International Journal of Computer Applications (0975 – 8887)

Volume *– No.*, ___________ 2020

Code School
Arduino Learning Platform for School Students

Thameesha Dilshan Ediriweera

Jayasooriya Vibhavi Artigala
Departement of Computer Science and Departement of Computer Science and

Technology The University of Technology The University of

Bedfordshire Bedfordshire

component for the single Arduino project

I. Abstract
with this system student can share the
hardware item and build their project as a
Code School is a platform designed for the
group and test the code by uploading to the
school students who willing to learn and
device, one by one all the group members
try Arduino based projects. The system is
can use the single device. with the
developed with the latest technologies.
graphical
Android application provides the user-
view of the code student can easily
friendly interface to the user also web
understand the Arduino code compare with
service is developed using the ASP.NET
the code view. Teachers can give
Core framework it handles the internal
homework to the student remotely and
process of the system by reducing the load
view.
of the android application and NodeMCU
is used as the test device for this system.
The system provides an editable graphical
view of the Arduino code as blocks also it
shows the Arduino code which was
designed from a graphical view. The
system provides the functionality to install
Arduino code remotely to the Arduino
devices. In Sri Lanka, school student's
biggest problem is finding and buying all
the devices or

1|Page
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

II. Acknowledgment make this report complete. I would like to

express a huge thank you to her for being
The project has become a reality with the ready to support me.
kind help and support of many individuals.
I would like to present thank from my To all my friends in university who helped
heart, everyone who, helps me from the me through the tough times, Thanks for
back to the success of this project. helping me complete this project. And
thank you to everyone else I may not have
I would like to express my gratitude mentioned.
towards my family. for the encouragement
which helped me to completion of this
paper. My lovely Father and Mother
support me by making sure that I was not
disturbed during my studies. and also my
little Sister supported me by making short-
eats to eat during the study time. I would
like to thank you all very much for
supporting me.

My project supervisor, Mr.Vibhavi

Artigala sir, ever-patient with my slow
progress made sure that I was complete my
work on time. The ideas for improvement
of the system which I was building were
always welcome and helped me in
presenting an appropriate project. And also
the guidance which shows me a path
always to solve issues when the project is
stuck on a problem, Without his guidance,
this project would not be like it is today.

Without the guidance of my lecturer,

Dr.Gayana, it will be very difficult to

2|Page
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

III. Keywords If the school doesn't teach any subject like

Table 1 Keywords robotic the other way to learn it is external
Keywords Meaning classes or self-study. The self-study is not
IoT Internet Of Things a good practical option is consider with the
OTG On The Go students in villages because they didn’t
SDK Software Development have enough resources to learn it. They
Kit didn’t have a place to buy any component
API Application to work on a robotic project or didn’t have
Programming Interface enough money to buy all the component
1.0 Introduction they need to their project because in
village market component are getting
This section of the document will discuss expensive than the city market. If we take
the background and problem based on this the external classes most of the external
project. Also, it includes the Aim and the classes are located in the city and also
Objective of this project and describing the reach parent’s student can easily attendant
functionalities. to those classes but not the village student.
In the Thetechedvocate web site, Matthew
1.1 Background of the Project Lynch (Lynch, 2017) also discussed the
In Sri Lanka Current educational system is benefits of teaching robotics to students.
very traditional and Outdated comparing to
the other countries education systems. As a What happens if there is a way to learn
developing country the education system is robotic remotely and a way to test the
very important for the economy of the Arduino program. The developed platform
country. All the schools in Sri Lanka is to solve these problems it provides
follow the guideline given by the features to students who like to do self-
Education department in the Sri Lankan study of the robotic based learning enjoy-
Government. Syllabus contains the regular fully. With the graphical code view student
subjects, there are no subjects related to can easily understand the programming
the IoT or Arduino. Because of this logic and seeing the code view they can
students in schools never heard anything learn the Arduino programming. And also
about the Robotic. they can buy the Arduino component as a
team and create a single robot and share
this robot to test the Arduino code

3|Page
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

individually. Teachers also possible to  Evaluate the new system with the
give homework related to the robotic and application already in the market and
without many tools students can just use make a list of pros and cons.
their parents' mobile and using the
Android application to create the creative 1.3 Description of Artefact
Arduino program. The system can define as an Arduino
learning platform called “Code School”
1.2 Aim and Objectives of the Project which is an Android application. This
“Code School” is an Android-based section has discussed the functionalities of
mobile application, which removes the gap the system.
between technology and the Sri Lankan
school student's outdated learning method. The system has two user types called
The Objective's and Aim's below were Student and Teacher each user has to
defined on the project initiation register to the system before using it. If the
teacher is registered with the system
Aim teacher should have to activate his account
To develop an Android application to over the phone by giving the proof of the
teach Arduino programming to School teaching license that part is manually done
Students. with the system owner. From the teacher’s
account login teachers can create a group
Objectives project to work with the school student
 Identify and evaluate similar team.
applications.
 Develop an Android application to Students have to register with their parent's
create Arduino codes. details, with the student account student
 Develop web Service application to can create an individual project or work
connect android application with with the group projects.
Arduino connector.
 Develop and build a NodeMCU Students and teachers can add the devices
connector to test an Android in two types called private and public,
application. private devices are only accessible within
the account device is registered but the
public devices visible to all the users in the

4|Page
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Code School network and they can use the Section two Literature Review, which is
device to test their code. discussed the importance of the platform
with reviewing the respected published
1.4 Development of Artefact works regarding the project.
This section describes the architecture of Section three Artefact Design, which
the system which developed. describes the methods and tools followed
during the design time.
The system is mainly developed as a
mobile application with a Web API Section four Development and Testing,
service. Android application provides the which discussed the development and
user interface for the user to do all the testing methods during the implementation
activities in the system API service to do time.
the background process of all the
functionalities including login and Section five Evaluation, which describes
registration. NodeMCU device is only the outcome of the project and explain
communicating with the API server. with the user experience.
Mobile application used to configure the
device settings. Section six Conclusion and Future works,
which discussed the future modification or
features will integrate with the system.

Figure 1 System Architecture

