1 / 15

PhoneGap

PhoneGap. App -Entwicklung mit HTML5, CSS und JavaScript. Inhalt. Was ist PhoneGap Funktionsweise Unterstützte BS Architektur JS Frameworks & Plugin Entwicklungsumgebungen Vor- Nachteile Fazit. PhoneGap. Open Source Framework zur Entwicklung von mobilen Anwendungen

emmett
Download Presentation

PhoneGap

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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üranderePlattformennichtalleGerätefunktionen verfügbar • Windows Phone 7 • Symbian • Bada

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

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

  9. Vor- und Nachteile

  10. 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

  11. Quellen • Internet:http://winfwiki.wi-fom.de/index.php/Plattformunabh%C3%A4ngie_Smartphone-Entwicklung_auf_Basis_von_Web-Technologien • Buch:PhoneGap: Mobile Cross-Plattform-Entwicklung mit Apache Cordova & Co (Marcus Ross)

  12. 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)

More Related