CC BY
0Бюллетень науки и практики /Bulletin of Science and Practice Т. 9. №11. 2023
https://www.bulletennauki.ru https://doi.org/10.33619/2414-2948/96
УДК 004.43 https://doi.org/10.33619/2414-2948/96/39
РАЗРАБОТКА СОВРЕМЕННОГО ВЕБ-САЙТА ДЛЯ КАФЕДРЫ ИНФОРМАЦИОННЫХ ТЕХНОЛОГИЙ И УПРАВЛЕНИЯ
©ТурдубаеваЖ. А., ORCID: 0000-0002-2096-876X, SPIN-код: 8938-4165, канд. техн. наук, Ошский технологический университет им. акад. М.М Адышева, г. Ош, Кыргызстан, [email protected] ©Исманов О. М., ORCID: 0000-0003-1018-351X, SPIN-код: 7244-9947, Ошский технологический университет им. акад. М.М. Адышева, г. Ош, Кыргызстан, [email protected]
DEVELOPMENT OF A MODERN WEBSITE FOR THE DEPARTMENT OF INFORMATION TECHNOLOGIES AND MANAGEMENT
©Turdubaeva Zh., ORCID: 0000-0002-2096-876X, SPIN-code: 8938-4165, Ph.D., Technological
University named by M.M. Adyshev, Osh, Kyrgyzstan, [email protected] ©Ismanov O., ORCID: 0000-0003-1018-351X, SPIN-code: 7244-9947, Technological University named by M.M. Adyshev, Osh, Kyrgyzstan, [email protected]
Аннотация. Главной особенностью разработки веб сайта кафедры является сервис для обучающих студентов, преподавателей и полезная информация для новых. Рассмотрены основные аспекты сайта кафедры информационных технологий и управления Ошского технологического университета. А также рассмотрен процесс проектирования и реализации веб-сайта. Важнейшим параметром сайта является доступность и проста использования, что достигается использованием веб-технологий. Для разработки интерфейса использован язык гипертекстовой разметки HTML. А из фреймворка использовали bootstrap.
Abstract. The main feature of the development of the department's website is the service for teaching students, teachers, and useful information for new ones. This article discusses the main aspects of the website of the Department of Information Technologies and Management of the Osh Technological University. The process of designing and implementing a website is also discussed. The most important parameter of the site is accessibility and ease of use, which is achieved using web technologies. The hypertext markup language HTML was used to develop the interface. And from the framework we used bootstrap.
Ключевые слова: современный веб-сайт, веб-разработка, дизайн сайта, CSS, HTML, Java Script, bootstrap.
Keywords: modern website, web development, site design, CSS, HTML, Java Script, bootstrap.
Сегодня сложно не замечать влияние сети интернет на формирование социального мнения, общественных связей и получение информации. Информационное пространство современного человека трудно представить без возможности выхода в интернет просмотра, публикации, и редактирования информации в глобальной сети. Все это разрешает различным организациям формировать свой образ, используя нынешние сетевые технологии. Целью данной работы является создание веб сайта для кафедры ИТиУ, который соответствовал бы современным требованиям сайтов учебных заведений. Сайт в свой черед должен выполнять
Я) ®
L^^^HS^H Тип лицензии CC: Attribution 4.0 International (CC BY 4.0)
Бюллетень науки и практики /Bulletin of Science and Practice Т. 9. №11. 2023
https://www.bulletennauki.ru https://doi.org/10.33619/2414-2948/96
следующие задачи: удобное получение информации; удобная проверка информации; быстродействие; обеспечение консолидацию с социальными сетями; использование фирменной эмблемы учебного заведения. При разработке сайта были использованы следующие программные средства:
JavaScript — это язык, который позволяет применять сложные вещи на веб-странице — каждый раз, когда на веб-странице происходит что-то большее, чем просто ее статическое использование — использование периодического обновления контента, или интерактивных карт, или анимации 2D/3D графиков, или прокрутка видео в проигрывателе.
Фреймворк Bootstrap позволяет ускорить процесс верстки, плюс, сделать готовый продукт более адаптивным к разным вариантам разрешения и формата экрана. Распространяется полностью бесплатно в виде HTML, CSS и JS файлов. Это один из самых популярных фреймворков в мире.
Согласно техническому заданию, сайт должен содержать следующие разделы: Главная страница; Новостной раздел; Раздел галерея; Страница информации; Блок документов; Обратная связь; Раздел студенту.
Анализ методов создания сайта Сайт — это совокупность страниц, объединенных одной тематикой, дизайном, имеющих взаимосвязанную систему ссылок, размещенных в сети интернет. Сайты являются распространенным способом размещения информации в сети интернет. Большинство организаций имеет свой сайт.
Различают два типа сайтов: статические и динамические сайты. При разработке статических сайтов используют, как правило, связку из HTML-страницы и CSS-таблицы стилей. Этот тип сайтов не учитывает поведение пользователя, не может менять содержимое страницы в зависимости от внешних условий, как то нажатие клавиши на каком-либо из устройств ввода. В современных реалиях интернета статические сайты практически не используются. Способ создания динамических сайтов также можно разделить на два подхода. Первый подход — использование так называемых графических конструкторов сайтов. Использование их позволяет создавать сайты людям, которые не имеют каких либо знаний и умений в веб-разработке. Однако функционал таких сайтов ограничен набором шаблонов, которые предоставляет конструктор. Следовательно, сайт, созданный с помощью конструктора теряет такой важный аспект как уникальность продукта. Этого можно избежать, использовав второй подход — разработка сайта с использованием библиотек динамического содержимого. Для создания таких сайтов существуют специальные языки программирования. Это PHP, Ruby, Python, JavaScript [1].
Разработка макета и программная реализация сайта Для создания главной страницы мы использовали из программного обеспечения текстовый процессор WordPad. Код главной страницы сохранен в файле home.html. Разметка и оформление основных элементов (стили) описаны в файле style.css.
Также использованы элементы bootstrap. Рассмотрим всю структуру сайта и листинг отдельных элементов. Прежде всего, создается главная страница веб-сайта кафедры ИТиУ которая показано на Рисунке 3.
На главной странице размещена общая информация о кафедре ИТиУ. На экране показана основные элементы: новости, документы, галерея, описания и контакты (Рисунок
4).
Бюллетень науки и практики / Bulletin of Science and Practice https://www.bulletennauki.ru
Т. 9. №11. 2023 https://doi.org/10.33619/2414-2948/96
В папке галерея с помощью JavaScript — создали слайд-шоу карусель. Данный слайд карусель содержит разные фотографии и информации о мероприятиях (Рисунок 5). Листинг слайд галереи показан на Рисунке 6.
Рисунок 1. Фрагмент листинга файла style.css
Рисунок 2 Листинг Bootstrap
Рисунок 3. Главная страница сайта кафедры
Рисунок 4. Элементы главной страницы кафедры ИТиУ
Я) ®
L^^^HS^H Тип лицензии CC: Attribution 4.0 International (CC BY 4.0)
Бюллетень науки и практики / Bulletin of Science and Practice Т. 9. №11. 2023
https://www.bulletennauki.ru https://doi.org/10.33619/2414-2948/96
Рисунок 5. Слайд галерея Рисунок 6 Листинг слайд галереи
Вывод
Таким образом, в ходе данной статьи получены положительные результаты. Об этом свидетельствуют разработанный веб-сайт. Разработанный сайт ориентирован как на преподавателей и студентов, так и на абитуриентов.
Сайт отвечает всем требованиям технического задания.
При его разработке были использованы современные технологии, использующиеся для создания сайтов. Была применена программная платформа, обладающая высоким уровнем защиты, быстродействия и масштабируемости.
Разработана и реализована модульная архитектура сайта, которая так же гарантирует высокую степень отказоустойчивости и скорости работы веб-сайта.
Основные направления для дальнейшего совершенствования сайта — это создание модуля интерактивного расписания по группам и преподавателям с синхронизацией с головным сайтом Ошского технологического университета.
Разрабатанный web-сайт совместим с основными популярными браузерами, такими как: Mozilla Firefox; Google Chrome; Yandex браузер; Internet Explorer; Opera.
Список литературы:
1. Гаевский А. Ю., Романовский В. М. 100% самоучитель по созданию Web-страниц и Web-сайтов. HTML JavaScript: быстро, легко, само100%ятельно. М.: Технолоджи-3000, 2005. 454 с.
2. Кожемякин А. А. HTML и CSS в примерах. Создание Web-страниц. М.: Альтекс-А, 2004. 415 с.
3. Карташова Е. Д. Wеb-программирование: библиографический список литературы. Минск, 2023.
4. Поллок Д. JavaScript. Руководство разработчика. М.: Питер, 2011. 543 с.
References:
1. Gaevskii, A. Yu., & Romanovskii, V. M. (2005). 100% samouchitel' po sozdaniyu Web-stranits i Web-saitov. HTML JavaScript: bystro, legko, samo100%yatel'no. Moscow. (in Russian).
2. Kozhemyakin, A. A. (2004). HTML i CSS v primerakh. Sozdanie Web-stranits. Moscow. (in Russian).
Бюллетень науки и практики / Bulletin of Science and Practice https://www.bulletennauki.ru
Т. 9. №11. 2023 https://doi.org/10.33619/2414-2948/96
3. Kartashova, E. D. (2023). Web-programmirovanie: bibliograficheskii spisok literatury. Minsk. (in Russian).
4. Pollok, D. (2011). JavaScript. Rukovodstvo razrabotchika. Moscow. (in Russian).
Работа поступила в редакцию 15.10.2023 г.
Принята к публикации 21.10.2023 г.
Ссылка для цитирования:
Турдубаева Ж. А., Исманов О. М. Разработка современного веб-сайта для кафедры информационных технологий и управления // Бюллетень науки и практики. 2023. Т. 9. №11. С. 305-309. https://doi.org/10.33619/2414-2948/96/39
Cite as (APA):
Turdubaeva, Zh., & Ismanov, O. (2023). Development of a Modern Website for the Department of Information Technologies and Management. Bulletin of Science and Practice, 9(11), 305-309. (in Russian). https://doi.org/10.33619/2414-2948/96/39
