Mobile Online Registration

jQuery mobile framework "Proof of Concept"

Advisor Workflow: orm_advisor_workflow.html

jQuery mobile framework pages for development

Advisor Workflow:
advisor_workflow.pdf

advisor_home.html

view_student_selections.html

review_student_selections.html


Student Review Registration Workflow:
student_review_subject_selections_workflow_workflow.pdf

student_home.html

review_subject_selections.html

hold_messages.html

advisors.html


Student Submit Registration Workflow:
student_submit_registration_workflow.pdf

student_home_2.html

review_subjects_addresses.html

emergency_contacts.html

edit_primary_contact.html

edit_secondary_contact.html

submit_registration.html

student_home_3.html


Misc pages:
help_faq.html

registration_closed.html

ineligible.html

access_denied.html



All Approved Mockups

MIT Mobile Web Home

m.mit.edu (Touchstone login process is not shown, but would occur between the Mobile Web Home and Student Home pages)

Touchstone step 1

Touchstone step 2

Student Home - with Hold

Student Home with Hold (this page shows the Messages section with edited, condensed text)

Hold Message(s)

Student Home - no Hold

Student Home (default view)

Review Registration

Review Registration with Over-the-limit Credits

Advisor Approval message (page linked from all home pages and active link prior to advisor approval)

Student Registration Process

Student Home - Advisor Approval Received

Submit Registration - Review Registration (step 1 of 4)

Review Addresses & Phones (step 2 of 4)

Review & Edit Emergency Contacts (step 3 of 4) Primary and Secondary Existing Contact Info
Notes: iPhone automatically breaks the Phone Home & Other on a separate line; for phone numbers and emails, the iPhone and Android automatically make these clickable links to call or email
* Also, for very long email addreeses, see Primary, the email will line break.

Edit Primary Contact

Edit Secondary Contact
Notes: This shows a pre-populated form, showing all information displayed on Primary Contacts; info populated in the appropriate form field; on click, the form field will allow the user to edit or backspace/delete information. Functionality not enabled yet will bring up the appropriate keyboard for each field: text, numbers, email.
* To conserve vertical space, Middle Initial input is next to the First Name; MI text has alignment issues on Android, will try to fix.
* Clicking Save takes the user back to the previous page with a message telling the user the changes are saved and giving the user an opportunity to review their changes for accuracy.
* Clicking Cancel also takes the user back to the other page and does not apply any changes entered into the form.

. . . . . . . .

Review & Edit Emergency Contacts (step 3 of 4) Primary and Secondary No Existing Info

Edit Primary Contact Blank

Edit Secondary Contact Blank
Notes: This shows a blank form, as if the user had no information entered in Primary Contacts.
* User has option to continue to step 4 without filling out Contacts
* Form will automatically default to Domestic form inputs; functionality not enabled yet will allow the form inputs to switch between Domestic and International form inputs when the user clicks either radio button.
* Editing Primary or Secondary Contacts works the same as above.

. . . . . . . .

Review & Edit Emergency Contacts (Changes confirmed & updated)

Terms & Submit (step 4 of 4)

Confirmation Page

Student Home - Registration Successful

Student Home - Other Links

Advisors

Help & FAQ

Advisor Pages

Advisor Home (collapse all by default)
Notes: all headers collapsed on default (so user can view all filter options without losing sight of all options if All list is long.
* The student names will default in alphabetical order. There is no sorting of student names.
* To view a student Awaiting Approval: tap "Awaiting Approval", tap "Blaze, Serenity"
* To view a student Approved: tap "Submitted", tap "Boardman, Wayne"

Review & Approve Student Subject Selections (Grad w/ 1 Program 2 Majors)

Approval Confirmation

View Approved Student Subject Selections (Undergrad w/ 1 Major 1 Minor)

Error Pages

Access Denied

Registration Closed

Ineligible to Register