Sencha Touch basiert ganz auf den Webstandards JavaScript, CSS3 und HTML5. Unterstützt werden bisher alle Webkit-basierten Browser auf den Betriebssystemen iOS und Android sowie ganz aktuell nun auch auf dem Blackberry.

In Version 1.1 stehen die ersten offiziellen Plugins in Sencha Touch zur Verfügung. Mit Pull to Refresh kommt eine neue Funktion für Listenansichten hinzu, mit der Inhalte beim Ziehen des Bildschirms nach unten aktualisiert werden. Eine neue Paginierungsfunktion kann mehrseitige Listen durchnummerieren und Links zum Weiterlesen am Ende der Seite generieren. Wahlweise lädt die Web-App automatisch weitere Inhalte nach, wenn der User ans Ende der Seite kommt.

Mit Sencha Touch 1.1 dürfen App-Programmierer auch für Blackberry OS 6 entwickeln. Darunter fallen das Blackberry Torch und das kommende Blackberry Playbook mit dem Blackberry TabletOS. Dafür liefert Sencha auch ein passendes Theme mit dem Blackberry-Look-and-Feel mit. Unter Android klappt jetzt das Scrollen besser. Sencha Touch 1.1 bietet hier laut Hersteller fast die dreifache Performance beim Scrollen wie der Vorgänger.

Sie können mit einem entsprechenden Smartphone mein Beispiel dazu hier anschauen:

Das Beispiel enthält ein Dashboard, eine Toolbar für Bilder (PictureBar) mit dem dazugehörigen Speichermodel (Ext.data.Store) und ein sogenanntes Carousel, das ist ein angepasstes Panel mit der Fähigkeit einzelne Seiten vor und zurück zu schieben. Im Dashboard ist eine Animation eingebaut.
Außerdem wurde das “Theme”, die Erscheinungsform der Anwendung, mit Hilfe von SASS (ein Pre Prozessor, der eine neue Syntax für CSS ermöglicht) und Compass geändert.

Über das Dashboard (die Startseite) wird eine Kategorie ausgewählt. Die Detailseite wird von rechts hereingeschoben und zeigt am unteren Rand eine Toolbar mit Bildern, die geschoben werden kann. Der Anwender wählt hier den Artikel aus.

Die Detailseite ist ein “Carousel”, das ist ein mehrseitiges Panel, durch das geblättert werden kann. Die erste Seite des Carousels zeigt eine Großansicht des ausgewählten Bildes, die weiteren die das Bild in verschiedenen Rahmen.

Über die obere Toolbar, die einen Home Button kommt man zum Anfang.

Hier die Startseite im Vergleich: von links nach rechts iPhone, HTC Evo, BlackBerry Storm und Palm Pre.

und hier die Vergleichsansicht der ersten Detail-Seite:

Die Anwendung kann im Android market kostenlos heruntergeladen werden:

Das Dashboard

Das Dashboard ist der Willkommensbildschirm der Anwendung. Es stellt einen Startpunkt für den Anwender zur Verfügung. Ein Dashboard kann auch dynamisch sein, etwa im Zusammenspiel mit Live-Wallpapers oder so, daß der Inhalt verändert wird (z. B. neue Elemente werden hinzugefügt).

Dieser Startpunkt teilt die Anwendung in Kategorien ein, die durch ein Icon und einen Titel repräsentiert sind und von hier aus gestartet werden.Diese Art des Layouts erlaubt es dem Anwender den gesuchten Inhalt schneller zu finden.

Genau übersetzt ist ein Dashboard ein Armaturenbrett, und als solches soll es ja auch dienen: von hier aus werden die einzelnen Programmteile aufgerufen. In diesem Fall starten man von hier aus 4 verschiedene Kategorien von Artikeln. Die unteren 3 Köpfe haben keine Funktion sondern sind Teil einer Animation.

Die Action Bar

Sie befindet sich oben im Bildschirm und stellt eine Möglichkeit der Navigation und der Hervorhebung von gerade aktuellen Funktionen zur Verfügung.

