SMIT STUDENT HANDBOOK APPS

A CAPSTONE 1 PROJECT AND RESEARCH PRESENTED TO THE

FACULTY OF ACT/BSIT DEPARTMENT, SOUTHERN MINDANAO INSTITUTE

OF TECHNOLOGY, INC., THE CITY OF TACURONG, SULTAN KUDARAT IN

PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR THE DEGREE OF

BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY

Presented by:

UKOM, ASLAMIA A.

SALIM, SANOR P.

MUSA, SAMIRUDIN U.

JUNE 2021
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

TRANSMITTAL SHEET

This capstone project attached hereto entitled “SMIT STUDENT

HANDBOOK APPS” is prepared and submitted by ASLAMIA A. UKOM,
SANOR P. SALIM , and SAMIRUDIN U. MUSA in partial fulfillment of the
requirements for the degree of BACHELOR OF SCIENCE IN INFORMATION
TECHNOLOGY.

GRACE N. APROSTA, MIT

Adviser

____________
Date Signed

Respectfully endorsed as partial fulfillment of requirements for the degree

of BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY.

ERNESTO S. CASERES JR., MIT

Program head, ACT/BSIT Department

____________
Date Signed

ii
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

APPROVAL SHEET
The capstone1 project and Research entitled “SMIT STUDENT
HANDBOOK APPS” is prepared and submitted by ASLAMIA A. UKOM,
SANOR P. SALIM and SAMIRUDIN U. MUSA, in partial fulfillment of the
requirements for the degree of Bachelor of Science In Information Technology,
has been examined and recommended for acceptance and approval of the Oral
Examination.

GRACE N. APROSTA, MIT

Adviser
_____________
Date Signed

PANEL EXAMINERS

ERNESTO S. CASERES JR., MIT

Chairman
_____________
Date Signed
JESS TONY S. APROSTA, MIT MARLO FEL PARADERO, MAEE-CAR
Member Member
_____________ _____________
Date Signed Date Signed

KEVIN C. CENAL EDMAR JON S. BATOBALANI

Member Member
_____________ _____________
Date Signed Date Signed

ROSALINDA G. SABINO, LPT, MAT(CAR)

Research Coordinator
____________
Date Signed

Accepted as partial fulfillment of the requirements for the degree of BACHELOR

OF SCIENCE IN INFORMATION TECHNOLOGY.
EUFEMIA S. APROSTA, LPT
Registrar
__________
Date Sign

iii
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

ACKNOWLEDGEMENT

We the researcher heartedly dedicated to our beloved parents, who have

been our main source of inspiration and motivate us when we were about to

give up, who continually provide their moral, emotional, and most especially

through financial support.

To our brothers, sisters, relatives, mentor, and friends who helped and

shared their knowledge and thoughts and motivating us that we can finish our

studies.

And lastly, we dedicated this book to the Almighty Allah/God, for his

guidance, knowledge, and strength, and for giving us the determination to make

our study successful. All of this is nothing without you.

iv
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

SUMMARY

This project study is all about converting a Handbook into an android

application which is the researchers’ solution in preserving the handbook in a

way that it will not be torn easily and protect it from water during the rainy

season. An SMIT Student Handbook is accessible anytime and will be installed

on android devices.

Through the use of Information Technology with their Handbook by using

smartphones and/or tablets. This implementation helps every student to

improve the use of their Handbook from manual to Mobile Handbook using their

smartphones and/or tablets. All the features of the traditional Student handbook.

Every student, faculty, and also parent can use this Student Mobile Handbook.

This also includes GPS and Videos of the SMIT Campus that you cannot find in

the traditional student handbook.

We have come up to conduct a study and develop an Android-based

SMIT Student Handbook using Information Technology and utilizing.

v
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

TABLE OF CONTENTS

TITLE PAGE ........................................................................................……I

APPROVAL SHEET.....................................................................................III

ACKNOWLEDGEMENT...............................................................................IV

SUMMARY............................................................................................…...V

TABLE OF CONTENT.............................................................................….VI

