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 »

11109 comments

  • Comment Link Buy Cialis Friday, 10 September 2010 20:47 posted by Buy Cialis

    Real punks help little old ladies across the street because it shocks more people than if they spit on the sidewalk.

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

    Imagine if every Thursday your shoes exploded if you tied them the usual way. This happens to us all the time with computers, and nobody thinks of complaining.

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

    If the United Nations once admits that international disputes can be settled by using force, then we will have destroyed the foundation of the organization and our best hope of establishing a world order.

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

    Raymond's Law of Software: Given a sufficiently large number of eyeballs, all bugs are shallow.

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

    Raymond's Law of Software: Given a sufficiently large number of eyeballs, all bugs are shallow.

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

    Raymond's Law of Software: Given a sufficiently large number of eyeballs, all bugs are shallow.

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

    I love Mickey Mouse more than any woman I have ever known.

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

    If people are good only because they fear punishment, and hope for reward, then we are a sorry lot indeed.

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

    Humor is also a way of saying something serious.

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

    The use of COBOL cripples the mind; its teaching should, therefore, be regarded as a criminal offense.

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

Add comment


Image Gallery