Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

App-Entwicklung mit HTML5, CSS und JavaScript

Ähnliche Präsentationen


Präsentation zum Thema: "App-Entwicklung mit HTML5, CSS und JavaScript"—  Präsentation transkript:

1 App-Entwicklung mit HTML5, CSS und JavaScript
PhoneGap App-Entwicklung mit HTML5, CSS und JavaScript

2 Inhalt Was ist PhoneGap Funktionsweise Unterstützte BS Architektur
JS Frameworks & Plugin Entwicklungsumgebungen Vor- Nachteile Fazit

3 PhoneGap Open Source Framework zur Entwicklung von mobilen Anwendungen
von Nitob entwickelt (von Adobe aufgekauft ) erste Version 2005 veröffentlicht

4 Funktionsweise

5 Funktionsweise App mit HTML5, CSS und JavaScript entwickeln -> Web-App PhoneGap Wrapper wandelt den Code für die jeweilige Plattform um (Rendervorgang) -> Native App Zugriff auf Hardware-Komponenten (Kamera, GPS, etc.) des Endgerätes mittels eigener API möglich

6 Unterstützte Plattformen
iOS Android BlackBerry OS WebOS Alle Gerätefunktionen für iOS, Android und Windows Phone 7 implementiert Für andere Plattformen nicht alle Gerätefunktionen verfügbar Windows Phone 7 Symbian Bada

7

8

9 JS Frameworks & Plugins
ermöglicht das Einsetzen diverser JavaScript Frameworks, wie z.B. jQueryMobile, SenchaTouch oder das ebenfalls von Nitobi entwickelte XUI Erlaubt plattformspezische Plugins für die entwickelte Anwendung zu implementieren

10

11 Entwicklungsumgebungen
Dreamweaver ab CS > PhoneGap ist direkt eingebunden -> Build Service ist integriert native Entwicklungsumgebung -> SDK installieren + PhoneGap -> im assets-Ordner einen Ordner www anlegen und dort die JS-Dateien abspeichern -> java-Klasse von DroidGap ableiten (extends) -> super.loadURL(„file:///android_asset/www/index.html)

12 Vor- und Nachteile

13 Fazit Anforderungen an die App zuerst genau analysieren
Alles mit Phonegap umsetzbar? PhoneGap für „kleine“ Apps geeignet Für Performanz und spezielle Features sind native Entwicklungen besser

14 Quellen Internet: Buch: PhoneGap: Mobile Cross-Plattform-Entwicklung mit Apache Cordova & Co (Marcus Ross)

15 Quellen Seminararbeit : „Vergleich der Cross-Plattform Mobile Development Frameworks Rhodes und PhoneGap im Kontext der Entwicklung einer Telematik Applikation für SyncroSupply (Johannes Korrek) Seminararbeit : „App Entwicklung mit Hilfe von Phonegap“ (Jennifer Beckmann)


Herunterladen ppt "App-Entwicklung mit HTML5, CSS und JavaScript"

Ähnliche Präsentationen


Google-Anzeigen