Tutorials: Internet / Web / Multimedia

In diesem Modul wird das Endergebnis der mehrteiligen Workshopreihe zur Erstellung einer Website vorgestellt. In einem Video wird durch die Website navigiert. Dabei werden die Struktur der Website gezeigt und die wichtigsten Seiten aufgerufen., In diesem Workshop werden die Überlegungen und Arbeitsschritte präsentiert, die als Grundlage für die Planung und Produktion einer Website dienen.,

Hier werden Arbeitsschritte präsentiert, die in Dreamweaver erledigt werden. Sie sind notwendig, um die Website als Gesamtes funktioniert: Verknüpfungen, Interaktion, Abrufbarkeit der einzelnen Seiten.

Hier werden Arbeitsschritte präsentiert, die zur Veröffentlichung und Aktualisierung notwendig sind: Vorbereitungen, Site-Checks, Verbindung mit dem Server, Upload, Synchronisation

In diesem Workshop wird gezeigt, wie durch Einbettung von Content, der nicht durch HTML dargestellt wird, Web-Seiten Dynamik verliehen wird. Konkret wird das dadurch ereicht, dass sowohl eine Flash-Film, als auch ein Java-Applet in eine Webseite eingefügt werden. Beide Elemente werden erst zur Laufzeit (beim Aufruf der Web-Seite) am Client ausgeführt, indem sie Fremdapplikationen, sogenannte PlugIn's starten. Erwähnenswert ist weiters, dass beide Elemente über Schnittstellen verfügen, die eine Individualisierung ermöglichen. Diese wird anhand verschiedener Parameter, die zur Laufzeit übergeben werden, erreicht.

In diesem Workshop wir gezeigt wie anhand von Scripts, die nach dem Aufruf der Website vom Browser ausgeführt werden, dynamischer Inhalt einer Webseite erzeugt werden kann Konkret werden Elemente einer Webseite bei Eintreten eines Ereignisses mit JavaScript angesprochen und manipuliert In diesem Workshop wird ein Überblick über das Zusammenwirken von JavaScipt und HTML sowie eine kurze Einführung in das Document Object Model (DOM) das dazu verwendet wird, gegeben., werden Bild-Elemente einer HTML-Seite bei Eintreten der Events OnMouseOver und OnMouseOut veränderen(Bildwechsel). Dazu wird im ersten Teil eine JavaScript-Function selbstgeschrieben, im 2. Teil gezeigt, wie man das mithilfe vom Macromedia Dreamveaver machen kann und was dabei passiert., werden mithife einer JavaScript-Function, die selbst zu schreiben ist, Daten aus einem Formular eingelesen, diese dort brerechnet, und dann in einem Ausgabefeld ausgegeben, Folgende Komponenten sind dazunotwendig: Ein WebBrowser, Internet Explorer 6 oder höher oder Mozilla 1.7 oder höher (wird hier verwendet), Macromedia Dreamweaver MX 6.0,

In diesem Workshop wird gezeigt wie anhand von serverseitigen Scripts Content einer Webseite dynamisch augebaut werden kann. Serverseitige Scripts, wie hier PHP werden beim Aufruf der Webseite durch den Browser am Webserver zuerst auasgefürt, die Ergebnisse am Server berechnet und als HTML in die Webseite eingefügt und erst dann an den Webbrowser zurückgeliefert In diesem Workshop wird ein eine Einführung in die Erstellung von dynamlischen Webseiten mithilfe von PHP gegeben., werden die unterschiedliche Behandlung der Paramaterübergabe an PHP-Scripts mithilfe von GET und POST-Paramantern gezeigt., wird in einem Fallsbeispiel an der "Mission Galactica" WebSeite dort die Benutzeranleitung des BordComputers mithilfe von PHP und GET-Parameterübergabe strukturiert., wird in einem weiteren Fallbeispie,l ein Reisebuchungsformular für einen Weltallflug mithilfe von PHP und POS-Variablen ausgewertete und eine Buchungsbestätigung ausgegeben, Folgende Komponenten sind dazu notwendig: Ein WebBrowser, Internet Explorer 6 oder höher oder Mozilla 1.7 oder höher (wird hier verwendet), Macromedia Dreamweaver MX 6.0, Apache Webserver Version 1.3.29 oder besser, PHP 4.3.7 oder besser, Anmerkung: die Zip-Datei website_mission.zip befindet sich in allen Modulen zum Download, braucht aber nur einmal pro Workshop heruntergeladen werden., Es ist erforderlich, dass ein Apache Webserver zur Verfügung steht, der PHP-Scripts ausführen kann., Weiters müssen die Dateien der Website "Mission Galactica" für deisen Worksop so installiert werden dass der Apache diese Dateien liefern kann (z.B. in das Verzeichnis htdocs oder darüber).,

