Stefan Franke

Entwicklung interaktiver Softwareanwendungen

SoSe 2025

Bildbeschreibung

Übersicht

  • Über mich
  • Inhalte der Lehrveranstaltung
  • Ziele
    • Minimum Viable Product
  • Organisatorisches
  • Let's Start!

Beruflicher Werdegang

2016 Erste Staatsprüfung; Lehramt WHRS
Technik, Biologie & Informatik
2017 akad. Mitarbeiter MD, MBM, ESIT4SIP
2018 Referendariat an GMS Waldburg-Vogt
2019 - Lehrer an GMS Leutkirch i. A.
2020 - IT & Softwareentwicklung bei Unternehmen für Präzisionslandwirtschaft
WiSe 2023 -

Informatik PH Weingarten (50%)

Lehrer an GMS Leutkirch i. A. (50%)

Was machen wir in EIS überhaupt?

  • Ideen?
  • Themen?
  • Aufgaben?
  • ...
QR Code

https://answergarden.ch/4938676

Inhalte der Lehrveranstaltung

Inhalte der Lehrveranstaltung

Inhalt & Ziele der Lehrveranstaltung

  • Grundlagen & Ziele der Softwareentwicklung
  • Agiles Projektmanagement & MVP
  • Webentwicklung & interaktive Anwendungen
  • Serverzugriff & Entwicklungsumgebungen
  • Versionskontrolle mit Git
  • Ausblick: Eigenes Softwareprojekt im WiSe 25/26

Grundlagen & Ziele der Softwareentwicklung

  • Verständnis für grundlegende Konzepte moderner Softwareentwicklung
  • Praxisorientiertes, angeleitetes Arbeiten an einem gemeinsamen Beispielprojekt
  • Vernetzung mit fachdidaktischen und anwendungsbezogenen Themen

Agiles Projektmanagement & MVP

  • Einführung in agile Methoden (Scrum, Kanban, Sprints)
  • Selbstorganisation im Team & Rollenverteilung
  • Verständnis und Planung eines Minimum Viable Product (MVP)
  • Iterative Entwicklung & Feedback-Zyklen

Webentwicklung & interaktive Anwendungen

  • Grundlagen in HTML, CSS und JavaScript
  • DOM-Manipulation & Benutzerinteraktion
  • Responsive Design für mobile und Desktopgeräte
  • Verbindung zum Backend mit Flask (Python)
  • Einbindung von Datenbanken zur Datenspeicherung

Serverzugriff & Entwicklungsumgebungen

  • Einrichtung von SSH-Schlüsseln
  • Verbindung zu Linux-Servern über Terminal / VS Code
  • Deployment einer eigenen Landing Page
  • Arbeiten mit virtuellen Python-Umgebungen und Paketverwaltung

Versionskontrolle mit Git

  • Grundlagen von Git: Commit, Push, Pull
  • Verwendung von GitHub für die Zusammenarbeit
  • Branching & Pull Requests im Team
  • Nachvollziehbarkeit & Dokumentation des Projektfortschritts

Ausblick: Eigenes Softwareprojekt im WiSe 25/26

  • Die Veranstaltung legt die technischen & methodischen Grundlagen
  • Studierende erarbeiten ein gemeinsames, angeleitetes Beispielprojekt
  • Ab WiSe 25/26: Eigenständige Planung und Umsetzung eines individuellen Softwareprojekts
  • Ziel: Sicherheit im Umgang mit Tools, Code & Konzepten zur Projektumsetzung

Warum das Ganze?

Als Berufsvorbereitung!

  • „Ich will ja nur, dass es funktioniert...“
  • „...aber was meint die IT mit Reverse Proxy?“
  • Ziel: Technik verstehen, nicht nur benutzen
  • Keine Angst mehr vor Fachbegriffen & Kommandozeile
  • Kommunikation auf Augenhöhe mit Entwickler:innen & Admins

Was **nicht** Ziel dieser Veranstaltung ist

  • Das Auswendiglernen von Kommandozeilenbefehlen oder komplexer Syntax
  • Die selbstständige Entwicklung von Code ohne begleitende Anleitung
  • Die vollständige Beherrschung einer Programmiersprache oder aller Werkzeuge
  • Das sofortige Lösen realer Softwareprojekte ohne vorbereitende Struktur

Vielmehr geht es darum, grundlegende Konzepte zu verstehen, Orientierung zu gewinnen und systematisch die Kompetenzen aufzubauen, die Sie im nächsten Semester für Ihr eigenes Projekt benötigen.

Minimum Viable Product (MVP)

Minimum Viable Product

Quelle: inflectiv.co

  • MVP: kleinstmögliche funktionsfähige Version
  • Ziel: schnelles Feedback, frühe Tests
  • Fokus: nur Kernfunktionen
  • Vorteil: spart Zeit & Ressourcen

