HTML5 und das Framework jquery Mobile

Größe: px
Ab Seite anzeigen:

Download "HTML5 und das Framework jquery Mobile"

Transkript

1 HTML5 und das Framework jquery Mobile Seminarvortrag Naeema Anees Betreuer: Prof. Ulrich Stegelmann Dipl.-Inform. Axel Blum

2 Einleitung Vielfalt an mobilen Geräten Verschiedene Betriebssysteme Verschiedene Architekturen für native Apps HTML Native App vs. Webapp 2

3 GRUNDLAGEN DER WEBPROGRAMMIERUNG 3

4 Webserver Bereitstellung von Webanwendungen Webseiten Grafiken Abruf über HTTP-Protokoll durch Browser 4

5 HTTP-Protokoll HyperText Transfer Protocol 5

6 HTML HyperText Markup Language HTML-Dokumente Inhalt (WAS) Struktur des Inhaltes (WO) Darstellung durch Browser Versionen 6

7 JavaScript Skriptsprache Einsatz: vorwiegend clientseitig plattformunabhängig Einbindung in HTML-Dokument Sandbox 7

8 CSS Cascading Style Sheets Design der Inhalte (WIE) Erstellung von Vorlagen 8

9 Softwareentwicklung für mobile Endgeräte Merkmal Desktop PC Mobiles Endgerät Konsequenzen Displayauflösung Standard: 1280x1024 Pixel zwischen 240x400 & 800x400 Pixel Übersichtlichkeit Erkennbarkeit Orientierung Bedienung Netzwerkverbind ung Rechenleistung Querformat Meist LAN Größenordnung GFLOPS Portrait & Landscape WLAN oder UMTS Lokaler Puffer Begrenzung Größenordnung MFLOPS Anpassung Maus & Tastatur Touchscreen Bedienbarkeit Größe der Buttons Einfachheit 9

10 HTML5, CSS3 und JavaScript-APIs World Wide Web Consortium (W3C) W3C Recommendations HTML Aktueller Standard: HTML 4 (seit 1999) Neueste Version: HTML5 (seit 2009) 10

11 Offline-Speicherung von Webapplikationen Cache und Cache Manifest JavaScript-API Web Storage (clientseitiges Speichern) sessionstorage localstorage exklusiver Speicherbereich pro Webseitendomäne 11

12 Das JavaScript Framework jquery Mobile Basiert auf jquery Ziel: Breite Unterstützung auch älterer Browser Definierung weiterer Attribute Kleine Dateigröße 12

13 Das JavaScript Framework jquery Mobile CSS-Datei Vorgegebene Designs Auswahl aus mehreren Themes 13

14 APPENTWICKLUNG FÜR DAS APPLE-BETRIEBSSYSTEM ios 14

15 Native Apps Programmiersprache Objective-C Entwicklungsumgebung XCode Cocoa Touch API Vertrieb über App Store kostenpflichtig 15

16 Vergleich von Webapps mit nativen Apps Kriterium/Merkmal Webapp Native App Offline - Fähigkeit Hardware - Zugriff Entwicklungsumgebung gegeben( ca. 5MB Web Storage) eingeschränkt voll gegeben möglich Editoren XCode (nur mit Mac OS X) nötiges Know - How Wiederverwendbarkeit (Code, Logik) Zugriff plattform - und geräteunabhängig Vertrieb JavaScript, HTML5, CSS3 möglich Webbrowser ( Lesezeichen ) ja Entwickler zuständig Objective -C, Cocoa Touch API eingeschränkt möglich automatisch auf Homescreen sichtbar nein App Store 16

17 Fazit Pro Webapp: Plattform- und Geräteunabhängigkeit Pro native App: Hardwarenähe, Vermarktungsmöglichkeit Hybridlösungen HTML5 alleine statisch 17

18 Ausblick Bachelorarbeit: Entwicklung eines mobilen Softwaresystems Verarbeitung von Barcodes Erfassung weiterer Daten Senden an Server (wenn online) Weiterverarbeitung auf Server 18

19 Quellen HTML5 Logos, Matthew David: HTML5 MobileWebsites - Turbocharging HTML5 with jquery Mobile, Sencha Touch, and Other Frameworks, Focal Press, 2012 ios - Cocoa Touch, W3C: Web Storage, Florian Oelmaier, Jochen Hörtreiter, Andreas Seitz: Apple's ipad im Enterprise-Einsatz: Einsatzmöglichkeiten, Programmierung, Betrieb und Sicherheit im Unternehmen, 1.Auflage Springer Berlin Heidelberg, 16. Dezember

20 Vielen Dank für Ihre Aufmerksamkeit! Haben Sie noch Fragen? 20

Web Apps. Offlinefähige mobile Webapplikationen mit XPages als Alternative zu nativen Apps Thomas Brandstätter /

Web Apps. Offlinefähige mobile Webapplikationen mit XPages als Alternative zu nativen Apps Thomas Brandstätter / Web Apps Offlinefähige mobile Webapplikationen mit XPages als Alternative zu nativen Apps Thomas Brandstätter / 07.06.2013 Vielleicht kennen Sie das auch? Sie haben in Ihrem Unternehmen eine Web- oder

Mehr

Mobile Kartenanwendungen im Web oder als App?

Mobile Kartenanwendungen im Web oder als App? Mobile Kartenanwendungen im Web oder als App? Agenda Anforderungen an eine mobile Kartenanwendung Warum mobile Anwendungen? Mobil ist nicht genug! Knackpunkte bei der Entwicklung mobiler Kartenanwendungen

Mehr

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

Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap Proseminar Objektorientiertes Programmieren mit.net und C# Florian Schulz Institut für Informatik Software & Systems Engineering Einführung Was hat Cross-Plattform

