SMCBI Student Research Archiving System

ST. MARY’S COLLEGE OF BANSALAN, INC.
(Formerly: Holy Cross of Bansalan College, Inc)
Dahlia Street, Bansalan, Davao del Sur 8005 Philippines
SMCBI STUDENTS RESEARCH STUDIES ARCHIVING SYSTEM
An IT Capstone Project Presented to the
Bachelor of Science in Information Technology Program
In Partial Fulfillment of the Requirements for the Degree of
Bachelor of Science in Information Technology
Academic Year 2022-2023
Jillian Mae Bisquera
Erica Del Rosario

Dahlia St., Poblacion Uno, Bansalan, Davao del Sur
Tel. No.: (082) 272-1797 Fax No.: (082) 553-9246
BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY

PROGRAM
APPROVAL SHEET
This Capstone entitled “ SMCBl STUDENTS RESEARCH

STUDIES ARCHIVING SYSTEM” prepared and submitted
by Jillian Mae C. Bisquera and Erica Del Rosario , in
partial fulfillment of the requirements for the degree of Bachelor
of Science in Information Technology, has been examined and is
recommended for acceptance and approval.
MR. JHON BRYAN CANTIL, MIT

Adviser
APPROVED by the Panel of Reviewers with a grade of PASSED.
MRS. RAZEL ANN G. AGUILAR, MIT

Chairperson
MR. RHYVEN JAY CABALLERO MR. JAYMARK A. SULTAN

Member Member
ACCEPTED and APPROVED in partial fulfillment of the

requirements for the degree Bachelor of Science in Information
Technology.
S. MA. CEFERINA BODIONGAN,RVM

Dean of College/School President
Acknowledgement
The researchers would like to express their sincere gratitude and appreciation to all of
the participants. Thanks to everyone who has helped them along the way and to those who
have contributed to the success of completing this capstone project.
We want to express our gratitude to God for guiding us through all of the challenges.
Every day, we have felt your guidance. We were able to complete this capstone project because
of you. To our beloved parents, who assist and direct us in all circumstances. By supporting us
and by providing the funding we needed until we completed this study, you helped us along the
way.
Special thanks to our adviser, Mr. Jhon Bryan Cantil, MIT, for his excellent guidance, time,
patience, and encouragement during the making of this study;
The chairperson and members of the Panel of Reviewers: Ms. Razel Ann Aguilar, MIT.,
Mr. Jaymark A. Sultan, and Mr. Rhyven Jay Caballero for their suggestions and teaching to the
improvement of these academic requirements.
The School President and Dean of College, S. Ma. Ceferina E. Bodiongan, RVM, for
allowing and opening the door of actual research. To S. Ma. Marilyn C. Ubaldo, RVM, the BSIT
program head, for the undying support.
To all our friends, thank you for the unwavering support, compassion, and inspiration
during many difficult times. Their companionship contributed to the excellent experience of the
research. Although all the names cannot be listed here, they will always be a part of this
project.
Abstract
To create an innovative information system for the school, researchers created SMCBI
Students Research Studies Archiving System that would help teachers and Admin who need to
easily access the thesis and capstone project even though they are off duty. Its goal is to
develop an SMCBI Students Research Archiving system for storing research projects such as
thesis, capstone, and feasibility study projects that can be used to easily manage the students'
projects. The students can visit the website and look for a project in different courses.
The Administrator can manage all features found in the system, such as managing the
archive project, user, course, and account. The Teacher can submit the thesis and capstone
project and manage all thesis submitted. The system is user-friendly and easy to manage. The
system's front end is made up of PHP, HTML, CSS, JavaScript, and MySQL was used to
implement the web-based system and its database. The system was tested using an evaluation
tool (test case, questionnaire) for alpha and beta testing. All of the intended objectives were
achieved by the system.
Table of Contents
Chapter1
INTRODUCTION…………………………………….………………..………………1
Rationale .......................................................................................................1
BackgroundoftheStudy....................................................................................1
CompanyOverview..........................................................................................3
RelatedSystemsandWorks...............................................................................4
GapStatement................................................................................................5
Objectives...................................................................................………..…….…6
GeneralObjective....................................….....................................................6
SpecificObjectivese....................................…..................................................6
SignificanceoftheStudy ................................................................................6
Scope andLimitations ....................................................................................7
OperationalTerms ........................................................................................7
METHODOLOGY .....................................................................................8
SystemPlanning ....................................................................................8
SystemDevelopmentMethod ........................................................................ 8
WorkBreakdownStructure ............................................................................10
GanttChart ....................................................................................................11
Feasibility Analysis ........................................................................................ 12
SystemAnalysis .............................................................................................12
SystemRequirements .....................................................................................12
UseCaseDiagram .........................................................................................14
UseCaseDescription ..............................................................................……15
Level DataHowDiagram……………………………………………………………..………..16
Context DataHowDiagram ...............................................................…..........17
SystemArchitecture ......................................................................................17
TechnologyandTools ...................................................................................18
SystemDesign ............................................................................................19
Entity-RelationshipDiagram .........................................................................19
DataDictionary ...........................................................…................…………….20
Input Forms ...............................................................……….......24

System Implementation ...........................................................................………………28
SystemDeployment Plan .............................................................................28
UserTestingPlan ..........................................................................................28
SystemMaintenance …………………………………………………..……………………….….29
SystemMaintenancePlan………………………………………………………………..……....29
RESULTSANDDISCUSSION…………………………………………………....30
SummaryofActualDeployment ……………………………………………………..….………30
ErrorsFoundandActionsTaken…………………………………………………………….....30
UserTesting Results………………………………………….…………………………............35
AlphaTestingResult……………………………………………………………………............31
BETATestingResult ……………………………………………………………………………….40
CONCLUSIONANDRECOMMENDAT…………………………………………45
Conclusion …………………………………………………………………………………..........45
Recommendation …………………………………………………………………………………...45
References…………………………………………………………………………………........….46
APPENDICES…………………………………………………………….…………..47
CurriculumVitae………………………………………………………………………………........47
Certification ………………………………………………………………………………………………49
SOURCECODE………………………………………………………………………………........…52
USERMANUAL………………………………………………………………………………...........60
UserTestingQuestionnaire…………………………………………………..……………………78
UTesting responses …………………………………………………………………………………….............80

LIST OF TABLE
1. Gantt Chart 11
2. System requirement 12
3. Use Case Description 14
4. Technology and Tools 18
5. Data Dictionary 20-23
6. SystemDeploymentPlan 28
7. AlphaTestingResult 31-39
8. BetaTestingResult 4044
9. UserTestingQuestionnaire 78-79
10. UserTestingResponse 80
vi
LIST OF DIAGRAMS
Diagram
1. Use Case Diagram 14
2. Context Data Flow Diagram 17
3. Level 0 Data Flow Diagram 16
4. Entity Relationship Diagram 19
vii
LIST OF FIGURES
Figure
1. System Development Life Cycle 28
2. Work Breakdown Structure 10
3. System Architecture 17
4. Input and Output forms 24-27
5. UserManual 60-69
viii
CHAPTER 1
Introduction
1.1 Rationale
Background of the study
The archived data are essential for the routine maintenance of major infrastructures, including
long-term statistics, parameter correlation, and operational setup comparison over time, or
subsystem monitoring. Documents in the archives refer to information that is not required on a
day-to-day basis but which needs to be retained for a certain period, and also information that is
retained in perpetuity and referred to infrequently but periodically. Such data is often removed
from the day-to-day processing, thereby reducing the overhead on storage and processing
resources [5].
Organizations in this digital age deal with a large number of papers in their day-to-day
activities. The documents are either confidential or accessible to everyone in an organization.
Documents need to be sorted, searched, accessed, copied, modified, and sometimes transmitted
over a computer network [8].
Documents need to be sorted, searched, accessed, copied, and modified; occasionally,

