Wink 2.0: Unterschied zwischen den Versionen

Aus IMB-E-Tutorials
Wechseln zu: Navigation, Suche
K (<div style="border:3px solid #E9EDDB; padding: 4px; width: 99%; background-color: #CBD0B9;">Audio</div>)
K (<div style="border:3px solid #E9EDDB; padding: 4px; width: 99%; background-color: #CBD0B9;">Audio</div>)
Zeile 188: Zeile 188:
 
* Löschen von unerwünschten Stellen des Audiostreams
 
* Löschen von unerwünschten Stellen des Audiostreams
 
<br>
 
<br>
[[Media:audio.swf|'''Kurzfilm: Audio einfügen, Audio erstellen''']]<br>
 
  
[[Screencast Wink - Audio]]
+
 
 +
'''[[Screencast Wink - Audio|Kurzfilm: Audio einfügen, Audio erstellen]]'''
  
 
''Mit diesem Button kann der Audioeditor geöffnet werden. Über den Ordner können sie am PC gespeicherte externe Audios importieren. Mit einem Klick auf den Ordner öffnet sich ein Auswahlfenster. Mp3-Files oder wav-Dateien lassen sich importieren und speichern. Wir behalten die Samplingrate unserer Audiodatei bei und übergehen diese Meldung. Mit dem Play-Knopf können sie das File anhören und mit dem Stoppknopf beenden. Mit einem Klick in das Streamfeld erhalten sie eine rote Linie. Mit drücken und ziehen können unerwünschte Teilbereiche markiert und über das rote Kreuz gelöscht werden. Mit dem Zurück-Pfeil kann der Vorgang rückgängig gemacht werden. Mit dem Klick auf den roten Knopf beginnt die Aufdioaufzeichnung und mit Stopp wird sie beendet. Die Bearbeitungsmöglichkeiten sind gleich wie bei den importieren Files. Aufzeichnungen können extra gespeichert und gesichert werden. Aufnahme- und Playbackeinstellungen können hier verändert werden.''<br>
 
''Mit diesem Button kann der Audioeditor geöffnet werden. Über den Ordner können sie am PC gespeicherte externe Audios importieren. Mit einem Klick auf den Ordner öffnet sich ein Auswahlfenster. Mp3-Files oder wav-Dateien lassen sich importieren und speichern. Wir behalten die Samplingrate unserer Audiodatei bei und übergehen diese Meldung. Mit dem Play-Knopf können sie das File anhören und mit dem Stoppknopf beenden. Mit einem Klick in das Streamfeld erhalten sie eine rote Linie. Mit drücken und ziehen können unerwünschte Teilbereiche markiert und über das rote Kreuz gelöscht werden. Mit dem Zurück-Pfeil kann der Vorgang rückgängig gemacht werden. Mit dem Klick auf den roten Knopf beginnt die Aufdioaufzeichnung und mit Stopp wird sie beendet. Die Bearbeitungsmöglichkeiten sind gleich wie bei den importieren Files. Aufzeichnungen können extra gespeichert und gesichert werden. Aufnahme- und Playbackeinstellungen können hier verändert werden.''<br>

Version vom 29. Mai 2008, 22:57 Uhr

Wink 2.0

Was ist Wink?

Wink 2.0 ist eine kostenlose Screenrecording Software und dient zur Erstellung von interaktiven Videoanleitung vom Desktop aus. Dabei steuert der Anwender mit der Maus die Aktionen. Wink ist frei verfügbar in den Sprachen Englisch, Französisch, Deutsch, Italienisch, Dänisch, Spanisch, Serbisch, Japanisch, Portugiesisch und Chinesisch, für die Betriebssysteme Windows (Wink 2.0) und Linux (Wink 1.5). Wink ist Freeware, aber kein Open Source. Diese Software ermöglicht zwar keine separate Nachbearbeitung der Audiospur, ist aber einfach zu bedienen, Nachbearbeitung mit graphischen Elementen ermöglicht und den Film direkt im Flashformat ausgibt.

