Das Seminar „eLearning“ ist eine projektorientierte Lehrveranstaltung, die auf 2 Semester je 12 Veranstaltungen angelegt ist. Hier werden den Studenten/innen aus Masterstudiengängen der TU Ilmenau sowie weiteren Universitäten Themen rund um das eLearning anwendungsbasiert näher gebracht.

Zentraler Gegenstand des Lernens sind Videos (ähnlich Video2Brain), die den Unterrichtsstoff der zu verwendenden Programme erklären.

Ziel des Seminars ist es, dem/der Teilnehmer/in einen Überblick über die Software Skype/ Plugins, FileZilla, Macromedia Dreamweaver, Adobe Photoshop, Corel Draw, Macromedia Flash und deren Möglichkeiten im eLearningeinsatz zu geben. Zum Abschluss des Seminars werden die Teilnehmer in Gruppen zu je 2 Personen ein eLearningprojekt selbstständig erarbeiten.

Voraussetzung für die Teilnahme am Seminar ist ein PC/Laptop, ein Headset, ein Internetzugang und der eigene WebSpace, der jedem an der TU Ilmenau zur Verfügung steht (Studenten ohne WebSpace wird WebSpace zur Verfügung gestellt).

• PC/Laptop
• Headset
• Internetzugang
• WebSpace

Da erste Semester beginnt mit einer Präsenzveranstaltung, in der den Interessenten die grundlegenden Informationen gegeben und die Voraussetzungen für die erfolgreiche Teilnahme geschaffen werden.

Die weiteren 11 Wochen werden online, also dezentral und variabel abgehalten. Der Dozent wird für die geplante Seminarzeit ein Flashprojekt mit Captivate o.Ä., in welchem das Programm/ die Programme die Grundlage für das Erarbeiten der Aufgabenstellungen und/oder des Projektes bietet/bieten, auf der Dozenten- Seminarhomepage zur Verfügung stellen.

Die geplante Seminarzeit beträgt 1,5 Stunden und während dieser können sich die Seminarteilnehmer mit dem Dozenten und anderen Teilnehmern im SkypeCast treffen und software- & aufgabenstellungsseitige Probleme besprechen, sowie Anmerkungen das Seminar betreffend vornehmen. Diese Gespräche und Chats werden aufgezeichnet und als weitere Informationen zum jeweiligen Videotutorial auf der Seminarseite, z.B. für abstinente Teilnehmer zum Download angeboten.

Die erste online Tutorialveranstaltung beschäftigt sich mit der Erklärung des Forums (z.B. phpBB2) und des Programms Skype, sowie des Plugins Talk&Write. Hierbei werden Standards erklärt, auf Fragen und Probleme eingegangen und u.U. auch Moderatoren für das Forum bestimmt.

In der zweiten Woche folgt ein weiteres Videotutorial, in dem den Studierenden der Umgang mit Webtechnologie erklärt und ein generelles Verständnis für Homepages, Domain etc. generiert wird. Ziel dieser Veranstaltung ist es, den Studenten Einblicke in die Welt des Umgangs mit WebServer und FTP Clients/Servern zu geben. Anschließend an dieses Tutorial wird in der dritten Woche eine Aufgabe zu den erlernten Programmen (z.B. FileZilla) und Techniken unter Zuhilfenahme des eigenen Webspaces gegeben.

In den beiden darauf folgenden Wochen finden Videotutorials zu HTML statt, in denen auf Grundkenntnisse, Techniken und Programme (z.B. Marcomedia/Adobe Dreamweaver) eingegangen wird. Ziel dieser Tutorienreihe ist es, den Teilnehmer auf die Aufgabe vorzubereiten. Die Aufgaben sehen vor, dass die Teilnehmer ihre eigene WebSite führen und dort ihre Aufgabenlösungen vorstellen.

In den letzen Wochen des Semesters bekommen die Studierenden noch Einblicke in Pixel- und Vektorengrafikprogramme wie z.B. Adobe Photoshop und Corel Draw mit dazugehörigen Aufgabenstellungen.