LIST OF DIAGRAMS...................................................................................VIII

LIST OF FIGURES...................................................................................… IX

Chapter I INTRODUCTION....................................................................1

Project context.........................................................................1

Purposed and description........................................................3

Objectives................................................................................ 3

General Objective......................................................... 3

Specific Objective......................................................... 3

Project Scope.......................................................................... 4

Project Limitation..................................................................... 4

Chapter II REVIEW OF RELATED LITERATURE.................................. 5

Chapter III TECHNICAL BACKGROUND................................................ 9

Chapter IV METHODOLOGY RESULTS AND DISCUSSION.................. 10

Requirement Analysis.............................................................. 11

vi
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

Design phase.............................................................…………12

Development.................................................................12

Testing phase............................................................... 12

Requirements Documentation................................................. 13

Goals............................................................................ 13

Function........................................................................ 13

System requirements.................................................... 14

User.............................................................................. 15

Team configuration and Management.......................... 15

Communication plan..................................................... 15

Design of software, systems, product, and/or

processes........ 16 Development and

Testing....................................................….22

Description of Prototype.......................................................…23

Implementation

Plan................................................................ 30

Implementation Results...........................................................30

Chapter V RECOMMENDATION............................................................. 31

Chapter VI APPENDICES......................................................................... 32

System Prototype from the first Stem of the process till accomplish

Curriculum Vitae......................................................................

vii
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

LIST OF DIAGRAM

DIAGRAM TITLE PAGE

1 Agile Methodology....................................………....10

2 Current System Specification........................……...16

3 Proposed system specification……..............………17

4 Proposed use case brief description.............…...…19

5 Proposed system sequence………................…..…20

6 Proposed state chart……..............................….…..21

7 Development and testing.............................….……22

viii
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

LIST OF FIGURES

FIGURE TITLE PAGE

1 User and Admin login………………………………..23

2 Main menu Dashboard………………………...……24

3 Handbook menu Dashboard…………………….….25

4 About Dashboard………………………….……...…26

5 Program & Videos Dashboard…………….…….…27

6 Facilities Dashboard…………………………….…..28

7 GPS Dashboard……………………………………..29

ix
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

CHAPTER I

INTRODUCTION

PROJECT CONTEXT

The Southern Mindanao Institute of Technology (SMIT) is located along

the National Highway, Brgy. Buenaflor, Tacurong City, Sultan Kudarat, a private
educational institution, run by Mr. Federico S. Señeres, Sr. And the president of
this institution it was conceived and started operation in the year 1985. Southern
Mindanao Institute of Technology has different departments, namely
Elementary, Junior High School, Senior High School, and college departments.
The college department has different courses which are the BSIT/ACT, HRM,
Midwifery, Education, BSBA, and Criminology.
Southern Mindanao Institute of Technology is a none-sectarian school is
committed to providing quality, relevant and holistic education for the community
through efficient and effective faculty and staff, adequate and appropriate
instructional facilities, innovative teaching strategies that will develop a
competent and committed person. In each department, the information system
established in this study was used to provide information for updating activities.
Just offers information for a system project.
The student handbook is a book that gives useful information about the
college. It covers the grading system, rules and regulations, enrolment
requirements, and other facts relevant to the institution. The distribution of the
student handbook is done to every newly hired faculty and enrolled student to
keep them aware and understand policies, rules, and regulations about the
operation of the College.

1
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

This project is converting a handbook into a mobile-based application

which is the researchers’ solution in preserving the handbook in a way that it will

not be torn easily and protect it from water during the rainy season. A handbook

mobile based which is accessible anytime and will be installed on android

devices. At the end of the study, we were able to create an android application

for our school’s college department which outlines student rights, privileges, and

responsibilities and provides information about how to get help with appeal

requests, processes and procedures, and resources available from school

system personnel.

2
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

PURPOSE AND DESCRIPTION

To aim the SMIT Student Handbook apps is runs on android devices in an

