Capstone Project
Capstone Project
Authors’ contributions
This work was carried out in collaboration between both authors. Both authors read and approved the
final manuscript.
Article Information
DOI: 10.9734/CJAST/2019/v38i430378
Editor(s):
(1) Dr. Jerzy Nowacki, Professor, West Pomeranian University of Technology, Szczecin, Institute of Materials Science and
Engineering, Szczecin, Poland.
Reviewers:
(1) Anthony Spiteri Staines, University of Malta, Malta.
(2) Abdullah Sonmezoglu, Bozok University,Turkey.
Complete Peer review History: [Link]
ABSTRACT
Aims: Higher Education Institutions are challenged to manage research and capstone projects
output available through open access is something that is increasingly mandated by funders and
universities in many countries.
Study Design: This is to widen the dissemination of results to the community which information
technology practices and theory can address.
Place and Duration of Study: This project tries to investigate the possible outcomes by developing
an online repository for research and capstone project in Southern Philippines Agri-Business and
Marine and Aquatic School of Technology that can deposit students output, register various
accounts, log transactions and an interactive website.
Methodology: Innovative research approach is being manifested in the development that uses
modified waterfall, white-box testing and survey-type methodologies are being highlighted.
Results: The website is successfully developed with specific functionality on referencing, data
storage, data security, data extraction and some special functionalities. The fifty evaluators gave
_____________________________________________________________________________________________________
very agreeable results to the reliability, functionality and usability of the website.
Conclusion: Although, the system is functional and evaluated very agreeable to the respondents
the testing is very crucial that proper monitoring should be in place in the entire plan.
2
Lalisan and Sobejana; CJAST, 38(4): 1-12, 2019; Article [Link].48391
1.3 The Conceptual Framework components of the study coherently and logically
[4] investigated which this study used an
This study followed the input-process-output innovative research design. According to Takhar-
model to understanding and explaining team Lail and Ghorbani that innovation is the process
performance. Typically describes the general of both generating and applying creative ideas in
structure of a system specifying the input- the project that can be applied to a research
process-output is important to determine the method or system. The highlighted
effectiveness of the functionality in each recommendation in the study are the two stages
individual component. Similarly, the IPO model in the process of innovation. The invention that
has a causal structure, in that outputs are a consists of idea generation, idea evaluation and
function of various group processes, which are in opportunity recognition specifically creativity. The
turn influenced by numerous input variables exploitation that consists of development and
(Hackman, 1987). The modified framework of the commercialization mainly innovation. Therefore,
study is illustrated in the Fig. 1. it is best for the study to adopt such a design to
extract the complete result [5].
2. METHODOLOGY
This study conducted by describing the
Presented in partare the research design, performance of the website that data is obtained
research locale, population and sample, research through a survey method. The researcher used a
instrument, data collection and statistical tool. modified-questionnaires in obtaining responses
The software development approaches used are from the subjects that fit the objective of the
also discussed in details with the analysis of the study. The survey tries to ascertain the Research
specifications of the entire project. and Capstone Projects Electronic Repository in
SPAMAST.
2.1 Research Locale
The following are the strategies use in this study
This study is conducted at Southern Philippines is based on the framework and procedure. The
Agri-Business and Marine and Aquatic School of extreme programming (XP) is an iterative and
Technology, Matti, Digos City. The researcher incremental process which is best to use in this
selected SPAMAST Digos Campus as its project project because the indicators included in this
locale so that it can easily be tested. This is also method are cost, time, quality and scope which is
the venue for the institution to level-up in terms of relevant to the researcher. This method is best
publication because the technology is still not because during XP projects every team member
available. learns a lot and in fact, one of the key benefits of
XP lies in the distribution of knowledge
2.2 Research Design throughout the team [6].
The research design refers to the overall strategy The system design helps in specifying system
that you choose to integrate the different requirements and helps in defining the overall
3
Lalisan and Sobejana; CJAST, 38(4): 1-12, 2019; Article [Link].48391
system architecture. The website layout for administrator is the authorized person the right to
Research and Capstone Project Electronic fully access the entire website.
Repository is the process of planning and
creating a website. Also, the dataflow diagram shows all the
information, functionalities and events of the
The testing phase of the system determines System. It represents the flow of data through an
whether the software meets the requirements of information system and modelling its process
the projects. White box testing is also known as aspects. It can be also the basis for the
structural testing or code-based testing. This visualization of data processing and shows what
method of testing not only verifies a code as per kind of information will be input to an output from
the design specifications (Rongala, 2015). the system.
2.3 System Design 2.4 Data Gathering
In this, the system design helps in specifying In gathering data, it talks about the reliability,
system requirements and helps in defining the functionality and usability of this capstone project
overall system architecture. The website layout Research and Capstone Projects Electronic
for Research and Capstone Project Electronic Repository. The system reliable, if it is free from
Repository is the process of planning and bugs and errors, functional when the system is
creating a website. responsive; and usability if the system is good
The system requirement defines the needed enough.
information, function, performance and interfaces The total data gathered from descriptive survey
that establish the components for building the questionnaires are used as the basis for the
system. The system requirement defines the interpretation that aid to solve problems,
needed information, function, performance and recognize several factors that affect the
interfaces that establish the components for structures and features of the development of the
building the system. Included in the technologies system.
to be used are the software and hardware
needed in creating the project. The data gathering first is to asked permission
for the evaluation of the system. Request letter of
The hardware device used for developing and permission is secure to instructors and approved
browsing the website is a commonly used laptop with the approval of the department chairman.
because it's handy and convenient. The software The team briefs and orient the respondents on
used in this study is commonly used by junior how to use the system. Then, gives an adequate
development. Microsoft Visual Studio 2012 used time to operate the system to test the
in designing and developing a website or system, functionalities and indicate their responses on
it also uses to design the developer used this the rating sheets. Rating sheets are retrieved
software for the back-end of the project, in which after respondents answered all the questions in
is responsible for the codes and also for the the survey. Finally, the results are evaluated and
whole environment of the project. MySQL tabulated for further discussion in the document.
Administrator used to structure the database of
the website and Adobe Photoshop 2012used in 2.5 Statistical Tools
editing the images used the website.
The response to the questionnaire and
For the implementation of the project, it includes evaluation were consolidated and tabulated. In
the components, modules, and data for a system the analysis and interpretation of the data, the
to satisfy specified requirements. The system values were summarized through the summation
needs to have a domain to fully access the of all scores given by the evaluators and divided
website through the internet since it is Online but by the total number of evaluators. The weighted
users are exclusive in SPAMAST only. The mean was used to describe the impact of the
domain hosting is One Thousand two hundred system on the evaluators as calculated using the
pesos only (Php 1,200.00) purchased online. expression.
This study provides a use case diagram to 3. RESULTS AND DISCUSSION
describe the steps or actions between a user's
and a website which leads the user towards This part presents the result and discussion of
something useful. The use case diagram focuses the entire project in developing and evaluating
on describing how to achieve a goal or task. The the Research and Capstone Projects Electronic
4
Lalisan and Sobejana; CJAST, 38(4): 1-12, 2019;; Article [Link].48391
no.
Repository. This part of the study discusses the [Link] language stands for (Hypertext
(1) development of the system, (2) security Preprocessor) is an open source, server-side,
server
features of the system, m, (3) search engine scripting language used for the development of
capacity of the system, (4) interactive features of webeb applications. By scripting language, we
the system, (5) data management of the mean a program that is script-based
based lines of
system, and (6) performance of the developed code written for the automation of tasks.
system. phpMyAdmin is a free and open source
administration tool for MySQL and MariaDB. As a
The developer uses software tools to meet the portable web application written primaril
primarily in PHP,
Re
specific objective in creating the Research and it has become one of the most popular MySQL
Capstone Projects Electronic Repository. The administration tools, especially for web hosting
system was developed according to the specific services. Bootstrap framework is built on HTML,
output which is searchable in the browser using CSS, and JavaScript (JS) to facilitate the
the domain name. Domain name is the address development of responsive, mobile
mobile-first sites and
where Internet users can access your website. apps.
According to Franke anke state that making
publications available through open access is Webpageage map diagram shows the entire plot of
something that is increasingly mandated by the web that describes and illustrates the
funders and universities in many countries [1]. In behaviour inside the application. The guest
developing this project need to have this account is included as to makes clear on the
software component which is the domain to fully access of the non-member
member to the entire web
ess the website through the internet since it is
access application. The user and administrator accounts
Online. First step to have it, is to register on site are clearly connected to give more emphasis to
which deals a domain and payable through bank the difference between the two users. The user is
account of the company, upon registering input also classified to have the same access though
the possible username and password for the they are students of faculty so the classification
urity, second upon receiving the
control panel security, is a user.
domain name the company send the link and
ready to use the control panel contents the Each of the users has different menu n navigation
upload develops project. that provides them with the access to each of the
page. Clear enough that separating the user's
In this, the developer applied CSS (Cascading account access is one way to develop a web that
Style Sheet) used to format the layout of Web has a characteristic that separates entirely the
pages. They can be used to define text styles, users so that conflicts of functions will be
table sizes, and other aspects of Web pages that ed. The table below shows the
eliminated.
previously could only be defined in a page's accessibility of each user.
Fig. 2.
2 Display of the developed website
5
Lalisan and Sobejana; CJAST, 38(4): 1-12, 2019; Article [Link].48391
6
Lalisan and Sobejana; CJAST, 38(4): 1-12, 2019;; Article [Link].48391
no.
1$query
$query = "SELECT * FROM <table name>WHERE email='$email'";
2$result
$result = mysqli_query($db, $query); user for
3if(mysqli_num_rows($result)
if(mysqli_num_rows($result) >0){
4 array_push($errors,"EmailExist!");}
5
Username for user
6if(count($errors)
if(count($errors) == 0){
7 <statements for saving the information &
8 sent link validation code>}
code>
The developed code above used in checking the duplication of email address and username entry to
the registration page for the user account. The array "array_push”
" ” accepts error data for display. At an
instance the array is null, the email address and username are available or not taken. The red arrow
with reading label illustrates that when checking for username copy line 1 to 4 then change the name
of the entity comparison that would fit the desired datatype to compare. Also, for the error handling
text to push in the array and to display in the error page. The green text is the statement or label of a
specific variable for modification. Finally, the statement for saving the information & sent link validation
code
de are developed syntax code used in validating the account through email.
1$confirmcode = rand();
2$email_from = 'e-journal@[Link]';
journal@[Link]';
3$message = "
4Confirm your email.
5Click
Click the link below to verify your account.
6[Link]
[Link]/email_confirm.php?user=$user&code=$confirmcode";
.ph/email_confirm.php?user=$user&code=$confirmcode";
7$headers
$headers = "From: $email_from \r\n";
8 $headers = "Reply-To:
To: DoNotReply@[Link]";
9mail($email, "e-Journal
Journal Confirm Email!", $message, $headers);
The developed code above is very relevant to the email address of the applicant that includes the
website because the strong security feature of combination of a clickable Uniform Resource
the registration is addressed. The syntax code Locator (URL) directly to confirm the active email
line 4 to 5 are the content of the email to the address of the user updating the table field status
7
Lalisan and Sobejana; CJAST, 38(4): 1-12, 2019;; Article [Link].48391
no.
from “Inactive” to “Active".". An active user indexes that content based on the occurrence of
account is tag as validated information that can keyword phrases in each individual record. When
be used in the login page. developing the search engine for specific
keywords the given iven study added more
n of user account
3.2.2 Verification automation and simplification for locating
research and capstone project documents.
A user with an account that is validated through
email owned a unique username and password 3.3.1 Displaying the searched results
for the verification and for the authorization. This
method can help lp prevent spam attacks by bots, In searching for an approved paper or
fraud and account takeovers, and identify documents, input specified keywords and returns
unreachable users due to stale or incorrect a list of the possible results that similarly match
information. the keywords. The results then display in a
manner that a user can easily understand based
Once the input of the user to the login page is on the pre-formatted
formatted style of the system. Each
correct information the webpage returns the displayed element has specific indexes that can
home page of the Research and Capstone C be accessed by clicking. Then the detaile
detailed and
Project Electronic Repository. Thus otherwise structured display of the entire paper is viewed.
an alert message appears in the instance
the information is incorrect or did not match to 3.3.2 Displaying the research paper
the database. This also means that the guest
is not registered or the user er trying to The result of the search engine is displayed in list
access the website with no proper format which can be clicked redirected to the
authorization. specified research paper document that displays
cument Format (PDF) of the
the Portable Document
3.3 Development of the Search Engine entire document. Included in the display page are
some primer of the paper. The code of this
Developing of the search engine confirms the module is also important because the usual the
necessity of the module. The module is very displaying technique is not following the basic
relevant in locating and sorting the information coding but instead using advance displaydisplaying
stored in the database. Once the search engine code using a combination of HTML and CSS and
has crawled the contents of the database, it action codes using PHP and JavaScript.
1<?php
2if(count($s_results)
) >0):
>
3?>
4<divstyle="width:92%;margin:0px
"width:92%;margin:0px auto;padding: 10px;
5border:
border: 1px solid #33a6cc; color: #a944442; background:
6#ffffff; border-radius:
radius: 5px; text-aligh:
text left;">
7<font color="#33a6cc"
"#33a6cc"><?php foreach ($s_resultsas
8 $s_result): ?>
9<p><?phpecho $s_result;
$s_result ?></p>
10 <?phpendforeach?></font>
</font>
11 </div>
Fig. 5. Screen shots for user registration page and login page
8
Lalisan and Sobejana; CJAST, 38(4): 1-12, 2019;; Article [Link].48391
no.
The research paper display page is divided into and linkages to experts on the field of stu
study can
two (2) major display. The first one is the display leave and provide an additional improvement to
for the primer of the paper. The title, research the study.
type, authors, abstract keywords and the
uploader of the paper. The second portion of the 3.5 Development of Security & Logging
display is the viewing
ewing of the preformatted. Features
3.4 Development of the Comment Box The system has security features to protect
Module against fraud. The administrator can log in
automatically while users must register and
Some of the people give some suggestions and confirm their email before they can log in in the
comments to broad their learnings. You know site. In addition, the website has an important
that writing comments about what the audience feature that allows to record and store the
is interested in, and that is something every transactions or changes made by the user. The
writer hopes to do. Good conversations will have log module serves as the history tracker of the
other benefits, too. Many times, confusion is web that provides a list of manipulation of the
cleared up in the comments and other people users to the database as part of the accessibility
add their ideas or experience so it just gets better and tracks the behaviour of the users inside the
and better. system. Figure shows the access point that log
module is being activated. In every page that the
3.4.1 Adding comments function user makes access, an entry to the data database
with date and time of the action, identification of
o add comments is typing the
The functionality to the user and the Uniform Resource Locator
comment in the box provided then click post (URL) address of the specific page.
buttons. If the information is available, the
comments are submitted and posted. Otherwise, In searching for an approved paper or
if the data are not available nothing will happen documents, input specified keywords and returns
then refreshes the page. The comments are a list of the possible results thatt similarly match
freely posted as suggestions, appreciation and the keywords. The results then display in a
recommendation in the said study. Posting is a manner that a user can easily understand based
way of sharing feedbacks to the researcher and on the pre-formatted
formatted style of the system. Each
viewers. displayed element has specific indexes that can
3.4.2 Displaying comments function be accessed by clicking. Then the detailed
and structured display of the entire paper is
The comment module is embedded in the viewed.
displaying of the research and d capstone project
documents. Upon retrieving the documents in the 3.6 Level of Performance of the System
system, the comments are included in the page.
Interfacing the functionality of posting comments The performance of the system in terms of
to the system is strategic because opportunities reliability, functionality and usability is evaluated
9
Lalisan and Sobejana; CJAST, 38(4): 1-12, 2019; Article [Link].48391
by eighteen (18) registered users, thirty-one (31) system is useful although the challenged to
guests and one (1) administrator. The fifty (50) institutions is to be at par with the international
evaluators from Table 4 are part of the research standards that concept of learning objects
locale the Southern Philippines Agri-Business repositories is steadily increasing to serve
and Marine and Aquatic School of Technology educational purposes [9] but still the item “the
under the Information Technology Department. system performs tasks in a straightforward
The technical expertise and the basic knowledge manner” marked low with weighted mean 4.30
of the respondents are all in the field of mark as Very Agree since testing and evaluation
Information Technology. done with a limited duration. The item “the
documentation is very informative” got high
Reliability of the system from the evaluation of weighted mean of 4.42 mark as Very Agree as
the respondents resulted to 4.00 which described methodology implies that iteration approach
as Very Agree. The characteristics of the website keeps the project team more aware to the
provide reliable output and consistent error entire characteristics of the website that is
handling capabilities that are supported with the illustrated more detailed in the documentation.
highest weighted mean of 4.04 mark as Agree Therefore, proper management with concrete
Very in item "the system is capable of methodology in the development that deals with
maintaining its performance despite the presence cost, time, quality and scope is beneficial to the
of errors during operations”. The item “system projects team member and the distribution of
resumes working and restores lost data after knowledge throughout the team is very relevant
failure” had the lowest weighted mean of 3.96 [6].
marks as Agree because of external factor
that is uncontrollable in the project development. The over-all performance of website resulted in a
As mentioned in the study of Por and the weighted mean of 4.28 marked as Very Agree.
team that to identify a good system it must be Though, the indicators resulted in very agreeable
able to provide the quality services [7]. result still reliability got the lowest because of the
Therefore, developing a reliable website deals storing capacity of the system that users
with thorough execution of the methodologies to question the completeness of the information
anticipate tiny details most especially stored in the database. Thus, the functionality of
connectivity aspect that greatly affects the the website clearly manifests that the developed
system performance. website functions to its purpose. However, the
results are still not strongly agreeable to the
The overall rating of the system’s functionality users because as stated in the project of
had a total mean of 4.49, remarked as Very Ampatzoglou, Michou and Stamelos that using
Agree that manifest completeness according to repository software are more significant to
the objectives of the project and users’ preferable inexperienced users which depict on this project
website actions. The completeness of the [10]. The evaluators of the project are generally
developed website clearly illustrated in the Information Technology practitioners which
item"the system can require task is performed by means experience in using various software.
the system satisfactory” that scored the highest Therefore, the performance of quality
weighted mean of 4.64 mark as Strongly Agree. software depends on the selected evaluators and
Thus, the item “the system helps the user users.
overcome any problem encountered while using
it” resulted to a lowest weighted mean 4.28 mark 4. SUMMARY AND CONCLUSION
as Very Agree because the website has no clear
specific instruction or process to follow. 4.1 Summary
Therefore, a website design that illustrates clear
process and instruction is very important The Development of Research and Capstone
because as stated in the study of Zhang, Maron Projects Electronic Repository was conducted to
and Charles, that interface design is the issues determine the level of satisfactoriness on the
specifically layout and consistency should be assessment with corresponding surveys
considered to satisfy users [8]. gathered. An evaluation method was used in this
study is to inquire respondents. It was distributed
In the Usability of the system, the overall rating to the Information Students and faculty with
had a total mean of 4.36, remarked as Very regards specifically to the functionalities of the
Agree that described the developed system by project.
the evaluators useful. Expectedly, the developed
10
Lalisan and Sobejana; CJAST, 38(4): 1-12, 2019; Article [Link].48391
11
Lalisan and Sobejana; CJAST, 38(4): 1-12, 2019; Article [Link].48391
Peer-review history:
The peer review history for this paper can be accessed here:
[Link]
12