E- Visualizer For Kids

Pranoti Deshmukh
Aneri Adani Dhruv Sewani Dept. of EXTC Engineering
Dept. of EXTC Engineering Dept. of EXTC Engineering
Thadomal Shahani Engineering College
Thadomal Shahani Engineering College Thadomal Shahani Engineering College
Mumbai, India
Mumbai, India Mumbai, India
pranotiddeshmukh24@gmail.com
aneriadani@gmail.com dhruvsewani@gmail.com

Prof. Anuradha Rao

Dept. of EXTC Engineering
Thadomal Shahani Engineering College
Mumbai, India
karaop@yahoo.com

Abstract—Online learning has increasingly become a necessity
in today's times, but the biggest problem with it is the fact that
it is not as engaging as being in an actual classroom, causing
students to become uninterested very easily. This is a problem
that demands urgent attention as children, especially the ones
below the age of 6, who require constant engagement in order
to learn and develop their cognitive ability. To try and achieve
this many parents end up buying expensive memberships and
subscriptions, which most parents cannot afford, especially
during a time when everyone's income was affected greatly.
Since the transition to online education was sudden, most
teachers lacked the required training to effectively teach their
students and found it even more difficult to form a bond with
them. The effectiveness of online learning largely depends upon
how the content is presented and how much freedom the user is
allowed to have. Most websites still rely on 2D objects and
imagery and lack interactive options for their users, making
the experience cumbersome and boring.
The idea behind our project is to solve all these problems and
provide a smooth, interactive learning experience for children.
Keywords— Pandemic, Virtual Reality, Framework, 3-
Dimensional, Visualizing.
I. INTRODUCTION
Covid-19 pandemic has changed the paradigms of
educational practices. Schools have been closed ever since
the government declared a lockdown from March 24,
2020.It is now more than 20 months since online teaching
has become a new normal. Many platforms like Zoom,
Google meet, gotomeet app, etc are being used to provide
online teaching. Though these platforms offer many features
like white board, screen presentation, etc, they fail to
provide an alternative to the real time classroom teaching.
 The problems of students vary depending upon the
location and the type of school viz: Govt/private, etc.
Take the case of Sainik schools which were
established with an aim to bring public school
education within the reach of common man.
Obviously, many of the students are from rural
backgrounds where network connectivity is very
poor. Even attending 4 periods a day consumes
considerable data which cannot be afforded by many
students.
 There are many problems faced by teachers as
well. Even well-off schools have reduced the salaries
of teachers as their income has gone down. Some
teachers who are above 45 years of age are facing
difficulties in handling smartphones. They are unable
to rectify any technical glitches which may occur
during the class. Teachers were unable to make
satisfactory demonstrations wherever required.
 The audio breaks are great impediments and it takes
extra effort to repeat the content every time. It is
necessary for the teachers to keep the mic of students
always ON so that students can ask doubts instantly
and make the classroom interactive. But there are
disadvantages too, microphones catch all other
surrounding sounds which are interruptions in a
classroom.
 Though screen presentation is a helpful feature, one
cannot use a pen simultaneously. It is becoming
increasingly difficult for teachers to cope up with the
additional burden of making videos along with their
routine chores..
 For a lively interactive classroom, it is imperative for
a teacher to make eye contact with students which is
not possible while teaching online. In case, if you are
using a white or green board to get a good resolution
the camera is to be placed close, but in such cases, the
full board cannot be used and every time it requires to
be cleaned repeatedly.
Even most online learning websites and applications
find it rather cumbersome to make the learning
interactive enough for students and hence the
engagement from the students' side tends to decrease
over time.
Online learning has increasingly become a necessity in
today's times, but the biggest problem with it is the fact
that it is not as engaging as being in an actual classroom,
causing students to become uninterested very easily. This
is a problem that demands urgent attention as children,
especially the ones below the age of 6, who require
constant engagement in order to learn and develop their
cognitive ability. To try and achieve this many parents
end up buying expensive memberships and subscriptions,
which most parents cannot afford, especially during a
time when everyone's income was affected greatly.
Since the transition to online education was sudden,
most teachers lacked the required training to effectively
teach their students and found it even more difficult to
form a bond with them. The effectiveness of online
learning largely depends upon how the content is
presented and how much freedom the user is allowed to
have. Most websites still rely on 2D objects and imagery
and lack interactive options for their users, making the
experience cumbersome and boring.

31
 The idea behind our project is to solve all these problems virtual learning environment, they can present PowerPoints,
and provide a smooth, interactive learning experience for raise questions and debate tools using applications.
children.
II. LITERATURE REVIEW III. PROPOSED SYSTEM

