ETIT.info — Виртуальная экскурсия ВПУ №7

О проекте

ETIT.info был моим первым реальным веб-проектом, созданным в Украине для ВПУ №7 города Кременчуга. Проект объединил две задачи в одном сайте: создание интерактивной виртуальной экскурсии по профессиональному училищу и отдельного информационного сайта для цикловой методической комиссии «Экономика и информационные технологии». Раздел виртуальной экскурсии был создан для того, чтобы будущие учащиеся и другие посетители могли дистанционно познакомиться с учебным заведением. На стартовой странице экскурсии пользователь может выбрать место, которое хочет посетить, и затем переходить между доступными частями училища. Идея была особенно полезна для людей, которые хотели увидеть учебную среду ещё до личного визита. Вместо того чтобы показывать училище только через текст и несколько фотографий, я сделал акцент на визуальном знакомстве и навигации, которую контролирует сам пользователь. Второй крупной частью проекта стал сайт цикловой методической комиссии «Экономика и информационные технологии». На нём представлены учебно-методическое направление комиссии, основные направления её работы, профессии, связанные с этим направлением, информация о преподавателях и другие важные материалы учебного заведения. На действующем сайте, в частности, представлены профессии оператора компьютерного набора, оператора по обработке информации и программного обеспечения и учётчика по регистрации бухгалтерских данных. Это помогает будущим учащимся понять, какие образовательные направления они могут выбрать. Я организовал сайт в понятные разделы: Главная, Экскурсия, Инфо и Контакты. Также реализовал переключение между тёмной и светлой темами, чтобы пользователь мог менять внешний вид сайта. В проекте использовалась реальная информация и материалы училища, а не демонстрационный контент, поэтому эта работа заметно отличалась от моих предыдущих учебных упражнений. Для меня этот проект был особенно важен, потому что это был первый опыт создания сайта для реального учебного заведения и реальных пользователей. Нужно было думать не только о внешнем виде страниц, но и о том, как учащиеся, родители и посетители будут находить информацию, как организовать большой объём материалов училища и как объединить виртуальную экскурсию и информацию о комиссии в единый веб-ресурс. Я создал проект на базе стандартных frontend-вебтехнологий и развернул его на Netlify. В результате получился образовательный сайт, который объединяет информацию об учебном заведении, профессиях и преподавателях, визуальное знакомство с училищем и интерактивную виртуальную экскурсию. Для моего развития эта работа стала важным ранним этапом перехода от небольших учебных проектов к решению реальной коммуникационной задачи для профессионального училища.

Моя роль

Я спланировал, спроектировал и разработал весь проект: информационный сайт цикловой методической комиссии, виртуальную экскурсию по училищу, навигацию и структуру страниц, организацию контента, переключение светлой/тёмной темы, frontend-реализацию, подготовку материалов училища для веба и deployment на Netlify.

Что я сделал

• ✓Спланировал сайт одновременно как информационный ресурс цикловой комиссии и как виртуальную экскурсию по профессиональному училищу
• ✓Создал разделы Главная, Экскурсия, Инфо и Контакты и организовал навигацию между ними
• ✓Создал интерактивную стартовую точку экскурсии, где посетитель может выбрать нужное место училища
• ✓Организовал виртуальную экскурсию для дистанционного знакомства со средой всего профессионального училища
• ✓Создал информационный раздел «Экономика и ИТ» с методической проблемой, направлениями работы, профессиями и профилями преподавателей
• ✓Реализовал переключение между светлой и тёмной темами интерфейса
• ✓Подготовил и систематизировал реальные тексты, фотографии и материалы учебного заведения для онлайн-презентации
• ✓Разработал frontend-взаимодействие и страницы с помощью HTML, CSS и JavaScript
• ✓Развернул и опубликовал готовый проект на Netlify
• ✓Завершил эту работу как свой первый реальный сайт для настоящего учебного заведения