Hybrid Apps Development: Unterschied zwischen den Versionen
Steff (Diskussion | Beiträge) (→Links) |
|||
| (9 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
Siehe auch: [[App Entwicklung mit PhoneGap]] | Siehe auch: [[App Entwicklung mit PhoneGap]] | ||
== Links == | == Links == | ||
| + | |||
| + | [[AngularJS]] | ||
| + | |||
| + | [[Ionic]] | ||
| + | |||
| + | http://wiki.zone30.info/wikizone/index.php/Ionic#Hybrid_Apps_mit_Ionic_und_PhoneGap_Builder | ||
| + | <pre> | ||
http://reapp.io/ | http://reapp.io/ | ||
| − | |||
http://ionicframework.com/getting-started/ | http://ionicframework.com/getting-started/ | ||
| + | </pre> | ||
== Einleitung == | == Einleitung == | ||
| Zeile 16: | Zeile 23: | ||
http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html | http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html | ||
http://phonegap.com/blog/build/new-apple-app-store-submittal-rules/ | http://phonegap.com/blog/build/new-apple-app-store-submittal-rules/ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
== Verschiedene Frameworks == | == Verschiedene Frameworks == | ||
Aktuelle Version vom 26. Oktober 2015, 10:36 Uhr
Siehe auch: App Entwicklung mit PhoneGap
Links[Bearbeiten]
http://wiki.zone30.info/wikizone/index.php/Ionic#Hybrid_Apps_mit_Ionic_und_PhoneGap_Builder
http://reapp.io/ http://ionicframework.com/getting-started/
Einleitung[Bearbeiten]
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.
Wichtig für iOS - man sollte die Design Richtlinien beachten, sonst kann es sein, daß Apps zurückgewiesen werden. Also einfach eine Website kapseln klappt nicht.
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html http://www.adobe.com/devnet/phonegap/articles/apple-application-rejections-and-phonegap-advice.html http://phonegap.com/blog/build/new-apple-app-store-submittal-rules/
Verschiedene Frameworks[Bearbeiten]
Links[Bearbeiten]
Vergleiche:
Vergleich Hybrid Mobile App Frameworks[Bearbeiten]
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[Bearbeiten]
Arbeitet mit ReactJS
TouchstoneJS[Bearbeiten]
Sieht laut Demo sehr vielversprechend aus. Arbeitet mit React.JS.
Ionic[Bearbeiten]
Nutzt AngularJS, funktioniert mit PhoneGap, soll eine gute Performance haben. Verbreitung 2015 recht gut, soll ein gutes Forum haben.
Supersonic UI[Bearbeiten]
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[Bearbeiten]
Sieht ein wenig eingeschlafen aus
Mobile Angular UI[Bearbeiten]
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[Bearbeiten]
Sieht ein bischen Old-Fashioned aus.
app-UI[Bearbeiten]
http://triceam.github.io/app-UI/
- Zu wenig Infos im Moment (2015)
