The document describes a proposed E-Classroom App System for Saint Columban College. The system would allow for remote and interactive learning through features like real-time monitoring, multi-platform screen sharing, and interactive scoreboards. It is intended to facilitate social distancing while allowing students and teachers to work efficiently and in a holistic study environment. Diagrams show how the student and teacher apps would function and allow activities like attendance tracking, presentations, quizzes and more. The system aims to help the school integrate more technology into the classroom to enhance the learning experience.

1. SAINT COLUMBAN
COLLEGE
E-CLASS ROOM APP
SYSTEM
BHRNT JOSHUA A. ABILES
BSCS-III

2. ABSTACT
• In common local classrooms, the means of teaching students
uses chalkboards and teaching materials but the modern world
gives us many options to teach especially in in this pandemic.
For examples we have Smart TV’s and Smartphones that we
can access to have multiple information provided by the
internet, but we don’t use its potential. This system will provide
students and teachers efficient ways to work and holistic study
environment in classroom. It features Real-Time Monitoring
System, Multiplatform Screen Share and Interactive scoreboard
for Group Activities and Quiz. It helps students to interact even
when the room implements social distancing.

3. ABSTACT
• This makes a reliable system for the institution due to its
efficient function and wireless technology. The Covid-19
outbreak makes us realize that no matter where the learning
process takes place, schools should be ready to make the most
of it. Investing in technology such as the ERP system for school
is very crucial. However we

4. FIGURE A.1
CLASS ROOM A
CLASS ROOM A
ROUTER
ROOM
OCCUPANCY
MANAGEMENT
SYSTEM
SERVER
NETWOR
K
HUB
STUDENTS
SMARTPHON
E
X 30
In Figure A, it shows how the systems works in a simple diagram. It shows how we can connect the device
in LAN Configuration only.
CLASS ROOM
CLASS ROOM B
ROUTER
STUDENTS
SMARTPHON
E
X 30

5. Figure a.2
Up to
Channel 1
192.168.1.11
192.168.1.30
PC 1-1 ROUTER
Up to
Channel 1
192.168.1.31
192.168.1.40
PC 1-2 ROUTER
In this figure, it shows the authentication of ip addresses to insure all devices have unique IP
address and to avoid network error. We can expand this system by giving other rooms Routers to
be connected to the system. This diagram is only for the LAN Configuration only.

6. Create Account
At Admin
Go to Class
And Connect to
Classroom Router
Log in and Check
Attendance
Figure b. Students App Diagram
Check Attendance
Multiscreen
Log Out
• In Figure B. it shows the flowchart of the
Classroom App System.

7. Figure C. Students Interface
w
EDP Number
PASSWORD
SCC
Classroom App
LOG IN
Assuming that you are Connected
already to the WIFI router, now we
can Log-in using EDP # and
PASSWORD
. Assuming that we enter our data in
the box now click the log in button.
SSID: PC 2-4

8. Figure C. Students Interface
Welcome
bhrnt Joshua
This are your subjects
As you can see, this is the current
subjects that are enrolled to the
student. This features monitors the
current enrolled subjects. Click on
the first subject.
SSID: PC 2-4
CLASS
CODE
SCHEDULE STATUS
SC-
ITE102A
MWF-8:00-
12:00PM ON-GOING
SC-
ITE125B
TF-1:00-3:00PM
CLASS
UNAVAILABLE
This shows the availability of the class. In this box we can see that the class is on
going.
In this box, the subject is unavailable because the date is not yet occurred.

9. Figure C. Students Interface
Welcome
bhrnt joshua
Check attendance
Lobby
PC 2-4 CLASS – Math in Modern World
Create SS Session
Here we can see the main interface of the app. There
your name is displayed as well as your room number
and your subject you are in. now click the check
attendance button to check attendance
log
out

10. Figure C. Students Interface
Welcome
bhrnt joshua
Attendance Checked
Lobby
PC 2-4 CLASS – Math in Modern World
Create SS Session
Here we can see the attendance is checked and
registered to the database. Now there are two buttons
we are going to choose from the “Lobby” and the
“create SS session”
log
out

11. Figure C. Students Interface
Welcome
bhrnt joshua
PC 2-4 CLASS – Math in Modern World
Here we can see the “Lobby” Interface, here we can
see the on going quizzes and students presentation
report. please click on the student A report button.
log
out
Lobby
Student A Report
Quiz 1
Back

12. Geometry 101
By Student A
We can assume that this is the phones screen on landscape, there we can see
Student A presentation. This feature TeamViewer Technology that caters both
windows, android and IOS. Now if you want to exit click on the exit button in the
right corner of your screen.

13. Figure C. Students Interface
Welcome
bhrnt joshua
PC 2-4 CLASS – Math in Modern World
Now, Click on the quiz button
log
out
Lobby
Student A Report
Quiz 1

14. Figure C. Students Interface
This quiz
Redirects to a link
prepared by the
teacher in Google
classroom. Now
when the student
is done it, it will
automatically
redirects to the
app.

15. Figure C. Students Interface
Welcome
bhrnt joshua
PC 2-4 CLASS – Math in Modern World
Now we are done with the Multidevice Screen Share
now lets go back to the main interface/menu.
log
out
Lobby
Student A Report
Quiz 1
Back

16. Figure C. Students Interface
Welcome
bhrnt joshua
Attendance Checked
Lobby
PC 2-4 CLASS – Math in Modern World
Create SS Session
Now we will create a SS Session (Screen Share), now
click on the Create SS Session Button.
log
out

17. Figure C. Students Interface
Creating a screen share
session
Here we are in the Creating SS Session interface were
we can select documents and videos for presentation.
Now this limits only for PPTX,Mp3, Mp4 and Word
Document. Assuming that we select
“AbilesPresentation.pptx”, Now click start session
log
out
Select Document
Start Session
Back