Mehr

Eine App, viele Plattformen

Eine App, viele Plattformen Eine App, viele Plattformen Anwendungsentwicklung für Mobile Heiko Lewandowski 23.04.2013 EINLEITUNG Festlegung App-Strategie: Welche Ziele möchte ich erreichen? Die Vielzahl der Plattformen und Geräte(hersteller)

Mehr

Architekturen mobiler Multi Plattform Apps

Architekturen mobiler Multi Plattform Apps Architekturen mobiler Multi Plattform Apps Wolfgang Maison & Felix Willnecker 06. Dezember 2011 1 Warum Multi- Plattform- Architekturen? Markt. Apps für Smartphones gehören zum Standardinventar jeder guten

Mehr

WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012

WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012 WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012 AGENDA 1. Native versus webbasierte Apps 2. HTML5 & CSS3 1. Media Queries 2. Geolocation

Mehr

» Technologien, Trends, Visionen Architekturen für mobile Anwendungen

» Technologien, Trends, Visionen Architekturen für mobile Anwendungen » Technologien, Trends, Visionen Architekturen für mobile Anwendungen Juri Urbainczyk Forum A:gon meets Technology 08. September 2011 Agenda» Status und Entwicklung des mobilen Marktes» Besonderheiten

Mehr

Präsentation Von Laura Baake und Janina Schwemer

Präsentation Von Laura Baake und Janina Schwemer Präsentation Von Laura Baake und Janina Schwemer Gliederung Einleitung Verschiedene Betriebssysteme Was ist ein Framework? App-Entwicklung App-Arten Möglichkeiten und Einschränkungen der App-Entwicklung

Mehr

HTML5 und das Framework jquery Mobile

HTML5 und das Framework jquery Mobile HTML5 und das Framework jquery Mobile Seminararbeit im Wintersemester 2011/12 Fachhochschule Aachen Standort Jülich Fachbereich Medizintechnik und Technomathematik Studiengang Scientic Programming Naeema

Mehr

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

Workshop I. Technische Differenzierung mobiler Kommunikationslösungen am Beispiel NPO/NGO Kommunikation. 7. Juni 2011 Workshop I Technische Differenzierung mobiler Kommunikationslösungen am Beispiel NPO/NGO Kommunikation 7. Juni 2011 Übersicht è Native Apps è Web-Apps è Mobile Websites è Responsive Design Mobile Kommunikation

Mehr

Die Webtechnologien PHP und ASP.NET im Vergleich

Die Webtechnologien PHP und ASP.NET im Vergleich 20.1.2010 Vortrag zur Seminararbeit Die Webtechnologien PHP und im Vergleich Autor: Janina Jansen 1. Betreuer: Prof. Dr. Ing. Andreas Terstegge 2. Betreuer: Marion Brandt-Röhrig, M.A. Inhalt: Motivation

Mehr

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

HTML5- Apps. für iphone und Android. HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps Markus Spiering / Sven Haiges / Rene Scholze HTML5- Apps für iphone und Android HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps 5 Inhaltsverzeichnis

Mehr

Mainsaver Anwendung auf mobilen Geräten. Steve Unger

Mainsaver Anwendung auf mobilen Geräten. Steve Unger Mainsaver Anwendung auf mobilen Geräten Steve Unger Agenda Agenda -Warum mobil arbeiten -Die Mobile Welt -Web Apps -MobileMainsaver 3.0 - Ausblick Warum mobil arbeiten Nutzen Globale Verfügbarkeit von

Mehr

Ursprung des Internets und WWW

Ursprung des Internets und WWW Ursprung des Internets und WWW Ende der 60er Jahre des letzten Jahrtausends wurde in den USA die Agentur DARPA (Defense Advanced Research Projects Agency) gegründet, mit dem Ziel den Wissens und Informationsaustausch

Mehr

Webseiten werden mobil Planung geht vor

Webseiten werden mobil Planung geht vor Webseiten werden mobil Planung geht vor Mobiles Web Aspekte der Planung 20. April 2012 Inhaltliche Schwerpunkte Einordnung mobiler Technologien Besonderheiten mobiler Touchscreen-Geräte Best Practices

Mehr

Ein mobiler Electronic Program Guide

Ein mobiler Electronic Program Guide Whitepaper Telekommunikation Ein mobiler Electronic Program Guide Ein iphone Prototyp auf Basis von Web-Technologien 2011 SYRACOM AG 1 Einleitung Apps Anwendungen für mobile Geräte sind derzeit in aller

Mehr

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

Plattformunabhängige App-Entwicklung - Eine für alle? Plattformunabhängige App-Entwicklung - Eine für alle? AGENDA Kurze Firmenpräsentation: M&M Software GmbH Motivation Komponenten der plattformunabhängigen App-Entwicklung Vergleich der App-Arten Beispiele

Mehr

Öko APEX Hybride Lösung für Smartphones mit APEX und PhoneGap

Öko APEX Hybride Lösung für Smartphones mit APEX und PhoneGap Öko APEX Hybride Lösung für Smartphones mit APEX und PhoneGap Christian Rokitta themes4apex Utrecht, Niederlande Schlüsselworte Oracle Application Express, Apps, Smartphone, PhoneGap, HTML5, CSS, jquery

Mehr

Autorensysteme für mobile Anwendungen - Totgesagte leben länger. Prof. Dr. Michael Bauer 25.10. 2012 Autorensysteme

Autorensysteme für mobile Anwendungen - Totgesagte leben länger. Prof. Dr. Michael Bauer 25.10. 2012 Autorensysteme Autorensysteme für mobile Anwendungen - Totgesagte leben länger Was ist, was will ein Autor? Produzent interaktiver, multimedialer Inhalte geschlossene Einheiten (Apps) keine Grenzen für Kreativität Entwicklungs-