Das zweite Semester beginnt wiederum mit einer Präsenzveranstaltung, in der noch einmal Grundlegendes für das kommende Semester besprochen und Informationen aus dem Vergangen rekapituliert werden. Im Anschluss daran erfolgen drei Videotutorials zum Thema Flash (z.B. Macromedia/Adobe Flash), die als Grundlage für die in der vierten Woche gestellten Aufgabe dienen.

In der fünften Woche – quasi zum Bergfest des Semesters – gibt es eine weitere Präsenzveranstaltung, in der die Aufgabenstellung für eLearningprojekte an Teams zu je 2 Personen vergeben werden. Die Teams werden gelost, so dass Trittbrettfahrerverhalten vorgebeugt werden kann. In den folgenden fünf Wochen haben die Studierenden Zeit an ihrem Projekt zu arbeiten. Während dieser Zeit steht ihnen der Dozent im SkpyeCast/SkypeChat in den Seminarzeiten zur Verfügung. Das Forum sollte zum Informationsaustausch und zur Lösung von Problemen rege genutzt werden.

Den Höhepunkt des Seminars stellt die Präsentation der Projekte in der letzten Woche dar. Die Projekte werden in einem feierlichen Rahmen den anderen Seminarteilnehmern und u.U interessierten Studenten vorgestellt und selbstverständlich anschließend auf der eigenen WebSite kommuniziert.

Die Kommunikation im Seminar wird auf den folgenden Wegen gewährleistet. Zentrale Anlaufposition für jeden Teilnehmer ist die Seminarhomepage. Auf dieser findet man das Seminarforum, aktuelle und ältere Videotutorials incl. der “Fragen und Probleme SkypeCasts/SkypeChats”, sowie Links zu den Homepages der Teilnehmer. Das Forum dient der Kommunikation zwischen den Studierenden und dem Dozenten sowie den Studierenden untereinander. Als weitere Realtimekommunikationsmöglichkeit dient der SkypeCast/SkypeChat, der zu gewissen Zeiten, zu denen Programmerklärungen geplant sind, stattfindet.

Seminarablauf 1. Semester :

• I. Präsenzveranstaltung
• II. Einführung Videotutorial Kommunikation [Skype / Addons / Forum]
• III. Videotutorial Web [Administrator Tools / WebSpace / Domain]
• IV. Aufgabe Web
• V. Videotutorial HTML I
• VI. Aufgabe HTML I
• VII. Videotutorial HTML II
• VIII. Aufgabe HTML II
• IX. Videotutorial Photoshop [Pixel]
• X. Aufgabe Photoshop
• XI. Videotutorial CorelDraw [Vektor]
• XII. Aufgabe Corel Draw

Seminarablauf 2. Semester :

• I. Präsenzveranstaltung
• II. Videotutorial Flash I
• III. Videotutorial Flash II
• IV. Videotutorial Flash III
• V. Aufgabe Flash
• VI. Präsenzveranstaltung
• VII. Projekt
• VIII. Projekt
• IX. Projekt
• X. Projekt
• XI. Projekt
• XII. Abschlussveranstaltung

Erklärung dieser Ausarbeitung:

Die Programmauswahl spiegelt die essenziellen Programme wieder, die man im Umgang mit eLearning ansatzweise beherrschen sollte. Die Programme, die im Seminar eLearning Technik zur Auswahl standen, waren zum Teil sehr interessant, jedoch ließ der enge zeitliche Rahmen kaum die Möglichkeit um die Blogeinträge der anderen Teilnehmer zu lesen, geschweige denn die Programme selbst zu testen – daher habe ich meine Programmliste auf die wichtigsten beschränkt.

Die beschränkten Kommunikationsmöglichkeiten in dieser Konzeption sind auf einen einfachen Grund zurückzuführen – im Seminar eLearning Technik wurden zu viele Optionen (Chat, Skype, Protopage, Tutorblog, Wiki, eSAMB, Mail) gegeben und somit ging der Überblick in vielen Situationen verloren.

