CC BY
19УДК 378.14
1 2
Рустем Рафимович Валиев , Олег СергеевичМутраков
12Башкирский государственный педагогический университет им. М.Акмуллы, Уфа,
Россия
1 valiev.ukrtb@gmail.com
2 mutrakov@rambler.ru
Автор, ответственный за переписку: Рустем Рафимович Валиев,
valiev.ukrtb@gmail.com
РАЗРАБОТКА ДИСТАНЦИОННОГО ОНЛАЙН КУРСА ПО WEB-ПРОГРАММИРОВАНИЮ НА ОСНОВЕ ЦИФРОВЫХ ТЕХНОЛОГИЙ
Аннотация. В статье рассматриваются вопросы, возникающие в процессе разработки дистанционного онлайн курса по web-программированию, основные определения, используемые при разработке web-сайтов.
Ключевые слова, онлайн курс, гиперссылка, web-страница, web-сайт, web-программирование, web-разработка, фронтенд, бэкенд
1 2
Rustem R.Valiev , Oleg S. Mutrakov
12 Bashkir State Pedagogical University n.a. M. Akmulla, Ufa, Russia
1 valiev.ukrtb@gmail.com
2 mutrakov@rambler.ru
Corresponding author: valiev.ukrtb@gmail.com
DEVELOPMENT OF A REMOTE ONLINE COURSE ON WEB PROGRAMMING BASED ON DIGITAL TECHNOLOGIES
Abstract. The article discusses the issues that arise in the process of developing a remote online course on web programming, the main definitions used in the development of web sites.
Keywords: online course, hyperlink, web page, web site, web programming, web development, frontend, backend
В мире стало невозможным рассматривать обычного человека детерминировано от информационных технологий и IT-рынка. Всё больше различные устройства и технологии вплетаются в повседневную жизнь, значительно ее, упрощая и делая комфортнее. И так как образование является одной из важнейших частей в процессе социализации человека, то цифровой мир затронул и этот аспект, упростив поиск информации, повысив доступность к разным источникам данных, возможность передачи информации и коммуникации с другими людьми на расстоянии.
Количество компьютеров на мировом рынке постоянно растёт. По оценкам аналитиков исследовательской и консалтинговой компании Gartner вычислительная техника к концу 2021 года достигла отметки в 6.22 миллиарда, а в 2022 году тенденция роста продолжится и будет достигнута отметка в 6.45 миллиардов [1]. Речь идёт о смартфонах, стационарных ПК, планшетах и ноутбуках. Каждое из этих устройств может иметь выход и глобальную сеть Enternet, используя браузер в качестве программного обеспечения для просмотра различных web-ресурсов (страницы, приложения, документы, каталоги, файлы), а также для решения других задач.
Таким образом, web-разработка является востребованной в наши дни. Благодаря кроссплатформенности отпадает необходимость учитывать тип операционной системы устройства. Начиная от интернет-магазинов и заканчивая компаниями, занимающимися
добычей нефти и газа имеют собственные web-сайты, которые могут использоваться не только для предоставления информации о компании и их деятельности, но и служить системой управления персоналом и проектами и даже иметь интеграцию с другими системами, например, с системой администрирования 1С. Профессия web-разработчика становится всё актуальнее благодаря росту экономики и появлению новых проектов. И так как технологии и подходы к web-разработке постоянно прогрессируют и видоизменяются, необходимо также разрабатывать актуальные образовательные курсы, которые смогут удовлетворить потребности современного it-рынка.
В современных условиях дистанционное обучение стало актуальным, поскольку дает возможность обучаться любому человеку независимо от места, где он находится, состояния здоровья, времени суток, при желании - учиться можно семь дней в неделю. Наличие большого количества онлайн курсов, дает возможность самостоятельно выбирать учебно-методический материал и преподавателя, иными словами каждый может воспользоваться дистанционными образовательными технологиями [4].
Существует огромное количество площадок, которые предоставляют возможность реализации дистанционного онлайн обучения в формате курсов. Такой формат является наиболее востребованным т.к. является общедоступным и содержит в себе только самое необходимое. Большинство it-компаний при приёме на работу специалиста обращают внимание на то, какие курсы проходил рассматриваемый кандидат. Зачастую известный курс на известной площадке является большим плюсом и может стать решающим фактором при выборе двух одинаковых кандидатов. Одним из таких курсов является курс по программированию на языке c#, который расположен на сайте: https://ulearn.me/.
Помимо качественно подобранного материала и наличию практических заданий курс является бесплатным. Немалую популярность имеют яндекс курсы - Яндекс Практикум (https://practi cum.yandex.ru/).
Данная площадка содержит как платные, так и бесплатные курсы, многие из которых являются групповыми. После набора группы куратор начинает курс, поддерживая дистанционно связь с учащимися. Ежедневная обратная связь, практические задания и помощь от специалистов делают эти курсы очень эффективными в обучении, однако из-за строгого контроля времени такие курсы будут доступны не всем. В случае если не прислать задание вовремя, можно потерять место в группе.
Еще одной из платформ для размещения курсов является площадка skillbox (https://skillbox.ru/courses/).
На сайте skillbox даже присутствует возможность пройти тест в результате которого можно определить свою профессию и выбрать соответствующий курс. На данной площадке располагаются платные курсы.
Размещение собственных курсов на подобных площадках не является бесплатным. Однако в качестве бесплатной альтернативы можно рассмотреть сервис google classroom от google (https://classroom.google. com/).
Платформа предоставляет большой функционал по контролю выполнения работ и их оценки. Доступна возможность приглашать студентов через их адрес почты google, а также использовать google drive для размещения теоретического материала. Удобный конструктор позволяет быстро сформировать теоретические и практические блоки, упорядочить их и настроить спецификацию. Можно выбрать разные типы заданий и формы приёма их ответа. Также настраивается и шкала прогресса и оценки за выполнение заданий и просмотра теоретического материала.
При проектировании дистанционных онлайн курсов, эффективно использовать гипертекстовые технологии и мультимедийные средства. Гипертекст - возможность создания «живого», интерактивного учебного материала, снабженного ссылками между различными частями материала[3]. Это способ представления текста, в котором применяются смысловые ссылки на понятия, термины, позволяющие нелинейно читать
связанные статьи или части документа.
По принципу гипертекста созданы справочные материалы и руководства по эксплуатации приложений, электронные словари. Самым ярким примером использования гипертекста является интернет. В нем применяется HTML - адаптированная под сферу эксплуатации версия гипертекстовой разметки со своими правилами, условиями и ограничениями[7].
Web-программирование - раздел программирования, ориентированный на разработку web-приложений (программ, обеспечивающих функционирование динамических сайтов Всемирной паутины).
Web-приложение - это сайт, содержащий интерактивные элементы взаимодействия с пользователем (кнопки, scroll-бары, поля ввода), В качестве примеров web-приложений можно привести социальные сети, системы управления персоналом и проектами, почтовые клиенты, поисковые системы, интернет-магазины[5].
Качественно написанные web-приложения представляют собой систему из клиентской и серверной частей. Клиентская часть или же frontend(фронтенд) реализуется фронтент разработчиками и предоставляет пользователю визуальную и интерактивную составляющую приложения. Серверная часть или же backend(бэкенд) реализует механизмы обработки данных, полученных от пользователя, реализации ответа на запрос пользователя посредством взаимодействия с базой данных и обработки этих данных реализованными на сервере методами.
Существует несколько подходов для разработки web-приложений: одностраничное (SPA), многостраничное (MPA) и смешанное (PWA) web-приложение. Наиболее популярным в наше время является SPA приложение. Также приложения реализованы одной html страницей, заполнение которой происходит посредствам обмена сообщений, содержащий javaScript код. При этом html элементы генерируется с помощью команд, содержащихся в переданном коде. HTML или HyperText Markup Language представляет собой гипертекстовый язык разметки. Это основной каркас клиентской части, элементы которого представлены в виде ключевых конструкций (тегов). Также для стилистического оформления пользовательского интерфейса применяются таблицы каскадных erare^CSS), содержащие информацию о том, каким образом браузер должен сгенерировать тот или иной элемент. Каскадные стили также могут быть заданы с помощью генерации через javaScript код[2].
Если нужен нестандартный функционал или если к проекту предъявляются высокие требования по производительности, скорости работы и отказоустойчивости, используется платформа для разработки Фреймворк.
Фреймворки(Framework) - это программные продукты, которые упрощают создание и поддержку технически сложных или нагруженных проектов.
В то время как web-разработчики несут ответственность за аспекты кодирования и программирования web-сайта, web-дизайнеры разрабатывают тему, макет, изображения и определяют цветовую схему web-сайта, которая затем используется web-разработчиком при создании web-сайта.
Web-страница - это просто электронная страница, которая является частью книги, которая в данном случае является web-сайтом^].
Web-сайт состоит из нескольких web-страниц, которые представляют собой комбинацию текста, изображений, видео и ссылок.
Web-браузеры - это программные приложения, которые используются для доступа ко всему во всемирной паутине (обычно известной как Интернет)[3].
Интернет можно представить как библиотеку web-сайтов и если нужно найти что-то конкретное, необходимо выполнить поиск в поисковой системе, на основе фраз и ключевых слов, введенных пользователем.
После того, как вы создали свой web-сайт, его необходимо загрузить на хостинг-провайдера.
Web-хостинг - это сервис, который хранит web-сайты или web-приложения, что облегчает доступ к ним с таких устройств, как настольные компьютеры, мобильные телефоны и планшеты[9]. Поставщики сервисов web-хостинга обслуживают, настраивают и запускают физические серверы, которые можно арендовать для хранения файлов, а также предоставляют дополнительную поддержку; обеспечивают безопасность, создают резервное копирование, повышают их производительность, это позволяет сэкономить время и сосредоточиться на основных функциях web-сайта.
Web-хостинг предоставляет web-сайту или web-приложению сервер или машину в Интернете. А доменное имя - это адрес приложения, по которому его могут найти пользователи. Доменом называют область иерархического пространства имен в Интернете, которая имеет уникальное доменное имя. Доменные имена используются для организации сетевых ресурсов (сайтов, серверов электронной почты и т.д.) в удобной для человека форме[7].
В Интернете у каждой машины есть уникальное число, которое называется IP -адресом. IP-адрес (от англ. Internet Protocol) - уникальный числовой идентификатор устройства в компьютерной сети, работающей по протоколу IP. Он идентифицирует каждое вычислительное устройство, используемое для связи с другими устройствами в IP-сети (персональные компьютеры, планшеты, смартфоны).
Для преобразования IP-адресов серверов в доменные имена (и наоборот) служит DNS, представляющая собой распределённую систему серверов. DNS хранит ресурсные записи, каждая из которых имеет имя, тип записи и поле данных, содержание которого зависит от типа записи. Как правило, поле данных содержит некоторый IP-адрес или имя другого хоста
[9].
Чтобы сделать сайт доступным во всемирной сети Интернет, необходимы. аккаунт сервиса web-хостинга и зарегистрированное доменное имя, как официальный адрес web-сайта.
Таким образом, проектирование онлайн-курса - сложная многоступенчатая деятельность, которая совершается как ряд последовательно следующих друг за другом этапов, включающих в себя; подбор материала, тематическое планирование и конечную разработку самого курса.
СПИСОК ИСТОЧНИКОВ
1. Gartner Forecasts Global Devices Installed Base to Reach 6.2 Billion Units in 2021 [Электронный ресурс] // Gartner URL. https.//www.gartner.com/en/newsroom/press-releases/2021 -04-01 -gartner-forecasts-global-devices-installed-base-to-reach-6-2-billion-units-in-2021 (дата обращения: 13.11.2022).
2. Гарнаев А., Гарнаев С. WEB-программирование на Java и JavaScript. Москва. СИНТЕГ, 2016. 845 c.
3. Гипертекст в информатике. что это, когда был введен термин [Электронный ресурс] // Бингоскул - портал для подготовки к сдаче ЕГЭ и ОГЭ URL. https://bingoschool.ru/manual/gipertekst-v-informatike-chto-eto-kogda-byil-vveden-termin/ (дата обращения. 07.11.2022).
4. Закон РФ «Об образовании» от 29 декабря 2012 г. N 273 - ФЗ // Принят Государственной Думой 21 декабря 2012 года, одобрен Советом Федерации 26 декабря 2012 года — М., 2010, 160с.
5. Зудилова, Т. В., Буркова, М. Л. Web-программирование HTML. учеб. пособие. / СПб. НИУ ИТМО, 2012. 70с.
6. Мурадова Г.Б., Эргашева Э.Б. Аддиктивное поведение в виртуальном мире. Academy. № 9(60), 2020. 40-43 с.
7. Синица, С. Г. Web-программирование и web-сервисы. учеб. пособие. / Краснодар. Кубанский гос. ун-т, 2013. 160с.
8. Что такое SPA, MPA и PWA. Плюсы и минусы популярных подходов к построению сайтов [Электронный ресурс] // Разработка программного обеспечения Azoft URL: https://www.azoft.ru/blog/spa-mpa-pwa/ (дата обращения: 05.11.2022).
9. Что такое веб-хостинг? [Электронный ресурс] // Сервисы облачных вычислений - Amazon Web Services(AWS) URL: https://aws.amazon.com/ru/what-is/web-hosting/ (дата обращения: 07.11.2022).
REFERENCES
1. Gartner Forecasts Global Devices Installed Base to Reach 6.2 Billion Units in 2021 [E'lektronny'j resurs] // Gartner URL: https://www.gartner.com/en/newsroom/press-releases/2021-04-01-gartner-forecasts-global-devices-installed-base-to-reach-6-2-billion-units-in-2021 (data obrashheniya: 13.11.2022).
2. Garnaev A., Garnaev S. WEB-programmirovanie na Java i JavaScript. Moskva: SINTEG, 2016. 845 c.
3. Gipertekst v informatike: chto e'to, kogda by l vveden termin [E'lektronny'j resurs] // Bingoskul - portal dlya podgotovki k sdache EGE' i OGE' URL: https://bingoschool.ru/manual/gipertekst-v-informatike-chto-eto-kogda-byil-vveden-termin/ (data obrashheniya: 07.11.2022).
4. Zakon RF «Ob obrazovanii» ot 29 dekabrya 2012 g. N 273 - FZ // Prinyat Gosudarstvennoj Dumoj 21 dekabrya 2012 goda, odobren Sovetom Federacii 26 dekabrya 2012 goda — M., 2010, 160s.
5. Zudilova, T. V., Burkova, M. L. Web-programmirovanie HTML: ucheb. posobie. / SPb: NIU ITMO, 2012. 70s.
6. Muradova G.B., E'rgasheva E.B. Addiktivnoe povedenie v virtual'nom mire: Academy. № 9(60), 2020. 40-43 s.
7. Sinicza, S. G. Web-programmirovanie i web-servisy': ucheb. posobie. / Krasnodar: Kubanskij gos. un-t, 2013. 160s.
8. Chto takoe SPA, MPA i PWA. Plyusy' i minusy' populyarny'x podxodov k postroeniyu sajtov [E'lektronny'j resurs] // Razrabotka programmnogo obespecheniya Azoft URL: https://www.azoft.ru/blog/spa-mpa-pwa/ (data obrashheniya: 05.11.2022).
9. Chto takoe veb-xosting? [E'lektronny'j resurs] // Servisy' oblachny'x vy'chislenij -Amazon Web Services(AWS) URL: https://aws.amazon.com/ru/what-is/web-hosting/ (data obrashheniya: 07.11.2022).
Информация об авторах
Р.Р.Валиев — студент;
О.С.Мутраков - кандидат экономических наук, доцент.
Information about the authors
R.R. Valiev — student.
O.S.Mutrakov - Candidate of Economic Sciences, Associate Professor