Mehr

Einführung mobile Entwicklungsplattform Neptune Application Designer Fink IT-Solutions Christian Fink, Andreas Hofmann 01.07.2014

Einführung mobile Entwicklungsplattform Neptune Application Designer Fink IT-Solutions Christian Fink, Andreas Hofmann 01.07.2014 Einführung mobile Entwicklungsplattform Neptune Application Designer Fink IT-Solutions Christian Fink, Andreas Hofmann 01.07.2014 Agenda 1 2 3 4 5 Unternehmensvorstellung Enterprise Mobility Mobile Lösungen

Mehr

Der SCHWEIZER WELTATLAS interaktiv als Web Applikation

Der SCHWEIZER WELTATLAS interaktiv als Web Applikation 16. Januar 2014 Der SCHWEIZER WELTATLAS interaktiv als Web Applikation Ein Prototyp realisiert mit ArcGIS API for JavaScript Masterarbeit am Institut für Kartografie und Geoinformation Leitung Prof. Dr.

Mehr

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

App Entwicklung mit Hilfe von Phonegap. Web Advanced II - SS 2012 Jennifer Beckmann App Entwicklung mit Hilfe von Phonegap Web Advanced II - SS 2012 Jennifer Beckmann http://www.focus.de/digital/internet/netzoekonomie-blog/smartphone-googles-android-laeuft-konkurrenz-in-deutschland-davon_aid_723544.html

Mehr

Inhaltsverzeichnis. Florence Maurice. Mobile Webseiten. Strategien, Techniken, Dos und Don'ts für Webentwickler. ISBN (Buch): 978-3-446-43118-8

Inhaltsverzeichnis. Florence Maurice. Mobile Webseiten. Strategien, Techniken, Dos und Don'ts für Webentwickler. ISBN (Buch): 978-3-446-43118-8 Inhaltsverzeichnis Florence Maurice Mobile Webseiten Strategien, Techniken, Dos und Don'ts für Webentwickler ISBN (Buch): 978-3-446-43118-8 ISBN (E-Book): 978-3-446-43279-6 Weitere Informationen oder Bestellungen

Mehr

Think Mobile Effiziente Entwicklungsstrategien im GIS. Kai Hoffmann, BTC AG

Think Mobile Effiziente Entwicklungsstrategien im GIS. Kai Hoffmann, BTC AG Think Mobile Effiziente Entwicklungsstrategien im GIS Kai Hoffmann, BTC AG Mobile Endgeräte Was ist zu beachten? In dieser Betrachtung Smartphone Tablet Unterschiedliche Hardwareausstattung Bildschirmgröße

Mehr

Mobile: Die Königsfrage

Mobile: Die Königsfrage Mobile: Die Königsfrage - Native App,Mobile Website oder doch Responsive Design? - Native App oder Mobile Website? Wer am Boom der mobilen Anwendungen teilhaben möchte, hat im Prinzip zwei Möglichkeiten:

Mehr

informatik ag IT mit klarer Linie S i e b e l O p e n U I

informatik ag IT mit klarer Linie S i e b e l O p e n U I informatik ag IT mit klarer Linie S i e b e l O p e n U I und Siebel auf mobilen Geräten www.ilume.de Siebel Open UI und Siebel auf mobilen Geräten Die Anforderungen an unternehmensweite Softwarelösungen

Mehr

CouchCommerce Online-Shops für Tablet Besucher optimieren, aber wie?

CouchCommerce Online-Shops für Tablet Besucher optimieren, aber wie? CouchCommerce Online-Shops für Tablet Besucher optimieren, aber wie? Wie Tablets die Post PC Commerce Ära einleiten Sie finden ein Video dieser Präsentation unter http://blog.couchcommerce.com/2012/06/03/couchcommerce-impressions-andvideo-from-the-shopware-community-day-2012/

Mehr

MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP)

MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP) MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP) Oliver Steinhauer.mobile PROFI Mobile Business Agenda MOBILE ENTERPRISE APPLICATION PLATFORM AGENDA 01 Mobile Enterprise Application Platform 02 PROFI News

Mehr

Vaadin TouchKit. W3L AG info@w3l.de 10.2012

Vaadin TouchKit. W3L AG info@w3l.de 10.2012 1 Vaadin TouchKit W3L AG info@w3l.de 10.2012 2 Inhaltsverzeichnis Einführung Software-Plattformen TouchKit-Plug-In Integrationsmöglichkeiten Vaadin-TouchKit-Projekt GUI-Komponenten Live-Demo Geräte-Unterstützung

Mehr

Süddeutsche Zeitung als digitale Ausgabe

Süddeutsche Zeitung als digitale Ausgabe Süddeutsche Zeitung als digitale Ausgabe Technische Spezifikationen für SZ-App- Anzeigen, Stand: 27.03.2015 Inhaltsübersicht 1. Einleitung und Anlieferungstermine S. 1 2. Anzeigen 2.1. Bildanzeigen statisch

Mehr

MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP)

MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP) MOBILE ENTERPRISE APPLICATION PLATFORM (MEAP) Oliver Steinhauer Markus Urban.mobile PROFI Mobile Business Agenda MOBILE ENTERPRISE APPLICATION PLATFORM AGENDA 01 Mobile Enterprise Application Platform

Mehr

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

mobile Die Vertriebs-App für den mobilen Außendienst Messekongress IT für Versicherungen Leipzig 2013 mobile Die Vertriebs-App für den mobilen Außendienst Messekongress IT für Versicherungen Leipzig 2013 mobile Olaf Bechtold WGV-Informatik und Media GmbH Leiter Key-Account-Management wgv Versicherungen