Die Wahl der Teams wurde von mir auf 2 Personen, die über ein Losverfahren zusammengefasst werden, beschränkt. Grund hierfür ist sogenanntes Trittbrettfahrerverhalten, welches ich vermeiden möchte – so das jeder Teilnehmer das Seminar mit mehr Wissen beenden sollte.

Alles in Allem war eLearning Technik ein interessantes Seminar mit viel Potential jedoch einem zu eng geplanten Zeitmanagement.

Captivate™ 2 ist ein Aufzeichnungs- und Wiedergabetool von Arbeitsschritten am Bildschirm für Programmschulungen auf Flashbasis.

Mit dem Programm lassen sich einzelne Arbeitsschritte von Anwendungssoftware oder Web-Applikationen aufzeichnen. Die Aufnahme erfolgt nicht über eine kontinuierliche Videoaufnahme, sondern mit der Aufzeichnung von Einzelbilder inklusive Mausbewegung.
Interesse? Hier ein Beispiel.

Somit lassen sich filmähnliche Projekte auf Flashbasis mit einer geringen Dateigröße erstellen. Jeden Slide/Einzelbild kann man mit Sprechblasen, visuellen Hervorhebungen und Audio-Erklärungen anreichern und/oder mit interaktiven Aufgaben versehen.

Laut Adobe ist Captivate „ideal für die rasche Erstellung professioneller interaktiver Simulationen, Software-Demos und Szenario-basierter Schulungen“ und „ Programmier- oder Multimedia-Kenntnisse sind dabei nicht erforderlich.“

Für einen Preis von ca. 490Euro erwirbt man ein Programm, dessen proprietäres Format auf das Dateisuffix .CP endet . Weitere Export- und Ausspielformate sind . SWF(Flash-Filme); .DOC (Word-Dateien) und .EXE (Ausführbare Demos).

Nachdem wir uns mit dem Programm, bezüglich eines Tests für das Seminar eLearning Technik im Aufgabenkomplex IV, beschäftigt haben, wurden die Nach- bzw. Vorteile des Programms schnell sichtbar.

Zu den gravierendsten Nachteilen zählen hierbei für mich:

• die relativ lange Berechnungszeit für die Vorschau (generieren eines Flash-Filmes).
• die Programmabstürze ohne einen ersichtlichen Grund.
• das obskures “Verschwinden” von Projektfiles nach dem Öffnen dieser.
• die geringe Möglichkeit, die Daten/ Filme zu exportieren

Jedoch hat die Nutzung des Programmes auf Vorteile aufgezeigt:

• die einfache und intuitive Aufnahmefunktion.
• die intuitive Folienübersicht und –strukturierung.
• die gute Darstellung Kontinuierliche Bewegungen (z.B. für Drag & Drop -Aktionen).
• das gutes Interaktionskonzept zur Simulation einfacher Softwarefunktionen.
• die geringe Dateigröße des exportierten Filmes.

Meine persönliche Einschätzung für dieses Programm fällt in der Summe der Fakten sehr negativ aus. Man hatte das Gefühl, dass man mit einem unausgereiften Tool arbeitet, wofür man noch knapp 500€ zahlen muss, wenn man sich für die Vollversion entscheidet. Die Meinungen vom Rest des Teams sowie weitere Informationen um Captivate und unser Projekt findet man in folgenden Links.

• Blog Imke
• Blog Stefanie
• Blog Christoph
• Blog Dennis
• Blog Mario
• Wiki-Eintrag Captivate

Der folgende Eintrag beschäftigt sich mit der Charakteristik von Adobe Photoshop und gibt Beispiele für mögliche Endprodukte sowie weitere Ausgabeformate.

Adobe Photoshop, aus dem Hause Adobe Systems, ist als Bildbearbeitungsprogramm im Bereich der Druckvorstufe jenes Programm, welches die derzeitige Führungsrolle auf diesem Markt einnimmt.