offline setting. However, the usual problem with the current method is that they
usually forget to bring the handbook; some lost it and noted that the hard copy
handbook is somewhat boring and not interactive. Likewise, the handbook is
reprinted every time that there are changes or updates to the contents, with
trees being cut down to produce paper and contributing to our problem in
climate change.

OBJECTIVES

General Objective
The current version of the handbook is in the form of a book bind one
which is prone to tear, damage, and loss. To prevent or minimize the stated
dilemmas, the researchers had come up with an idea to develop SMIT Student
Handbook apps.
Specific Objective
 To be able to design and develop SMIT Student Handbook apps that are
responsive and will automatically adjust according to the screen resolution
of the student’s device.
 To convert the hard copy version of the handbook to mobile-based which
will make it easier for the students to browse and read the content of the
handbook using their mobile devices.
 To encourage the students to read their handbook and easily browse it.
 To create a user-friendly application, with easy navigation that is available
for download anytime.
 To develop an application for the students that has an adjustable font size
for easier reading and understanding.

3
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

PROJECT SCOPE

The application also contains photos of the different facilities of our school

to showcase its beauty and encourage other students to enroll.

 History

 Rules

 GPS

PROJECT LIMITATION

This application is multifunctional. It can also be viewed on computers

running with Windows operating system. The application is focused on the SMIT

campus only not included the other campus or institution.

4
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

CHAPTER II

REVIEW OF RELATED LITERATURES

LOCAL LITERATURE

E-Learning via Android Application

This project focuses on developing a mobile application that includes the

major functionalities of the UTP E-Learning website which are used by students,
into a stand-alone mobile application (M-Learning). UTP E-Learning is a website
created for students to ease the usage of the website, it is also a platform for
the students to upload and download any education related notes or files.
Despite the importance of UTP E-Learning website to all students, the
effectiveness and efficiency of this website are still not up to its maximum
potential.

Students are not really utilizing this website to its maximum potential
simply because they are not surfing this site very often when they are mobile or
away from a pc. Hence any important announcements made by lecturers or by
UTP itself, sometimes do not reach the students in time.

The role of UTP E-Learning website in helping the students in their

studies could be a failure if it is not fully utilized in the best possible manner.
Hence, the main objective of this project is to develop a platform for the
students to use the UTP E-Learning website through a mobile device (Android).
Besides that, this project revolves around the study of the primary usage of E-
learning website to find out the key features that will be included in the

5
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

application. The interaction process will be easier as the M-Learning will be

installed into their mobile phone as an android application.

LIBRARY MOBILE APPS: FOR EFFECTIVE SERVICES OF LIBRARY

Smartphones have made it possible to get connected with any related

organization from anywhere for accessing valuable library resources. This paper
focuses on providing library services through Mobile Apps. The paper explains
the need for creating mobile apps to the library for better service. The important
ingredient of the article is the ‘Contents of the mobile library app’ which outlines
the contents of the app. Some of the existing library mobile apps are listed and
brief information about the apps has been specified. Even it provides the web
links of various mobile apps and the nature of resources available through those
apps. Some of the mobile app developers are been discussed briefly which
includes their web link. The paper even the concentrates on promotion and
evaluation of the library mobile app.

Digital Student Handbook of the University of the Immaculate Conception

for Android

The primary purpose of the study was to develop a tool that will take
advantage of the fact that many students of the University of the Immaculate
Conception (UIC) bring their cellular phones or tablets everyday, and that they
prefer the student handbook be installed on their gadgets rather than be made
available as a hard copy. Thus, a digital student handbook software was created
for Android devices. This was developed following a Rapid Action Development
(RAD) method which is a proven and tested software development process
model. The analysis phase of the chosen process model involved the
identification of ways in which the contents of the student handbook are
presented in a more readable way, which included convenient content-searching

6
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

mechanisms compared to a portable document format (PDF) file. Designs were

made to follow the results of the analysis.

FOREIGN LITERATURE

