TU005 – CloudProgramming

Was ist eigentlich die Ludwig-Geißler-Schule in Hanau? In dieser Folge stellen Ian, Tugce, Barkhad, Matteo und Balaj aus der Klasse 12FI2 (Fachoberschule Informationstechnik) ihre Schule vor – entstanden im Fach Politik und Wirtschaft (PoWi). Ian startet mit den sieben Schulformen der LGS: von der Berufsschule im dualen System über Berufsfachschule, Fachoberschule und berufliches Gymnasium bis zur Fachschule für Technik. Tugce stellt die Fachrichtungen vor, von Informationstechnik und Biotechnik bis Holz-, Fahrzeug- und Elektrotechnik. Barkhad erzählt, wie ein Schultag aussieht: Unterrichtszeiten, Werkstätten und Labore, IT-Helpdesk, Beratungsangebote und der große Pausenhof. Matteo nimmt euch mit durch die digitale LGS: vom pinken Zettel mit den ersten Zugangsdaten über die Blöcke A, B, C und T bis zu IServ, Moodle und Untis. Außerdem geht es um eine Frage, die auch im PoWi-Unterricht oft diskutiert wird: Was ist im Unterricht mit Tablet, Laptop und Handy erlaubt? Zum Schluss blickt Balaj zurück auf die Geschichte der Schule, von der Gewerblichen Fortbildungsschule 1872 über die Zerstörung im Zweiten Weltkrieg bis zum gewerblich-technischen Kompetenzzentrum von heute. Eine Folge für alle, die sich für die LGS interessieren oder neu an die Schule kommen.

Englischsprachige Folge: Holger Sebastiao und Lehrkräfte aus ganz Europa nehmen euch mit nach Florenz – entstanden bei einer Erasmus-Fortbildung. Museen, Gärten, Fun Facts und Feste. In this episode of Chalk, Castles and Coffee, we take you on a journey through Florence, the beautiful Italian city of art, history and culture. We explore some of the city's most famous museums and beautiful gardens, discover surprising fun facts and learn about colourful local celebrations and traditions. So grab a coffee and join us as we discover the many faces of Florence!

In dieser Folge von „Tischtennis Code-Meisterei“ erzählen wir euch die ganze Geschichte hinter unserer neuen App für die Schulliga der LGS-HU. Wir haben uns im Unterricht zusammengetan, um eine Plattform zu schaffen, auf der jeder Schüler ganz einfach seine Matches eintragen und sehen kann, wer gerade der beste Spieler der Schule ist. Wir nehmen euch mit von der ersten Idee bis hin zum fertigen Programm. Der erste Teil: Alles für das Auge (Das Frontend) Zuerst erklärt euch unser Frontend-Team – also Onur, Allan und Ibrahim – wie die App überhaupt aussieht und wie man sie bedient. Wir wollten keine hässliche, alte Tabelle, sondern ein modernes Design. Deshalb haben wir Bootstrap benutzt. Das sorgt dafür, dass die Seite auf dem Handy genauso gut aussieht wie auf dem Computer. Wir zeigen euch, wie die Registrierung funktioniert (dafür braucht ihr zwingend eure Schul-E-Mail, sonst kommt ihr nicht rein!) und wie wir das Admin-Panel gebaut haben. Dort können die Admins alles verwalten, Spieler löschen oder Ergebnisse prüfen. Außerdem erfahrt ihr, wie wir die Rangliste so programmiert haben, dass sie sich automatisch sortiert, wenn ein neues Ergebnis reinkommt. Der zweite Teil: Der Maschinenraum (Das Backend) Danach übernehmen Mert und Ilyas und erklären, was „hinter“ der Webseite passiert. Eine Webseite allein reicht nämlich nicht – man braucht einen Ort, wo die Namen und Punkte gespeichert werden. Das ist das Backend. Wir haben uns eine eigene Virtuelle Maschine (VM) gemietet und darauf eine Datenbank (MariaDB) installiert. Wir erklären euch ganz einfach, wie wir ein Modell gebaut haben, damit der Computer weiß: „Dieser Punkt gehört zu diesem Spieler“. Ein großes Thema war auch die API. Das könnt ihr euch wie einen Kellner im Restaurant vorstellen: Die Webseite bestellt die Daten, und die API bringt sie aus der Datenbank direkt auf den Bildschirm. Damit das alles klappt, haben wir eine Art Bedienungsanleitung namens Swagger benutzt. Das Fazit: Teamwork und Stress Zum Schluss sprechen wir noch darüber, wie wir als Gruppe funktioniert haben. Es war nicht immer einfach – wir mussten über 100 Schulklassen einzeln in das System einpflegen, was uns fast wahnsinnig gemacht hat. Aber durch unsere Kommunikation über Discord haben wir es geschafft, Frontend und Backend perfekt zu verbinden. Egal ob ihr Profis seid oder gar keine Ahnung von IT habt: In dieser Folge lernt ihr, wie aus ein bisschen Code ein echtes Projekt für unsere Schule wurde.