Jedoch, was kann man mit einem Tool, das für den Privatanwender mit einen Verkaufspreis ab 1.000 Euro schlichtweg unlukrativ erscheint, alles machen?

Bei Photoshop handelt es sich um ein Programm, mit dem man bevorzugt Rastergrafiken - also Grafiken, die eine rasterförmige Anordnung aufweisen, bearbeiten kann. Das Raster besteht aus Bildpunkten, sogenannten Pixeln, die eine zugeordnete Farbe besitzen. Nichts desto trotz bietet Photoshop die Möglichkeit Vektorgrafiken zu laden oder auch zu speichern.

D i e F o r m a t e

• .psd; .psb; .pdd – Die Photoshop Standardformate.
  • V o r t e i l : Unterstützt alle photoshopspezifischen Eigenschaften wie Bildmodi, Hilfslinien, Raster, Druckkennlinien, Alphakanäle, Pfade, Vektorgrafikinformationen und Ebenen.
  • N a c h t e i l : wird nur von Photoshop selbst und wenigen weiteren Programmen gelesen. Zum Exportieren in gängige Layoutprogramme ist das Reduzieren auf die Hintergrundebene, Löschen der zusätzlichen Kanäle und das Speichern als TIF- oder EPS-Datei notwendig.
• .gif – Dateiformat für Internet/Onlinedienst.
  • V o r t e i l: Animation möglich, transparenter Hintergrund, für Grafiken mit wenigen Farben geeignet, geringe Dateigröße.
  • N a c h t e i l: Maximal 256 Farben, patentrechtlich geschützt.
• .jpeg; .jpg; .jpe – Dateiformate für Internet/Onlinedienste.
  • V o r t e i l: starke Komprimierung (bei Qualitätsverlust) möglich. Für Halbtonbilder geeignet. Als “progressives” JPEG stufenweiser Bildaufbau im Webbrowser möglich. Pfade aus Photoshop sind speicherbar.
  • N a c h t e i l: Je stärker die Komprimierung, desto größer sind die Verluste. patentrechtlich geschützt.
• .png – Dateiformat für Internet/Onlinedienste.
  • V o r t e i l: geeignet f. Internet, Animation wie bei GIF-dateien, im Gegensatz zu GIF und JPEG keine patentrechtlichen Einschränkungen. In PNG-24 können Sie eine weich abgestufte Transparenz abspeichern.
  • N a c h t e i l: wird nach wie vor nicht von allen Webbrowsern komplett unterstützt.
• .tiff; .tif – Universelles Dateiformat
  • V o r t e i l: nachträglich in vielen DTP-Programmen veränderbar, verlustfreie LZW Komprimierung, in Photoshop 6 können auch Ebenen und weitere Informationen gespeichert werden, Masken können gesichert werden, auf fast allen Computerplattformen verfügbar.
  • N a c h t e i l: Kein Beschneidungspfad, keine DCS, herstellereigene Erweiterungen möglich.
• weitere: .bmp; .pdf; .pdp; .raw; .tga; .pcx; .pxr; .pct
  dies sind die Formatmöglichkeiten, die Photoshop schreiben und/oder lesen kann – abhängig von der Version des verwendeten Programms.

E x k u r s: .j p g & .g i f

Die beiden Bilder stellen einen Ausschnitt aus jeweils einem Photo und einer Grafik in verschiedenen Komprimierungen dar.

Wie man deutlich erkennen kann, eignet sich die .jpg-Kodierung am Besten für Photos, weniger aber für Strukturen mit wenig Farben, da hier deutliche Artefakte bei einer immernoch relativ hohen Dateigröße erkennbar sind. In diesem Fall zeigt das .GIF-Format seine Stärken – mit einer sehr geringen Dateigröße und einer fast perfekten Detailgenauigkeit.

Q u e l l e n & L i n k s :

• Photoshop Blog
• Wikipedia
• Photoshop Homepage
• Grafikformate
• Grafikformate für Webseite

