LIVEKELAS

WHAT IS LIVEKELAS?
Livekelas is a website online platform that focus in educational purposes. It covers all educational needs.
They are Forum, Online Course, Article, Library, Online Chatting, Academics etc.

The Forum adopted Stackoverflow system where users are able to vote and answer to certain question.
Besides they can discuss directly in that forum with their community. The role of admin and moderators
is to select and control the forum and decide the best answer for some questions. Forum status can be
categorized as Solved, Locked, and Screened. We will talk more about this feature in Forum Section.

Online course in livekelas app is very much the same to Udemy platform. The users can enrol and create
course and earn some money from users’ enrolment. Types of lesson are Video (Youtube, Vimeo,
HTML), PDF, PPT, DOC, XLX, Image, Quiz, and Plain Text. We will talk more about this feature in Online
Course Section.

Article is to publish some useful information to the world with SEO friendly URL. The users can control
the purpose of the articles whether for news or educational article. It is featured with comments and
share system that users can comment and share the article. We will talk more about this feature in
Article Section.

Library in this platform is very unique and powerful. Users can upload multiple books at no time using
Drag and Drop features. They can choose upload servers; Own server, Firebase, or External URL. They
can read books directly in the website using Modern PDF.js reader to read PDF. It also detects the last
page read by users. Users has capability to save their desired books offline for offline reading. Books will
be saved in their storage for future reading without internet connection directly from the website. We
will talk more about this feature in Library Section.

Online Chatting can be used to communicate between users privately. The chatting is real-time.

Academics is the main features of this application. It covers all academic needs in this module. They are
Online lesson with class chatting, Live Stream Class, Attendance, and unique Online Exam. The online
lesson covers all types of lessons with tracking the students’ participations and communication. Live
stream uses ZOOM API so the students can join meeting directly from their website. While attendance is
to control student’s participation in certain occasions. The final module in Academics is Online exam that
uses the client devices as their own server for starting the exam. How is possible? Let’s talk deeper in
Academics Section.

NOTE: Full features will be discussed in the next section.

THE TECHNOLOGY USED and THIRD PARTY
 Codeigniter
 PHP 7 or More
 MYSQL
 Jquery
 OneSignal
 Google Login
 IndexDB
 PDF.js
 Firebase
 Stripe Payment
 Paypal Payment
 Midtrans Payment (Indonesian Payment)
 PWA ready

HOW IT WORKS?
Users has to login to use the full features of this application. There are two login methods; Email login
and Google Login. If you have not registered yet, please register or just click Login via Google to register
automatically.

This application is intended to be public and private at the same time. In public area, the users can view
and post article, forum, library and online course. Article, forum, library and online course can be viewed
by all users and they can participate in that module ex. Asking a questing in forum, posting an article or
just view and comment it out, enrol desired online course, reading or posting a book in library module.

The private area of this application is in academics module. The users by default are students, they can
enrol to desired class by entering passcode given by their teacher. The teachers then confirm the user’s
registration as part of their class. If users want to be a teacher and create a class, they must register as a
teacher and wait for admin confirmation.

In Academics module, there are many features given; online lessons that support many lesson types and
class chatting, digital attendance that can be generated from users’ participations in lessons, streaming
and online exam, online exam that can be downloaded before exam start to get the required data
needed to make users device as its own server and serverless, live streaming using ZOOM API to make
video learning easier to users.

This application is also featured with Online Chatting for users’ interactions. The chatting is real-time
and support emoji.
GUIDELINES and FEATURES
 ONLINE COURSE
This feature is barely like Udemy. Users can enrol and buy their desired courses from others users.
Every user has the capability to submit their course and sale in this platform. The commission
percentage is decided by admin in general setting menu ex. 20% for admin.
The lesson types are varying like video, pdf, doc, xlx, ppt, image, quiz and many more.

Create a course
To create a course, users must sign in. Then go to + (plus) sign in the header menu and click it. A
modal view will popup then choose Course. There, fill the required information and click save as
draft. Your data is saved but it is not yet published. You must add Sections and Lessons. After adding
some of them, click submit. Your course is on monitoring queue to reviewed by admin.

Enrol a course
To enrol a course, users must sign in. Click course menu in the navbar. Choose the available courses,
you can search courses in search input or by using category filter. Look the price of the course the
click enrol, you will be redirected to payment page. Choose your payment; Stripe, Paypal, or
Midtrands. After the payment succeeds, you can play your course whenever you like.

 FORUM
This feature is barely like Stackoverflow. Users can post a question and throw it in forum. Wait for
other users to answer your question. You can vote the answer whether it is useful or not.

Ask a Question
To ask a question in forum, click + (plus) sign button in the header menu. A modal view pop up will
appear. Choose Forum then fill your question there then click submit. You will be notified by email
and push notification if other users answer your question.

