Apps entwickeln mit HTML und Javascript



Ähnliche Dokumente
Präsentation Von Laura Baake und Janina Schwemer

App Entwicklung mit Hilfe von Phonegap. Web Advanced II - SS 2012 Jennifer Beckmann

Ein mobiler Electronic Program Guide

Mobile Angebote Strategie einer Verwaltung. Freie und Hansestadt Hamburg Dr. Ursula Dankert

Webseiten werden mobil Planung geht vor

Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap

Eine App, viele Plattformen

Zentrale Informatik. Cross-platform Apps. Andrea Grössbauer David Meier. 11/11/15 Lunchveranstaltungen HS16 - Crossplatform Apps 1

Installation von NetBeans inkl. Glassfish Anwendungs-Server

2. ERSTELLEN VON APPS MIT DEM ADT PLUGIN VON ECLIPSE

Facebook I-Frame Tabs mit Papoo Plugin erstellen und verwalten

Workshop I. Technische Differenzierung mobiler Kommunikationslösungen am Beispiel NPO/NGO Kommunikation. 7. Juni 2011

PLATTFORMÜBERGREIFENDE ENTWICKLUNG VON APPS

Ihr IT-Dienstleister aus Bonn

Use Cases, Mockups, Prototyping Von der Idee zur App

Appery.io Mobile Apps schnell und einfach entwickeln

Programmierung mobiler Geräte

Mobile: Die Königsfrage

HTML5- Apps. für iphone und Android. HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps

HTML5. Die Zukunft mobiler geodatenbasierter Anwendungen? Dipl.-Inf. Steve Schneider. Fraunhofer-Institut für Fabrikbetrieb und -automatisierung IFF

Architekturen mobiler Multi Plattform Apps

Vaadin TouchKit. W3L AG

EPO Consulting GmbH. Ihr Partner für HTML5 und SAP UI5 Apps. Stand 2015/04. EPO Consulting GmbH - 1 -

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools

White-Label-Apps für Werbe- und Mediaagenturen Nutzen Sie Ihren Namen und unser Know-How.

IT- Wir machen das! Leistungskatalog. M3B Service GmbH Alter Sportplatz Lake Schmallenberg

Cross Plattform App Developement. Simon Groth

Anleitung mtan (SMS-Authentisierung) mit SSLVPN.TG.CH

Flowy Apps. Wolfgang-Heilmann-Preis another kind of working Flowy Apps GmbH Fraunhoferstraße Kiel flowyapps.

Mobile Kartenanwendungen im Web oder als App?

STATUS QUO DER APP-ENTWICKLUNG

Der einfache Weg zum CFX-Demokonto

mobile Die Vertriebs-App für den mobilen Außendienst Messekongress IT für Versicherungen Leipzig 2013

Ein mobiler Electronic Program Guide für Android

Abschlussarbeiten für StudentInnen

Go-Mobile-Strategien für Early Birds und Late Risers Benno Bartels, Enterprise Application Day, web mobile specialists

Der Weg zur eigenen App

Die perfekte Online-Hilfe auf Basis von HTML5 und Open-Source- Komponenten. Jochen Marczinzik , tekom Führjahrstagung

Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden.

CONTEXT IS KING AND DEVICE IS QUEEN! IN DER MOBILEN MARKENKOMMUNIKATION. 21TORR Interactive GmbH

Relution Enterprise Appstore. Enable Enterprise Mobility. 2.5 Release Note

GeoPilot (Android) die App

eridea AG Installation Eclipse V 1.4

ANLEITUNG GERÄTEREGISTRATION AN KRZ.SMK

Herzlich willkommen bei der Installation des IPfonie -Softclients!

TeamViewer App für Outlook Dokumentation

2 Die Terminaldienste Prüfungsanforderungen von Microsoft: Lernziele:

App Entwicklung für Android F O R T G E S C H R I T T E N E P R O G R A M M I E R U N G I N J A V A

Informationen zur Verwendung von Visual Studio und cmake

Vorwort. 1 Einleitung und Grundlagen 1

Internet Explorer Version 6

ANLEITUNG GERÄTEREGISTRATION AN KRZ.SMK IOS

Apache - Maven. Java-Erstellung auf Plugin-Basis. Martin Hoffmann

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages

Ferngesteuerte Logistikprozesse

Zentrale mit Außendienst und Notebooks

Universal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite.

Virtual Private Network

Konzeption und Entwicklung einer mobilen Web-Applikation aus dem XML-Datenexport eines Redaktionssystems

Web-basierte Benutzerschnittstellen für Embedded Systeme: Eine Benutzerschnittstelle drei Sichtweisen

ABT App Based Training Framework

APEX und Phonegap? Das kann APEX doch mit HTML5! APEX connect Düsseldorf, 10. Juni 2015 Daniel Horwedel. APEX und Phonegap?

Schüler-E-Tutorial für mobile Endgeräte. Ein Folgeprojekt des Netzwerks Informationskompetenz Berlin/Brandenburg mit der HdM

Erste Schritte mit Sharepoint 2013

Plattformunabhängige App-Entwicklung - Eine für alle?

FritzCall.CoCPit Schnelleinrichtung

Java Entwicklung für Embedded Devices Best & Worst Practices!

Anleitung zur Webservice Entwicklung unter Eclipse

Installation Wawi SQL in Verbindung mit Microsoft SQL Server 2008 R2 Express with management Tools

Einrichtung des Cisco VPN Clients (IPSEC) in Windows7

Marcus Ross. PhoneGap. Mobile Cross-Plattform-Entwicklung mit Apache Cordova & Co. dpunkt.verlag