The idea of achieving the given task was a table with and a solid border colored like the images in the given files. After programming the index.html with all the things we should include – I recognized a problem after I hit “F12″ for previewing it in FireFox – the border wasn´t solid at all. For my surprise the same file worked within the InternetExplorer just fine.

<table border="5" bordercolor="#024b6a" cellspacing="0" cellpadding="0" >

After searching through selfhtml and other various webpages for a while I found the folling expression and I tried it within my project.

<table style="border: 5px solid #024b6a" cellspacing="0" cellpadding="0" >

The result satisfied the idea in the way I wanted to look this table and the problem was solved.

Die Professional Version beinhaltet mehr Vorlagen und auch das direkte Starten einer neuen Folienpräsentation ist der Pro-Variante vorbehalten.

In der unteren Zeile der Begrüßungsseite können sie direkt auf die Hilfe und/oder andere Angebote von Macromedia zurückgreifen. Möchten sie diesen Anfangsbildschirm nicht noch einmal sehen, haken sie einfach die Option “Nicht mehr anzeigen” an und beim nächsten Start von Flash landen Sie sofort im Hauptprogramm.

Die Arbeitsumgebung beschränkt sich auf sechs wesentliche Merkmale.

• Die Bühne (1)
• Die Zeitleiste (2)
• Die Werkzeugleiste (3)
• Den Eigenschaftennavigator (4)
• Die Bedienfelder (5)
• Die Bibliothek (6)
• Die Hilfe (aus Platzgründen zusammengeklappt)

Auf der Bühne befindet sich, wie bei den meisten Entwickler-Programmen, die eigentliche Arbeitsfläche in der Mitte und rundherum gruppieren sich diverse Werkzeug-, Informations-, Bearbeitungs- und Einstellungsfenster.

In der Zeitleiste lassen sich die Animationen in einzelne Frames bzw. Bilder unterteilen und somit – ähnlich einem Videobearbeitungsprogramm – wie gewünscht “zusammenschneiden”.

Die Werkzeugleiste ist, wie bei anderen Macromedia- oder Adobe-Programmen am linken Bildrand standardmäßig verankert. Mit diesen Instrumenten lassen sich Bereiche auswählen, Texte verfassen, Formen erstellen, ausschneiden, anmalen, füllen und vieles mehr.

Der Eigenschaftennavigator im untersten Teil stellt die Möglichkeiten dar, die je nach markiertem Objekt in Form von Optionen editierbar sind.

Die Bedienfelder sind standardmäßig am rechten Bildschirmrand in komprimierter Form zu finden. Hiervon ist eine große Auswahl im Menü Fenster – Bedienfelder verfügbar: Farbmischer, Ausrichten, Transformieren oder Verhalten, sind nur eine kleine Auswahl.
Der Action-Script-Editor, der standardmäßig unterhalb der Bühne angesiedelt ist, jedoch mit zu den Bedienfeldern zählt, ist mit eines der funktionsreichsten Tools, mit dem sie bequem die Eingabe und Bearbeitung der Programmiersprache, die im Hintergrund diverse Abfragen und Verarbeitungen regelt, steuern können.

Die Bibliothek ist eine Ablage für sämtliche Bilder, Videos und Schaltflächen, die in der zugehörigen Animation zum Einsatz kommen. Da jedes Objekt nur einmal in der Bibliothek gesichert wird, benötigt eine mehrfache Verwendung keinen zusätzlichen Speicherplatz – die Dateigröße minimiert sich und die Animation wird schneller geladen.

Das Hilfe-Feld ist ein weiterer wichtiger, jedoch in dem Screenshot nicht aufgeklappter, Bereich. Die Hilfe aktualisiert sich selbständig über das Internet und eignet sich aufgrund ihrer Übersichtlichkeit und der Übungsbeispiele ausgezeichnet für Anfänger zum Nachlesen. Aber auch fortgeschrittene Anwender/Innen finden hier ein umfassendes Nachschlagewerk und eine komplette Action-Script-Befehlsreferenz.

