Разработка современного веб-сайта для кафедры информационных технологий и управления

Автор: Турдубаева Ж.А., Исманов О.М.

Журнал: Бюллетень науки и практики @bulletennauki

Рубрика: Технические науки

Статья в выпуске: 11 т.9, 2023 года.

Бесплатный доступ

Главной особенностью разработки веб сайта кафедры является сервис для обучающих студентов, преподавателей и полезная информация для новых. Рассмотрены основные аспекты сайта кафедры информационных технологий и управления Ошского технологического университета. А также рассмотрен процесс проектирования и реализации веб-сайта. Важнейшим параметром сайта является доступность и проста использования, что достигается использованием веб-технологий. Для разработки интерфейса использован язык гипертекстовой разметки HTML. А из фреймворка использовали bootstrap.

Современный веб-сайт, веб-разработка, дизайн сайта

Короткий адрес: https://sciup.org/14128960

IDR: 14128960   |   DOI: 10.33619/2414-2948/96/39

Текст научной статьи Разработка современного веб-сайта для кафедры информационных технологий и управления

Бюллетень науки и практики / Bulletin of Science and Practice

УДК 004.43                                         

Сегодня сложно не замечать влияние сети интернет на формирование социального мнения, общественных связей и получение информации. Информационное пространство современного человека трудно представить без возможности выхода в интернет просмотра, публикации, и редактирования информации в глобальной сети. Все это разрешает различным организациям формировать свой образ, используя нынешние сетевые технологии. Целью данной работы является создание веб сайта для кафедры ИТиУ, который соответствовал бы современным требованиям сайтов учебных заведений. Сайт в свой черед должен выполнять следующие задачи: удобное получение информации; удобная проверка информации; быстродействие; обеспечение консолидацию с социальными сетями; использование фирменной эмблемы учебного заведения. При разработке сайта были использованы следующие программные средства:

JavaScript — это язык, который позволяет применять сложные вещи на веб-странице — каждый раз, когда на веб-странице происходит что-то большее, чем просто ее статическое использование — использование периодического обновления контента, или интерактивных карт, или анимации 2D/3D графиков, или прокрутка видео в проигрывателе.

Фреймворк Bootstrap позволяет ускорить процесс верстки, плюс, сделать готовый продукт более адаптивным к разным вариантам разрешения и формата экрана. Распространяется полностью бесплатно в виде HTML, CSS и JS файлов. Это один из самых популярных фреймворков в мире.

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

Анализ методов создания сайта

Сайт — это совокупность страниц, объединенных одной тематикой, дизайном, имеющих взаимосвязанную систему ссылок, размещенных в сети интернет. Сайты являются распространенным способом размещения информации в сети интернет. Большинство организаций имеет свой сайт.

Различают два типа сайтов: статические и динамические сайты. При разработке статических сайтов используют, как правило, связку из HTML-страницы и CSS-таблицы стилей. Этот тип сайтов не учитывает поведение пользователя, не может менять содержимое страницы в зависимости от внешних условий, как то нажатие клавиши на каком-либо из устройств ввода. В современных реалиях интернета статические сайты практически не используются. Способ создания динамических сайтов также можно разделить на два подхода. Первый подход — использование так называемых графических конструкторов сайтов. Использование их позволяет создавать сайты людям, которые не имеют каких либо знаний и умений в веб-разработке. Однако функционал таких сайтов ограничен набором шаблонов, которые предоставляет конструктор. Следовательно, сайт, созданный с помощью конструктора теряет такой важный аспект как уникальность продукта. Этого можно избежать, использовав второй подход — разработка сайта с использованием библиотек динамического содержимого. Для создания таких сайтов существуют специальные языки программирования. Это PHP, Ruby, Python, JavaScript [1].

Разработка макета и программная реализация сайта

Также использованы элементы bootstrap. Рассмотрим всю структуру сайта и листинг отдельных элементов. Прежде всего, создается главная страница веб-сайта кафедры ИТиУ которая показано на Рисунке 3.

На главной странице размещена общая информация о кафедре ИТиУ. На экране показана основные элементы: новости, документы, галерея, описания и контакты (Рисунок 4).

Т. 9. №11. 2023

В папке галерея с помощью JavaScript — создали слайд-шоу карусель. Данный слайд карусель содержит разные фотографии и информации о мероприятиях (Рисунок 5).

Листинг слайд галереи показан на Рисунке 6.

Рисунок  1. Фрагмент листинга файла       Рисунок 2 Листинг Bootstrap

ОШСКИЙ ТЕХНОЛОГИЧЕСКИЙ

УНИВЕРСИТ ЕТ ям мм Аднижм

Кафедра Информационные технологии и управленияНовости

1» 20 о «тибра 2023 г-иДм а Ош ту СОСГМПОВ Мем^умариДни м^мио прМПЯчесмва понферамцяв -Навме воэмеамистм устойчивое г» раявитм* горим* ре I» «41'0 ■•>■•> смешит и кирудмнчвсшм • гмл аяиммний Ф латк» Ошыимо юшолпгичеСясУв унимирочата ммамм М.М. ^сшевва

Я целя* улучшения ыиета еврмрвамм в «ум* были прмоОретеим моема .-ентрнме панели RtaTfetrh IT во дмвпжмыо по деймпа м 8 миллиона 4U9 питам томе* Сеерди* реатор ЖЖ ТурсуяВам ПМЖМтвмл wнамаемся иборудомвняе двваим свядего фмулъмга для аемямьоыыяя в ухабима пропасся

Рисунок 3. Главная страница сайта кафедры

Рисунок 4. Элементы главной страницы кафедры ИТиУ

Рисунок 5. Слайд галерея

Рисунок 6 Листинг слайд галереи

Вывод

Таким образом, в ходе данной статьи получены положительные результаты. Об этом свидетельствуют разработанный веб-сайт. Разработанный сайт ориентирован как на преподавателей и студентов, так и на абитуриентов.

Сайт отвечает всем требованиям технического задания.

При его разработке были использованы современные технологии, использующиеся для создания сайтов. Была применена программная платформа, обладающая высоким уровнем защиты, быстродействия и масштабируемости.

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

Основные направления для дальнейшего совершенствования сайта — это создание модуля интерактивного расписания по группам и преподавателям с синхронизацией с головным сайтом Ошского технологического университета.

Разрабатанный web-сайт совместим с основными популярными браузерами, такими как: Mozilla Firefox; Google Chrome; Yandex браузер; Internet Explorer; Opera.

Список литературы Разработка современного веб-сайта для кафедры информационных технологий и управления

  • Гаевский А. Ю., Романовский В. М. 100% самоучитель по созданию Web-страниц и Web-сайтов. HTML JavaScript: быстро, легко, само100%ятельно. М.: Технолоджи-3000, 2005. 454 с. EDN: QMNQSJ
  • Кожемякин А. А. HTML и CSS в примерах. Создание Web-страниц. М.: Альтекс-А, 2004. 415 с. EDN: QMNERH
  • Карташова Е. Д. Wеb-программирование: библиографический список литературы. Минск, 2023.
  • Поллок Д. JavaScript. Руководство разработчика. М.: Питер, 2011. 543 с. EDN: QMWERN
Статья научная