Tools und Services für die App Entwicklung

Mit welchen Tools und Services lassen sich am einfachsten Mobile Apps und Webseiten entwickeln? Wir haben uns die verfügbaren Hilfsmittel angeschaut und die Vor- und Nachteile kurz zusammengefasst.

Wir haben an dieser Stelle schon mehrmals über die Vor- und Nachteile von Native und Wep Apps gesprochen (Mobile Applikationen - Mobile Webseiten, Software aus der Cloud: Webapplikationen)

Als Spezialist für Webtechnologie entwickelt iBROWS Mobile Applikationen deshalb auch mit den aktuellen Webstandards HTML5, CSS3 und JavaScript. Neben den zahlreichen Vorteilen der Entwicklung von Apps mittels Webtechnologie gibt es jedoch auch ein paar Einschränkungen. Diese lassen sich mittlerweile jedoch dank zahlreichen Tools und Frameworks weitestgehend umgehen.

Nachfolgend wollen wir ein Überblick über den aktuellen Stand der Möglichkeiten geben, sowie die verfügbaren Frameworks und Werkzeuge kurz einführen.

User Interface (UI)/Frontend Frameworks

Frontend- beziehungsweise UI-Frameworks helfen in der Entwicklung, schnell und effizient die Benutzeroberfläche von Apps zu erstellen. Dabei werden vom Framework die typischen Bedienelemente einer App zur Verfügung gestelt. Zusätzlich können mit den Frameworks in der Regel sogenannte "Touch Events" wie das Streichen über den Bildschirm (Swipen) oder das lange drücken eines Buttons einfach ausgelesen werden. Zusätzlich unterstützen die meisten Framworks auch die verschiedenen Seitenwechsel wie blättern oder das "reinfliegen" einer neuen Ansicht (Page Transitions), welche so typisch für eine App sind. Nachfolgend sollen einige der bekannten und noch weniger bekannten Framworks vorgestellt werden.

jQuery Mobile

Das wohl bekannteste Framework für Touch Devices. Ein solides Framework für Mobile User Interfaces welches von zahlreichen renommierten Unternehmen verwendet und weiterentwickelt wird. Mit dem integrierten Theme Roller lassen sich Standardelemente zusätzlich einfach und ohne CSS Kenntnisse gestalten. Basiert auf der jQuery JavaScript Bibliothek.

Unterstützte Plattformen: iOS, Android, BlackBerry, Bada, Windows Phone, webOS, symbian und MeeGo

Läuft mit PhoneGap: JA

Webseite | Dokumentation & Demo | ThemeRoller

Sencha Touch 2

Das neben jQuery Mobile wohl bekannteste Framework. Neben all den UI Elementen bietet Sencha Touch zusätzlich auch noch Touch Charts, eine Bibliothek für das Erstellen von Charts und Diagrammen. Basiert auf der Ext JS 4 JavaScript Bibliothek.

Unterstützte Plattformen: iOS, Android and BlackBerry

Läuft mit PhoneGap: JA

Webseite | Dokumentation | Demo UI Elemente

jqMobi

jqMobi ist ein relativ neues JS Framework von appMobi. Dabei wurde der Fokus auf ein performantes und leichte Codebasis gelegt. jqMobi bietet neben den üblichen Touch Events auch wiederum UI Elemente an. Zusätzlich wurde das Framework so ausgelegt, dass es einfach mittels Plugins erweitern lässt und sich perfekt in die appMobi Umgebung einfügt.

Unterstützte Plattformen: iOS, Android

Läuft mit PhoneGap: JA, wird jedoch offiziell nicht Unterstützt.

Webseite | Dokumentation

DHTMLX Touch

DHTMLX Touch ist nicht nur ein JS Framework für mobile Applikationen sondern eine komplette Suite für das Entwickeln von Applikationen. Neben den üblichen Komponenten wie UI Elemente, Event Handling oder Local Storage sind auch Entwicklungswerkzeuge wie den Visual Designer, Skin Builder oder den Touch UI Inspector verfügbar.

Unterstützte Plattformen: iOS, Android, und Blackberry

Läuft mit PhoneGap: JA

Webseite | Dokumentation | Demo UI Elemente | Showcase

The-M-Project

The-M-Project ist ein JavaScript MVC Framework welches auf den Userinterface (UI) Elementen von jQuery Mobile aufbaut. Das Framework unterstützt den Entwickler bei der Programmierung von klassischen Aufgaben einer Mobile App, insbesondere das lokale Speichern von Daten oder das Arbeiten ohne Internetzugang.