Planung eines Screencasts

  1. Identifikation des genauen Start- und Endpunktes des Prozesses.
  2. Identifikation der minimalen Fenstergröße mit Bezug auf die Einbettung des Objektes. Dazu auch infrastrukturelle Aspekte (clientseitig) wie
    1. Browser,
    2. PC,
    3. Inernetanbindung, und
    4. Audioequipment beachten!
  3. Optimale Fensterposition für die Aufnahme bezüglich eventueller Dialogfenster.
  4. Framerate der Aufnahme. Überlegung der Häufigkeit der Aktionen und die Schnelligkeit des Ablaufes. Achtung: Der Cursor wird separat modelliert.
  5. Probeweiser Durchlauf des gewünschten Prozesses hilft, die o.a. Rahmenvariablen zu identifizieren und zu bestätigen.

Installation

Voraussetzung

  • Computer
  • Internetverbindung + Browser (zum Download des Programms)
  • Headset (Mikrofon) - bei Audioaufzeichnungen

Download

Audio-Text: Öffnen Sie mittels Ihres Internet Browsers die Seite http://www.debugmode.com/wink Klicken Sie anschließend auf den Button „Download“. Nun öffnet sich ein Fenster, in welchem die Versionen von Wink sowohl für Windows als auch für Linux zum Download stehen. Entscheiden Sie sich aufgrund Ihres installierten Betriebssystems. Ich zeige nun die Installation der Version 2.0 für Windows vor und wähle die Version Download direct from SnapFiles.com. Eine zweite gleichwertige Version steht ebenfalls zur Verfügung. Falls der Download nicht automatisch startet, klicken sie auf diesen Link. Jetzt wählen Sie das Optionsfeld Datei speichern und klicken anschließend auf Ok um den Downlaod zu starten. Der Download ist nun abgeschlossen.

Installation Version für Windows

Audio-Text: Öffnen Sie den Download durch einen Doppelklick. Starten Sie die Installation, indem Sie auf die Datei doppelklicken. Wählen Sie nun den Button "Ausführen". Lesen Sie die Lizenzvereinbarungen und stimmen Sie anschließend mittels "I Agree" zu. Bevor Sie mit der Installation auf Ihrer Festplatte beginnen, wählen Sie den gewünschten Ordner aus. Mit "Browse…" können Sie festlegen, wo die Programmdateien gespeichert werden sollen. Jetzt wählen Sie die Option "Install". In der nun erscheinenden Abfrage können Sie mit "Ja" eine Programmgruppe von Wink in Ihrem Startmenü anlegen. Zuletzt gibt es noch die Möglichkeit, die View zu lesen. Ich klicke auf "Nein" um diese Ansicht zu schließen. Die Installation ist nun erfolgreich abgeschlossen. Ich wünsche Ihnen viel Erfolg!

Programmstart

Hier lernen Sie, die Basis zum Wink Programm. Nach erfolgreicher Installation, klicken Sie zum Programmstart auf das Wink-icon. Dieses finden Sie entweder unter Start/Programme/Debugmode/Wink oder die Verknüpfung am Desktop. In der Galerie sehen Sie Sreenshots zur Arbeitsoberfläche, der Spracheinstellung und, wo man Hilfe findet.

Erstellen / Produzieren eines Screen-Recordings

Einstellungen

Im Menü Datei wird mit dem Befehl NEU ein neues Projekt gestartet und ein Fenster für Einstellungen geöffnet. In der folgenden Galerie werden Ihnen auch die zwei Einstellungsschritte erklärt.

Hier zwei Filme über die Schritte von Programm öffnen bis zu den Einstellungen:

Basis und Einstellungen für ein Screenrecording mit Wink 2.0

Film über Basis und Einstellungen für ein Screenrecording mit Wink 2.0

Aufnahme

Fehler beim Erstellen des Vorschaubildes: Datei scheint fehlend zu sein:

