USER MANUAL (for ADMIN)

STEP 1. This is the login form and for you to access the system, you must input the
username and password.
Username: admin
Password: 123456789

STEP 2. This is the first thing you will see after logging in. It is the database table that
contains all of the fire inspection's data. You can edit, delete, and print the image, as
well as view detailed information about each qr code.
STEP 3. This CREATE section allows you to create/generate a new QR code for the
fire extinguisher. You can view it in the database table after submission (please refer to
the step 2). You'll notice that the database table contains an expiration date and a date
for the next inspection. This is because when the administrator creates a new QR code,
it is automatically assigned an expiration date with a duration of +365 days in the
database, and when the date of inspection is filled in, it is also assigned a 7-day
duration for the next inspection day.

STEP 4. This is the USER section, where the administrator can view each inspector's
newly created account. Additionally, the administrator has the ability to edit and delete
these details. Besides that, the administrator can create a new one if a new inspector is
added. Simply click the red "+Add New Inspector" button to be taken to the registration
section. The administrator is the only person who is permitted to create an account.
STEP 5. This is the Registration section where the admin can create a new account
for the inspector. The admin needs to fill out the username, password, and full name
of the inspector. The user type is already part of the system, so there is no need to
change that unless there is another user except the admin and user (inspector). After
the admin successfully created the account, this account will automatically be stored in
the database that can be view in the USERS section, and those users can now access
the system.

STEP 6. Returning to STEP 1, the admin can see the eye icon alongside the edit and
delete buttons in the database table. This eye icon is used to view the specific
information. This is the section where inspectors can view and edit PFE details after
scanning the QR code.
 USER MANUAL (for INSPECTORS)

STEP 1
STEP 2
Before the PFE After scanning
Inspection can the QR code,
begin, the there will be a link
inspector must result. (It only a
first scan the local host in the
QR code. picture because it
is not yet an
official website)

STEP 3
After having a
scan result,
the inspector STEP 4
will be
directed here. After hitting the
The inspector edit button, the
can now see inspector can
the details of now begin with
that PFE and the inspection.
begin with the It already has
inspection details because
after hitting the inspector
the edit only needs to
button. update those
details.
Furthermore,
once complete
and after hitting
the update
button, the
details will be
automatically
updated in the
database.