Mediator 8.0 Grundlagen - muc.kobis.de

Inhalt: 

©Landeshauptstadt München 

Mediator 8.0 Grundlagen 

Wir erlernen anhand eines Beispiels aus der Physik die grundlegenden Möglichkeiten 

des Erstellens von interaktiven Präsentationen mit Mediator 8.0. 

Autor: Norbert Übelacker 

e-mail: n.uebelacker@web.de

Schul- und Kultusreferat Thema: Mediator 8.0 2 

1.0. Vorbemerkungen___________________________________________________________3 

1.1. Einführung _____________________________________________________________3 

1.2. Beschreibung: ___________________________________________________________3 

1.3. Einige wenige Vereinbarungen für diese Schulung: ____________________________3 

2.0. Erste Schritte mit Mediator 8.0________________________________________________4 

2.1. Wir starten Mediator 8.0 __________________________________________________4 

2.2. Willkommensdialog: _____________________________________________________4 

2.3. Dokument-Typ wählen: ___________________________________________________4 

2.4. Modus festlegen:_________________________________________________________4 

2.5. Fenstergröße wählen:_____________________________________________________5 

2.6. Die Oberfläche von Mediator 8.0 ___________________________________________5 

2.7. Die wichtigsten Funktionen der Symbolleiste _________________________________6 

2.8. Die wichtigsten Funktionen der Standardleiste: _______________________________6 

2.9. Arbeiten mit einem Gitternetz auf der Arbeitsfläche ___________________________6 

3.0. Gestaltung der ersten Seite ___________________________________________________7 

3.1 Die erste Überschrift: _____________________________________________________7 

3.2. Eigenschaftendialog: _____________________________________________________7 

3.3. Testmodus: _____________________________________________________________8 

3.4. Bild einfügen: ___________________________________________________________8 

3.5. Animiertes Gif einfügen___________________________________________________9 

3.6. Textfeld einfügen:________________________________________________________9 

3.7. Objekteigenschaften: _____________________________________________________9 

3.9. Schaltflächen einfügen: __________________________________________________10 

4.0. Eine Seite wird „interaktiv“ _________________________________________________11 

4.1. Seitenwechsel:__________________________________________________________11 

4.2. Textfeld animieren ______________________________________________________12 

4.3. Steuerung per Zeitlinie: __________________________________________________13 

4.4. Animationspfad ________________________________________________________14 

5.0. Neue Seiten gestalten ______________________________________________________15 

5.1. Multimedia Katalog: ____________________________________________________15 

5.3. Gestaltung der 2. Seite: __________________________________________________16 

5.4. Animieren mit Hotspots: _________________________________________________16 

6.0. Arbeiten mit Videos ________________________________________________________18 

6.1. Ein Video einfügen ______________________________________________________18 

6.2. Schaltflächen animieren: _________________________________________________18 

7.0. Aktive Dokumente _________________________________________________________19 

7.1. Dokumente einfügen_____________________________________________________19 

8.0. Ziehen und Ablegen eines Objektes: __________________________________________19 

8.1. Gestaltung der 5. Seite ___________________________________________________19 

8.2. Variable definieren: _____________________________________________________20 

8.3. Ziehen und Ablegen: ____________________________________________________20 

9.0. Arbeiten mit Eingabefeldern_________________________________________________22 

9.1. Gestaltung der 6. Seite ___________________________________________________22 

9.2. Das Eingabefeld:________________________________________________________22 

9.3. Wir „programmieren“. __________________________________________________23 

©Landeshauptstadt München Autor: Norbert Übelacker 



1.0. Vorbemerkungen 

1.1. Einführung 

Mit dem Mediator 8 können wir Flash®, HTML- und CD ROM Projekte schneller als mit jedem anderen 

Multimedia-Werkzeug rein durch „Drag & Drop“ erzeugen. Wir kombinieren Texte, Bilder, Sounds und 

Videos, fügen Übergänge und Interaktivität hinzu – ohne jedes Programmieren! Zum Schluss exportieren 

wir das Projekt einfach per Mausklick als Flash®, HTML oder als CD ROM. 

1.2. Beschreibung: 

Mediator Pro ermöglicht das Erstellen von HTML-, Flash- und CD-ROM-Projekten für den Schuleinsatz. 

Es unterstützt das Arbeiten mit Texten, Bildern, Videos, Flash-Filmen, Animationspfaden und 

vielem mehr. 

Das Programm arbeitet dabei in vier Stufen um Multimedia- und Web-Projekte zu erstellen: 

• Erzeugen der benötigten Seiten 

• Hinzufügen von Inhalten für die Seiten 

(Texte, Hintergründe, Videos, Bilder etc.) 

• Erzeugen von Interaktivität 

(Videos starten, Ein-/Ausblenden von Objekten, Seitenwechsel etc.) 

• Exportieren des Projekts als CD-Rom, HTML oder Flash® 

Weitere Features von Mediator Pro: 

• Objektoperationen wie Rotation, Änderung von Farbe und Transparenz 

• Schutz von Daten vor unerlaubtem Zugriff 

• Integrierter FTP-Manager 

• Projekt-Optimierer für schnellere Download-Zeiten 

• Export als HTML, CD-ROM, Bildschirmschoner, EXE, Flash-Dateien und als Installationen 

Mediator Pro ist ein sehr funktionelles und leicht bedienbares Programm, das sowohl einfach zu verwenden 

ist, als auch hochkomplexe Möglichkeiten bietet. 

1.3. Einige wenige Vereinbarungen für diese Schulung: 

LMK = Linker Mausklick LMT = Linke Maustaste 

RMK = Rechter Mausklick RMT = Rechte Maustaste 

Für diese Übung sollten wir uns ein Arbeitsverzeichnis „Sonnenfinsternis“ anlegen, in 

dem wir alle benötigten Bilder, Videos und auch unser Projektbeispiel speichern. 

Einige der in diesem Kurs benötigten Bilder, ein Video und ein Link sind nicht im Multimediakatalog 

von Mediator 8.0. enthalten. Wir finden sie aber in der Schatzkiste des 

