Challenge Summary
The objective of this challenge is to create the HTML wireframes for Living Progress - Mentor ME application on Desktop platform with focus on Administrator flow.
For this challenge we will be exploring an administrative application for the Mentor ME App which allows Mentor ME staff to monitor. Read more details requirements below and lets discuss any questions you have via challenge forum.
Round 1
Checkpoint Submission RequirementsInitial Living Progress - Mentor ME - Admin Flow Wireframe for these following functionality:
- Login Functionality
- List Institutions
- Add Institution
- Update Institution (include Activate and Inactivate Institution)
- List Programs
- Add Program
- Update Program
Note: Submit as much application features as you can for our checkpoint review.
Round 2
Final Living Progress - Mentor ME - Admin Flow Wireframe with updated Checkpoint Submission Feedback- Login Functionality
- List Institutions
- Add Institution
- Update Institution (include Activate and Inactivate Institution)
- List Programs
- Add Program
- Update Program
- View All Institution Programs
- View All Mentors
- View All Mentees
- View User
- Deactivate User
- Reassign Mentees
- Approve/Activate Mentors
- Add Institutional Admin
Note: Submit complete flow for Final Round.
About Mentor ME
Mentor ME is a responsive mobile app with the objective at assisting underachieving high school students – particularly those at risk of becoming school dropouts. Mentor ME enables, empowers and inspires new talent by building networking relationships from a list of mentors that assist you sharing ideas, guidance, learning and connecting with other leaders.
The propose of Mentor ME is be more effective, efficiency at mentorship programs and to increase the coverage of current programs where younger adults can have access to volunteer mentors to get guidance and motivation to graduate. The core of Mentor ME is the match between the Mentee interests and opportunities to Mentor Skill. We’ve developed a fairly robust prototype of the mentor and mentee Android application with the Ionic framework.
You can review the application with the following credentials (See the attached proto.zip)
a). Mentor side
Username: mentor
Password: 123
b). Mentee flow
Username: mentee
Password: 123
For this challenge we will be exploring an administrative application for the Mentor ME App which allows Mentor ME staff to monitor. Today many students don’t have the opportunity to have a mentor to teach and help them to prepare their career path. This application will help give students that opportunity.
Downloadable Files
https://drive.google.com/a/copilots.topcoder.com/folderview?id=0B31nrwic_6z0cEhIeDFvWVRHU1k&usp=sharing
- Proto.zip - Mentor ME Prototype File for Mentor and Mentee Flow as Reference
- wf.zip - Old Mentor ME Wireframe for Mentor and Mentee Flow as Reference
General Requirements
- Screen Size: Desktop (1024px x Height up to your Design)
System Admin Flow Submission Requirements
Here are the basic use cases that we need to handle for System Admin flow:
- Login Functionality
- List Institutions
- Add Institution
- Update Institution (include Activate and Inactivate Institution)
- List Programs
- Add Program
- Update Program
- View Institution Program Detail
- View All Programs By Institution
- View All Mentors
- View All Mentees
- View User
- Deactivate User
- Reassign Mentees
- Approve/Activate Mentors
- View Calendar By Institution
- Add Event To Institution Calendar
- Delete Event from Institution Calendar
- Add Institutional Admin User
- Edit Institutional Admin User
- Delete Institutional Admin User
Here are the basic use cases that we need to handle for Institutional Admin flow. Each Institution Admin will handle one institution account. Each institution manages a series of programs. Each institution will have a calendar that they manage for global events (e.g. Training Day for Mentors).
- Login Functionality
- List Programs for Institution
- Add Program
- Update Program
- View Institution Program Detail
- View All Mentors For Institution
- View All Mentees For Institution
- View User
- Deactivate User
- Reassign Mentees
- Approve/Activate Mentors
- View Institution Calendar
- Add Event To Institution Calendar
- Delete Event from Institution Calendar
Institution
An Institution has the following data elements:
- Name
- Parent Organization (e.g. University of Monterrey)
- Street Address
- City
- State
- Postal Code
- Phone Number
Contacts (Collection)
- Contact Name
- Title
- Telephone
- Is Primary
Institutional Admin (Collection)
- First Name
- Last Name
- Username
- Password
- Title
- Telephone Number
- Institution
Program
A Program is a set of Goals and Tasks. Each Institution has a default set of Goals and Tasks which constitute a program. Mentors and Mentee as free to adjust these Goals and Tasks as they see fit. The Mentors and Mentees can add or subtract the Goals and Tasks as they see fit.
Program Name
Institution
Is Default
Goals (Collection)
- Subject
- Description
- Duration (in Days)
- Category
Tasks (Collection)
-- Description
-- Goal
-- Duration (in Days)
-- Task Assignment (Mentor or Mentee)
Documents (Collection)
- Document Name
- Document Link
Users
We will have four types of users in the system. Institutional Admin, System Admin, Mentors, and Mentees. We’ll be tracking the following information about users:
- First Name
- Last Name
- User Id
- Password
- Role: (Mentor, Mentee, System Admin, Institution Admin)
- School
- Company Name
- Program
Expertise (Collection)
- Expertise Name
Interest (Collection)
- Interest Name
Professional Experience
- Title
- Company Name
- Start Date
- End Date
- Description
Intro Video Link
Profile Picture Link
Accepted Mentee Terms and Conditions
Mentee Signature
Mentee Parent Signature
Family Income
Email Address
Telephone
Skype Username
Performance
User Status (Active, Inactive)
User (Collection) - Association between Mentors and Mentees (Many to Many)
Target User
- Admin
Judging Criteria
- How well you build wireframe solution for Mentor ME for Admin Flow
- Cleanliness of your layout and UX
- Completeness based on requirements
Submission & Source Files
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Wireframes should be built in Plain HTML/CSS/JS or you can generate from Axure application. The resulting files are not critical in this Challenge.The most important point is that all the content is listed and the pages are linked together to show page flow. Keep your source files out from this submission folder.
Source Files
All original source files of the submitted ideas. If you would like to submit notes please include notes.txt file
Final Fixes
As part of the final fixes phase you may be asked to modify content or user click paths.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.