CHITTAGONG UNIVERSITY OF

ENGINEERING & TECHNOLOGY

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

REPORT TITLE

Implementation of the Project on E-code Analyzer

COURSE CODE : CSE 356

COURSE NAME : SOFTWARE ENGINEERING (SESSIONAL)
EXPERIMENT NO : 04
DATE OF SUBMISSION : 16 – 01 – 2024

REMARKS

Submitted By Supervised By

MD AKIB HASAN 1904015 Annesha Das

Assistant Professor
K.M. MAHABUB HOSSAIN 1904017
Department of CSE, CUET
SADMAN RAHMAN ANANTA 1904020
Sabiha Anan
Assistant Professor
Department of CSE, CUET
Introduction
The implementation of E-Code Analyzer App represents a crucial step in deploying the plat-
form to consumers empowering knowledge about food additives. The app serves as a user-
friendly digital guide, offering in-depth information on various food additives directly on users’
mobile devices.
E-numbers, short for Europe numbers, are codes assigned to substances used as food additives,
which corresponds to a specific food additive and is used as a labeling system on food products
to inform consumers about the presence of these additives.

Objectives
• To implement the application that covers the selected user requirements.

• Test and validate the functions and components of the app.

• Deploy a working and functional application to the stakeholders.

Description
The application is divided into multiple components or modules that performs together and
completes its total functionality. Such as–

• Splash Screen

• Log-in

• Sign-up

• Home

• Preferences

• User-Settings

• E number data, etc.

1
Implementation Details
Splash Screen

Figure 1: Splash Screen of E-Code Analyzer

The initial page of the application involves a splash screen that finally shows two buttons–
Login and Sign up. It also shows some text and an abstract image.
The

2
Log In

Figure 2: Log in page of E-Code Analyzer

3
The login screen has some text, image and a few form fields such as username and password
and some action buttons for instances login, forget password etc.
This page contains the field to collect user credentials and after verifying user identity it while
pressing login button, the app shows home page. There is a forget password button which helps
user to reset his password. It also has sign in with google, facebook and twitter buttons.

Sign Up

Figure 3: Sign Up page of E-Code Analyzer

Sign up page contains multiple form fields for creating user account such as username, email,
password etc. And action buttons such as sign up for navigating the app.
This page mainly performs the user registration process which is a necessary task to fulfil the
requirement of user-centric data visualization i.e, the preference of data can be stored per user.
It takes username as normal field, email as a mail field, password as secured/protected field and
mobile number(which is easy to use as Firebase database is used).

4
Profile

Figure 4: User Settings or profile page of E-Code Analyzer

The profile page has the ways of customizing personal preference such as profile picture, food
preference, app settings and contact developers section.It also has 3buttons such as Profile
button, Search button & QR button & they have different functionality.Profile button used for
go to profile, Search button is used to search & QR button vrify the QR code.

5
Preferences

Figure 5: User Preference pages of E-Code Analyzer

6
The user preference pages has some text, radio buttons for user choices in different perspective
and action buttons for navigating.
In this section user provides their preferences so that we can show the e number data as they
needed such as religious perspective or allergic items. This information is stored according to
user credentials and used while a user invokes some information as filter which can be modified
by user further later.

Data Show

Figure 6: Data Providing Page of E-Code Analyzer

Data Providing page provides the given desired data of the product whose QR code are given
alredy. It shows data of the given QR code.

7
 Figure 7: Data Providing Page of E-Code Analyzer

Here, also a seach button we can see where user can search anything relatable to the product
and get the actual data of the product.

Development Tools
There are various tools we are expecting to use in this project. Such as–

• Flutter

• Firebase

• Flutter gallery, driver, flutterflow, canva

• Google play etc.

Conclusion
In summary, the E-Code Analyzer’s implementation phase showcases the dedication and tech-
nical expertise of our development team. The project objectives were successfully turned into a
functional software solution, poised to transform how stakeholders and industry professionals
engage with food additive information.

8
A well documented platform with good modularization and component integration plays vital
role in . Despite challenges, from data integration to interface optimization, our proactive
approach led to innovative solutions which will be a vital tool for promoting food safety and
transparency to public health.