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 »

11106 comments

  • Comment Link Online casinos no deposit Friday, 10 September 2010 16:47 posted by Online casinos no deposit

    If you need more than five lines to prove something, then you are on the wrong track

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

    Marry me and I'll never look at another horse!

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link reverse lookup phone number Friday, 10 September 2010 16:22 posted by reverse lookup phone number

    The power of accurate observation is frequently called cynicism by those who don't have it.

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

    How can I believe in God when just last week I got my tongue caught in the roller of an electric typewriter?

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

    How can I believe in God when just last week I got my tongue caught in the roller of an electric typewriter?

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

    How can I believe in God when just last week I got my tongue caught in the roller of an electric typewriter?

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • 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

Add comment


Image Gallery