Aufgaben im Multimediapraktikum
19.02.2007
- Anmelden an einem Rechner im Raum 31/339
- Lesezeichen im Internetexplorer anlegen
- Eigenes Unterverzeichnis auf Laufwerk D: anlegen, benannt nach Vornamen
- Textdatei seite.txt anlegen und editieren
- Mit SSH Secure File Transfer Client mit Rechner cip?? verbinden (?? steht fuer eine Zahl zwischen 30 und 40)
- Eigenes Unterverzeichnis auf /vol/html/mmprakt2007 anlegen, benannt
nach dem Vornamen
- seite.txt übertragen und im Web-Browser aufrufen
20.02.2007
Hinweis:
Bitte in den Verzeichnis- oder Dateinamen keine Umlaute (ä,ö,ü,ß) verwenden.
Verzeichnisse und Dateinamen nach Möglichkeit mit Kleinbuchstaben schreiben.
Bitte keine Leerzeichen in den Datei- und Verzeichnisnamen verwenden.
Ggf. bei den bereits erstellten Verzeichnissen oder Dateien obige Hinweise beachten.
- Webseite mit dem Namen index.html unter Verwendung einer Tabelle auf
Laufwerk D: erstellen (mit persönlichen Angaben, Foto).
- Webseite mit sftp auf Server in das eigene Verzeichnis transferieren
- Im Webbrowser Lesezeichen auf eigene Homepage setzen
- Auf index.html etwas Text verfassen und Links einfuegen
21.02.2007
- Umlaute auf Homepage korrigieren
- In eurem Verzeichnis muss eine Startseite Namens index.html liegen
- Bauen Sie ihre Ordnerstruktur wie in der Vorlesung besprochen um und verwenden Sie Frames zur Strukturierung ihrer Webseite.
- Die Struktur ist wie folgt:
- index.html enthält Frameset
- menue enthält Links in die Unterkapitel
- start enthält Startseite
- pixel enthält Pixelbilder
- 2d-grafik enthält Flash
- 3d-grafik enthält VRML
- audio enthält audio, realaudio und midi
- video enthält video und realvideo
- Im linken Teil der Webseite soll ein Menue entstehen, im rechten Teil soll der Inhalt angezeigt werden.
- Die Webseite mit dem Menue kommt in ein Verszeichnis mit dem Namen menue. Die Startseite kommt in ein Verzeichnis Namens start. Im letzteren liegt die Webseite, die sie gestern erstellt haben.
- Auf Laufwerk D: ein Verzeichnis pixel anlegen.
- Im Verzeichnis pixel eine HTML-Seite mit Namen index.html anlegen
- 4 JPG-Bilder mithilfe von google suchen und runterladen
- Bilder mit Photoshop auf 240x240 Pixel skalieren, verfremden und
in einer Tabelle auf pixel/index.html anordnen
- Links für Hin- und Rücksprung einbauen
22.02.2007
Nacharbeiten:
- Einige haben die Framestruktur noch nicht fertig. Dies bitte nachholen.
Neue Aufgaben:
- Stern-Logo (oder Logo einer anderen Zeitung) und ein Hintergrundbild aus dem Internet besorgen (Suche mit der google Bildersuche). Achtung: Die Bilder sollten eine hohe Auflösung haben.
- ggf. Logo selber zeichnen
- eigenes Photo aus dem Verzeichnis "Foto" auf Server besorgen
- Photomontage mit Stern Logo, eigenem Photo, Hintergrund und Schrift
erstellen (Größe 375 x 500). Beim Erstellen mehrere Ebenen verwenden.
23.02.2007
Nacharbeiten:
- Unbedingt die Webseitenstruktur überprüfen und ggf. korrigieren. Am besten ausgehend von
hier.
- Die Fotomontage in die Webseite einbinden.
Neue Aufgaben:
- Zeitschriftenmontage auf 180 x 240 verkleinern
- In 6 Kompressionsstufen mit Platzangabe in Bytes in einer
Tabelle anordnen mit folgenden Kompressionsstufen:
JPEG hohe Qualität,
JPEG mittlere Qualität, JPEG niedrige Qualität,
GIF 256 Farben, GIF 16 Farben, Grauwertbild
- einen runden Rücksprungbutton als GIF mit
transparentem Hintergrund erstellen und auf der Webseite einbinden
- Gesamten Webauftritt überprüfen
26.02.2007
Nacharbeiten:
-
- Überprüfen, ob alle Aufgaben der Vorwoche erledigt sind!
- Insbesondere Rücksprungbuttons auf allen Seiten, die im Inhaltsframe angezeigt werden, einbauen!
Neue Aufgaben:
- Auf dem Webserver (parallel auf dem lokalen Rechner auch) ein Unterverzeichnis 'grafik-2d' anlegen mit HTML-Seite index.html
- Flash-Datei (500 x 375) erstellen, z.B. mit Blick aus Fenster auf
Landschaft
- Datei abspeichern als *.fla, *.gif und *.swf
- GIF-Datei mit Größenangabe in Kilobyte auf HTML-Seite stellen
- SWF-Datei mit Größenangabe in Kilobyte darunter stellen
27.02.2007
- Flashanimation erstellen mit einem hinter Bäumen
herfahrenden Auto
- Flashanimation erstellen mit einem Morphing zwischen
zwei geometrischen Objekten
- Beide Animationen als swf-Dateien auf HTML-Seite stellen
28.02.2007
Nacharbeiten:
- Bindet die SWF Files mit einer Breiten und Höhenangabe ein. Ohne Breite und Höhe sind ggf. weiße Balken zu sehen
Aufgaben:
- Auf lokalem Rechner und auf dem Webserver Unterverzeichnis 'grafik-3d' anlegen mit HTML-Seite index.html
- Mit Simply-3D einen Schneemann modellieren und als .s3d-Datei abspeichern
- Schneemann als GIF abspeichern und auf Webseite stellen
- Mit Simply 3D ein Wohnzimmer (mit Einrichtung) modellieren und als .s3d-Datei abspeichern
- Wohnzimmer als GIF abspeichern und auf Webseite stellen
- Stellt die Ergbnisse noch heute ins Web!
01.03.2007
Aufgaben:
- Schneemann oder Wohnzimmer als VRML auf Webseite einbetten
- Dampflok mit drehenden Rädern in Simply 3D erstellen
und als VRML auf HTML-Seite einbetten
- Alternativ: Sonne/Erde/Mond-Animation erstellen
und als VRML auf Webseite einbetten
- Für Profis: Schneemann direkt in VRML formulieren (siehe
Begleitmaterial) und in Webseite einbetten
02.03.2007
Aufgaben:
Die Webseite muss heute komplett fertig sein, mit allen Ergbnissen der
letzten Tage, damit wir nächste Woche ein neues Thema beginnen können.
- Alle Webseiten überarbeiten
- Verzeichnis-Struktur sollte Verzeichnisse enthalten für: Startseite, Pixelbilder, Flash-Grafik, Flash-Animation,
VRML-Grafik, VRML-Animation
- das Menu soll einen obersten Link "Praktikum" erhalten,
mit dem auf die Tabelle mit allen Teilnehmern verwiesen wird
- mit Lieblingswerkzeug(en) befassen
05.03.2007
- Unterverzeichnis 'audio' anlegen mit HTML-Seite index.html
- mit Finale ein Lied erstellen und als Midi-Datei abspeichern
- Midi-Datei auf HTML-Seite einbetten
- Mit Headset und (MS) Audiorecorder Sprachaufnahme durchführen
und als Wave-Datei abspeichern
- Wave-Datei auf HTML-Seite einbetten
- Wave-Datei mit Helix-Producer in RealAudio-Format umwandeln
- Mit WS_FTP mit dem Server vs1.rz.uni-osnabrueck.de verbinden,
im Verzeichnis public/mmp2006 ein Verzeichnis mit eigenem Vornamen
anlegen. ACHTUNG: alle anderen Verzeichnisse bitte nicht verändern!
- RealAudio-Datei in das eigene Verzeichnis auf den Streaming-Server
hochladen
- Die RealAudio-Datei in die Webseite mit dem EMBED-Tag einbinden.
(Beispiel:
http://www-lehre.inf.uos.de/mmii/mmp/node30.html)
06.03.2007
Nacharbeiten:
- Ggf. Link in eurer index.html zur RealAudio-Datei anpassen:
rtsp://vs1.rz.uni-osnabrueck.de/public/mmp/mmp2006/name/datei.ra
Aufgaben:
- Unterverzeichnis video mit index.html anlegen
- Vom Webserver dosuni aus dem Verzeichnis videos
die Videoclips avz.mov, fahrstuhl.mov und raum-339.mov besorgen.
Zusätzlich laden sie ihr eigenes und ein oder mehrere Videos der anderen Praktikumsteilnehmer herunter.
- Schneiden Sie mit Adobe Premiere daraus einen Film mit Titel und eigenem Audiokommentar.
- Ggf. Flash-Animation, VRML-Animation und Tonmaterial
von http://www.flashkit.com/loops/ verwenden
- Film mit Helixproducer ins RealVideo-Format umwandeln
- RealVideo-Datei auf den Streaming-Server des Rechenzentrums
hochladen (mithilfe von WS_FTP).
- Binden Sie das RealVideo File in ihre Webseite ein.
(Beispiel:
http://www-lehre.inf.uos.de/mmii/mmp/node39.html)