About this paper

Appears in:
Pages: 2861-2867
Publication year: 2018
ISBN: 978-84-697-9480-7
ISSN: 2340-1079
doi: 10.21125/inted.2018.0054

Conference name: 12th International Technology, Education and Development Conference
Dates: 5-7 March, 2018
Location: Valencia, Spain


N. Scerbakov, F. Kappe

Graz University of Technology (AUSTRIA)
In this paper, we present an innovative Visual Programming Component (VP component) of a Learning Management System (LMS) that allows adjusting the system functionality to particular teacher requirements by means of actual programming of e-learning scenarios.
The VP component is built on a base of so-called AJAX architecture. The architecture distinguishes back-end and front-end layers. In our case, the back-end layer can be seen as a number of registered web services that provide an interface between the VP component and the LMS as such. The VP component serves as the front-end layer and interprets e-learning scenarios defined in terms of a special Visual Programming paradigm. The paradigm is supposed to be used by teachers who do not possess a deep programming knowledge but would desire to implement an innovative functionality of LMS themselves. Moreover, the LMS can be further adapted to particular user requirements without interruption of previously implemented functionality by means of trivial modifications of the scenario definitions.
The method is essentially based on a novel paradigm for visual programming of e-learning scenarios. In accordance with this paradigm, an e-learning scenario is built as a number of so-called frames connected by a number of channels into a network structure. The frames encapsulate concrete imperative actions and can be activated in an asynchronous way by means of events generated by the frames and propagated over the channels.
A certain frame consists of three basic components:
• Switcher - a logical condition that is defined on elements received from a channel.
• Body- a set of particular imperative operations
• Frame Socket - a request to carry out one or many of the methods defined on the back-end layer of the system.

Frames are defined by selection and filling special templates. Additionally, a particular combination of JavaScript variables, statements and user interface elements can be added to the frame definition, for example, HTML forms and input elements. Thus, the programming is carried out by interactive selection of templates, filling the templates with particular data and combining templates by means of channels. The special authoring system allows to visualize the frame-channel structure and to carry out all the above-mentioned operations in an interactive way.
First experiments with the VP component show that the most favourite way of using the component by teachers is a regime of adjusting existing scenarios to particular needs by tiny modifications of the frame-channel structure. Thus, for example, the first version of a scenario for uploading of student assignments was implemented by experienced programmers and offered to teachers as a source file. About 30% of teachers make small modifications in the scenario and only then offered it to students.
author = {Scerbakov, N. and Kappe, F.},
series = {12th International Technology, Education and Development Conference},
booktitle = {INTED2018 Proceedings},
isbn = {978-84-697-9480-7},
issn = {2340-1079},
doi = {10.21125/inted.2018.0054},
url = {http://dx.doi.org/10.21125/inted.2018.0054},
publisher = {IATED},
location = {Valencia, Spain},
month = {5-7 March, 2018},
year = {2018},
pages = {2861-2867}}
AU - N. Scerbakov AU - F. Kappe
SN - 978-84-697-9480-7/2340-1079
DO - 10.21125/inted.2018.0054
PY - 2018
Y1 - 5-7 March, 2018
CI - Valencia, Spain
JO - 12th International Technology, Education and Development Conference
JA - INTED2018 Proceedings
SP - 2861
EP - 2867
ER -
N. Scerbakov, F. Kappe (2018) VISUAL PROGRAMMING OF E-LEARNING SCENARIOS, INTED2018 Proceedings, pp. 2861-2867.