ETIT.info — Virtuelle Tour durch die Berufsschule VPU Nr. 7

Über das Projekt

ETIT.info war mein erstes reales Webprojekt und entstand in der Ukraine für die Berufsschule VPU Nr. 7 in Krementschuk. Das Projekt verband zwei Ziele in einer Website: eine interaktive virtuelle Besichtigung der Berufsschule und eine eigene Informationswebsite für die zyklische methodische Kommission „Wirtschaft & Informationstechnologien“. Der Bereich der virtuellen Tour wurde so gestaltet, dass zukünftige Schülerinnen und Schüler sowie andere Besucher die Schule aus der Ferne kennenlernen können. Auf der Startseite der Tour können Benutzer den Ort auswählen, den sie besuchen möchten, und sich anschließend durch die verfügbaren Bereiche der Schule bewegen. Die Idee war besonders hilfreich für Menschen, die sich bereits vor einem persönlichen Besuch einen Eindruck von der Lernumgebung verschaffen wollten. Statt die Schule nur mit Text und einigen Bildern zu zeigen, entwickelte ich ein Erlebnis, das auf visueller Erkundung und selbst gesteuerter Navigation basiert. Der zweite große Teil des Projekts war die Website des Bereichs Wirtschaft & Informationstechnologien. Sie präsentiert den pädagogischen und methodischen Schwerpunkt der Kommission, ihre Arbeitsrichtungen, die zugehörigen Ausbildungsberufe, Informationen über Lehrkräfte und weitere wichtige Inhalte der Bildungseinrichtung. Auf der Live-Website werden unter anderem Berufe wie Computer-Datenerfassungsoperator, Fachkraft für Informations- und Softwareverarbeitung sowie Fachkraft für die Erfassung von Buchhaltungsdaten vorgestellt. Dadurch können zukünftige Schüler besser verstehen, welche Ausbildungsrichtungen angeboten werden. Ich strukturierte das Projekt in klare Bereiche für Startseite, Tour, Informationen und Kontakte. Zusätzlich implementierte ich einen Hell-/Dunkelmodus, sodass Besucher das Erscheinungsbild der Website wechseln können. Die Inhalte basierten auf realen Schulmaterialien und echten Informationen anstelle von Platzhalterdaten. Dadurch unterschied sich dieses Projekt deutlich von meinen früheren Übungsprojekten. Für mich war das Projekt besonders wichtig, weil ich zum ersten Mal eine Website für eine reale Institution und reale Benutzer entwickelte. Ich musste nicht nur über das Aussehen der Seiten nachdenken, sondern auch darüber, wie Schüler, Eltern und Besucher Informationen finden, wie umfangreiche Schulmaterialien sinnvoll strukturiert werden und wie virtuelle Besichtigung und Abteilungsinformationen als eine zusammenhängende Website funktionieren können. Ich entwickelte das Projekt mit klassischen Frontend-Webtechnologien und stellte es über Netlify bereit. Das Ergebnis ist eine Bildungswebsite, die institutionelle Informationen, Ausbildungsberufe, Lehrkräfte, visuelle Erkundung der Schule und eine interaktive virtuelle Tour miteinander verbindet. Für meine Entwicklung war dieses Projekt ein wichtiger früher Meilenstein, weil ich damit von kleinen Lernübungen zu einer praktischen digitalen Lösung für eine echte Berufsschule überging.

Meine Rolle

Ich plante, gestaltete und entwickelte das gesamte Projekt: die Informationswebsite des Fachbereichs, die virtuelle Schultour, Navigation und Seitenstruktur, Organisation der Inhalte, Hell-/Dunkelmodus, Frontend-Umsetzung, Aufbereitung der Schulmaterialien für das Web und Deployment auf Netlify.

Meine Aufgaben

• ✓Die Website sowohl als Informationsressource des Fachbereichs als auch als virtuelle Tour durch die Berufsschule geplant
• ✓Die Bereiche Startseite, Tour, Informationen und Kontakt erstellt und die Navigation dazwischen strukturiert
• ✓Einen interaktiven Einstieg in die Tour entwickelt, über den Besucher den gewünschten Schulbereich auswählen können
• ✓Die virtuelle Besichtigung strukturiert, damit die Umgebung der Berufsschule aus der Ferne erkundet werden kann
• ✓Den Informationsbereich Wirtschaft & IT mit methodischen Themen, Arbeitsrichtungen, Berufen und Lehrerprofilen erstellt
• ✓Einen Hell-/Dunkelmodus für die Benutzeroberfläche implementiert
• ✓Reale institutionelle Texte, Fotos und Schulmaterialien für die Online-Präsentation aufbereitet und organisiert
• ✓Frontend-Interaktionen und Seitenerlebnis mit HTML, CSS und JavaScript umgesetzt
• ✓Das fertige Projekt auf Netlify veröffentlicht
• ✓Das Projekt als meine erste reale Website für eine tatsächliche Bildungseinrichtung abgeschlossen