Kursmaterialien & Kommunikation

Kursmaterialien:

  • moopaed: Entwicklung interaktiver Softwareanwendungen (SoSe 2025) (Psw: )
  • Homepage: informatik-franke.de

Kommunikation:

Arbeiten direkt auf dem Testserver

Serveradresse: edumake.de (IP: 89.58.62.146)

  • Direktes Arbeiten auf einem echten Linux-Server
  • Erfahrungen mit Hosting, SSH-Zugriff & Live-Deployments
  • Realistische Umgebung für spätere Projekte

Zugang: Jedes Tandem / Jede:r Studierende erhält einen eigenen Benutzer (isa15 – isa30)

  • Individuelle Subdomains: isa##.edumake.de
  • Arbeit in Tandems oder einzeln – flexibel je nach Bedarf
  • Serverzugriff über SSH & VS Code möglich

Eigenes WLAN für die Veranstaltung

  • SSID: mbm
  • Passwort: in moopaed
  • SSH-Zugriff über Port 2222 (bei eduroam eingeschränkt)
  • Volle Kontrolle & Support
  • Stabiles Netz für Serverkommunikation und Testen
  • Cloud-Sync & Uploads bitte deaktivieren
  • Nur Nutzung für Veranstaltungs- & Projektzwecke
  • Auf Sicherheit achten – keine sensiblen Daten ungeschützt übertragen

Flipped Classroom & Tipps für den Einstieg

Das meiste Material steht als Tutorial zur Verfügung.

Arbeiten Sie selbstständig – aber nicht allein!

  • Tutorials statt Frontalunterricht
  • Lernen im eigenen Tempo – mit Unterstützung
  • 🆘 Fragen jederzeit möglich – via Slack oder persönlich
  • Zusammenarbeit ist ausdrücklich erwünscht
  • kurzes Feedback am Schluss -> Präsentation nächste Veranstaltung

Tipps für den Umgang mit den Tutorials:

  1. Lesen Sie das folgende Tutorial ganz genau durch (nicht nur Copy & Paste des Codes!)
  2. Schauen Sie sich die bisherigen Tutorials an.
  3. Verwenden Sie KI-Tools wie ChatGPT, Perplexity oder Blackbox AI für Unterstützung. Posten Sie Fehlermeldungen oder Code-Zeilen direkt in Slack.
  4. Recherchieren Sie eigenständig im Internet.
  5. Arbeiten Sie zusammen! Fragen Sie Ihre Kommiliton:innen.

Fragen?

Unser Plan für heute

  • Eigenes Endgerät kennenlernen & Kommandozeile verstehen
  • Einführung in SSH & Key-basierten Zugriff
  • Gruppeneinteilung & Benutzerzuordnung
  • Erste eigene HTML-Landingpage veröffentlichen

Endgerät kennenlernen& Kommandozeile

  • Orientierung: Wo finde ich was auf meinem Gerät?
  • Verzeichnisstruktur & Dateisystem verstehen
  • Unterschiedliche Betriebssysteme (Windows/macOS/Linux) erkennen
  • ⌨ Einstieg ins Terminal / die Kommandozeile
  • Eigene Ordner erstellen & navigieren (z. B. mkdir, cd)
  • Wichtige Befehle lernen: ls, pwd, touch, rm etc.

SSH & Schlüsselpaar

  • Was ist SSH? Sicherer Zugang zu entfernten Servern
  • Public vs. Private Key – was ist der Unterschied?
  • Erstellung eines Schlüsselpaares (z. B. mit ssh-keygen)
  • Wichtiger Hinweis: Private Key niemals weitergeben!
  • Public Key via Slack an Herrn Franke senden
  • Verbindung zum Server testen: ssh isa##@edumake.de -p 2222

Tandems & Benutzer

  • Ziel: Zusammenarbeit & gegenseitige Unterstützung
  • Wahlweise allein oder zu zweit (Tandems)
  • Jede Gruppe erhält einen Benutzer: isa15 bis isa30
  • Eigene Subdomain: isa##.edumake.de
  • Zugang via SSH mit eurem Schlüssel

Eigene Landing Page

  • Erstellung einer einfachen HTML-Datei
  • Einbindung von einfachem CSS für Gestaltung
  • Aufrufbar über eigene Subdomain (z. B. isa15.edumake.de)
  • Ergebnis: Erste eigene Website online!

Let's start!

Die ersten Schritte in der Veranstaltung:

  1. moopaed Kurs beitreten
  2. Slack Channel beitreten
  3. Endgerät & Kommandozeile (Terminal) kennenlernen
    Windows: u0w.html
    macOS/Linux: u0lm.html
  4. SSH-Key erstellen & verstehen
    u1.html
  5. Verbindung zum Server & eigene Homepage anlegen
    u2.html