+ All Categories
Home > Documents > App-Entwicklung mit HTML5, CSS und JavaScript. Inhalt Was ist PhoneGap Funktionsweise Unterstützte...

App-Entwicklung mit HTML5, CSS und JavaScript. Inhalt Was ist PhoneGap Funktionsweise Unterstützte...

Date post: 06-Apr-2015
Category:
Upload: wolfram-kassinger
View: 107 times
Download: 0 times
Share this document with a friend
15
PhoneGap App-Entwicklung mit HTML5, CSS und JavaScript
Transcript
Page 1: App-Entwicklung mit HTML5, CSS und JavaScript. Inhalt Was ist PhoneGap Funktionsweise Unterstützte BS Architektur JS Frameworks & Plugin Entwicklungsumgebungen.

PhoneGapApp-Entwicklung mit HTML5, CSS und JavaScript

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

InhaltWas ist PhoneGapFunktionsweiseUnterstützte BSArchitekturJS Frameworks & PluginEntwicklungsumgebungenVor- NachteileFazit

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

PhoneGapOpen Source Framework zur Entwicklung

von mobilen Anwendungen

von Nitob entwickelt (von Adobe aufgekauft )

erste Version 2005 veröffentlicht

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

Funktionsweise

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

FunktionsweiseApp 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

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

Unterstützte PlattformeniOSAndroidBlackBerry OSWebOS

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

SymbianBada

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

JS Frameworks & Pluginsermö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

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

EntwicklungsumgebungenDreamweaver 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)

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

Vor- und Nachteile

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

FazitAnforderungen 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

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

QuellenInternet:

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)

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

QuellenSeminararbeit :

„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)


Recommended