Sie muß nicht notwendigerweise die Titelbar ersetzen, da diese Informationen für den Anwender auch während der Bedienung der Anwendung wichtig sind.

Im Bild oben wird über die Action Bar ein “quick link“ durch das Tippen auf das Logo aufgerufen.

Im Beispielshop ermöglicht die Action Bar in der Liste (links) die schnelle Navigation zum Dashboard und in der Artikeldarstellung (rechts) auch das Zurückgehen zur Liste, den Aufruf von QuickActions und das Weitergehen in der Anwendung.

QuickActions

QuickActions kann man von überall aus aufrufen. Sie stellen Funktionsaufrufe zur Verfügung, die aus Platzmangel sonst nicht dargestellt werden könnten.

Hier werden die E-Mail-Funktion, die Sozial-Weitergabe-Möglichkeiten und das Speichern aufgerufen:

Seitliche Bildschirmübergänge

Das ist ja nicht gerade ein offizielles Designmuster, aber die Art, wie man mit einem horizontalen Scrollen den Bildschirm seitlich verschiebt ist Android-typisch. Schon der Home-Screen hat diesen Bildschirmübergang.

In meinem Beispiel kommt man damit vom Bild zur Variantenauswahl – hier einfach verschiedene Rahmen.

Der Layout-Konfigurator

Noch ein Blick auf die leicht verbesserte Darstellung des Eclipse-Plugins zur Erstellung der Oberflächen, die ja langsam schon manches darstellen kann. Das Plugin ist zwar verbessert worden, ist aber bei weitem noch nicht gut.  Das Erstellen von Oberflächen im Android ist immer noch ein Gräuel.

Hier etwa das neue Scrollfeld für Bilder (Scrollfield) ein schreibgeschütztes Textfeld (RichTextField) mit abgerundeten Ecken und Hintergrundbild und eins mit Farbverlauf im Hintergrund.

Im Bild rechts ist oben die konfigurierbare Titelleiste (TitleBar) und unten die Werkzeugleiste (Toolbar) im Einsatz, die “Taskbar”, über die die einzelnen Programmteile gestartet werden können.

Textfelder, Auswahlfelder, Bildfelder, Listen und Tabellen erlauben eine “schöne” Programmierung.

Links: eine gemischte Liste die mit “VerticalFieldManager” und “HorizontalFieldManager” zusammengesetzt ist. Rechts: das gleiche Listenfeld bei dem erst Teile der Minibilder geladen wurden (over the air).

Das hier ist ein Feld für Bilder (BitmapField), das angezeigte Bild wird aus 2 Bildern – dem Rahmen und dem Dixi – zusammengesetzt und erst dann eingefügt. Rechts ist das Icon des Beispielshops in der Toolbar zu sehen.