BOOKLY
Helps you track your books, reading speed, add quotes, and improve
your reading habits over time. From real-time reading tracking to statistics and
goals that keep you focused, to tons of achievements you can unlock to keep
things exciting and fun and awesome info graphics you can share with your
friends.

WISP APP
WISP app is a mobile employee handbook. It simplifies the execution of
company’s HR management practices of on boarding, employee engagement,
and employee information. WISP delivers the most important corporate
information directly into the employees’ mobile phones.
Your mobile employee handbook will give users a quick access to the
company’s policy, info, and staff contact book (phone numbers, skype IDs, and
e-mail addresses). Employees will always be updated about what happens in
the company with WISP’s news sharing and commenting option. They will also
be able to communicate with each other in an instant corporate messenger.

7
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

CHAPTER III

TECHNICAL BACKGROUND

HARDWARE

The table below shows the hardware requirements for SMIT Student

handbook apps.

Description Specification

RAM 8GB

ROM At least 4GB

Chip Set 1.3Qhz and Above
Resolution 720x1280

SOFTWARE

The SMIT Student Handbook apps are developed through HTML

(Hypertext Markup Language), CSS (Cascading Style Sheet), and JavaScript

that is converted to Android Application using Apache Cordova so as it can be

used on different smartphone and tablet devices.

8
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

PEOPLEWARE

The proposed application is composed of different peopleware including

Proponents, the programmer, such as the users for this application including

those indirectly involved or affected by the use of this application.

9
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

CHAPTER IV

METHODOLOGY, RESULTS, AND DISCUSSION

Diagram: Agile Methodology

The Agile Methodology is a way to manage a project by breaking it up into
several phases, The 6 development phases include the Requirements phase,
Design phase, Development phase, Testing phase, Deployment phase, and
Review phase. It is a type of project management process, mainly used for
software development, where demands and solutions evolve through the
collaborative effort of self-organizing and cross-functional teams and their
customers. The said Methodology is for the application development lifecycle of
the current study as it is an Android application. The proceeding taste illustrates
the construction time frame broken down into the development and deployment
phases.

10
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

REQUIREMENT ANALYSIS

In the Requirement Analysis, the researchers first assessed the

requirements of the application was developed by using HTML. The markup

tells the Web browser how to display a Web page’s words and images for the

user. The markup tells the Web browser how to display a Web page’s words

and images for the user. The CSS, a Cascading style sheet that is used to

format the layout of Web pages. They can be used to define text styles, table

sizes, videos, and other aspects of Web pages that previously could only be

defined in a page’s HTML, and the Apache Cordova, a platform used to convert

the HTML, CSS, and javascript into APK to run into the Android phone.

The application used the following software and hardware requirements

for the development and improvement of the system/application. Software

Requirements: HTML, CSS, and JavaScript: For the design and layout of the

application Apache Cordova: is a platform for building native mobile

applications using HTML, CS, and JavaScript. This allows you to build mobile

applications locally.  Android SDK: The Android SDK provides you the API

libraries and developer tools necessary to build, test, and debug apps for

Android.

11
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

DESIGN PHASE

The proponents used laptops, with the operating system of Windows 10

and the latest version of OS; for the design development, the proponents used

HTML (Hypertext Markup Language), CSS (Cascading Style Sheet), and

JavaScript that is converted to Android Application using Apache Cordova so as

it can be used on different smartphone and tablet devices. The proponents will

suggest and think of the desired design and with appropriate outcomes.

DEVELOPMENT PHASE

In this phase where the researcher considered the software and hardware

requirements for the development and improvement of the system. To prove

that the application worked properly, the researcher did the testing phase and

double-checked the function of each feature of the application. The application

had met the standard expectation of the users until the application had been

distributed to the users. To maintain longer, the users must have the

responsibility to take good care of their cellular devices. This phase is where the

actual coding began.

TESTING PHASE

12
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

In this phase, the proponents welcomed the organization and different

regarded individuals to test the viability of the application. In this stage test too

the standard or the quality of the application.

REQUIREMENT DOCUMENTATION

Requirement Documentation contains the requirements need for SMIT

