Effektive Bedienung
Popup-Formulare
Mit Plone 4 können Sie einfach Popup-Dialogboxen und Formulare mit jQuery-Tools erstellen. Dabei können die Formulare auch ohne JavaScript ausgefüllt werden. Und darüberhinaus sind auch folgende weitere Komponenten möglich:
- Tabs
- Tabs sind die am häufigsten verwendete Komponente.
Horizontale Reiter und Akkordeons sind damit möglich. - Tooltips
- Mit Tooltips lassen sich einfache Bedienoberflächen erstellen.
- Overlay
- Mit Overlays lassen sich modale Dialoge und Slideshows erstellen.
- Exposé
- Mit Overlays lassen sich modale Dialoge und Slideshows erstellen.
- Scrollable
- Scrollable ist eine mächtige Bibliothek, mit der jedes Element einer Seite in Größe, Form, Loops etc. verändert werden kann.
So lassen sich mit den jQuery Tools visuell eindrucksvolle und effektive Bedienoberflächen in Plone erstellen.
Nachladen von Elementen
Mit dem in-view Plugin für jQuery können Kommentare oder ähnliche Elemente am Ende einer Seite nachgeladen werden. Das Plugin erlaubt auch, Elemente erst in dem Moment nachzuladen, in dem sie angezeigt werden sollen. Dies hat folgende Vorteile:
- Leser bekommen erst den gesamten Inhalt angezeigt, wenn sie ihn auch wirklich lesen wollen
- Die initiale Ladezeit kann deutlich verkürzt und Bandbreite gespart werden.
- Wird AJAX verwendet um dynamisch Elemente auf einer Seite anzuzeigen, können die statischen Elemente der Seite besser gecacht werden, vor allem wenn die zusätzlichen Elemente personalisierte Daten enthalten. Damit verkürzen sich die Ladezeit nochmals.
Termine
Mit jQuery Fullcalendar können Sie interaktiv zwischen Monats-, Wochen- und Tagesansichten wechseln. Ebenso können Sie in die Vergangenheit oder Zukunft blättern. Als Beispiel können Sie sich meine öffentlichen Termine ansehen: Termine.
Tabellen
Die Ansicht von Tabellen kann mit dem jQuery-Plugin Flexigrid von Benutzern interaktiv verändert werden. Die Schlüsselfunktionen sind:
- Interaktive Filter für die Tabelleninhalte
- Mehrspaltige Sortierung mit Erkennung des Dateityps
- Interaktive Änderung der Spaltenbreite
- Lokalisierbar
Ein Beispiel für eine interaktiv änderbare HTML-Tabelle finden Sie in Nachrichten.
Mobile Geräte
Diese DemoSite lässt sich nun auch einfach mit den üblichen Browsern Von Smartphones und Tablets lesen.
Die Optimierung für mobile Geräte berücksichtigt vor allem die folgenden Aspekte:
- Die Browser mobiler Endgeräte werden auf speziell hierfür vorgesehene Websites weitergeleitet, nämlich von http://www.veit-schiele.de/ auf http://m.veit-schiele.de/.
- Spezielle Ansichten für die Navigation und Ordnerlisten werden erstellt, 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.
- Die Bilder werden für mobile Anwendungen optimiert.