Mit Oracle Apex, jQuery Mobile und der Highcharts HTML 5 Chart Bibliothek lassen sich visuell ansprechende und performante mobile Anwedungen für iPad (iOS), Android, Windows Phone und Co. erstellen.

Für die Erstellung der mobilen Beispiel-Applikation sind/waren folgende Schritte notwendig:

1. Integration des jQuery Mobile Frameworks in Oracle Apex
2. Erstellung von Templates für mobile Endgeräte mit Codiqa
3. Einbindung der Highcharts Chart Bibliothek in Oracle Apex

1. jQuery Mobile in Oracle Apex

Zunächst muss das jQuery Mobile Framework in Apex integriert werden. Dies geschieht sehr einfach über das Einbinden von zwei JavaScript Dateien und einer CSS Datei im Header des Standard Templates eines Apex Projektes. Der Einfachheit halber nutze ich die auf jQuery.com gehosteten Dateien. Wie das Einbinden funktioniert, kann hier nachgelesen werden.

2. Erstellung von mobilen Templates mit Oracle Apex

Mit Hilfe des Tools Codiga erstellt man in Kürze anspruchsvolle mobile Templates. Über das Tool lässt sich ein jQuery Mobile HTML Template exportieren, welches folgende Plattformen unterstützt: iOs, Android, Black Berry, bada, Windows Phone, palm webOS, symbian, MeeGo, Kindle fire sowie viele weitere Plattformen.

 Abb.: Mit Codiqa lassen sich Touch Oberflächen für mobile Engeräte innerhalb kürzester Zeit erstellen.

Die erstellten Templates können anschließend in Oracle Apex, als Report, Page oder Region Template hinterlegt und genutzt werden. Aus einer klassischen Liste in Oracle Apex wird im Handumdrehen eine visuell ansprechende Oberfläche die mit der Fingerspitze bedient werden kann.

 3. Einbindung der Highcharts Chart Bibliothek in Oracle Apex

Die Bibliothek von Highcharts ist ein auf JavaScript und HTML basierendes Framework das viele unterschiedliche Chart Typen (z.B. Donut, Scatter plot, Bar, Pie etc.) im Browser darstellen kann. Ein Blick in die Chart-Galerie lohnt sich.

Abb: Über ein Touch Event auf einen Listeneintrag werden die jeweiligen Charts mittels Ajax vom Server nachgeladen und in der Applikation angezeigt.

Der JavaScript Code, zur Anzeige eines einzelnen Charts, wird auf dem Server mittels PL/SQL generiert und per Ajax im Frontend zur Anzeige bereitgestellt. Die Applikation bleibt somit im Client sehr performant.

Die finale Apex Applikation auf dem iPad:

 Abb.: So sieht die fertige Applikation in Oracle Apex auf dem iPad aus.

Die Seitenübergänge der einzelen Oracle Apex Seiten werden mittels Transitions aus jQuery Mobile animiert überblendet und zuvor durch Ajax vorgeladen. Die jQuery Mobile Navigation im Header spiegelt die Tabs der Apex Anwendung wieder.

 Testlink zur mobilen Applikation: http://apex.oracle.com/pls/apex/f?p=33727

Vor Kurzem wurde die API zu Google+ veröffentlicht. In diesem Artikel zeige ich, wie Sie die API von Google+ für Ihre eigenen Anwendungen verwenden können.

Schritt 1 – Anfordern eines Google API Key

Um die Google+ API mit Ihrer eigenen Anwendung verwenden zu können, benötigen Sie einen API Key. Diesen können Sie hier beantragen.

Melden Sie sich unter https://code.google.com/apis/console#access an. Sofern Sie keinen Google Account haben, müssen Sie zunächst einen erstellen. Klicken Sie dann auf “Create project…”.

Aktivieren Sie unter “Services” den Schalter für “Google+ API”. Unter “API Access” finden Sie nach der Aktivierung Ihren persönlichen Entwickler API Schlüssel.

Schritt 2 – Profildaten eines Nutzers mithilfe der Google+ API abrufen

Sofern Sie nun über einen gültigen Google+ API Key verfügen, kommen wir zum zweiten Schritt, nämlich das Abrufen von Profildaten für ein beliebiges Google+ Profil. Damit dies möglich ist, benötigen Sie die Google+ ID einer Person sowie einen gültigen API Key. Setzen Sie Ihren Google+ API Key an die Stelle des Platzhalters ein und rufen Sie die URL anschließend in Ihrem Browser auf.

