Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

PosterBoard - GR4 - Computer Prototyping

Manasi Vartak <mvartak@mit.edu>, Tristan Naumann <tjn@mit.edu>, Chidube Ezeozue <cezeozue@mit.edu>

Platform Requirements

This prototype has been tested to work on Chrome 18 maximized window (1600x900 as tested) when opened from a local folder. Further this prototype is meant to be tested on a large (30''+ touch monitor). Understanding this to be a severely limiting hardware requirement, the GR4 snapshot should perform similarly on down to a 15'' screen. If using a mouse rather than touch, please note that some typically appealing effects (e.g. hover) are not necessary in a touch environment.

...

This project relies on HTML/javascript CSS/Javascript for UI components. Because the server/site combination this application is intended to be run locally at each SMART board instance (our actual hardware), you will need to download the project and run it locally as follows.

  1. Download http://web.mit.edu/tjn/Public/PosterBoard.zip.
  2. Unzip the package.
  3. Open templates/index.html in Chrome 18 in a maximized window (NOTE: it should be maximized when opened, not resized afterward)..
  4. Preferably run it in full screen mode (F11)

Prototype Depth Comments

The backend of this project will consist of a Django server to manage content and very likely a secondary python server to relay non-standard device input to the frontend (e.g. from a RFID reader). The absence of a backend in this prototype means that several features are implemented in a relatively static manner, relying on canned responses or simply do not function as expected.

  • Add a poster: 
    • Clicking the '+' will open a panel as expected, further preview and client-side filtering allowing only image files should work as expected.
    • Dropdown selections are static for room and tags.
    • Email will Email will, in the future, be entered via the swipe of an RFID card; however, the complexities of this interaction prohibit it in this prototype.
    • Actually hitting "Add Poster " preview will result in one of a number of errors, most likely an Internal Server Error (specific error depends to an extent on other things you might be running on your machine).not be displayed in this prototype as this relies either on an AJAX server roundtrip or the HTML5 FileReader neither of which work when the project is launched as a file.
    • Actually hitting "Add Poster" will not add a poster but instead return a canned success messageClicking the '-' and coming back will not clear the form as server-side validation cannot yet be performed.
  • Calendar view:
    • Clicking dates on the calendar do not synchronize to the headers.
    • Switching between weeks animates the action but does not change reflected weeks
    • The posters are static
  • Opening a poster 
  • Similar events view:
    • Some posters may appear in multiple categories.
    • Categories and posters are static ad do not change or necessarily regroup predictably.
  • Opening a poster Should result in a lightboxed view of the poster
      at front with several options.
    • Clicking "like," "dislike," or "calendar reminder" icons do not do anything further.
    • Scribbing Scribbles on a poster is are not saved.

Download

GR4 snapshot: http://web.mit.edu/tjn/Public/PosterBoard.zipCurrent development: https://github.com/tnaumann/PosterBoard