infoKiosk User Manual

infoKiosk

BASIC USER's GUIDE

Step by step guide on how to use the System
Team BitCode.Neust Papaya Off-Campus
infoKiosk User Manual
 infoKiosk User Manual

Table of Contents
Chapter 1: Introduction1
infoKiosk Software 1
About this Manual 1
Chapter 2: Standard User's Guide 1
Engaging in the system 1
Viewing the Landing Page 1
Viewing the School Map 2
School Map Interaction 2
Viewing the School Logs3
Viewing the School Grades 4
Cannot Remember your Password? 6
Viewing the About 7
Using the Feedback Form 7
Viewing the View More 8
Chapter 3: Teacher User's Manual 10
Entering the infoKiosk System – Teachers UI (Users Interface) 10
How to Upload Grade? 10
How to Print Records? 10
What is the usage of the My Student tab? 11
What is the usage of the Student Grade tab? 11
What is the usage of the Attendance Log tab? 11
Chapter 4: Security Guard's User's Manual 12
Entering the infoKiosk System – Security Guard UI (Users Interface) 12
Chapter 5: Admin User's Manual 13
Entering the infoKiosk System – Admin UI (Users Interface) 13
How to Log out of Account? 13
Managing Feedback 14
How to View Feedback 14
Managing Student 15
How to Add, Edit, Move and View Student? 15
 infoKiosk User Manual

How to Add New Student via Upload? 16

How to Add, Edit, Move and View Student Class? 17
Managing Teacher 18
How to Add, Edit, Move and View Teachers? 18
How to Add New Teachers via Upload? 20
How to Add, Edit, Move and View Teachers advisory? 21
How to SET Grade Template for Each Teacher? 22
Managing School Year 23
How to Add, Edit, Move and View School Year? 23
Managing Year Level 24
How to Add, Edit, Move and View Year Level? 24
Managing Subjects 25
How to Add, Edit, Move and View Subjects? 25
Managing Class 26
How to Add, Edit, Move and View Class? 26
Managing Visitors 27
How to Add, Edit, Move and View Visitors? 27
Managing Guards 28
How to Add, Edit, Move and View Guards? 28
Managing School Logs 30
How to Print, Sort, Search and View Visitors? 30
Managing Add News 31
How to Add, Edit and Remove/ Delete News. 31
Managing Add Events 32
How to Add, Edit and Remove/ Delete Events. 32
Managing DepEd Leaders 33
How to Add, Remove/ Delete or Edit Role. 33
Managing System Settings 34
How to Add, Remove/ Delete or Edit System Content. 34

How to Change Video Header? 34

How to Change System Slideshow? 34

 infoKiosk User Manual

How to Change School Gallery? 35

How to Change System Logo? 35

How to Change System Title? 35

How to Change Table Title? 35

 CHAPTER 1: INTRODUCTION

infoKiosk Software
infoKiosk is a software that can use to disseminate news and information to the users, has a virtual map of
the schools that serves as a location finder, school login attendance feature with the use of QR-Code
technology, allows the student to view their grades with the use of their individually unique QR-Code;
About this Manual
This User manual acts as a reference for infoKiosk by describing its various concepts and abilities and
leading the user through the basics of the System. It also provides a detailed reference for all the
infoKiosk functionalities and features.

CHAPTER 2: STANDARD USER'S GUIDE

Engaging to the System
Once you tap the kiosk screen, the page will automatically direct to the landing page.
Note: Contents (images, names, etc.) may vary depending on the System.

Viewing the Landing Page

You can see other details on the landing page by swiping the screen/ scrolling down up to the
bottom of the landing page.

In News Section

Click the to display all the available news and announcements and their
details.

1
 infoKiosk User Manual

In-School Event Section

Click the to display the School's Event Calendar

In-School Gallery Section

This is where you can browse pictures/images. Swiping/ scrolling in case there is more
available Image.

Viewing the School Map

Click the button; this will direct you to the School Map feature. School

Map Interaction
 Tapping an icon in the map allows you to view its actual Image along
with its added details.
 Tapping the side buttons will also provide the same result as
