Features of development of infographic elements using HTML and JavaScript in MOODLE

Author(s) Collection number Pages Download abstract Download full text
Khamula O. H., Vasiuta S. P., Конюхов А. Д. № 1 (79) 42-55 Image Image

The article presents the results of a study of the features of the use of information technology and computer technology in distance learning. The theoretical definition of the peculiarities of distance learning and information technologies used in this case is carried out. The necessity and urgency of distance learning especially in the conditions of quarantine are substantiated. The advantages of distance learning and their main advantages over the traditional form of learning are explained. It is noted that in the vast majority in Ukraine, the most popular distance learning system is Moodle, compared to other systems, which can contain not only textual information but also any information and can be presented in the form of an electronic document (presentations, audio, video information, test tasks, reference books, etc.). This system is free, and the program in­terface is Ukrainianized. The basis for the use of infographics in the presentation of the initial material is formed and its relevance and positive impact on the perception of the submitted material is indicated. Based on the described and known from the literature test “Zharikova” — determining the level of the manager, it describes the mechanisms for creating tests with infographic elements for the Moodle system using HTML and JavaScript programming languages, as one of the options and listing the program. With this combination, it became possible to visualize the test result. Passing this test is used as a practical task in the study of the discipline “Management of Publishing and Information”. Presenting information in the form of infographics facilitates the pro­­cess of learning the material, making it more “voluminous” and comprehensive, and lear­ning becomes interesting and effective. The visualization of the presented edu­ca­tio­nal ma­terial is able to disseminate knowledge more effectively than any other means of com­munication.

Keywords: distance learning, platforms, distance education, MOODLE, programming language, HTML, JavaScript, infographics.

doi: 10.32403/0554-4866-2020-1-79-42-55


  • 1. Khara, O. M. (2010). Dystantsiine navchannia matematyky abituriientiv u systemi dovuzivskoi pidhotovky : avtoref. dys. ... kand. ped. nauk : 13.00.02. Kyiv. Retrieved from https://mydisser.com/ua/catalog/view/238/240/ 451933.html (in Ukrainian).
  • 2. Alieksieiev, O. M. (2012). Teoretychni i metodychni osnovy zastosuvannia tekhnolohii dys­tantsiinoho navchannia dystsyplin profesiinoi i praktychnoi pidhotovky studentiv mashy­no­budivnykh spetsialnostei : avtoref. dys. na zdobuttia naukovoho stupenia d-ra ped. nauk. Kyiv. Retrieved from https://lib.iitta.gov.ua/ (in Ukrainian).
  • 3. Sless, D. (1981). Learning and Visual Communication. New York-Toronto : Croom Helm London John Wiley & Sons (in English).
  • 4. Kepes, G. (1951). Language of Vision. Chicago : Paul Theobald (in English).
  • 5. Vovk, O. V., & Cheremskyi, R. A. (2017). Infohrafika yak efektyvnyi zasib navchannia: Sys­temy obrobky informatsii, 4 (150), 199–205 (in Ukrainian).
  • 6. Harvard business essentials: business communication. Boston : Harvard Business School Press, 2003 (in English).
  • 7. Smykyklas, M. (2014). Ynfohrafyka. Kommunykatsyia y vlyianye pry pomoshchy zob­ra­zhe­nyi. Sank-Peterburh : Pyter (in Russian).
  • 8. Hirniak, O. M., & Lazanovskyi, P. P. (1996). Osnovy menedzhmentu. Praktykum dlia studentiv Ukrainskoi akademii drukarstva. Lviv : Ukrainska akademiia drukarstva (in Ukrainian).