In diesem Workshop wird gezeigt, wie mithilfe von serverseitigen Scripts Web-Inhalt aus externen Datenquellen ausgelesen und in eine Webseite dynamisch eingefügt werden kann. Im konkreten Fall wird mithilfe von PHP eine Tabelle aus einer MySQL-Datenbank ausgelesen und - individuell sortiert - in einer HTML-Seite angezeigt. In diesem Workshop wird ein eine kurze Einführung über den Umgang mit relationallen Datenbanken, deren Eigenschaften und Besobderheiten gegeben., wird kurz gezeigt wie mithilfe von SQL Information aus Tabellen relationaler Datenbanken abgefragt werden kann., wird in einem Fallsbeispiel an der "Mission Galactica" WebSeite eine Buchungsliste aus einer MySQL Tabelle ausgelesen, aufbereitet und in die Webseite eingefügt., wird zu der Buchungsliste eine Möglichkeit zur individuellen Sortierung hinzugefügt., Folgende Komponenten sind dazu notwendig: Ein WebBrowser, Internet Explorer 6 oder höher oder Mozilla 1.7 oder höher (wird hier verwendet), Macromedia Dreamweaver MX 6.0, Apache Webserver Version 1.3.29 oder besser, PHP 4.3.7 oder besser, MySQL 4.0.1alpha oder vergelichbar, WebClient für MySQL phpMyAdmin 2.5.6, Anmerkung: die Zip-Datei website_mission4.zip befindet sich in allen Modulen zum Download, braucht aber nur einmal pro Workshop heruntergeladen werden., Es ist erforderlich, dass ein Apache Webserver zur Verfügung steht, der PHP-Scripts ausführen kann., Weiters müssen die Dateien der Website "Mission Galactica" für diesen Worksop so installiert werden dass der Apache diese Dateien liefern kann (z.B. in das Verzeichnis htdocs oder darüber)., Darüber hinaus muss eine MySQL Datenbank verfügbar sein und die Möglichkeit bestehen mit PHP auf diese zuzugreifen.,

In mehreren Übungen wird eine Einführung in das Konzept des Realtime-Processing von Videodaten mit Hilfe der grafischen Programmieroberfläche MaxMSP+jitter gegeben.

Die Netzwerkkarte bekommt eine eindeutige lokale Adresse (private IP-Adresse). Diese wird benötigt, um den Rechner innerhalb des lokalen Netzes zu identifizieren (und somit auf eindeutige Weise direkt ansprechen zu können). Verwendet wurde Windows XP und MacOS X. Im nächsten Schritt erfolgt die Verkabelung von Rechnern per Twisted-Pair Kabel über Hub oder Switch mittels (Windows XP, Mac, Hub oder Switch ). Steht die Verbindung wird die IP-Kommunikation zwischen den Rechnern mittels Ping getestet. Danach wird eine hosts-Datei so verändert, dass sich die Rechner auch über einfache Namen statt über die Ip-Adresse ansprechen lassen.

Mit der Dateifreigabe wird ein Ordner freigegeben, der von allen Benutzern einer Arbeitsgruppe des lokalen Netzwerks als Datenspeicher benutzt werden kann (vergl. Gruppenlaufwerk des Universitätsnetzes). Mit der Druckfreigabe soll erreicht werden, dass alle Benutzer einer Arbeitsgruppe über einen zentralen Rechner, an dem ein Drucker angeschlossen ist, drucken können. (verwendet: Windows XP Professional, Drucker )