Nachdem alle Einstellungen getroffen worden sind, kann das Screen Recording beginnen.

  1. Starten Sie das Recording mit dem Hotkey Shift + Pause oder über das Kontextmenü des in der Taskleiste abgelegten Wink-Symbols.
    • Verwenden Sie das Kontextmenü, so wählen Sie den Befehl Zeitgesteuerte Aufnahme beginnen .
  2. Nun öffnen Sie die Anwendung, an der Sie ein Handling dokumentieren wollen – z.B. WORD.
  3. Führen Sie nun alle Tätigkeiten, die Sie im Recording zeigen wollen aus
    • Dokument öffnen
      Bilder initiiert.jpg
    • Dokument bearbeiten
    • Dokument Speichern
    • Anwendung z.B. WORD schließen
  4. Wenn Sie alle Tätigkeiten, die Sie zeigen wollen durchgeführt haben, beenden Sie die Aufnahme indem Sie Alt + Pause drücken oder im Kontextmenü des Wink-Symbols in der Taskleiste den Befehl Zeitgesteuerte Aufnahme stoppen auswählen.

Mit der Auswahl Scrennshots beenden im Kontextmenü wird das Aufnehmen von Screens beendet (Capture beenden) und darufhin alle Screenabzüge als Vorschaubilder initiiert.


Kurzfilm: Screenrecording mit Wink2.0 - Aufnahme

Rendern und Speichern

Rendern und Speichern


Durch das Rendern entsteht:

  1. eine Flash Datei mit einer entsprechenden HTML Datei oder
  2. eine Windows ausführbare Datei (.exe)


Nach dem Rendern kann die gerenderte Datei angesehen werden.

Speichern ist möglich:

  • als wnk files (*.wink)

Exportieren als

  • HTML Datei
  • Pdf-Datei
  • PostScript-Datei


Kurzfilm: Rendern und Speichern
Um einen Film zu erzeugen muss ich mein fertig bearbeitetes Projekt rendern. In den Projekteinstellungen kann ich den Projektnamen festlegen. Im Output Dateityp kann ich zwischen einer Flashdatei, die komprimiert ist oder Originalgröße hat oder einer exe. Datei wählen. Dadurch entsteht eine Flash-Datei mit einer entsprechenden Html-Datei oder eine in Windows ausführbare Datei (.exe) Dannach wird das Projekt gerendert. Dabei werden die Einzelframes zu einem Film zusammengesetzt. Nach dem Rendern kann die gerenderte Datei angesehen werden. Speichern ist möglich als wnk files (*.wink), exportieren als html-Datei, als pdf-Datei und als PostScript-Patei. Will ich das Projekt auf der Webseite veröffentlichen, speichere ich es als bmp, jpg,oder png Datei.

Bearbeiten von Screen-Recordings


Ist der Film aufgezeichnet, kann mit der Bearbeitung begonnen werden. Dazu verwendet man in erster Linie das Eigenschaftenfenster, das im oberen Bereich die Einstellungen für das jeweilige aktive Frame und im unteren Bereich Einstellungen für alle Frames ermöglicht. Hier sind folgende Einstellungen zu machen:

Frame
Eigenschaftenfenster










Was kann bearbeitet werden?

  • Frametitel eingeben
  • Aufenthaltszeit in diesem Frame
  • Hintergrund/Hintergrundbild einfügen
  • externe Audiodatei hinzufügen
  • Bilder einfügen
  • aktuelle Form hinzufügen
  • Textfelder hinzufügen
  • Zurück-Button hinzufügen
  • Vorwärts-Button hinzufügen
  • Goto URL Button hinzufügen
  • Goto Frame Button hinzufügen

Frame

Titel einfügen


Titel: Jedes Frame kann mit dem passenden Titel versehen werden.

  • Frame Ttitel eingeben anklicken
  • Titel eingeben
  • Titel formatieren: Mit einem Klick auf F öffnet sich das Formatierungsfenster Schriftart, -größe, -farbe lassen sich hier ändern.
  • Position des Titels anpassen: Das Titelfeld befindet sich auf jedem Frame in der gleichen Position. Es muss so verschoben werden, dass auf keinem Frame Wesentliches verdeckt wird.
  • Frametitel in jedem Frame passend eintragen.