18. Geometry 101
By Student A
We can assume that this is the phones screen on landscape, there we can see
Student A presentation. This feature TeamViewer Technology that caters windows,
android and IOS. Now if you want to exit click on the exit button in the right corner
of your screen.

19. Figure d. TEACHERS interface
ADMIN USERNAME
ADMIN PASSWORD
SCC Classroom App
LOG IN
Here we are in the Log In Administrator Interface. Now assuming that you entered the username and
password, click on the Log-In button.

20. Figure d. TEACHERS interface
Here we are in the main Administrator Interface. Now assuming that you selected the subject code given by
your administrator and class schedule. Click on the Enter Class Button
ITE102 MWF- 8:00-12:00 SC-ITE102A
Subject Code Class Schedule Class Code
ANNOUNCEMENTS
This portion of the system outputs the
given announcement and
updates by the administrator .
ENTER CLASS
TECHNICAL SUPPORT(FUTURE FUNCTION)
LOG-OUT
This is the Class
Schedule that is coded
by the administrator. This
can be selected if there
is multiple schedules in
one subject
This is the subject code that is
coded by the administrator and
given only to specific teachers.
This can be selected if there is
multiple subject loads given to the
teacher
This is the Class Code,
this is program and be
given automatic by the
system to insure to the
authenticity of the code.

21. Figure d. TEACHERS interface
Here we are in the main Administrator Interface. Now assuming that you selected the subject code given by
your administrator and class schedule. Click on the Enter Class Button
Welcome to
Mathematics in the Modern World
MWF-8:00AM-12:00PM
MAKE A QUIZ
BACK
SHARE SCREEN
ATTENDANCE STUDENTS NAME YEAR & COURSE
PRESENT JUANA ALBARICO BSIT-I
PENDING KONDARDO MAIPOLO BSIT-I
ABSENT JOSHUA ABILES BSIT-III
This will redirect to the Google Class
Quiz for the specific Subject
automatically.
This student is marked
absent because he did
not log in and checked
attendance on the given
time
In this scene the System
is waiting for the student
to arrive at the classroom
on given time
In this scene, the student
is now checked
attendance.
now you can edit the
attendance if there is an
error or intervention
EDIT
THIS WILL ALLOW YOU TO
SHARE YOUR SCREEN
USING TEAM VIEWER
REMOTE.

22. advantages
• This system will help the students and teachers to interact in a holistic way but at the same time
applying the social distancing.
• We can expand this system later in cloud base to reach students whom far from the school
premises.
• Students can focus to the lesson given that there will be limited distraction.
• The teacher can monitor the students Attendance online.
• The students will be aware of there schedules.
• this system will be added as a function to the current System of the MIS. All Data base of the
Current System of SCC will be applied to the new E-CLASSROOM APP System.

23. LIMITATIONS
• this system we can only connect to LAN Party Configuration.
• The routers of each classroom can only cater 30 individuals including teachers and students. if
there’s evaluation, the evaluator must be included in the 30 if asked.
• This can be only be applied to SCC premises only.
• This System needs a Reliable Source of internet connection provided by the institution.(which we
have currently.)

24. RELATED LITERATURES
E-learning is not just a change of technology. It is part of a redefinition of how we as a species
transmit knowledge, skills, and values to younger generations of workers and students. This book
makes a few predictions of how e-learning and the functions it serves will continue to develop.
Learners will have access to millions or billions of knowledge modules. Some will be Web pages with
simple text and graphics. Others may include multimedia simulations. In many fields, e-learning has
become the default way to conduct training or to provide education. There are four secrets of e-
learning. The first secret is to teach what learners need to learn in the way they most naturally learn.
The second secret is to define clear learning objectives. The third secret builds on the first two. It is to
focus on the right objectives. The final secret is in the power of testing. e-Learning
William Horton

25. RELATED LITERATURES
This report is the third study of faculty and information technology to be conducted by ECAR. While
many of the tools and technologies used by faculty have changed, many have remained consistent,
and even the ways in which faculty are using these tools and technologies have remained remarkably
consistent. What’s more, faculty attitudes about these tools and technologies have remained
consistent. While perhaps unsurprising, this becomes a problem when juxtaposed with the finding
from the student study that students want their instructors to use more technology. This desire by
students for more technology in their courses is in line with the evidence that blended instruction has
stronger learning outcomes than either fully online or fully face-to-face instruction. Perhaps the most
important finding to come out of this year’s faculty study is that faculty remain either unaware of or
unconvinced by these research findings. This puts the burden on institutions that offer online courses
or programs—or that desire to increase their online offerings—to present this evidence to faculty in an
effort to try to convince them to engage in more effective teaching practices. Campus IT organizations,
centers for teaching and learning, and other campus units that support the faculty in a variety of ways
have the infrastructure and resources to help in these efforts. Where faculty require more and better
training and professional development opportunities, IT units in particular can provide programs,
workshops, and information sessions. This report serves as an important first step toward bridging that
gap by providing IT organizations with information about faculty experiences with technology in higher
education.
https://www.educause.edu/ecar/research-publications/ecar-study-of-faculty-and-information-
technology/2017/conclusion-and-recommendations

26. CONCLUSION
Through an integrative review, relying on both a literature review
and an empirical study, this System will help the school to
integrate more Technology to the classroom. More and more
universities apply this system and have better results in the
student’s study. This helps the institute to innovate the current
technology to its potential to enhance the holistic study efficiency
of the study environment. I the researcher have this vision that
this will become the new norm of the New Generations to come.
The more the internet will become ubiquitous, the more the
programmers will integrate the technology such as internet to be
usable and accessible to the students