Mehr

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

HTML5. Die Zukunft mobiler geodatenbasierter Anwendungen? Dipl.-Inf. Steve Schneider. Fraunhofer-Institut für Fabrikbetrieb und -automatisierung IFF HTML5 Die Zukunft mobiler geodatenbasierter Anwendungen? Dipl.-Inf. Steve Schneider Fraunhofer-Institut für Fabrikbetrieb und -automatisierung IFF Gelsenkirchen, 7. Dezember 2011 Fraunhofer IFF Forschungsdienstleister

Mehr

Perspektiven: Spiele in ios

Perspektiven: Spiele in ios Perspektiven: Spiele in ios Universität zu Köln Historisch Kulturwissenschaftliche Informationsverarbeitung SS 2012 Reusable Content in 3D und Simulationssystemen Dozent: Prof. Dr. Manfred Thaller Referent:

Mehr

Falko Braune Präsentation - Hauptseminar Web Engineering Professur Verteilte und selbstorganisierende Rechnersysteme Technische Universität Chemnitz

Falko Braune Präsentation - Hauptseminar Web Engineering Professur Verteilte und selbstorganisierende Rechnersysteme Technische Universität Chemnitz Falko Braune Präsentation - Hauptseminar Web Engineering Professur Verteilte und selbstorganisierende Rechnersysteme Technische Universität Chemnitz - 19.12.2012 1. Einleitung 2. Technologie 3. Bewertung

Mehr

Frühling für iphone-apps

Frühling für iphone-apps Spring-basierte Backends für ios-applikationen Stefan Scheidt Solution Architect OPITZ CONSULTING GmbH OPITZ CONSULTING GmbH 2010 Seite 1 Wer bin ich? Software-Entwickler und Architekt Trainer und Coach

Mehr

Ursprung des Internets und WWW

Ursprung des Internets und WWW Ursprung des Internets und WWW Ende der 60er Jahre des letzten Jahrtausends wurde in den USA die Agentur DARPA (Defense Advanced Research Projects Agency) gegründet, mit dem Ziel den Wissens und Informationsaustausch

Mehr

JavaScript Frameworks für Mobile

JavaScript Frameworks für Mobile JavaScript Frameworks für Mobile MoBI Expertenrunde Usability, 1. März 2012 doctima GmbH JavaScript Frameworks für Mobile MoBI 1.3.2012 Edgar Hellfritsch Inhalt Native App-Entwicklung Klassische Web-Entwicklung

Mehr

Markus Spiering / Sven Haiges. 2. aktualisierte Auflage HTML5-A ZU. für iphone und Android. Mit 217 Abbildungen

Markus Spiering / Sven Haiges. 2. aktualisierte Auflage HTML5-A ZU. für iphone und Android. Mit 217 Abbildungen Markus Spiering / Sven Haiges 2. aktualisierte Auflage HTML5-A ZU für iphone und Android Mit 217 Abbildungen Inhaltsverzeichnis Einführung 11 1 Mobile Designprinzipien 23 1.1 Mobiles Web- und Anwendungsdesign

Mehr

Herzlich willkommen im Modul Web-Engineering

Herzlich willkommen im Modul Web-Engineering Herbst 2014 Herzlich willkommen im Modul Web-Engineering Wirtschaftsinformatik: 5. Semester Dozenten: Rainer Telesko / Martin Hüsler Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko

Mehr

Java.NET Web-Technologien Mobile

Java.NET Web-Technologien Mobile 2017 Java.NET Web-Technologien Mobile MATHEMA Training Seit mehr als 20 Jahren unterstützen wir unsere Kunden nicht nur mit hochqualifizierter Beratung sowie Entwicklungsleistung, sondern geben unser in

Mehr

Webdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de

Webdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de Webdesign Grundlagen Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de Bürokratie Termine & Kursliste & http://hawk.herrkraft.de Wer bin ich? michael kraft ba ma 2006 2012 hawk tutor interaction digital

Mehr

Lauter nützliche Apps!? Was sind Apps, und wie werden diese entwickelt?

Lauter nützliche Apps!? Was sind Apps, und wie werden diese entwickelt? Lauter nützliche Apps!? Was sind Apps, und wie werden diese entwickelt? Prof. Dr. Jörg R. Weimar, Fakultät Informatik 1 Smartphones Anwendungen Apps Prof. Dr. Jörg R. Weimar Wolfenbüttel Fakultät Informatik

Mehr

Möglichkeiten, Vorteile und Grenzen der Cross-Plattform-Entwicklung

Möglichkeiten, Vorteile und Grenzen der Cross-Plattform-Entwicklung Möglichkeiten, Vorteile und Grenzen der Cross-Plattform-Entwicklung iks Thementag Mobile Applikationen Es lebe die Vielfalt?! 18.06.2013 Autor: Jan Laußmann Agenda Warum Cross-Plattform entwickeln? Hybrid

Mehr

Projekte. Beratung. Spezialisten. FAQs zur Technik. IKS-Thementag FAQs zur Technik 1 61

Projekte. Beratung. Spezialisten. FAQs zur Technik. IKS-Thementag FAQs zur Technik 1 61 Projekte. Beratung. Spezialisten. FAQs zur Technik IKS-Thementag Autor: Jan Laußmann 12.04.2016 FAQs zur Technik 1 61 Agenda Development Distribution Push Notifications Google Analytics Security FAQs zur

Mehr

Entwicklung und Integration mobiler Anwendungen. Oracle Deutschland B.V. & Co. KG

Entwicklung und Integration mobiler Anwendungen. <Speaker> Oracle Deutschland B.V. & Co. KG Entwicklung und Integration mobiler Anwendungen Oracle Deutschland B.V. & Co. KG Global Users (Millions) Der Trend ist eindeutig. Trend zu mobilen Endgeräten Wachstum des mobilen Datenverkehrs