Kurzfilm: Titel einfügen
Ist der Film aufgezeichnet, kann mit der Bearbeitung begonnen werden. Das Eigenschaftenfenster auf der rechten Seite des Programmes bietet mir dazu vielfältige Möglichkeiten. Grundsätzlich ist das Fenster in zwei Abschnitte unterteilt. Im unteren Bereich finden sie die Einstellungsmöglichkeiten für alle Frames, im oberen Bereich treffen sie die Einstellungen für jedes einzelne Frame.Wie kann der Titel eingegeben werden? Wählen sie in den Eigenschaften für alle Frames Frame Titel .Darauf öffnet sich ein Textrahmen. Da jeder Frame einen unterschiedlichen Titel bekommen kann, muss er in den Einstellungen für dieses Frame eingegeben werden. Mit einem Klick auf F öffnet sich ein Formatierungsfenster. Hier habe sie die Auswahlmöglichkeit zwischen Schriftart, -schnitt, -grad und Farbe. Mit einem Klick auf OK bestätigen sie die Eingabe. Hier können sie die Textrichtung auswählen. Ich entscheide mich für linksbündig. Standardmäßig ist der Titel 50 vom oberen und auch vom linken Rand entfernt. Hier kann er auch bleiben, sofern er keine Inhalte überdeckt. Vorsicht. Der Titel ist in jedem Frame gleich platziert!

Verweildauer und Hintergrundbild

Verweildauer: Hier kann eine kleine Pause in das Feld In diesem Frame bleiben (z.B.: 1,25 sec.) eingegeben werden, damit der Nutzer Zeit hat, sich mit den Inhalten des Frames zu beschäftigen.

Hintergrund:

  • Hintergrundfarbe ändern: Mit einem Klick auf den Button Hintergrundbild wählen kann die Hintergrundfarbe verändert werden (größer als Frame eingeben)
  • Hintergrundbild eingeben: Mit einem Klick auf den Button Hintergrundbild wählen kann ein Bild aus der Datei eingefügt werden.


Kurzfilm: Hintergrund einfügen
Wie verändern sie den Hintergrund für alle Frames? Indem sie auf den Button Hintergrundbild wählen klicken. Im geöffneten Fenster kann der Hintergrund vollflächig mit Farbe gefüllt werden. Die Füllfarbe ändern sie, indem sie auf das Farbfeld klicken und die gewünschte Farbe markieren. Hier müssen sie aufpassen, dass sie die Framemaße größer eingeben als hier angegeben. Ich nehme 20 dazu, bestätige. Hier ist der gewählte Hintergrund sichtbar.Wollen sie z.B.: ein Firmenlogo oder ein Foto einfügen, muss es ebenfalls größer als das Frame sein, damit es im Hintergrund sichtbar ist. Ich durchsuche meinen Pc nach einem passenden Bild, klicke auf öffnen und schon hab ich ein Hintergrundbild.

Audio

Audio hinzufügen


Durch Klicken auf den Button Audio öffnet sich der Audio Editor.
Er ermöglicht:

  • Audioaufzeichnungen im wav oder mp3-Format
  • Abspielen von Audio-Dateien
  • Importieren von externen Audios
  • Löschen von unerwünschten Stellen des Audiostreams



Kurzfilm: Audio einfügen, Audio erstellen

Mit diesem Button kann der Audioeditor geöffnet werden. Über den Ordner können sie am PC gespeicherte externe Audios importieren. Mit einem Klick auf den Ordner öffnet sich ein Auswahlfenster. Mp3-Files oder wav-Dateien lassen sich importieren und speichern. Wir behalten die Samplingrate unserer Audiodatei bei und übergehen diese Meldung. Mit dem Play-Knopf können sie das File anhören und mit dem Stoppknopf beenden. Mit einem Klick in das Streamfeld erhalten sie eine rote Linie. Mit drücken und ziehen können unerwünschte Teilbereiche markiert und über das rote Kreuz gelöscht werden. Mit dem Zurück-Pfeil kann der Vorgang rückgängig gemacht werden. Mit dem Klick auf den roten Knopf beginnt die Aufdioaufzeichnung und mit Stopp wird sie beendet. Die Bearbeitungsmöglichkeiten sind gleich wie bei den importieren Files. Aufzeichnungen können extra gespeichert und gesichert werden. Aufnahme- und Playbackeinstellungen können hier verändert werden.

Bilder

Bilder einfügen


