Joomla! goes iPhone

Rate this item
(12 votes)

iphoneEine 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?

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 iphone 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 http://www.dinovis.de/index.php/iphone

Diese URL lässt sich nun auf dem Home-Bildschirm des iPhones ablegen (mit eigenem Icon) und genauso benutzen wie ein App!

downloadDas Template und das Module kann man hier herunterladen.

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.

Ich wünsche viel Spass beim Experimentieren !

Hier eine Liste der iPhone One Features und hier findet man eine etwas ausführlichere Anleitung.

Last modified on Freitag, den 18. Dezember 2009 um 15:16 Uhr
More in this category: Features »

19 comments

  • Comment Link kowe Mittwoch, den 08. September 2010 um 08:17 Uhr posted by kowe

    best bags [url=http://www.replicahandbagscheap.com/]bags[/url]

    Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann.
  • Comment Link Espresso-apparaten Dienstag, den 24. August 2010 um 11:05 Uhr posted by Espresso-apparaten

    It seems like the download isn't working anymore, any chance of fixing this problem? Thanks!

    Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann.
  • Comment Link dress Freitag, den 13. August 2010 um 01:55 Uhr posted by dress

    autoradio navigation, car dvd gps navigation, sat navigation stereo, OEM Factory headunit for all car makes Higher quality car electronics from Qualir

    Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann.
  • Comment Link online casino Montag, den 02. August 2010 um 00:39 Uhr posted by online casino

    Hi there, That's an interesting approach. We use a similar approach with Mobile Joomla! Did you have any chance to take a look at the site with your iPhone? Do you have any comments? http://mobilejoomla.com Thanks!

    Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann.
  • Comment Link phil Samstag, den 05. Juni 2010 um 00:42 Uhr posted by phil

    Download funktioniert nicht mehr!! Schade schade.... da kommt immer ein 404, datei nicht gefunden.... Könntest du das beheben oder einen alternativen Link posten? Wär toll!! Vielen Dank!

    Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann.
  • Comment Link Thomas Sabo Donnerstag, den 15. April 2010 um 08:46 Uhr posted by Thomas Sabo

    Hi Guy, in iPhone-Article inside the template-file default.php you will find a div and inside a paragraph. This is the dinovis box. you can change the text, delete the whole div as you like. if you delete the div it would be a great idea to ajust the style of the folowing div-tag. the class iphone-article-content is found in template.css of the iphone-one template. another idea is to develop your own template in simple.php Have fun! Thomas Sabo

    Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann.
  • Comment Link Alexander Schmidt Dienstag, den 09. März 2010 um 19:37 Uhr posted by Alexander Schmidt

    Leider werden Artikel, die auf 'registriert' stehen, auch mit angezeigt. Ich habe mal die helper.php des Moduls dahingehend umgeschrieben, dass das nicht mehr passiert. Das ganze Modul ist zu finden unter http://urls.edvas.de/g. Vielleicht einfach mal abgleichen.

    Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann.
  • Comment Link Thorsten Dienstag, den 09. März 2010 um 09:07 Uhr posted by Thorsten

    Bekomme es auch nicht hin! Die "Startseiten" (d.h. Übersicht aller Artikel der Kathegorie) erscheint richtig. Der erste Linkt führt dann zum ersten Artikel auf einer neuen Seiten, auf der auch alle anderen Beträge stehen. Alle anderen Menüeinträge in der Übersicht führen ins Leere. Was mache ich falsch? Vielen Dank und viel Grüße Thorsten

    Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann.
  • Comment Link Alexander Schmidt Montag, den 15. Februar 2010 um 15:59 Uhr posted by Alexander Schmidt

    Sehr gute Arbeit. Vielen Dank, Wolfgang. Für das Template und das Modul habe ich mal eine Anleitung geschrieben "Joomla! fit fürs iPhone machen" http://itr.im/104

    Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann.
  • Comment Link chris Samstag, den 16. Januar 2010 um 09:48 Uhr posted by chris

    Die iPhone-Ansicht ist super! Habe noch eine Frage: kann man die einzelnen Beiträge als Sub unter den einzelnen Links anzeigen, d.h. nicht jedesmal als neue Seite? Vielen Dank!

    Diese E-Mail-Adresse ist gegen Spambots geschützt! JavaScript muss aktiviert werden, damit sie angezeigt werden kann.
«StartZurück12WeiterEnde»

Add comment


Image Gallery