documents need to be transmitted by employing a document archiving system across a computer
network. A document archiving system is used for managing, storing, and retrieving documents.
Electronic documents are used, along with timed alarms. Archive documents make refer to
information that is retained indefinitely and only occasionally but sparingly referred to, as well as
information that is not updated daily but must be kept on file for a certain amount of time [1].
The purpose of the archiving system is to store projects in an organized manner for future
use. All the projects in the archive are protected from external factors. A new retrieval interface to
extract emotional characteristics from the design work and enrich the archiving database is
suggested by using artificial intelligence (AI) in an archiving system. A virtual curation was
organized to showcase the proposed archiving system[3].
1
The SMCBI (St. Mary's College of Bansalan, Inc.) stores the student's research studies, such
as the thesis, capstone, and feasibility study, in hardbound books and forwards them to the library
and the program head. In the library, there is no proper arrangement of research studies by
students. So there are hassles when looking for research studies in different courses. The
researcher decided to make a system with this study entitled SMCBI Students Research Study so
that each research study in different courses can have a proper arrangement, and it is also easy to
find the research study you want to find as well as we can also help students to find related study.
2
Company Overview
St. Mary's College of Bansalan Inc (formerly known as Holy Cross of Bansalan College), which
is located at Dahlia St, Pob. Uno, Bansalan, Davao del Sur. It is a private Catholic school in Davao
del Sur with stakeholders living with the Ignacian Marian values of faith, excellence, and service for
the common good and grows in faith and prayer to be signs of hope in today's world. The
Religious of the Virgin Mary (RVM), which Mother Ignacia del Espiritu Santo founded, is in charge
of running the school. St. Mary's College of Bansalan inc further its progress in terms of new
learning techniques, up-to-date educational learning material, and high-end facilities. SMCBI is the
only school in Bansalan that ensure that the learners are good in communication skills and well
mannered, offers a whole service science and physics and adapt technology in partnership. SMCBI
offered courses such as a Bachelor of Science in Information Technology, a Bachelor of Science in
Hospitality Management, a Bachelor of Science in Business Administration, a Bachelor of Secondary
Education, and a Bachelor of Elementary Education.
3
Related System and Works
This capstone project cited related systems which are relevant to the related study. It is
composed of related literature and studies which contain facts and information signs on the design
and development of the SMCBI online research study Archiving System.
According to O'Brien, J., and Marakas, G. claim the Management book Systems of Information,
Computer Software (2015) that they wrote. It was significant to display the archive because
operational database storage claimed information about an organization's operations. A system like
a research study archiving system might be used by students in an organization. The thesis and
Capstone Archiving System were developed using PHP and MySQL database. This web-based
platform offers a place to store capstone projects and theses from students. This system is
intended to give them specific concepts and resources for their upcoming senior project. The
system is developed using XAMPP v3.3.0 as my local web server, which has a PHP version, PHP
language, MySQL Database, Visual Studio, CSS, Bootstrap, Ajax, JQuery, JavaScript, and other
plug-in libraries.
This system has written several features and functionalities that are connected to it and is
created in the PHP programming language. This system has functions that are user-friendly and a
pleasing user interface. There are two modules for Thesis and Capstone Archiving System, which
are the management module and the student module. The management module can be accessed
by one user, which is the Administrator. The administrator user can access all features and
functionalities of the system completely, including the list of students and their projects. The
Student Module is another phase of the module where students can investigate, look for
references, study the archiving project information, and more.
Ortiz (2017) asserts, over the last few years, there has been an increasing amount of interest
in data archiving. Factors include the exponential increase in the amount of data being shared
through business networks, the necessity to keep more of it for longer periods of time in order to
comply with legal and corporate governance standards, and the need to cut costs wherever
4
feasible. Along with this growing interest, the evolution of data archiving now culminated in Web-
Based Archiving Systems
According to Craig S. Mullins (2015), Organizations nowadays are producing and storing more
data than ever before. The causes for this are numerous. First of all, there is a general increase in
data. Enterprise databases are expanding at a rate of 125% annually, claim industry researchers.
What's even more intriguing is that up to 80% of the data in such databases isn't actually being
used. Both internal and external factors could necessitate the retention of data. A company needs
to drive internal motivations. The data will be kept if an organization needs it in order to operate
and generate revenue. Modern businesses are holding more data today.
According to Rouge (2016), data archiving is the process of moving data that is no longer
actively used to a separate data storage device for long-term retention. Data archives consist of
older data that is still important and necessary for future reference, as well as data that must be
retained for regulatory compliance. Data archives are indexed and have search capabilities so that
files and parts of files can be easily located and retrieved. Data archives are often confused with
data backups, which are copies of data. Data backups are used to restore data in case when it is
corrupted or destroyed. In contrast, data archives protect older information that is not needed for
everyday operations but may occasionally need to be accessed.
Gap Statement
Student of SMCBI uses a manual to find the projects that the student submitted and
take time to search the research study project. For this reason, the researcher has to
study to create and develop an Online SMCB Research Study Archiving System to
manage the student's projects due to the difficulties in disseminating the hard copy of
all projects.
5
1.2 Objectives
General Objective:
In general, this project aims to develop an archive system that can solve any related
problem that helps the student and Teacher to lessen their time finding the stored project in
a specific thesis room.
Specific Objective
● To develop a system that can benefit the students to find related information
about their thesis projects.
● To generate lesser time for scanning Research Study records,
● To store large amount records of Research Studies in one system
● To provide security for the records.
● To create a system with a dashboard in which the Admin can add the
Teacher or the instructor to submit the student's projects. .
● To evaluate the performance of the SMCBI Research Study system using
alpha and beta testing respectively.
1.3 Significance of the Study
Project work will facilitate finding research study projects in SMCB. Students can visit the website
to find any related topics to their projects, such as the thesis, capstone, and feasibility study
projects.
Students. The SMCBI Research Study Archiving System allows the students to visit the website
and view all the thesis, capstone, and feasibility study projects using a search engine.
Administrator. The Admin has the ability to manage the archive project, manage the course and
user on the website, as well as add a Teacher/ Instructor.
Teacher. They Teacher have the ability to manage archive project, view all user, and submit and
remove thesis and capstone projects on the website.
Researcher. The accomplishment of this study will advance their understanding and
programming abilities.
6
1.4 Scope and Limitations
This research study archiving system is accessible to researchers, teachers, and

administrators. This web-based application provides an online platform for storing the students'
projects. It requires less time for scanning, is easy to use and manage, and stores all records of
the research study projects of the students.
The administrator will be able to manage any thesis or project uploaded into the system.
Thesis, capstone, and feasibility study files for SMCB students can only be uploaded onto the
system by teachers. They have the ability to upload research projects or any related documents
that have been done. In addition, if any changes need to be made regarding what they're
uploading, they can update it.
Operational Terms
The system is computer software designed to provide a platform for other software, including
operating systems, computational science software, industrial automation, and software as service
applications.
Online Platform- is the state of having a computer linked to a network.
Web-based- is a program accessed over a network connection using local host.
Thesis- it is a statement or theory that is put forward as a premise to be proved. It involves
personal research that a researcher writes.
Archiving- is the process of storing documents in a secure, long-term repository.
7
CHAPTER 2 METHODOLOGY
2.1 System Planning
System Development Method
Iterative Model
Figure1SystemDevelopmentLifeCycle
System Development Life Cycle (SDLC) is used in developing this system. System
Development Life Cycle is a general term used to describe the method and process of developing a
new information system. Researchers provide data to input to the SMCB thesis, capstone, and
feasibility study system.
Initial planning- the researcher's plan to develop an SMCBI student's research study is an
archiving system, which can be used for the students to find any related topic of their projects.
Planning and requirements - the researcher gather information about the storing of
projects in the library. The application researcher used Visual Studio 2022 when they were
developing and building a website.
Analysis and design- after gathering information and defining the problems, and creating an
SMCBI thesis, capstone project, and feasibility study system. They will analyze how the system will
be designed as well as the feature and functions.
8
Implementation- the system is the stage where the developers make the system work. The
Teacher gives some suggestions to improve the system design and the documentation to make it
better.
Testing- the researcher will test it on the users. During these phases, you can communicate
with each other to have some suggestions that can give improvement to the system.
Evaluation -users evaluate the functionality and effectiveness of the system if they achieve
the requirement they met and if there is something to improve and add.
Deployment- the system will be deployed to the chosen school, which is the St Mary's
College of Bansalan Inc (SMCBI). Where it is available online for the use of the Teacher and
Administrator, the researcher explained the process of this system SMCBI Students Research
Archiving System.
User Testing Plan-the administrator will create the Teacher's account so that they can log in
and access the system and submit the projects of the students. The Admin can manage the
archive list of the projects that the teachers submit as well as the Teacher's account.
System Maintenance Plan-will continue to ensure the security of the user credential
account and ensure all thesis and capstone projects submitted by the teachers will be managed
accurately. SMCBI Student Research Archiving System needs to be monitored, checked, and
updated when needed, such as checking for broken links, checking if the user can access the
website, update new content on a website to keep up to date with the important information.
Monitor threats and attacks and keep the data private. Keep the device's operating system up-
to-date in order to avoid phishing, hacking and other threats. Also, put antivirus software
protection, which can protect your devices from incoming threats.
9
Work Breakdown Structure
Figure
2 Work break Structure
10
Gantt Chart
MONTHS
May June July August September October November December
Activities
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
Title
defense
Planning
Interview
Designing
System
Making
Pre-defense
Revised
Testing
Making of
Chapter 3
and 4
Implement
ation
Final
Defence
Revised
Documenta
tion
Table 2.1 Gantt Chart
11
Feasibility Analysis
The SMCB Research Study Archiving System is which can store data of their projects. The
system is very important and easy to use for the students for storing their projects. The admin will
create teachers account so that they can access the system and upload the project of the student.
This is very efficient and useful for storing the projects.
2.2 System Analysis
System Requirements
A. Software Requirements
Table2.2Software Requirements
B. Hardware Requirements
Table2.3 Hardware Requirements
12
Functional Requirements
● The admin will create the teachers account so that they can log in.
● The system admin should display the projects that the student submitted.
Non-Functional Requirements
 The non-functional requirements outline the system performance such as
the effectiveness and efficiency of the system.
● Usability Requirement-The system should be transparent and friendly.
The system should be interactive to the user and efficient to use.
● Security Requirement- Target users should request to have their unique
Email Address and Password to prevent malicious attempts.
13
Use Case Diagram
SMCB Research Study Archiving System
Figure 3 Use Case Diagram
14
Use Case Description
Administrators

Admin Login Enter username and password to
recognize it is an admin.
Manage Archive List The admin can manage the list of all
submitted archive projects by the teacher,
view the project details, edit and delete
the project.
Manage User List The admin can manage the user, she/he
can add, view, edit and delete the user.
Manage Course List The admin can manage the course, she/
he can add course, view, edit and delete
the course.
Update Account Details The admin can change his/her information
including his/her username and password.
Logout The admin can log out from the admin
dashboard.
Table 2.4 Administrator Use Case Diagram
Teacher
15
Teacher Login Enter username and password to recognize

it is an admin.
Manage Archive List The teacher can manage the list of all
submitted archive projects, view the project
details, edit and delete the project.
View User List The teacher can view all user list.
Submit Thesis/Capstone The teacher can submit the thesis and

capstone project into the system.
Update Account Details The teacher can change his/her information

including his/her username and password.
Logout The teacher can log out from the

dashboard.
Table 2.5 Teacher Use Case Diagram
Level 0 DFD
Figure 2.4 level 0 DFD
In this figure, we show how external entities interact with internal software systems. There
are two types of users in the system, which are the administrator and the teacher. The
administrator has complete control over the system, including the ability to manage users, projects,
and courses. The administrator will update the status of the archive project if the teacher enters the
thesis and capstone project into the system. After updating the status of the archive project, the
16
teacher can view all of the archive projects in the system, and the admin will view all the teachers
who submit the thesis and capstone project.
Context DFD
17
Figure 2.5 Context Data Flow Diagram
System Architecture
Figure2.6SystemArchitecturalDesign
18
Technology and Tools
No. Item’s Type Description

Name
1 Sqlite SQLite is a C library that contains Used to store data

arelationaldatabasemanagementsy forhistory log in the web
stem.SQLite is not a client–server appchip.
databaseengine, unlike many other
databasemanagement systems.
2 Php PHP is a dynamically typed PHPis a populargeneral-

scriptinglanguage and php had purpose
no support forstaticallydeclared programminglanguage that
typesatall. is mostly usedin the
development ofwebsites.
Laptop is a portable computer that Laptop can be used at

ismoreefficientand adesk and can be
nearlyaspowerfulasa usedsimilarly as a desktop
3 Laptop
desktopcomputer. stylecomputer by connecting
aseparate monitor,
keyboard,andmouse.
Wi-Fi is a wireless networking It is allowing

protocolthatdevicesusetocommunic
computers,smartphones,
atewithoutdirectcableconnections.
or otherdevices to
4 Wi-Fi
connect to theinternet or
communicatewith one
anotherwirelessly within
aparticulararea.
19
2
2.3 System Design Entity-Relationship Diagram
20
C
Figure 2.7 System Entity Relationship Diagram
Data Dictionary
Archive List
21
Name Data type Field Size Description
id int 30 Unique archive id
archive_code varchar 100 Unique archive code
curriculum_id int 30 Unique curriculum id
month int 2 Month of archive
year year 4 Year of archive
title text Title of archive project
abstract text Abstract of archive project
members varchar 255 Member of archive project
adviser varchar 255 Adviser of the project
banner_path text Location of the image
document_path text Location of document
status tinyint 1 Status of the archive
project
user_id int 30 Unique id for user
date_created datetime Date created of the project
date_uploaded datetime Date uploaded of the
project
Table 2.6archive_listDataDictionary
Curriculum List

id int 30 Unique department id
name text Name of the department
description text Description of the
department
status tinyint 1 Status of the curriculum
date_created datetime Date created of department
date_uploaded datetime Date uploaded of
department
22
Table 2.7curriculum_listDataDictionary
Month List

id int 10 Unique id for month
months varchar 50 Mont list T
Table2.8 month_list
Teacher List
Table2.9teacher_list DataDictionary
System Info
23
id int 30 Id for system
meta_field text Meta field of the system
meta_value text Meta value of the system
Table2.10 system_info DataDictionary
24
User

id int 50 Unique id for user
firstname varchar 250 Name of the user
middlename text Middle name of the user
lastname varchar 250 Last name of the user
username text Username of the user
password text Password of the user
avatar text Avatar picture of the
user
last_login datetime Last login of the user
type tinyint 1 Type of user
status int 1 Status of the user
date_added datetime Date added of user
information
date_updated datetime Date updated of user
information
Table2.11 usersData Dictionary
25
Input forms
Home
Figure 2.8 Inputforms
The home page
26
Figure2.9 Login Form
2.10 Dashboard
The users
(teacher ,
admin)
log in form
The users (teacher , admin) Dashboard
27
F
Figure2.10 Archive List
The admin will view the archive list
28
F
Figure2.11User list
The admin will create another teachers account
29
Figure2.12 Teachers Submitproject
The teacher will submit the students projects
30
Figure 2.13 Course List
Where admin(view ,add ,edit,delete Course List)
31
2.4 System Implementation
System Deployment Plan
Phase 1
Deliverable UserInvolved
HardwareandSoftwareRequirements SystemAdmin
InstallationOfsystemSoftware SystemAdmin
andPackages
DatabaseSetup SystemAdmin
Phase 2
Deliverable UserInvolved
DataGathering SystemAdmin,User
User’sOrientationandDemo SystemAdmin,User
Trainingwiththeuser SystemAdmin,User
Phase 3
QuestionandAnswer SystemAdmin,User
CreateFAQ SystemAdmin
32
User Testing Plan
The Admin will create the Teacher's account to log in, access the system, and submit the
students' projects. The Admin can manage the archive list of the projects that the teachers submit
and the Teacher's account..
2.5 System Maintenance Plan
Will continue to ensure the security of the user credential account and ensure all thesis and
capstone projects submitted by the teachers will be managed accurately. SMCBI Student Research
Archiving System needs to be monitored, checked, and updated when needed, such as checking
for broken links, checking if the user can access the website, update new content on a website to
keep up to date with the important information.
Monitor threats and attacks and keep the data private. Keep the device's operating system up-
to-date in order to avoid phishing, hacking and other threats. Also, put antivirus software
protection, which can protect your devices from incoming threats.
33
RESULTS AND DISCUSSION
3.1 Summary of Actual Deployment
There were two respondent classifications in the actual SMCB Research Study Archiving
System deployment at St. Mary's College of Bansalan, Inc. Using the evaluation tool
(questionnaire), the administrator, teacher, and each respondent tested the system's usability,
accuracy, reliability, and functionality.
3.2 Errors found and Actions Taken

There were no errors found during the actual deployment of the system. And there were no
actions taken during that time.
3.3 User Testing Results

In evaluating the SMCB Research Study Archiving System, the approved questionnaire was
administered to some 6 respondents consisting the admin and teacher of St. Mary’s College of
Bansalan, Inc.
34
SMCB Research Study Archiving System
AlphaTesting Result
Table 3.1 Test Case- Log-in for Admin

TestCaseName:Log-in
Actor: Admin
System:SMCB Research Study Archiving System
Testing Date:
TestingTime:
ShortDescription:This process where the admin will login to their
account.
Step Action InputTes Expected Pass Fail Comment
t Data System
Response
Click “ Log None View the Successful
1 in” Log in Form √
Fill-out the Input None Successful

2 required username. √
fields and
(username/ password
password)
Click “Log in None Display Successful
3 ” dashboard √
Post-Condition
The admin has been successfully logged in.
Executed by:
MR. JAYMARK A. SULTAN
MR.RHYVEN JAY CABALLERO
MRS. KAREN BANGCAS
Table 3.1 above shows the test case for admin login. The process where the admin needs to put
their username and password.
35
Table 3.2 Test Case- Admin will add Teacher
TestCaseName:Adding Teacher
Actor: Admin
Testing Date:
TestingTime:
ShortDescription:This process where the admin will add teacher.
Step Action InputTe Expected Pass Fail Comment
st System
Data Response
1 Click “user list ” None View Successful

Teacher √
list
2 Click “Add New Fill-out None Successful

Teacher” requirement √
fields( First
name, Last
Name,
Username,
Password and
User Type
3 Click “Add” None Display Successful
“Successfully √
added”
Post-Condition
The adding of teacher has been successfully executed by the administrator.
Executed by:
MR. RHYVEN JAY CABALLERO
MRS. KAREN BANGCAS
Table 3.2 above shows the test case for adding a teacher, the process where the admin will
execute the “add new teacher” button.
36
TestCaseName:Delete Archive
Actor: Admin Table 3.3
System:SMCB Research Study Archiving System Test Case-
Admin will
Testing Date: delete
TestingTime: project.
ShortDescription:This process where the admin will delete archive list .

Step Action InputTest
Expected Pass Fail Comment
Data System
TestCaseName:Edit Adviser User
Response
Actor: Admin
System:SMCB
1 Click “Research
None Study Archiving System
Display Successful
Archiv
Testing Date: list of √
e list” Archive
TestingTime:
ShortDescription:This process where the admin will edit adviser
Dropdown
2 Click “Click None Successful
“Action”
user. √
displays
Step Action InputTest Expected Pas Fail Comment
(View,
Data System s
Update
Response Table 3.3
Status, above shows
Click “User None anduser
Display Successful the test case
list ” Delete) √ for deleting a
1 list
3 Click None Display Successful project, a
“View” the √ process by
Click “Action None Dropdown
project Successful which an
2 ” √ administrator
displays(View,
4 Click None Select details Successful can remove a
“Update Edit, and
Publish/ √ project from
Status” Un the archive
Delete)
Publish list.
6 Click
Click “ “Edit” None
None View
Archive Successful
Successful
3 Save” Teacher
Status √√
Information
has been
successful Table 3.4
Fill-out Input None Successful
ly Test Case-
4 requirement Teacher √
updated Admin will
field Information
7 Click None Are you sure to Successful edit the
“delete”
Click “ Add” None delete
User this
Details √ Successful Teachers
5 project
successfully √ data.
permanently?
Updated
Yes or No
Post-Condition
6 Click “ None Archive Record Successful
Continue” has Deleted √
The admin successfully
successfully edit the
information of the teacher
Post-Condition
Executed by:
TheMR. JAYMARK
execution A.37
to delete SULTAN
the project
MR.
by RHYVEN JAY CABALLERO
the administrator has been
MRS. KAREN BANGCAS
Table 3.4 above is the test case for editing the user information, the process where the admin can
edit the teacher’s information.
Table 3.5 Test Case- admin will add Course List.
38
TestCaseName:Course List
Actor: Admin
Testing Date:
TestingTime:
ShortDescription:This process where the admin will add,edit,view and
delete course list .
t Data System
Response
1 Click “Add New Input None Successful

Course ” Course √
Information
2 Click “Save” None Course Successful

Details √
Successfull
y Added
3 Click” Action” None Dropdown Successful
displays(Vie √
w, Edit,
and Delete)
4 Click “View” None Display Successful
Course √
Details
5 Click “ Edit” Input None Successful

Course √
Information
6 Click “Save” None Course Successful

Details has √
been
updated
successfully
7 Click “ Delete” None Are you Successful Table 3.5
sure to √ above
delete this shows the
course
test case for
permanentl
add y? Course,
the process
8 Click “ Continue” None Course has Successful
√
where the
been
deleted admin will
successfully execute
the Post-Condition “add new
course ”
Course Details has been updated button.
Executed by:
39
Table 3.6 Test Case- Login for Teacher
TestCaseName:Log-in Teacher
Actor: Teacher
Testing Date:
TestingTime:
ShortDescription:This process where the teacher will login to their
account.
Step Action InputTe Expected Pass Fai Comment
st System l
Data Response
1 Fill-out the Input None Successful

required username. √
fields and
(username/ password
password)
2 Click “Sign in” None Display Successful
dashboard √
Post-Condition
Teacher has been successfully logged
in.
Executed by:
MRS. KAREN BANGCAS
Table 3.6 above shows the test case for Teacher login, the process in which the teacher must
enter their username and password in order to log in successfully.
40
Table 3.7 Test Case- Teacher will submit the projects.
TestCaseName: Submit Thesis/Capstone

Actor: Teacher
Testing Date:
TestingTime:
ShortDescription:This process where the teacher will submit the
projects.
Step Action InputTest Expected Pass Fail Comment
Data System
Response
1 Click Input None Successful

“ Submit Projects √
Thesis/Capst document
one ”
2 Click “Update None Successfully Successful
” Updated √
Post-Condition
The projects submitted has been

executed
Executed by:
MRS. KAREN BANGCAS
Table 3.7 above shows the test case for submit the projects, the process where the teacher needs
to put document in the form.
41
Table 3.8 Test Case- Teacher and Admin Logout
TestCaseName: Log Out

Actor: Admin/Teacher
Testing Date:
TestingTime:
projects.
t Data System
Response
1 Click “Log None Terminates
Out” the session √ Successful
of the admin
and Teacher
Post-Condition
Administrator and Teacher has

been successfully logged out.
Executed by:
MRS. KAREN BANGCAS
Table 3.8 above shows the test case for admin and teacher successfully logged out.
42
BETA Testing Result
Descriptive Rating on the Functionality of the SMCB Research Study Archiving System.
Particular Weighted Mean Description
Requiredtaskareperformedbythesys 4.6 Agree

temsatisfactory.
Thesystemhelpstheuserovercomea 4.6 Agree

nyproblemencounteredwhileusingit.
Thesystemregulatesuseraccess. 4.6 Agree

ConsolidatedMean 4.6 Agree
Table 3.9 Descriptive Rating on the Functionality of the system.
Table 3.9 shows the descriptive ratings of the functionality of the system, according to the results
it can be implied that the required task are performed by the system satisfactorily because of its
weighted mean of 4.6, also the respondents says the system helps the user overcome any problem
encountered while using it has the weighted mean of 4.6, the respondent agreed that the system
regulates user access and weighted mean of 4.6. Thus, the overall rating of the system regulates
user access and has weighted mean of 4.6 and it indicates that the Teacher of SMCBI and the
Respondent from SMCBI agreed to the functionality of the SMCB Research Study Archiving System,
which means hat a certain functionality of the system is good.
43
Descriptive Rating on the Accuracy of the SMCB Research Study Archiving System.
Theoutputgeneratedbythesystemisc 5 Agree
orrect.
Theinformationgeneratedbythesyst 5 Agree
emiseasytounderstandandactupon
Thesystemperformstasksinastraigh 4.8 Agree

tforwardmanner
Table 3.10 Descriptive Rating on the Accuracy of the system
Table 3.10 shows the system accuracy and the accuracy rating of the website. It can be
implied that the output generated by the system is correct has weighted mean 5, the information
generated by the system is easy to understand and act upon has a weighted mean 5 and also the
system performs tasks in a straight forward manner has a weighted mean 4.8.Thus, the overall
rating of the system accuracy has the consolidated mean of 4.93 and it indicates that the Teacher
of SMCBI and the Respondent from SMCBI agreed to the accuracy of the SMCB Research Study
Archiving System, which means hat a certain accuracy of the system is good.
44
Descriptive Rating on the Reliability of the SMCB Research Study Archiving
System.
Mosterrorshavebeencorrectedovert 4.6 Agree

ime.
Thesystem iscapable of
4.5 Agree
maintaining its performance
despite the presence of errors
during operations.
4.8 Agree
Thesystem resumes workingand
restores lost data after failure.
Consolidated Mean 4.63 Agree
Table 3.11 Descriptive Rating on the Reliability of the system.
Table 3.11 shows the reliability of the system and the rating of the reliability of the
system. Based on the results, .most errors have corrected overtime and has a weighted mean
of 4.6, the system is capable of maintaining its performance despite the presence of errors
during operations which has a weighted mean 4.5, and also the system resumes working and
restores lost data after failure and has a weighted mean of 4.8.The overall rating of the
reliability of the system has the total consolidated mean of 4.63 and which indicates that the
Teacher of SMCBI and the Respondent from SMCBI agreed to the reliability of the SMCB Research
Study Archiving System, which means that a certain reliability of the system is good.
45
Descriptive Rating on the Usability of the SMCB Research Study Archiving System.
Theuserinterfaceisintuitive
andreceptivetolearning 5 Agree
I wasable torespondtomodals 5 Agree
Thedocumentationisvery
informative 5 Agree
ConsolidatedMean 5 Agree
Table 3.12 Descriptive Rating on the Usability of the system.
Table 3.12 shows the usability rating of the system. It can be implied that the user
interface is intuitive and receptive to learning has the weighted mean 5, was able to respond
to modals has a weighted mean of 5 and also the documentation is very informative which
has a weighted mean of 5. Overall rating of the usability has a consolidated mean of 5 and it
also indicates that the Teacher of SMCBI and the Respondent from SMCBI agreed to the usability
of the SMCB Research Study Archiving System, which means that a certain usability of the system
is good.
46
Overall Descriptive of the System
Functionality 4.6 Agree
Accuracy 4.93 Agree
Reliability 4.63 Agree
Usability 5 Agree
Table 3.13 Overall Descriptive of the System
Table 3.13 shows the overall rating of Functionality, Accuracy, Reliability, and Usability of the
system. Based on the results the functionality of the system has a weighted mean of 4.6, the
accuracy of weighted mean of 4.93, the reliability has a weighted mean of 4.63, while the usability
has also weighted mean of 5. the overall rating of the evaluators has a consolidated mean of 4.79
which means that the teacher of SMCB and the respondent from SMCB agreed Functionality,
Accuracy, Reliability, and Usability of the SMCB Research Study Archiving System which means
Functionality, Accuracy, Reliability, and Usability of the system is good.
47
CONCLUSION AND RECOMMENDATION
4.1 Conclusion
The SMCB Research Study Archiving System is developed to improve the manual searching
process especially when you are looking for other projects in different courses. The Archive
System is a web-based system that aims to centralize library storage of research projects at SMCB
which can be used to store and archive research projects from the library. The researcher decided
to develop a system due to the difficulties in disseminating the hard copy of all research projects.
In colleges like St. Mary's College of Bansalan, Inc there is a need for the innovation of data-
keeping. This will be a hassle involved in manual searching theses, Feasibility study, and the
capstone project's a hard copy. The focus of this project is to provide a reliable and transparent
system.
4.2 Recommendation
In order to ensure that the SMCB research study archiving system achieves its objectives, some
of the recommendations have been made. This can help in the future. The first recommendation is
an SMS-enabled archiving system. When their projects are officially uploaded to the website, they
will be notified via SMS. Additionally, researchers advise including more function and design to the
system in the near future to improve and enhance it.
48
REFERENCES
[1]. Brian M. Mutale "Web Based Document Archiving Using Time Stamp and Barcode Technologies
– A Case of the University of Zambia." April 2016
[2] Gayatao, Raymond,Paredes, Jessa B.,Sangre, Marc Vincent,Valle, Joeven
[3[ C.”Academic Research Archive System Of ABC Company Capstone Project Document” , 2015
[4] Shahrul Nazmi Bin Ismael“Thesis project archive system (T-PAS)” 2015
[5] Hye Jung Kim ” Emotions and Colors in a Design Archiving System: Applying AI Technology for
Museums” .2021
[6] “ Electronic document archiving system” Balbontin, Pinky A.Cahilig, Shirly A.Elecanal, Erwin
T.Navarro, Claribel R.Villafania, Shillamith D 2009
[7] Oretnom23" Online Thesis Archiving System ",December 13, 2021 -.

[8 ] Farik, M. Y. S. at.el, Document Imaging Systems Journal: key to electronic government in
Malaysia. Available Online:
[9] O’Brien J., and Marakas G. Document Management Information Systems, Computer
Software( 2015)
49
APPENDICES
50
51
(Formerly: Holly Cross of Bansalan College Inc.)
Dahlia Street, Poblacion Uno, 8005 Bansalan,
Davao Del Sur, Phillipines
Tel. No.: (082) 272-1797 Fax No.: (082) 553-9246

PROGRAM
CERTIFICATE FOR COMPLETION
This is to certify that Jillian Mae C. Bisquera and Erica Del Rosario
took and passed IT 412 - CAPSTONE PROJECT 2 during
the First semester of school year 2021-2022 with a final a
grade of PASSED and earned a credit of _3_units.
S.Ma. Marilyn Ubaldo, RVM

OIC BSIT Program Head
52
Grammarian Certification
ST. MARY'S COLLEGE OF BANSALAN, INC.

(Formerly: Holy Cross of Bansalan College, Inc)
Dahlia Street, Bansalan, Davao
del Sur 8005 Philippines
Tel. No.: (082) 272-1797 Fax No.: (082) 553-9246

PROGRAM
CERTIFICATION
To whom it may concern:
This is to certify that I have read, checked and edited the

thesis of Jillian Mae C. Bisquera and Erica Del Rosario. a
4th year Bachelor of Science in Information Technology student
with a project project entitled "SMCBI RESEARCH STUDIES
ARCHIVING SYSTEM ". This certifies further that the
above-mentioned student have gone through editing/checking
his/her Capstone Project.
Signed:
Drahcir Eribias Ubat

Grammarian
S.Ma. Marilyn Ubaldo, RVM

BSIT Program Head
53
ST. MARY’S COLLEGE OF BANSALAN, INC .
(Formerly: Holly Cross of Bansalan College Inc.)
Dahlia Street, Poblacion Uno, 8005 Bansalan, Davao Del Sur,
Phillipines
Tel. No.: (082) 272-1797 Fax No.: (082) 553-
9246
BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY PROGRAM
November 8, 2022
Rosalinda Dedal
College Librarian
St. Mary’s College of Bansalan Inc.
Dear Ma’am:
Praise be Jesus and Mary!
We are the researcher from Saint Mary’s College of Bansalan, Inc, a .4th Year Bachelor of Science
in Information Technology. In Partial Fulfillment of the Requirements for the Degree of our subject
Capstone 2, we are writing to request permission to conduct a Beta Testing and evaluation for our
Capstone Project to develop our SMCBI Students Research Studies Archiving System for Saint
Mary’s College of Bansalan, Inc.
All information provided will be kept in utmost confidentially and could be used for academic
purposes. We intend to help the admin and teacher for storing research projects such as thesis,
capstone, and feasibility study projects that will evaluate the system. Your approval and
cooperation will be greatly appreciated and your interest.
I am hoping for your positive Feedback.
Respectfully yours,
54
Jillian Mae Bisquera Ericka Del Rosario
BSIT student BSIT student
55
text-navy">Project Title</label>
<input type="text" name="title" id="title"
Source Code autofocus placeholder="Project Title"
class="form-control form-control-border"
<?php value="<?= isset($title) ?$title : "" ?>"
if(isset($_GET['id']) && $_GET['id'] > 0){ required>
$qry = $conn->query("SELECT </div>
*,month_list.months as months FROM </div>
`archive_list` INNER JOIN month_list ON <div class="col-lg-4">
month_list.id = archive_list.month where <div class="form-group">
archive_list.id = '{$_GET['id']}'"); <label for="title" class="control-label text-
if($qry->num_rows){ navy">Course</label>
foreach($qry->fetch_array() as $k => <select name="curriculum_id"
$v){ id="curriculum_id" class="form-control form-
if(!is_numeric($k)) control-border" required>
$$k = $v; <?php isset($months) ? '<option value="'.
} $month.'">'.$months.'</option>' : "" ?>
} <?php
echo $student_id; $month = $conn-
if(isset($student_id)){ >query("SELECT * FROM `curriculum_list` order
if($student_id != $_settings- by `name` asc");
>userdata('id')){ while($row = $month-
echo "<script> alert('You don\'t >fetch_assoc()):
have an access to this page'); ?>
location.replace('./'); </script>"; <option value="<?= $row['id'] ?>"><?=
} ucwords($row['name'].' - '.
$row['description']) ?></option>
} <?php endwhile; ?>
} </select>
?> </div>
<style> </div>
.banner-img{ </div>
object-fit:scale-down; <div class="row">
object-position:center center; <div class="col-lg-3">
height:30vh; <div class="form-group">
width:calc(100%); <label for="month" class="control-label text-
} navy">Month</label>
</style> <select name="month" id="month"
<div class="content py-4"> class="form-control form-control-border"
<div class="card card-outline card-primary required>
shadow rounded-0"> <?php isset($months) ? '<option value="'.
<div class="card-header rounded-0"> $month.'">'.$months.'</option>' : "" ?>
<h5 class="card-title"><?= isset($id) ? <?php
"Update Archive-{$archive_code} $month = $conn-
Details" : "Submit Project" ?></h5> >query("SELECT * FROM `month_list` order by
</div> `id` asc");
<div class="card-body rounded-0"> while($row = $month-
<div class="container-fluid"> >fetch_assoc()):
<form action="" id="archive-form"> ?>
<input type="hidden" name="id" <option value="<?= $row['id'] ?>"><?=
value="<?= isset($_GET['id']) ? ucwords($row['months']) ?></option>
$_GET['id'] : "" ?>"> <?php endwhile; ?>
<input type="hidden" name="status" </select>
value="1"> </div>
<div class="row"> </div>
<div class="col-lg-8"> <div class="col-lg-3">
<div class="form-group"> <div class="form-group">
<label for="title" class="control-label <label for="year" class="control-label text-
56
navy">Year</label> </div>
<select name="year" id="year" <div class="row">
class="form-control form-control-border" <div class="col-lg-12">
required> <div class="form-group">
<?php <label for="img" class="control-label text-
for($i= 0;$i < 51; muted">Project Image/Banner Image</label>
$i++): <input type="file" id="img" name="img"
?> class="form-control form-control-border"
<option <?= isset($year) && $year == accept="image/png,image/jpeg"
date("Y",strtotime(date("Y")." -{$i} onchange="displayImg(this,$(this))"<?= !
years")) ? "selected" : "" ?>><?= isset($id) ? "required" : "" ?>>
date("Y",strtotime(date("Y")." -{$i} </div>
years")) ?></option>
<?php endfor; ?> <div class="form-group text-center">
</select> <img src="<?=
</div> validate_image(isset($banner_path) ?
</div> $banner_path : "") ?>" alt="My Avatar"
<div class="col-lg-6"> id="cimg" class="img-fluid banner-img bg-
<div class="form-group"> gradient-dark border">
<label for="year" class="control-label </div>
text-navy">Project Adviser</label> </div>
<input type="text" name="adviser" </div>
id="adviser" placeholder="Project <div class="row">
Adviser" class="form-control form-control- <div class="col-lg-12">
border" value="<?= isset($adviser) ? <div class="form-group">
$adviser : "" ?>"> <label for="pdf" class="control-label text-
</div> muted">Project Document (PDF File
</div> Only)</label>
</div> <input type="file" id="pdf" name="pdf"
<div class="row"> class="form-control form-control-border"
<div class="col-lg-12"> accept="application/pdf"<?= !isset($id) ?
<div class="form-group"> "required" : "" ?>>
<label for="abstract" class="control-label </div>
text-navy">Abstract</label> </div>
<textarea rows="3" name="abstract" </div>
id="abstract" placeholder="abstract" <div class="row">
class="form-control form-control-border <div class="col-lg-12">
summernote" required><?= <div class="form-group text-center">
isset($abstract) ? <button class="btn btn-default bg-navy btn-
html_entity_decode($abstract) : "" flat"> Update</button>
?></textarea> <a href="./?page=profile" class="btn btn-light
</div> border btn-flat"> Cancel</a>
</div> </div>
</div> </div>
<div class="row"> </div>
<div class="col-lg-12"> </form>
<div class="form-group"> </div>
<label for="members" class="control-label </div>
text-navy">Project Members</label> </div>
<textarea rows="3" name="members" </div>
id="members" placeholder="members" <script>
class="form-control form-control-border function displayImg(input,_this) {
summernote-list-only" required><?= if (input.files && input.files[0]) {
isset($members) ? var reader = new FileReader();
html_entity_decode($members) : "" reader.onload = function (e) {
?></textarea> $('#cimg').attr('src',
</div> e.target.result);
</div> }
57
dataType:'json',
error:err=>{
reader.readAsDataURL(input.files[0]); console.log(err)
}else{ el.text("An error occured while
$('#cimg').attr('src', "<?= saving the data")
validate_image(isset($avatar) ? $avatar : el.addClass("alert-danger")
"") ?>"); _this.prepend(el)
} el.show('slow')
} end_loader()
$(function(){ },
$('.summernote').summernote({ success:function(resp){
height: 200, if(resp.status == 'success'){
toolbar: [ location.href= '<?= base_url ?>'
[ 'style', [ 'style' ] ], +"/?page=view_archive&id="+resp.id
[ 'font', [ 'bold', 'italic', }else if(!!resp.msg){
'underline', 'strikethrough', 'superscript', el.text(resp.err)
'subscript', 'clear'] ], el.addClass("alert-danger")
[ 'fontname', [ 'fontname' ] ], _this.prepend(el)
[ 'fontsize', [ 'fontsize' ] ], el.show('show')
[ 'color', [ 'color' ] ], }else{
[ 'para', [ 'ol', 'ul', 'paragraph', el.text("An error occured while
'height' ] ], saving the data")
[ 'table', [ 'table' ] ], el.addClass("alert-danger")
['insert', ['link', 'picture']], _this.prepend(el)
[ 'view', [ 'undo', 'redo', 'help' ] ] el.show('show')
] }
}) end_loader();
$('.summernote-list- $('html, body').animate({scrollTop:
only').summernote({ 0},'fast')
height: 200, }
toolbar: [ })
[ 'font', [ 'bold', 'italic', 'clear'] ], })
[ 'fontname', [ 'fontname' ] ] })
[ 'color', [ 'color' ] ], </script>
[ 'para', [ 'ol', 'ul' ] ],
[ 'view', [ 'undo', 'redo', 'help' ] ] </script
]
}) <div class="container-fluid">
// Archive Form Submit <form action="" id="update_status_form">
$('#archive-form').submit(function(e) <input type="hidden" name="id" value="<?=
{ isset($_GET['id']) ? $_GET['id'] : "" ?>">
e.preventDefault() <div class="form-group">
var _this = $(this) <label for="status" class="control-label text-
$(".pop-msg").remove() navy">Status</label>
var el = $("<div>") <select name="status" id="status"
el.addClass("alert pop-msg my- class="form-control form-control-border"
2") required>
el.hide() <option value="0"<?= isset($_GET['status'])
start_loader(); && $_GET['status'] == 0 ? "selected" : "" ?
$.ajax({ >>UnPublish</option>
url:_base_url_+"classes/Master.p <option value="1"<?= isset($_GET['status'])
hp?f=save_archive", && $_GET['status'] == 1 ? "selected" : "" ?
data: new FormData($(this)[0]), >>Publish</option>
cache: false, </select>
contentType: false, </div>
processData: false, </form>
method: 'POST', </div>
type: 'POST', <script>
58
$(function(){
$
('#update_status_form').submit(function(
e){
e.preventDefault()
start_loader()
var el = $('<div>')
el.addClass("pop-msg alert")
el.hide()
$.ajax({
url:_base_url_+"classes/Master.p
hp?f=update_status",
method:"POST",
data:$(this).serialize(),
dataType:"json",
error:err=>{
console.log(err)
alert_taost("An error occured
while saving the data,", "error")
end_loader()
},
success:function(resp){
if(resp.status == 'success'){
location.reload()
}else if(!!resp.msg){
el.addClass("alert-danger")
el.text(resp.msg)
_this.prepend(el)
}else{
el.text("An error occurred
due to unknown reason.")
_this.prepend(el)
}
el.show('slow')
end_loader();
}
})
})
})
</script>
59
<div class="container-fluid"> _this.prepend(el)
<form action="" }
id="update_status_form"> el.show('slow')
<input type="hidden" name="id" end_loader();
value="<?= isset($_GET['id']) ? }
$_GET['id'] : "" ?>"> })
<div class="form-group"> })
<label for="status" class="control-label })
text-navy">Status</label> </script>
<select name="status" id="status"
class="form-control form-control-border"
required>
<option value="0"<?=
isset($_GET['status']) && $_GET['status']
== 0 ? "selected" : ""
?>>UnPublish</option>
<option value="1"<?=
isset($_GET['status']) && $_GET['status']
== 1 ? "selected" : ""
?>>Publish</option>
</select>
</div>
</form>
</div>
<script>
$(function(){
$
('#update_status_form').submit(function(
e){
e.preventDefault()
start_loader()
var el = $('<div>')
el.addClass("pop-msg alert")
el.hide()
$.ajax({
url:_base_url_+"classes/Master.p
hp?f=update_status",
method:"POST",
data:$(this).serialize(),
dataType:"json",
error:err=>{
console.log(err)
alert_taost("An error occured
while saving the data,", "error")
end_loader()
},
success:function(resp){
if(resp.status == 'success'){
location.reload()
}else if(!!resp.msg){
el.text(resp.msg)
_this.prepend(el)
}else{
el.text("An error occurred
due to unknown reason.")
60
<?php </select>
require_once('../../config.php'); </div>
if(isset($_GET['id'])){ </form>
$qry = $conn->query("SELECT * FROM </div>
`curriculum_list` where id = <script>
'{$_GET['id']}'"); $(function(){
if($qry->num_rows > 0){ // $('#department_id').select2({
$res = $qry->fetch_array(); // width:"100%",
foreach($res as $k => $v){ // dropdownParent: $("#uni_modal")
if(!is_numeric($k)) // })
$$k = $v; $('#uni_modal #curriculum-
} form').submit(function(e){
} e.preventDefault();
} var _this = $(this)
?> $('.pop-msg').remove()
var el = $('<div>')
<div class="container-fluid"> el.addClass("pop-msg alert")
<form action="" id="curriculum-form"> el.hide()
<input type="hidden" name="id" start_loader();
value="<?php echo isset($id) ? $id : '' ? $.ajax({
>"> url:_base_url_+"classes/Master.php?
<input type="hidden" f=save_curriculum",
name="department_id" data: new
id="department_id" value ="<?php echo FormData($(this)[0]),
isset($department_id) ? $department_id : cache: false,
'2' ?>"> contentType: false,
processData: false,
<div class="form-group"> method: 'POST',
<label for="name" class="control- type: 'POST',
label">Name</label> dataType: 'json',
<input type="text" name="name" error:err=>{
id="name" class="form-control form-
control-border" placeholder="Course console.log(err)
Name" value ="<?php echo isset($name) ?
$name : '' ?>" required> alert_toast("An error occured",'error');
</div> end_loader();
<div class="form-group"> },
<label for="description" class="control- success:function(resp){
label">Description</label> if(resp.status == 'success'){
<textarea rows="3" name="description" location.reload();
id="description" class="form-control form- }else if(!!resp.msg){
control-border" placeholder="Write the el.addClass("alert-danger")
course description here." required><?php el.text(resp.msg)
echo isset($description) ? $description : '' ? _this.prepend(el)
></textarea> }else{
</div> el.addClass("alert-danger")
<div class="form-group"> el.text("An error occurred due to
<label for="" class="control- unknown reason.")
label">Status</label> _this.prepend(el)
<select name="status" id="status" }
class="form-control form-control-border" el.show('slow')
required> end_loader();
<option value="1"<?= isset($status) && }
$status == 1 ? "selected" :"" ? })
>>Active</option> })
})
<option value="0"<?= isset($status) &&
</scrip
$status == 0 ? "selected" :"" ?
>>Inactive</option>
61
$user = $conn->query("SELECT * FROM <label
users where id ='{$_GET['id']}'"); for="password">Password</label>
foreach($user->fetch_array() as $k =>$v) <input
{ type="password" name="password"
$meta[$k] = $v; id="password" class="form-control" value=""
} autocomplete="off"<?php echo
} isset($meta['id']) ? "": 'required' ?>>
<?php if(isset($_GET['id'])): ?>
?> <small
<?php if($_settings- class="text-info"><i>Leave this blank if you dont
>chk_flashdata('success')): ?> want to change the password.</i></small>
<script> <?php endif; ?>
alert_toast("<?php echo $_settings- </div>
>flashdata('success') ?>",'success') <div class="form-
</script> group col-6">
<?php endif;?> <label
<div class="card card-outline card- for="type">User Type</label>
primary"> <select
<div class="card-body"> name="type" id="type" class="custom-select"
<div class="container-fluid"> required>
<div id="msg"></div> 
type="hidden" name="id" value="<?php <option
echo isset($meta['id']) ? $meta['id']: '' ?>"> value="2"<?php echo isset($meta['type']) &&
<div $meta['type'] == 2 ? 'selected': '' ?
class="form-group col-6"> >>Teacher</option>
<label
for="name">First Name</label>
<input
type="text" name="firstname"
id="firstname" class="form-control"
value="<?php echo isset($meta['firstname'])
? $meta['firstname']: '' ?>" required>
</div>
<div
class="form-group col-6">
<label
for="name">Last Name</label>
<input
type="text" name="lastname"
id="lastname" class="form-control"
value="<?php echo isset($meta['lastname'])
? $meta['lastname']: '' ?>" required>
</div>
<div
<label
for="username">Username</label>
<input
type="text" name="username"
id="username" class="form-control"
value="<?php echo
isset($meta['username']) ?
$meta['username']: '' ?>" required
autocomplete="off">
</div>
<div
62
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
</select> $('#cimg').attr('src', e.target.result);
</div> }
<div
class="form-group col-6"> reader.readAsDataURL(input.files[0]);
<label }
for="" class="control-label">Avatar</label> }
<div $('#manage-user').submit(function(e){
class="custom-file"> e.preventDefault();
<input type="file" var _this = $(this)
class="custom-file-input rounded-circle" start_loader()
id="customFile" name="img" $.ajax({
onchange="displayImg(this,$(this))">
<label class="custom-file- url:_base_url_+'classes/Users.php?f=save',
label" for="customFile">Choose file</label> data: new FormData($(this)
</div> [0]),
</div> cache: false,
<div contentType: false,
class="form-group col-6 d-flex justify- processData: false,
content-center"> method: 'POST',
<img type: 'POST',
src="<?php echo success:function(resp){
validate_image(isset($meta['avatar']) ? if(resp ==1){
$meta['avatar'] :'') ?>" alt="" id="cimg" location.href =
class="img-fluid img-thumbnail"> './?page=user/list';
</div> }else{
</form> $
</div> ('#msg').html('<div class="alert alert-
</div> danger">Username already exist</div>')
<div class="card-footer"> $("html,
<div class="col-md- body").animate({ scrollTop: 0 }, "fast");
12"> }
<div end_loader()
class="row"> }
<button })
class="btn btn-sm btn-primary mr-2" })
form="manage-user">Save</button>
<a </script>
class="btn btn-sm btn-secondary" href="./?
page=students">Cancel</a>
</div>
</div>
</div>
</div>
<style>
img#cimg{
height: 15vh;
width: 15vh;
object-fit: cover;
border-radius: 100% 100%;
}
</style>
<script>
$(function(){
$('.select2').select2({
width:'resolve'
})
})
function displayImg(input,_this) {
63
USER MANUAL
How to use (admin)
1. Go to the Home page of the SMCB Research Study Archiving System.
1. Click login to proceed to the admin dashboard.

2. Use the admin credential to login.
Username: admin
Password: admin
3. Click Sign In
Figure 1: Home
Page
64
2
Figure2:Login Page
2. Now you already in Admin Dashboard
1. Go to the archive list to manage the archive project.

2. Go to the user list to manage users.
3. Go to the course list to manage the course.
Figure 3: Admin Dashboard
Steps to manage archive project

1. Click action, and then click view to view the archive project.
2. Click action, then click update status to publish or unpublished the project then
save.
3. Click action, then click delete if you want to delete the archive project.
65
Figure 4: List of Archives
Figure 5: View archive project
Figure 6: Update Status for Archive Project
Figure 7: Delete Archive Project

Steps to add user
1. Click the user list to view the table of all user lists.
66
2. Click add new teacher to add a teacher.
3. Put all the information of the teacher including the picture of the teacher.
4. Then, click add if you already put all information so that the new teacher will be
added.
2
1
Figure 8: Add New Teacher
4
Figure 9: Add Teacher
Steps to view user, edit, delete user
1. In the user list click action to view user details then click close.
2. To edit user details click edit in the user list or cancel the edit.
3. To delete users click delete in the user list.
4. In the delete action, there is a confirmation if you continue to delete or to close it.
67
Figure 10: View User
Figure 11: Edit User
4 cvc
Figure 12: Delete User
Steps for adding course, view , edit and delete

1. Go to the course list.
2. Click Action.
3. If you want to add a course just click add new course on the right side then put the
course details then save to save the course details.
4. If you want to view the course just click view then close.
5. If you want to edit the course just click edit then save.
6. If you want to delete the course just click delete.
7. Then click cancel if you want to cancel the deletion or click continue if you want to delete
the course permanently .
68
3 cvc
1
cvc
2
cvc
Figure 13: Course list
Figure 14: Adding Course
4
cvc
Figure 15: View Course

69
5 vvc
Figure 16: Edit Course
7 vvc
Figure 16: Delete Course
Steps in Updating Admin Account and Log out

1. Click the super admin on the right side then click my account.
2. In order to update the admin details, just click update if you already change the
information.
3. If you want to logout just click logout below on my account.
1
vvc
70 2
vvc
vvc3
Figure 17: Update Admin Details
How to use teacher

Go to login page
Use teacher credential to login
Figure 18: Teacher Login Page

Now you already in the dashboard
1. Go to the archive list to manage the archive project.
2. Go to the user list to view users.
3. Go to submit thesis/capstone to submit the project.
Figure 19: Dashboard
Steps to manage archive project

1. Click action, then click view to view the archive project.
2. Click action, then click update status to publish or unpublished the project then save.
3. Click action, then click delete if you want to delete the archive project.
71
1
vvv
vvv 2
vvv3
Figure 20: List of archive project
Figure 21: View archive
2
vvv
Figure 22: Update Status
72
Figure 23: Delete Archive Project
Figure 24: User List
Figure 24: View UseR
How to submit thesis/capstone project

1. Go to Submit Thesis/Capstone.
2. Fill in the information of the project.
3. Upload picture and PDF and click update to save the project.
4. Click Update
1 vvv
73
Figure 25: Submit Thesis/Capstone
74
TestCaseName:Log-in
Actor: Admin
Testing Date:
TestingTime:
ShortDescription:This process where the admin will login to their
account.
Steps Action InputTest Expected Pass Fail Comment
Data System
Response
Click “ Log in” None View the

1 Log in
Form
Fill-out the Input None
2 required fields username.
(username/ and
password) password
Click “Log in ” None Display
3 dashboard
Post-Condition
The admin has been successfully logged in.
Executed by:
MR. RHYVEN JAY
CABALLERO
MRS. KAREN BANGCAS
75
TestCaseName:Adding Teacher
Actor: Admin
Testing Date:
TestingTime:
ShortDescription:This process where the admin will add teacher.

Data System
Response
Click “user list None View

1 ” Teacher
list
2 Click “Add New Fill-out None

Teacher” requirement
fields( First
name, Last
Name,
Username,
Password
and User
Type
76
3 Click “Add” None Display
“Successfully
added”
Post-Condition
The adding of teacher has been successfully executed by the

administrator.
Executed by:
MRS. KAREN BANGCAS
TestCaseName:Delete Archive
Actor: Admin
Testing Date:
TestingTime:
ShortDescription:This process where the admin will delete archive list .
Step Action InputTest Data Expected Pas Fail Comment
System s
Response
1 Click “ None Display list

Archive of Archive
list”
2 Click “Click None Dropdown displays

“Action”
(View,
Update
Status, and
Delete)
3 Click “View” None Display the
project
4 Click None Select details

“Update Publish/ Un
Status” Publish
6 Click “ Save” None Archive

Status has
been
successfully
updated
77
7 Click “delete” None Are you sure to
delete this project
permanently? Yes
or No
6 Click “ None Archive Record has

Continue” Deleted
successfully
Post-Condition
The execution to delete the project by the

administrator has been successful.
Executed by:
MRS. KAREN BANGCAS
TestCaseName:Edit Adviser User
Actor: Admin
Testing Date:
TestingTime:
ShortDescription:This process where the admin will edit adviser
user.
Data System
Response
Click “User list ” None Display user list

1
Click “Action ” None Dropdown

2 displays(View,
Edit, and Delete)
Click “Edit” None View
3 Teacher
Information
Fill-out Input Teacher None

4 requirement field Information
Click “ Add” None User Details

5 successfully
Updated
78
Post-Condition
The admin successfully edit the

information of the teacher
Executed by:
MRS. KAREN BANGCAS
TestCaseName:Log-in Teacher
Actor: Teacher
System:SMCB Research Study Archiving
System
Testing Date:
TestingTime:
ShortDescription:This process where the teacher will login
to their account.
Step Action InputTest Expecte Pass Fail Comment
Data d
System
Respons
e
1 Fill-out the Input None
required fields username.
(username/ and
password) password
2 Click “Sign in” None Display
dashboard
Post-Condition
Teacher has been successfully logged
in.
Executed by:
MR. RHYVEN JAY
CABALLERO
TestCaseName:Course List
Actor: Admin
Testing Date:
TestingTime:
ShortDescription:This process where the admin will add,edit,view and delete
course list .
79
Data System
Response
1 Click “Add New Input Course None

Course ” Information
2 Click “Save” None Course

Details
Successfully
Added
3 Click” Action” None Dropdown
displays(Vie
w, Edit, and
Delete)
4 Click “View” None Display
Course
Details
5 Click “ Edit” Input Course None

Information
6 Click “Save” None Course

Details has
been
updated
successfully
7 Click “ Delete” None Are you
sure to
delete this
course
permanently
?
7 Click “ Continue” None Course has
been
deleted
successfully
Post-Condition
Course Details has been updated
Executed by:
80
TestCaseName: Submit Thesis/Capstone
Actor: Teacher
Testing Date:
TestingTime:
projects.
Data System
Response
1 Click Input Projects None

“ Submit document
Thesis/Capstone
”
2 Click “Update ” None Successfully
Updated
Post-Condition
The projects submitted has been

executed
Executed by:
81
TestCaseName: Log Out
Actor: Admin/Teacher
Testing Date:
TestingTime:
projects.
Data System
Response
1 Click “Log Out” None Terminates

the session of
the admin
and Teacher
Post-Condition
Administrator and Teacher has

been successfully logged out.
Executed by:
82
UserTestingQuestionnaire
SMCB RESEARCH STUDY ARCHIVING SYSTEM
Thisquestionnaire is designed to determine thestatus
andperformance of the SMCB Research Study Archiving System.
Kiningapangutanamaogihimoaronsapagtinosakahimtangugsaperformance
sa
SMCB research study archiving System.
PART1:ProfileoftheRespondent
BAHIN1:Profilesa Respondent
RespondentClassification(PleaseCheck)
RespondentClassification(PalihugogCheck)
☐ Admin ☐ Teacher
PART2:Determinedthestatusoftheproject
BAHIN2:PagtinosakahimtangsamgaProject
Instruction:
Please indicate yourperception on the SMCB Research
Study Archiving System.
in terms of Functionality, Accuracy, Usability and Reliability.
Panudlo:
Palihug ipadayag ang imong panglantawSMCB Research
Study Archiving System.
sa mga termino sa Katuyoan, Kahingpit, Pulos og
Kasaligan.
Please put a check ()mark in the appropriatecell that
represents your perception based on the following scale:
Palihugibutangangusakacheck()ngamarkadihasatukmangacell
nganagrepresentar
sainyongmgapanlantawbasesamgascalesababa:
5 4 3 2 1
VeryStronglyA VeryAgre Agree Disagree StronglyD
gree e isagree
(VSA) (VA) (A) (D) (SD)
"Hugotngauyo "UyonKa "Uyon" "DiliUyo "Hugotng
n" ayo" n" a Dili
Uyon”
83
5 4 3 2 1
A.FUNCTIONALITY(Katuyoan)
1.Required task areperformed by the system
satisfactorily.
"Magkinahanglan og tahas ang gihimo pinaagi
saSistemasa makapahimuotnga."
2. Thesystem helpsthe userovercome any problem
encountered while using it.
"AngSistemamakatabangsausersapagbuntogsabisanuns
a nga problema nga naatubang
C.RELIABILITY (Kasaligan)
samtangsapaggamitniini." 5 4 3 2 1
1. Mosterrorshavebeencorrectedovertime.
3.Thesystemregulatesuseraccess.
"Kadaghanansamgasayop kay maayos sa paglabay sa
"Ang Sistema kay ni-regulate uban sa pag- access
panahon"
sauser"
2.Thesystem iscapable of maintaining its
B.ACCURACY
performance (Kahingpit)
despite the presence of errors 5 4 3 2 1
1.Theoutput
during generated by the system is correct.
operations.
"Angoutputnganamugnapinaagisa
"AngSistemamao Sistemakay husto"
angmakahimosapagmintinarsaiyangperformance bisan
2.The informationsageneratedby
pa sa atubangan the systemoperasyon."
mgasayopsapanahonsa is easy to
understand and
3.Thesystem act upon.
resumes workingand restores lost data
"Angimpormasyon
after failure. nga namugna pinaagi
sasistemamaoangsayonsapagsabutugpaglihok
"AngSistemasapadayunnganagtrabaho ugmagapahaulisaunah
an"
sa nawad-an sa data human sa kapakyasan."
3.Thesystemperformstasksina
D.USABILITY(Pulos) 5 4 3 2 1
straightforwardmanner.
1.Theuserinterfaceisintuitiveandreceptiveto
"AngSistemanaghimomgabu/uhatonsa
learning.
usakaprangkangapaagi."
"Anguserinterfacengaintuitiveugandamngamodawatsapa
gkat-on."
2.Iwasabletorespond tomodals.
"Nakatubagkosamgamodal"
3.Thedocumentationisveryinformative.
"Angdokumentokaypunoogimpormasyon"
84
UserTestingResponses
Table3.14Evaluationresult(Admin)
5 4 3 2 1 mea # of
A.FUNCTIONALITY(Katuyoan) n responden
ts
1.Required task areperformed by the system 1 4 1
satisfactorily.
2. Thesystem helpsthe userovercome any problem 1 4 1
samtangsapaggamitniini."
3.Thesystemregulatesuseraccess. 1 5 1
sauser"
B.ACCURACY(Kahingpit) 5 4 3 2 1
1.Theoutput generated by the system is correct. 1 5 1
"AngoutputnganamugnapinaagisaSistemakay husto"
2.The information generatedby the system is easy to 1 5 1

understand and act upon.
"Angimpormasyon nga namugna pinaagi
sasistemamaoangsayonsapagsabutugpaglihoksaunah
an"
3.Thesystemperformstasksina 1 4
straightforwardmanner.
85
C.RELIABILITY(Kasaligan) 5 4 3 2 1 #of
m respond
ea ent
n
1. Mosterrorshavebeencorrectedovertime. 1 4 1
panahon"
2.Thesystem iscapable of maintaining its 1 4 1
performance despite the presence of errors
during operations.
"AngSistemamao
pa sa atubangan sa mgasayopsapanahonsa operasyon."
3.Thesystem resumes workingand restores lost data 1 5 1
after failure.
"AngSistemasapadayunnganagtrabaho ugmagapahauli
1.Theuserinterfaceisintuitiveandreceptiveto 1 5 1
learning.
gkat-on."
2.Iwasabletorespond tomodals. 1 5 1
"Nakatubagkosamgamodal"
3.Thedocumentationisveryinformative. 1 5 1
86
Table3.15Evaluationresult(teacher)
5 4 3 2 1 mea #
A.FUNCTIONALITY(Katuyoan) n ofrespondent
1.Required task areperformed by the system 4 1 4.8 5
satisfactorily.
2. Thesystem helpsthe userovercome any problem 4 1 4.8 5
samtangsapaggamitniini."
3.Thesystemregulatesuseraccess. 3 2 4.6 5
sauser"
B.ACCURACY(Kahingpit) 5 4 3 2 1
1.Theoutput generated by the system is correct. 5 5 5
"AngoutputnganamugnapinaagisaSistemakay husto"
2.The information generatedby the system is easy to 5 5 5

understand and act upon.
"Angimpormasyon nga namugna pinaagi
sasistemamaoangsayonsapagsabutugpaglihoksaunah
an"
C.RELIABILITY (Kasaligan) 5 4 3 2 1 mea # 0f
3.Thesystemperformstasksina 5 n5 5respondent
2. straightforwardmanner.
Mosterrorshavebeencorrectedovertime. 4 1 4.8 5
panahon"
2.Thesystem iscapable of maintaining its 3 2 4.6 5
performance despite the presence of errors
during operations.
"AngSistemamao
pa sa atubangan sa mgasayopsapanahonsa operasyon."
3.Thesystem resumes workingand restores lost data 4 1 4.8 5
after failure.
"AngSistemasapadayunnganagtrabaho ugmagapahauli
1.Theuserinterfaceisintuitiveandreceptiveto 5 5 5
learning.
gkat-on."
2.Iwasabletorespond tomodals. 5 5 5
"Nakatubagkosamgamodal" 87
3.Thedocumentationisveryinformative. 5 5 5

SMCBI Student Research Archiving System

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

SMCBI Student Research Archiving System

Uploaded by

Copyright:

Available Formats

ST. MARY’S COLLEGE OF BANSALAN, INC.

(Formerly: Holy Cross of Bansalan College, Inc)

Dahlia Street, Bansalan, Davao del Sur 8005 Philippines

SMCBI STUDENTS RESEARCH STUDIES ARCHIVING SYSTEM

An IT Capstone Project Presented to the

Bachelor of Science in Information Technology Program

In Partial Fulfillment of the Requirements for the Degree of

Bachelor of Science in Information Technology

Academic Year 2022-2023

Jillian Mae Bisquera

Erica Del Rosario

BACHELOR OF SCIENCE IN INFORMATION TECHNOLOGY

This Capstone entitled “ SMCBl STUDENTS RESEARCH

MR. JHON BRYAN CANTIL, MIT

APPROVED by the Panel of Reviewers with a grade of PASSED.

MRS. RAZEL ANN G. AGUILAR, MIT

MR. RHYVEN JAY CABALLERO MR. JAYMARK A. SULTAN

ACCEPTED and APPROVED in partial fulfillment of the

S. MA. CEFERINA BODIONGAN,RVM

Scope andLimitations ....................................................................................7

Feasibility Analysis ........................................................................................ 12

Context DataHowDiagram ...............................................................…..........17

Input Forms ...............................................................……….......24

UTesting responses …………………………………………………………………………………….............80

Documents need to be sorted, searched, accessed, copied, and modified; occasionally,

1.3 Significance of the Study

This research study archiving system is accessible to researchers, teachers, and

2.1 System Planning

System Development Method

May June July August September October November December

Table 2.1 Gantt Chart

2.2 System Analysis

Table2.3 Hardware Requirements

SMCB Research Study Archiving System

Figure 3 Use Case Diagram

Use Case Description

Table 2.4 Administrator Use Case Diagram

Teacher Login Enter username and password to recognize

Submit Thesis/Capstone The teacher can submit the thesis and

Update Account Details The teacher can change his/her information

Logout The teacher can log out from the

Table 2.5 Teacher Use Case Diagram

Figure 2.4 level 0 DFD

who submit the thesis and capstone project.

No. Item’s Type Description

1 Sqlite SQLite is a C library that contains Used to store data

2 Php PHP is a dynamically typed PHPis a populargeneral-

Laptop is a portable computer that Laptop can be used at

Wi-Fi is a wireless networking It is allowing

2.3 System Design Entity-Relationship Diagram

Name Data type Field Size Description

Name Data type Field Size Description

Table2.10 system_info DataDictionary

Name Data type Field Size Description

Table2.11 usersData Dictionary

Figure 2.8 Inputforms

The home page

The users (teacher , admin) Dashboard

Figure2.10 Archive List

The admin will view the archive list

The admin will create another teachers account

The teacher will submit the students projects