Native Anwendungen und App Stores - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 382

so z. B. Text, Text mit Bild, Video, Youtube, Audio, eine Slideshow, einen Karten-Effekt
sowie eine Google-Maps-Karte. Die Darstellung der Module wird je nach Hoch- oder
Querformat automatisch angepasst. Laker ist so flexibel gestaltet, dass sich die
Module sogar auf kleine Bildschirmgrößen, wie z. B. die von iPhone oder iPod Touch
skalieren. Die Kombination aus nativer App und HTML5-Inhalt hat den Vorteil, dass
besonders rechenintensive Prozesse (wie der Wechsel einer Seite) vom nativen Teil
der App übernommen werden und somit die Performance hoch ist. Die Inhaltsgestal-
tung erledigen Sie dafür mit Ihren erlernten HTML5-Kenntnissen mit links.
Vom Prinzip her legen Sie für jede »Seite« Ihres Magazins eine eigene HTML5-Seite
an. In dieser HTML5-Seite, die mit den Laker-eigenen CSS3- und JavaScript-Dateien
unterstützt wird, platzieren Sie in Form der bereits genannten Module Ihre Inhalte.
Dabei sind Sie nicht auf die Standardmodule beschränkt. Da es sich hier um eine
HTML-Seite handelt, können Sie auch leicht weitere Module entwickeln oder HTML-
und JavaScript-Code einbinden.
Für die Entwicklung einer Publikation mit Laker benötigen Sie zwei Dinge:
Das Baker Framework
Im Downloadpaket des Baker Frameworks ( http://www.bakerframework.com )
befinden sich ein Xcode-Projekt sowie ein paar Unterordner. Der wichtigste ist ein
Ordner namens book. Hier hinein kommen später Ihre Inhalte. Sie kennen sich
mit Xcode noch nicht so genau aus? Keine Angst, Sie benötigen es nur zum Export
Ihrer App. Kenntnisse in Objective C sind für die Erstellung eines digitalen Maga-
zins mit Laker und Baker nicht erforderlich.
Das Laker Starter Pack
Auf der Webseite des Laker Compendiums ( http://www.lakercompendium.com )
finden Sie unter der Rubrik Download das Starter Pack. Diese Datei beinhaltet
alle Laker-Styles und ein paar Demo-HTML5-Dateien, die Sie gut als Startpunkt ver-
wenden können. Ersetzen Sie nun den Ordner book von Baker durch den gleichna-
migen Ordner im Laker Starter Pack.
Das ist auch schon alles! Ab jetzt werden Sie primär im book -Ordner arbeiten. Auf der
Webseite des Laker Compendiums sind die einzelnen Module ausführlich mit Bei-
spielquellcode erklärt. Um z. B. ein Textmodul einzubinden, bedarf es lediglich zweier
Elemente mit bestimmten Klassendefinitionen. Dabei arbeiten Sie in Spaltendefini-
tionen à la large-column , medium-column oder small-column . Der modulare Aufbau von
Laker macht es möglich, auch andere Elemente in den Spalten zu platzieren. Probie-
ren Sie es doch einfach mal aus! Sie können dabei den Quellcode für die einzelnen
Module einfach per Copy & Paste von der Laker-Webseite holen und in Ihrem Maga-
zin einfügen.
Bevor die Seiten in Ihrer App angezeigt werden, müssen Sie noch die von Baker mit-
gelieferte Datei book.json anpassen. In dieser hinterlegen Sie die Dateinamen (und