IFD:Grundlagen der Webprogrammierung

Bachelor-Werkmodul
Dozent: Michael Markert
2 SWS, 6 Credits

Montags, 14 - 15.30 Uhr
Bauhausstr. 11, LiNT Pool

Das Werkmodul richtet sich an Studierende gestaltender Studiengänge, die Internetseiten erstellen oder betreiben möchten.

Eine Vielzahl neuer Technologien, die Verfügbarkeit von Open-Source Server-Anwendungen (Blogsoftware, Foren oder auch Shopsysteme) sowie eine Vielzahl an den unterschiedlichsten Endgeräten (neben dem PC auch Netbooks, Mobiltelefone, PDAs, Netpads, TV-Geräte...) erfordern vom Gestalter ein Verständnis der zugrundeliegenden Technologien um den Herausforderungen an dynamisch erzeugte Inhalte und unterschiedliche Darstellung in Endgeräten gerecht zu werden.

Der Schwerpunkt liegt neben einer Einführung der layoutbeschreibenden Formate HTML/CSS auf der Nutzung von Programmen, die am Server ausgeführt werden (PHP). Dabei steht nicht die Beherrschung komplexer proprietärer Anwendungsprogramme wie z.B. Dreamweaver im Vordergrund, sondern der Versuch, die Terminologie und Zusammenhänge soweit verständlich zu machen, dass die Teilnehmer anschließend mit jedem Programm ihrer Wahl arbeiten können. Ebenso wichtig ist die Fähigkeit, Dokumentationen verstehen und nutzen zu können.

Themen

Hauptthemen

• HTML
• CSS
• JavaScript
• PHP
• MySQL
• PHP/MySQL Webapplications

Allgemeines

• Internet - Grundsätzliches, Terminologie
• SCC-Services der Bauhaus-Universität (z.B. HTML Webspace!)
• Suchmaschinenoptimierung
• How to search Google (or nearly any other search engine)
• Was ist ein Hacker?
• Hacker-Ethik - Die goldenen Regeln für Administratoren und Hacker
• Recht und Internet - Urheberrecht, Impressumspflicht usw...
• HTML Hell - You know you're in Design Hell when you see...

Siehe auch

• Web-Technologien - Lecture Notes (PDF) der Mediensysteme / Bauhaus Universität-Weimar

Inhalt

• Terminologie (Client, Server, kryptische Akronyme wie UDP und TCP... HTML is not a programming language...)
• Clientseitige Technologie wie HTML, CSS, JavaScript
• Serverseitige Technologie wie PHP und MySQL, Installation von Open Source Anwendungen (Wordpress, Serendipity ...) und Templateerstellung
• Entwicklung via MAMP/LAMP/XAMP
• Grundlegende Einführung in Programmiersprachen anhand von JavaScript und PHP
• Fluide Designs für die unterschiedlichsten Endgeräte
• Kommunikationsstrategien für interaktive Systeme

Dieser Einführungskurs bildet eine elementare und wichtige Grundlage für spätere Aufbaukurse zu fortgeschrittenen Themen rund um Webtechnologien (direkt/indirekt), interaktive Systeme und drahtlose Kommunikation (z.B. mit mobilen Endgeräten wie dem iPhone, Android oder Java-fähigen-Handys).

Leistungsnachweis

Regelmäßige und aktive Teilnahme sowie die Umsetzung einer Projektidee (Anwendung gelernter Inhalte am Beispiel, also z.B. WP-Template, interaktive Netzkunst ...)

Projekte

Laufende Dokumentation der Kursprojekte:

• IFD:Webprogramming_Projekte

Terminplan

Vorläufiger Terminplan

1. 26.10. Einführung, Terminologie, HTML (Aufbau, Basic Tags)
2. 02.11. Internet (TCP, DNS, IP...), HTML (Tables, Forms)
3. 09.11. HTML (Objects, Layers), CSS
4. 16.11. Meta, Robots.txt, CSS
5. 23.11. Zwischenstand, Übersicht Web-Applications, JavaScript
6. 30.11. JavaScript
7. 07.12. PHP / XAMP
8. 14.12. PHP, Wordpress-Installation, Wordpress Templating
9. 04.01. PHP (Variablen, Arrays)
   Projektstand der Aufgabe über Weihnachten: Stand Projektentwurf (Kurzer Text, Scribbles, Problem/Lösung)
10. 11.01. PHP (Funktionen, Includes), Projektstand
11. 18.01. PHP/MySQL, Netiquette, Impressumspflicht, Projektstand
12. 25.01. AJAX & OO, Projektstand
13. 01.02. Zusammenfassung
14. Abgabe der Ergebnisse als Dateien + Präsentations-URL bis 29.03.

---

Diese Seite ist Teil der Werkmodule Grundlagen der Webprogrammierung und WebApps - Grundlagen Webprogrammierung von Michael Markert für Interface Design / Fakultät Medien an der Bauhaus-Universität Weimar.