elearning Sommeruni des ecampus der HTW Dresden Workshop Contenterstellung

Transkript

1 Demonstrationen mit Adobe Captivate Sie lernen in diesem Workshop, wie Sie Adobe Captivate gezielt zur Wissensvermittlung einsetzen können und erfahren, wie einfach es ist, Nutzeraktionen aufzuzeichnen und eine Software- Demonstration zu erstellen. Dabei erhalten Sie Einblick in die folgenden Techniken: Aufzeichnen einer Demonstration Bearbeitung einer Demonstration Animationen erstellen und Audioeffekte hinzufügen Ein Projekt veröffentlichen Wenn Sie mögen, können Sie als erstes die fertige Datei anschauen. 1.Aufzeichnen Wir wollen als erstes eine Demonstration mit Captivate erstellen, die zeigt wie eine in OPAL eine Arbeitsgruppe erzeugt wird. Dieses Beispiel können Sie dann für beliebige Softwareschulungen oder Erklärungen von komplizierten Abläufen an Ihre Bedürfnisse anpassen und in Ihren Arbeitsalltag integrieren. 1. Starten Sie bitte einen Browser Ihrer Wahl und navigieren Sie bitte zu Loggen sich mit Ihrem Nutzerkennzeichen ein. Starten Sie nun auch Adobe Captivate. Im Startscreen klicken Sie auf Neues Projekt aufzeichnen oder erstellen. 2. Es öffnet sich das Fenster Optionen für neues Projekt. Schauen Sie sich hier zuerst die verfügbaren Optionen für den Projekttyp an: a. Anwendung: die Größe des Fensters passt sich der Größe der aufzunehmenden Anwendung an b. Benutzerdefinierte Größe c. Vollbildschirm Für unsere Zwecke wählen Sie bitte den Typ Benutzerdefinierte Größe und bestätigen mit Klick auf den OK-Button. 1

2 3. Im daraufhin erscheinenden Dialogfeld nehmen wir folgende Einstellungen vor: Stellen Sie eine Aufzeichnungsgröße von 1000 Pixel Breite und 610 Pixel Höhe ein (damit gewährleisten Sie, dass die Demonstration in einem Browserfenster bei einer Auflösung von 1024 x 768 komplett angezeigt werden kann). Unter Aufzeichnen sollten Aufzeichnungsmodi und Demonstration ausgewählt sein. Im Bereich Audio hätten Sie die Möglichkeit, direkt beim Aufzeichnen Audiokommentare per Mikrofon aufzunehmen. Sie sehen nun auf dem Bildschirm einen roten Rahmen, der den Aufzeichnungsbereich markiert. Um nun den Rahmen genau über dem Browserfenster zu positionieren, gehen Sie wie folgt vor: in der ausklappbaren Liste die entsprechende Anwendung auswählen oder per Maus den Rahmen an die entsprechende Stelle verschieben (der Rahmen sollte so positioniert sein, dass möglichst alle der Menüs von OPAL sichtbar sind). Tipp: Sie können den Rahmen auch mit Hilfe der Cursortasten positionieren! 4. Sie können nun auf Aufzeichnen drücken und mit dem Aufzeichen der Demonstration beginnen. Führen Sie dazu die unter 2. Eine Arbeitsgruppe in OPAL erstellen aufgelisteten Arbeitsschritte durch. Diese Schritte sollen Ihnen nur als Anregung dienen und müssen nicht exakt nachvollzogen werden! Sollten Sie sich mit OPAL nicht auskennen, sollten Sie den Ablauf vorher üben. 2

