Design Plan for Constructor Mobile App
| User Scenario | Canvas Reference | Our Screen | To-Do List | Mockup | Canvas App Screenshot | Our Design Screenshot |
|---|---|---|---|---|---|---|
| User Authentication & Login Students and instructors need to securely log in to access course content and activities High Priority | Login screen with institution selection, SSO options, and credentials input | Authentication screen Update existing | | |  |  |
| In-App Navigation Users need intuitive navigation between different features and sections of the application High Priority | Left sidebar navigation and top bar | Global Navigation Create new Hakathon | |  |  |  |
| Dashboard & Home Screen Students and instructors need a centralized place to monitor their courses, progress, upcoming deadlines, and access key information at a glance. High Priority | Dashboard with activity feed, upcoming assignments, course cards, recent announcements, and calendar highlights. | Student Dashboard Update existing Hakathon | | |  |  |
| Course Discovery & Browsing Users need to find and explore available courses, view descriptions, and enroll High Priority | Course catalog with filtering, search, and course cards | Course Catalog screen Update existing Hakathon | |  |  |  |
| Course Content Consumption Students need to access and engage with various course materials including videos, readings, and interactive content High Priority | Content viewer with navigation sidebar, media player, and reading view | Course Content viewer Create new Hakathon | | |  |  |
| Assignment Submission Students need to view assignment requirements, submit their work, and track deadlines High Priority | Assignment list and submission form with upload capabilities | Assignments screen Update existing | | |  |  |
| Calendar & Scheduling Users need to view course schedules, deadlines, and manage their academic calendar Medium Priority | Calendar with month/week/day views and event management | Calendar screen Update existing | | |  |  |
| Communications Hub Students and instructors need to communicate effectively through direct messages, group chats, and course-specific channels to collaborate and stay informed. High Priority | Built-in messaging system with direct messages, group conversations, and course announcements. | Communications Hub Update existing | | |  |  |
| Grade Checking Students need to view their grades, track progress, and understand their standing in courses Medium Priority | Grades overview with course breakdown and assignment details | Grades screen Create new | | |  |  |
| Video Conferencing Users need to join and participate in live class sessions, discussions, and office hours High Priority | Conference tool with video grid, controls, and chat integration | Video Conferencing screen Create new | | |  |  |
| Notification Management Users need to receive timely updates about course activities, deadlines, and communications High Priority | Notification center and preference settings | Notifications screen Create new | | |  | |
| User Profile & Settings Users need to manage their account information, preferences, and application settings Low Priority | Profile page and settings panels | Profile & Settings screen Create new | | |  | |
| Offline Learning Students need to access course materials and continue learning without internet connection Medium Priority | Limited offline support | Offline Content Manager Create new | | | | |
| AI Learning Assistant Users need AI support to answer questions, explain concepts, and provide learning guidance Medium Priority | Not available in Canvas | AI Assistant screen Update existing | | | |  |
