• Created by Unknown User (martelly@mit.edu), last modified by Unknown User (viettran@mit.edu) on May 08, 2013 12:53
Using the Website

Use the following URL to access our home page: http://web.mit.edu/martelly/Public/dormmate/DanielFolder/mainPage.html

Please use Firefox for best performance.

Individual Contributions

Sumit Gogia

Floor Plan

Used for obtaining an overview of floors in the building, including floor-wide statistics as well as positional information relevant to moving tasks.

Features:

  • Floor Plan Drawing
    • Visible in center of screen
    • Rooms are labeled with boxes of color according to their type of relevance to the system (e.g. occupied room; legend on right of page)
    • Supports panning (via panning arrows or dragging, like Google Maps)
    • Supports zooming (via the slider at the top left of the drawing)
    • Presents dialog with room information and task-creation ability when specific room is clicked
    • Floor switchable by the button list on the left of the page
  • Search
    • Autocomplete room number or name
    • On selection, map auto-pans to room and presents its info dialog
Daniel Martelly

Main Page

Used for viewing a filterable list of tasks.

Features:

  • Filter by:
    • Task status (complete or incomplete)
    • Task Type
    • Floor Number
    • Text of your choosing
  • View recent notifications about tasks with progress bar.
  • Make data entries clickable with a method of quickly updating subtasks.

Header

Used at the top of each of our web pages for consistency and navigation. I figured out many of the necessary bootstrap and css elements needed.

Viet-Tran Nguyen:

Start New Task Page:

This page is for the user to create and update the task.

Supported Features:

  • Auto fill with affordances for all of the useful information.
  • Pre-fill data if the user wants to update the task.
  • Generate available room based on the server.
  • Search for people information based on fake database.
  • Submit button check for missing fields and give the user a notification and redirect the user to the main page to see the newest changes.
  • Information dynamically changed for Move In and Move Out tasks.

Parse Server:

  • Created API for the group to easily upload and download information from the Parse server.
  • No labels

1 Comment

  1. Unknown User (jks@mit.edu)

    Overall: Awesome user interface for managing move-in and move-out tasks, with lots of interesting features you don't see elsewhere: progress bars for subtask completion, autofill using the MIT directory, and interactive floor plans. Very impressive stuff!

    • Presentation:
      • Excellent presentation and guided tour of your user interface for creating and updating move-in and move-out tasks.
    • Usability:
      • Main page should probably be called 'Tasks' or 'Moving Tasks' or something like that.
      • Main page:
        • Search box should have focus when opening the page
        • Subtask checkboxes, save changes and edit task buttons should be better gridded and buttons should be styled consistently
        • Feedback from creation and editing of tasks, when returned to the main page (e.g. highlight relevant task / recent activity)
        • Should be a way to delete a task (not just mark it as complete)
        • Aggregation: There should be a way to simultaneously check off subtasks / mark complete many tasks at a time.
        • Updates in the recent activity feed should, perhaps, indicate what the update involved (e.g. 'Room key returned')
        • Weird cutoff in my browser for New Task/Edit Task page: http://i.imgur.com/9xiq1jY.png
      • Floor plan:
        • Slider should indicate it's for zooming / scrolling mouse should zoom the floorplan.
        • Vacant rooms should have their own color.
        • Search for room doesn't create popup if it isn't already created by clicking on a room.
        • Popup should somehow indicate which room it's associated with (e.g. with a callout line).
    • Completeness:
      • Settings button - if there's nothing behind this, just get rid of it.
      • Floor plan should connect with task creation.