3 2. Eine Arbeitsgruppe in OPAL erstellen 1. Klicken Sie nach dem Einloggen in OPAL auf den Karteireiter Meine Gruppen. 2. Stellen Sie sicher, dass im Menü Meine Gruppen (auf der linken Seite) der Menüpunkt Meine Arbeitsgruppen ausgewählt ist. Wählen Sie dann im Menü Erstellen (auf der rechten Seite des Bildschirms) den Menüpunkt Arbeitsgruppe aus. 3. Vergeben Sie nun im Textfeld Name der Gruppe einen aussagekräftigen Namen für die neue Arbeitsgruppe. 4. Fügen Sie nun im Textfeld Beschreibung eine kurze Erläuterung zur soeben erstellten Arbeitsgruppe ein. 5. Nachdem Sie beide Eingabefelder ausgefüllt haben, müssen Sie die Schaltfläche Speichern betätigen. 3. Bearbeiten der Demonstration Eventuell wurden nicht für alle Aktionen Beschriftungen/Markierungsfelder erzeugt bzw. sind die generierten Texte etwas ungenau (z.b. für das Anklicken eines Menüpunktes). Sie könnten jetzt auch das Aussehen der Beschriftungsfelder ändern oder Sound zu Ihrer Demonstration hinzufügen. Oftmals sind auch die Sequenzen, in denen Text eingegeben wurde zu langsam, so dass an diesen Stellen optimiert werden muss. 1. Nach dem Beenden der Aufzeichnung erscheint automatisch das Fenster Projektdateien speichern. Vergeben Sie hier einen Projektnamen und wählen ein Projektverzeichnis aus. Geben Sie bitte auch unter Name des Demoprojektes einen schlüssigen Namen ein. 2. Das Projekt wurde nun in der Ansicht Storyboard geöffnet. Schauen Sie sich nun die erzeugte Demonstration an. Wählen Sie dazu Datei Vorschau Projekt oder betätigen die Taste F4 und schauen Sie sich das Ergebnis an. Klicken Sie auf Vorschau schließen um das Vorschaufenster zu schließen. 1. Um nun einzelne Folien zum Bearbeiten anzusteuern, wechseln Sie zunächst in den Bearbeitungsmodus für Folien (Registerkarte Bearbeiten). Am linken Bildschirmrand werden nun alle Folien untereinander dargestellt. In der Mitte sehen Sie das Zeitleistenfenster und die sogenannte Bühne. 2. Um nun falsche Textbeschriftungen zu ändern, selektieren Sie die gewünschte Folie im Modus Bearbeiten und doppelklicken Sie die Textbeschriftung auf der Bühne an. Im Fenster Textbeschriftung können Sie nun Ihre gewünschten Änderungen vornehmen und anschließend mit OK bestätigen. 3

4 3. Ändern Sie nun das Aussehen aller Textbeschriftungen.Rufen Sie dazu den Eigenschaftendialog einer Textbeschriftung auf (Doppelklick auf Textbeschriftung) und wählen Sie im Klappmenü Beschriftungstyp die Vorgabe halo blue. Setzen Sie anschließend noch ein Häkchen bei Auf alle anwenden (diese Option ist übrigens für viele Objekte verfügbar und erspart insbesondere bei großen Projekten viel Zeit), um das neue Layout für alle Beschriftungen zu übernehmen. Klicken Sie auf OK, um die Änderungen zu übernehmen. Probieren Sie ruhig auch andere Gestaltungsoptionen aus! 4. Einige der Textbeschriftungen zeigen eventuell nicht den gesamten Text an, andere Textbeschriftungen können zu breit sein(bei sehr wenig Text).Passen Sie deshalb noch die Größe dieser Textbeschriftungen an den Inhalt an, indem Sie diese über Klicken/Ziehen mit der Maus an den Begrenzungspunkten skalieren. 5. Sollten Textbeschriftungen fehlen, können Sie diese auch nachträglich einfügen. Klicken Sie dazu im Menü Einfügen auf den Befehl Textbeschriftung. Geben Sie im Fenster Textbeschriftung den Text ein (in diesem Fall: Strg+S) und bestätigen mit OK. Nun können Sie die Textbeschriftung mit der Maus auf der Bühne positionieren. 6. Bei einigen Folien kann es sein, dass die Demonstration nicht in der richtigen Reihenfolge abläuft. Schauen Sie sich die Abläufe in den einzelnen Folien mit der Taste F3 an. Arrangieren Sie bei Bedarf die Elemente in der Zeitleiste so, dass die Abläufe korrekt dargestellt werden. Sie können die Elemente in der Zeitleiste anklicken, verschieben oder auch die Dauer eines Ereignisses einstellen. 7. Passen Sie nun noch das Aussehen der Markierungsfelder an. Diese werden in Captivate benutzt, um bestimmte Bereiche einer Folie hervorzuheben, z.b. Bereiche auf die anschließend mit der Maus geklickt werden soll. Klicken Sie dazu doppelt auf ein Markierungsfeld. Das Dialogfenster Markierungsfeld öffnet sich. Nehmen Sie folgende Einstellungen vor: Rahmenfarbe #FF6600, Rahmenbreite 3, Fülltransparenz 90%. Vergessen Sie nicht, ein Häkchen bei Auf alle anwenden zu setzen und bestätigen Ihre Änderungen mit Klick auf OK. 4

