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

WWW und Multimedia

Sommersemester 2005, 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. ca. Mitte Februar 2005

Mittwoch, 9. 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.

Oder

Erfahrung/Kenntnisse im Webdesign, inklusive HTML im Code.

Diese 3-stündige VP wird aufgeteilt in 2 Stunden Vorlesung und 1 Stunde Proseminar. Das Proseminar wird in zwei Gruppen abgehalten: für Lehramt und KoWi Proseminargruppe Jellinek, für Angewandte Informatik Proseminargruppe Peter Maurutschek.

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.

Inhalt

Technologien des WWW: TCP/IP, HTTP, HTML, URLs, CSS, Javascript, XML
Webdesign in der Praxis: HTML, Dreamweaver, Grafik mit Paint Shop Pro und Fireworks
Navigation, Usability, Konventionen
Schwerpunkt A (nur für Personen mit Programmier-Kenntnissen!):
1. Serverseitige Programmierung mit Perl und PHP; Web und Java
2. Betrieb und Konfiguration eines Webservers
3. Web und Datenbanken
Schwerpunkt B
1. Vektorgrafik und Animationen mit Flash
2. Interaktive Appliaktionen mit Flash

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

Zeitplan

Jeden Mittwoch, ausser: Osterferien, 13.April und 25. Mai. Beginn 16 Uhr ct, 1/4 Stunde Pause, dann Proseminar in 2 Gruppen ab 18:00 (st)

Datum	Inhalt	Unterlagen / Links
2005-03-09	Organisatorisches, Technologische Grundlagen des Web: Internetdienst; Client-Server Architektur; URL, HTTP, HTML; Grundzüge von HTML	Folien zu HTML HTML "Schwindlzettl" Selfhtml
2005-03-16	Stylesheets, Layout mit Stylesheets; "Altmodisches" Layout mit Tabellen.	glish:css layout CSS Zen garden css/edge: curvelicious
	OSTERFERIEN
2005-04-06	Grafik für Webseiten: Bildformate+ihre Anwendungen. 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. Dreamweaver als Beispiel für einen wysiwyg-Editor.	Bildformat am Web Yale Style Guide (de) Buchtipp Noch eine Darstellung zur Navigation WYSIWYG Editoren im Vergleich
2005-04-13	Entfällt wegen Konferenz-Besuch

Allgemein

Perl

Flash

2005-04-20

Javascript. Eine traurige Geschichte ;-)

Einstieg.

Einstieg. Symbole.

Flash Skript (nicht mehr erhältlich)

2005-04-27

Web-Formular und CGI-Skript: wie die Daten per HTTP übermittelt werden.

Daten entgegen nehmen mit use CGI und param. Übungen: CGI: Zusammenhang zw. URL-Space und Dateisystem, richtig linken; Webformular für 'fremdes' Programm, Webformular und Bearbeiteung in Perl.

Zeit + Animation. Bild-für-Bild und Bewegungstween. Übungen: Symbole aus fremder fla-Datei wiederverwerten. Bewegungstween. Masken-Effekte mit Pixel-Bildern.

2005-05-04

Pattern Matching (einfach). In eine Datei schreiben. Aus einer Datei lesen - Strukturierte Daten zerlegen mit split, parsen mit einfachem pattern Matching.Übungen:Daten aus einem Webformular abspeichern. Zeilen im Logfile zählen. tab-separierte Text-Datei lesen und als Webseite aufbereiten. Übungen zu Regular Expressions.

MovieClips: "Film im Film". Schaltfläche. Erster Actionscript-Befehl: stop(); Instanznamen.
Beispiel für MovieClip
und Schaltfläche:

Erde und Mond (fla) mx2004

Erde und Mond (fla) mx

Erde und Mond (swf)
Übungen:Daten aus einem Webformular abspeichern. Zeilen im Logfile zählen. tab-separierte Text-Datei lesen und als Webseite aufbereiten. Übungen zu Regular Expressions.

2005-05-11

'Webservices' als sehr allgemeiner Begriff für die automatisch Weiterverarbeitung von Webdokumenten. Siehe auch:

Screen scraping

REST

Webservices

Perl-Datenstrukturen im Vergleich: Skalare Variable, Array, Hash. Schleifen für Arrays und Hashes.