Mehr

Service Engineering. Übung 2c Einbindung von Web APIs in mobilen Applikationen Prof. Dr. Andreas Schmietendorf, André Nitze

Service Engineering. Übung 2c Einbindung von Web APIs in mobilen Applikationen Prof. Dr. Andreas Schmietendorf, André Nitze Service Engineering Übung 2c Einbindung von Web APIs in mobilen Applikationen 1 Aufgabenbeschreibung 2 Aufgabe 1 Entwickeln Sie auf der Basis von mind. 2 frei zu wählenden Web APIs eine mobile Applikation

Mehr

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

Web-basierte Benutzerschnittstellen für Embedded Systeme: Eine Benutzerschnittstelle drei Sichtweisen Web-basierte Benutzerschnittstellen für Embedded Systeme: Eine Benutzerschnittstelle drei Sichtweisen Klaus-Dieter Walter SSV Software Systems GmbH Dünenweg 5 D-30419 Hannover www.ssv-embedded.de kdw@ssv-embedded.de

Mehr

Integration mobiler Endgeräte in Medizinprodukte und Medizintechnik-nahe Produkte

Integration mobiler Endgeräte in Medizinprodukte und Medizintechnik-nahe Produkte Integration mobiler Endgeräte in Medizinprodukte und Medizintechnik-nahe Produkte Agenda Problemstellung Medizinprodukt App Grundlagen Szenarien (Problemstellungen und Lösungsansätze) 03.06.2013 2 Innovationen

Mehr

Wirtschaftsinformatik

Wirtschaftsinformatik Das mobile Internet als Vertriebsweg: Herausforderungen aufgrund von Heterogenität 1. Science meets Publishing-Konferenz Digital Media Business Innovative Produkt- und Vertriebskonzepte für Verlage 15.

Mehr

TUT1 Javascript-Frameworks zum Erstellen von plattformunabhängigen mobilen Anwendungen

TUT1 Javascript-Frameworks zum Erstellen von plattformunabhängigen mobilen Anwendungen TUT1 Javascript-Frameworks zum Erstellen von plattformunabhängigen mobilen Anwendungen tekom Frühjahrstagung 2012 Karlsruhe am 26.4. 2012 doctima GmbH JavaScript Frameworks für Mobile tekom 26.4.2012 Edgar

Mehr

Mobile App Testing. Software Test im mobilen Umfeld ATB Expertentreff, Wien, 2013. Functional Test Automation Tools

Mobile App Testing. Software Test im mobilen Umfeld ATB Expertentreff, Wien, 2013. Functional Test Automation Tools Functional Test Automation Tools Mobile App Testing Software Test im mobilen Umfeld ATB Expertentreff, Wien, 2013 Presenter: Christoph Preschern (cpreschern@ranorex.com) Inhalte» Ranorex Company Overview»

Mehr

ArcGIS Online Werkstatt II Wege zur eignen Webanwendung

ArcGIS Online Werkstatt II Wege zur eignen Webanwendung ArcGIS Online Werkstatt II Wege zur eignen Webanwendung Christiane Radies Esri Deutschland GmbH 26. Juni 2014, Stuttgart Agenda 1. Einbetten 2. Templates nutzen 3. API s 4. WebApp Builder 2 2014 Esri Deutschland

Mehr

FOSSGIS 2012, Dessau. GeoExt Mobile (GXM) GIS WebApps mit nativem Look and Feel für unterwegs. Marc Jansen, terrestris GmbH & Co.

FOSSGIS 2012, Dessau. GeoExt Mobile (GXM) GIS WebApps mit nativem Look and Feel für unterwegs. Marc Jansen, terrestris GmbH & Co. FOSSGIS 2012, Dessau GeoExt Mobile (GXM) GIS WebApps mit nativem Look and Feel für unterwegs Marc Jansen, terrestris GmbH & Co. KG 1 Gliederung Einleitung Begrifflichkeiten Was ist GXM? Was kann GXM? Beispiele

Mehr

1 Entwickeln mit PhoneGap

1 Entwickeln mit PhoneGap 1 1.1 Das Cross-Plattform-Problem Bevor ich mit Ihnen in die praktische Entwicklung einsteige, möchte ich Ihnen von einem kurzen Gespräch berichten, das sich vor einiger Zeit in der IT-Abteilung eines

Mehr

Offline Apps mit HTML5

Offline Apps mit HTML5 1 Offline Apps mit HTML5 Entwicklung vollständig offline-tauglicher Webanwendungen W3L AG info@w3l.de 2014 2 Agenda Motivation Situation unter HTML 4.01 Neuerungen durch HTML5 Technologie Offline-Technologien

Mehr

Vom Prototypen zur Anwendung

Vom Prototypen zur Anwendung Vom Prototypen zur Anwendung iks-thementag: Mobile Applikationen Ein Leitfaden für Unternehmen 17.05.2011 Autor: Ingo Röpling Agenda Was ist vorab zu beachten? Skills und Systemvoraussetzungen Implementierung

Mehr

Apps entwickeln mit HTML und Javascript

Apps entwickeln mit HTML und Javascript 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

Mehr

Mobile Webapps in kürzester Zeit: APEX mobile!

Mobile Webapps in kürzester Zeit: APEX mobile! Mobile Webapps in kürzester Zeit: APEX mobile! Carsten Czarski ORACLE Deutschland B.V. & Co KG Riesstr. 25, 80992 München Schlüsselworte APEX, Mobile Anwendungen, jquery Mobile Einleitung Anwendungen für

Mehr

