Vous êtes sur la page 1sur 36

COLLEGE OF INFORMATION TECHNOLOGY 34

DIVINE WORD COLLEGE OF VIGAN


VIGAN CITY

BIBLIOGRAPHY

A. BOOKS

JAKE SPURLOCK., 2013. “Bootstrap: Responsive Web Development”, O'Reilly


Media, Incorporated
JON DUCKETT.; 2011 “HTML and CSS: Design and Build Websites ”, John Wiley
& Sons

B. UNPUBLISHED SOURCES
RACSA, Y., et. Al (2017) "College Students Desciplinary Records Monitoring
System” Divine Word College of Vigan, Ilocos Sur

COLLADO, A., et. Al (2013) “San Ildefonso, Ilocos Sur Employee Information and
Payroll System”Divine Word College of Vigan, Ilocos Sur

C. ELECTRONIC SOURCES

https://www.w3schools.com
https://www.youtube.com
https://books.google.com.ph
COLLEGE OF INFORMATION TECHNOLOGY 35
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

Appendix A.
SOURCE CODES

SIGN UP
<?php
$ser="localhost";
$user="root";
$pass="";
$db="newtestdb";
$con=mysqli_connect($ser, $user, $pass, $db) or die("Connection Failed");
session_start();
$Name = $_POST['FirstName'];
$Department = $_POST['Department'];
$Employee_id= $_POST['ID'];
$PhoneNumber = $_POST['number'];
$username = $_POST['Username'];
$password = $_POST['Password'];
$sql1="SELECT * FROM person WHERE username='$username'";
$result=mysqli_query($con,$sql1);
if(!$result){
echo "<script type='text/javascript'>alert('Database Error
Occured')</script>";
}
if (mysqli_num_rows($result) == 0) {
$sql = "INSERT INTO person
(id,Employee_id,Name,Department,username,password,PhoneNumber,Active) Values
('0','$Employee_id','$Name','$Department','$username','$password','$PhoneNumber','0'
)";
$result=mysqli_query($con,$sql);
if(!$result){
COLLEGE OF INFORMATION TECHNOLOGY 36
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

echo "<script type='text/javascript'>alert('Failed to Sign


up')</script>";
}
else {
if (mysqli_affected_rows($con) == 1) {
echo "<script type='text/javascript'>alert('Your account is send. Pls.
wait for Activation')</script>";
} else
{
echo "<script type='text/javascript'>alert('Sorry You could not be
registered due to a system error. We apologize for any inconvenience.')</script>";
}else
{
echo "<script type='text/javascript'>alert('Username is already
taken')</script>";
}
header("refresh:1; url=log sign up.php");
?>

TRACKING
<?php
session_start();
?>
<!DOCTYPE html>
<html>
<head>
<title>Ticketing System</title>
<link rel="stylesheet" type="text/css" href="log track.css">
COLLEGE OF INFORMATION TECHNOLOGY 37
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

<link rel="shortcut icon" href="CSC logo1.png" type="image/x-icon" />


</head>
<body><div class="navbar">
<img src="ticket logo.png">
</div>
<div class="log1">
<a href="log infinal.php"> <img src="bootmr.jpg"><p>Log in</p></a>
</div>
<div class="log4">
<a href="log sign up.php"><img src="bootmr.jpg"><p>Sign up</p></a>
</div>
<div class="log5">
<a href="logtrack.php"><img src="bootmr1.jpg"><p>Tacking</p></a>
</div>
<div class="cover1"></div>
<div class="sign1"><p>Tracking</p></div>
<div class="sign11"><p>Trace your Request</p></div>
<div class="logo1"><img src="track.png"></div>
<div class="singin">
<form action="track.php" method="POST">
<input type="firstname" id="Trackingnum" name="Trackingnum"
placeholder="Tracking num" required>
<input type="IDnum" id="ID num" name="ID" placeholder="Employee ID"
required>
<input type="submit" name="submit" value="Log in" id="alert();">
</form>
</div>
</body>
</html>
COLLEGE OF INFORMATION TECHNOLOGY 38
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

LOG IN
<?php

$ser="localhost";
$user="root";
$pass="";
$db="newtestdb";
$con1=mysqli_connect($ser, $user, $pass, $db) or die("Connection Failed");
session_start();
$mess='Your Username and Passowrd are Incorrect!';
if ($_POST ['submit']){
$username = $_POST['username'];
$password = $_POST['password'];
if ($username){

if($password){
$password = ($password);
$con2="SELECT * FROM person WHERE username= '$username'";
$query= mysqli_query($con1, $con2);
$numrows = mysqli_num_rows ($query);
if($numrows ==1){
$row= mysqli_fetch_assoc($query);
$dbusername= $row['username'];
$dbname= $row['Name'];
$dbdept= $row['Department'];
$dbnumber= $row['PhoneNumber'];
$dbpassword= $row['password'];
$dbid = $row ['Employee_id'];
$dbActive = $row ['Active'];
if($username==$dbusername){
COLLEGE OF INFORMATION TECHNOLOGY 39
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

if($password == $dbpassword){
if ($dbActive==1){
$_SESSION['number']= $dbnumber;
$_SESSION['department']= $dbdept;
$_SESSION['name']= $dbname;
$_SESSION['employeeid']=$dbid;
$_SESSION ['username']= $dbusername;
if ($dbid == A010){
$_SESSION ['username']= $dbusername;
header('Location: techchristian1.php');
}
elseif($dbid ==A024){
$_SESSION ['username']= $dbusername;
header('Location: techdexter1.php');
}
elseif ($dbid == C028){
$_SESSION ['username']= $dbusername;
header('Location: admin3.php');
}
else{
$_SESSION['number']= $dbnumber;
$_SESSION['department']= $dbdept;
$_SESSION['name']= $dbname;
$_SESSION['employeeid']=$dbid;
$_SESSION ['username']= $dbusername;
header('Location: Home.php');
}
}
else{
COLLEGE OF INFORMATION TECHNOLOGY 40
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

echo "<script type='text/javascript'>alert('Your account is not yet


activated. Pls. go to CSC Office to Activate')</script>";
header("refresh:1; url=log infinal.php");}}
else{
echo "<script type='text/javascript'>alert('Your username and password
is incorrect')</script>";
header("refresh:1; url=log infinal.php");}}
else{
echo "<script type='text/javascript'>alert('Your username and password is
incorrect')</script>";
header("refresh:1; url=log infinal.php");}}
else{
echo "<script type='text/javascript'>alert('Your username and password is
incorrect')</script>";
header("refresh:1; url=log infinal.php");}}
else{
echo "<script type='text/javascript'>alert('Your username and password
is incorrect')</script>";
header("refresh:1; url=log infinal.php");
}}
else{
echo "<script type='text/javascript'>alert('Your username and password
is incorrect')</script>";
header("refresh:1; url=log infinal.php");}}
else {
echo "<script type='text/javascript'>alert('Your username and password
is incorrect')</script>";
header("refresh:1; url=log infinal.php");
}
COLLEGE OF INFORMATION TECHNOLOGY 41
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

Appendix B.
Sample Forms
IT Service Request Form

This form is used as information sheet about the requester and the work together
with the technician who are capable of performing the job or service, and as indicated
above every form has unique ITSR number. This is where the number of jobs
perform. This form also two holders, technician’s copy and requester’s copy.
COLLEGE OF INFORMATION TECHNOLOGY 42
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

IT Service Report
COLLEGE OF INFORMATION TECHNOLOGY 43
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

IT Service Request Process Map


COLLEGE OF INFORMATION TECHNOLOGY 44
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

Divine Word College of Vigan


COMPUTING SERVICES CENTER
IT Technician’s Daily Activity
From _____________ to ___________, 2017
Date Time Time Location Activity Client/
Start End Duration Supervisor
Name &
Signiture

Prepared by: _______________ Noted: LAURENCE P. SALES, MIT


IT Technician Head Computing Sercvices
COLLEGE OF INFORMATION TECHNOLOGY 45
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

Appendix C.
USER’S MANUAL

FOR REQUESTER

SIGN-UP FORM

The employee fill up all the questions to register account in Computing Service
Center, the employee requester will wait for activation from the head.

LOG-IN FROM

If the employee try to Log In the account cannot acces yet.


COLLEGE OF INFORMATION TECHNOLOGY 46
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

REQUESTER FORM

When employees account is activated, the employee can already log-in,


request service and fill again the questions provided and at the right part of the form
there is on queue these are the employees who are next to the request. The employee
can also track your request here click TRACK MY REQUEST button.There is also
LOG OUTbutton at the upper right of the form.
COLLEGE OF INFORMATION TECHNOLOGY 47
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

REQUESTER FORM : TRACKING

In this form the employee requester can seen all the request information like
the ID or IT SRF Number, and to make sure that the employee is the one to request
the is the NAME, what type of request and STATUS of the request.

TRACKING FROM
COLLEGE OF INFORMATION TECHNOLOGY 48
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

Traking Form when the employee receive SMS Notification contains


tracking number, the employee can already know the status of the his/her request by
filling up tracking number and employee ID.

First Status is PENDING means the Head already recieve the request from
employee requester, and assigning to technician, but the technician not yet started the
task.

Third Status is PROCESSING the Technician is doing the job.

Third Status is DONE means the work is finish. The transaction is closed.
COLLEGE OF INFORMATION TECHNOLOGY 49
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

SMS NOTIFICATION : VERIFICATION

First SMS message the employee requester recieve from the Computing
Service Center Ticketing Service System that allowing the employee to request.
SMS NOTIFICATION : TRACKING NUMBER

After waiting, employee receive an sms message coming from the system
giving notification and tracking number that will use to track request.
SMS NOTIFICATION : DONE

Last SMS Message from the Computing Service Center System that the
employee recieve, the request is done and ready to pick up.
COLLEGE OF INFORMATION TECHNOLOGY 50
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

SMS NOTIFICATION : REPACE MATERIAL

When the Employee requester, request needed to replace parts of his/her


hardware this SMS Notification will then send.

SMS NOTIFICATION : FORGOT PASSWORD

This SMS Notification will only send if the Employee Requester,


Technician, and Admin/Head changed their passwords.
COLLEGE OF INFORMATION TECHNOLOGY 51
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

FOR ADMIN
HEAD

The Head must log in first

NEW REQUEST FORM

In this form the Head can see all the on new request of the employees request
if click VIEW the full information will appear at the right part of the form named
Request Detail and there the head can assign the work to the technician either IT
Technician Christian or IT Technician Dexter, Priority if the request is needed
immediately, Due Date the deadline of the technician to
COLLEGE OF INFORMATION TECHNOLOGY 52
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

service the request and if he click UPDATE the work will pass to the chosen
technician in her page. The DONE button means the work is finish where the
employee requester automatically revieves SMS message telling that the employee’s
request was already recieve and assign technician. All forms have navigaiton bar and
small number indicating how many new request in that form inside, when the head
will click that it will appear all the names of the forms that the head can access like
NEW REQUEST, ON GOING REQUEST, REQUEST MATERIAL, ACCOUNT
AND REPORT there is also small number indicates or notify the head the number of
new request, material from the technician and account to verify.

ON GOING FORM

In this form the Head can seen all the on going task at the right of the form
this are the request that already assign to respective technician.
COLLEGE OF INFORMATION TECHNOLOGY 53
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

REQUEST MATIRIAL FORM

This form use to make request matiral form, fill up by the technician recieved
by head click VIEW and the detail will appeal at the REQUEST SLIP. And when the
head click PRINT this what will happen.

PRINT
COLLEGE OF INFORMATION TECHNOLOGY 54
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

ACCOUNT FROM

This is the form for the Head wherein he can see all the employee who ask
for verification at the right part and if the head will click VIEW the full information
will appear at the lower part of the form the Head can ACCEPT the employee if all
the records are true and automaticallythe employee will again receive SMS message
notifying that log in and giving request is already available. DECLINE button if
hoax.
At the left part of the form all the activated employee as well as their
personal information can be seen.
COLLEGE OF INFORMATION TECHNOLOGY 55
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

REPORT FORM

This form can be seen all done request individualy. When the Head click
VIEW from the REQUEST DONE all the information of the finish work can be seen
at the SERVICE REPORT, and when the head click the PRINT button the following
image will appear.

PRINT
COLLEGE OF INFORMATION TECHNOLOGY 56
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

DAILY REPORT FORM

All report that is already done by the technician is in this form the Admin/Head
can aslo search for the request, and print.
COLLEGE OF INFORMATION TECHNOLOGY 57
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

FOR TECHNICIAN

Description
COLLEGE OF INFORMATION TECHNOLOGY 58
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

When the head assigned technician, automatically the respective technician


will then appear all his task in her page. In that page the technician can see all the
task to him at the left part named ID, NAME REQUEST this are the information
about the task and in the center when the technician click VIEW from the requesters
common information then the Technician then can fill up INVENTORY,
OBSERVATIONS, STEP DONE, REMARKS and DATES according to the task
condition. When the technician click SAVE all the fields saved. And DONE means
the task is finished and automatic SMS again receives the employee who requested
notifying that the request he/she give is done and ready to pick up.

FORGET PASSWORD FORM

Whe the Employee Requester, Admin/Head or Technician forgot their


password click forgot password bellow the input area.
COLLEGE OF INFORMATION TECHNOLOGY 59
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

Check if the personal number is correct. If not approach Head personally.

User!

Wait for SMS Notification containing password, delete immediately the


massage once you read.

EDIT ACCOUNT FORM


COLLEGE OF INFORMATION TECHNOLOGY 60
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

Once the user Log-in if he/she want to change password or number, the user
must go to edit account form.
ABOUT US
COLLEGE OF INFORMATION TECHNOLOGY 61
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

HELP

Appendix D.
Evaluation Tool
COLLEGE OF INFORMATION TECHNOLOGY 62
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY
COLLEGE OF INFORMATION TECHNOLOGY 63
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

Specific Comments/Suggestions/Recommendations
1. Work Redundant
2. Remove on queue at the requester page
3. Navigation bar must intact
4. New request form must available to the technician.
5. Request material can print by technician
6. Employee requester must be the one to request material in finance.
7. Why admin/head can show all form?
8. The function of head in the system must also to the technician.
Thank You and God Bless!
Christian Calpito
COLLEGE OF INFORMATION TECHNOLOGY 64
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

Specific Comments/Suggestions/Recommendations
1. Work Redundant
2. Remove on queue at the requester page
3. Navigation bar must intact
4. New request form must available to the technician.
5. Request material can print by technician
6. Employee requester must be the one to request material in finance.
7. Why admin/head can show all form?
8. The function of head in the system must also to the technician.
Thank You and God Bless!
COLLEGE OF INFORMATION TECHNOLOGY 65
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY
COLLEGE OF INFORMATION TECHNOLOGY 66
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY
COLLEGE OF INFORMATION TECHNOLOGY 67
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY
COLLEGE OF INFORMATION TECHNOLOGY 68
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

Appendix E.
Documentation of the Beta Testing for the Divine Word College of Vigan
Computing Service Center Ticketing Service System

January 19, 2018 Mr


Dexter Rabo and Christian
Calpito both IT Technician of
Computing Service Center the
developers instruct how the
system works. Comments and
suggestions also given by both
Technician.

January 26, 2018 Mr.


Jhay-R Paz, BSIT evaluating the
system, the developers also
instruct how the system works
and Mr. Paz also given his
comments and suggestions.
COLLEGE OF INFORMATION TECHNOLOGY 69
DIVINE WORD COLLEGE OF VIGAN
VIGAN CITY

January 26, 2018 Ms.


Virgichelle Diccon, College
Librarian writing her evaluation
about the system before that
the developers instruct how the
system works, and Ms. Diccon
also give her comments and
suggestions.

January 26, 2018 Sr.


Juliet Oplas,OSV, College
Librarian writing her evaluation
about the system, but before
that the developers instruct to
Sr. Oplas how the system works,
Sr. Oplas also give her
comments and suggestions.

Beta testing result:


The Divine Word College of Vigan Computing Service Center Ticketing Service
System was user friendly but the design of the developed system needed to be
improved.

Vous aimerez peut-être aussi