Web-Entwicklung für alle Internet-Auftritt selbst gemacht: Gestalten Sie Ihre eigene Website!

Sie erhalten Unterstützung bei der Umsetzung eines Webauftritts (Hobby, Verein, ...). Neben dem Dozenten unterstützen Sie auch KI-Tools wie ChatGPT bei Ihrer Arbeit.

Beispielcode

 
wird zu

Beispielseite

In der Übersicht

Für Ihre Website verwenden Sie Pug / HTML, Bootstrap / CSS und bei Bedarf etwas Java Script. (Ohne Vorkenntnisse ist Pug einfacher zu lernen als HTML, und Bootstrap erspart Ihnen einiges an CSS-Code.) Wir verwenden keinen Baukasten, da diese zwar einen einfachen Start ermöglichen – später jedoch einschränkend sein können. Es gibt hilfreiche Zusammenstellungen im Netz, die Sie neben meinen Inputs bei der Arbeit unterstützen.

KI-Tools wie ChatGPT ersparen Ihnen einiges an Zeit und Kopfzerbrechen. Wir werden auch auf den gekonnten Einsatz dieser neuen Hilfsmittel eingehen.

In Ihrem Kurzvideo präsentieren Sie Ihre Website, den Entstehungsprozess und gemeisterte Herausforderungen.

Facts

Semester

Findet im Herbstsemester statt. Nächster Start: Herbstsemester 2023

Anmeldeschluss

17. September 2023 (Eine möglichst frühzeitige Anmeldung ermöglicht uns die Abschätzung der Nachfrage. Danke!)

Unterrichtssprache
  • Deutsch
Zeitmodell

Dieses Modul findet grundsätzlich asynchron statt, was Ihnen grösstmögliche Orts- und auch Zeitunabhängigkeit ermöglicht. Sie erhalten die Inputs digital und können diese studieren, wenn es Ihnen am besten passt. Individuelles Coaching in Bezug auf Ihr Projekt findet mittwochs zwischen 17 und 19 Uhr statt. Gelegentlich findet mittwochs um 18 Uhr eine kurze Live-Zoom-Session statt (beispielsweise Einführung). Diese Inputs werden aufgezeichnet, so dass Sie diese auch später (nochmals) anschauen können.
Hier finden Sie weitere Informationen zum Modul. 

ECTS/Anerkennung

Siehe Übersichtsliste: ISA-Programm / ECTS-Punkte

Studierende des Departements Informatik sind nicht zugelassen, da ISA-Module ausserhalb des Kernbereichs des Studiums besucht werden sollten.

Anbieter
Informatik
Leistungsnachweis

Kurzvideo

  • Präsentation der eigenen Website inkl. Entstehungsprozess und Herausforderungen
  • Abgabe der Quelldateien (Pug / HTML, CSS, allenfalls JS)
  • In diesem Modul gibt es bestanden / nicht bestanden. Da die Teilnehmenden unterschiedliche Vorkenntnisse haben (gar keine Programmiererfahrung bis mehr oder weniger Erfahrung mit HTML und Co), macht es keinen Sinn, Noten zu vergeben.
Modulleitung
Dozent/in
Eingangskompetenzen

keine Programmiererfahrung nötig
Experimentierfreude von Vorteil 

Zielkompetenzen

eine (responsive) Website erstellen mit Pug / HTML und Bootstrap / CSS

Lehr- und Lernmethoden
  • Einführung in Pug / HTML und Bootstrap / CSS
  • hauptsächlich Arbeit am eigenen Projekt mit Unterstützung durch den Dozenten
  •  zwischendurch Inputs
  • Abschluss-Präsentationen der Studierenden
Lehrmittel

Es gibt neben hilfreichen Websites viel Literatur zu HTML und CSS, beispielsweise

Programmart
ISA Modul
Durchführungsort

Online

Teilnehmerzahl

ca. 15 (Zeit für Coaching und Betreuung der ganz unterschiedlichen Projekte)

Bemerkungen

Hier gibt es einen kleinen Einblick.

Ich erkläre anhand von WebStorm. Studierende, die Dreamweaver, MS Visual Studio Code oder eine andere Software bereits kennen, dürfen diese selbstverständlich verwenden.

Studierende mit HTML- und CSS-Vorkenntnissen sind zugelassen. (Sie müssen nicht mit Pug und Bootstrap arbeiten.) Das Coaching ist jedoch auf Studierende ausgerichtet, die noch keine oder sehr wenig Programmierkenntnisse haben. Mit Vorkenntnissen sollten Sie also vor allem selbstständig (mit Unterstützung von KI) arbeiten, damit genügend Zeit fürs Coaching der Studierenden mit wenig Vorkenntnissen bleibt. Selbstverständlich dürfen Sie bei Herausforderungen immer fragen.

Für Effekte wie parallax binden wir auch bestehenden Code ein.

Sie können als Einzelkämpfer:in oder gerne auch als Zweier-Team teilnehmen.

Dreier-Gruppen sind bewilligungspflichtig, da die Gefahr besteht, dass eine Person zum fünften Rad am Wagen wird. Schicken Sie mir in diesem Fall bitte vorgängig eine klare Aufteilung der Zuständigkeiten.

Zoom-Videokonferenz inkl. sog. Fernsteuerung: Ich kann (falls gewünscht) direkt in Ihrem Code Anpassungen vornehmen, was sich als sehr hilfreiches Feature erwiesen hat.

Studierende der PH dürfen auch ein Konzept für ein Web-Projekt mit den Schüler:innen entwickeln. Da Sie nur 2 statt 3 ECTS erhalten, suchen wir zusammen (vorgängig oder zu Beginn des Semesters) eine gute Lösung für Ihr Projekt.