Student Handbook apps. These requirements have been some bases,

containing the SMIT Student handbook apps.

GOALS

This project study is all about converting a handbook into an android

application which is the researchers’ solution in preserving the handbook in a

way that it will not be torn easily and protect it from water during the rainy

season. An android based handbook is accessible anytime and will be installed

on android devices.

FUNCTION

The researchers made this application for the old and new students of the

Institution and even for the personnel and visitors. The design of the application

is to assure that is more reliable, faster, and helpful for the students of Southern

Mindanao Institute of Technology (SMIT). It allows to get this app there is a

relative, brother, father, mother, sister, etc. Where working or studying in SMIT.

This app is also eco-friendly because we don’t use papers most like an ordinary

handbook were made of papers to make it.

13
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

SYSTEM REQUIREMENTS

System requirements are abroad and also the narrow detailed statement

that the proponents make a Mobile application “SMIT STUDENT HANDBOOK

APPS” to achieve the requirements.

FRONT END

-The front end is the system architecture for a user. The front end is where

the user inputs their data and then processing it for the completion of the

request made by the user. In this study. Web applications are software

applications that carry on correspondingly to native mobile applications and

work on mobile devices. However, there are critical differences between native

applications and web applications. For beginners, web applications use

browsers to run, and they are generally written in CSS, HTML5, or JavaScript.

Such apps redirect the client to the URL and afterward offer them the choice to

introduce the application. As a result, web applications enforce clients to make a

bookmark on such a page for future viewing.

BACK END

14
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

APACHE CORDOVA - is an open-source mobile development framework. It

allows you to use standard web technologies such as HTML5, CSS3, and

JavaScript for cross-platform development, avoiding each mobile platform's

native development language.

USER

The user is responsible to use this application.

TEAM CONFIGURATION AND MANAGEMENT

 Aslamia A. Ukom - In charge of overseeing the project’s documentation.

She will be in charge of developing the app. She gathered data come up

with project design and development ideas.

 Sanor P. Salim - In charge of encoding data in documents and locating

information to meet all data requirements.

 Samirudin Musa - Assist with the project’s development by gathering

information and fulfilling some requirements.

COMMUNICATION PLAN

The proponents use the Mobile phone for the communication plan and the

proponents are required to meet twice or twice a week for the documentation

and development of the mobile application.

15
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

Every meeting regarding changes, consultation, or any update the

proponents will schedule the meeting to meet at Southern Mindanao Institute of

Technology or home.

DESIGN OF SOFTWARE, SYSTEMS, PRODUCTS, AND/OR PROCESSES

CURRENT SYSTEM SPECIFICATION

Edit/Print

STUDENT
ADMIN
Distribute

Read

Diagram 2: Current System Specification

16
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

USER AND ADMIN

Edit/Print- The Admin should be edit and print the Handbook manual.

Distribute- The Admin distributes the Manual.

Read- The Student should receive the Manual and read it.

PROPOSED SYSTEM SPECIFICATION

Log in

Handbook
menu

About

USER

Programs &
Videos

ADMIN
Facilities

GPS

17Search
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

Diagram 3: Proposed System Specification

USER AND ADMIN

Log in- The User and Admin will log in to the SMIT Student Handbook.

Handbook Menu- The User or Admin will click the “Handbook menu” to show
the “ About, Programs & Videos and Facilities” buttons.
About- The user will click “About” to see some details and the only admin can
edit and add some details.
Programs & Videos- The user select “Programs & Videos” to see the different
events of the school and also can see some videos while the admin can edit or
add.
Facilities- The user selects “facilities” to view some images of different
buildings, rooms, offices, faculties, etc.
GPS- Select GPS to locate a certain place.
Search- The user must search the location.

18
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

PROPOSED USE CASE BRIEF DESCRIPTION

STUDENT MOBILE APPLICATION ADMIN

Log in

Verify result

Choose

Select/Click
Edit

Result

Search/input

Result

View

Log out
19
SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

Diagram 4: Proposed use case brief description

20
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

