Stefan Franke  ·  Daniel Schiffner

Entwicklung interaktiver Softwareanwendungen

SoSe 2026

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%)

Beruflicher Werdegang

Daniel Schiffner

2009 Diplom Informatik
2012 Promotion Informatik
2014 Forschungs- und Entwicklungskoordinator studiumdigitale an der GU
2019 Arbeitsbereichsleiter Bildungsinformatik am DIPF
seit 2024 Gastprofessor an der PH Weingarten

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 26/27

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 26/27

  • Die Veranstaltung legt die technischen & methodischen Grundlagen
  • Studierende erarbeiten ein gemeinsames, angeleitetes Beispielprojekt
  • Ab WiSe 26/27: 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 2026) (Psw: )

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 Chat auf franke-lab.de 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: askalma (askalma.de), Academic Cloud Chat (academiccloud.de), Claude, Gemini u. a. – Fehlermeldungen oder Code-Zeilen direkt in den Chat posten.
  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.
Terminal Tutorial

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 Chat auf franke-lab.de an Herrn Franke senden
  • Verbindung zum Server testen: ssh isa##@edumake.de -p 2222
Public Key vs Private Key

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!

1
Endgerät & Terminal
u0w (Windows)
u0lm (Mac/Linux)
2
SSH-Key erstellen & senden
u1.html
Public Key via Chat senden
3
Server & Homepage anlegen
4
Homepage strukturieren & erweitern
✏️
Reflexion