Answer a Question
To answer a question, choose a course you are interested in the click that course. You will go to the
detail page of that question. If you like that question you can click like button or vice versa. Read the
question carefully for understanding. Scroll down to see other users answer to vote them or just
comment it out. If you are interested in answering that question, you can put your answer in text
editor and click submit. You can only answer once in 30 minutes in certain question before submit
another answer.

 ARTICLE
This feature is to share an article to the world. You can view articles or post your own articles. It SEO
URL friendly.
 Post an Article
To post an article, click + (plus) sign icon in the header menu. A modal view menu will appear. Click
Article to create your article. Fill the required fields as your needs and interest the click submit. Your
article is pending waiting for admin verify your content.

 LIBRARY
This feature is a digital library module. Users can read directly from this platform their desired
eBooks. The PDF render is very fast and smooth with swipe book capability. The last page opened by
users is tracked automatically. You will know where the last page you read the book.

Upload an eBook
To submit an eBook, click library in the navbar. You will see many books available there. To upload a
book click upload icon next to search input. Drag your files in the Drag and Drop fields and fill your
required fields there.
For admin user, you can upload a book by using external URL or your firebase URL.
Note: eBook must be in PDF format

Read an eBook
To read eBooks, go to Library menu in the navbar and click it. You will be redirected to Library page.
There, you will find many available eBooks uploaded by users or admin. You can search in the search
input to search eBooks you are looking for or just filter them by category. Click the eBook to see the
detail page of that eBooks. There, you will find the detail information of that eBook. There are four
buttons below book cover. Click Reading to read a book if it is your first time reading that book or
Continue if you have already read the book.
If it is your first time reading the book. The book will be loaded offline first before you can read the
book so in the next reading the internet connection is not required anymore. To create your library
collection click add to library. You can find your collection by clicking your profile photo in the
header then click my library. To clear your reading cache, go to account setting->Application Setting
then click remove button.

 ACADEMIC
This feature has several modules. They are Classroom, Question Bank, Online Lesson, Online Exam,
Attendance, and Streaming. Let’s discuss each of them separately.

Classroom
To start the features of academic, users must follow a class or create a class (for teacher). To follow
a class in the classroom tab, click red Follow class button. A modal popup window will appear, enter
the class passcode. If the passcode is valid, a detail class will appear. Fill your name and your
message to your teacher and click submit. Just wait for teacher to confirm your registration. After
your teacher confirm your registration, a notification will be sent by email or push notification
whether you are accepted or not.

You can create a classroom by registering as a teacher in the classroom page and waiting for admin
to confirm your submission. After being approved as teacher, you will have two tabs in classroom
page; Created class and Followed class. Created class is the classroom that you are created, you are
the teacher in that classroom. While Followed class is the classroom you follow, you the student in
that classroom. To create a class, click Green create class button.

Online Lesson
This module enables teachers to upload their lessons online. Lesson types are varied. Teacher can
upload video, pdf, doc, xls, ppt, image and plain text from built in text editor. This lesson is equipped
with Class Chatting between students and teacher. Teacher can determine when the students are
capable in viewing the lesson or track the student’s activity from that lesson. This is very suitable in
this Pandemic era. While creating lesson, you can duplicate that lesson to another classes by toggle
duplicate this lesson and check you desired classes.

Online Exam
This exam module is very powerful and secure with offline capability. Students download the offline
data before starting the exam then they can start the exam without the obligation to connect to the
server. If they are online while starting the exam, the server can communicate with the client just to
get a tiny bit of data, else students just enjoy finishing the exam and submit the result to the server
whenever it needs. This method is very useful to handle many clients when conducting the exam.
What about the security? Don’t worry the data will be saved securely and students can view the
question just after the teacher permit it.

To create the exam, just go to online exam tab in selected class. Then click green button create
Online exam to create an exam. Fill the required fields the click submits. To duplicate the exam
before you click submit in creating the exam, toggle on the duplicate this exam and check classes to
duplicate. There are menus that a little bit confusing in online exam. They are Number of Question
and Question Added. Number of questions is the max question to show in exam, while question
added is the question added to the exam. Number of questions should be equal or less than
question added. For example, you add 100 questions in one exam and you just want to show 20
questions in exam in random. Then every student will get 20 questions with different question id.

Note: Before add questions make sure to add question bank and question group in Question Bank
tab in academic.

Attendance
This module is a digital attendance to track students’ presences. Teacher can generate students by
their participation in lessons, online exam, and class streaming. It overviews the attendance using
beautiful chart and is very comprehensive.

Streaming
This module to stream online lessons using ZOOM API. Students don not need to install ZOOM App
or ZOOM account. They just click join streaming and they will automatically join the streaming. To
create streaming, teacher must open their ZOOM App and copy its meeting ID and passcode. Then
click Add Meeting button to create meeting and fill the required info there. Students cannot join the
meeting until teachers start the meeting in their ZOOM app and confirm them.