G DATA INTERNET SECURITY FÜR ANDROID

INHALT 1. INSTALLATION DES V-MODELL XT UNTER WINDOWS 7 2. INSTALLATION DES V-MODELL XT UNTER WINDOWS VISTA

Moderne Benutzeroberflächen für SAP Anwendungen

Hochschul-App Uni Hohhenheim Case Study

REICHWEITENMESSUNG FÜR MOBILE MEDIEN

Wiederherstellen der Beispieldatenbanken zum Buch Microsoft Project 2010


SSI WHITE PAPER Design einer mobilen App in wenigen Stunden

1.3. Installation und Konfiguration von Filr Desktop

Installation SelectLine SQL in Verbindung mit Microsoft SQL Server 2012 Express with management tools

Content-Verwertungsmodelle und ihre Umsetzung in mobilen Systemen

Business Application Framework für SharePoint Der Kern aller PSC-Lösungen

Christian Immler. Der Crashkurs für Android, und Windows Phone. Mit 309 Abbildungen

Anleitung Redmine. Inhalt. Seite 1 von 11. Anleitung Redmine

Apple Train the Trainer 08 Developer Programs. Josef Kolbitsch

Herzlich Willkommen! Vorwort

Der schnelle Weg zu Ihrer eigenen App

eridea AG Installation Eclipse V 1.1

Abschlussvortrag zur Diplomarbeit

MARKTANTEILE DER 3 BETRIEBSSYSTEME, PROGNOSE 2015

Transkript:

Apps entwickeln mit HTML und Javascript Framework "PhoneGap" (Apache Cordova) Apps für diverse Mobil-Plattformen (Android, ios, etc.) Apps als Web-Anwendung Vor- und Nachteile zu nativen Apps. Frank Bartels frank-bartels-kiel.de

Wege zu Cross-Plattform-App-Entwicklung mit Javascript PhoneGap/Cordova: App als HTML5 App im Frame Titanium Mobile (Produkt) (Fa.: Appcelerator) Steuert native Oberflächenelemente an Große Binaries: Bibliothek und eigener Javscript-Interpreter

Unterbau der Installation Java Eclipse als IDE (nicht notwendig)

Bsp. Android Android SDK AVDs (Simulator) Entwicklung unter Linux möglich

PhoneGap/Cordova Kompatibilitätsbibliothek Javscript-Code erhält Zugriff auf native Funktionen * Javascript-Objekte/Funktinen werden in die WebView integriert * Eine Verbindung über einen HTTP-Server Praktisch...

Kompatibilitätsbibliothek, praktisch Erstellen: Android-Projekt Einbauen: Bibliothek cordova...jar Einbauen: Javascript-Bibliothek cordova...js Zu machen: Modifikation des Java- Hauptprogramms (MainActivity.java: DroidGap statt Activity) Zu machen: XML-Konfigurationsdateien AndroidManifest.xml, config.xml Zu machen: Resourcen ggf. für einzelne Plattformen (Icons...)

Hilfskomponenten Javascript-Framework (ggf. Arbeitserleichterung, Kompression, Design automatisch Cross-Plattform) Qooxdoo mobile, Jquery,... Debugger "weinre" (wenig Features) Client-Server Modell: 1. Http-Server für Vermittlung der Daten (node.js, npm) 2. Webbrowser-Client mit Benutzeroberfläche 3. Zu debuggende App (Target) Unter Android: adb: Dateien kopieren,programme starten etc.

Hilfskomponenten System ist eigentlich nur ein Plugin-System Wichtigste Plugins im Grundsystem für alle Plattformen enthalten Leicht eigene Plugins nachrüstbar kontinuierlicher Übergang zu nativen Apps Leider auch oft nötig...

Vorteile Cross-Plattform für viele Plattformen Web-App evtl. sogar für Desktop-Browser Javascript überall (Web, App, Server) Kleine Pakete (ca.180k + Konf. + Bilder + HTML5-App, noch etwas komprimiert (apk))

Nachteile Look and feel meist nicht gleichwertig mit nativen Apps. Komplexes Gebilde: Java + Eclipse + Android SDK + Cordova + Javascript- Frameworks + Debugger(weinre+node.js) + eigene Plugins per Plattform Bei immer mehr Features überschneidung mit HTML5-Browserföhigkeiten (z.b. localstorage)

Spezielle (evtl. temporäre) Probleme Bei Installation des Gesamtsystems und beim Anlegen eines Projekts ist Handarbeit erforderlich und es kann einiges schief gehen, dann nicht einfach zu lösen, AVDs laufen auf langsamen Rechnern nicht ordentlich Vieles noch nicht wirklich gelöst... Web-Links nicht bequem an Browser delegierbar, im Frame selbst geht es auch nicht wirklich Wecker stellen erfordert Plugin, das nicht ganz einheitlich und nicht auf jeder Plattform verfügbar ist Touch/move/release selbst auswerten kann komplex werden Bildschirmgröße ermitteln: Leichte Unklarheiten bei Apps, größere bei Web-Apps Orientationchange: kein Event in Doku zu finden

Hilfskomponenten System ist eigentlich nur ein Plugin-System Wichtigste Plugins im Grundsystem für alle Plattformen enthalten Leicht eigene Plugins nachrüstbar kontinuierlicher Übergang zu nativen Apps Leider auch oft nötig...

Apps entwickeln mit HTML und Javascript das war's Framework "PhoneGap" (Apache Cordova) Apps für diverse Mobil-Plattformen (Android, ios, etc.) Apps als Web-Anwendung Vor- und Nachteile zu nativen Apps. Frank Bartels frank-bartels-kiel.de