1.5 Structure of Report

Following the current section one, the

document comprises five other main
sections

5|Page
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

2.0 Literature Review commercial libraries and basics guidelines

This section of the document aims to from the Android official web site. find the
critically analyze and evaluate published Arduino libraries related to the project
works by professionals in relevant fields. implementation from the Arduino official
This review, helps to see the technologies website. As well as search about the Web
in the field and test the questions. With service development using the ASP.NET
these reviews help prove the relevance and for the web service requirement and finds
advantages of the system. about the Internet of Things implement-
tations such as Robots, IoT remote control
2.1 Introduction cars, Home automation, etc. Researcher
The developed system is to provide a specially focused the Journals, Books,
platform for students to learn Arduino Web articles, etc. under the previously
programs. The main purpose of this mentioned topic between 2013 to the
research is to provide an easy current year for the get the idea about the
programming platform for students who latest projects already in the market. For
have never done an IoT based activity and the research information researcher used
have never learned a programming these keywords:
language. In Sri Lanka school students are  School Learning Application
having a very busy life due to the  Programming Android IDE application
competition in the education system. In  Coding IDE Android application
this case, students are not interested in  Arduino Based Project
reading any books or papers and learn
 IoT and Arduino
related to robots, even if they are
 IoT and Android
interested in such activities as building a
 NodeMCU
robot.
 Web service using Asp.NET

To complete this project, the researcher

2.2 School Learning Systems
had to read much information through the
Developing a mobile app for game-
Internet. The researcher reads' about the
based learning in middle school
android application development to
mathematics course
developed the android application also
This research to mix the technology with
search and read about the libraries in
the traditional maths teaching and learning
GitHub open source platform as well as
method. The researcher has created a

6|Page
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

mobile application like a game to play and Figure 3 FunJava App. (top teacher agent
explaining out loud with the blackboard, below on
inside of the game, a student has to solve
contest mode).
the mathematical questions. (Chang &
Effects of Design Factors of Game-based
Yang, 2016)
English Vocabulary Learning APP on
Learning Performance, Sustained
Attention, Emotional State, and
Memory Retention

Figure 2 Game-based Mathematics Learning Research is for game-based English

Application vocabulary learning as a replacement for
the traditional English vocabulary learning
Improving Programming Learning on methods. Learner get a multiple-choice
High School Students through question if learner answer correctly he will
Educative Apps get chance to play the game. The
Research is a game-based java program- application includes two games those are
ming application. Application has two Star VOC and Tic-Tac-Toe. (Hsu, Chen,
views one for the teaching process and & Cao, 2017)
another one for working activity on the
lesson learned. (Montes-Leon, Hijon-
Neira, Perez-Marin, & Leon, 2019)

Figure 4 User interface of Star VOC of PHONE Figure 5 User interface of Tic-Tac-Toe of
Words APP PHONE Words APP
Schools under the 12-year National
Applying Instructional APPs and the Fundamental Education System.
Cloud Platform to Solve Students' The system is for vocational training
Learning Problems in Core Specialized centers to help instructors teach the
Courses of Refrigeration and Air student, and to learn the air condition and
Conditioning in Vocational High refrigerator after the lectures and solve
problems during the lecture and conduct

7|Page
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

the communication between parents and Programming IoT Devices by

the instructors. (Wu & Kuo, 2017) Demonstration Using Mobile Apps
The Research describes the System is for
2.3 Android Application building common mobile applications for
From Android games to coding in C-An smart devices such as Smart Air
approach to motivate novice Conditioner (AC), Smart Refrigerator, etc.
engineering students to learn for done the automation of these devices
programming using the result of another device's
Research describes the removal difficulties sensors. Manufacture provides the
of the students on the C language application only specify for their product
learnings. The system is a game building researcher try to fill the gap and provide
application that is developed for the universally support application can use
android platform and this solves the with any manufacture and using their
mathematical knowledge and the boring devices sensors control another device.
traditional C language learning methods of The mobile application provides an
first-year university students. interface to the user to use the sensor of
(Dolgopolovas, Jevsikova, & Dagiene, the device and build an automated
2017) program giving the control signals to the
TaBooGa smart devices. The proposed project
according to the journal TaBooGa is a kid provides a learning tool without limitation
learning application for mobile devices. of the sensor this research is limited to a
Especially target to motivate and develop single area. (Li, Li, Chen, & Myers, 2017)
the children’s reading skills. The
application works as a game that provides E-learning model for teaching
some gaming images with the words of programming language for secondary
image description. It’s is looks like the school students in Indonesia
digital book to replace the traditional The Journal describes in Case study is to
books in the schools. This application is teach school student programming
removed boring part of the books reading concepts. Every grade has different
because of the images shown in the digital activities to learn programming. Using this
device and no need to turn pages play like concept students are not only going to
a small game. (Linke, Kothe, & Alt, 2017) learn the usage of Information
Communication Technology (ICT) they

8|Page
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

are going to learn how to implement doctors. This system will monitor the
usable applications however this is not babies' heart pules and body temperature
implemented only in the case study. of the babies in the neonatal intensive care
(Tundjungsari, 2016) unit. The system is analyzing the data and
information to the doctors and nurses
Responsive design and content about the critical situation of the babies to
adaptation for e-learning on mobile get emergency treatments. The
devices temperature sensor and pulse sensor
In the journal mentioned research is to measure the baby’s health and send those
develop an E-learning platform to learn dates through the internet to mobile
and develop responsive design application applications using Arduino Realtime.
with work on limited bandwidth (Najib, Hassan, Shair, Rahim, & Wahab,
conditions. In this research, the researcher 2019)
tries to solve content rendering problems
in different hardware specifications.
(Bhuttoo, Soman, & Sungkur, 2017)

2.4 Arduino
No researches are available for teaching
Arduino for the students. However, there
are few articles found some application Figure 6 Overall block diagram of the Neonatal
done using the Arduino with the proposed Monitoring System (a) hardware (b) software

system related to the research

