Hybrid Apps Development

Siehe auch: App Entwicklung mit PhoneGap

Links

http://reapp.io/

http://ionicframework.com/getting-started/

Einleitung

Hybride Apps sind im Prinzip Webapps im Gewand einer Native App.

PhoneGap ermöglicht Web Apps den Zugriff auf Smartphone Funktionen indem es sie in einen nativen Wrapper packt. Nachteil ist aber das die Smartphone typischen Bedienung nicht genutzt wird, sondern i.d.R. über HTML nachgebildet werden müssen. Dazu gibt es verschiedene Frameworks. Früher war das z.B. jQuery Mobile, das allerdings keine besonders gute Perfomance hat. Oder Sencha, das eine große Einarbeitungszeit erfordet. Inzwischen gibt es einige Alternativen.

Hybrid Apps mit Ionic und PhoneGap Builder

Ionic basiert auf AngularJS, mit diesen Tools erstellen wir die Webapp, die dann mit PhoneGap Builder zu einer Hybrid App gebündelt wird.

AngularJS ist ein Framework zur WebApp Entwicklung mit hoher Performance. Ionic steuert viele Komponenten und in MobileApp übliche Bedienelemente bei.

Verschiedene Frameworks

Links

Vergleiche:

Vergleich Hybrid Mobile App Frameworks

http://www.gajotres.net/the-top-5-angularjs-hybrid-mobile-app-frameworks-proscons/

http://www.gajotres.net/top-7-mobile-application-html5-frameworks/

Die Frameworks arbeiten oft mit darunterliegenden JavaScript Libs zusammen, z.B. React, AngularJS, jQuery...

Reapp

http://reapp.io/

Arbeitet mit ReactJS

TouchstoneJS

http://touchstonejs.io

Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.

Ionic

Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.

Supersonic UI

Sieht auf den ersten Blick sehr schick aus. Fork von Ionic.

• Benötigt kein PhoneGap - eigener Wrapper (AppGyver) ohne den es aber auch nicht mehr so gut nutzbar ist. Dafür ist der Wrapper auch Cordova Kompatibel.
• Nutzt AngularJS und das CSS UI von Ionic
• Extrem nativer Look, gutes Zusammenspiel von UI und HTML5
• Gute Data-Sets

Intel App Framework

Sieht ein wenig eingeschlafen aus

Mobile Angular UI

Setzt auf Bootstrap 3 auf und ergänzt es mit einigen Komponenten wie switches, overlays, sidebars, scrollable areas, absolutely positioned top/bottom nav bars ohne Bouncing... Nicht von jQuery oder bootstrap.js abhängig. Nutzt stabile Libraries wie fastclick.js und overthrow.js

Gut geeignet, wenn eine Bootstrap Webapp besteht. Schlechte Doku, kleine Community (2015)

iUi

http://www.iui-js.org/demo

Sieht ein bischen Old-Fashioned aus.

app-UI

http://triceam.github.io/app-UI/

• Zu wenig Infos im Moment (2015)