Theme für mobile Anwendungen
Websites sollten für die Browser mobiler Endgeräte optimiert werden. Vor allem folgende Aspekte sollten berücksichtigt werden:
- Die Browser mobiler Endgeräte sollten auf speziell hierfür vorgesehene Websites weitergeleitet werden, so z.B. von http://www.veit-schiele.de/ auf http://m.veit-schiele.de/.
- Es sollten eigenständige Ansichten für die Navigation und Ordnerlisten erstellt werden, z.B. http://m.veit-schiele.de/profil/mobilefolderdefault.
- In Browsern mobiler Anwendungen kann eine angeklickte Telefonnummer direkt angewählt werden, z.B. in http://m.veit-schiele.de/impressum
- Optimierung von Bildern für mobile Anwendungen.
Es stehen mehrere Python-Module bereit, mit denen die Inhalte einer Plone-Site auch auf mobilen Anwendungen ausgegeben werden können:
Installation
Buildout-Projekt erstellen
Ändern Sie Ihre buildout.cfg-Datei folgendermaßen:
extends =
…
http://good-py.appspot.com/release/dexterity/1.0b2?plone=4.1
eggs =
…
mfabrik.webandmobile
Anmerkung: Für Plone 3.3 ändert sich die Konfiguration folgendermaßen:
extends =
…
http://good-py.appspot.com/release/dexterity/1.0b2?plone=3.3.5
eggs =
…
ZPublisherEventsBackport
mfabrik.webandmobile
Anschließend wird das Buildout-Skript ermeut aufgerufen und die Instanz im Vordergrund gestartet:
$ bin/buildout -Nv $ bin/instance fg
Erstellen einer Plone-Site
Geben Sie in Ihrem Web-Browser die Adresse http://localhost:8080 ein.
Klicken Sie auf den Link Erzeuge eine neue Plone-Site.
Sie werden dann nach dem Nutzernamen und Passwort gefragt. Geben Sie in beiden Fällen admin ein.
Markieren Sie nun Go Mobile und Go Mobile Default Theme. Klicken Sie anschließend auf Erzeuge Plone Site.
Fügen Sie in der Datei /etc/hosts folgende Zeile ein:
127.0.0.1 m.localhost preview.localhost
Anmerkung: Unter Windows befindet sich die Datei unter C:\Windows\SYSTEM32\Drivers\etc\.
Nun können Sie die Plone-Site unter folgenden URLs erreichen:
- http://localhost:8080/Plone
- zeigt die Plone-Site im Web-Modus
- http://m.localhost:8080/Plone
- zeigt die Plone-Site im mobile-Modus
- http://preview.localhost:8080/Plone
- simuliert eine Ansicht für den mobile-Modus.