Wireless IoT based Metering System for
Intelligent Neonatal Monitoring System Energy Efficient Smart Cites
Based on Android Application using Research for metering energy consumption
Multi Sensors to help efficiently use energy. Most are
The Research describes the System is for used postpaid electricity supply there is no
analyzing the newborn babies health way to find out what will be the current
situations. Sometimes babies are born with usage of the energy only know after the
some problems in their brain, controlling bill is came it is too late to control the
the breath, heart pules, etc. those babies energy usage. This project is providing a
need special care of the nurses and smart monitoring system using the
Arduino and the mobile application to
9|Page
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

watch the real-time usage of the energy

and giving usage control to the user.
(Aboelmaged, Abdelghani, & Abd El
Ghany, 2017)

Figure 8 Home monitoring system, System-

configuration

Figure 7 Energy Metering System Overall system IoT based smart water tank with
block diagram Android application
The system is a Smart Water tank to stop
2.5 Internet of Things the wastage of sustaining water resources
Home monitoring system-based internet in the global. Mostly water motors are
of things controlling manually by the turning on and
The system provides home monitoring off the power switch on the water motor
capability through the Internet of Things. but the problem is there is no way to know
Design for controlling the devices and the water level and decide to water level is
collect data from the devices connected to low or high basically, the operator has to
the home network. The system is used monitor the water tank until it fully and
XBee devices with the ZigBee and TCP/IP then turn off and the only operator can see
protocols. Web interface is providing to the water is low after stop or slow the
the users or householders if they going to water flow in the pipe. And if the operator
the outside and if they forget the switch off forgets to turn off the motor correct time
any electronic device they can monitor water will overflow, and it is a huge
through the system and turn off the device wastage of electricity and the water. (Shah,
using the web interface. (Kung, et al., Patil, & Ingleshwar, 2017)
2018)

Figure 9 Smart Water Tank Basic block diagram

10 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Implementation of Cost-Effective Smart will use to continue smoking because of

Home Controller with Android addiction to that. This smoke not only
Application Using Node MCU and affect to the smoker it affects the people
Internet of Things around also. In some places or buildings
Research is for Home automation using not allowed to smoke but sometimes
the NodeMCU module. NodeMCU is a smokers will smoke this system will detect
very popular and low-cost method to build the smoke and it notifies the administrator.
a home control devices. In this project, the (Panpaeng, Phanpeang, & Metharak, 2018)
Home appliance is connected to the relay
module and the relay module is controlled
by the NodeMCU and NodeMCU module
is getting the controlling command
through the internet over the home
automation server, the user sends the
controlling command through the Android
Figure 12 Cigarette Smoke Detector System
application to the server. (Madhu &
conceptual diagram
Vyjayanthi, 2018)

Figure 10 Overview of smart home controller

Figure 11 Design of the home control

Cigarette Smoke Detectors for Non-

Smoking Areas in the Building
Cigarette addiction is breaking many
relationships after the first smoke peoples

11 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

2.6 Existing Systems communication module and configuring

PictoBlox the sensor section with like pinouts,
PictoBlox is a Desktop application build to operating range values, etc. and control the
create an Arduino project simply and sensors are connected in the Arduino
easily. It supports Windows, Linux, and board. Proposed application work with the
Mac OS. Now a day Desktop applications internet using the latest IoT technology so
are don’t have big interesting in the there is no barrier with the operating range
peoples They are looking very simple it will work worldwide. (STEMpedia D. ,
platform like a web application or the 2020)
mobile application, but at the moment
PictoBlox don’t have a mobile application
or web application. After build any
Arduino program has to connect the
Arduino device to the computer and flash
the source, in the purposed system is an
Android application and it can easily
upload the source code using the IoT no
need to worry about connecting the device
wire. (STEMpedia P. , 2020)
Figure 14 Dabble Home User Interface

Pocket Code
Pocket Code is a mobile application run on
the Android and iOS mobile operating
systems. This application is built for kids
Figure 13 Pictoblox User Interface to improve their creativity by building
Dabble their applications. Kids can build their
Dabble is an Android application build to games, music creation applications. They
control Arduino devices through the can create their game characters by
Bluetooth. Application has simplified drawing and give them animated moving
interfaces with including all kind of sensor effects and build it like a game application.
types with control instruction are built-in (catrobat, 2020)
with the application. Users can connect the
Arduino board with the Bluetooth

12 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

perfect platform for the school students to

be smart and knowledgeable inventors in
the future. There are two main paths, one
is for the students and one is for the
teachers. this project will save many times
Figure 15 Poket Code User Interface
and given students to fast and easiest way
to build their dream program. However,
ArduinoDroid
application users need to register first after
ArduinoDroid is an android application
registration they can use the code blocks
build to create Arduino programs from
and build their project after that user can
mobile and upload it to the Arduino board
upload it to the selected Arduino device
to run. After finishing the coding of the
through the internet and watch their
Arduino program users can connect the
dreams come true.
Arduino board to the mobile using OTG
connector and flash the Arduino board
source code to the chip on the Arduino
board. However, this application used wire
connection to communicate and coding
style don’t have a drag and drop coding
blocks system so this will very hard to
work for the school students. (Anton,
2020)

Figure 16 Arduino Droid User Interface

2.7 Conclusion
"Code School" is not like the existing
systems which have described the above
section. "Code School" will provide a

13 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

3.0 Artifact Design The planning stage was initiated with the
Artifact Design section of this document research. For the development that was
discussed the system designing phase very useful the research details to get
details. Further, the section contains how information about the technologies and the
the data and information were gathered. system in the real world. Data collection
The tools and the methods used for the was done in various ways like reading
system designing. Methodology used for documents and articles in the forums,
the system and how it was applied to the blogs, and the web sites as well as the
system. books and reports which are accessed from
the google search results and google
3.1 Requirement Gathering and schooler search results with these findings
Analysis supervisor was helped to improve the
The development methodology followed project idea.
for the project is Agile Kanban
Methodology. Kanban Methodology The idea was finalized with the
allowed the very flexibility and see the preparation of the project proposal with a
whole picture of the project graphically. clear description of the project aims and
The methodology allowed considering the the objectives of the project. With the
requirement of the project, divide the approval of the project proposal, it needs
whole project into small individual tasks, to gather all the requirement which needed
and simplify the complexity of the project. for the complete the project idea.
This methodology was very helpful for
designing the project background.

