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

Про проєкт

ETIT.info був моїм першим реальним вебпроєктом, створеним в Україні для ВПУ №7 міста Кременчука. Проєкт об'єднав дві задачі в одному сайті: створення інтерактивної віртуальної екскурсії професійним училищем та окремого інформаційного сайту для циклової методичної комісії «Економіка та інформаційні технології». Розділ віртуальної екскурсії був створений для того, щоб майбутні учні та інші відвідувачі могли дистанційно познайомитися з навчальним закладом. На стартовій сторінці екскурсії користувач може обрати місце, яке хоче відвідати, і далі переходити між доступними частинами училища. Ідея була особливо корисною для людей, які хотіли побачити навчальне середовище ще до особистого відвідування. Замість того щоб показувати училище лише через текст і декілька фотографій, я зробив акцент на візуальному ознайомленні та навігації, яку контролює сам користувач. Другою великою частиною проєкту став сайт циклової методичної комісії «Економіка та інформаційні технології». На ньому представлено навчально-методичну проблему комісії, основні напрямки її роботи, професії, пов'язані з цим напрямом, інформацію про викладачів та інші важливі матеріали навчального закладу. На чинному сайті, зокрема, представлені професії оператора комп'ютерного набору, оператора з обробки інформації та програмного забезпечення й обліковця з реєстрації бухгалтерських даних. Це допомагає майбутнім учням зрозуміти, які освітні напрямки вони можуть обрати. Я організував сайт у зрозумілі розділи: Головна, Екскурсія, Інфо та Контакти. Також реалізував перемикання між темною і світлою темами, щоб користувач міг змінювати зовнішній вигляд сайту. У проєкті використовувалася реальна інформація та матеріали училища, а не демонстраційний контент, тому ця робота суттєво відрізнялася від моїх попередніх навчальних вправ. Для мене цей проєкт був особливо важливим, тому що це був перший досвід створення сайту для реального навчального закладу та реальних користувачів. Потрібно було думати не лише про дизайн сторінок, а й про те, як учні, батьки та відвідувачі будуть знаходити інформацію, як організувати великий обсяг матеріалів училища та як об'єднати віртуальну екскурсію й інформацію про комісію в один цілісний вебресурс. Я створив проєкт на базі стандартних frontend-вебтехнологій і розгорнув його на Netlify. У результаті вийшов освітній сайт, який поєднує інформацію про навчальний заклад, професії та викладачів, візуальне знайомство з училищем і інтерактивну віртуальну екскурсію. Для мого розвитку ця робота стала важливим раннім етапом переходу від невеликих навчальних проєктів до вирішення реальної комунікаційної задачі для професійного училища.

Моя роль

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

Що я зробив

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