dinovis

Template iPhone One

Das Template hat folgende Features:

• Enthält die iUI-Bibliothek in der Version 0.31
• Speichert Icon für die WebApp auf dem Homescreen
• Startup Screen für die Anwendung
• liefert das Framework um WebApps das Look&Feel einer iPhone Anwendung zu geben.

Module mod_iphone_article

Das Modul Article hat folgende Features:

• Stellt die Artikel einer Kategorie dar, dabei ist die Anzahl der Artikel ist einstellbar
• Je Artikel wird eine Seite generiert
• Es wird eine Auswahlliste der Artikel angezeigt
• Es sind verschiedene Seitenlayouts auswählbar
• Gibt es mehr Artikel als in der Auswahlliste dargestellt, so können diese dynamisch nachgeladen werden (optional) - noch in der Entwicklung -
• integriertes Suchen Formular - noch in der Entwicklung -
• Weiterlesen und verlinkte Titel - noch in der Entwicklung -
• Darstellung des Menüs mit "alternate row colors"

Das Template hat die Modulposition iphone. Dort muss das Module mod_iphone_article veröffentlicht werde.

Das Template und das Modul können hier heruntergeladen werden und hier findet man eine etwas ausführlichere Anleitung.

Der Siegeszug der allumfassenden Smartphones, wie z. B. das iPhone, Blackberry & Co. ist nicht mehr aufzuhalten. Immer mehr Konsumenten möchten auf das Internet in der Hosentasche nicht mehr verzichten. Apple hat binnen eines Jahres die Marke von 1,5 Milliarden heruntergeladenen Programmen für sein Smartphone iPhone und den Multimedia-Player iPod touch geknackt. Das geht aus einer Mitteilung des Unternehmens zum ersten Jahrestags (Juli 2009) seines App Store hervor. Das Tempo wird dabei merklich schneller: Für die erste Milliarde Downloads hatte Apple noch gut neun Monate gebraucht. Der App Store wuchs von 800 Programmen zum Start auf zuletzt 65.000. Zudem hat Apple bisher 40 Millionen iPhones und iPod touch verkauft. Die Wichtigkeit, dass Ihr Webauftritt den Anforderungen eines Smartphones entspricht, ist nochmal mehr gestiegen. Die Frage ist nicht, ob Sie einen iPhone-optimierten Webauftritt anbieten - sondern ab wann! Web-Kreativ entwickelt für Smartphones optimierte Joomla Templates. Des weiteren haben wir einen automatisierten Templateswitch entwickelt. Wenn ein Nutzer Ihre Webseite mit einem Smartphone aufruft, wird automatisch die optimierte Smartphone-Variante Ihrer Webseite angezeigt. Diese zeichnet sich durch extrem kurze Ladezeiten aus und ist außerordentlich benutzerfreundlich. Zudem können sich Nutzer eines iPhones Ihre Webseite als Applikation auf dem Homebildschirm ablegen und so Ihre Webseite zukünftig noch bequemer aufrufen. Gern erstellen wir Ihnen auch das dafür notwendige iPhone-Icon. Möchten Sie sich Ihre Joomla Webseite für das iPhone optimieren lassen? http://www.testiphone.com/

Ich versuche hier eine kleine Anleitung zu geben, wie das Modul und das Template zu benutzen sind. Voraussetzung ist: das Modul und das Template wurden ohne Fehlermeldung installiert.

Der Content

Fangen wir mit Content an. Es sollen mehrere Artikel auf dem iPhone veröffentlicht werden. Dazu brauche ich in Joomla erstmal einen Bereich. In diesem kann ich dann eine Kategorie anlegen und nun kann ich mehrere Artikel schreiben, die ich dieser Kategorie zuordne. So das wars mit der Vorbereitung. Und damit man erstmal einen Eindruck bekommt, wie es dann auf dem iPhone aussieht, legt man am besten mal Testartikel in einer Testkategorie an. Einfache Artikel ohne Bild und Schnickschnack.

Das Modul

Nun gehts mit dem Modul weiter: Im Modul wähle ich nun diese Artikel aus. Die Anzahl sollte erstmal auf 8 stehen (diese Funktion ist noch nicht ganz fertig). Ganz wichtig ist es das Modul an der Position iphone zu veröffentlichen! (Falls man diese Position nicht auswählen kann, einfach reinschreiben!) Eine besondere Menüzuweisung ist nicht nötig. Und natürlich drauf achten, dass das Modul auch aktiviert ist !

Der Menüeintrag

Als nächstes kommt der Menüeintrag dran. Wir brauchen einen neuen Menüpunkt, damit wir eine URL für das iphone haben. Der Eintrag in meinem Beispiel lautet: iphone im Menü oben und damit erhalte ich die URL http://www.dinovis.de/index.php/iphone. Als Menü-Typ kann man auch irgendeinen Typ wählen. Ich hab in meinem Falle einen Beitrag ausgewählt, aber das ist unerheblich, da man diesen ja (nach dem nächsten Schritt) durch das Template überhaupt nicht mehr zu Gesicht bekommt.

Das Template

Als letzter Schritt muss man nun das Template dem eben erstellten Menüpunkt zuweisen. Das macht man in der Templateverwaltung: Bearbeiten Sie das iPhone-One Template und weisen Sie es ihrem neuen Menüpunkt zu. Danach sollte beim Klick auf den Menüpunkt nicht mehr ihr Standardtemplate erscheinen, sondern die iPhone Ansicht mit dem Menü der Artikel.

Das Template und das Modul können hier heruntergeladen werden. Außerdem eine Liste der iPhone One Features.

Eine 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.