Gicu, Berke und Almir haben im Unterricht das Frontend für eine Waffelverkaufs-App gebaut – und zum großen Teil an den Wochenenden programmiert. In dieser Folge erklären sie, wie die App funktioniert und wie sie entstanden ist. Gicu stellt die Startseite vor: mit einem QR-Code, den man ausdrucken und auf den Verkaufstisch legen kann, einem realistischen Sortiment von Waffeln bis Bratwurst und einem schlichten Design in Blau und Weiß. Er erzählt, wie er mit Bootstrap die Struktur gebaut, Produktdaten über eine simulierte API geladen und sich bei schwierigen Stellen Hilfe von ChatGPT geholt hat. Berke erklärt Design und Nutzerführung: eine Navigation mit nur drei Punkten, Mobile First für den Einsatz am Verkaufsstand und die Funktionen des Warenkorbs. Almir übernimmt die Logik im Hintergrund: Speicherung im Local Storage, den Kassiervorgang, eine Statistikseite mit Tagesumsatz und die Reset-Funktion.

Vier Schüler, eine Idee: Wir bauen mit Code, Datenbanken und überraschend viel KI unsere eigene Kickerleague – inklusive Website, Login und allem, was dazugehört. Zwischen Backend-Problemen, Frontend-Design und ein paar chaotischen Momenten lernen wir nicht nur Programmieren, sondern auch Teamwork. Und während wir noch klären, warum der Ball ständig verschwindet, steht fest: Technik kann sogar die Pause organisieren.

In dieser Episode nehmen euch Alexander und Ali mit auf die spannende Reise der Entwicklung von Projekt Kicker. Was ursprünglich nur als reines Frontend-Projekt gedacht war, hat unser vierköpfiges Team (Alex, Ali, Zahid und Marko) schnell vor neue Herausforderungen gestellt – bis hin zum Aufbau eines eigenen Backends! Wir sprechen unter anderem über: Teamwork & Organisation: Wie wir Bugs und Code-Probleme unkompliziert über unsere WhatsApp-Gruppe lösen. Marketing & Design: Die Entstehung unseres Maskottchens (die Ziege im LGS-Hoodie!), die Erstellung von Promo-Materialien mit Canva und die Hürden beim Dreh unseres Werbevideos. Audio-Hacks: Warum unsere Tonqualität trotz fehlendem Profi-Equipment dank "Clean Voice AI" so gut klingt. Coding & KI-Fails: Wie uns ChatGPT bei komplexen Frontend-Backend-Verbindungen in nervige Endlosschleifen geschickt hat. Infrastruktur: Wie wir mit Unterstützung von Herrn Sebastiao und Herrn Klein unser Backend auf einer Proxmox-VM der Schule zum Laufen gebracht haben – inklusive VPN-Setup, um auch von zu Hause coden zu können.

In dieser Folge berichten Schülerinnen über ihr Projekt „Eclipse Che“ – eine cloudbasierte Programmierumgebung, die direkt im Browser läuft. Sie erzählen, wie sie mit Docker eine plattformübergreifende Entwicklungsumgebung aufgebaut und eine eigene Projektwebseite gestaltet haben. Außerdem geben sie Einblicke in Teamarbeit, technische Herausforderungen und ihre Präsentation beim Tag der offenen Tür ihrer Schule.

HTML, Bootstrap, JavaScript, ein Darkmode und eine PowerPoint: Patrick, Maurice und Krystian erzählen, wie sie in einem Unterrichtsprojekt die Website für einen Waffelverkauf gebaut haben – chronologisch, Tag für Tag, vom Kick-off Ende September bis zur fertigen Präsentation. Patrick legt mit HTML und Bootstrap das Grundgerüst an und kümmert sich darum, dass die Seite auf Handy, Tablet und PC gut aussieht. Krystian programmiert in JavaScript eine dynamische Produktliste, die sich wie eine richtige Web-App anfühlt. Maurice organisiert die Aufgabenverteilung, bereitet die Präsentation vor und recherchiert, wie Frontend und Backend über APIs, JSON und HTTP-Requests miteinander sprechen. Außerdem geht es um den Darkmode, der komplizierter war als gedacht, um Code-Aufräumen und darum, warum die Abstimmung mit dem Backend-Team nicht so einfach war. Zum Schluss ziehen die drei ehrlich Bilanz: Was hat im Team funktioniert, und was würden sie beim nächsten Mal anders machen?

Max, David und Yazah planen ihr erstes Gruppenprojekt in Informatik – und landen nach viel Diskussion, Voting und Glücksrad bei einem Finanzplaner. Nebenbei geht es um JavaScript, localStorage, kaputte Trello-Pläne und ein bisschen kreatives Chaos. „Einfach Vorschläge sammeln und alles eintragen“ – und hoffen, dass am Ende was läuft.

Youssef heiratet – aber nicht irgendwo, sondern 2500 km entfernt in Marokko! In dieser Folge erzählt er gemeinsam mit seinem Klassenkameraden Islam von Henna-Zeremonien, hupenden Autokarawanen, dreistöckigen Torten und sehr direkten Schwiegervätern. Mitten drin: eine große Portion Fernbeziehung, ein bisschen Bürokratie-Drama und ganz viel Herz. Ein Podcast über Liebe, Kultur und darüber, wie man eine Hochzeit überlebt – ohne weißen Anzug, aber mit Plan! Spoiler: Es wurde geheiratet. Und es gibt Pläne für Staffel 2 – mit Brautkleid, Konditorin und vielleicht sogar Kindersitz.