Reference [1] proposes Multimedia learning as the The proposed application will be a website which is an
name suggests it’s the learning offered with the combination online learning platform. The application design is created
of two or more media such as audio, video, images and by different software; its 3-D models are designed and
music etc... So, the traditional education materials are animated using A-frame and the user interface is built using
translated into interactive electronic forms due to HTML, CSS, JavaScript and the database used is
multimedia technology and authorised tools. It helps the MongoDB.
teacher, student and whole education system to revamp their
educational design process curriculum into interactive and Github repositry link: https://github.com/aneriadani762/E-
rich media learning. Due to multimedia technology, the Visualizer
retention rate of the learners is about 75% which is greater
than 40% rate from the see and hear method and 20% from 1) Home Page
the see only method. The homepage is divided into 3 sections as follows:
a) Firstly, is the header,
Reference [2] proposes the learning enriched with b) Second is the main content and
technology enhancement i.e., learning process aided with or c) Third contains the footer section.
delivered in any form of technology like internet, Clicking on the logo would land you to the homepage.
computers, video conferencing, etc. the technology
enhanced learning benefits both the provider and the learner.
From a provider perspective it is efficient cost saving to
performance and other strategic benefits. For learners it
includes instant and personalised feedback, Reusable
learning material and a lively environment. Technology -
Enhanced Learning surpasses time, location and
circumstances. It offers the student the option of time, place
and different learning styles. It’s a broad spectrum; at one
point of time, it includes a course with simple electronic
syllabus, while the opposite end is with a vigorous, Fig. 1. Homepage with the Header section
multimedia rich, interactive, collaborative online course.
The integration of technology and the type and amount of
technology is based on the objectives and the content of the 2) Learn
course and the teaching methodology. In this section, there will be subsections such as animals,
shapes, numbers, alphabets, family tree, flowers, etc. In each
Reference [3] proposes the use of technology with the subsection, there will be informative articles. For example,
help of computers to faculties and guide them the key in the animal subsection, there will be information written
features of computer-managed instruction used are testing, about animals and for better understanding on the topic
analysis and record keeping. It also instructs and judges the there will be 3-D models which can be rotated around in 360
performance of each student at regular intervals of time. The degrees.
computer managed instruction includes simulation, problem
solving program, etc. the system is effective only if the tutor
is proficient with the utilisation of the computer.

Reference [4] proposes Virtual Learning Environment is

a web-based learning but it gives the classroom atmosphere
virtually i.e., it provides virtual access to class, exam and
assessment etc… It is a component of the current distance
learning system. But it can be integrated in physical learning
and provide blended learning. Virtual learning is of two
ways synchronous and asynchronous. Synchronous is a
Fig 2. Learn Section with various subjects
group of students gathered in a physical place and a teacher
conducts class in a virtual environment but they can
communicate with each other. Asynchronous learning is There are various tabs in the Learn section for you to
independent learning but students are expected to complete learn from, such as, Science, Maths, Social studies, Health,
Art and Tech.
the learning process, assignment etc… within the deadline.
After clicking on the Science section in the Learn tab,
The students and teachers from different places can
you will be directed to the various topics in science. Further
communicate and collaborate virtually with the help of a
in it, upon clicking on one of the topics, say, solar system

32
you will be directed to its page containing interactive
animated video with Easy and Hard quiz, Games, Belly up,
Activity, Pop A Joke with sound effects to make it more
interactive.
4) Contact Us
This section basically will provide you with the
information on how to get in touch with us. Also, if the user
has any queries, then they can reach out to us with the help
of the form at the end of the contact us page.

Fig 6. Contact Us Page

5) Login
A login page is a web page or an entry page to a website
that requires user identification and authentication, regularly
performed by entering a username and password
combination. Logins may provide access to an entire site or
part of a website.
Fig 3. Video Player with toggles

3) 3-D Models
Using the A-frame library, various 3-D models are
created for much better understanding and interesting and
interactive learning.

Fig 7. User Login Page

6) Register/ Signup
It simply means to create a new account – be it a portal,
application, or newsletter. When you wish to access some
portal or application for the very first time, you need to sign
Fig 4. 3-D Model of Solar System up. If you are not a registered user already, you are always
required to register.
4) Quiz
Education usually wants to test a specific area of
knowledge rather than general knowledge. In this way,
quizzes are an engaging method for schools to measure
growth in knowledge, abilities, and/or skills. With the help
of a quiz, students can find the subjects they need to focus
on. There are different kinds of questions that can be used
for quizzes like fill-in-the blank, multiple choice, etc

