Visual Programming of E-Learning Scenarios

Research output: Chapter in Book/Report/Conference proceedingConference paperpeer-review


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 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.
Keywords: WEB application, Learning Management System, Architecture

Original languageEnglish
Title of host publicationProceedings of 12th International Technology, Education and Development Conference
Place of PublicationValencia, SPAIN
Number of pages7
ISBN (Electronic)978-84-697-9480-7
Publication statusPublished - 2018


  • WEB application, Learning Management System, Architecture

ASJC Scopus subject areas

  • Information Systems


Dive into the research topics of 'Visual Programming of E-Learning Scenarios'. Together they form a unique fingerprint.

Cite this