Scribd
Upload
15 views3 pages

SLSU OJT Timesheet Web App Overview

This document provides technical details about the SLSU OJT Timesheet Monitoring using QR Code with Journal System project. It discusses the technologies that will be used to develop the web-based application including Visual Studio Code, PHP, Xampp, MySQL, Apache, HTML, CSS, Bootstrap, and a scanner. The project will allow students and staff to access timesheet monitoring and journaling on any digital platform for easy tracking of OJT progress. It will work once hardware, software, and network requirements are met and the administrator scans trainees' QR codes to log their times in and out of the system.

Uploaded by

Kirito Zacharias
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
15 views3 pages

SLSU OJT Timesheet Web App Overview

This document provides technical details about the SLSU OJT Timesheet Monitoring using QR Code with Journal System project. It discusses the technologies that will be used to develop the web-based application including Visual Studio Code, PHP, Xampp, MySQL, Apache, HTML, CSS, Bootstrap, and a scanner. The project will allow students and staff to access timesheet monitoring and journaling on any digital platform for easy tracking of OJT progress. It will work once hardware, software, and network requirements are met and the administrator scans trainees' QR codes to log their times in and out of the system.

Uploaded by

Kirito Zacharias
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Chapter III

Technical Background

Technicality of the project

The proponents have used web-based program wherein the users can access it
through any digital platforms. The SLSU OJT Timesheet Monitoring using QR Code
with Journal System is an online monitoring for trainees for easy and convenient
access by the students and staffs without using the traditional process. These are some
of the technical terms that are being used in our project: VS Code – Text Editor,
Server-client side – PHP, HTML, CSS, Apache, Database – Xampp, MySQL,
Functionality – Web application, PhpMyAdmin. Some of the terminologies being
stated above are also the technology being used in our project.

Details of the technologies to be used

This project will be available in any technology such mobile phones, laptops,
and computers to run the system.

In developing the project, the following technology tools will be used:

VS Code – In the development of the system, we made use of Microsoft Visual


Studio Code for encoding the source code of the system, in order to be the accurate
and fast acquisition of data and information.

PHP – is a general-purpose scripting language that is especially suited to server-side


web development where PHP generally runs on a web server. It can also be used for
command-line scripting and client-side GUI applications.

Xampp 8.0.3 – Developers will use this as development tool, to allow website
designers and programmers to test their work on their own computers without any
access to the Internet.

MySQL – is an open source relational database management system. MySQL will be


used by the developer, because it is one of the system development compatible
databases.
Apache – The apache HTTP Server is a web server software notable for playing a key
role in the initial growth of the World Wide Web.
HTML – This is the language that Web pages are written in. As far as computer
languages go this is the easiest to learn. You can create a Web page without it using a
Web page editing program but the program will still use HTML to create the page.

CSS – Cascading style sheets are used to format the layout of Web pages. They can
be used to define text styles, table sizes, and other aspects of Web pages that
previously could only be defined in a page's [Link] helps Web developers create
a uniform look across several pages of a Web site.

Bootstrap – for designing and building the graphical user interface of web-based
application

Scanner – to scan the OJT's QR code for daily time in and time out to the system

How the project Will Work

(discuss FDD briefly)

Figure xx. The FDD of the proposed project

Figure xx presents the proposed architectural layout of the project. The project
will work once all of the necessary requirements, such as hardware and software,
were met, as well as the proper setup. There should be a computer available to be used
by the company’s employee in order to run the system. A scanner should be kept on
hand at all times to scan the OJT's QR code for daily time in and time out. A student
may also use their cellphones to access the system for their daily journal and keep
track of their progress by providing their username and password. Students may use
the system to write about their journals whenever they wish. In order to guarantee
regulatory compliance, the administrator will be the only one to scan the QR code.
Figure xx. The proposed architectural layout

You might also like