Native App Design. Entwicklungsmethoden & deren Einfluss auf die Usability. Master-Seminar WS12/13 Karsten Nolte. Freitag, 8.

Native App Design. Entwicklungsmethoden & deren Einfluss auf die Usability. Master-Seminar WS12/13 Karsten Nolte. Freitag, 8. Native App Design Entwicklungsmethoden & deren Einfluss auf die Usability Master-Seminar WS12/13 Karsten Nolte Quelle: http://www.cloudsherpas.com/wp-content/uploads/2012/07/our-mobile-development-capabilities.jpg

Mehr

Immer mehr lebt mobil

Immer mehr lebt mobil Immer mehr lebt mobil mehr als 4.600.000.000 Mobilgeräte breite Verfügbarkeit neuer always-on und Apps Lifestyle 2 Trittsicher auf allen mobilen Pfaden mit HTML5 und jquery Mobile Mike Baird http://flickr.com/photos/mikebaird/482031103/

Mehr

Möglichkeiten, Vorteile und Grenzen der Cross-Plattform-Entwicklung

Möglichkeiten, Vorteile und Grenzen der Cross-Plattform-Entwicklung Möglichkeiten, Vorteile und Grenzen der Cross-Plattform-Entwicklung iks Thementag Mobile Applikationen Es lebe die Vielfalt?! 20.11.2012 Autor: Jan Laußmann Agenda Warum Cross-Plattform entwickeln? Hybrid

Mehr

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

APEX und Phonegap? Das kann APEX doch mit HTML5! APEX connect Düsseldorf, 10. Juni 2015 Daniel Horwedel. APEX und Phonegap? Das kann APEX doch mit HTML5! APEX connect Düsseldorf, 10. Juni 2015 Daniel Horwedel WGV-Horwedel, 10.06.2015 Agenda Vorstellung Strategien zur Entwicklung mobiler Anwendungen HTML 5 Elemente APIs Kamera

Mehr

Programmieren im Web 2.x

Programmieren im Web 2.x Programmieren im Web 2.x Ein Überblick über die Webentwicklung im Jahre 2011 Johannes Leers 26. März 2012 1 Motivation 2 Web-Frameworks 3 Mobile Computing 4 WebGL 5 Cloud Computing 6 Fazit Native Programme

Mehr

Use Cases, Mockups, Prototyping Von der Idee zur App

Use Cases, Mockups, Prototyping Von der Idee zur App Use Cases, Mockups, Prototyping Von der Idee zur App Dipl.-Päd. Sandro Mengel 08. November 2012 The Beginning: Idee & Fragestellungen Eine App... für welche Zielgruppe? mit welchen Inhalten oder Features?

Mehr

App-Entwicklung mit Titanium

App-Entwicklung mit Titanium Masterstudienarbeit Betreuung Prof. Dr. M. von Schwerin 1 Gliederung 1.Motivation 2.Aufgabenstellung 3.Projektbeschreibung 4.Projektstatusbericht 5.Fazit und Ausblick 2 1.Motivation Verbreitung von Smartphones

Mehr

distpaste Dein Browser gehört zu meinem Pastebin! Möglichkeiten und Risiken von HTML5 Jan-Ole Malchow, M.Sc.

distpaste Dein Browser gehört zu meinem Pastebin! Möglichkeiten und Risiken von HTML5 Jan-Ole Malchow, M.Sc. distpaste Dein Browser gehört zu meinem Pastebin! Möglichkeiten und Risiken von HTML5 Jan-Ole Malchow, M.Sc. Arbeitsgruppe Sichere Identität Fachbereich Mathematik & Informatik Freie Universität Berlin

Mehr

App Programmierung Grundkurs für Android App Programmierung Grundkurs für Windows HTML 5 - Mobile Webseiten programmieren...

App Programmierung Grundkurs für Android App Programmierung Grundkurs für Windows HTML 5 - Mobile Webseiten programmieren... Inhalt App Programmierung Grundkurs für Android... 2 App Programmierung Grundkurs für Windows 10... 3 HTML 5 - Mobile Webseiten programmieren... 4 HTML-Grundlagen und CSS... 5 PHP Programmierung - Grundlagen...

Mehr

WEBSEITEN ENTWICKELN MIT ASP.NET

WEBSEITEN ENTWICKELN MIT ASP.NET jamal BAYDAOUI WEBSEITEN ENTWICKELN MIT ASP.NET EINE EINFÜHRUNG MIT UMFANGREICHEM BEISPIELPROJEKT ALLE CODES IN VISUAL BASIC UND C# 3.2 Installation 11 Bild 3.2 Der Webplattform-Installer Bild 3.3 IDE-Startbildschirm

Mehr

Urbacher Computer-Forum

Urbacher Computer-Forum 28.05.12 Vortrag: Unsere Webseite u-g-o und allgemeine Internetbegriffe Website Als Website, Webpräsenz, Webangebot, Webauftritt oder auch Netzauftritt wird ein ganzes Projekt im World Wide Web bezeichnet,

Mehr

Vorwort. 1 Einleitung und Grundlagen 1

Vorwort. 1 Einleitung und Grundlagen 1 Vorwort XI 1 Einleitung und Grundlagen 1 1.1 Die mobile Welt - Tausende von Inseln 2 1.2 Was erwartet Sie in dem Buch? 3 1.3 Was ist PhoneGap? 4 1.3.1 Der PhoneGap-Wrapper und FFI 5 1.3.2 Unterstützte

Mehr

APPS für ios 10. professionell entwickeln. Apple Watch

APPS für ios 10. professionell entwickeln. Apple Watch thomas SILLMANN APPS für ios 10 professionell entwickeln // Sauberen Code schreiben mit Swift 3 und Objective-C // Stabile Apps für iphone und ipad programmieren // Techniken & Methoden von Grund auf verstehen

