Studing the css animation with websimulator in extracurricuLar activities
https://doi.org/10.32517/2221-1993-2021-20-5-49-54
Abstract
The article is devoted to the issues of teaching high school students CSS animation (Cascading Style Sheets) in the framework of extracurricular activities using the gamification method. The current problems of teaching web programming at school are considered, its main components are highlighted: HTML page layout, programming on the client and server sides. The analysis of existing services and online games for teaching web layout is presented. As a result of the analysis of the traffic of the studied services, an increased interest of Internet users in web simulators, implemented using the principles of gamification, was revealed. However, today there are a limited number of such services, in addition, many topics of web programming and layout are still unrealized with the help of such web simulators.
The article describes a completed project of developing a web simulator for teaching the basic properties of CSS animation. When designing a web simulator, the requirements for the implementation of game mechanics and dynamics were considered, which will make it possible to organize the educational process in a dynamic, exciting and visual way. The article describes the key features of the web simulator, its functional requirements, provides a rationale for the choice of topics and design of the web simulator, and considers the algorithm of its operation. The topics that are studied as a result of passing tasks in the web simulator are listed. The risks associated with the implementation of the web simulator in the educational process are described.
The authors carried out an experiment on the basis of an additional education institution "KiberOne Programming School" among 10th grade students, the results of the experiment showed the effectiveness of using the developed web simulator in teaching CSS animation.
About the Authors
E. V. KarmanovaRussian Federation
O. V. Bezborodova
Russian Federation
References
1. Бахметьева И. А., Яйлаева Р. Н.Игрофикация в образовании // Colloquium-journal. 2019. № 21-3 (45). С. 10–12.
2. Борисов Н. А., Харюнин А. С.Использование геймификации при обучении школьников основам программирования // Образовательные технологии и общество. 2018. № 1. С. 469–476.
3. Гаврилова И. В.Геймификация как средство повышения эффективности онлайн-курсов // Образование и проблемы развития общества. 2018. № 1 (5). С. 14–23.
4. Дединский И. Р.Аналитический подход к довузовскому преподаванию программирования // Сайт методики довузовского обучения программированию и проектной деятельности в информатике. 2011. http://ded32.net.ru/news/2011-04-03-58
5. Думиньш А. А., Зайцева Л. В.Компьютерные игры в обучении и технологии их разработки // Образовательные технологии и общество. 2012. № 3 (15). С. 534–544.
6. Заславский И. М.Педагогические аспекты геймификации школьного образования: что нужно знать современному учителю о дидактической игре // Известия Тульского государственного университета. 2019. № 2. С. 50–56.
7. Исупова Н. И., Суворова Т. Н.Геймификация учебного процесса с использованием технологии «перевернутый класс» // Перспективы науки и образования. 2019. № 5 (41). С. 412–427.
8. Карманова Е. В., Старков А. Н., Викулина В. В.Возможности применения технологии геймификации при реализации электронного обучения в вузе // Перспективы науки и образования. 2019. № 4 (40). С. 462–472. DOI: 10.32744.2019.4.35
9. Коваль Н. Н.Геймификация в образовании // Педагогическая наука и практика. 2016. № 2 (12). С. 25–29.
10. Локалов В. А., Миронов А. С.Развитие абстрактного мышления школьников в процессе обучения основам программирования // Общество: социология, психология, педагогика. 2020. № 1. С. 82–88.
11. Минкин А. В., Старостин В. А. Использование онлайн-игр при изучении программирования // Интернет журнал «Мир науки». 2018. № 4. https://mir-nauki.com/PDF/62PDMN418.pdf
12. Мосалев П. М., Седаева А. С.Обучение программированию в игровой форме // Вестник Московского государственного университета печати. 2016. № 4. С. 11–16.
13. Педагогов научат использовать элементы игр в дистанционном обучении // Тюменская линия. 15.07.2020. https://t-l.ru/286621.html
14. Путин поручил установить приоритет математики и информатики в школах // Коммерсантъ. 04.01.2021. https://www.kommersant.ru/doc/4638730
15. Романов П. Ю., Ратц А. Э.Развитие творческих способностей обучающихся с использованием дидактических игр // Актуальные проблемы современной науки, техники и образования. 2016. Т. 2. С. 322–325.
16. Тамарская Н. В.Геймификация образования для поколения Z // Известия Балтийской государственной академии рыбопромыслового флота: психолого-педагогические науки. 2018. № 4 (46). С. 27–29.
17. Цыплакова Е. О. Геймификация — мотивационная практика или механизм тотального контроля над трудовым процессом? // Экономическая социология. 2016. № 3 (17). С. 82–108.
18. Черноусов И. Игры с разумом. Как геймификация используется в образовании // Российская газета. 17.11.2020. https://rg.ru/2020/11/17/kak-gejmifikaciia-ispolzuetsia-vobrazovanii.html
19. Шабалина О. А., Давтян А. Г., Катаев А. В., Алимов А. А. Адаптивные обучающие игры как тренд развития обучающего ПО // ИТНОУ: информационные технологии в науке, образовании и управлении. 2018. № 4. С. 11–16.
20. Cheng Meng-Tzu, Rosenheck L., Lin Chen-Yen, Klopfer E. Analyzing gameplay data to inform feedback loops in The Radix Endeavor // Computers & Education. 2017. No. 111. P. 60–73. https://www.sciencedirect.com/science/article/pii/S0360131517300702
21. Gomes L. M., Martins F., Guerra H. Teaching web programming using the MEAN stack // Auer M., Hortsch H., Sethakul P. (eds) The Impact of the 4th Industrial Revolution on Engineering Education. ICL 2019. Advances in Intelligent Systems and Computing. 2020. Vol. 1135. Springer, Cham. DOI: 10.1007/978-3-030-40271-6_26
22. Hossein-Mohand H., Trujillo-Torres J.M., GómezGarcía M., Hossein-Mohand H., Campos-Soto A. Analysis of the use and integration of the flipped learning model, project-based learning, and gamification methodologies by secondary school mathematics teachers // Sustainability. 2021. No. 13 (5). DOI: 10.3390/su13052606
23. Kenwrigh B. Interactive web-based programming through game-based methodologies. Paper presented at the ACM SIGGRAPH 2020 Educator’s Forum, SIGGRAPH 2020. DOI: 10.1145/3388530.3407243
Review
For citations:
Karmanova E.V., Bezborodova O.V. Studing the css animation with websimulator in extracurricuLar activities. Informatics in school. 2021;(5):49-54. (In Russ.) https://doi.org/10.32517/2221-1993-2021-20-5-49-54