Video 13: Erzeugen einer Javascript Version

Mit mz3Tool kann sehr einfach zusätzlich zur FLASH-Version auch eine Javascript Version erzeugt werden.

MegaZine3 unterstützt beide Varianten und kann sogar automatisch umschalten, d.h. falls der aktuelle Browser FLASH nicht unterstützt, wird automatisch die Javascript Version genutzt.

Wie dies gemacht wird, zeigt das Video 13: Erstellen einer Javascript Version.

Vorbereitungen

Installation von ImageMagick

Die Javascript-Version nutzt JPG (oder PNG) Dateien für die Darstellung der Seiteninhalte, da SWF-Dateien ohne FLASH-Support nicht genutzt werden können. Um die JPG Bilddateien zu erstellen, wird das Tool ImageMagick benötigt, welches kostenlos geladen werden kann. Wie dies für Windows und OSx erfolgt, wird in einem eigenen Video 12: Installation von ImageMagick gezeigt.

Anmerkung:
ImageMagick wird für die Konvertierung von PNG-Dateien in JPG-Dateien genutzt. Die Javascript-Version könnte auch direkt mit den PNG-Bildern arbeiten; dann wird ImageMagick nicht benötigt. Aber spätestens wenn man auch die Möglichkeit nutzen möchte, Thumbnails vorab zu erstellen, wird ImageMagick benötigt.
Von daher empfiehlt es sich, die Installation vorbereitend durchzuführen.

Konfiguration von mz3Tool

Die Konfiguration ist sehr einfach: Es muss nur ein Haken in einer Checkbox gesetzt werden! Alles andere erfolgt dann automatisch:

  • Erstellen der benötigten alternativen Bilddateien
  • Erweitern der MegaZine3 Konfigurationsdatei um die zusätzlichen, alternativen Pfade zu den Bilddateien
  • Erstellen einer angepassten Index-Datei
  • Bereitstellung der benötigten Javascript-Programme und Bibliotheken (z.B. jQuery).

Alle benötigten Dateien werden mit einem Klick auf “PUBLISH – Online” in einem Ordner “onlinePackage” zusammengestellt und können einfach mit einem FTP-Programm wie Filezilla auf den Server hochgeladen werden (siehe Video 4: Publish Online).

Die Javascript-Version steht dann für alle Browser zur Verfügung, welche keinen FLASH-Support bieten, und damit auch auf mobilen Plattformen (iPad, Android Tablets).

 

Kategorien: Videos.