Die Benutzeroberfläche kann jedoch individuell angepasst werden und sieht in den wenigsten Fällen so aus, wie sie hier in den Referenzscreenshots gezeigt ist. Sie werden jedoch im Prozess des Arbeitens mit Macromedia Flash 2004 MX selbst erfahren, welche “Dinge” sie oft brauchen und sich somit ihre eigene Benutzeroberfläche generieren.

Nützliche Quellen:

• Galileo Press Video2brain Macromedia Flash MX 2004 (2CD Video Schulung)
• Offizielle Flash-Dokumentation

Hier die Gliederung von unserem Wiki:

• Link: Allgemeine Struktur und Aufbau der Lernplattform
• Link: Mögliche Dokumentarten für die Lernplattform
• Link: Kommunikationswerkzeuge innerhalb der Lernplattform
• Link: Gruppenarbeit bzw. kollaboratives Arbeiten über die Lernplattform
• Link: Rollen- bzw. Rechtevergabe in der Lernplattform

Generelles zur GruppenfunktionDie Gruppenfunktion in ILIAS ermöglicht das gemeinsame Arbeiten & Lernen mit anderen Anwendern in der jeweiligen Arbeitsgruppe. Die Mitglieder einer Gruppe können innerhalb dieser auf die in der Gruppe befindlichen Lernmodule, Dateien und Foren zurückgreifen. Darüber hinaus kann eine gesamte Gruppe auch als Empfänger für die Mails, die im ILIAS versandt werden, genutzt werden.

• gemeinsam Arbeiten & Lernen
• Gruppen Zugriff auf Lernmodule
• Gruppen Zugriff auf Dateien
• Gruppen Zugriff auf Foren

Die Personen, die in einer Gruppe vertreten sind, können entweder normale Gruppenmitglieder sein oder aber Gruppenadministratoren. Letztere können die Mitglieder und somit die Gruppe verwalten, d.h. Angebote erstellen, bearbeiten, löschen und die Gruppenmitglieder verwalten.

• Gruppenmitglieder – registrierte Nutzer
  
• Gruppenadministratoren – Gruppen- & Angebotsverwaltung

Formen von Gruppen

Es gibt im ILIAS zwei generelle Formen von Gruppen. Zum Ersten die öffentliche Gruppe, die sich dadurch auszeichnet, dass sich interessierte Personen selbstständig ein- bzw. austragen können und zum Zweiten die geschlossene Gruppe, in welcher sich die späteren Anwender nur durch eine Einladung des Gruppenadministrators aufgenommen werden können.

Registrierungsmodalitäten von Gruppen

Bei der ersten Form der Gruppe – der Öffentlichen – gibt es drei unterschiedliche Registrierungs- modalitäten – AUSGESCHALTET, EINGESCHALTET & PASSWORT. Steht eine öffentliche Gruppe auf AUSGESCHALTET, kann sich jeder in die Gruppe selbstständig ein- bzw. austragen; beim Gruppenzustand EINGESCHALTET muss ein Antrag an den Gruppenadministrator gestellt werden, welcher dieser Anfrage entweder zustimmt oder sie ablehnt und beim Status PASSWORT muss der Anwender ein ihm gegebenes Passwort (bis zu einer Deadline) eingeben, um der Gruppe beizutreten.

• Ausgeschaltet – selbstständig ein- bzw. austragen
• Eingeschaltet – Antrag an den Gruppenadministrator
• Passwort – Passworteingabe (inkl. Deadline)

Bei der zweiten Form – der Geschlossenen – gibt es nur eine Registrierungsmodalität – die Einladung über den Gruppenadministrator.

Wie tritt man einer Gruppe bei?

• Wenn Sie vom Admin nicht in die Gruppe eingeladen worden sind, gehen Sie über das Magazin in den Gruppenordner.
• Klicken Sie auf Beitreten – geben Sie ggf. Passwort der Gruppe ein, welches Sie erhalten haben.
• Klicken Sie auf Beitreten.

Ein weiterer nützlicher Link

• Fachhochschule Zentralschweiz

• 1st presentation is online
• 2nd presentation is online
• 3rd presentation is online