ESPRIT

APPLICATION
By: Haythem Timoumi
Overview
Introduction 01
Problem Statement 02

Objectives and Features 03

Integration with the DSI System 04
Demo Video 05
Future Perspectives 06
 Introduction
Over the past 8 months, I developed a mobile app using Flutter for the
frontend and Node.js with Express.js for the backend. I chose these
technologies for their performance, scalability, and wide community
support. The app offers a smooth cross-platform experience for students
and parents, with a focus on user-friendly features, reliability, and future
scalability.
 Problem Statement
Users faced challenges with managing academic tasks like
tracking absences, viewing schedules, and analyzing performance
on a centralized platform. Although basic features were in place,
they lacked depth and practicality.
While the initial request focused on integrating a chatbot for real-
time academic assistance, I identified additional needs to further
enhance user experience:
1. Weather Updates: Provides real-time weather data, helping
users plan their day more efficiently.
2. Interactive Map: Eases campus navigation, especially for new
students , reducing confusion and saving time.
 Objectives and Features

Objectives

Adapt all the features from the web student Integrate the parent space to allow parents to Create a simple and user-friendly interface for all
portal for an optimized mobile experience. follow their children's grades and absences. mobile platforms. Add a chatbot to handle common
student questions.
 Application Features:

Absences and Grades Chatbot with Parent Space

Management Dialog_Flowtter

Integration of interactive charts Implemented a chatbot using Parents can easily access their
(LineChart, BarChart, RadarChart) Dialog_Flowtter, allowing students child’s academic performance
to visualize student absences and to interact with an AI that can and absences. This simplifies their
grades, providing a clear, visual answer frequent questions. This involvement in the student's
representation of their academic enhances user support, making it academic life by offering a
performance. easy for students to find dedicated parent dashboard.
information quickly.
 Application Features:

Maps Weather Integration Profile, Settings, and

(Self-Added Feature) (Self-Added Feature) Contact Pages:

Added a free-source map feature Added a real-time weather feature Developed modules for students to
for students to locate university using the OpenWeather API, manage their profiles, settings, and
buildings or blocks. This was a self- helping students and parents stay access teacher contact information
initiated feature to improve user informed and plan their day (email).
navigation on campus. effectively. Developed a Contact Us module
that allows students to reach out to
the administration or faculty easily
 Integration with the DSI
System
API and Reverse JSON Data
Limited Access
Engineering Handling

To handle limited access to

At first, I didn’t have full The integration with the DSI
data, I used JSON to simulate
access to the database, so I system was partial because
real database responses
used reverse engineering. I access to certain services,
and display data in the app. I
created a local database such as password
added offline mode with
and simulated API responses decryption or data deletion,
caching, so users could view
based on assumptions. This was restricted. However, this
schedules, absences, and
helped me continue working did not impact the core
profiles without internet.
without delays until I got full functionality of the app.
When back online, the app
access to the data.
synced with the database
and updated the cache,
ensuring smooth use even
offline.
 Reverse engineering
Reverse engineering involves analyzing an existing system to recreate its structure, functionality, or
data flows. In my project, I replicated the database schema locally and built APIs that mimic real-
world responses. This approach allowed me to develop and test features without direct access to the
production database, ensuring a seamless transition when real data became available.

System API Seamless

Replication
Analysis Simulation Transition

I studied the original Created a local Developed APIs After accessing the
site to understand its database mirroring connected to a locally real database, only
data and behavior. the real one. replicated database, updated SQL queries
designed to produce and the configuration
the same responses as without changing the
the real system. frontend.

www.reallygreatsite.com Presented By : Larana Corporate

Include a video showcasing the application in action:
How students navigate through different sections of the app and access absences, results, and
other features. Both students and parents have different dashboards tailored to their specific
needs.
The chatbot answering common student questions.
The interactive map helping students find their way around campus, improving their navigation
experience.
Real-time weather updates integrated with the class schedule, helping students plan for the day
ahead.
Charts and graphs displayed for both students and parents, showing student performance and
absences visually.
Student Information: Students can access teacher details like email, and both students and
parents can view important information about the faculty, such as phone numbers, email
addresses, location, and fax details.
Future Perspectives
Full DSI Integration: I aim to achieve full integration with the DSI
system, including access to encryption and deletion features,
which will allow for more robust data management and
security across the platform.
Cross-Platform Support: My goal is to optimize the app’s
responsiveness on both iOS and Android platforms, ensuring a
unified and high-quality user experience, regardless of the
device used.
Feature Expansion: In the future, I plan to enhance both the
student and parent dashboards by adding more settings
features, allowing users to have greater control over the app’s
behavior. This will include the ability to manage preferences,
such as language settings for a more personalized experience,
and additional customization options to improve interactivity.
THANK YOU!
by Haythem
Timoumi