PROPOSED SYSTEM SEQUENCE DIAGRAM

Student Mobile Admin

Application

Log in Log in

Handbook

About

Programs & Videos

Faculties

GPS

Diagram 5: Proposed system sequence

21
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

PROPOSED STATE CHART DIAGRAM

SMIT Student Handbook

Log in

Select/Click

Add new/Edit

ADMIN
Result
USER

View

search

Diagram 6: Proposed state chart

22
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

DEVELOPMENT AND TESTING

Build 1

Design and
Testing Implementation
Development

Build 2
Design and
Requirements Development Testing Implementation

Build N
Design and
Development Testing Implementation

Diagram 7: Development and Testing

The system development and testing process aimed to determine the

transparency of our mobile application. The mobile application is required to test

and observed whether the mobile application is functional or non – functional or

it will reach the expectation of the user.

23
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

DESCRIPTION OF THE PROTOTYPE

Aspects of the tested prototype are shown in the following figures, which

include the user and the admin Login, Main menu, Handbook menu, GPS,

About, Programs & Videos, and Faculties.

Figure 1: User and Admin login

The above-shown figure is the User and Admin login form. As per the

placeholders, the user and admin must input his/her username and password

and click or check the button to identify if the user or admin to log in and access

the main menu.

An above-shown screenshot is an unfilled form. Once both of the input

fields (username, password, and the button) are filed.

24
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

Figure 2: Main Menu Dashboard

Figure 2 is a screenshot of the Main Menu Dashboard. After you log in,

the “Handbook menu and GPS” will appear. Once you click the “Handbook

menu” you can access the Handbook Menu’s and click the GPS if you want to

locate the certain area you are in or want to know. The GPS will guide you and

give a route of the exact area. The icon below is the sign “back” if you want to

go to the first page or go back.

25
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

Figure 3. Handbook Menu Dashboard

The figure above shows the Handbook Menu. After clicking the “Handbook

Menu” this will appear the “ About, Programs and Videos and Facilities” buttons.

26
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

Figure 4: About Dashboard

The figure above shows the About Dashboard. To certainly know about

the school, the students will select about and they will see the History, SMIT

logo, Mission and Vision of the school, the school policies such as rules and

regulations, provided courses and others. The “Edit” button below is only for the

Admin. The admin can edit if there are changes or he/she want to add

something.

27
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

Figure 5: Programs and Videos Dashboard

The figure above shown the Programs and Videos Dashboard. After you

click the “Programs & Videos” you will access and appear Photos and Videos,

click “Photos” you will see all the pictures of different events in the Campus click

“videos” you can watch some videos of different programs on the campus.

28
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

Figure 6: Facilities Dashboard

The figure above shows the Facilities Dashboard. After you click

“Facilities” you will specifically identify every building, room, faculty, office, etc.

You can zoom in by clicking the picture.

29
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

Figure 7: GPS Dashboard

The figure above shows the GPS Dashboard. You can locate a certain

area by input the name of the place that you are looking for then enter the

search button to show you the route to that area.

30
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

IMPLEMENTATION PLAN

The implementation plan contained instructions on how to download and

install the app. To begin with, is you must download the application and hold it

up until it wraps up downloading. The proponents will illustrate how to utilize the

application and are required to provide user support until the end of the

performance.

IMPLEMENTATION RESULT

The success factor of Implementation.

 user friendly

 availability of internet

The failed factor of Implementation.

 it is not user friendly

 lack of Availability of internet

31
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

CHAPTER V

RECOMMENDATION

According to the idea gathered from the study, the proponent concluded

that the proposed system is quicker, easier to get, and simple to utilize.

Developing a Student Handbook application for the student of SMIT. The

proponent merely suggested and recommended those students of SMIT to have

their mobile application for quicker and less bother to them.

32
 SOUTHERN MINDANAO INSTITUTE OF TECHNOLOGY, INC.
National Highway, Brgy. Buenaflor
Tacurong City

CHAPTER VI

APPENDICES

System Prototype from the first Stem of the process till accomplish.

33