App-Entwicklung mit HTML5, CSS und JavaScript

Slides:



Advertisements
Ähnliche Präsentationen
HTML5 Die Zukunft von OpenROAD
Advertisements

GWT - google Web Toolkit
Semesterarbeit von Dieter Lorenz, Sebastian Galenski, Stephan Bury
Eclipse.
Überblick Themenvorschlag „Virtuelles Studio“ Mobile Plattformen.
Inhalt – Technische Grundlagen
Web 2.0 und RIAs - Adobe Air1 Seminar: Web 2.0 und Rich Internet Applications Wintersemester 2007/2008 Daniel Thaidigsmann
Datenbankzugriff im WWW (Kommerzielle Systeme)
Stefanie Selzer - Pascal Busch - Michael Kropiwoda
Java: Grundlagen der Sprache
Virtuelle Forschungsumgebungen Hintergrundbeitrag: HTML5: Video Player und VideoJS Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung.
Ein mobiler OPAC auf Basis des Produktivsystems Andreas Neumann · D - IT March 10.
Ergebnisse Technologie Analyse St. Gallen, 02/2011
PPS-Design einer eigenen WWW-Homepage SS 2003 Applets.
Eine Präsentation von Dario Müller © 2012
08. September 2010Entwicklungsstrategien in Liferay 1 Christian Krause, URZ FSU Jena, IDM-Arbeitsgruppe.
Einführung in die App- Programmierung Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung Medien zwischen Technik und Gesellschaft.
Einführung / Geschichte Einführung / Geschichte Motivation Motivation Beispiel Beispiel Architektur / Komponenten Architektur / Komponenten Konfiguration.
Mobile Uni-App UNISG Page 1 Ergebnisse Funktionsbedarf St. Gallen, 02/2011 Institute of Information Mgmt., University of St. Gallen, Chair of.
1 Teil 2 Einblicke in Exchange 2003 (Basis Beta 2)
Outputter Engine. Ausgangslage 10 jähriges Web Framework Veraltete User Controls Schlechte Unterstützung für mobile Geräte Bestehende Applikationen /
Daniel Yves Ostwald …vor 6 Monaten Bob C# Silverlight ! ASP.NET WCF ? iPad Objective C HTML 5 In 3 Tagen ! Mono.
Traildevils Mobile Web-App X-Platform Stefan Oderbolz Jürg Hunziker 16. Dezember 2011.
Präsentation von Sonja Pathe
Basiswissen für Partner und interessierte Kunden Technologie.
HTML-Editoren Eine Präsentation von Erik Kulisch.
Umweltdaten via Smartphone
Your name Bedeutung von Internet- Technologien Gruppe 1 Andreas Feuerstein Philipp Hochratner Christian Weinzinger.
RATEME Suchen und Bewerten von Ausgangsorten. Inhalt RateMe - Pirmin Schürmann, Thomas Junghans - Hochschule für Technik Zürich 2 Unser Ziel.
RATEME Suchen und Bewerten von Ausgangsorten. Inhalt RateMe - Pirmin Schürmann, Thomas Junghans - Hochschule für Technik Zürich 2 Ausgangslage.
RATEME Suchen und Bewerten von Ausgangsorten. Inhalt RateMe - Pirmin Schürmann, Thomas Junghans - Hochschule für Technik Zürich 2 Ausgangslage.
Developer Day Office APPs entwicklen Simon Amrein Trivadis AG Die ersten Schritte in eine neue Office-Welt.
Vergleich verschiedener Konzepte für das Software Engineering Praktikum.
CGI (Common Gateway Interface)
Phonegap/Cordova Plattformübergreifende mobile Anwendungen
Uwe Habermann Venelina Jordanova dFPUG-CeBIT-Entwicklertreffen
VU Semistrukturierte Daten 1
Windows Server 2012 R2 Upgrade-Potential
Oliver Lietz – Mobile Software Mobile Software Ausgewählte Themen Software (ATS) Beuth-Hochschule SS 2010 Oliver Lietz Dipl.-Ing.
Google Android.
RATEME Suchen und Bewerten von Ausgangsorten. Inhalt RateMe - Pirmin Schürmann, Thomas Junghans - Hochschule für Technik Zürich 2 Unser Ziel.
RATEME Suchen und Bewerten von Ausgangsorten. Inhalt RateMe - Pirmin Schürmann, Thomas Junghans - Hochschule für Technik Zürich 2 Unser Ziel.
RATEME Suchen und Bewerten von Ausgangsorten. Inhalt RateMe - Pirmin Schürmann, Thomas Junghans - Hochschule für Technik Zürich 2 Unser Ziel.
Infoscreen 2.0.
© Zühlke 2012 Oliver Brack Romano Roth iOS, Android, WP7: Alle nativ auf einen Streich Fragenkatalog zu umgesetzten Apps 27. September 2012 Folie 1.
Romano Roth & Oliver Brack Zühlke Engineering AG.
Quellen: Internet INTRANET Ausarbeitung von Sven Strasser und Sascha Aufderheide im Modul Netzwerktechnik, Klasse INBS Mai 2003.
SENSOREN MOBILER DEVICES Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung AM1 Hauptseminar: Re-usable Content in 3D und.
Web und Mobile Apps Programmieren Marco Jakob Kurzvortrag OSS an Schulen
Agenda 1. Definition Smartphone App Seite 2 2.
Workshop native mobile Entwicklung
© Zühlke 2013 Romano Roth Workshop 6 (ws6C) native Entwicklung für mobile Geräte Einführung 18. February 2013 Folie 1 von 26.
Webserver Apache & Xampp Referenten: Elena, Luziano und Sükran
© Zühlke 2013 Philipp Kälin Workshop Entwickeln von Apps für die Android Plattform 29. April Mai Mai April 2013.
© Zühlke 2013 Romano Roth Workshop 6 (ws6C) native Entwicklung für mobile Geräte Lektion 1: Bedürfnissen 18. February 2013 Folie 1 von 19.
Voraussetzungen Wichtig: Bitte Xamarin Studio, SDK’s und Emulatoren vor dem Workshop installieren Xamarin Studio 5.9 ( Xamarin Business.
CC-BY-NC-SA 4.0 Sebastian Liebscher, Frank Schulze MOBILE APPS / TELEFONEINBINDUNG – , 16 Uhr Sebastian Liebscher Technische Universität Dresden.
Mobile-Applikationen mit Agisviewer-Technologie Urs Richard, Stadtlandfluss.
Erfolgreich auf und durch iPhone, Smartphone und Co. Mit Hilfe von Apps zu neuen Kunden 28. März 2012 Marc Brauel, Onwerk GmbH.
Hype oder Markt mit Zukunft Marc Brauel - Onwerk GmbH 12. Oktober 2010.
© WZL/Fraunhofer IPT Entwicklung einer Profilbörse für Konfigurationen von Smartphones Vortrag der Seminararbeit von Patrick Posor Aachen, den
Einführung in das mobile Betriebssystem Android 1 Einführung in das mobile Betriebssystem Android „ We're talking about a platform where for the first.
Annotationssysteme ____________________________________________________________________ Universität zu Köln | Historisch-kulturwissenschaftliche Informationsverarbeitung.
Inhaltsverzeichnis Was ist bsozial? Ziele Ressourcen Frontend API ER-Modell Qualitätssicherung Gantt Diagramm Fazit 1.
OpenLayers FEATURES DATENQUELLEN
Google App Engine - Technische Stärken und Schwächen
Realisierung einer mobilen Web App für iOS/Android
Universität zu Köln | Hauptseminar Annotationssysteme
Digitalisierung des Aachener Karnevals mit Hilfe einer App
 Präsentation transkript:

App-Entwicklung mit HTML5, CSS und JavaScript 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 von Nitob entwickelt (von Adobe aufgekauft ) erste Version 2005 veröffentlicht

Funktionsweise

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

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

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

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)

Vor- und Nachteile

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

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)

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)