tapping the actual icons.

2
 infoKiosk User Manual

Viewing the School Logs

1. Click the button. This will direct you to the school log feature.
doing this will automatically turn On the QR scanner

2. Hold the copy of a registered QR Code and place it in front of the camera. Make sure that it is
visible within the screen of the kiosk.
Note: QR Code that is not registered in the System will not work as intended

Sample QR

3. Successful scanning will result in this.

 The first scan will be classified as IN

3
 infoKiosk User Manual

 The second scan will be classified as OUT

Viewing the School Grades

1. Click the button. This will direct you to the Student Grades feature

2. Hold the copy of a registered QR Code and place it in front of the camera. Make sure that it is
visible within the screen of the kiosk.
Note: QR Code that is not registered in the System will not work as intended

4 Sample QR
Code
 infoKiosk User Manual

3. 1 Click Pin Code tab

2 insert your pin code

3 click the Check button once done.

This will direct to the show grades window.

Note: using the horizontal scroll allows you to see the whole Content

Cannot remember your password?

1 Click Pin Code tab

5
 infoKiosk User Manual

2 Insert your valid Email Address

Note: please make sure that your email will match your given email during enrollment.
3 Click the Send Email button.
Note: your password will be sent directly to your email.

Viewing the About

1. Click the button. This will direct you to the About Page.

 This page shows the Mission, Vision, and Core Values of the School/ Organization.

Using the Feedback Form

6
 infoKiosk User Manual

1
2

4 3

1. Insert the respondent

2. Choose where to who the feedback be
3. Inset your feedback message
4. Click Submit button.
5. Checking the Anonymous check box will allow the respondents to be UNKNOWN.
Note: no one will know who sent the feedback message once the anonymous box
has been checked.

Viewing the View More

1. Click the View More button to drop down two added features.
o DepEd Leaders

7
 infoKiosk User Manual

Click the DepEd Leaders Button to view an Organizational Chart

o View Teachers

Click the View Teachers Button to View Who among the teachers/ faculty are
present at the school vicinity at a particular time.

8
 infoKiosk User Manual

Note: Teachers/ faculty can only monitor once they have used the System to sign in/sign out
using their QR-Code.

CHAPTER 3. TEACHER'S USERS MANUAL

 Entering the infoKiosk System – Teachers UI (Users Interface)
1. On your browser, type in http://localhost/version%201.3/Information%20kiosk
%20System%20Casptone%203/admin/login.php
2. Insert username

3. Insert password
4. Click Log In button

9
 infoKiosk User Manual

(Note: you may ask the administrator for a designated account!)

This will direct you to the Teacher's- Dashboard.
 How to Upload Grade
1. On the sidebar, click the Upload grades.

2. Click the Upload icon

3. Click the "Attach Csv File Here" and locate the file you will upload.

4. After choosing the selected file, click the "OPEN button."

 How to Print Records

1. On the sidebar, click the Print Record.

2. Click the Print icon. This will direct you to the print preview!
3. Click print!
Note: make sure that peripheral for printing are appropriately installed/ connected and works
properly

 What is the usage of the My Student Tab?

This feature allows the Teacher to view his/ her students.

 What is the usage of the Student Grade tab?

This feature allows teachers to view the grades of their students.

 What is the usage of the Attendance Log tab?

This feature allows the teachers to view if their students are present at a
particular time within the school vicinity once they are signed using the system QR
feature.

Students can only use this System using their QR-Code provided by the school
authorities.

10
 infoKiosk User Manual

CHAPTER 4: SECURITY GUARD's USERS MANUAL

 Entering the infoKiosk System – Security Guard UI (Users
Interface)
1. On your browser, type in http://localhost/version%201.3/Information%20kiosk
%20System%20Casptone%203/admin/login.php
2. Insert username

3. Insert password
4. Click Log In button

11
 infoKiosk User Manual

(Note: you may ask the administrator for a designated account!)

This will direct you to the Security Guard's- Dashboard.

 Click this button to print All Visitors Data.

 Click this to search specific data.

How to use DATE FILTER?