virtuellen Heftes zu diesem Selbstlernmaterial: 

www.muehe.muc.kobis.de/mediator ( Benutzername: mediator und Kennwort: med ) 




2.0. Erste Schritte mit Mediator 8.0 

2.1. Wir starten Mediator 8.0 

a) über das Programmmenü: 

oder 

b) mit LMT-Doppelklick auf das Mediator-Icon 

im Desktop 

2.2. Willkommensdialog: 

Normalerweise öffnet sich das 

rechts abgebildete Willkommensfenster. 

Wir können zwischen 3 Optionen 

wählen: 

Wir entscheiden uns für: 

„Neues Dokument“! 

2.3. Dokument-Typ wählen: 

Für unser 1. Beispiel wählen wir 

„Standard (CD-ROM etc.)“ 

(Das bietet uns den größten Funktionsumfang) 

2.4. Modus festlegen: 

Wir wählen „Ganzer Bildschirm mit 

Rand“ und legen die Farbe des Randes 

fest. Ein Klick auf den Farb- 

Button öffnet ein Fenster mit der gesamten 

Farbpalette. Wir wählen eine 

sinnvolle Farbe aus! 




2.5. Fenstergröße wählen: 

Für unser erstes Projekt wählen wir 

die Fenstergröße „800 x 600“ und 

bestätigen mit „Fertigstellen“! 

Es öffnet sich nun die vollständige Mediator – Oberfläche, die wir näher betrachten wollen. Die untenstehende 

Abbildung zeigt zum besseren Verständnis eine Oberfläche, auf der bereits einige Seiten 

inklusive verschiedener Objekte erzeugt worden sind. 

2.6. Die Oberfläche von Mediator 8.0 

Menüleiste 

Seitenliste 

Eigenschaften-Dialog 

Objektliste 

Standardleiste 


Werkzeugbox 

Arbeitsfläche 



2.7. Die wichtigsten Funktionen der Symbolleiste 

Mit der Werkzeugbox können wir auf den einzelnen Seiten unseres Mediator-Projektes verschiedene 

multimediale Objekte bzw. Effekte erzeugen: 

Rotation 

2.8. Die wichtigsten Funktionen der Standardleiste: 

Datei öffnen 

Überschrift 

Auswahlwerkzeug 

Speichern 

Text 

Mediatordokument 

öffnen 

Rechteck 

Kopieren 

Ausschneiden 

Einfügen 

Bild 

Schaltfläche 

2.9. Arbeiten mit einem Gitternetz auf der Arbeitsfläche 

Um verschiedene Objekte (Bilder, 

Texte, ....) auf der Arbeitsfläche genauer 

positionieren zu können, lässt 

sich ein Gitternetz als Muster von regelmäßigen 

Punkten über die Arbeitsfläche 

legen. Das Gitternetz ist aber 

nur zu sehen, wenn wir unter Optionen/Gitternetz 

bei „Zeigen“ ein Häkchen 

setzen! 

Zeichnung 

Seitenliste 

BumpMap 

Objektliste 

Video 

Eigenschaften 

Tipp: Sie können ausgewählte Objekte (Textfelder, Bilder, Schaltknöpfe usw. ) auch mit Hilfe der 

Pfeiltasten verschieben. Wenn Sie dabei die Umschalt-Taste gedrückt halten, entspricht die Schrittweite 

exakt dem Wert, den Sie beim Gitternetz eingestellt haben (separat für x- und y-Schritte). Das 

Gitternetz muss für diese Funktionalität nicht eingeschaltet sein. 


Vieleck 

Animiertes Bild 

Multimedia 

Katalog 

Dokument testen 

Flash 

Animationspfad 

HTML-Dokument 

Seite 

testen 

Dokument kontrollieren 

Media Player 

Seite kontrollieren 

Eingabefeld 

Rechtschreib- 

prüfung - Seite 

Rechtschreib- 

prüfung - 

Dokument 

Listenbox 



3.0. Gestaltung der ersten Seite 

3.1 Die erste Überschrift: 

Ein LMK auf das Objekt „Überschrift “ 

der Werkzeugbox verändert die Form 

des Mauszeigers. 

Wir ziehen mit gedrückter linker 

Maustaste einen Rahmen auf und 

lassen die Maustaste los. 

Es erscheint eine Eingabebox, in der wir 

unsere Überschrift eingeben und mit 

„OK“ bestätigen. 

Am dünnen Rahmen und den 8 kleinen 

„Rahmenpunkten“ erkennen wir, dass sich 

die markierte Überschrift weiter 

bearbeiten lässt. Wir können 

- die Position und 

- Breite und Höhe der Überschrift 

verändern. 

Zur Korrektur der Überschrift genügt ein 

Doppelklick auf die Überschrift, es erscheint 

die Eingabebox wieder und wir 

können die Überschrift korrigieren bzw. 

ergänzen. 

3.2. Eigenschaftendialog: 

Alle Objekte, auch diese Überschrift, besitzen einen „Eigenschaften-Dialog“, den wir mit einem RMK 

aktivieren und in dem wir alle verfügbaren Einstellungen vornehmen können. 

Um die Überschrift zu formatieren und 

mit besonderen Effekten zu versehen, 

starten wir den Eigenschaften-Dialog 

mit einem RMK entweder 

� direkt auf die Überschrift oder 

� auf den Eintrag in der Objektliste 

(links in der Seitenleiste) 

� Im Auswahlmenü wählen wir 

„Eigenschaften“. 

� Es erscheint die Eigenschaftenbox 

unserer Überschrift. 

Tipp: 

Die Größe dieser Box ist variabel! 

Wir können sie verändern, in dem 

wir den Mauszeiger auf einer ihrer 

Kanten platzieren (Zeiger ändert 

sich zu einem Doppelpfeil) und die 

Kante entsprechend ziehen. 




Wir wählen nun der Reihe nach den 

� Karteireiter und ändern die 

Schriftart auf „Comic Sans MS“ und 

die Textfarbe auf „Gelb“. 

� Karteireiter und verleihen unserer 

Überschrift einen Schatten. Größe und 

sonstige Eigenschaften des Schattens 

