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

Joomla! goes iPhone

Written by Wolfgang
Rate this item
(1 vote)

 

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 »

2534 comments

  • Comment Link lebellerose Friday, 30 July 2010 22:48 posted by lebellerose

    propecia online fmipzd order accutane online :-DDD cialis online 894 acomplia xoatff

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link erikgto20z Friday, 30 July 2010 22:47 posted by erikgto20z

    auto insurance quotes yzvnzx child health insurance 519931 ing life insurance =((( auto insurance >:]

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link Free Credit Report Friday, 30 July 2010 22:33 posted by Free Credit Report

    There is no idea so simple and powerful that you can't get zillions of people to misunderstand it.

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link ryisthebest Friday, 30 July 2010 22:23 posted by ryisthebest

    cheapest cialis 61582 propecia online 12453 cialis online 9477 acomplia in usa zpr

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link amielein Friday, 30 July 2010 22:09 posted by amielein

    purchasing tramadol 335414 buy accutane online hulrn accutane online yczb buy Toprol XL 007

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link Gift Cards Friday, 30 July 2010 22:08 posted by Gift Cards

    They show you how detergents take out bloodstains. I think if you've got a T-shirt with bloodstains all over it, maybe your laundry isn't your biggest problem.

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link Buy Cialis Friday, 30 July 2010 21:52 posted by Buy Cialis

    A mind all logic is like a knife all blade. It makes the hand bleed that uses it.

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link Viagra Friday, 30 July 2010 21:48 posted by Viagra

    Erectile dysfunction, generic viagra, 0138, [URL=http://www.viagragenericus.com/]generic viagra[/URL], 8(, http://www.viagragenericus.com/ Viagra, wkerha.

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link Buy Cialis Friday, 30 July 2010 21:44 posted by Buy Cialis

    All are lunatics, but he who can analyze his delusion is called a philosopher.

    This e-mail address is being protected from spambots. You need JavaScript enabled to view it
  • Comment Link SasssyBrattt Friday, 30 July 2010 21:37 posted by SasssyBrattt

    online pharmacy accutane =-]]] ultram as antidepressant 837242 acomplia no script pay master card 518501 accutane online ruz accutane 08539

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

Add comment


Image Gallery