1 2

1. Click the button to set the first parameter.

Note: clicking this first button will trigger the second button to show up.
2. Click the button to set the second parameter.
3. After setting both parameters, it will automatically sort the saved data in
this feature.

12
 infoKiosk User Manual

CHAPTER 5: ADMIN's USERS MANUAL

 Entering the infoKiosk System – ADMIN UI (Users Interface)
 On your browser, type in http://localhost/version%201.3/Information%20kiosk
%20System%20Casptone%203/admin/login.php
 Insert username

 Insert password
 Click Log In button
This will direct you to the Admin – DASHBOARD.

How to Log out of Account?

13
 infoKiosk User Manual

o Click the Admin in the Top-right corner of the dashboard.

o Click the Log Out button.

MANAGING FEEDBACK
 How to VIEW FEEDBACK

o Click the arrow down to View

some of the unread feedback
notifications.
o Clicking See All Message to View all messages.
Note: notification count will change depending on available unread
feedbacks.

MANAGING STUDENT
 How to ADD, EDIT, MOVE and VIEW Student?
Click the Students button.

14
 infoKiosk User Manual

Buttons and their Usage

BUTTON USAGE
To print All Student Data.

To move Data.
Note: You have to check the check box designated to each row to
move it.

to view the Data that has been moved

Note: You can Restore the moved data in this feature.

To Add New Student Data.

Note: Fill out all the space provided and click the SAVE button.

To Edit Student Data.

Note: A new form will pop out, edit details if intended, and click the save
button.

To search specific data.

To download a CSV file.

Note: CSV files can be open using
Microsoft Excel. This is where you
fill out data to upload student data
in bulk.

To view QR-Code.

to download the QR-Code

To print the QR-code.

Note: please make sure that the
peripheral(printer) is installed and working
correctly to do this feature.

15
 infoKiosk User Manual

 How to ADD New Student via UPLOAD?

Click the Students List Button.

 Click this button to Upload students using CSV files.

o Click the "Attach Csv File Here" and locate the file you will upload.
o After choosing the selected file, click the "OPEN button."

Note. This process can only be done by using the CSV file provided by the System. see managing
student 1.0

 Click this button to Save Student using the CSV method.

Note: You have to check the check box designated to each row to save it.

 How to ADD, EDIT, MOVE, and VIEW Student Class?

Click the Students Class Button.

16
 infoKiosk User Manual

Note: The Admin can assign a class for each student.

Buttons and their Usage

BUTTON USAGE
To print All Student Class Data.

To move Data.
Note: You have to check the check box designated to each row to
move it.

to View the Data that has been moved

Note: You can Restore the moved data in this feature.

To Add New Student Class Data.

Note: Fill out all the space provided and click the SAVE button.

To Edit Student Class Data.

Note: A new form will pop out, edit details if intended, and click the save
button.

To search specific data.

MANAGING TEACHERS
 How to ADD, EDIT, MOVE and VIEW Teachers?
Click the Teachers List Button.

17
 infoKiosk User Manual

Buttons and their Usage

BUTTON USAGE
To print All Teachers' Data.

18
 infoKiosk User Manual

To move Data.
Note: You have to check the check box designated to each row to
move it.

to View the Data that has been moved

Note: You can Restore the moved data in this feature.

To Add New Teachers Data.

Note: Fill out all the space provided and click the SAVE button.

To Edit Teacher's Data.

Note: A new form will pop out, edit details if intended, and click the save
button.

To search specific data.

To download a CSV file.

Note: CSV files can be open
using Microsoft Excel. This is
where you fill out data to
upload Student data in bulk.

To view QR-Code.

to download the QR-Code

To print the QR-code.

Note: please make sure that the
peripheral(printer) is installed and
working correctly to do this feature.

 How to ADD New Teachers via UPLOAD?

Click the Teachers List Button.

19
 infoKiosk User Manual

 Click this button to Upload Teachers Data using the CSV file.
o Click the "Attach Csv File Here" and locate the file you will upload.
o After choosing the selected file, click the "OPEN button."