lassen sich variieren. 

� Karteireiter und aktivieren den 

Glüheffekt. Farbe und weitere Eigenschaften 

lassen sich auch hier variieren. 

3.3. Testmodus: 

Um das Ergebnis unserer bisherigen 

Arbeit zu sehen, starten wir mit 

einem LMK auf das Symbol in der 

Standardleiste den Testmodus. 

Mit einem Klick auf das 2. Symbol 

testen wir nicht nur diese eine Seite , 

sondern das gesamte Dokument. Das 

wird dann interessant, wenn unser Projekt 

über mehrere Seiten verfügt. 

Tipp: Man kann die beiden Testmodi 

auch mit den Funktionstasten 

.F5. und .F6. starten. 

3.4. Bild einfügen: 

Nach einem Klick auf das Bild -Symbol 

(Bild) in der Werkzeugbox ziehen 

wir mit gedrückter LMT einen Rahmen 

auf und lassen die Maustaste los. Es 

erscheint der Datei-Ladedialog. 

Wir wählen im Ordner 

C:/Programme/MatchWare/ 

Mediator 8.0 Pro/MultiMediaCatalog/ 

03.Clipart/01.Illustrations/ 

01.Physical Sciences/ 

04.Space & Astronomy 

das Bild „Eclipse.png“ und klicken im 

„Größe anpassen-Dialog“ auf „OK“. 

Änderungen sind nicht notwendig. 

Wir verkleineren das Bild auf die gewünschte 

Größe und positionieren es 

rechts unter der Überschrift 

(siehe Seite 5). 


Der Eigenschaften-Dialog bezieht sich immer 

auf das momentan ausgewählte Objekt. 

Wichtig: Ist kein Okjekt ausgewählt, bezieht sich der 

Dialog automatisch auf die Eigenschaften 

der aktuellen Seite! 

Wenn uns der zu Beginn des Tests erscheinende Informationshinweis 

stört, dann setzen wir im Dialogfenster ein Häkchen. 

Mit der Taste Esc gelangen wir wieder zurück 

in den Bearbeitungsmodus. 



3.5. Animiertes Gif einfügen 

(Bewegte Grafik): 

Als drittes Okjekt fügen wir ein „animiertes 

Gif“ ein, das nicht im Medienkatalog 

des Mediators zu finden ist. 

Das Bild hat den Namen „Solar.gif“ und 

gehört zu den vom Referenten bereitgestellten 

Medien. Wir kopieren es in 

unser Projektverzeichnis. 

Mit einem LMK auf das Symbol in 

der Werkzeugbox fügen wird dieses 

zweite Bild ein. 

Achtung: Bei einem „animierten Gif “ 

lässt sich die Größe nicht ändern! 

3.6. Textfeld einfügen: 

Um die animierte Grafik der Erdkugel 

zu kommentieren, fügen wir ein Textfeld 

ein. Nach einem LMK auf das Text- 

feld-Symbol ziehen wir mit gedrückter 

LMT einen Textrahmen auf. 

Mit der Menüleiste über dem Textfeld 

können wir unseren Text wie von Textverarbeitungsprogrammen 

gewohnt 

formatieren. 

Voraussetzung für die Formatierung: 

Der Text ist markiert! 

Falls gewünscht, können wir den 

Objektnamen des Textfeldes ändern 

(siehe weiter unten) 

3.7. Objekteigenschaften: 

Zur Änderung der Hintergrundfarbe 

unserer Seite aktivieren wir mit einem 

RMK auf eine objektfreie Stelle unserer 

Arbeitsfläche das „Auswahlmenü“ 

und klicken auf „Farbe“! 

Wir wählen die Farbe „Schwarz“ aus. 

Nun kommt unsere gelbleuchtende 

Überschrift richtig zur Geltung und der 

Hintergrund passt zur Sonnenfinsternis. 


Sollte beim Einfügen eines Objektes die folgende Meldung 

erscheinen, bestätigen wir sie mit „Ja“. Hierdurch wird 

sichergestellt, dass alle eingefügten Objekte (Bilder, Filme 

usw.) in unser Projektverzeichnis kopiert werden und somit für 

die weitere Verarbeitung zur Verfügung stehen! 

Tipp: 

„Solar_eclipse_animate.gif“ 

Die Texteingabe beenden wir mit einem LMK auf das 

Beenden-Symbol in der Menüleiste oder mit einem LMK 

auf einen beliebigen Punkt in unserer Arbeitsfläche. 



3.8. Neue Seiten anlegen: 

Bevor wir unsere Seite interaktiv gestalten, 

legen wir eine 2. Seite an. Mit einem 

RMK in das Feld der Seitenliste 

öffnet sich das Auswahlmenü. Wir wählen 

„neu“ und tragen im Eingabefenster 

den Namen der neuen Seite – zum 

Beispiel „Seite2“ – ein. 

Bitte keine Leerzeichen benutzen! 

Auch das Umbenennen von bereits erstellten 

Seiten ist möglich: 

� Seite in der Seitenliste markieren 

� mit RMK das Auswahlmenü aufrufen 

und “Umbenennen“ wählen, oder 

� mit Hilfe der Funktionstaste F2 den 

neuen Namen eingeben. 

Vorschlag für unsere Seiten: 

Seite01, Seite02, Seite03 . . . 

Tipp: 

Fortgeschrittene erzeugen neue 

Seiten, indem Sie eine Seite in der 

Seitenliste markieren und dann wie 

gewohnt mit 

„ Strg + c “ und „ Strg + v “ 

kopieren bzw. einfügen. 

3.9. Schaltflächen einfügen: 

Wir kehren zu „seite01“ zurück und ziehen 

nach einem Klick auf das Schaltflä- 

chen-Symbol eine Schaltfläche auf. 

Ohne zu Löschen überschreiben wir 

den markierten Text. 

Beim Beenden dieser Aktion wird unser 

Text automatisch horizontal und vertikal 

zentriert. 

Wichtiger Tipp: 

Nun geben wir der Schaltfläche noch die gewünschte Größe, positionieren sie in der rechten unteren 

