РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ ДЛЯ СЛУШАТЕЛЕЙ КУРСОВ ВЕБ-ДИЗАЙНА

WEB APPLICATION DEVELOPMENT FOR WEB DESIGN COURSE STUDENTS

Ilya Lenev

student, Institute of Information Technology, MIREA- Russian Technological University,

Russia, Moscow

Natalia Arkhipova

scientific supervisor, candidate of Art, associate professor, MIREA- Russian Institute of Technology,

Russia, Moscow

АННОТАЦИЯ

В данной статье рассматривается инновационный подход к организации онлайн обучения на курсах веб-дизайна, при котором, будущие слушатели курсов составляют свою индивидуальную программу обучения из отдельных предметов, используя конструктор курсов. Это позволяет удовлетворить потребности клиентов и сократить затраты организаторов курсов.

ABSTRACT

This article discusses an innovative approach to the organization of online training in web design courses, in which future students of the courses make up their individual training program from separate subjects using the course constructor. That allows to cater for the needs of the customers and reduce the expenses for course organizers.

Ключевые слова: приложение; сайт; онлайн; веб-дизайн; конструктор.

Keywords: application; website; online; web design; constructor.

В наше время веб-дизайн стремительно набирает популярность и используется в разных областях культуры, искусства, промышленности. Не удивительно, что профессия веб-дизайнера стала очень востребованной. В настоящее время на рынке образовательных услуг существуют большое количество разнообразных онлайн и оффлайн курсов обучения веб-дизайну. Тем не менее, такое разнообразие вариантов не снимает актуальности с вопроса разработки наиболее удобных и эффективных курсов. В данном исследовании был проведен сравнительный анализ сайтов, предлагающих обучение онлайн, который показал, что большинство курсов не предоставляют полную информацию о содержании обучения будущим слушателям: на многих сайтах мало кликабельных кнопок, в основном короткие рекламные слоганы об услугах курсов. После посещения подобных сайтов будущий слушатель не получит полной информации: для того, чтобы принять решение об обучении потребуется связаться с менеджерами и обсудить план. Анализ доступной на сайтах информации показал, что практически каждый курс «отягощен» дополнительной, не всегда полезной или интересной для слушателя информацией, как правило, она касается делового этикета, общения, имиджа, психологических аспектов, основ английского языка.

Будущим слушателям важно, чтобы на сайте была доступна конкретная информация, а также, они не хотят, чтобы им навязывали какие-либо дополнительные услуги. Новизна данного проекта состоит в том, что был предложен довольно необычный для обучающих курсов метод - конструктор программы обучения, где слушатель может сам сконструировать программу обучения, ориентируясь на материал и цену. Так слушатели не будут переплачивать за неактуальные для них знания и будут изучать только то, что им нужно. Конечно, для тех, кто не уверен в том, что ему нужно, на сайте будет возможность взять готовый курс обучения.

Цель данной работы состоит в изучениисовременныхстандартовиподходовкразработке веб-приложений для формирования компетенций у слушателей курсов веб-дизайна; изучениисовременныхтехнологий модели веб-приложения.

В работе были применены:

• методологии структурного анализа и проектирования веб -приложения (сайта);
• методологии объектно-ориентированного анализа и проектирования веб-приложения (сайта);
• комплексные методы проектирования веб-приложения (сайта);
• CASE-технологии анализа и проектирования сайта.

Разрабатываемое веб-приложение должно обеспечивать знакомство с программой обучения; самостоятельное составление программы обучения с помощью конструктора; оплату обучения онлайн; знакомство с теоретическим материалом; выполнение практических заданий; прохождение тестирования; скачивание сертификата.

Условия эксплуатации комплекса технических средств системы должны соответствовать условиям эксплуатации группы 2 ГОСТ 21552-84 «Средства вычислительной техники. Общие технические требования, приемка, методы испытаний, маркировка, упаковка, транспортировка, хранение» [8, с. 15].

Условия эксплуатации персональных компьютеров Системы соответствуют Гигиеническим требованиям к видео-дисплейным терминалам, персональным электронно-вычислительным машинам и организации работы (Санитарные правила и нормы. СанПиН 2.2.2.542-96) [7, с. 9].

Для реализации статических страниц и шаблонов используются языки HTML и CSS. Исходный код разрабатывается в соответствии со стандартами W3C (HTML 5). Для реализации интерактивных элементов клиентской части используются языки JavaScript. Для реализации динамических страниц используется язык PHP. Для организации большого количества функционала: сессий, маршрутизации, архитектуры приложения, аутентификации, работы с базой данных, кэширования используется Laravel. Для создания «отзывчивых» сайтов, ориентированных на мобильные приложения, а также для работы с богатой библиотекой, содержащие готовые формы, JS и CSS, Bootstrap.