14 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

The requirement gathering stage is one of speed for

the very important part in the software performance
development. Correct requirements build requirement
the correct application with whatever the Group Project Ability to change
features requested in the targeted audience. Create the system for
The research was carried out the finding maintainability
relevant data from the online journals and requirement
books at the information hunting phase. Device Create Accuracy and
From the findings when the most relevant Reliability of the
and needed articles were analyzed and system data
extract the most suitable functions and Graphical Arduino Scalability
features are meet the audience Program Create requirement for
requirement. growing the system
The following table is listed and shows the with more users
functional and non-functional
requirements identified at the requirement In the designing phase make a graphical
analyzing phase. representation of the overall requirements
is very use-full at the development phase.
It was necessary to create a backend and
the front end preview to solve the
problems came at the designing step.in this
project every design is done by using the
Draw.io online drawing tool.
Table 2 Main Requirments
Functional Non-Functional 3.2 Android Application Design
Requirement Requirement Registration
User Login Colorful UI Design Application provides a simple and easy to
User Registration Security use interface for the user registration.
Requirement Registration provides two user account
Secure User Data type Teacher and Student user has to
Saving choose the account type at the registration
Individual Project Improve the screen. User need to enter any Email
Create request-response address as the username, strong password,

15 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

first name, second name, and school if the

user is a Teacher user has to select user’s
teaching school and complete the
registration form or if the user is a student
user has to select user’s studying school,
grade and parents details and complete the
registration form

Figure 18 Design - Account Confirmation

Login
The user has to have a confirmed
registered account in the Code School
network and the user can enter the
registered email address and password if
the credential is succeeded user will get
the dashboard screen.
Figure 17 Design - User Registration
Confirm Registration
User need to complete the registration
process by confirming the email address
which was registered. The system
automatically sends the Unique
Confirmation code to the user’s email
address user has to manually enter the
code and confirm the registration of the
account.

16 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

My Projects
This screen provides individual project list
users can open the project and work on the
existing projects. Users can identify the
project by project name and the
description of the project.

Figure 19 Design - Login

Dashboard
Successfully logged users get the
dashboard screen. Using a dashboard users
can navigate to the main functionalities in
Figure 21 Design – My Project List
the system.

Figure 20 Design - Dashboard

17 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

My Project Create
The screen is to create individual new
projects. The user has to enter the project
name and the proper description of the
project.

Figure 23 Design - Group Project List

Group Project Create

Users can create a new group project using
this screen. The user has to enter the
project name, description, as well as the
user, has to select the school and the group
to create a group project.
Figure 22 Design New Project Create Individual

Group Projects
Users can work on the group project using
this screen. The user has to select the
school and the group after click search
system is list down the group project
according to the selection of the
dropdown.

18 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Figure 24 Design - New Project Create Group

Devices Device Create

This screen provides the list of the devices Screen is to create new devices in the
in the Code School network. There are two Code School network. The user has to
device types are list down on this list those enter the MAC address of the device as the
are private and public. Private devices are unique id of the device. The user has to
only accessible to users who created it, enter the device name, WIFI network id,
public devices are accessible to everyone. the WIFI network password. Users need to
Also users can set one device as a default select the correct device family and the
device to run the program. board type according to the device going
to add. Public type devices only can assign
for a single group if the user selects the
device access type as public user has to
select the Project group.

Figure 25 Design - Device List

Figure 26 Design - New Device Create

19 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

4.0 Development and Testing storage of the mobile all the data save to
Development and Testing section of this the database through the API service. Web
document is discussed how the API Service configuring is got a very
development phase and testing phase is difficult part of the application however
carried out, problems, and solutions. Code after the researcher trying few HTTP
School system is a combination of three- libraries used the “Fast-Android-
component those are Android application, Network” (AMIT, 2020) Github project
Web API service, and the Hardware Unit. as the API service caller library.

4.1 Android Application 4.2 Web API Service

Implementation Implementation
Android application is developed using the Web API service is developed using the
Google Android Studio development tool. “Microsoft Visual Studio 2019”
The application is built on the Android 7.1 development tool. the API service is built
(API level 25) SDK application is support with the latest “ASP.NET Core 3.1”
higher than 7.1 android versions. Also framework because of the Core framework
application tested with the android version service application support the multi-
7.1 and 10.0. Java programming language platform this facility reduces the cost at the
used in the android studio as the backend deployment server. Database is
language of the application. On the implemented on the “Microsoft SQL
development phase developer unit testing Server 2016” using the code-first and
done with the android 7.1 mobile device. “EntityframworkCore” used to configure
Arduino program builder is the the database with the web API service. As
challenging part of the application well as used “Automapper” for the
however with considering the performance mapping entity with the Data Transfer
program builder is implemented on the Objects to improve the performance of the
web service and loaded into the service application and for the improve
application using the android webview. maintainability of the application. Web
The researcher used “Android Saripaar” API service is a challenging part of the
(Ragunath, 2020) Github project as the development because of the researcher
data validation tool for the forms. API used the newest framework. It’s got
service used every data operation in the difficult at the first step of the application
application, application not used internal with fewer resources is take many times to

20 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

solve the problem and configure the API external WIFI module however they need
service. to buy other components which want to
complete their robot. Users need to burn
The Arduino code generator is one of the their NodeMCU device with the Code
main functionality on the entire system to School default firmware before the use of
implement it the researcher used part of continuous usage. In the default firmware,
the “BlocklyDuino” (Fred, 2020) Github the user has to change the WIFI SSID and
project. Integration of the BlocklyDuino WIFI Password with their network router.
gets a little difficult however it was
successfully integrated with the Web API Default Firmware Code
service as a web page with doing some #include
<ESP8266httpUpdate.h>
modification to the source and connect #include
with the Arduino compiler. The Arduino <ESP8266HTTPClient.h>
#include <ArduinoJson.h>
compiler is compiled the Arduino source
code and return the compiled binary file. const char* ssid =
"Thameesha"; // Set your
Compiler implementation is getting a very router SSID
interesting part of the project. The const char* password =
"#####12345#"; // Set your
researcher tried a few ways to implement router password
the compiler after a few experiments with int checkUpdateFreq = 1;