Ecke unserer Seite (wie auf der Seite 5 abgebildet!) und beenden mit einem weiteren LMK 

auf eine objektfreie Stelle der Seite. 


Nicht nur Seitennamen können wir umbenennen, 

sondern auch alle anderen Objekte wie Bilder, 

Texte, Animationspfade, Videos, Hotspots usw. 

Wenn wir dies in sinnvoller Weise tun, hilft uns dies 

bei der späteren Verwendung dieser Objekte. Bei 

mehreren Texten wählen wir anstelle von text01, 

text02 usw. besser die Namen text_info, 

text_kernschatten, text_halbschatten usw., auch 

wenn dies mit Arbeit verbunden ist. 

Tipps: 

Keine Angst! Der Text lässt sich später 

jederzeit korrigieren! Mit einem 

Doppelklick auf die Schaltfläche gelangen 

wir wieder in den Eingabemodus. 

Schriftart, Schriftfarbe usw. können 

wir wie bei der Überschrift mit der 

Eigenschaftenbox individuell verändern. 

Sogar Bilder kann man einfügen 

(siehe Seite 6). 



4.0. Eine Seite wird „interaktiv“ 

4.1. Seitenwechsel: 

Nach einem RMK auf die soeben erstellte 

Schaltfläche „Weiter“ wählen wir 

im Auswahlmenü den Punkt „Ereignisse“. 

Es öffnet sich das Ereignisdialog- 

Fenster, mit dem wir unsere Schaltfläche 

„programmieren“. 

Um mit Hilfe der Schaltfläche „Weiter“ 

auf die 2. Seite zu gelangen, müssen 

wir das Ereignis „Mausklick“ mit der 

Aktion „Seitenwechsel“ verbinden: 

� Wir ziehen mit gedrückter LMT das 

Ereignissymbol „Mausklick“ in das aktive 

Fenster. 

� Wir ziehen das Symbol der Aktion 

„Seitenwechsel“ rechts neben das Ereignis 

„Mausklick“ (Siehe letzte Abb. unten). 

� Im nächsten Dialog legen wir fest, zu 

welcher Seite geschaltet werden soll. 

Wir markieren „Seite02“ und bestätigen 

mit „OK“. 

Alternativ könnten wir auch die Seite 

„@Next“ auswählen. 

Im Seitenwechsel-Dialog können wir 

einen von über 200 verschiedenen 

Übergangseffekten auswählen. 

Die Seitenwechseleffekte sind in verschiedene 

Kategorien eingeteilt. Wir 

wählen eine Kategorie und anschließend 

einen Effekt aus. Auch die Dauer 

des Übergangeffekts können wir einstellen. 

Das Vorschau-Fenster zeigt uns das 

Ergebnis unserer Auswahl. 

Dokument testen: 

� Wir beenden den Ereignis-Dialog mit 

einem LMK auf „Schließen“ oder auf 

das Schließkreuz rechts oben. 

� Wir starten den Testmodus . 

„Ereignisse“ 


„Aktionen“ 

„Aktives Fenster“ 

Tipp: 

Mit diesen Buttons 

können wir den 

Geschwindigkeitsverlauf 

des Seitenwechsel- 

Effektes einstellen. 



4.2. Textfeld animieren 

Das Textfeld soll nur dann erscheinen, 

wenn die Maus über die Schaltfläche 

„Mehr Infos“ bewegt wird. Folgende 

Schritte sind notwendig: 

� Schaltfläche Mehr Infos erstellen! 

� RMK auf das Textfeld und 

� LMK auf Objekt zeigen F3. 

Das Textfeld erscheint nun ohne Text. 

� Wir markieren die Schaltfläche 

„ Mehr Infos und starten mit einem 

RMK die Ereignisbox. 

� Wir ziehen das Ereignissymbol 

„Maus herein“ ins aktive Fenster, 

� ziehen das Symbol der Aktion 

„Zeigen“ rechts daneben, 

� wählen in der Objektliste das 

Objekt „Text“ aus und 

� wie beim Seitenwechsel lassen 

wir das Objekt „Text“ mit einem 

besonderen Effekt einblenden. 

Der Text soll ausgeblendet werden, 

wenn wir die Maus von der Schaltfläche 

wegbewegen. Wir gehen so vor: 

� Das Symbol des Ereignisses „Maus 

heraus“ in die 2. Zeile des aktiven 

Fensters ziehen, 

� das Symbol „Ausblenden“ rechts 

daneben ziehen, 

� in der Objektliste das Objekt „Text“ 

auswählen und 

� falls gewünscht, lassen wir den 

Text mit einem besonderen Effekt 

ausblenden . 

Tipp: 

Sollten wir einmal aus Versehen ein falsches 

Ereignis bzw. ein falsches Aktionssymbol 

in das Aktionsfeld ziehen, dann 

korrigieren wir das, indem wir das Objektsymbol 

mit gedrückter LMT in den Papierkorb 

ziehen und noch einmal neu beginnen. 

Wir beenden den Ereignis-Dialog und starten mit oder mit F5 den Testmodus. 




4.3. Steuerung per Zeitlinie: 

Die Überschrift und das animierte Bild 

der Erde sollen mit Zeitverzögerung 

langsam nacheinander eingeblendet 

werden. Hier die Vorgehensweise: 

� Zuerst blenden wir beide Objekte 

aus (wie vorhin unseren Text). 

� Mit einem RMK auf eine objektfreie 

Stelle starten wir die Ereignisbox 

unserer Seite. 


„Wenn Seite bereit“ in das 

Aktionsfenster, 

� und positionieren das Aktionssymbol 

„Zeitline“ rechts daneben. 

� Automatisch öffnet sich der Zeitlinien-Dialog. 

Wir können Aktionen 

einfügen, zusätzlich aber auch den 

Zeitpunkt bestimmen, an dem 

diese ausgeführt werden sollen. 

� Wir ziehen das „Zeigen“-Symbol mit 

gedrückter LMT in das Aktionsfenster 

und positionieren es in der 

1. Zeile bei 0,5 Sekunden. 

� Ein weiteres Fenster öffnet sich. 