Взаимодействие с сайтом происходит следующим образом: будущий слушатель регистрируется, знакомиться с информацией, набирает учебные предметы в корзину, создавая свой индивидуальный курс. Далее происходит оплата онлайн и само обучение, в процессе которого слушатель не только знакомиться с теоретическим материалом, но и выполняет задания. В конце предусмотрен тест и по результатам автоматически формируется сертификат, который можно скачать. Это полностью автономная система, но, одновременно открытая и понятная.

На рисунке 1 показан процесс составления клиентом собственного курса от начала до конца.

Рисунок 1. Контекстная диаграмма модели TO-BE

Составление программы обучения производится непосредственно клиентами на сайте или в приложении. Никаких навязывании услуг: клиент не переплачивает за то, что ему не нужно или не интересно. Он сам регулирует наполнение своего курса и количество часов обучения.  Такой формат обучения очень выгоден не только для клиентов, но и для руководства курсами, когда не нужно тратиться на аренду помещения, зарплату многочисленным менеджерам и секретарям.

На рисунке 2 представлена декомпозиция блока конструктора курсов.

Рисунок 2. Декомпозиция блока конструктора курсов

Выбор курса запускает процесс обучения, что отражается непосредственно на сформированном курсе. Это существенно сокращает время, и ученик сразу может приступать к обучению. На рисунке показано, что структура понятная, простая и прозрачная: клиент выбирает курсы и предметы, сам составляет расписание и сразу может приступить к обучению.

Использование данного приложения сохраняет время клиентам, позволяет им получить то, что они хотят и не создает эффект, что клиентам навязали что-то или в программе, не хватает каких-то знаний и нужно проходить дополнительное обучение. Организация онлайн обучения с помощью такого веб-приложения позволит организаторам существенно сэкономить на сотрудниках, поскольку все процессы автоматизированы. Таким образом, она не только удобна для слушателей, но и рентабельная.

Список литературы:

1. Алпатов, А.Н. Тестирование и отладка программного обеспечения: учебное пособие / А. Н. Алпатов, А. А. Лобанов, Ю. С. Лобанова. – Киров: Издательство МЦИТО, 2021. – 58 с. – URL: https://mcito.ru/publishing/epub/tutorialsview=345 (дата обращения: 10.02.2024). – Текст: электронный. ISBN: 978-5-907419-18-6 https://doi.org/10.52376/978-5-907419-18-6
2. Вигерс, К. Разработка требований к программному обеспечению. 3-е изд., дополненное. Пер. с англ. / И. К. Вигерс, Дж. Битти. – М.: Издательство «Русская редакция»; СПб.: БХВ-Петербург, 2014 − 736 с.
3. ГОСТ 2.105-95. Общие требования к текстовым документам [Текст]. – М.: Изд-во стандартов, 1996. – 29 с.
4. ГОСТ 7.32−2107. Межгосударственный стандарт. Система стандартов по информации, библиотечному и издательскому делу. Отчет о научно- исследовательской работе. Структура и правила оформления": введен в действие Приказом Росстандарта от 24.10.2017 N 1494-ст: дата введения 2018-01-07. URL: http://www.consultant.ru/document/cons_doc_LAW_292293/ (дата обращения: 20.02.2024). – Текст: электронный.
5. ГОСТ Р 7.0.100–2018. Национальный стандарт Российской Федерации. Библиографическая запись. Библиографическое описание: общие требования и правила составления: Приказом Федерального агентства по техническому регулированию и метрологии (Росстандартом) от 03 декабря 2018 N 1050-ст: дата введения 2019-01-07. – М.: Стандартинформ, 2018. – 128 с.
6. ГОСТ 19.701−90 ЕСПД (ИСО5807−85). Межгосударственный стандарт. Схемы алгоритмов, программ, данных и систем. Обозначения условные и правила выполнения: Постановлением Государственного комитета СССР по управлению качеством продукции и стандартам N 3294: дата введения 1990-01-01. – М.: Стандартинформ, 2010 – 158 с.
7. ГОСТ 34.320-96. Информационные технологии. Система стандартов по базам данных. Эталонная модель базы данных [Текст]. – Введ. 2001-07-01. – М. : Изд-во стандартов, 2001. 46 с.
8. ГОСТ 34.321-96. Информационные технологии. Система стандартов по базам данных. Концепции и терминология для концептуальной схемы и клиент-серверной базы [Текст]. – Введ. 2001-07-01. – М. : Изд-во стандартов, 2001. 27 с.
9. ГОСТ 34.602−2020. Межгосударственный стандарт. Информационные технологии. Комплекс стандартов на автоматизированные системы. Техническое задание на создание автоматизированной системы: Приказом Федерального агентства по техническому регулированию и метрологии № 1522-ст от 19 ноября 2021 г.: дата введения 2022-01-01. – М.: Российский институт стандартизации, 2021. – 12 с.
10. ГОСТ Р 59795-2021 Автоматизированные системы. Требования к содержанию документов [Текст]. – Введ. 2022-04-30. – М.: Российский институт стандартизации 2021. – 31 с.