0% found this document useful (0 votes)
72 views6 pages

Technology Stack: Frontend Development

The document outlines the development of a mobile study planner application for university students, detailing the technology stack, core features, and steps to build the app. Key features include calendar integration, task management, reminders, and AI-based scheduling, with a focus on usability and user satisfaction. The final deliverables consist of a functional app, evaluation report, source code documentation, and a dissertation on the project outcomes.

Uploaded by

Maria Rafique
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
72 views6 pages

Technology Stack: Frontend Development

The document outlines the development of a mobile study planner application for university students, detailing the technology stack, core features, and steps to build the app. Key features include calendar integration, task management, reminders, and AI-based scheduling, with a focus on usability and user satisfaction. The final deliverables consist of a functional app, evaluation report, source code documentation, and a dissertation on the project outcomes.

Uploaded by

Maria Rafique
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

developing a mobile study planner application for university

students to help them manage schedules, tasks, and deadlines


effectively.

1. Technology Stack

Frontend Development:
• Language: Dart (for cross-platform support using Flutter).
• Framework: Flutter – Allows you to develop for both Android
and iOS with a single codebase.
• UI Toolkit: Material Design for intuitive layouts and widgets.

Backend Development:
• Language: Node.js (JavaScript) or Python (Django/Flask) for
API development.
• Framework (if JavaScript): Express.js – Lightweight and fast
for RESTful APIs.

Database:
• Firebase Realtime Database – Provides real-time syncing for
scheduling updates.
• SQLite or PostgreSQL – For storing offline data on the device.

Authentication:
• Firebase Authentication – Easy integration for user login and
profile management.

Notification Services:
• Firebase Cloud Messaging (FCM) – For reminders and alerts
about upcoming deadlines.

2. Features Breakdown

Core Features:
1. Calendar Integration
• Monthly, weekly, and daily views for schedules and tasks.
• Supports importing university calendars.
2. Task and Assignment Manager
• Add, edit, and organize tasks by urgency and deadlines.
• Allow recurring tasks for regular study sessions.
3. Reminders and Alerts
• Push notifications for deadlines and upcoming tasks.
• Alerts for overdue tasks and schedules.
4. Automatic Scheduling (AI Integration)
• Generate timetables automatically based on input data.
• Suggestions for optimal study times using algorithms.
5. Sync Across Devices
• Sync schedules and tasks via Firebase or Google Calendar
API.
6. Profile Management
• Multi-device access and persistent storage for user data.

3. Steps to Build the App

Phase 1: Design and Prototyping


• Use tools like Figma or Adobe XD to create wireframes and app
layouts.
• Plan the flow for creating schedules, managing tasks, and setting
reminders.

Phase 2: Frontend Development


• Use Flutter to develop screens and implement the calendar UI.
• Connect buttons and layouts to navigation logic.

Phase 3: Backend Development


• Develop APIs for user management, task storage, and
notifications using Node.js or Django.
• Integrate the database (Firebase or PostgreSQL) for data
storage.

Phase 4: AI and Scheduling Algorithm


• Use Python (TensorFlow) or JavaScript (TensorFlow.js) for
AI-based timetable generation.
• Train the model on sample data (deadlines, time preferences,
etc.).

Phase 5: Testing and Evaluation


• Conduct usability testing with a group of students.
• Measure performance and improve based on feedback.

4. Screens Breakdown (3 Main Screens)


1. Dashboard Screen
• Overview of schedules, deadlines, and quick actions (add task,
view calendar).
• Graphs for time usage and progress tracking.
2. Calendar Screen
• Displays tasks and deadlines in day/week/month formats.
• Allows adding/editing tasks directly.
3. Task Manager Screen
• List of all assignments and deadlines sorted by priority.
• Filters for completed, overdue, and pending tasks.

5. Evaluation Plan
• Use System Usability Scale (SUS) to evaluate ease of use.
• Collect qualitative data on user satisfaction and issues.
• Aim for a SUS score of 70+ to measure success.
6. Final Deliverables
1. A fully functional mobile application with key features.
2. Evaluation report with usability test results.
3. Documentation for source code and deployment.
4. Final dissertation covering research, implementation, and
outcomes.

Screens
mobile study planner application

1. Dashboard Screen (Home) – Central Hub


Purpose: Provide an overview of schedules, tasks, and deadlines,
while allowing quick access to core features.

Features:
• Calendar Overview: Shows day, week, and month views.
• Task List Preview: Highlights upcoming tasks, deadlines, and
overdue assignments.
• Quick Actions: Buttons for adding tasks, assignments, or
schedules.
• Reminders and Alerts: Displays pending notifications for
deadlines and meetings.
• Analytics Snapshot (Optional): A progress chart for completed
tasks and remaining workload.

Navigation: Includes tabs or buttons to access detailed task


management and calendar views.

2. Calendar and Task Manager Screen


Purpose: Combine calendar and task management functionalities
into one screen.
Features:
• Calendar Section:
• Displays tasks, deadlines, and events in day/week/month views.
• Add/edit tasks directly from the calendar.
• Drag-and-drop tasks to reschedule easily.
• Task Management Section:
• List of tasks sorted by deadlines, priorities, or completion status.
• Create, edit, and delete tasks.
• Track task progress with checkboxes or percentage completion.
• Handle task dependencies (e.g., Task A must be done before Task
B).

Toggle Views: Use tabs or buttons to switch between calendar and


task list views.

3. Profile and Settings Screen


Purpose: Manage user preferences and application settings.

Features:
• Profile Management: Allow users to update names, emails, and
preferences.
• Settings:
• Enable/disable reminders and notifications.
• Sync data across devices via Firebase or Google Drive.
• Customize themes, time zones, and calendar views.
• Reports and Analytics:
• Visual charts and productivity reports.
• Export schedules and task lists as PDF/CSV files.
Additional Settings: Backup and restore options, logout, and
privacy policies.

How Does This Work?


1. Dashboard → Overview of all tasks and schedules → Quick
actions to add/edit events.
2. Calendar & Task Manager → Focus on detailed planning,
deadlines, and reminders.
3. Profile & Settings → Customize preferences, manage data sync,
and view analytics.

Advantages of 3-Screen Design:


• Simplicity: Consolidates features into fewer screens, reducing
complexity.
• Usability: Faster navigation with tabs, toggles, and modal
popups instead of multiple screens.
• Scalability: New features can be added in future updates
without redesigning the core layout.

You might also like