Proceedings of the IConSSE FSM SWCU 2015, pp. SC.75–80 ISBN: 978-602-1047-21-7
SWUP
SC.75
Develoment of online HTML CSS learning resources with Live Editor for Web-Based Programming subject
Rifki Rizkia Fuadi , Muhammad Jauharul Fuady, Aji Prasetya Wibawa
Department of Electrical Engineering, State University of Malang, Indonesia
Abstract
Web-Based Programming is one of the compulsory subjects for S1 PTI students in State University of Malang. Of course, learning to master less effective because these
languages requires intensive practice. If students rely on teachers, assistants, and lab module, the results obtained may not be maximal. To facilitate students in independent
learning, we need a new learning resources that more flexible, accessible, make students interested, interactive, and easy to use in mastering HTML and CSS. Development model
in this study uses the model development by Sadiman 2009. The steps are: 1 requirements identification, 2 goal formulation, 3 subject formulation 4 evaluation
instrument formulation, 5 media script writing, 7 test, 8 revision, and 9 production. The result of this development is a learning resources that can be accessed online at
http:kelasweb.net, containing learning materials, live editor and mini browser to practice what they have learned, and feedback, so the student knows is he doing a correct
code or wrong.
Keywords CSS, HTML, learning resources, web
1. Introduction
Web-Based Programming is one of compulsory subjects that must be taken by students of S1 Educational Information Engineering PTI, Department of Electrical
Engineering, Faculty of Engineering, State University of Malang UM. Students are expected to understand various languages, both programming languages or markup languages that are
used in developing a website. HyperText Markup Language HTML and Cascading Style Sheets CSS the most important language. Both are markup language that standard for web
creation.
Based on interviews with students, most of them say having problems in learning HTML and CSS. The amount of material, time constraints for lab practice, and the limited
learning resources is one of the reasons for learning problems. Learning resources commonly used is a slide presentation that contains material from
lectures, lab module, and other sources from the internet. Slide presentation basically key points which will be explained in detail by the lecturer. Lab module is also deemed less
interesting. Students were only asked to do exercises and were not given feedback directly stating that the exercise has been done correctly or not. Therefore, students can not learn
independently, and need guidance from the lecturers and lab assistant. Learning resources from
internet are less structured.
Corresponding author. Tel.: +62 819 4558 1000; E-mail address: riffrizzgmail.com
Develoment of online HTML CSS learning resources with Live Editor for Web-Based Programming subject
SWUP
SC.76
To facilitate students in individual learning, we need a new learning resources that are more flexible, accessible, make students interested, interactive, and easy to use in mastering
HTML and CSS language. To make it easier, it also include progress tracking of learning and live editor that provides direct feedback to the students, to make it easier to study
independently. Related research is a thesis by Azizah 2012
and Fanani 2013. From the two researchers, we can conclude that the web application are feasible to use as a learning
resource.
2. Materials and methods