Fig 8. User Registration Page

Fig 5. Quiz Section

33
 IV. BLOCK DIAGRAM delivering the course by analysing the learner's perception
and the psychological perspective, the course will be getting
more effective in the psychological perspective of the
learner and it will create an effective learning and teaching
process.
We believe that the implementation of technologies like
Virtual Reality will truly revolutionise the way education
will impact young minds and will help them visualise and
understand better.

VI. REFERENCES

[1] Andrew Ettinger Viki Holton Eddie Blass, (2006),"E-learner

Fig 8. Block Diagram for Website
A Web application is a complex piece of software. It
consists of many components like the user interface, a login-
screen, an in-app store, the database, etc. To manage these
components, software engineers devised web application
architecture to logically define the relationships and manner
of interactions between all of these components for a Web
app. Every Web application consists of both a front-end and
a back-end.
When you visit a website by clicking a URL, a request is
sent to the server. After the request is processed, the browser
receives the files (HTML, CSS, and JavaScript) and the
content of the page and then renders it. If the user decides to
go to another page on the website, another request will be
made.
The main difference between Server-Side Rendering and
Client-Side rendering is that once you visit a website that
uses CSR, only a single request will be made to the server to
load the main skeleton of the app. Content is then
dynamically generated using JavaScript.
V. CONCLUSION
Online E-Learning is vice versa for traditional learning
(Face to Face). Many institutions and organisations
implement the e-learning process to train and develop the
students and full-time employees to improve their skills and
productivity.
The E-learning environment is getting more completed
due to various courses offered through the internet. Initially,
the learners were satisfied with the e-learning process, but
when it is implemented as a practical section the dropout
ratio has been increased among the learners. The major
problem is the online courses which do not concentrate on
psychological factors of learners like Cognitive,
Behavioural, Social, Developmental and Constructivist. The
courses are studied by Different age groups, cultures,
designated people and the expectation from the course is
highly varied from one another. So, while creating and
experiences: what is the future for e-learning?", Industrial and
Commercial Training, Vol. 38 Iss 4 pp. 208 – 212
[2] Bernard Scott Chunyu Cong, (2010),"Evaluating course design
principles for multimedia learning materials", Campus-Wide
Information Systems, Vol. 27 Iss 5 pp. 280 – 292
[3] Carol Rainsford Eamonn Murphy, (2005),"Technology-
enhanced learning", Journal of European Industrial Training,
Vol. 29 Iss 6 pp. 457– 471
[4] Dennis James,(1987),"Computer Based Training", Education
+Training, Vol. 29 Iss 2 pp.11 – 12
[5] Jacqueline S. VIERLING, M. SHIVARAM,(Fall Joint
Computer Conference, 1970,) Quality Educational
Development, Inc., Washington, D.C. in conjunction with the
New York Institute of Technology and the United States Naval
Academy under the United States Office of Education Contract
No. 8-0446.
[6] J.B. Arbaugh (2009)” Research in online and blended learning
in the business disciplines: Key findings and possible future
directions” Internet and Higher Education 12 (2009) 71–87
[7] Kate Fry, (2001),"E-learning markets and providers: some
issues and prospects", Education + Training, Vol. 43 Iss 4/5 pp.
233 – 239.
[8] L. Barnard - (2009) “Measuring self-regulation in online and
blended learning environments” Internet and Higher Education
12 (2009) 1–6 2008.
[9] Nicholas Joint, (2005),"Strategic approaches to digital libraries
and virtual learning environments (VLEs)", Library Review,
Vol. 54 Iss 1pp. 5 – 9
[10] Pei-Chen Sun, et al; (2006)”What drives a successful e-
Learning? An empirical investigation of the critical factors
influencing learner satisfaction” Computers & Education 50
(2008) 1183–1202
[11] Roger Miles, (1977),"Computer assisted learning", Industrial
and Commercial Training, Vol. 9 Issue 12 pp. 513 – 518.
[12] Sang Joon Lee, et al;(2011)” Examining the relationship among
student perception of support, course satisfaction, and learning
outcomes in online learning” Internet and Higher Education 14
(2011) 158–163
[13] Tim Kilby, (2001),"The direction of Web-based training: a
practitioner’s view", The Learning Organisation, Vol. 8 Iss 5
pp.194 - 199
[14] Tse-Kian Neo (Ken) Mai Neo, (2004),"Classroom innovation:
engaging students in interactive multimedia learning", Campus-
Wide Information Systems, Vol. 21 Iss 3 pp. 118 – 124

34