You are here:
Friday, 04 June 2010 13:03

Joomla! goes iPhone

Written by Wolfgang
Rate this item
(2 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 Friday, 04 June 2010 13:21
Wolfgang

Wolfgang

E-mail: This e-mail address is being protected from spambots. You need JavaScript enabled to view it

Related items (by tag)

More in this category: Anleitung »

11110 comments

  • Comment Link SirPurple Friday, 10 September 2010 16:05 posted by SirPurple

    acomplia gnnz acomplia 65828 accutane 19004 tramadol 6824

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link auto insurance Friday, 10 September 2010 16:05 posted by auto insurance

    The cynics are right nine times out of ten.

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link auto insurance Friday, 10 September 2010 16:04 posted by auto insurance

    The cynics are right nine times out of ten.

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link auto insurance Friday, 10 September 2010 16:04 posted by auto insurance

    The cynics are right nine times out of ten.

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link auto insurance Friday, 10 September 2010 16:04 posted by auto insurance

    The cynics are right nine times out of ten.

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link Kamagra Kaufen Friday, 10 September 2010 15:27 posted by Kamagra Kaufen

    Kamagra Kaufe Kamagra Kaufen Kamagra Deutschland

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link Casino Online Friday, 10 September 2010 15:01 posted by Casino Online

    Eternal nothingness is fine if you happen to be dressed for it.

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link ihjxpmkwxk Friday, 10 September 2010 14:47 posted by ihjxpmkwxk

    Hi there, what's up you guys???

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link mortgages Friday, 10 September 2010 14:40 posted by mortgages

    Ever notice that anyone going slower than you is an idiot, but anyone going faster is a maniac?

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link teeth whitening reviews Friday, 10 September 2010 14:34 posted by teeth whitening reviews

    O'Toole's Corollary of Finagle's Law: The perversity of the Universe tends towards a maximum.

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it

Add comment


Image Gallery