Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

App-Entwicklung mit HTML5, CSS und JavaScript. Inhalt Was ist PhoneGap Funktionsweise Unterstützte BS Architektur JS Frameworks & Plugin Entwicklungsumgebungen.

Ähnliche Präsentationen


Präsentation zum Thema: "App-Entwicklung mit HTML5, CSS und JavaScript. Inhalt Was ist PhoneGap Funktionsweise Unterstützte BS Architektur JS Frameworks & Plugin Entwicklungsumgebungen."—  Präsentation transkript:

1 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 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 5.5 -> 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: fom.de/index.php/Plattformunabh%C3%A4ngie_Sma rtphone-Entwicklung_auf_Basis_von_Web- Technologien 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. Inhalt Was ist PhoneGap Funktionsweise Unterstützte BS Architektur JS Frameworks & Plugin Entwicklungsumgebungen."

Ähnliche Präsentationen


Google-Anzeigen