5 4. Startbildschirm mit Sound und Animation einfügen Fügen Sie nun an der ersten Position Ihres Captivate-Films eine leere Folie ein und erstellen darin anschließend eine kleine Textanimation (Text, Formatierung und Effekt können Sie frei wählen). Die Animation soll nur eingeblendet werden. Erzeugen Sie auch einen weichen Übergang zwischen den ersten beiden Folien. Außerdem soll auf der ersten Folie einen Sound einfügt werden. Verwenden Sie dazu beispielsweise die Datei Loop Acoustic Mellow.mp3 im Verzeichnis Captivate/Gallery/Sound/. Der Sound soll dabei jeweils innerhalb von drei Sekunden ein- und ausgeblendet werden. 1. Wählen Sie dazu im Menü Einfügen Leere Folie und verschieben Sie die neu generierte Folie in der Folienübersicht an die erste Position (per Drag&Drop). 2. Fügen Sie über dasselbe Menü eine Textanimation in die leere Folie ein. Im anschließenden Dialogfenster geben Sie unter der Registerkarte Textanimation den gewünschten Text ein und wählen einen Animations-Effekt (zum Beispiel Blue Aura), im Vorschaufenster können Sie einen Eindruck des Effektes gewinnen. Passen Sie gegebenenfalls über die Schaltfläche Schrift ändern die Formatierung des Textes an. Bestätigen Sie Ihre Eingaben mit OK und verschieben die Textanimation nun noch per Drag & Drop auf der Bühne an den richtigen Platz. Wechseln Sie in die Registerkarte Optionen und stellen Sie unter Übergang den Effekt Nur Einblenden ein. Wählen Sie als Timing außerdem Anzeigen für: restliche Folie. 3. Um dieser Animation nun Sound hinzuzufügen gehen Sie folgendermaßen vor: wählen Sie Audio Importieren (F6). Importieren Sie anschließend die vorgegebene Datei (oder eine andere Ihrer Wahl). Sollten die Audio-Daten die bisherige Foliendauer überschreiten, so erscheint eine Abfrage, wie Sie verfahren möchten. Wählen Sie in diesem Fall die Option Anzeigedauer der gewählten Folie verlängern. 4. Stellen Sie in den Folieneigenschaften für die Audiodatei jeweils drei Sekunden als Ein- und Ausblenddauer ein. Klicken Sie dazu mit der rechten Maustaste auf die Folie und wählen im Kontextmenü den Eintrag Eigenschaften. Im Dialogfenster Folieneigenschaften auf der Registerkarte Audio stellen Sie nun unter Einblenden und Ausblenden jeweils 3 Sekunden ein und bestätigen mit OK. 5. Schauen Sie sich durch Drücken der Taste F10 oder über das Menü Datei Vorschau Nächste 5 Folien die erstellte Textanimation an. Ggf. wird dabei die Ein- und Ausblendung des Sounds nicht richtig wiedergegeben. 5

6 Speichern Sie das Projekt mit Strg+S. 5. Demonstration veröffentlichen Nun werden Sie die erstellte Demonstration als SWF-Animation veröffentlichen, damit Ihre Studierenden diese dann per Browser betrachten können. 1. Wählen Sie Datei Veröffentlichen und anschließend als Option Flash (SWF). Stellen Sie unter Ausgabeoptionen HTML exportieren ein. Legen Sie abschließend noch den Projekttitel sowie den Speicherort fest und veröffentlichen Sie den Film durch Klick auf Veröffentlichen. Im darauf erscheinenden Dialog Veröffentlichungsfortschritt klicken Sie dann auf Ausgabe ansehen. Die soeben erstellte Demonstration wird im Browser geöffnet. 2. Um die Datei nun Ihren Studenten zur Verfügung zu stellen, laden Sie alle erzeugten Dateien per FTP oder WinSCP in Ihr Homeverzeichnis und geben den entsprechenden Link weiter. Eine andere Möglichkeit der Veröffentlichung ist es, die HTML-Datei in einen Kurs im Lernmanagementsystem OPAL einzubinden. 6