Es wird zur Veranschaulichung des Client-Server Prinzips ein Webserver im LAN eingerichtet, auf den die Clients zugreifen können.

Durch Routing werden Netze miteinander verbunden. Sollen z.B. Rechner eines Heimnetzes Anbindung ans Internet bekommen, wird das Heimnetz ins Internet geroutet und umgekehrt (hier: mittels WindowsXP / Linux und einem PC mit zwei Netzwerkkarten.

Internetanbindung (Kabelnetz) des LANs mittels multifunktions Hardware Router.

Internetzugang für einen Rechner einrichten (Windows XP, verschiedene Modems).

Bevor Rechner (Internet/lokales Netz) verbunden werden, sollte eine grundlegende Sicherung durch eine Firewall und durch Einspielen der letzten Betriebssystem-Updates erfolgen. Die Firewall soll auf alle Fälle noch im "unverkabelten" / "unverbundenen" Zustand aktiviert werden - denn auch von anderen angesteckten (privaten) lokalen Rechnern können Gefahren ausgehen.

Beispiel: Verschlüsselte Übertragung auf einen "FTP" Server

Überblick über das Layout in Photoshop,, Überlegungen beim Layouten bezüglich der Darstellung der Site bei unterschiedlichen Bildschirmauflösungen,, Entwurf und Aufbau der Seiten entsprechend der Sitestruktur unter Nutzung der Ebenen in Photoshop.,

Hier werden der Aufbau einer Ordnerstruktur und die Ordnerinhalte für das Webprojekt gezeigt sowie, das Zerschneiden der Photoshop-Layoutdatei in sinnvolle Teile entsprechend der Sitestruktur.,

Hier geht es um die Arbeitsvorgänge im Programm ImageReady, die für das Aufbereiten und Optimieren der Seitenelemente zur Darstellung im Web notwendig sind. Die einzelnen .psd-Dateien des Layouts werden segmentiert (geslicet), optimiert und in dafür angelegte Ordner als HTML-Dateien ausgegeben (diese HTML-Dateien werden dann später im Dreamweaver noch bearbeitet).

Hier werden Arbeitsschritte vorgestellt, die für das Einrichten der Arbeitsumgebung wichtig sind

Hier wird die Bearbeitung der - von ImageReady ausgegebenen - Navigationsleisten (Haupt- und Subnavigation) in Dreamweaver gezeigt.

Es werden die von ImageReady ausgegebenen Inhalt-Einstiegseiten bearbeitet. Dabei werden neben der Textformatierung mit CSS unterschiedliche Bildtechniken für Bilddarstellungen im Web vorgestellt: das Enbinden von Flash-Animation in HTML, DHTML-Animation, Interaktion mit Puzzle, unterschiedliche Verhaltensweisen und Aktionen.

Hier werden die einzelnen Seiten, die bisher isoliert bearbeitet wurden, mit Hilfe einer Rahmenkonstruktion (Frameset) zu einer gemeinsamen Oberfläche zusammengefügt. Es wird ein Frameset erstellt, wo die Struktur des Browserfensters festgelegt wird. Nachträglich werden die Eigenschaften und Quell-Dateien für den einzelnen Frames angegeben.

Hier werden die einzelnen Dokumente miteinander verknüpft, die Website "navigierbar" gemacht. Es wird das Erstellen von Links, das gleichzeitige Austauschen oder Laden von Inhlaten mehrerer Frames gezeigt

Hier wird gezeigt, wie man eine Start-Seite ohne Frames für die Website definiert werden kann, unter der Berücksichtigung der Userumgebung bezüglich des Flash-Plugins.

Hier wird eine Seite erstellt, mit einemPlugIn-Detector, der die Userumgebung auf Flash-Plugin überprüft. Je nach dem, ob der PlugIn vorhanden ist oder nicht, wird automatisch dann auf die entsprechende Startseite-Version weitergeleitet (mit Flash oder mit einem statischem Bild)

Hier werden Arbeitsschritte präenteiert, die zur Site-Veröffentlichung notwendig sind: Unterstützung von Suchmaschinen durch Metatags und Keywords;, Site-checks (Links, Code-Syntax),

Hier werden die zur Site-Veröffentlichung und Aktualisierung notwendigen Arbeitschritte vorgestellt

Grundlegende ZeichentechnikenIn dieser kurzen Übung werden die Grundtechniken in Flash erklärt: Verschmelzen und Zuschneiden von Formen, Arbeiten mit dem Umriss, Verhältnis Umriss zu Fläche, Gruppierung von Elementen, Erzeugen von geschwungenen Formen, Ausrichtung von Grafik

In dieser Übung werden mit Hilfe der Pfadwerkzeuge zwei Logos nachgebaut Arbeit mit Kurven in Flash , Erstellen von Formen mittels Stiftwerkzeug , Knotenpunkt und Tangenten , Arbeit mit Tangenten , Knotenpunktarten , Strich in Füllung konvertieren,

Diese Übung zeigt, wie Flächen mit Farbverläufen gefüllt werden können Farbverläufe zwischen zwei Farben erstellen , Einsatz von mehreren Farben innerhalb eines Verlaufs , Bearbeiten des Verlaufsbereichs , Drehen der Verlaufsrichtung ,

Arbeit mit Symbolen und Instanzen Symbole erstellen, Sinnvoller Einsatz von Symbolen, Ablage in der Bibliothek, Beziehung Symbol – Instanz, Ändern von Symboleigenschaften – Ändern von Instanzeigenschafen, Symbolarten: Grafik-Symbol, Schaltfläche, MovieClip, Einsatz und Eigenschaften der einzelnen Symboltypen,

In diesem Modul werden die Anzeigeobjekte behandelt, die im Flash-Player angezeigt werden können. Die Basisklasse für alle Anzeigeobjekte ist die Klasse DisplayObject. Die Anzeigeobjekte stehen zueinander in einer hierachischen Beziehung. Ein MovieClip-Anzeigeobjekt ist ein spezieller Container für Anzeigeobjekte, der über eine eigene Timeline verfügt.

Gezeigt wird wie Movieclipinstanzen in der Flash-Entwicklungsumgebung und zur Laufzeit erzeugt werden können. Nach dem Erzeugen können die Instanzen auf zwei Arten angesprochen werden.

Erklärt wird das Ereigniskonzept von ActionScript 3 und wie man mit Eventhandlern auf eintretende Ereignisse reagieren kann.

Die Verwendung und Behandlung von Mausaktivitäten sind zentrale Programmieraufgaben bei der Erstellung von interaktiven Multimediaanwendungen. In diesem Modul werden einige prototypische Beispiele erklärt.

Gezeigt wird wie mit ActionScript 3.0 die Eigenschaften von Movieclipinstanzen und allgemeiner von Displayobjektinstanzen verändert werden können. Animation ergibt sich dann durch kontinuierliche Veränderung von bestimmten Eigenschaften in der Zeit.

In diesem Modul wird gezeigt, wie man Container (Movieclips, Sprites), die größer als die Bühne sind, mit der Maus ziehen oder scrollen kann. Weiteres wird erklärt, wie man 360°-Panoramen rotieren kann.

In diesem Modul wird gezeigt, wie man den Standardmauscursor aus- und wieder einblendet, einen individuellen (animierten)Cursor erstellt und grundsätztlich Instanzen von Displayobjekten an den Mauscursor bindet.

In diesem Modul werden einfache, häufig verwendete mathematische Funktionen erklärt. Dieses Modul wird laufend erweitert.

Die pdf-Mitschrift zur Lehrveranstaltung "Einführung in die Programmierung und algorithmisches Denken" im SS09 wurde von Evelyn Rendl erstellt.Die Mitschrift enthält in knapper Form die Beispiele, die besprochen wurden.

In sehr vielen Programmiersprachen bedeutet Programmieren, eine Abfolge von Anweisungen (statements) zu definieren, die der Prozessor bei der Ausführung des Programms schrittweise abarbeiten muss. Dabei werden Daten gespeichert und verändert. Technischer gesprochen wird durch jede Anweisung ein Speicherzustand in einen neuen Speicherzustand transformiert. In all diesen prozeduralen Programmiersprachen muss es daher Sprachkonstrukte geben, mit denen Speicherplatz für Daten reserviert werden kann: Variable, Variablendeklaration,, Daten ein- und ausgeben werden können,, gespeicherte Daten manipuliert und die Ergebnisse der Maniulationen wieder gespeichert werden können: Ausdruck (expression, Term), Wertzuweisung (assignment),, mit denen die Abfolge der Anweisungen beschrieben wird: Sequenz, bedingte Anweisung (Verzweigung) und Schleife (Wiederholung),, mit denen mehrere Anweisungen zu Blöcken zusammengefasst und diese Blöcke zur Wiederverwendung mit abkürzenden Namen versehen werden können: Funktion (function), Prozedur (procedure)., Die Kenntnis dieser oben angeführten Konstrukte ist unerlässlich für jede Programmiertätigkeit und unabhängig von einer bestimmten Programmiersprache. Diese Konstrukte bilden auch die Basis für die Defintion und Beschreibung der Funktionalität von Objekten in objektorientierten Programmiersprachen. In dieser Übungen sollen mit Hilfe der Programmiersprache ActionScript von Flash diese Konstrukte Schritt für Schritt erarbeitet werden. ActionScript wurde deshalb gewählt, da für Kunststudierende durch ActionScript eine unmittelbare visuelle Rückmeldung möglich ist. Man kann sofort an der Ergebnisgrafik erkennen, ob man "richtig" programmiert hat. Darüber hinaus ist ActionScript eine mächtige Programmiersprache mit der auch die Konzepte der objektorientierten Programmierung erklärt und professionelle ...

Erzeugen von Movieclips. Bewegen und verändern von Movieclips durch Maus- und Tastaturaktionen. In der Übung "Einführung in die Programmierung mit ActionScript", die Voraussetzung für diese Übung ist, wurde die Grafik direkt im Mainmovie auf der Mainstage erzeugt. In dieser Übung wird die Wellenliniengrafik in einem Movieclip erzeugt. Dazu werden drei verschiedene Möglichkeiten gezeigt. Anschließend wird der Movieclip mit der darin enthaltenen Grafik bewegt. Die Bewegung kann durch die Maus gestoppt und gestartet und durch die Cursortasten gesteuert werden. Weiters wird gezeigt, wie man bei gedrückter Maustaste durch die Mausbewegung das Aussehen der Kurve verändern kann. Durch zusätzliches Drücken der Steuerungstaste kann die Funktionalität der Mausbewegung gesteuert werden. Grundlegende Informationen zu Movieclips

In diesem Übungsmodul wird anhand eines einfachen Beispiels gezeigt, wie mit Actionscript in einem Flashmovie Navigation und Interaktion integriert werden kann. Im Zuge dessen wird das Ereignismodell von Flash näher erklärt und auch ausgeführt, an welchen Positionen in einem Flashmovie Code angefügt werden kann und soll. Ein weiteres Thema ist das Nachladen von Movieclips.

In diesem Modul wird anhand eines Beispiels erläutert, wie eine dynamisch generierte Fotogalerie mit Thumbnails, großen Bildern und dazugehörigen Textinformationen erstellt werden kann. Zur Einführung wird gezeigt, wie man den Inhalt einer externen Textdatei in Flash einbinden kann. Danach importieren wir eine strukurierte Textdatei (XML), die es einem ermöglicht zusammenhängende Texte in Flash einzubinden. Jeder Eintrag in der XML-Datei besteht aus einer ID, dem Namen des Fotos und einer kurzen Beschreibung. Diese Informationen wollen wir anschließend mit dem jeweils richtigen Foto verbinden. Es wird gezeigt, wie man in einem leeren Movieclip externe Bilder nachlädt und die dazugehörigen Informationen in dynamischen Textfeldern einblendet.

Diese Übung ist Teil des Workshops "Dynamische Webinhalte mittels clientseitigen Scripts". Diese Übung enthält 2 Arbeitschritte. Im ersten Arbeitschritt wird die Arbeitsvorbereitung un das Endergebnis demonstriert., Im zweiten Arbeitschritt wird ein kurzer Überblick über den Zusammenhang von HTML und JavaScript gegeben, Hinweis: Um diesen Workshop nachzumachen, ist es notwendig, die ZIP-Datei website_mission.zip herunterzuladen.

Diese Übung ist Teil des Workshops "Dynamische Webinhalte mittels clientseitigen Scripts". In dieser Übung wird gezeigt wie mithilfe von clientseitigen Scripts (hier JavaScript) Werte aus Formularfeldern ausgelesen werden, diese Werte berechnet werden, und das Ergebnis wiederum in einem Formularfeld ausgegeben wird, Hinweis: Um diesen Workshop nachzumachen, ist es notwendig, die ZIP-Datei website_mission.zip herunterzuladen.

Ziel ist es, die Anzahl der Besucher der Webstartseite zu addieren und den Wert auf der Homepage als Text und Graphik auszugeben.

Diese Übung ist Teil des Workshops "Dynamische Webinhalte mittels serverseitiger Scripts" In dieser Übung wird gezeigt, wie mithilfe von POST-Parametern, die aus einem Formular an eine PHP-Seite übergeben werden, eine Reise gebucht und eine Buchungsbestätigung ausgestellt werden kann., wird anhand einer Fallstudie die Webseite "Mission Galactica" um eine Buchungsmöglichkeit zu einem Raumflug zum Alpha Centauri erweitert., Folgende Komponenten sind dazu notwendig: Ein WebBrowser, Internet Explorer 6 oder höher oder Mozilla 1.7 oder höher (wird hier verwendet), Macromedia Dreamweaver MX 6.0, Apache Webserver Version 1.3.29 oder besser, PHP 4.3.7 oder besser,

Ziel ist es, dass eine Nachricht auf der Homepage über ein Form-Eingabefeld hinterlassen werden kann. Die Nachricht soll in einer Textdatei am Server gespeichert werden.

Diese Übung ist Teil des Workshops "Dynamische Webinhalte mittels serverseitiger Scripts" In dieser Übung wird gezeigt, wie mithilfe von GET-Parametern, die an eine PHP-Seite übergeben werden, HTML-Webinhalte dynamisch verändert werden können, wird das anhand einer Fallstudie der Webseite "Mission Galactica" erreicht, indem dort die Bedienungsanleitung des Bordcomputers strukturiert nach Kapiteln, in Abhängigkeit von übergebenen Paramatern, angezeigt wird., Folgende Komponenten sind dazu notwendig: Ein WebBrowser, Internet Explorer 6 oder höher oder Mozilla 1.7 oder höher (wird hier verwendet), Macromedia Dreamweaver MX 6.0, Apache Webserver Version 1.3.29 oder besser, PHP 4.3.7 oder besser,

Diese Übung ist Teil des Workshops "Dynamische Webinhalte mittels serverseitiger Scripts" In dieser Übung wird gezeigt, was in diesem Workshop zu tun ist, werden die zu berabeitenden Komponenten der WebSeite "Mission Galactica" besprochen, werden die unterschiedliche Behandlung der Paramaterübergabe an PHP-Scripts mithilfe von GET und POST-Paramantern gezeigt., Folgende Komponenten sind dazu notwendig: Ein WebBrowser, Internet Explorer 6 oder höher oder Mozilla 1.7 oder höher (wird hier verwendet), Macromedia Dreamweaver MX 6.0, Apache Webserver Version 1.3.29 oder besser, PHP 4.3.7 oder besser,

Installation der Komponenten Apache, MySQL, PHP und Perl für Windows (Windows, Apache, MySQL, PHP und Perl = WAMPP)

Diese Übung ist Teil des Workshops "Verknüpfung von serverseitigen Scripts mit anderen Datenquellen" In dieser Übung wird die Passagierlieste gezeiget, die aus der MySQL-Datenbank ausgelesen wird und in die WebSeite der "Mission Galactica" eingefügt wird., wird ein kurzer Überblick über das Wesen von relationalen Datenbanken gegeben., deren Eigenschaften besprochen., und gezeigt wie man mithilfe von SQL Daten aus deren Tabellen Daten abrufen kann., Folgende Komponenten sind dazu notwendig: Ein WebBrowser, Internet Explorer 6 oder höher oder Mozilla 1.7 oder höher (wird hier verwendet), Macromedia Dreamweaver MX 6.0, Apache Webserver Version 1.3.29 oder besser, PHP 4.3.7 oder besser, MySQL 4.0.1alpha oder vergleichbar, WebClient für MySQL phpMyAdmin 2.5.6,

Diese Übung ist Teil des Workshops "Verknüpfung von serverseitigen Scripts mit anderen Datenquellen" In dieser Übung Wird die Passagierliste gezeigt, die sich in der MySQL-Datenbank befindet., wird in einer Fallstudie diese Passagierliste aus der MySQL-Datenbank ausgelesen und in die WebSeite der "Mission Galactica" eingefügt., Folgende Komponenten sind dazu notwendig: Ein WebBrowser, Internet Explorer 6 oder höher oder Mozilla 1.7 oder höher (wird hier verwendet), Macromedia Dreamweaver MX 6.0, Apache Webserver Version 1.3.29 oder besser, PHP 4.3.7 oder besser, MySQL 4.0.1alpha oder vergleichbar, WebClient für MySQL phpMyAdmin 2.5.6,

Dieses Modul beschreibt den Umgang mit dem Install Tool von Typo3. Nachdem ein passendes "Typo3 Package" in einem Unterverzeichnis des Webservers entpackt worden ist, kann die Installation bzw. die Basiskonfiguration von Typo3 durchgeführt werden. Dabei begleitet das Install Tool auf einfache und intuitve Weise den Benutzer durch den Installations- und Konfigurationsprozesses.

Typo3 ist ein multilingualesContent Management System, das auf einfache und unkomplizierte Art und Weise die Installation von verschiedenen Sprachpaketen ermöglicht. Für jeden Benutzer-Account kann individuell die Sprache des Administrationsbereichs festgelegt werden.

In diesem Modul wird gezeigt, wie man mit einer Designvorlage und einem einfachen TypoScript-Template eine erste im Front-End sichtbare Seite erstellen kann.

Die Extension TemplaVoila erlaubt eine neue Herangehensweise an das Erstellen von Webauftritten. Anstatt Designvorlagen, Markern und TypoScript-Templates zu verwenden, ermöglicht TemplaVoila das "Mappen" von dynamischen Inhalte auf statische HTML-Strukturen mit Hilfe von visuellen Werkzeugen.

In diesem Tutorial wird beschrieben wie neue Templates in TemplaVoila hinzugefügt werden können und dadurch eine Navigation für Untermenü-Punkte erstellt werden kann.

Der Templating-Mechanismus von TemplaVoila kann auch dazu verwendet werden eigene Inhaltselemente zu definieren, sogenannte "Flexible Content Elements".

In diesem Modul wird beschrieben, wie ein geschützer Bereich auf der Webseite erstellt wird, den nur authentifizierte Benutzer besuchen können.Um Seiten für einen geschlossenen Besucherkreis erstellen zu können, müssen zuerst die entsprechenden Benutzer und Benutzergruppen spezifiziert werden. Die hier gemeinten Benutzer sind aber von den bisher behandelten Benutzern zu unterscheiden. Die Benutzerverwaltung wie im Modul Benutzerverwaltung beschrieben, bezieht sich nur auf so genannte Backend-Benutzer. Damit sind z.B. Redakteure gemeint, die sich über die Login-Seite des Backends anmelden (siehe Abbildung), um im Backend-Bereich Einstellungen vorzunehmen.Benutzer, die sich direkt über die Website anmelden und keine Redakteure sind, werden als Frontend-Benutzer bezeichnet. Das sind z.B. Kunden, die sich auf der Website im Kundenbereich anmelden.

Typo3 ermöglicht das Anpassen des Backends an die unterschiedlichen Zugriffsrechte der Benutzer. In diesem Modul wird beschrieben wie ein Account für einen Redakteur erstellt und konfiguriert werden kann.

In dieser Übung wird eine Introanimation erstellt. Dabei werden grundsätzliche Arbeitsschritte beim Entwickeln einer Multimedia CD-ROM, die Arbeitsweise in Director und Animationstechniken gezeigt. Die selbstablaufende Introanimation endet mit dem Einstiegsbild zum Hauptmenü.

In dieser Übung wird die interaktive Steuerung des Hauptmenüs erstellt: Bei Rollover über einen Hauptmenüpunkt (oranges Quadrat) soll das Quadrat blau werden, der Pfeilcursor wechselt in einen farbigen animierten Cursor, ein Sound wird abgespielt und der Text beim Menüpunkt wird von 20% auf 100% Deckkraft geändert. Wenn der Mauszeiger das Quadrat verlässt, soll alles in den Ausgangszustand zurückwechseln.

In dieser Übung wird die Untermenüstruktur entwickelt. D.h. für jeden Hauptmenüpunkt wird im Drehbuch ein Bereich für das dazugehörige Untermenü angelegt. Nach Klick auf einen Hauptmenüpunkt springt der Abspielkopf zur entsprechenden Markierung und das Untermenü wird aufgebaut. Bei Rollover über einen Unterpunkt verschiebt sich dieser leicht nach links und ändert die Farbe. Diese Übung behandelt Markierungen, das Springen zwischen Markierungen, Übergänge für den dynmaischen Aufbau eines Untermenüs und einfache LINGO-Befehle zur Veränderung von Eigenschaften wie Position und Farbe.

Auslesen und Verwertung von Informationen über das geladene Videoclip Gestaltung eines random walk im gewählten Videoclip mit grafischer Status-Anzeige In dieser Übung werden anhand des Beispiels random walk die wichtigsten Prinzipien der Arbeit mit Max/MSP & Jitter erklärt: Bearbeitungs- und Präsentationsmodus, Objekte, messages und Parameter, Screendesign und Regeln für Ablaufhierarchien, Softwareansatz von Echtzeitsteuerung, Dynamik und Interaktivität. Mit den in dieser Übung fertiggestellten patcher für Realtime Videoprocessing können noch keine Democlips auf Harddisc gespeichert werden. Mit dem Recording der erzeugten Videoclips befasst sich ein eigenes Übungsmodul dieses Workshops.

Anhand verschiedener Objekte für automatisierte Steuerung werden die bisherigen Kenntnisse der Software erweitert: Videoclips werden in bestimmten Zeitintervallen zufällig, in einer bestimmten Reihenfolge, mit Dropdown-Menü, mit Tastaturkommandos oder MIDI-Controller ausgewählt, gelesen und abgespielt.

Es werden verschiedene Varianten des Crossfadings zwischen zwei Videoclips erarbeitet und neue Objekte vorgestellt. Bildqualitätkorrektur und additive Verknüpfung zwischen zwei Videoclips.

Diese Übung zeigt, wie Videostills oder Videoclips von Videoprocessings auf Festplatte gespeichert werden können.

Diese Übung zeigt anhand mehrerer kleiner voneinander unabhängiger Beispiele gebräuchliche Objekte für die Manipulation von Videodaten: Visuelle Interferenzen Zerschneiden und neu zusammensetzen Pixelvergröberung Ausschnitte zoomen Farbveränderung der RGB-Kanäle Eingefrorene Stills addieren und ausfaden

Bei dieser Übung geht es um eine Übersicht über die Objekte für Videoprocessing und fertige Effekte. Anhand zweier Beispiele wird gezeigt, wie Effekte bzw. Filter weich eingebunden werden können.