Wir wählen das Objekt „Überschrift“ 

und bestätigen mit „OK“. 

� Im nächsten Dialogfeld entscheiden 

wir uns für einen Einblendeffekt 

und wählen eine sinnvolle 

Einblenddauer (Vorschlag: 500 ms). 

� Wir schließen alle Fenster und 

Dialoge und testen das Ergebnis. 

Tipp: 

Die Einblenddauer lässt sich auch im 

Aktionsfenster am rechten Rand des 

grünen Zeitrechtecks einstellen. Der 

Mauszeiger wird durch einen Klick zum 

Doppelpfeil und wir können mit gedrückter 

LMT die Zeitdauer vergrößern oder 

verkleinern. 

Aufgabe: 


Tipp: 

Sollte sich nebenstehendes 

Fenster nicht öffnen, oder will 

man ein anderes Objekt nachträglich 

auswählen, so lässt 

sich dieses Fenster mit einem 

Klick auf das unten abgebildete 

Symbol wieder öffnen! 

Die animierte Erdkugel soll 1,5 Sekunden nach Programmstart mit einem besonderen Effekt eingeblendet 

werden. Achten Sie darauf, dass Sie das „Zeigen“-Symbol für die Erdkugel in einer neuen 

Zeile (z.B. 2. Zeile) einfügen. Die Einblenddauer soll 1,5 s sein. 



4.4. Animationspfad 

Wir wollen für unser erstes Bild 

„Eclipse.png“ einen „Animationspfad“ 

erzeugen: 

� Wir klicken auf das Animationspfad- 

Symbol in der Werkzeugbox. 

� Wir klicken in Abständen von 2-3 

cm, wie links abgebildet, auf verschiedene 

Punkte unsere Seite, so 

dass ein Animationspfad entsteht. 

Auf dieser Linie soll sich später unser 

Bild „Eclipse.png“ bewegen. Die 

ersten Punkt dürfen auch außerhalb 

der Arbeitsfläche liegen. 

� Wir beenden mit oder . 

� Mit einem Doppelklick auf den Animationspfad 

lassen sich Korrekturen 

vornehmen. Die einzelnen Punkte 

unseres Pfades lassen sich dann mit 

gedrückter LMT verschieben. 

Unser Bild „Eclipse.png“ soll sich nach 

Start unserer Präsentation entlang 

diesem Animationspfad bewegen. Wir 

� blenden das Bild „Eclipse.png“ aus, 

� starten die Ereignisbox der ersten 

Seite. 

� öffnen mit einem Doppelklick das 

Zeitlinien-Fenster, 

(Es enthält bereits die beiden Einträge für die 

Überschrift und die Erdkugel) 

� positionieren das „Zeigen“-Symbol in 

der 3. Zeile des Aktionsfensters bei 

2,5 Sekunden und wählen als Objekt 

das Bild „Eclipse“. 

� Wir klicken auf den Karteireiter 

„Multimedia“ und 

� ziehen das „Animieren“-Symbol in die 

4. Zeile direkt unter das Zeigen- 

Symbol unseres Bildes. Einblenden 

und Animationspfad werden so zur 

gleichen Zeit gestartet. 

� Mit einem Klick auf den Button 

neben „Zu animierendes Objekt“ wählen 

wir das Bild „Eclipse“ aus. 

� Der Animationspfad ist bereits eingetragen, 

da es bis jetzt nur einen 

einzigen gibt. 

� Die Dauer setzen wir auf den Wert 

„15000“ (10000 ms = 10 Sekunden) 

� und aktivieren „Wiederholen“ 

Wir schließen alle Dialogfelder und 

starten den Testmodus. 


Der Bildschirm wird dunkler und die Werkzeugbox für den 

Animationspfad erscheint: 

Mit diesem Werkzeug können wir 

Punkte wieder löschen. 

Das Werkzeug zum Zeichnen von 

Punkten ist voreingestellt aktiviert. 



5.0. Neue Seiten gestalten 

5.1. Multimedia Katalog: 

� Passend zu unserem Thema wählen 

wir auch für die 2. Seite eine 

schwarze Hintergrundfarbe. 

� Wir starten den „Multimedia Katalog“ 

(= MK) über das Symbol in der 

Standardleiste. 

� Wir suchen uns in der Kategorie 

„Buttons“ zwei „Push Buttons“ aus, 

um den Seitenwechsel zu programmieren. 

� Diese beiden Buttons ziehen wir mit 

gedrückter LMT aus dem MK heraus 

auf unsere Seite. 

� Die Größe der „Buttons“ verändern 

wir entweder manuell oder mit dem 

Eigenschaften-Fenster: 

� Neben Breite und Höhe lässt sich 

auch die Position innerhalb der Seite 

(x- und y-Koordinaten) festlegen. 

Nun wollen wir die beiden Schaltflächen 

so animieren, dass wir die 2. 

Seite als Vorlage für weitere Seiten 

verwenden können: 

� Wir öffnen für den linken Button den 

Ereignis-Dialog, 

� ziehen die Symbole „Mausklick“ und 

„Seitenwechsel“ in das Aktions- 

Fenster. 

� Im sich öffnenden Objektfenster 

wählen wir „@previous“ aus. 

� Wir wiederholen diesen Vorgang für 

den rechten Button, wählen aber 

dann im Objektfenster „@next“. 

� In der Objektliste nennen wir die 

beiden Buttons „vor“ und „zurück“. 

5.2. Seiten duplizieren: 

Wir markieren „Seite02“ in der Seitenliste, 

kopieren und fügen sie mehrmals 

ein. Auf diese Weise erhalten wir 

neue Seiten mit genau der gleichen 

Hintergrundfarbe und den beiden interaktiven 

Schaltflächen. 

Wir duplizieren insgesamt 5 neue Seiten! 


Der Multimedia Katalog ( = MK) enthält 

eine große Anzahl von Multimedia- 

Elementen, die nach Kategorien und 

Themen geordnet sind. 

Wir können darüber hinaus auch eigene 

Elemente im MK speichern! 

Tipp: 

Sollten bereits Aktions- und 