Mehr

DOXNET Tag 24. November Datenströme und ihre Zukunft

DOXNET Tag 24. November Datenströme und ihre Zukunft 1 DOXNET Tag 24. November 2016 Datenströme und ihre Zukunft Agenda Einstieg/Gegenüberstellung AFP: Advanced Function Printing/Presentation PDF: Portable Document Format HTML5: Hypertext Markup Language

Mehr

Bring Your Own Device in der Industrie

Bring Your Own Device in der Industrie Bring Your Own Device in der Industrie Geht das wirklich? 27.05.2014 Thomas Sorg BERNER & MATTNER Überblick BERNER & MATTNER Systemtechnik GmbH ASSYSTEM Founded: 1979 Employees: 450 Headquarters: Munich,

Mehr

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

Zentrale Informatik. Cross-platform Apps. Andrea Grössbauer David Meier. 11/11/15 Lunchveranstaltungen HS16 - Crossplatform Apps 1 Cross-platform Apps Andrea Grössbauer David Meier 1 Was sind cross-platform Apps? Bei cross-platform Apps muss der Code nicht für jede Plattform einzeln geschrieben werden. Es wird sozusagen eine Universalapp

Mehr

Sachwortverzeichnis... 251

Sachwortverzeichnis... 251 Inhalt Vorwort... V 1 WWW World Wide Web... 1 1.1 Das Internet Infrastruktur und Administration... 2 1.2 Datenübertragung... 4 1.3 Sprachen im Web... 6 1.4 Webseiten... 7 1.4.1 Clientseitige Dynamik...

Mehr

Sicherheit in Rich Internet Applications

Sicherheit in Rich Internet Applications Sicherheit in Rich Internet Applications Florian Kelbert 14.02.2008 Seite 2 Sicherheit in Rich Internet Applications Florian Kelbert 14.02.2008 Inhaltsverzeichnis Grundlagen Ajax und Mashups Adobe Flash-Player

Mehr

Windows Metro Style Apps

Windows Metro Style Apps Windows Metro Style Apps alles anders, alles neu System-Event 2012 Michael R. Albertin Ausblick auf Windows 8 Ausblick auf Windows 8 Windows im Zeitraffer Windows 1 (1985) Ausblick auf Windows 8 Windows

Mehr

Enterprise Portal - Abbildung von Prozessen, SAP-Datenintegration und mobile Apps

Enterprise Portal - Abbildung von Prozessen, SAP-Datenintegration und mobile Apps Beschreibung Die führende Standard-Software, um Menschen und Informationen erfolgreich in Prozesse einzubinden. Intrexx Professional ist eine besonders einfach zu bedienende Software- Suite für die Erstellung

Mehr

Glossar. SVG-Grafiken in Bitmap-Grafikformate. Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten,

Glossar. SVG-Grafiken in Bitmap-Grafikformate. Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten, Glossar Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten, Methoden und/oder Eigenschaften, die eine bestimmte Berechnung ausführt, eine Eigenschaft ändert oder eine Methode

Mehr

HFT App. Prof. Dr. Gerhard Wanner Michael Kolb B.Sc. Sonntag, 26. Mai 13

HFT App. Prof. Dr. Gerhard Wanner Michael Kolb B.Sc. Sonntag, 26. Mai 13 HFT App Prof. Dr. Gerhard Wanner Michael Kolb B.Sc. 1 Die Hochschule 2 3 HFT Stuttgart Gegründet 1832 als Winterschule für Bauhandwerker 3.700 Studierende über 100 Professoren über 350 Lehrbeauftragte

Mehr

ActiveX Scripting IE und DHTML (DOM): Architektur, Beispiele (Object Rexx)

ActiveX Scripting IE und DHTML (DOM): Architektur, Beispiele (Object Rexx) ActiveX Scripting IE und DHTML (DOM): Architektur, Beispiele (Object Rexx) Oliver Spritzendorfer Thomas Fekete ActiveX Technologie für ausführbaren Programmcode auf Web-Seiten wiederverwendbare Softwarekompononente

Mehr

Internettechnologien Vorlesung für Master-Studierende Geoinformatik/-management Sommersemester 2016

Internettechnologien Vorlesung für Master-Studierende Geoinformatik/-management Sommersemester 2016 Internettechnologien Vorlesung für Master-Studierende Geoinformatik/-management Sommersemester 2016 Prof. Dr.-Ing. habil. Peter Sobe HTW Dresden Fakultät Informatik / Mathematik Zur Person: Prof. Dr.-Ing.

Mehr

Datenverarbeitung innerhalb von Webapps Am Beispiel von Web Storage

Datenverarbeitung innerhalb von Webapps Am Beispiel von Web Storage Universität zu Köln Historisch-Kulturwissenschaftliche Informationsverarbeitung Re-usable Content in 3D und Simulationssystemen, SS 2013 Dozent: Prof. Dr. Manfred Thaller Datenverarbeitung innerhalb von

Mehr

Relution Enterprise Appstore. Enable Enterprise Mobility. 2.5 Release Note

Relution Enterprise Appstore. Enable Enterprise Mobility. 2.5 Release Note Enable Enterprise Mobility 2.5 Release Note 1 Relution Release 2.5 Das neuste Relution Release in der Version 2.5 bringt eine ganz neue Erfahrung in den Enterprise Mobility Markt. Zwei Hauptfeatures dominieren

Mehr

HTML. HyperText Markup Language. von Nico Merzbach

HTML. HyperText Markup Language. von Nico Merzbach HTML HyperText Markup Language von Nico Merzbach Kapitel 1 Was ist HTML? Was ist HTML? Einführung: HTML ist eine (Hypertext-)Auszeichnungssprache. Mit Hilfe von HTML strukturiert man Inhalte wie Text,