Note. This process can only be done by using the CSV file provided by the System. see managing
teachers 1.0

 Click this button to Save Teacher using the CSV method.

Note: You have to check the check box designated to each row to save it.

 How to ADD, EDIT, MOVE, and VIEW Teachers Advisory?

Click the Teachers Advisory Button.

Note: this is where the Admin can assign Advisory for each Teacher.

Buttons and their Usage

20
 infoKiosk User Manual

BUTTON USAGE
To print All Teachers Advisory Data.

To move Data.
Note: You have to check the check box designated to each row to
move it.

to View the Data that has been moved

Note: You can Restore the moved data in this feature.

To Add New Teachers Advisory Data.

Note: Fill out all the space provided and click the SAVE button.

To Edit Teachers Advisory Data.

Note: A new form will pop out, edit details if intended, and click the save
button.

To search specific data.

 How to SET Grade Template for Each Teacher?

Click the Template Csv File Button.

21
 infoKiosk User Manual

Buttons and their Usage

BUTTON USAGE
To select School Year.

To select Subject.

To select School Teacher.

To select Class.

To download the generated Template for

Student's Grades.
(Note: grade template will be for a whole-class
format)

Note: The selection process is sequential. You can only download the Grade template after it is
shown in the space provided below.

MANAGING SCHOOL YEAR

 How to ADD, EDIT, MOVE, and VIEW School Year?
Click the School Year Button.

22
 infoKiosk User Manual

Buttons and their Usage

BUTTON USAGE
To print All Year Input.

To move Data.
Note: You have to check the check box designated to each
row to move it.

to View the Data that has been moved

Note: You can Restore the moved data in this feature.

to Add New Year Data

Note: Fill out all the space provided and click the SAVE button.

To Edit Year Data.

Note: A new form will pop out, edit details if intended, and click the
save button.

To search specific data.

MANAGING YEAR LEVEL

 How to ADD, EDIT, MOVE and VIEW Year Level?
Click the Year Level Button.

23
 infoKiosk User Manual

Buttons and their Usage

BUTTON USAGE
To print All Year Level Inputs.

To move Data.
Note: You have to check the check box designated to each
row to move it.

to View the Data that has been moved

Note: You can Restore the moved data in this feature.

to Add New Year Level Data

Note: Fill out all the space provided and click the SAVE button.

To Edit year-level inputs.

Note: A new form will pop out, edit details if intended, and click the
save button.

To search specific data.

MANAGING SUBJECTS
 How to ADD, EDIT, MOVE and VIEW SUBJECTS?
Click the Subjects Button.

24
 infoKiosk User Manual

Buttons and their Usage

BUTTON USAGE
To print All Subjects Inputs.

To move Data.
Note: You have to check the check box designated to each
row to move it.

to View the Data that has been moved

Note: You can Restore the moved data in this feature.

to Add New Subject Data

Note: Fill out all the space provided and click the SAVE button.

To Edit Class Subjects.

Note: A new form will pop out, edit details if intended, and click the
save button.

To search specific data.

MANAGING CLASS
 How to ADD, EDIT, MOVE, and VIEW CLASS?
Click the Class Button.

25
 infoKiosk User Manual

Buttons and their Usage

BUTTON USAGE
To print All Class Inputs.

To move Data.
Note: You have to check the check box designated to each
row to move it.

To View the Data that has been moved.

Note: You can Restore the moved data in this feature.

To View the Data that has been moved.

Note: Fill out all the space provided and click the SAVE button.

To Edit Class inputs.

Note: A new form will pop out, edit details if intended, and click the
save button.

To search specific data.

MANAGING VISITORS
 How to ADD, EDIT, MOVE and VIEW VISITORS?
Click the Visitors Button.

26
 infoKiosk User Manual

Buttons and their Usage

BUTTON USAGE
To print All Visitors' Data.

To move Data.
Note: You have to check the check box designated to each row to
move it.

to View the Data that has been moved

Note: You can Restore the moved data in this feature.

To Add New Visitors Data.

Note: Fill out all the space provided and click the SAVE button.

To Edit Visitors Data.