Ereignis-Symbole sich im 

Aktions-Fenster befinden, so 

markieren wir diese und 

ziehen sie mit der LMT in 

den Papierkorb. 

Tipp: 

Um im Bearbeitungsmodus 

von einer Seite 

zur anderen zu gelangen, 

markieren wie den 

entsprechenden Seitennamen 

in der Seitenliste. 



5.3. Gestaltung der 2. Seite: 

(wie rechts abgebildet ....) 

� LMK in der Seitenliste auf „seite02“. 

� Wir erstellen die Überschrift, 

� fügen das Hintergrundbild 

„Earth_eclipse.jpg“ ein, 

( Breite: 640 und Höhe:450) 

� fügen die Bilder „Sofi_Halb.jpg“ und 

„Sofi_Kern.jpg“ ein, 

� fügen drei Textfelder ein und geben 

ihnen die Namen „text_halb“, 

„text_kern“ und „text_aufgabe“, 

� erstellen eine Schaltfläche mit dem 

Titel „Aufgabe“, 

� und blenden die beiden Bilder 

„Sofi_Halb“ und „Sofi_Kern“ sowie alle 

drei Textfelder aus! 

� Der Aufgabentext soll nur dann erscheinen, 

wenn die Maus über die 

Schaltfläche „Aufgabe“ bewegt wird 

(siehe S 11!). 

5.4. Animieren mit Hotspots: 

Nicht immer sollen Objekte gleich von vornherein angezeigt werden. Oft soll z.B. ein Text oder ein 

Bild nur dann angezeigt werden, wenn sich der Mauszeiger über eine ganz bestimmte Stelle in einem 

Bild befindet. Eine solche unsichtbare, aber „animierte“ Fläche innerhalb eines Bildes nennt 

man Hotspot ! 

Halbschatten als Hotspot: 

� Mit einem Klick auf das Vieleck- 

Symbol in der Werkzeugleiste 

gelangen wir in den Vieleck- 

Editier-Modus. 

� Wir klicken auf verschiedene 

Punkte unseres Bildes, so dass 

der Bereich des Halbschattens 

großzügig von einem Vieleck begrenzt 

wird. Wir bestätigen die untenstehende 

Meldung mit „Ja“ und 

verlassen diesen Modus. 

Damit dieses Vieleck zum Hotspot 

wird, müssen wir Hintergrundfarbe 

und Rahmen des Vielecks unsichtbar 

machen: 

Tipp: 


Die Bilder Earth_eclipse.jpg, Sofi_Halb.png und Sofi_Kern.png 

müssen wir vom virtuellen Heft (siehe Seite 3 unten) herunterladen 

und in unserem Projektordner speichern. 



� Wir öffnen die Eigenschaftenbox 

unseres Vielecks, aktivieren die 3. 

Registerkarte und entfernen die 

beiden Häkchen bei „Sichtbarer 

Rahmen“ und „Sichtbarer Hintergrund“. 

Aufgabe: Wenn sich die Maus in den Halbschatten der Sonne hineinbewegt, sollen gleichzeitig 

der Text „text_halb“ und das Bild „sofi_Halb.jpg“ erscheinen – beim Herausgehen aus 

dem Halbschatten sollen beide wieder ausgeblendet werden. 

� Wir starten die Ereignisbox unseres 

Vielecks, 


„Maus herein“ in das Aktionsfenster 

und ziehen das „Zeigen“-Symbol 

einmal für den Text „text_halb“ und 

einmal für das Bild „Sofi_Halb.jpg“ 

daneben. 

� Das „Ausblenden“-Symbol ziehen 

wir zweimal neben das „Maus heraus“-Symbol 

und weisen wie zuvor 

die entsprechenden Objekte zu. 

� Nun kann der Test erfolgen! 

In gleicher Weise machen wir aus dem Kernschatten einen Hotspot: 

Beim Hineinbewegen in den Kernschatten sollen der Text „text_kern“ und das Bild „sofi_Kern“ erscheinen 

– beim Herausgehen aus dem Kernschatten sollen beide Objekte wieder verschwinden! 

Unsere 2. Seite hat am Ende ein völlig 

neues Erscheinungsbild. 

Nur noch die Überschrift, das Bild 

„Earth_eclipse.jpg“, die beiden Schaltflächen 

und der Aufgaben-Button sind 

sichtbar. 

� Wir testen unsere Seite! 

(geht auch mit Funktionstaste F6 ) 

� Sollte unser Test Probleme zeigen, 

liegt die Ursache mit großer Wahrscheinlichkeit 

an der Reihenfolge 

der Objekte im Objektfenster. Die 

Objekte liegen in verschiedenen 

Ebenen übereinander. In der rechts 

abgebildeten Liste liegt die Überschrift 

in der hintersten Ebene, die 

beiden Vielecke in der vordersten 

Ebene. 

� Wir korrigieren die Liste, in dem wir 

die einzelnen Objekte mit gedrückter 

LMT nach oben bzw. unten verschieben. 


Achtung! 

Der Trick mit dem 

Hotspot funktioniert 

nicht mehr, wenn 

man das ganze 

Objekt unsichtbar 

macht. 

Also Vorsicht! 



6.0. Arbeiten mit Videos 

Auf der 3. Seite wollen wir unter der Überschrift ein kleines Video einfügen, das wir mit Schaltflächen 

starten, unterbrechen und beenden können. 

6.1. Ein Video einfügen 

� Wir schreiben die Überschift, 

� klicken in der Werkzeugbox 

auf das Video-Symbol und ziehen 

in der Mitte unserer Seite ein 

Rechteck auf. Im Lade-Dialog- 

Fenster entscheiden wir uns für 

das Video „sofi_video.mpeg“. 

� Die Größe des Rechtecks ist 

gleichzeitig auch die Größe unse- 

res Videos und jederzeit korrigierbar. 

� Damit das Video nicht automatisch 

gestartet wird, entfernen wir auf 

der 3. Seite der Eigenschaftenbox 

unseres Videos das Häkchen bei 

„Auto Start“. 

6.2. Schaltflächen animieren: 