Durch Klicken auf den Button Ein Bild zum Laden wählen kann ein gespeichertes Bild ausgewählt und eingefügt werden.
Mögliche Änderungen:

  • Bild verschieben
  • Größe ändern
  • Transparenz durch Eingabe einer Zahl in % undurchsichtig


Kurzfilm: Bilder einfügen
Über diesen Button kann ein Bild eingefügt werden. Durch Klicken auf diesen Button öffnet sich ein Suchfenster. Hier kann ein Bild ausgewählt und über Öffnen eingefügt werden.Nun lässt sich das Bild in der Größe anpassen und verschieben. Ein Klick auf diesen Button zeigt das Bild wieder in Originalgröße an. Über das Eigenschaftenfeld kann die Transparenz des Bildes geändert werden. Hier sind die Ebenen veränderbar. Ein Bild kann vor oder hinter ein anderes gelegt werden. Achtung! Beim Verändern der Eigenschaften, muss ich darauf achten, dass das jeweilige Bild aktiv ist.

Aktuelle Form

Aktuelle Formen einfügen


Durch Klicken auf den Button Aktuelle Form öffnet sich ein Auswahlfenster. Hier können verschiedenen Formen ausgewählt, bearbeitet und eingefügt werden.
Mögliche Änderungen im Hauptfenster:

  • Platzierung
  • Größe ändern
  • Ebene
  • Farbe
  • Transparenz durch Eingabe einer Zahl in  % undurchsichtig


Kurzfilm: Aktuelle Formen einfügen
Hier kann aus einem Vorschaufenster aus einer Vielzahl von Formen ausgesucht werden. Findet sich keine passende, so ist auch eine Neuerstellung bzw. eine Änderung der Form im Bearbeitungsmodus möglich. Über OK lässt sich die Form einfügen. Hier ist es ebenfalls möglich, Farben, Tranzsparenz und Ebenen zu ändern.

Textfeld

Textfelder einfügen


Textboxen ermöglichen die Eingabe von Erläuterungen, von Kommentaren zu den Inhalten.

Durch Klicken auf den Button Textfeld einfügen öffnet sich eine Textbox in die ich meinen Text eingeben kann. In den Eigenschaften kann im Legendeneditor in einer Ordnerstruktur die Form der Textbox geändert werden. Hier kann nach der geeignetsten Textbox gesucht werden. Das Anklicken von Bearbeiten ermöglicht vielfältige Abänderungen oder Neuerstellungen. Durch bestätigen der Änderungen erscheint die gewählte Textbox im Hauptfenster.
Durchführbare Änderungen:

  • Eingabe von Text (Doppelklick auf die Box oder auf den Button ab )
  • Formatierung (Schriftart, Schriftfarbe, Schriftgröße, Textrichtung) Änderungen funktionieren immer für den gesamten Text einer Box)
  • Ebenenwechsel


Kurzfilm: Textfeld einfügen
Das wohl am häufigsten eingefügte Element ist die Textbox. Sie ermöglicht die Eingabe von Erläuterungen und Kommentaren zu den Inhalten.Durch Klicken auf den Button Textfeld einfügen öffnet sich eine Textbox. Hier kann Text eingegeben werden. In den Eigenschaften kann das Callout verändert werden. Das Anklicken von Bearbeiten ermöglicht vielfältige Abänderungen oder Neuerstellungen. Durchführbare Änderungen:

  • Eingabe von Text (Doppelklick auf die Box oder auf den Button ab)
  • Formatierung (Schriftart, Schriftfarbe, Schriftgröße) Achtung: Änderungen funktionieren immer für den gesamten Text einer Box
  • die letzte Eingabe wird mit dem roten x gelöscht
  • Hier kann die Textrichtung geändert werden


Buttons

Buttons einfügen


Vorwärts Button und Zurück Button ermöglichen dem Nutzer sein eigenes Tempo.


Nach einer Pause kann er auf den Vorwärts Button drücken um mit der Präsentation fortzufahren.
Durch Klicken auf den Zurück Button kommt das vorangegangene Fenster.
Beide Buttons können verschoben und in ihrem Aussehen verändert werden.