Mehr

ht t p://w w w.kebel.de/

ht t p://w w w.kebel.de/ WebApps: WebApps mit HTML5 erstellen (Kurs-ID: MO2) Seminarziel Eine WebApp ist eine Anwendung, die plattformübergreifend auf allen mobilen Endgeräten (und auf Desktop Computern) funktioniert. Die App

Mehr

Angreifbarkeit von Webapplikationen

Angreifbarkeit von Webapplikationen Vortrag über die Risiken und möglichen Sicherheitslücken bei der Entwicklung datenbankgestützter, dynamischer Webseiten Gliederung: Einführung technische Grundlagen Strafbarkeit im Sinne des StGB populäre

Mehr

Smarte Phone-Strategie

Smarte Phone-Strategie Seite 1 / 5 Das mobile WEB.DE Smarte Phone-Strategie Als Jan Oetjen im Oktober 2008 im 1&1 Konzern das Ruder der Portalmarke WEB.DE übernahm, war der Weg ins mobile Internet bereits ins Auge gefasst. Schon

Mehr

JS goes mobile: Eine Übersicht. Frederik von Berg w11k / thecodecampus

JS goes mobile: Eine Übersicht. Frederik von Berg w11k / thecodecampus JS goes mobile: Eine Übersicht Frederik von Berg w11k / thecodecampus Überblick Über mich Historie Mobile Native JavaScript Vergleich mit Nativ & Hybrid Frameworks Setup & Codebeispiel

Mehr

Service App Service Monitor auf Smartphones und Tablets. Rico Kunz

Service App Service Monitor auf Smartphones und Tablets. Rico Kunz Service App Service Monitor auf Smartphones und Tablets Rico Kunz Agenda 1 Service App Service-Monitor auf Smartphones und Tablets 2 Live Demo Service App Folie 2 Service App Service-Monitor auf Smartphones

Mehr

Mobile Applications. Adrian Nägeli, CTO bitforge AG

Mobile Applications. Adrian Nägeli, CTO bitforge AG Mobile Applications Adrian Nägeli, CTO bitforge AG Inhalt Vorstellung Marktübersicht Entwicklung Adrian Nägeli Dipl. Inf.-Ing FH Seit 2005 bei bitforge bitforge AG Standort Rapperswil-Jona Gründung 2004

Mehr

AM BeIsPIel Der DAsInvestMent.coM MoBIl WeB APP

AM BeIsPIel Der DAsInvestMent.coM MoBIl WeB APP AM BeIsPIel Der DAsInvestMent.coM MoBIl WeB APP 2 Inhalt Warum ist es sinnvoll eine spezielle Applikation für mobile Geräte zu entwickeln? Seite 5 Welche Möglichkeiten der Umsetzung gibt es? 6 Mobile Applikation

Mehr

Installationsführer für den SIP Video Client X-Lite

Installationsführer für den SIP Video Client X-Lite Installationsführer für den SIP Video Client X-Lite Stand: 12.04.2010 1. Einleitung Dieses Dokument beschreibt die Vorgehensweise für den Download, die Installation und Inbetriebnahme eines SIP Videoclients

Mehr

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

Konzeption und Entwicklung einer mobilen Web-Applikation aus dem XML-Datenexport eines Redaktionssystems Konzeption und Entwicklung einer mobilen Web-Applikation aus dem XML-Datenexport eines Redaktionssystems Thomas Hennig 08.11.2013 Wiesbaden 1 Gliederung 1 Einleitung 2 Anforderungen 3 Funktionsprinzip

Mehr

Appery.io Mobile Apps schnell und einfach entwickeln

Appery.io Mobile Apps schnell und einfach entwickeln Appery.io Mobile Apps schnell und einfach entwickeln Cloud-basierte Entwicklungsumgebung, keine lokale Installation von Entwicklungsumgebung nötig. Technologie: HTML5. JQuery Mobile, Apache Cordova. Plattformen:

Mehr

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

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools 1 Kurze HTML-Geschichte Die HTML4-Spezifikation wurde im Dezember 1997 vorgelegt. Seitdem Stagnation! Das W3C arbeitete

Mehr

Mobility mit IBM Worklight Erste Schritte zu einer mobilen App. Benjamin Stein, Consultant Stuttgart, 03.04.2014

Mobility mit IBM Worklight Erste Schritte zu einer mobilen App. Benjamin Stein, Consultant Stuttgart, 03.04.2014 Mobility mit IBM Worklight Erste Schritte zu einer mobilen App Benjamin Stein, Consultant Stuttgart, 03.04.2014 Agenda Was ist IBM Worklight eigentlich? Hintergrund und Idee, Architektur und Bestandteile

Mehr

Hermann von Helmholtz-Zentrum für Kulturtechnik Übung: Multimedia-Anwendungen in den Wissenschaften. Tutorium. Web-Publishing. 15.

Hermann von Helmholtz-Zentrum für Kulturtechnik Übung: Multimedia-Anwendungen in den Wissenschaften. Tutorium. Web-Publishing. 15. Tutorium Web-Publishing 15. Dezember 2003 Programm Funktionen und Nutzung eines Web-Browsers (am Beispiel des Mozilla Navigator) Web-Dokumente erstellen (mit dem Mozilla Composer) Was macht ein Web-Browser

Mehr

Die app für messeaussteller

Die app für messeaussteller Die app für messeaussteller Einscannen und Demo-App testen Weitere Informationen auf www.appsmarter.de Über appsmarter Was machen wir? appsmarter entwickelt intelligente mobile Lösungen:» mobile Webseiten»

Mehr