Mit Hilfe des Multimedia-Kataloges 

fügen wir 3 Schaltflächen für die 

Steuerung des Videos ein: z.B.: 

Start Pause Beenden 

� Wir starten die Ereignisbox für den 

Startknopf und ordnen der Aktion 

„Mausklick“ das Ereignis „Start“ zu. 

Wir finden es im Bereich Multimedia. 

Bei Aufforderung wählen wir 

unser Video „sofi_video“ aus. 

� Dem 2. Schalter weisen wir in der 

Ereignisbox die Aktion „Mausklick“ 

und das Ereignis „Pause“ zu. 

� Für den 3. Schalter kombinieren 

wir in der Ereignisbox die Aktion 

„Mausklick“ mit dem Ereignis „Stop“. 

� Wir testen die neue Seite mit F6. 

Start: 

Pause: 

Ende: 

Alternativ könnten wir das Video auch mit dem Windows Media Player verknüpfen. Das erspart 

uns zwar die Animation der Schalter, setzt aber immer voraus, dass zum Abspielen eine Version des 

Windows Media Players auf den PCs installiert ist! 




7.0. Aktive Dokumente 

Hier lernen wir „aktive Dokumente“ in ein Projekt einzubinden. „Aktive Dokumente“ können Internetseiten 

sein, aber auch Exceltabellen, Word-Dokumente oder komplette Powerpointpräsentationen! 

7.1. Dokumente einfügen 

In „seite04“ ziehen wir nach einem 

Klick auf das „Aktives-Dokument“ - 

Symbol in der Werkzeugleiste 

einen Rahmen auf, der fast die 

ganze Seite bedeckt. 

Im Objektfenster geben wir die Internetadresse 

ein. Zum Beispiel 

http://www.zum.de/Faecher/Materialien/gebhardt/astronomie/finsternis/met 

eosat.html 

Nun fügen wir, wie rechts abgebildet, 

noch eine Überschrift und 

einen informativen Text ein. 

Tipp: 

Um z.B. eine Powerpointpräsentation 

einzubinden, kopiert man diese vorher in 

den Dateiordner unseres Projekts und 

gibt (mit Hilfe des Auswahlbuttons) den 

Pfad zu dieser Datei an. 

8.0. Ziehen und Ablegen eines Objektes: 

Aufgaben: Der Astronaut soll mit gedrückter Maustaste zum Jupiter hin bewegt werden. Wird er 

dort an der richtigen Stelle positioniert, erscheint beim Loslassen der linken Maustaste 

der Text „Prima, das war richtig. Der Jupiter ist der größte Planet“ und gleichzeitig werden der 

Astronaut und die Aufgaben-Schaltfläche ausgeblendet. 

8.1. Gestaltung der 5. Seite 

Im Multimediakatalog unter 

C:/Programme/MatchWare/ 

Mediator 8.0 Pro/ MultiMediaCatalog/ 

03.Clipart /01.Illustrations/ 

01.Physical Sciences/ 

04.Space & Astronomy 

finden wir die Bilder „Astronaut.png“ 

und „Solar system Copernican.png“ 

und fügen sie, wie rechts abgebildet, 

zusammen mit 2 Textfeldern 

und einer Schaltfläche auf der Seite 

5 unserer Präsentation ein. 

Der Aufgabentext „Setze den Astronauten 

auf dem Jupiter ab“ soll aber 

nur dann erscheinen, wenn die 

Maus über die Schaltfläche bewegt 

wird! 

Tipp: 


Wenn Schülerinnen und Schüler über unser Projekt eine Internetseite 

besuchen, sehen sie keine Symbolleiste des Browsers und 

können daher auch keine anderen Internetseiten besuchen. 



Wir modifizieren unsere Seite: 

� Die beiden Texte werden in 

„text_aufgabe“ und „text_prima“ 

umbenannt. 

� Über das Bild des Jupiters legen 

wir einen Hotspot und nennen 

ihn „Jupiter“ ! 

� Wir animieren die Schaltfläche 

„Aufgabe“ (Siehe Seite 11) 

8.2. Variable definieren: 

� LMK in der Menüleiste auf 

Dokument – Variablen ... 

� Wir wählen „Neu“. 

� Die Variable nennen wir „wahr“, 

lassen alle anderen Einstellungen 

unverändert und schließen 

das Fenster. 

8.3. Ziehen und Ablegen: 

� Wir öffnen die Ereignisbox des 

Astronautenbildes, 

� ziehen das Aktionssymbol 

„Maus gedrückt“ in das Aktionsfenster, 

� und positionieren das Ereignissymbol 

„Ziehen & Ablegen“ aus 

dem Bereich „Multimedia“ rechts 

daneben. Im Zuweisungsfenster 

wählen wir „Astronaut“ aus 

und setzen ein Häkchen bei 

„Gezogenes Objekt im Vordergrund“. 

� Aus dem Bereich „Programmieren“ 

ziehen wir das Symbol 

„Zuweisen“ in das Aktionsfenster. 

� Im Zuweisen-Dialog wählen wir 

die Variable „wahr“ – beim Zuweisungsausdruck 

geben wir 

das Wort „Jupiter“ ein. 

� Wir ziehen die Symbole „Maus 

loslassen“und „Ziehen & Ablegen 

nebeneinander in die nächste 

Zeile. 

� Als Objekt wählen wir wieder 

„Astronaut“ aus, klicken aber 

jetzt bei „Ablegen“ ! 

� Wieder wählen wir die Option 

„Gezogenes Objekt im Vordergrund“. 

� Wir testen unsere Arbeit mit 

F6.. 




Nun animieren wir den Hotspot 

„Jupiter“, also das Vieleck, das wir 

über den Jupiter gelegt haben: 

� Wir öffnen die Ereignisbox des 

Hotspots und 

� ziehen das Aktionssymbol 

„Ablegen auf“ in das Aktionsfenster. 

� Als Ereignis wählen wir 

„Wenn-Dann-Sonst“ aus dem Bereich 

„Programmieren“, 

� Im Dialog-Fenster geben wir 

bei der WENN-Bedingung: 