Modell gestanden für meinen kleinen Beispielshop ist die Anwendung “App Word” von BlackBerry selbst, die vom Aussehen schon echt was hermacht (auch hier die Elemente Scrollfield, ToolbarManager, RichList und TableModel (vermutlich):

Dies ist ein 4×2 Widget für den Home Screen, das eine digitale Uhr zeigt. Es zeigt – wenn eingestellt – das Datum und den Sekundenzeiger.Mit einem Klick auf das Widget wir ein Shortcut für den Alarm freigelegt. Es können die Schriftart, die Farbe für die Schrift für den Hintergrund und für den Rahmen, Datum ja/nein und Sekundenzeiger ja/nein eingestellt werden.

Verwendung des Widgets: Langer Klick auf eine freie Fläche im Home Screen. Widget auswählen. Dann “Clock Widget 4×2″ auswählen.

Das Widget ist kostenlos und man kann es hier herunterladen:

Clock Widget digital 2×2

Dies ist ein 2×2 Widget für den Home Screen, das eine digitale Uhr zeigt. Es zeigt – wenn eingestellt – das Datum und Sekunden.Mit einem Klick auf das Widget wir ein Shortcut für den Alarm freigelegt. Es können die Schriftar und die Farbe für den Hintergrund, Datum ja/nein und Sekunden ja/nein eingestellt werden.

Das Widget ist kostenlos und man kann es hier herunterladen:

Clock Widget analog 2×2

Dies ist ein 2×2 Widget für den Home Screen, das eine analoge Uhr zeigt. Es zeigt – wenn eingestellt – das Datum und den Sekundenzeiger.Mit einem Klick auf das Widget wir ein Shortcut für den Alarm freigelegt. Es können die Farbe, Datum ja/nein und Sekundenzeiger ja/nein eingestellt werden.

Übrigens bezieht sich das 2×2 sich auf die Größe: Auf den fast allen Android Geräten ist der Screen in ein Raster von 4×4 Einheiten eingeteilt. 2×2 besagt demnach, daß dieses Widget ein Viertel der Oberfläche einnimmt.

Das Widget ist kostenlos und man kann es hier herunterladen:

home17

Das ist ein Homescreen-Replacement mit 90 Screens und 90 großen analogen Uhren (mit tickendem Sekundenzeiger) im Hintergrund. Schnelles Springen zu jedem der 90 Screens über einen Scroller. Funktioniert ab Android 1.6.

Das Homescreen-Replacement ist kostenlos und man kann es hier herunterladen:

home35

Das ist ein Homescreen-Replacement mit 35 Screens und 35 großen analogen Uhren (mit tickendem Sekundenzeiger) im Hintergrund. Schnelles Springen zu jedem der 35 Screens über einen Scroller.

Das Homescreen-Replacement kostet 0,90 € und man kann es hier herunterladen:

home90

Das ist ein Homescreen-Replacement mit 90 Screens und 90 großen analogen Uhren (mit tickendem Sekundenzeiger) im Hintergrund. Schnelles Springen zu jedem der 90 Screens über einen Scroller.

Das Homescreen-Replacement kostet 1,90 € und man kann es hier herunterladen:

Java ME ist eine Standardplattform, die häufig genutzte Java-APIs für verschiedene
Arten von drahtlosen und eingebetteten Geräten definiert. Eine Java-ME-Anwendung
auf einem BlackBerry-Gerät wird in der Virtual Machine ausgeführt. Diese virtuelle
Maschine stellt sämtliche Runtime-Dienste für die Anwendungen bereit und übernimmt
Funktionen wie typische Speicherzuordnungen, Sicherheitsprüfungen und die Speicherbereinigung (Garbage Collection).
BlackBerry-Geräte unterstützen den Java ME-MIDP-Standard (Mobile Information
Device Profile) gemäß der Definition in JSR (Java Specification Request) 118. Der Java
ME-MIDP-Standard liefert eine Kerngruppe von Java-APIs, die von einer Reihe mobiler
Geräte unterstützt wird, unabhängig vom jeweils zugrunde liegenden Betriebssystem.
Entwickler können daher eine Java-Anwendung mit den MIDP-Standard-APIs erstellen
und diese Anwendung dann auf vielen verschiedenen Arten von Geräten ausführen.

BlackBerry-Geräte unterstützen außerdem eine Menge von APIs, die nicht zu den
JSR-Standarddefinitionen gehören und einen größeren Funktionsumfang als die MIDPAPI-Standardbibliotheken bieten.

Die Anwender verwenden den BlackBerry Enterprise Server, den BlackBerry Internet
Service oder auch beide Dienste auf einem Gerät.

Die BlackBerry Enterprise Solution (BES) ist eine firmeninterne Lösung, die z.B. auf einem Microsoft Exchange Server und dem Enterprise Server von BlackBerry basiert. Für Testzwecke kann man diesen Enterprise Server umsonst bekommen (allerding nur für ein(!) Gerät. Den Microsoft Exchange Server gibt es auch für ein Gerät nicht umsonst.

Der BlackBerry Internet Service (BIS) ist so etwas wie eine Enterprise Solution die ein Telephonprovider zur Verfügung stellt. Hierzu ist keine eigene Installation notwendig, sondern nur eine Anmeldung beim Provider.

Man kann auf einem Gerät zwischen BES und BIS hin und herwechseln, etwa über den Browser (jeder Zugang hat einen eigenen Browser – es gibt auch einen WAP Browser) oder man kann den Zugang auch über die Programmierung erzwingen.

Realisierung einer Community-Anwendung für mehrere Geräte von BlackBerry:

Außerdem beherrscht sie die Darstellung von flexibel kombinierbaren interaktiven Funktionen:

• Splashes – Darstellung von  Bildern beim Aufrufen der Applikation
• Content – Individuelle Seitenstruktur mit beliebig vielen Haupt- und Untermenüpunkten
• Bestellung – Integriertes Bestell-System
• Quiz/Gewinnspiel – Darstellung von Gewinnspielen
• Mobile Coupons – Darstellung von Gutscheinen
• Feedback – Meinungsumfragen mit offenen Antwortmöglichkeiten
• Voting – Meinungsumfragen mit Muliple-Choice Antwortmöglichkeiten
• Anrufen – Direkte Anrufmöglichkeit aus der Applikation
• Url – Direkte Anrufmöglichkeit aus der Applikation

Die Software wurde von mir für Java-fähige Handys realisiert. Für verschiedene Auflösungen wurde mit Ant und Antenna for Wireless Java ein Build generiert.

Getestet wurde die Anwendung auf ca. 30 verschiedenen Endgeräten mit vielen verschiedenen Bildschirmauflösungen und Betriebssystemen und Versionen.

Verwendete Software:

• Eclipse-SDK
• J2ME Wireless Toolkit
• Ant und Antenna for Wireless Java
• J2MEUnit Testing

Holz mit allen Sinnen erfahren …

Auf der Führung durch das modernste und wirtschaftlichste BioMasseHeizkraftWerk Europas hat man als Besucher die Möglichkeit, die faszinierenden technischen Einrichtungen zu sehen. Über den von Lois und Franziska Weinberger konzipierten Vorplatz betritt man den Empfangsraum, erhält einen Video-Guide -angeboten in sechs Sprachen- und beginnt die Führung durch das FeuerWerk .

Erlebnisweg Heizkraftwerk Feuerwerk

Programmierung einer audiovisuellen Besucherführung am Pocket-PC in 6 Sprachen für Gruppen bis zu 30 Personen.

Features:

• Full Screen Videos in VGA Auflösung
• Eingebaute Spiele, manuelle Auswahlmöglichkeiten der Informationen
• Synchronisierung der zeitlichen Steuerung von bis zu 30 Geräten
• manuelle und automatische Triggerungen über Wireless LAN

Ja, das wirkt heute schon antiquiert: das Wort PDA (Personal Digital Assistent), genauso wie Pocket PC, oder die Tatsache, dass man vor nicht einmal 5 Jahren ein GPS Gerät extra kaufen musste.

Geplant war, dass ein/e Tourist/In das Gerät an einer zentralen Stelle ausleiht, und dazu auch das GPS Gerät, das in den Tragegürtel eingenäht sein musste, und damit durch die Stadt wandert und an verschiedenen Stellen durch eine Triggerung am Gerät mit Rfid oder Ähnlichem auf Besonderheiten aufmerksam gemacht wird.

Die vom FilmAtelier in Auftrag gegebene Arbeit wurde leider nie massentauglich fertig entwickelt.

• schnell neue Adressen anlegen
• schnell eine neue Bestellung erfassen
• schnell eine Bestellung ändern

darüber hinaus kann man auch Artikel anlegen, werden Versandkosten berechnet, kann man Rabatte vergeben und noch ein paar Dinge mehr.

Nein, das ist keine große Datenbank, aber übersichtlich gehalten und dem Bedarf angepasst. Alles andere ist sofort rausgeflogen.

Mit MS Access, Version XP erstellt. Firma möchte nicht genannt werden.