https://www.googleapis.com/plus/v1/people/102330693519993950959?key={IHR_API_KEY}

Der Google Server liefert ein JSON Objekt mit alle öffentlichen Daten des Google+ Profils zurück.

Ein Tipp: Selbstverständlich können Sie die in der URL oben eingetragene Google+ ID 102330693519993950959 durch eine beliebige andere ID ersetzen. Die Google+ ID eines Benutzer können Sie z.B. ganz einfach herausfinden, indem Sie den Mauszeiger über den Namen oder das Nutzerbild eines Google+ Nutzers bewegen. Dann erscheint in der Adresszeile Ihres Browser die Google+ ID des jeweiligen Nutzers.

Das JSON Objekt können Sie für alle Programmiersprachen verwenden und damit für Ihre eigenen Anwendungen verwenden.

Schritt 3 – Den Aktivitätsstrom eines Google+ Nutzers abfragen

Nach dem gleichen Prinzip können Sie auch den Aktivitätsstrom eines Benutzers abfragen.

https://www.googleapis.com/plus/v1/people/102330693519993950959/activities/public?key={IHR_API_KEY}

Schritt 4 – Nach Personen bei Google+ suchen

https://www.googleapis.com/plus/v1/people?maxResults=20&query=christian&pp=1&key={IHR_API_KEY}

Der Parameter query beinhaltet die Suchanfrage, der Parameter maxResults legt die Anzahl der Ergebnisse fest, die zurückgegeben werden.

Fazit

Nicht schlecht für den Anfang! Die Möglichkeiten der API, die Google für seinen Dienst Google+ bereitstellt, bieten eine Vielzahl an Möglichkeiten um eigene Anwendungen zu schreiben und lassen sich, dank des vielseitig einsetzbaren JSON Formates, leicht mit jeder Programmiersprache und damit für eigene Anwendungen nutzen. Viel Spaß beim Coden

Weiterführende Weblinks

• Overview – Google+ Platform – Google Developers
• Google+ Platform Blog

Adobe Eg hat vor kurzem ein Zeitleisten-basiertes Tool veröffentlicht, das Animationen und Effekte in HTML 5, CSS3 und JavaScript zur Verfügung stellt. Die Animationen sind kein Flash und können demnach auch auf iPhone oder iPad abgespielt werden. Adobe Eg können Sie hier downloaden und schon vorab testen:

http://labs.adobe.com/technologies/edge/

Videoausschnitt unserer 4D-Untersuchung.
Ende September ist es dann soweit…

Maqetta ist ein Open-Source Webtool, mit dem HTML5-Interfaces für Desktop und mobile Browser (z.B. iPhone) entwickelt werden können. Es lassen sich Elemente z.B. aus Frameworks wie jQuery oder Dojo per Drag’n'Drop einbinden.

http://maqetta.org/

Häufig genutzt im Bereich der Augmented Reality ist das Auffinden von Mustern oder Gesichtern in Bilddaten. Eine Erweiterung macht die Gesichtserkennung auch mit PHP möglich. Details gibt es hier.

Unter dem Projektnamen “Molehill” bringt Adobe eine neue Technik auf den Markt, die GPU-beschleunigte 3D-Grafik in Flash und Air ermöglichen soll.

Der neue Flash Player mit erweitertem 3D-Support kann als Preview Release bei Adobe Labs heruntergeladen werden.

Eine beeindruckende Demo liefert Adobe mit dem Spiel “Zombie Tycoon” gleich mit. Genial!

Der mobile Markt wird dank neuer Technik und Konzepte immer wichtiger und wächst rasant. Juniper Research wagt einen Ausblick auf die mobilen Trends für 2011.

1. Trend zu Tarifen mit Datenbegrenzung
Mehr und mehr Smartphones können größere Datenmengen verarbeiten. Dadurch kommt es zu einer Steigerung im Datenverkehr. In Zukunft wird es daher verstärkt Begrenzungen bei Datentarifen geben, bis das schnelle LTE-Netz bereitsteht.

2. Augmented Reality
Unter diesem Begriff Augmented Reality (deutsch: Erweiterte Realität) versteht man die Vermischung von realen Inhalten (z.B. ein Live-Video das mit dem Smartphone aufgenommen wird) und Inhalten aus dem Web. Laut der Studie von Juniper wird Augmented Reality verstärkt bei Spielen und kommerziellen Applikationen (Apps) zu finden sein.