Unterstütze Plattformen: iOS, Android, BlackBerry, Windows Phone

Läuft mit PhoneGap: JA

Webseite | Dokumentation | Demo UI Elemente | Showcase

JO

Ein weiteres JavaScrip Framework für das erstellen von mobile und native Apps. Neben den UI Elementen übernimmt das Framework auch das gesamte Event und Datenhandling inkl. lokalen Files. Wird aktuell nicht mehr so konsequent weiterentwickelt.

Unterstützte Plattformen: iOS, Android, webOS, BlackBerry und Chrome OS

Läuft mit PhoneGap: JA

Webseite | Dokumentation | Demo UI Elemente

SDK/Plattformen

SDKs (Software Developer Kits) oder Builder unterstützen den Entwickler beim Programmieren von Mobile Apps. SDK können unter anderem Helfen Funktionen von Frameworks oder Schnittstellen zu anderen Angeboten direkt in die Entwicklungsumgebung zu integrieren. Die meisten Anbietern von SDKs integrieren zusätzliche Services in ihre SDKs. Dies können zum Beispiel das Hosting von Applikationen, Logik für Onlinedienste oder das einreichen der Apps in den App Store bzw. bei Google Play sein.

Appcelerator

Die Appcelerator Titanium Plattform bietet neben dem SDK gleich noch das Titanium Studio zum Testen und Deployen von Apps an. Zudem ermöglicht Appcelerator das erstellen von Nativen iOS und Android Apps direkt aus der mit JavaScript entwickelten Web App. Zusätzlich kann auch auf den Cloud Service zurückgegriffen werden. Dies ermöglicht es online Funktionen wie Userdatenbank, Chats oder Check-Ins zu nutzen ohne gleich eine eigene Plattform betreiben zu müssen.

Webseite | API | Could Services

appMobi

appMobi ist eigentlich eine eigenes Ökosystem zum Entwickeln von Web und Native/Hybrid Apps. Neben dem oben erwähnten JS Framework jqMobi bildet das SDK "appMobi XDK" den Kern von appMobi. Im SDK lassen sich Apps entwickeln, testen und gleich mittels PhoneGap rendern. Dazu bietet appMobi eine erweiterte API zum ansteuern von Device Funktionen wie der Kamera oder Kontakte.

Webseite | API | Could Services

tiggzi

tiggzi ist ein Mobile App Builder mit welchem sich Apps in einem Editor zusammenstellen lassen. Dabei kann auf die gesamten jQuery Mobile UI Elemente zugegriffen werden. Zusätzlich können Verbindungen von Input- und Outputfeldern mit einem Editor mittels Klick hinzugefügt werden. Zum Builder hinzu kommt auch noch eine Testing Suite, mit welcher sich das Testen vereinfachen lässt.

Webseite | Showcase

Sencha

Sencha bietet ein ganzes System aus Frontend/UI Framework basierend auf Ext js 4.1 (Sencha Touch 2), SDK (Sencha Architect) und Cloud Service (Sencha.io). Auf Sencha Touch aufbauende Web Apps lassen sich mit dem integrierten Packer in native Apps transformieren. Diese Aufgabe kann jedoch auch mit PhoneGap erledigt werden.

Webseite | Dokumentation | Demo

trigger.io

trigger.io ist eine weitere Möglichkeit mittels Web Technologie native Applikationen zu erstellen. Dabei wirbt trigger damit, dass es die performantesten Apps generiert und dabei einfach zu bedienen ist. Selbstverständlich lassen sich Device Funktionen mittels JS API ansteuern.

Webseite | Docs/API

PhoneGap / Apache Cordova

PhoneGap ist wohl der bekannteste Vertreter aller hier genannten Tools. PhoneGap erlaubt es mittels einer Web App native Applikationen für 7 Plattformen zu rendern. PhoneGap wurde mittlerweile von Adobe erworben, der zugrundeliegende Code wird jedoch nun von der Apache Foundation unter dem Namen Cordova gepflegt und weiter entwickelt.

Webseite | Docs/API | Demos

Fazit

Mittlerweile gibt es zahlreiche Tools und Services die das Entwickeln von Mobile und Native Apps mittels Webtechnologie erleichtern. Dabei geht es wie meistens im Web um die Auswahl der richtigen Technologie für den gewünschten Zweck.

Gleich wie bei der Wahl des richtigen CMS oder Frameworks gilt es dabei mehrere Punkte zu beachten.