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
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
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

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
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.
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.
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
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......................................................................

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
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
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.
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.
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.

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.
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.
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.
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.

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.
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
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.

SYSTEM REQUIREMENTS
System requirements are abroad and also the narrow detailed statement that the
proponents make a Mobile application “SMIT STUDENT HANDBOOK” 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
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.
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

Diagram 2: Current System Specification

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

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.
PROPOSED USE CASE BRIEF DESCRIPTION

STUDENT MOBILE APPLICATION ADMIN

Diagram 4: Proposed use case brief description

PROPOSED SYSTEM SEQUENCE DIAGRAM

Log in Log in

Handbook

About

Programs & Videos

Faculties

GPS

Diagram 5: Proposed system sequence

PROPOSED STATE CHART DIAGRAM

DEVELOPMENT AND TESTING

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.
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.

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.

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.
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.
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.

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.
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.

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

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.

CHAPTER VI

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