wahr=“Jupiter“ ein. 

Wenn es „wahr“ ist, dass sich der 

Astronaut direkt auf dem Jupiter 

befindet, dann sollen die folgenden 

Ereignisse stattfinden: 

� Der Astronaut „space_shuttle“ 

wird ausgeblendet. 

� Der Text „text_prima“ wird eingeblendet. 

� Die Schaltfläche „Aufgabe“ wird 

ausgeblendet. 

Damit dies geschieht, ziehen wir 

die entsprechenden Ereignisse in 

das DANN-Feld und weisen jeweils 

das richtige Objekt zu. Das 

Ausblenden des Astronauten können 

wir „leicht dramatisch“ darstellen 

(z.B. Explosion oder Rotation ....). 

� Das SONST-Feld bleibt leer! 

Wir testen unsere Arbeit mit F6.. 




9.0. Arbeiten mit Eingabefeldern 

Auf unserer 6. und letzten Seite lernen wir das Arbeiten mit sogenannten Eingabefeldern. Durch die 

Eingabe von „Ja“ oder „Nein“ soll der Benutzer festlegen, ob die Präsentation beendet oder von vorne 

begonnen werden soll. Bei falscher Eingabe wird er zu einer neuen Eingabe aufgefordert! 

9.1. Gestaltung der 6. Seite 

Wir positionieren die folgenden Textfelder 

wie rechts abgebildet und geben 

ihnen sinnvolle Namen : 

Text_titel: 

„Möchten Sie die Präsentation beenden?“. 

Text_eingabe: 

„Bitte „Ja“ oder „Nein“ eingeben“. 

Text_ade: 

„Auf wiedersehen! 

Die Präsentation wird in 5 Sekunden 

beendet.“ 

Die beiden Texte „Text_eingabe “und 

„Text_titel “ blenden wir aus! Sie sollen 

ja nur unter bestimmten Voraussetzungen 

erscheinen. 

Die beiden animierten Gifs 

„ ag_redballright “ und „ ag_thankyou “ 

finden wir im Programm-Ordner vom 

Mediator: 

C:\Programme\MatchWare\ 

Mediator 8.0 Pro\MultiMediaCatalog\ 

03.Clipart\02.Animated GIFs. 

9.2. Das Eingabefeld: 

� Wir klicken in der Werkzeugsleiste 

auf das Symbol und ziehen 

neben dem roten Ball mit gedrückter 

Taste eine kleines Rechteck 

auf. 

� Ohne einen Text einzugeben, beenden 

wir diese Aktion durch einen 

Mausklick neben das Eingabefeld. 

� Im Eigenschaftenfenster geben wir 

dem Eingabefeld eine weiße Hintergrundfarbe! 

� Mit einem RMK öffnen wir den Ereignisdialog 

zum Eingabefeld. 

� Wir ziehen das Aktionssymbol 

„Wenn Stop“ in das Aktionsfenster. 

� Als Ereignis wählen wir „Wenn- 

Dann-Sonst“. Das dazugehörige 

Dialogfenster wird automatisch 

geöffnet! 




9.3. Wir „programmieren“. 

� Im WENN-Feld schreiben wir: 

eingabe.text =„ja“ or eingabe.text =„Ja“. 

� In das DANN-Feld ziehen wir das 

Ereignis „Zeitlinie“. 

� Im Zeitlinienfenster fügen wir nun 

alle Objekte und Ereignisse ein, 

die erscheinen sollen, wenn ein 

Benutzer „Ja“ oder „ja“ eingibt: 

� Der Text „text_ade“ und das Bild 

„ag_thankyou“ positionieren wir bei 

0,00 s und bei 2,00 s. 

� Im Register „Standard“ der Zeitline 

finden wir ganz rechts das Ereignis 

„Beenden“. Wir positionieren es bei 

etwa 5,00 s. 

� Wir schließen das Zeitlinienfenster 

und ziehen in das SONST-Feld 

das Ereignis „Wenn-Dann-Sonst“. 

� Im WENN-Feld des Dialogfensters 

geben wir ein: 

Eingabe.text="nein" or Einabe.text="Nein" 

� In das DANN-Feld ziehen wir das 

Ereignis „Seitenwechsel“ und wählen 

„Seite01“ als Ziel aus. 

� In das SONST-Feld ziehen wir das 

Ereignissymbol „ Zeigen “ und wählen 

als Objekt „ text_eingabe “. 

Somit sind alle Antwortmöglichkeiten 

abgedeckt und wir können das Ergebnis 

unserer Arbeit testen! 




10.0. Runtime erzeugen: ( Projektform, die auf dem PC eines andernen Anwenders lauffähig ist ) 

Damit auch andere Benutzer unser Projekt benutzen können, wollen wir nun eine „Runtime-Kopie“ erzeugen. 

Der Mediator Viewer dabei wird automatisch in diese Runtime-Version des Projekts eingebunden. 

Er erlaubt, Mediator-Präsentationen abzuspielen, ohne dass die Mediator-Vollversion installiert 

ist. 

Wir haben die Wahl zwischen: 

Runtime „Schnell“ 

Dieser Modus erlaubt eine schnelle 

Runtime-Erzeugung unter Verwendung 

der Voreinstellungen. 

Runtime „Erweitert“ 

Dieser Modus erlaubt beim Erzeugen 

der Runtime das Setzen verschiedener 

Parameter für die Runtime und 

das Installationsprogramm. 

� Wir entscheiden uns für 

„Runtime erzeugen“ und „Schnell' 

� und wählen„CD-ROM (direkt)“. 

� Als Ausgabeordner wird ein Unterordner 

in unserem Projektordner 

vorgeschlagen. Mit dem Auswahlbutton 

können wir diese Einstellung 

ändern. 

� Um das Ergebnis dieser Aktion zu 

sehen, klicken wir auf „Ordner öffnen“ 

� und starten mit einem Doppelklick 

auf die Datei „Start.exe“ unsere Präsentation.

Mediator 8.0 Grundlagen - muc.kobis.de

Erfolgreiche ePaper selbst erstellen

Template löschen?

Als Template speichern?