the time of the project researcher used the void setup() {

“Arduino-CLI” as the compiler and Serial.begin(115200);
WiFi.begin(ssid,
passing the compile command complete password);
the compile process of the web service. while (WiFi.status() !=
WL_CONNECTED) {
Serial.print(".");
4.3 Hardware Implementation delay(1000);
}
The project is tested with the NodeMCU }
void loop() {
board. Researcher specially select this
checkCodeSchoolUpdates();
board because of the low budget IoT }
void
board. Most of the school students didn’t
checkCodeSchoolUpdates() {
have much money to buy an expensive String softwareVersion =
"1";
board for the learning NodeMCU is a good
String deviceId =
solution for this. With the builtin WIFI WiFi.macAddress();
student don’t need to spend money on buy

21 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

String serverAddress = Serial.println("

"http://codeschool.ddns.net/ UPDATE_OK");
codeschoolserver/"; break;
checkUpdateFreq = }
checkUpdateFreq - 1; }
if (checkUpdateFreq == 0) }
{ else if (httpCode > 0)
String getLink = {
serverAddress + String payload =
"api/ArduinoUpdate/checkUpda http.getString();
te?deviceId=" + deviceId + Serial.println(httpCod
"&version=" + e);
softwareVersion; Serial.println(payload
HTTPClient http; );
http.begin(getLink); }
int httpCode = else {
http.GET(); Serial.println("Error
if (httpCode == 200) on HTTP request");
{ }
DynamicJsonDocument http.end();
doc(2048); checkUpdateFreq = 5000;
deserializeJson(doc, }
http.getStream()); }
if 4.4 UI Implementation and Test
(String(doc["Status"].as<cha
r*>()).equals("true")) { Cases
Serial.printf(doc["F Register
ile"].as<char*>());
t_httpUpdate_return
ret =
ESPhttpUpdate.update(doc["Fi
le"].as<char*>());
switch (ret) {
case
HTTP_UPDATE_FAILED:
Serial.printf("\
n UPDATE_FAILD Error (%d):
%s",
ESPhttpUpdate.getLastError()
,
ESPhttpUpdate.getLastErrorSt
ring().c_str());
break;
case
HTTP_UPDATE_NO_UPDATES:
Serial.println("
UPDATE_NO_UPDATES");
break;
case
HTTP_UPDATE_OK:

22 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Table 3 TestCase 1 - Registration

Test Case: 1
Name: Registration
Pre-Condition: User has to navigate
to the Register Screen
N Des Inputs Ex Gen Pa
o crip pec erate ss/
. tion ted d Fai
Res Resu l
ult lt
1 Regi No Inputs Dis Vali Pas
. ster pla datio s
1 with y n
no Val Mess
valu idat ages
e ion Displ
ente Me ayed
ring ssa
to ge
the
for
m
1 Regi Email: Na Open Pas
. ster Thamees vig ed s
2 with ha7@gm ate the
vali ail.com, to Acco
d Password the unt
data : Acc confi
P@ssw0r oun rmati
d, t on
FirstNam Co scree
e: nfir n and
Thamees m recei
ha, Scr ved
SecondN een the
ame: and Conf
Dilshan, Rec irmat
School: eiv ion
Servatius e Code
College, the Emai
AccountT Co l
ype: nfir
Teacher m
cod
e to
the
Em
Figure 27 Developed - Registration
ail
inb

23 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

ox
1 Inva Email: Val Emai Pas
. lid 12fan#gm idat l Not s
3 Ema ail.com ion Vali
il Err d
addr or valid
ess in ation
for Em mess
mat ail age
Fiel
d
1 Inva Password Val Pass Pas
. lid : 12345 idat word s
4 Pass ion must
wor Err conta
d or in at
for In least
mat Pas 8
swo chara
rd cters
Fiel inclu
d ding
UPP
ER/l
ower
case,
Spec
ial
Char
acter,
and
Num
bers
1 Inva Parent Val Not Pas
. lid Phone idat Vali s
5 Pare No: ion d
nt 12345678 Err Form
Pho or at
ne In valid
No Par ation
for ent mess
mat Pho age
ne
No
Fiel
d

24 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Account Confirm age age

2. Valid Cod Navi Open Pass
3 Code e: gate ed the
enteri r0J to Login
ng Bw the Scree
receiv 4- Logi n
ed to bcF n
the 9 scree
email n
addres
s

Figure 28 Developed - Account Confirmation

Table 4 TestCase 2 - Account Confirm

Test Case: 2
Name: Account Confirmation
Pre-Condition: User has to Register
on the System
N Descr Inp Expe Gene Pass
o. iption uts cted rated /Fail
Resu Resul
lt t
2. Confir No Code Conn Fail
1 m Inp Requ ectio
with ut ired n
no Valid Error,
value ation error
enteri Mess mess
ng age age
2. Invali Cod Code Conn Fail
2 d e: Inval ectio
Code 123 id n
enteri 4 Valid Error,
ng ation error
Mess mess
25 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Login 3 Logi Email: Nav Open Pas

. n thameesh igat ed s
2 with a7@gmai e to Dash
vali l.com the boar
d Password Das d
Ema : hbo Scree
il P@ssw0r ard n
and d Scr
Pass een
wor
d
3 Logi Email: Em Emai Pas
. n thameesh ail l is s
3 with a#gmail. Not not
inva com vali in
lid d valid
Ema mes form
il sag at
form e mess
at age
3 Logi Password Val Pass Pas
. n : 1234 idat word s
4 with ion must
inva Err conta
lid or in at
Figure 29 Developed - Login Pass In least
wor Pas 8
d swo chara
Table 5 TestCase 3 - Login form rd cters
Test Case: 3 at Fiel inclu
Name: Login d ding
Pre-Condition: User has to be UPP
Register in the System ER/l
N Des Inputs Ex Gene Pas ower
o crip pec rate s/ case,
. tion ted d Fai Speci
Res Resu l al
ult lt Char
3 Logi No Em Emai Pas acter,
. n Inputs ail l not s and
1 with and valid Num
No Pas form bers
valu swo at
e rd Requ
ente vali ired
ring dati Valid
on ation
mes Mess
sag age
es
26 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Dashboard 3 Devic Til Devic Devic

e Tile e e List e List
Click
4 Mana Cli Navig Opene Pass
. ge ck ate to d
4 Comp Til Future Future
onent e Devel Devel
Tile opme opme
Click nt nt
Scree Scree
n n
4 Settin Cli Navig Opene Pass
. g Tile ck ate to d
5 Click Til Future Future
e Devel Devel
opme opme
nt nt
Scree Scree
n n
4 Shutd Cli Navig Opene Pass
. own ck ate to d
6 Tile Til Future Future
Click e Devel Devel
opme opme
nt nt
Figure 30 Developed - Dashboard Scree Scree
n n
Table 6 TestCase 4 - Dashboard
Test Case: 4
Name: Dashboard
Pre-Condition: User has to login
N Descr In Expec Gener Pass
o iptio pu ted ated /
. n ts Resul Resul Fail
t t
4 My Cli Navig Opene Pass
. Proje ck ate to d My
1 ct Til My Projec
Tile e Projec t List
Click t List
4 Grou Cli Navig Opene Pass
. p ck ate to d
2 Proje Til Group Group
ct e Projec Projec
Tile t Tile t List
Click List
4 Mana Cli Navig Opene Pass
. ge ck ate to d

27 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

My Projects Button But to Select

in ton the ed
Projec Ardu Proje
t ino ct in
Code Ardui
Scre no
en Code
with Scree
open n
ing
the
Proje
ct
5. Load On List Avail Pass
3 List of - dow able
the Pag n the Proje
Projec e- Avai ct
ts Lo lable List
ad Proje
cts

Figure 31 Developed My Project List

Table 7 TestCase 5 - My Project List

Test Case: 5
Name: My Project List
Pre-Condition: User has to click My
Project Tile
N Descri Inp Expe Gene Pass
o. ption uts cted rated /Fail
Resu Resul
lt t
5. Create Cli Navi Open Pass
1 New ck gate ed
Button But to My
Click ton My Proje
Proje ct
ct Creat
Creat e
e Scree
Scre n
en
5. Click Cli Navi Open Pass
2 Open ck gate ed

28 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

My Project Create . e ctgate ed

2 With Name
to Ardu
valid : Test
the ino
Value Proje
Ardu Codi
s ctino ng
Descr
Cod Scree
iption
e n
: Test
Scre
5 en
proje
with
ctthe
New
Proj
ect
6 Input Proje Proj Proje Pass
. Proje ct ect ct
2 ct Name Nam Nam
Name : Text e e
Lengt Lengt Leng Leng
h h th th
longe Long valid Cann
r than er ation ot
50 Than mess Exce
50 age ed 50
Chara
Figure 32 Developed My Project Create cter

Table 8 TestCase 6 - My Project Create

Test Case: 6
Name: My Project Create
Pre-Condition: User has to click
Create New Button In My Project
N Desc Input Exp Gene Pass
o riptio s ecte rated /
. n d Resu Fail
Res lt
ult
6 Creat No Req Proje Pass
. e Input uired ct
1 with Vali Nam
No datio e,
Value n Desc
Enter mess riptio
ing age n
Requ
ired
Valid
ation
6 Creat Proje Navi Open Pass

29 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Group Projects ad
Grou down
ps
7. Searc But List Avail Pass
3 h ton down able
Butto Cli the Proje
n ck Avail ct
Click able List
Proje
cts
7. Click Cli Navi Open Pass
4 Open ck gate ed
Butto But to the Select
n in ton Ardui ed
Projec no Proje
t Code ct in
Scree Ardui
n no
with Code
openi Scree
ng n
the
Proje
ct
7. Create Cli Navi Open Pass
5 New ck gate ed
Figure 33 Developed - Group Project List Butto But to Grou
n ton Grou p
Click p Proje
Table 9 TestCase 7 - Group Project List Proje ct
Test Case: 7 ct Creat
Name: Group Project List Creat e
Pre-Condition: User has to click e Scree
Group Project Tile Scree n
N Descr Inp Expe Gene Pass n
o. iption uts cted rated /Fail
Resu Resul
lt t
7. Load On Drop Scho Pass
1 List of - down ols
the Pag load Load
Schoo e- with ed to
ls Lo the Drop
ad Scho down
ols
7. Load On Drop Grou Pass
2 List of - down ps
the Pag load Load
Group e- with ed to
s Lo the Drop

30 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Group Project Create ps with Drop

the down
Grou
ps
8 Creat No Req Proje Pass
. e Input uired ct
3 with Vali Nam
No datio e,
Value n Desc
Enter mess riptio
ing age n
Requ
ired
Valid
ation
8 Creat Proje Navi Open Pass
. e ct gate ed
4 With Name to Ardu
valid : Test the ino
Value Proje Ardu Codi
s ct ino ng
Descr Cod Scree
iption e n
: Test Scre
5 en
Figure 34 Developed - Group Project Create proje with
ct the
New
Table 10 TestCase 8 - Group Project Create
Proj
Test Case: 8 ect
Name: Group Project Create 8 Input Proje Proj Proje Pass
Pre-Condition: User has to click . Proje ct ect ct
Create New Button In Group Project 5 ct Name Nam Nam
N Desc Input Exp Gene Pass Name : Text e e
o riptio s ecte rated / Lengt Lengt Leng Leng
. n d Resu Fail h h th th
Res lt longe Long valid Cann
ult r than er ation ot
8 Load On- Drop Scho Pass 50 Than mess Exce
. List Page- dow ols 50 age ed 50
1 of the Load n Load Chara
Scho load ed to cter
ols with Drop
the down
Scho
ols
8 Load On- Drop Grou Pass
. List Page- dow ps
2 of the Load n Load
Grou load ed to
31 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Devices e List Devi

ce
9. Load On List Avail Pass
3 List of - dow able
the Pag n the Devic
Devic e- Avai e List
es Lo lable
ad Devi
ces

Figure 35 Developed - Device List

Table 11 TestCase 9 - Device List

Test Case: 9
Name: Device List
Pre-Condition: User has to click
Manage Device Tile
N Descri Inp Expe Gene Pass
o. ption uts cted rated /Fail
Resu Resul
lt t
9. Create Cli Navi Open Pass
1 New ck gate ed
Button But to Devic
Click ton Devi e
ce Creat
Creat e
e Scree
Scre n
en
9. Click Cli Mak Butto Fail
2 Defaul ck e the n
t But Devi Color
Button ton ce as Chan
in Defa ged to
Devic ult Green

32 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Device Create d down

Typ
es
1 Load On- Drop Grou Pas
0. List of Page- dow ps s
3 the Load n Load
Grou load ed to
ps with Drop
the down
Gro
ups
1 Creat No Input Req MAC Pas
0. e with uire Addr s
4 No d ess,
Value Vali Devi
Enteri datioce
ng n Nam
mes e,
sage WIFI
SSID
Figure 36 Developed - Device Create and
Pass
word
Table 12 TestCase 10 - Device Create Requ
Test Case: 10 ired
Name: Device Create Valid
Pre-Condition: User has to click Create New ation
Button In Device 1 Creat MAC Navi Ope Pas
N Descr Inputs Exp Gen Pas 0. e Address: gate ned s
o. iption ecte erate s/ 5 With 25:A5:C to Ardui
d d Fail valid 2:A1:12: the no
Res Resu Value 57 Ardu Codi
ult lt s Device ino ng
1 Load On- Drop Devi Pas Name: Cod Scre
0. List of Page- dow ce s Node1 e en
1 the Load n Fami SSID: Scre
Devic load lies Thamee en
e with Load sha with
Famil the ed to Passwor the
y Devi Drop d: New
ce down 1234567 Proj
Fam 8 ect
ilies
1 Load On- Drop Boar Pas
0. List of Page- dow d s
2 the Load n Type
Board load s
Type with Load
s the ed to
Boar Drop
33 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Arduino Program Builder

Figure 37 Developed - Arduino Coding Graphical Figure 38 Developed - Arduino Coding Text View
View
no Displa
Table 13 TestCase 11 - Arduino Coding Screen Code y
11 Blocks Tab Previe Arduin Pass
Test Case: 11 .4 Tab Clic w o
Name: Arduino Coding Screen Click k Ardui Block
Pre-Condition: User has to click open button no Displa
in MyProject or Group Project Lists Block y
N Descri Inp Expec Gener Pass/ Code
o. ption uts ted ated Fail 11 ToolBo But Show/ Show/ Pass
Result Result .5 x ton Hide Hide
11 Load On- Projec Projec Pass Button Clic Side Side
.1 Select Pa t Load t Click k ToolB ToolB
ed ge- Loade ox ox
Existin Loa d 11 Save But Save Projec Pass
g d .6 Button ton the t
Project Click Clic Projec Saved
11 Load On- Load Canva Pass k t Succe
.2 Create Pa Empty s ss
d New ge- Canv Loade Mess
Project Loa as d age
d Empty 11 Run But Uploa Devic Fail
11 Arduin Tab Previe Arduin Pass .7 Button ton d e
.3 o Tab Clic w o Click Clic code Updat
Click k Ardui Code
34 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

k to the e
Devic Creat
e e
Succe
ss
Mess
age

35 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

5.0 Evaluation

This section of the document is discussed

the evaluation of the system. The
researcher also discussed the users
feedback about the project. The project is a
Figure 40 Evaluation - Understand the Arduino
target for the school students and the
Code
Teachers, with the current situation of the With a graphical and code view of the
country schools are still closed. However Arduino program, 45% of the evaluators
the researcher used online groups to get raise their hands to say yes for the Code
feedback from the students and teachers on School.
social media. The researcher used Google
Form to get feedback by filling a few
simple questions.

The following test result is comprised of a

group of 40 individuals. Each individual
was given a feedback on the questionnaire
Figure 41 Evaluation - Recommend the System
in the google form (Appendix B :
From the 40 of evaluators, 55% of
Evaluation Form).
evaluators recommend the Code School
Platform for the others. This result shows
the success of the project. (Appendix C :
Evaluation Result) is show more results
got from the evaluators.

Figure 39 Evaluation - Familiar with Arduino

Programming
From the 40 of evaluators 57.5%
evaluators are not familiar with Arduino
programming, it was a perfect chance for
the researcher to get the idea about the
usability of the system.

36 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

6.0 Conclusions and Future works  Students in the classroom no need to

This section of the document brings the spent their money to build individual
clear ending of this report. The section robots to test the program. Students
also discussed the overview project can share the robots between groups or
outcome, objective achievement, benefits, individual students. Students can spend
limitation of the project, the money to build various robots with
recommendations, and finally future work various features share devices among
of the project. the students.
 After the user assembles the robot wire
6.1 Overview Project Outcome diagram user can remotely change the
Education is like a never-ending loop. source code of the device no more
Everyone has the freedom to learn assemble and disassemble for changing
anything. School student needs the the simple logic or the values of the
freedom to learn any other subject than the program. Users can change the logic or
school syllabus. Code School is one step formula until the robot correctly
for this. functioning without removing the
device from the robot.
6.2 Benefits of the Project  Through the group project teachers can
Any project is not worth, if it didn’t have give homework to the students.
any benefits to the users. On the Code Teachers and students are working on
School has few priceless features to the same platform.
provide benefits for the end-users in this 6.3 Project Limitation and
platform. Recommendation
 Users don’t need any high-level While the Code School platform brought
knowledge to work with this platform to life, it is still possible to system has its
basic knowledge is more than enough limitations. The developer has identified
to start the use of the platform. the following system limitations.
 Graphical blocks are the parts of the  The System only support for the
program Users only need to arrange NodeMCU Board type
the blocks to build the full functioning  The System Login does not divide the
program. The graphical interface is option for the two user types.
very easy to use any user.  Teachers Can’t see one by one
Students Group works.

37 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

 There was no personalization option resolve the day to day problems came
for the user. when using the platform.
 Include Q&A feature to solve the basic
While the system has it’s limitation there problems.
are has the recommendation to improve  Include the Tutorial feature to improve
the system. Those are, the knowledge about the use of the
 Implement and add more libraries to application.
support other IoT board types.
 Implement the user role functionality
and the customize interface according
to the user type.
 Implement the group project view page
and list down the students' group
project works to view.
 Implement the functionalities to add
personalization features for the
individual users.

6.4 Future of the Project

The Code School needs more features and
functionalities to face in the future. The
developer identified the following features
to implement and integrate into the Code
School platform.
 Enhanced the graphical user interfaces
to make the application more user
friendly.
 Enhanced the performance of the
application to serve more users.
 Include more IoT compatible boards.
 Include more Arduino libraries.
 Include the Forum feature to create
community within the students. And

38 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

7.0 References

Aboelmaged, M., Abdelghani, Y., & Abd El Ghany, M. (2017). Wireless IoT based metering
system for energy efficient smart cites. 2017 29th International Conference on
Microelectronics (ICM).
AMIT, S. (2020, 05 16). Fast-Android-Networking. Retrieved from GitHub:
https://github.com/amitshekhariitbhu/Fast-Android-Networking
Anton, S. (2020). ArduinoDroid - Arduino IDE. Retrieved 05 16, 2020, from
https://play.google.com/store/apps/details?
id=name.antonsmirnov.android.arduinodroid2&hl=en
Bhuttoo, V., Soman, K., & Sungkur, R. (2017). Responsive design and content adaptation for
e-learning on mobile devices. 2017 1st International Conference on Next Generation
Computing Applications (NextComp).
catrobat, p. (2020). Pocketcode. Retrieved 05 16, 2020, from
https://www.catrobat.org/#pocketcode
Chang, R.-C., & Yang, C.-Y. (2016). Developing a mobile app for game-based learning in
middle school mathematics course. 2016 International Conference on Applied System
Innovation (ICASI).
Dolgopolovas, V., Jevsikova, T., & Dagiene, V. (2017). From Android games to coding in C-
An approach to motivate novice engineering students to learn programming: A case
study. Computer Applications in Engineering Education.
Fred, L. (2020, 05 16). BlocklyDuino. Retrieved from GitHub:
https://github.com/BlocklyDuino/BlocklyDuino
Hsu, C.-F., Chen, C.-M., & Cao, D. (2017). Effects of Design Factors of Game-Based
English Vocabulary Learning APP on Learning Performance, Sustained Attention,
Emotional State, and Memory Retention. 2017 6th IIAI International Congress on
Advanced Applied Informatics (IIAI-AAI).
Kung, Y.-F., Liou, S.-W., Qiu, G.-Z., Zu, B.-C., Wang, Z.-H., & Jong, G.-J. (2018). Home
monitoring system based internet of things. 2018 IEEE International Conference on
Applied System Invention (ICASI).
Li, T.-J., Li, Y., Chen, F., & Myers, B. (2017). Programming IoT Devices by Demonstration
Using Mobile Apps. End-User Development.

39 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Linke, R., Kothe, T., & Alt, F. (2017). TaBooGa. Proceedings of the 2017 Conference on
Interaction Design and Children.
Lynch, M. (2017). Thetechedvocate. Retrieved 05 15, 2020, from
https://www.thetechedvocate.org/five-reasons-to-teach-robotics-in-schools/
Madhu, G., & Vyjayanthi, C. (2018). Implementation of Cost Effective Smart Home
Controller with Android Application Using Node MCU and Internet of Things (IOT).
2018 2nd International Conference on Power, Energy and Environment: Towards
Smart Technology (ICEPE).
Montes-Leon, H., Hijon-Neira, R., Perez-Marin, D., & Leon, S. (2019). Improving
Programming Learning on High School Students through Educative Apps. 2019
International Symposium on Computers in Education (SIIE).
Najib, S., Hassan, N., Shair, N., Rahim, N., & Wahab, N. (2019). Intelligent Neonatal
Monitoring System Based on Android Application using Multi Sensors. 2019 IEEE
9th Symposium on Computer Applications & Industrial Electronics (ISCAIE).
Panpaeng, S., Phanpeang, P., & Metharak, E. (2018). Cigarette Smoke Detectors for Non-
Smoking Areas in the Building. 2018 22nd International Computer Science and
Engineering Conference (ICSEC).
Ragunath, J. (2020, 05 16). Android Saripaar. Retrieved from GitHub:
https://github.com/ragunathjawahar/android-saripaar
Shah, P., Patil, A., & Ingleshwar, S. (2017). IoT based smart water tank with Android
application. 2017 International Conference on I-SMAC (IoT in Social, Mobile,
Analytics and Cloud) (I-SMAC).
STEMpedia, D. (2020). Dabble. Retrieved 05 16, 2020, from
https://thestempedia.com/product/dabble
STEMpedia, P. (2020). PictoBlox. Retrieved 05 16, 2020, from
https://thestempedia.com/product/pictoblox
Thestempedia. (n.d.). Retrieved 05 16, 2020, from
https://thestempedia.com/product/pictoblox
Tundjungsari, V. (2016). E-learning model for teaching programming language for secondary
school students in Indonesia. 2016 13th International Conference on Remote
Engineering and Virtual Instrumentation (REV).
Wu, M.-J., & Kuo, S.-M. (2017). Applying Instructional APPs and the Cloud Platform to
Solve Students' Learning Problems in Core Specialized Courses of Refrigeration and

40 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

Air Conditioning in Vocational High Schools Under the 12-Year National

Fundamental Education System. 2017 International Conference on Information,
Communication and Engineering (ICICE).

41 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

8.0 Appendix A : Poster 9.0 Appendix B : Evaluation Form

42 | P a g e
 International Journal of Computer Applications (0975 – 8887)
Volume *– No.*, ___________ 2020

10.0 Appendix C : Evaluation Result

43 | P a g e