Die aktuellen Kurse von MultiMediaArt sind nun im MMA-Wiki, und nicht mehr öffentlich zugänglich

WWW und Multimedia

Sommersemester 2007, für Lehramt Informatik und Informationsmanagement.
siehe auch Vorlesungsverzeichnis der Uni Salzburg

Anmeldung

Beginn

Voraussetzungen

Ablauf

Nur online unter der Adresse

https://kurse.horus.at

ab. 15.März 2007

Donnerstag, 15. März, 16:00 im Hörsaal T03

Entweder:

Grundlegende Windows- und UNIX-Kenntnisse, UNIX-Account am Institut, Programmiererfahrung in einer prozeduralen oder objektorientierten Programmiersprache. (für Variante "Perl")

Oder

Erfahrung/Kenntnisse im Webdesign, inklusive HTML im Code. (für Variante "Flash/Multimedia")

Diese 3-stündige VP wird aufgeteilt in 1,5 Einheiten Vorlesung und 1,5 Einheiten Proseminar.

Das Proseminar wird in drei Gruppen abgehalten:

Variante "Flash/Multimedia" Proseminargruppe Jellinek (2 Gruppen), Variante "serverseitige Programmierung/Perl " Proseminargruppe Meerwald.

Prüfungsmodus

Übungen während des Semesters, Übungen werden über ein Online-System gestellt und abgegeben, Anwesenheitspflicht +Präsentation von Lösungen im Proseminar, schriftliche Prüfung am Ende des Semesters.

	Gruppe "Python"	Gruppe "Flash"
Proseminar	507 Punkte, davon 30% 'Extra'	619 Punkte, davon 32,5% 'Extra'
Gewichtung	66% Proseminar,	66% Proseminar
	33% Test	33% Test

Inhalt

Technologien des WWW: TCP/IP, HTTP, HTML, URLs, CSS, Javascript, XML
Webdesign in der Praxis: HTML, CSS, einfachste Bildbearbeitung mit Paint Shop Pro
Navigation, Usability, Konventionen
Variante "Perl" (nur für Personen mit Programmier-Kenntnissen!):
1. Serverseitige Programmierung mit Perl
2. Betrieb und Konfiguration eines Webservers
3. Web und Datenbanken
Variante "Flash/Multimedia"
1. Vektorgrafik und Animationen mit Flash
2. Einbindung von Audio und Video mit Flash
3. Interaktive Appliaktionen mit Flash

Die Schwerpunkte A und B werden beide theoretisch behandelt, im Proseminar können Sie einen der beiden Schwerpunkte wählen, und nur Übungen zu diesem Schwerpunkt machen.

Provisorischer Zeitplan

Jeden Donnerstag, ausser: Osterferien plus eine Woche, (5,12,19.April entfällt)

16:15 Proseminar (1.Gruppe Flash, Gruppe Python) [Dauer 60 Minuten]
17:30 Vorlesung (teilnahme optional) [Dauer 65 Minuten]
19:00 Proseminar 2.Gruppe Flash[Dauer 60 Minuten]

	Inhalt		Links
15.März	Organisatorisches, Grundzüge von HTML und CSS.		Selfhtml www Consortium HTML Validator
22.März	Technologische Grundlagen des Web: Internetdienst; Client-Server Architektur; URL, HTTP, HTML; Stylesheets, Layout mit Stylesheets; Grafik für Webseiten: Bildformate+ihre Anwendungen.		Handbuch Webdesign glish:css layout CSS Zen garden css/edge: curvelicious Beispiele CSS Layout Bildformat am Web
29.März	Javascript. Eine traurige Geschichte ;-) Navigation: Von der Seite zur Site, Hierarchie, Totale Navigation, Breadcrumb Menü, Drei Grundfragen der Navigation. Wiederverwertung von Elemente in mehreren Webseiten: SSI=Server Side Includes. einfacher Rollover. AJAX - Javascript neu belebt.		Yale Style Guide (de) Buchtipp Noch eine Darstellung zur Navigation zu Javascript: Verweis auf AJAX
ACHTUNG	LANGE OSTER-PAUSE!
	Python	Allgemein	Flash
26.April	Einstieg: Aufruf eines Python-Skripts, Datentypen, Kontrollstrukturen, print, module und import am Beispiel sys.	Bericht von der Web 2.0 Expo, insbesondere High Performance Websites Folien.	Einstieg: Zeichnen. Symbole. Bewegungstween. fla- und swf-Dateien.
3.Mai	Verschiedene Arten wie Python am Webserver verwendet werden könnte. CGI als einfachste Schnittstelle. Daten entgegen nehmen in CGI/Python. Spezialfall File upload. Folien.	Web-Formular und CGI-Skript: wie die Daten per HTTP übermittelt werden. Unterschied GET + POST.	MovieClips als "Film im Film". Schaltflächen = Buttons. Erster Actionscript-Befehle: getURL(), loadVariables(), stop(); play(), gotoAndPlay(). Dynamisches Textfeld mit einer Variable verbunden. Instanznamen. Erde und Mond = MovieClip und Button und verschiedene stop(): Erde und Mond (fla) Erde und Mond (swf) Film mit 2 verschiedenen Enden = gotoAndPlay() und Bilder mit Namen: Film Alternativen (fla) Film Alternativen (swf) Statusanzeige = Variablen laden vom Server mit loadVariables(): Load From CGI (fla) Load From CGI (swf) Gewünschte Ausgabe des serverseitigen Skripts.
10.Mai	Strings, lesen/parsen von Dateien, pattern matching & regular expressions. Beispiel: Logfile analysieren, ein counter für die Flasher. Folien.	Tipp: ditact IT summer school Zusammenspiel Flash + CGI: das serverseitige Programm (z.B. beim Glückskeks) muss die Daten wirklich im richtigen Format liefern!!!	Zeichnen: Zeichnen und onEnterFrame: MovieClips platzieren mit attachMovie, Sterne: Audio: Streaming von externer mp3-Datei: Mit Progress Bar: selbst bebaut oder mit Komponente:
17.Mai		FEIERTAG
24.Mai	Cookies, Authentifizierung, Sessions, ...	'Webservices' als sehr allgemeiner Begriff für die automatisch Weiterverarbeitung von Webdokumenten. Siehe auch: Screen scraping REST Webservices Cookies und	Hittest = alles für ein Spiel.
31.Mai	Interface a database. Produce XML for Flash.	Datenbanken und Web. create sql phpMyAdmin auf student.cosy	Laden von XML vom Server. Speichern auf den Server. Skript zu XML
7.Jun		FEIERTAG
14.Jun	Web framework (Django)	Security und Web: Allgemeine Überlegungen, https, user input. Weiterführende Literatur: SQL Injection https schützt ... cross site scripting
21.Jun		Prüfungsvorbereitung: gemeinsames Erarbeiten des Fragekatalogs.
28. Juni	schriftliche Prüfung an der Naturwissenschaftlichen Fakultät, Raum 403 = grüner Hörsaal. Beginn 16:15. Dauer: ca. eine Stunde, zu spät kommen ist ok - dann hat man entsprechend mehr Zeit. Stoff der Vorlesung, insbesondere Fragenkatalog