Note: A new form will pop out, edit details if intended, and click the save
button.

To search specific data.

To view QR-Code.

to download the QR-Code

To print the QR-code.

Note: please make sure that the
peripheral(printer) is installed and
working correctly to do this feature.

MANAGING GUARDS
 How to ADD, EDIT, MOVE, and VIEW Guards?
Click the Guards Button

27
 infoKiosk User Manual

Buttons and their Usage

BUTTON USAGE
To print All Visitors Data.

To move Data.
Note: You have to check the check box designated to each row to
move it.

to View the Data that has been moved

Note: You can Restore the moved data in this feature.

To Add New Visitors Data.

Note: Fill out all the space provided and click the SAVE button.

To Edit Visitors Data.

Note: A new form will pop out, edit details if intended, and click the save
button.

To search specific data.

To view QR-Code.

to download the QR-Code

To print the QR-code.

Note: please make sure that the
peripheral(printer) is installed and
working correctly to do this feature.

28
 infoKiosk User Manual

MANAGING SCHOOL LOGS

 How to PRINT, SORT, SEARCH and VIEW VISITORS?
Click the School Logs Button

 Click this button to print All Visitors Data.

 Click this to search specific data.

How to use DATE FILTER?

1 2

4. Click the button to set the first parameter.

Note: clicking this first button will trigger the second button to show up.
5. Click the button to set the second parameter.
6. After setting both parameters, it will automatically sort the saved data in
this feature.

29
 infoKiosk User Manual

MANAGING ADD NEWS

 How to ADD, REMOVE/ DELETE or EDIT NEWS
Click the Add News Button

Buttons and their Usage

BUTTON USAGE
to Add News Data

To Remove/ Delete News.

Note: You have to check the check box designated to each row to
move it.

To Edit News Data.

30
 infoKiosk User Manual

MANAGING Add Events

 How to ADD, EDIT, and REMOVE/ DELETE EVENTS.

1. Click a specific date on the Calendar to include an event on that specific date.
Note: You can hold and drag through as
many dates needed for that event for
multiple date selection.

2. Fill in the Text box for the details of

the event.

31
 infoKiosk User Manual

3. Set significance of the Event.

4. Click the save button
5. To delete an event, click the Event and navigate the form. There is a delete check box at
the bottom left. Check it and click the update button.
1
1
2

MANAGING DepEd Leaders

 How to ADD, REMOVE/ DELETE or EDIT ROLE.
Click the DepEd Leaders Button

 Clicking the Object allows you to Add, Replace, Delete and

Edit a specific role.

DepEd Leaders

32
 infoKiosk User Manual

MANAGING System Settings

 How to ADD, REMOVE/ DELETE or EDIT SYSTEM CONTENTS.
Click the System Settings Button

How to change Video Header?

o Click this navigation button to Add/ change the Video Heading.

1. Click this button to Upload a New Video.
2. Click the "Attach Video File Here" and locate the file you will upload.

Note: The System can only support upload up to 70mb of video file size.

3. After choosing the selected file, click the "OPEN button."

How to Change System Slideshow

o Click this navigation button to Add, Edit, and Delete contents in
the System Slideshow.

BUTTON USAGE
To Add Content

To Remove/ Delete Content.

Note: You have to check the check box designated to each row
to move it.

33
 infoKiosk User Manual

To Edit Content

How to Change School Gallery

o Click this navigation button to Add, Edit, and Delete Images in the School
Gallery.

BUTTON USAGE
To Add Image

To Remove/ Delete Image

Note: You have to check the check box designated to each row
to move it.

To Edit Image

How to Change System Logo?

o Click this navigation button to Change the Logo in the System Logo.

1. Click the Logo

2. Choose a file/ logo
3. Click the "OPEN button" to change
4. Click to save changes.

How to Change System Title?

o Click this navigation button to

1. Click the text box.
2. Type in the desired Text
3. Click to save changes.

How to change Table Title?

o Click this navigation button to Change Text in the Tables Titles.

1. Click the text box.
2. Type in the desired Text
3. Click to save changes.

34