ETIT.info — Virtuálna prehliadka VPU č. 7

O projekte

ETIT.info bol môj prvý reálny webový projekt, ktorý som vytvoril na Ukrajine pre odbornú školu VPU č. 7 v Kremenčuku. Projekt spojil dve úlohy do jednej webovej stránky: vytvorenie interaktívnej virtuálnej prehliadky celej odbornej školy a samostatnej informačnej stránky pre predmetovú a metodickú komisiu Ekonomika a informačné technológie. Virtuálna prehliadka bola navrhnutá tak, aby sa budúci žiaci a ďalší návštevníci mohli so školou zoznámiť na diaľku. Na úvodnej stránke prehliadky si používateľ môže vybrať miesto, ktoré chce navštíviť, a následne pokračovať medzi dostupnými časťami školy. Tento koncept bol užitočný najmä pre ľudí, ktorí chceli spoznať školské prostredie ešte pred osobnou návštevou. Namiesto prezentácie školy iba textom a niekoľkými fotografiami som vytvoril riešenie založené na vizuálnom objavovaní a navigácii ovládanej používateľom. Druhou hlavnou časťou projektu bola webová stránka komisie Ekonomika a informačné technológie. Stránka predstavuje jej vzdelávacie a metodické zameranie, hlavné oblasti práce, profesie súvisiace s odborom, informácie o učiteľoch a ďalší dôležitý obsah školy. Na živej stránke sú prezentované napríklad profesie operátor počítačového spracovania údajov, operátor spracovania informácií a softvéru a pracovník evidencie účtovných údajov. Budúci žiaci tak môžu lepšie pochopiť, aké vzdelávacie smery sú dostupné. Projekt som rozdelil do jasných sekcií Home, Tour, Info a Contact. Implementoval som aj prepínanie medzi tmavým a svetlým vzhľadom, aby si návštevník mohol zmeniť vizuálny režim stránky. Obsah bol vytvorený z reálnych školských materiálov a údajov, nie z ukážkových textov, čo tento projekt výrazne odlišovalo od mojich skorších cvičných webov. Tento projekt bol pre mňa dôležitý, pretože som prvýkrát vytváral web pre skutočnú inštitúciu a reálnych používateľov. Musel som premýšľať nielen nad vzhľadom stránok, ale aj nad tým, ako budú žiaci, rodičia a návštevníci vyhľadávať informácie, ako usporiadať väčšie množstvo školského obsahu a ako spojiť virtuálnu prehliadku s informáciami o odbore do jedného súvislého webu. Projekt som vytvoril pomocou štandardných frontendových webových technológií a nasadil na Netlify. Výsledkom je vzdelávacia webová stránka, ktorá spája informácie o škole, profesiách a učiteľoch, vizuálne spoznávanie prostredia a interaktívnu virtuálnu prehliadku. V mojom vývoji predstavuje dôležitý skorý míľnik, pretože som sa posunul od malých cvičných projektov k riešeniu praktickej komunikačnej potreby reálnej odbornej školy.

Moja úloha

Naplánoval, navrhol a vyvinul som celý projekt: informačnú stránku odboru, virtuálnu prehliadku školy, navigáciu a štruktúru stránok, organizáciu obsahu, prepínanie svetlej a tmavej témy, frontend implementáciu, prípravu školských materiálov pre web a nasadenie na Netlify.

Čo som urobil

• ✓Naplánoval som web súčasne ako informačný zdroj odboru a ako virtuálnu prehliadku odbornej školy
• ✓Vytvoril som sekcie Home, Tour, Info a Contact a usporiadal navigáciu medzi nimi
• ✓Vytvoril som interaktívny vstup do prehliadky, kde si návštevník môže vybrať miesto školy, ktoré chce spoznať
• ✓Štruktúroval som virtuálnu prehliadku tak, aby predstavila prostredie celej odbornej školy na diaľku
• ✓Vytvoril som informačnú sekciu Ekonomika & IT s metodickou témou, smermi práce, profesiami a profilmi učiteľov
• ✓Implementoval som prepínanie medzi svetlou a tmavou témou rozhrania
• ✓Pripravil a usporiadal som reálne texty, fotografie a školské materiály pre online prezentáciu
• ✓Vytvoril som frontendové interakcie a stránky pomocou HTML, CSS a JavaScriptu
• ✓Hotový projekt som nasadil a zverejnil na Netlify
• ✓Projekt som dokončil ako svoju prvú reálnu webovú stránku pre skutočnú vzdelávaciu inštitúciu