Eine Website auf einem mobilen Gerät unterscheidet sich in Aussehen und Bedienung ganz wesentlich von der PC oder Notebook-Version. Entsprechend dem Prinzip "Write Once, Publish Everywhere" möchte jedoch niemand mehrere Kopien einer Seite pflegen. Das wäre für eine Website, die mit Joomla! erstellt wurde, auch ziemlich ineffizient.
Ich möchte hier eine Lösung vorstellen, die aus einem Template für das iPhone und einem Modul besteht, das Joomla!-Beiträge auf dem iPhone anzeigt.
Das Template besteht dabei aus einem iPhone-optimiertem Code mit der iUI-Bibliothek von Joe Hewitt. Mit dieser Bibliothek emuliert die Website eine native iPhone App. Das typische Look and Feel wird dabei durch Javascript und CSS nachgebildet. Wie bei Standard-Apps üblich, können einzelne Seiten von rechts ins Bild fahren, es gibt eine Kopfzeile mit einem Zurückknopf und ein Menü, bei dem über AJAX weitere Menüpunkte nachgeladen werden können.
Ein großer Vorteil ist das Laden von mehreren iPhone-Seiten gleichzeitig, sodaß beim Navigieren keine Wartezeiten auftreten. Dies ist bei dem Betrachten von Websites über EDGE von großer Vorteil. Mit gerade mal 16k ist dieses Template leichtgewichtig und schnell.
Wie wird dieses Template nun benutzt?</p><p>Das Template enthält anders als üblich keinen Komponenten-Bereich (jdoc:include type="component") und nur eine einzige Modul-Position (jdoc:include type="modules" name="iphone" style="raw"). Hier kommt das Module mod_iphone_article ins Spiel:
Das Modul nimmt alle Artikel einer Kategorie, baut ein iPhone-Menü und rendert alle Artikel so, dass sie auf dem iPhone gut darstellbar sind. Das Modul muss an der Position <b>iphone</b> veröffentlicht sein.
Nun braucht das iPhone nur noch eine URL. Dazu legt man einen Menüeintrag an und weist ihm irgendeinen Inhalt zu. Dann wählt man unter Erweiterungen | Templates das Template "iPhone One" und weist es dem eben erstelltem Nenüpunkt zu. Diese URL kann nun über das iPhone aufgerufen werden und man erhält ein Menü mit allen Artikeln. Ein kleines Beispiel erhält man über <a href="http://www.dinovis.de/index.php/iphone">http://www.dinovis.de/index.php/iphone</a></p><p>Diese URL lässt sich nun auf dem Home-Bildschirm des iPhones ablegen (mit eigenem Icon) und genauso benutzen wie ein App!</p>
<p><a href="http://dinovis.de/index.php/download"><img src="/images/stories/download.png" alt="download" style="float:left; margin-right:20px;"/></a>Das Template und das Module kann man hier <a href="/index.php/download">herunterladen</a>.</p>
<p>Das Template und das Module befinden sich in einem experimentellen Stadium. Es sind viele Verbesserungen und Erweiterungen denkbar. Ich bin offen und dankbar für alle Anregungen und Meinungen.</p><p>Ich wünsche viel Spass beim Experimentieren !
Hier eine Liste der <a href="/index.php/joomla-goes-iphone/features">iPhone One Features</a> und hier findet man eine etwas <a href="http://www.dinovis.de/index.php/joomla-goes-iphone/anleitung">ausführlichere Anleitung</a>.