3. Cloudbasierte Lösungen
Cloud Computing wird auch bei mobilen Betriebsystemen Einzug halten. Juniper nennt hierzu als Beispiel Google Chrome OS („Google Chrome Operating System“).

4. Mobile Banking
Online Banking wird zu Mobile Banking und wird mehr und mehr auf Smartphones abgewickelt. Banken stellen Apps bereit, mit denen sich Konten verwalten und Bezahlprozesse abbilden lassen.

5. Smarphone als mobile Kredikarte
Glaubt man Juniper, so könnten Smartphones bald Kreditkarten gänzlich ersetzen. Google stellte hierzu die NFC Technologie (Near Field Communication) vor, ein Übertragungsstandard zum kontaktlosen Austausch von Daten über kurze Strecken. Nicht nur online sondern auch im wirklichen Leben würde dann die mobile Kreditkarte zum Einsatz kommen.

6. Sensitivere Smartphones
Smartphones werden sensitiver. Dabei sollen biometrische Daten und die “Umgebung” mehr und mehr in Applikationen integriert werden und Killer Features entstehen.

7. Das Smartphone als Lotto-Ticket
Marktforscher glauben, dass sich der Kauf von Lotto-Scheinen mehr und mehr auf Smartphones verlagern wird. In China gibt es bereits einen solchen Service mit mehr als zehn Millionen Benutzern.

8. Höhere Sicherheitsrisiken für Smartphone Benutzer
Durch die Zunahme von Komplexität und Features der Smartphone Betriebsysteme und die zunehmende Verbreitung, werden Smartphones immer attraktiver für Hacker. Juniper geht davon aus das die Angriffe auf Smartphones in Zukunft stark zunehmen werden.

9. Mehr Übernahmen von Unternehmen
Laut Juniper wird in 2011 die Übernahme von Unternehmen stärker zunehmen. Juniper nennt die Gerüchte um Googles Pläne zum Kauf des Coupon-Dienstes Groupon als Beispiel.

10. Hersteller entwickeln mehr Bewusstsein für die Umwelt
Hersteller entwicklen mehr und mehr ein grünes Herz und versuchen die Umwelt zu schonen. Dabei soll der Energieverbrauch von Geräten reduziert, Verpackungen umweltfreundlicher gestaltet und auf gefährliche Inhaltsstoffe in Geräten verzichtet werden.

Weiterführende Weblinks:

• Juniper Research – Top Ten Wireless Predictions 2011

Seit Kurzem gibt es Adobe AIR auch für das Android Betriebssystem von Google. Damit können HTML- und Flash- Entwickler AIR-Applikationen nicht nur unter Windows, Mac und Linux sondern zukünftig auch auf Android anbieten.

Eine Liste mit AIR-Applikationen findet man hier. Voraussetzung für die Verwendung von AIR ist Android in der Version 2.2 (Froyo) und die Installation der AIR-Runtime aus dem Android Market.

Android Apps basieren normalerweise auf Java und der Virtual Machine Dalvik. man spricht von sogenannten “nativen Applikationen”. Adobe AIR wird jedoch auf den mobilen Geräten durch eine Runtime ausgeführt. Obwohl Adobe bei der Entwicklung von AIR für Android ganze Arbeit geleistet hat (Zugriff auf Kamera, Mikrophon, GPS etc.), fehlt der Zugriff auf die API an manchen Stellen. Lee Brimelow, Spezialist bei Adobe, hat einige Vor- und Nachteile von AIR auf der Android Plattform zusammengestellt.

Die Unterstützung für Adobe AIR könnte mehr und mehr Entwickler auf die Android-Plattform bringen.

Weblinks:

• Adobe gibt Final von AIR 2.5 für Android frei
• webkitchen’s AIR applications
• Native Android Development Or Adobe AIR?

Eine aktuelle Studie von Appcelerator und IDC stellt Googles Android und Apples iOS gegenüber und zeigt welches mobile Betriebsystem die besten Aussichten hat. Entwickler sehen in Android das meiste Potential.

Link: A Detailed Look at Apple and Google’s Fight for Mobile Developer Attention

Laut einer Studie von Nielsen, war Android das am meisten verkaufte mobile Betriebssystem der letzten 6 Monate in den USA.

Links:

• A Detailed Look at Apple and Google’s Fight for Mobile Developer Attention
• Android Most Popular Operating System in U.S. Among Recent Smartphone Buyers