Der Goto URL Button lässt sich mit einer Webadresse oder mit einer E-Mailadresse belegen.
Durch Klicken auf den Goto URL Button gelangt ein Button ins Hauptfenster. Gleichzeitig öffnet sich ein Eingabefenster wo die Webadresse eingegeben werden kann. Nun öffnet sich nach einem Klick die eingetragene Website.
Bei der Eingabe von einer Mailadresse ([mailto:........) öffnet sich das E-Mail Programm des Nutzers.
Die Goto Frame Taste erlaubt das Vor- und Zurückspringen über mehrere Frames.
Durch Klicken auf die Goto Frame Taste öffnet sich ein Fenster, das die Eingabe von einer Zahl ermöglicht. Hier kann entschieden werden, zu welchem Frame nach vor bzw. retour gegangen werden soll. Durch Eingabe von 1 bin ich wieder am Start.

Kurzfilm: Button einfügen

Buttons benötige ich, wenn ich jeweils 1 Frame nach vor bzw. zurückspringen will. Vorwärts Button und Zurück Button ermöglichen dem Nutzer sein eigenes Tempo. Mit dem Vorwärts Button können sie mit der Präsentation fortfahren. Durch Klicken auf den Zurück Button kommt das vorangegangene Fenster. Beide Buttons können verschoben und in ihrem Aussehen verändert werden. Der Goto URL Button lässt sich mit einer Webadresse oder mit einer E-Mailadresse belegen. Sobald der Button betätigt wird öffnet sich der Browser und verbindet den User mit der Hyperlinkadresse. Wird eine Mailadresse eingegeben([1]) öffnet sich das E-Mail Programm des Nutzers. Die Goto Frame Taste erlaubt das Vor- und Zurückspringen über mehrere Frames. Durch Klicken auf die Goto Frame Taste öffnet sich ein Fenster, das die Eingabe von einem Zielframe ermöglicht.

Rendern/Speichern

siehe Punkt 6

Links

  1. debug mode Wink, freeware
  2. Videoworkshops mit Wink
  3. debug mode Wink user Forums
  4. wikipedia.org/Screencast
  5. Filmanleitungen, erleben statt lesen...
  6. Kommerzielle screen recorder software von camtasia studio
  7. Kommerzielle screen recorder software von adobe
  8. Kommerzielle screen recorder software von turbodemo
  9. Kommerzielle screen recorder software von corel
  10. Kommerzielle screen recorder software von fraps
  11. Kommerzielle screen recorder software von varasoftware

Fazit

Nach der Aufzeichnung (ein Screenshot pro Mausklick/pro Zeiteinheit/pro Shortcut) können Sie die aufgezeichneten Screenshots der Reihe nach bearbeiten und verschieben, kopieren oder löschen. Sie können in jeden Frame weitere Ergänzungen wie Textfelder, Buttons, Links oder Sprechblasen einfügen. Zu jedem Typ steht eine große Auswahlliste mit unterschiedlichen Textfeldern oder Sprechblasen bereit. Zu jedem Frame gibt es eine Verweilzeit, die angibt, wie lange dieses Bild im fertigen Film angezeigt werden soll Dss Ausgabeformat ist Flash, wobei zusätzlich auch in PDF- und HTML-Dateien exportiert werden kann.

Wink ist somit ein erstklassiges Tool, um einfach, schnell und sehr kostengünstig Screencasts zu erstellen. Die Bedienung ist vorbildlich und nach kurzer Einarbeitungszeit von praktisch allen Nutzern zu verstehen - dazu tragen auch gelungene Tutorials bei ;). Die diversen Sprechblasen, Buttons und Links, die in den Screencast eingefügt werden können, gepaart mit der Audioaufnahme runden das kleine Programm wohltuend ab. Lediglich die schlechte Audioqualität, die fehlenden Mausklick-Optionen, der etwas dürftig besetzte Export und die fehlende Vorschau schlagen auf der Negativseite zu buche. Experten von freenet bewerteten die software mit 86% als gut. Wer auf einfache Weise Anleitungen für Studierende, Freunde, Kunden erstellen will, sollte sich Wink unbedingt ansehen.