Ergänzung: Performance-Verleich 2 Arrays vs 1 Hash:
Programm
Messergebnisse

Externe Programme starten mit backticks, exec, system und open.
Beispiel mit open und sendmail

Übungen: Screen Scraping. Output für Flash. Eingabeprüfung für Web-Formular. Logfile genauer analysieren. Umgebungsvariablen und CGI. ls von CGI aus aufrufen.

Folien

Nochmal MovieClips: MovieClip als Repertoir möglicher Handlungen:
Figur steuern (swf)
Figur steuern (fla mx 2004)
Figur steuern (fla mx)

Wichtige Instanz-Variablen von MovieClips: _x, _y, _alpha, _xscale, _yscale.

Bewegung mit Koordinaten:
swf
fla mx 2004
fla mx
fla mx neu!
Übungen: Screen Scraping. Output für Flash. Eingabeprüfung für Web-Formular. Logfile genauer analysieren. Umgebungsvariablen und CGI. ls von CGI aus aufrufen.

2005-05-18

Security und Web:

Allgemeine Überlegungen, https, user input.

Weiterführende Literatur:
SQL Injection
https schützt ...
cross site scripting

Taint Modus

Programm

Beispiel für loadVariables

fla mx 2004
fla mx

kompizierteres Beispiel für die Anwendung von loadVariables

2005-05-25

Entfällt wegen Konferenzbesuch

2005-06-01

Datenbanken und Web.

create sql

phpMyAdmin

Modul DBI.

code

Actionscript: Tastatursteuerung und hittest und Bewegung gibt Spiel.

2005-06-08
(kein Proseminar!)

Ideen, Module, Frameworks, Application Server zur Unterstützung beim Entwickeln von Web-Applikationen

Perl, use CGI, mysql
Embperl

Wikipedia: Application Server

Beispielhafte Web-Applikationen:

Diskussionsforum:
Definition in der Wikipedia
Beispiel-Forum: Flashforum
Beispiel-Forum: Flashforum
Beispiel-System: phpBB

Wiki:
Definition in der Wikipedia
Beispiel-Wiki: wikipedia
Beispiel-Wiki: GameDesign
Beispiel-System: phpWiki

(W)CMS:
Beispiel-CMS: FH Homepage
Definition in der Wikipedia
Beispiel-System: Mambo
Beispiel-System: Typo3

Blog
Definition in der Wikipedia
Beispiel-Blog: Boing Boing
Beispiel-Blog: Usability Inside

RSS:
Beispiel-RSS-Feed: ORF
Blog/RSS Suchmaschine: daypop
Beispiel Online Blog-System: Blogger

2005-06-15

Wiederholung + Prüfungsvorbereitung.

letztes Proseminar.

2005-06-22

Entfällt wegen Diplomprüfungen

Mittwoch,
29. Juni 2005

schriftliche Prüfung

Beginn um 17:30!!! Kein zu spät kommen!!! Dauer: eine bis zwei Stunden. Inhalt: Stoff der Vorlesung, insbesondere Fragenkatalog

Literatur

Online

http://www.w3c.org
Das World Wide Web Konsortium - w3c.org.
http://www.teamone.de/selfhtml/
Selfhtml - deutsche Erklärungen zu allen HTML-Tags
http://webwelt.horus.at/
Webwelt - Meine Schulungsunterlagen zum Thema Webdesign
http://www.webmonkey.com
Webmonkey - Fachzeitschrift zum Thema Webdesign + Programmierung
http://www.useit.com/alertbox/
Alertbox - Kolumne zum Thema Usability
http://tucows.univie.ac.at/internet.html
Tucows - Shareware und Freeware fürs Internet, auch HTML Editoren etc.
http://httpd.apache.org/
Webserver Apache - Download + Dokumentation.
http://www.apachefriends.de/
Webserver Apache + Datenbank MySQL + Perl Interpreter + Php Interpreter für Windows, extrem einfach zu installieren
http://www.google.com/apis/api_faq.html
google web api
http://en.wikipedia.org/wiki/AJAX
AJAX
Echte' Webservices: Jeff Barr über Amazon Webservices (mp3 oder Text)

Bücher

siehe http://webwelt.horus.at/buchtipps.html