X-Apps-Entwicklung für iphone, Android und Co.
|
|
- Katarina Kuntz
- vor 8 Jahren
- Abrufe
Transkript
1 X-Apps-Entwicklung für iphone, Android und Co. Peter Hecker Bielefeld
2 Peter Hecker Berater Softwareentwickler Trainer Seit 1995 vorzugsweise und am liebsten Web-Technologien!
3 Die GFU Cyrus AG Gründung 1980 in Köln Schulungen, Seminare, Kurse, Training für IT und Personalentwicklung 10 Schulungsräume ca. 550 Themen
4 Schulungen bei der GFU Cyrus AG Durchführungsgarantie Kostenloses Rücktrittsrecht Qualitätsgarantie
5 Dieser Vortrag Mobile WebApps für iphone, Android und Co.
6 Bevor wir beginnen iphone vs. Android vs. BlackBerry: This is how smartphone users see each other
7 iphone
8 Android
9 Blackberry
10 How all smartphone users see 2G users!
11 Weltweiter Smartphone-Verkauf 11/2010 Symbian 37 % Andere 2 Linux WinMO % 2 % 3 % RIM 15 % Android 26 % ios 17 % Symbian Android ios RIM WinMO Linux Andere Quelle:
12 Trends 50 37,5 44,6 36, ,5 12,5 17,1 16,7 20,7 14,8 0 7,9 3,5 2,8 Symbian Android ios Blackberry Windows Mobile
13 Typen von Mobilen Apps Web Apps Native Apps Hybride Apps
14 In diesem Vortrag! Web Apps Native Apps Hybride Apps
15 Objective-C Java J2ME/C++ HTML/Javascript Java.NET
16 Webkit browser Webkit browser J2ME/C++ Webkit browser Webkit browser.net
17 WebKit - webkit.org Desktop Safari, Chrome, Konqueror Mobile iphone, Android, WebOS, Symbian, Blackberry OS, Samsung, Iris, Bolt, Adobe AIR
18 WebKit - Features HTML 4.01 / teilweise HTML 5 XHTML 1.0 / 1.1 Canvas SVG (Scalable Vector Graphics) HTLM5 Offline Data Storage HTML5 Audio und Video Element HTML5 Geolocation API CSS 2.1 vollständig und CSS 3 teilweise JavaScript 1.4 (inkl. kompletter DOM-Unterstützung) AJAX (XMLHTTP-Request) / Web 2.0
19 WebKit - CSS3 CSS-Transitions Übergänge CSS-Animations Hardwarebeschleunigt Key-Frame-Animationen CSS-Transformations skalieren, rotieren, verzerren, versetzen, Transformations- Matrix 2D und 3D
20 WebKit - CSS3-Demo
21 WebKit - JavaScript Multi-Touch-Events Erkennung der Finger Gestures-Events Erkennung der Finger Unterscheidung der Finger Für beliebige Zeile definierbar Damit beliebige UI-Gesten möglich Drag&Drop, Vergrößern, Bewegen, Slide,...
22 WebKit - JavaScript- Demo
23 WebKit - HTML5 Audio und Video Einbetten von Medien mittels HTML5 <audio> und <video> Tags Media-Events Abspiel-Oberfläche anpassbar Fallback wenn HTML5 nicht verfügbar Flash Java (Ogg,...)
24 WebKit - Audio/Video/ CSS-Demo
25 WebKit - HTML5 Datenbanken HTML5 clientseitige Datenbankspeicher vollständige, transaktionale SQLite Datenbank auf dem Client Asynchrones Datenbank-Handling API per JavaScript ansprechbar Update mit Online-Datenbank möglich
26 WebKit - HTML5 Application Cache Cache Manifest HTML-Dateien (lokal oder remote) Bilder JavaScript CSS JavaScript API für Updates Offline Speicherung der kompletten Applikation
27 WebKit - HTML5 Geolocation API JavaScript-API Zugriff auf Geodaten GPS-Daten Triangulation Longitude, Latitude, Genauigkeit Nachfrage im Browser Tracking möglich
28 WebKit - SVG Scalable Vector Graphics W3C-Standard Definition von Vektorgrafiken mittels XML Animationen mittels SMIL
29 WebKit - HTML5 Canvas <canvas>-element Virtuelle Zeichenfläche Erstellung von Vektorgrafiken und Animationen Zeichnen, Bilder, Verläufe, Spiegelungen, Transparenzen, Muster Transformationen, Kompositionen JavaScript API
30 WebKit Moderne und ausgereifte Browser-Engine Mobile Marktführer setzen auf WebKit Andere Plattformen ziehen nach Vereinheitlichung der Entwicklung Web-Technologien sind etabliert und beherrschbar
31 noch ein WebKit-Beispiel
32 Mobile Frameworks Die Klassiker iui iwebkit Die jungen Wilden Sencha Touch jquery Mobile jqtouch Und natürlich: PhoneGap
33 iui
34 iui Entwickelt von Joe Hewitt Kein JavaScript Erweitert Standard HTML Überschreibt Links und Formulare mit Ajax Smooth Transitions
35 Setup
36 <html xmlns=" <head> <title>iui Demo</title> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; userscalable=0;"/> <link rel="apple-touch-icon" href="iui-logo-touchicon.png" /> <meta name="apple-touch-fullscreen" content="yes" /> <style type="text/css" "iui.css"; </style> <script type="application/x-javascript" src="iui.js"></script> </head>
37 Beispiel
38 <body> <div class="toolbar"> <h1 id="pagetitle"></h1> <a id="backbutton" class="button" href="#"></a> <a class="button" href="#searchform">search</a> </div> <ul id="home" title="music" selected="true"> <li><a href="#artists">artists</a></li> <li><a href="#settings">settings</a></li> <li><a href="stats.php">stats</a></li> <li><a href=" target="_self">about</a></li> <li>nothing</li> </ul> <ul id="artists" title="artists"> <li class="group">b</li> <li><a href="#thebeatles">the Beatles</a></li> <li><a href="#bellesebastian">belle & Sebastian</a></li> <li class="group">c</li> <li><a href="#crowdedhouse">crowded House</a></li> <li class="group">j</li> <li><a href="#jennylewis">jenny Lewis</a></li> <li><a href="#johnmayer">john Mayer</a></li> <li class="group">z</li> <li><a href="#zero7">zero 7</a></li> </ul>
39 Ergebnis
40
41 iui Ideal für Darstellung hierarchischer Informationen Eingeschränkte Funktionalität, optimal für kleine Apps Akzeptable Geschwindigkeit Defacto-Standard für iphone
42 iwebkit
43 iwebkit Zielgruppe Nicht-Entwickler Einfach und minimalistisch Erweiterbar, schnell und anpassbar Plugins für Grails, Drupal, WordPress...
44 Setup
45 <head> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="index,follow" name="robots" /> <meta content="text/html; charset=iso " http-equiv="content-type" /> <link href="pics/homescreen.png" rel="apple-touch-icon" /> <meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script src="javascript/functions.js" type="text/javascript"></script>
46 Beispiel
47 <div id="topbar"> <div id="title">iwebkit</div> <div id="leftbutton"> <a href=" website</a> </div> </div> <div id="content"> <ul class="pageitem"> <li class="textbox"><span class="header">welcome</ span><p>welcome to the iwebkit 4 Demo site!</p> </li> <li class="menu"><a href="changelog.html"> <img alt="changelog" src="thumbs/start.png" /><span class="name">what s New?</span><span class="arrow"></span></a></li> </ul> <span class="graytitle">features</span> <ul class="pageitem"> <li class="textbox"> <p>here are some examples of things you can achieve building with iwebkit 4:</p> </li> <li class="menu"><a href="list.html"> <img alt="list" src="thumbs/contacts.png" /><span class="name">classic Lists</span><span class="comment">with Images</ span><span class="arrow"></span></a></li>
48 Ergebnis
49
50 iwebkit Gute Dokumentation und Beispiele Ausführliches Framework Stabil und ausgereift
51
52 jqtouch
53 jqtouch Basiert auf jquery Einfacher Setup Native Webkit-Animationen Callback Events Flexible Themen Swipe Detection Erweiterbar via jquery
54 Setup
55 <html> <head> <meta charset="utf-8" /> <title>jqtouch β</title> <style type="text/css" "jqtouch.min.css"; </style> <style type="text/css" "themes/apple/theme.min.css"; </style> <script src="jquery min.js" type="text/javascript"> </script> <script src="jqtouch.min.js" type="text/javascript"> </script>
56 Beispiel
57 <link rel="stylesheet" href="clock.css" type="text/css" media="screen" charset="utf-8" /> <script type="text/javascript" charset="utf-8"> $.jqtouch({ icon: 'icon.png', }); startupscreen: 'img/startup.png' Initialization $(function(){ function addclock(label, tz){ var html = ''; html += '<div>' html += '<div class="clock">' html += '<div class="hour"></div>' html += '<div class="min"></div>' html += '<div class="sec"></div>' html += '</div>' html += '<div class="city">gmt</div>' html += '<div class="time">time</div>' html += '</div>' var insert = $(html); $('#clocks').append( insert.data('tz_offset', tz).find('.city').html(label).end() ); }
58 Ergebnis
59
60 jqtouch Gute Geschwindigkeit Offline- und Standort-Unterstützung Smoother Transisitons and animations slide, slideup, dissolve, fade, flip, pop, swap, cube Etwas komplexer in der Anwendung
61 Sencha Touch
62 Sencha Touch JavaScript-API für mobile Anwendungen Basiert auf Web-Standards WebKit als Plattform (natürlich) Unterstützung von Themen Programmatisch
63
64 jquery Mobile
65 jquery Mobile jquery-projekt Sehr ambitioniert jquery Mobile 1.0 Alpha 3 ( ) Deklarativ und programmatisch
66
67 PhoneGap
68 PhoneGap Cross-Plattform-Mobile-Framework zur Erstellung von nativen, mobilen Anwendungen mit HTML5, CSS3 und JavaScript
69 PhoneGap Erstellt von der Firma Nitobi Open Source (MIT Lizenz) Native App-Wrapper Mehrere Plattformen
70 Plattformen iphone Android Blackberry webos Symbian MeeGo Windows Mobile Windows Phone Samsung Bada
71 Geräte-Fähigkeiten Geo Accelerometer (Beschleunigungssensor) Kamera / Fotos Vibration Kontakte SMS / Telefonie Sound / Video Reachability (Netzwerkerreichbarkeit) Magnometer (Kompass) und natürlich alle Browserfähigkeiten
72 PhoneGap Projekte www/ index.html config.xml phonegap.js
73
74
75 Fazit Optimieren Sie Ihre Website für mobile Endgeräte Prüfen Sie den Mehrwert einer mobilen Anwendung mit HTML, CSS und JavaScript Nutzen Sie in der Entwicklung ein mobiles Framework und natürlich PhoneGap!
76 Schulungen zum Thema Apps-Entwicklung für iphone, Android und Co. - Professionelle Applikationen für WebKit-Browser mit HTML, CSS und JavaScript HTML5 - Der professionelle Einstieg in die Standardsprache des Webs
77 Vielen Dank.
78 Kontaktdaten Mail XING Facebook
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
MehrEinführung Responsive Webdesign
Einführung Responsive Webdesign Aktuelle Situation Desktop Webseiten Umsetzungen auch heute noch in den meisten Fällen Pixelbasiert JavaScript schafft Dynamik CSS schafft Trennung von Inhalt und Layout
MehrPrä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
MehrEine 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)
MehrCross-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
MehrImmer 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Ö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» 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
MehrEin 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
Mehr7 Plugins einbinden. 7.1 Beispiel»Die Taschenlampe«
201 PhoneGap bringt einen standardisierten Hardwarezugriff für Smartphones mit. Aber was passiert, wenn Sie mehr wollen: Wenn Sie eine Hardware per Bluetooth ansprechen wollen oder Features der jeweiligen
MehrDi 8.4. Silverlight: Windows Presentation Foundation für s Web. Christian Wenz
Di 8.4 January 21-25, 2008, Munich, Germany ICM - International Congress Centre Munich Silverlight: Windows Presentation Foundation für s Web Christian Wenz Silverlight // WPF für s Web OOP 2008 // Di
MehrVaadin 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
MehrWebseiten 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
MehrHTML5- 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
MehrIhr IT-Dienstleister aus Bonn
Ihr IT-Dienstleister aus Bonn Wer wir sind Sie sind auf der Suche nach einem Partner, der Sie bei der technischen Umsetzung Ihrer Online-Projekte zuverlässig und kompetent unterstützt? Wer wir sind Die
MehrDataSpace 2.0 Die sichere Kommunikations-Plattform für Unternehmen und Organisationen. Your Data. Your Control
DataSpace 2.0 Die sichere Kommunikations-Plattform für Unternehmen und Organisationen Your Data. Your Control WebGUI CMIS GW (JSON) GDS2 API (JSON) WebDAV GDS core Moderne Software Architektur Object-Store
MehrEPO Consulting GmbH. Ihr Partner für HTML5 und SAP UI5 Apps. www.epoconsulting.com. Stand 2015/04. EPO Consulting GmbH - 1 -
EPO Consulting GmbH Ihr Partner für HTML5 und SAP UI5 Apps www.epoconsulting.com Stand 2015/04 EPO Consulting GmbH - 1 - EPO Mobile Apps für HTML5 und SAP UI5 Apps SAP bietet künftig für alle SAP Produkte
MehrMobile Apps mit DSLs. und entfernter Codegenerierung. Codierst Du noch oder generierst Du schon? Powered by
Mobile Apps mit DSLs C1 und entfernter Codegenerierung Codierst Du noch oder generierst Du schon? Generative Software GmbH Freiburg Inhalt Plattformabhängige Entwicklung JavaScript Firefox OS Java Android
MehrDCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages
Wir automatisieren und optimieren Ihre Geschäftsprozesse DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Thomas Brandstätter 06.03.2012 www.dccs.at Agenda Theorie Was sind XPages
MehrArchitekturen 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
MehrMobile Doku mit altbekannten Werkzeugen. Prof. Sissi Closs
Mobile Doku mit altbekannten Werkzeugen Mobile Doku? Ein neues Buzz-Wort. Dazu später noch der neue tekom Leitfaden. Warum keine klassische Web-Help/Seite am mobilen Gerät? kein schönes Bedienerlebnis
MehrHTML5. 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
MehrUse 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?
MehrCouchCommerce 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/
MehrKonzeption 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
MehrNative 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
MehrJavaScript 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
Mehr5.4 Die Benachrichtigung (Notification)
160 Bekannte Probleme Windows Phone Im Emulator wird immer die Connection.UNKNOWN zurückgegeben. ios und Bada Es wird leider nur unterschieden, ob es eine mobile oder WiFi-Verbindung gibt. Der Grad der
MehrMobile 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
MehrMobile 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
MehrWEBAPPS 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
MehrDas Internet ist mobil. John Riordan Bern, 17. Jan 2013
Das Internet ist mobil John Riordan Bern, 17. Jan 2013 Präsentation 1/17 /13 2 Das Handy als Instrument für den Internetzugang Über 3 Mio. Schweizer mobil im Netz 2012 werden weltweit erstmals mehr Smartphones
MehrAgon Solutions. The native web mobile Architekturen mit HTML5 und PhoneGap. Ihre Prozesse in besten Händen.
The native web mobile Architekturen mit HTML5 und PhoneGap Juri Urbainczyk Agon meets Technology 26. Februar 2013 Agon Solutions Ihre Prozesse in besten Händen. 1 Worum geht s? Mobile und mehr Warum HTML5?
MehrWerten Sie mit hochwertigen Apps das Image Ihrer Firma auf!
SERVICE - Frank Werten Sie mit hochwertigen Apps das Image Ihrer Firma auf! Eine eigene Firmen-App Präsentieren Sie Ihren Kunden Ihre eigene Firmen-App auf dem Tablet und Smartphone. Ideal für Firmenpräsentationen,
MehrEntwicklung 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
MehrModerne Benutzeroberflächen für SAP Anwendungen
Seite 1 objective partner für SAP Erfahrungen mit dem UI-Development Kit für HTML5 (SAPUI5) - 19.06.2012 Seite 2 Quick Facts objective partner AG Die objective partner AG 1995 gegründet mit Hauptsitz in
MehrAutorensysteme 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-
MehrWorkshop 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
MehrAPEX 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
MehrApollo Überblick. Klaus Kurz. Manager Business Development. 2007 Adobe Systems Incorporated. All Rights Reserved.
Apollo Überblick Klaus Kurz Manager Business Development 1 Was ist Apollo? Apollo ist der Codename für eine plattformunabhängige Laufzeitumgebung, entwickelt von Adobe, die es Entwicklern ermöglicht ihre
MehrUnified Communications & Collaboration
Telefonkonferenz am 11.09.2009 Unified Communications & Collaboration Channel 8.52009 Kickoff Lars Thielker SWG Technical Sales Lotus, Channel 2009 IBM Corporation als Kommunikationsplattform offen erweiterbar
MehrTUT1 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
MehrWo steht HTML5 Überblick, Möglichkeiten, Zukunft (ohne Anspruch auf Vollständigkeit)
1 Wo steht HTML5 Überblick, Möglichkeiten, Zukunft (ohne Anspruch auf Vollständigkeit) Sven Brencher 2 Wie ich zu Webentwicklung stehe Yeah Flexbox! Entwickler vs. Unternehmer ROI? 3 Wie kann man HTML5
MehrBrowserbasiertes, kollaboratives Whiteboard
WS 2011/12 Bachelorarbeit Browserbasiertes, kollaboratives Whiteboard Sebastian Dorn 1 von 21 Inhalt 1. Motivation 2. Analyse 3. Design 4. Evaluation 5. Fazit Inhalt 2 von 21 Motivation Zusammenarbeit
MehrApps 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
MehrMobile App Solutions. creative workline GmbH Eldenaer Straße 60 10247 Berlin Friedrichshain www.creativeworkline.com
Mobile App Solutions nt aus n auch beka creative workline GmbH Eldenaer Straße 60 10247 Berlin Friedrichshain www.creativeworkline.com Ihr Anspruch ist unsere Energie VISION Unsere Vision als Mobile App
MehrMö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
MehrExpertenumfrage: Mobile Applications
AK WLAN Expertenumfrage: Mobile Applications Arbeitskreis Mobile des eco Verband der deutschen Internetwirtschaft e.v. Welche der folgenden Applikationen werden Ihrer Meinung nach am meisten von den Verbrauchern
MehrDestructive AJAX. Stefan Proksch Christoph Kirchmayr
Destructive AJAX Stefan Proksch Christoph Kirchmayr AJAX-Einführung Asynchronous JavaScript And XML Clientseitiger JavaScript-Code Asynchrone Kommunikation XML DOM Klassisches Client-Server Modell AJAX-Modell
MehrFOSSGIS 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
Mehriphone Apps vs. Mobile Web
iphone Apps vs. Mobile Web Smartphone-Anwendungen im Museumsbereich Vortrag iphone App vs. Mobile Web von Ines Dorian Gütt auf der Herbsttagung 2010 Seite 1/27 Inhalt Einführung iphone Apps Apps in itunes
MehrAuffrischung jquery. jquery Mobile. Marco Francke I 24.02.2011
Auffrischung jquery jquery Mobile Marco Francke I 24.02.2011 Mayflower GmbH 2010 write less do more Marco Francke 24. Februar 2011 24.02.11 Mayflower GmbH 2 Mayflower GmbH 2010 Was ist jquery und was kann
MehrMarcus Ross. PhoneGap. Mobile Cross-Plattform-Entwicklung mit Apache Cordova & Co. dpunkt.verlag
Marcus Ross PhoneGap Mobile Cross-Plattform-Entwicklung mit Apache Cordova & Co. dpunkt.verlag haltsverzeichnis 1 Entwickeln mit PhoneGap 1 1.1 Das Cross-Plattform-Problem 1 1.2 Wozu braucht man PhoneGap?
MehrService Coding Crash Course
Service Coding Crash Course Willkommen! noch 2 wilde Tage! Bisher: Aufbau von Models, scaffolding, Formulare Formatierung, Assets einbinden, Layout, Navigation Ziel heute: Mobile Browser, JavaScript APIs
Mehr1 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
MehrFrontend Engineer (m/w)
Hamburg Frontend Engineer (m/w) Unser Hamburger -Team braucht Unterstützung! im verantworten u.a. die innovativen Frontend-Entwicklungen für Websites, Shops, Kampagnen und mobile Anwendungen. Dazu entwickeln
MehrWebseiten 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
MehrLessons Learned: Mobile CRM Integration
1 Lessons Learned: Mobile CRM Integration 2 Enable Mobile Business Apps in Enterprises Weptun GmbH Vorstellung 3 Gründung 2010 18 Mitarbeiter 50 Apps für internationale Kunden umgesetzt Launch eigener
MehrEinführung Internettechnologien. - Clientseitige Programmierung -
Einführung Internettechnologien - Clientseitige Programmierung - Client Client: Programm, das Daten von einem Server anfordert In einem Netzwerk können unterschiedliche Clients zum Einsatz kommen Im Folgenden:
MehrOpen Source. Thomas Weibel, Multi & Media thomas.weibel@bluewin.ch www.thomasweibel.ch
Open Source Thomas Weibel, Multi & Media thomas.weibel@bluewin.ch www.thomasweibel.ch Inhalt 1. Begriff, Lizenzen 2. HTML 5, Nachschlagewerke 3. Software 4. Linux: Ubuntu 5. Content-Management-Systeme
MehrVorwort. 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
MehrFalko 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
MehrMobile: 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:
MehrAppOcalypse now! Die Zukunft des Intranets ist Mobile Jussi Mori
1 AppOcalypse now! Die Zukunft des Intranets ist Mobile Jussi Mori Partner: 2 Agenda Vorstellung Referent Eine Übersicht zur Nutzung von mobilen Geräten F&A 3 Vorstellung Referent Co-Founder Peaches Industries
MehrCross-Platform Mobile Development mit Xamarin Mark Allibone, @mallibone
1 Cross-Platform Mobile Development mit Xamarin Mark Allibone, @mallibone Partner: 2 Vorstellung Referent Mark Allibone Noser Engineering AG Passionierter Mobile Entwickler: Xamarin Certified Mobile Developer
MehrErweiterte Schriftlizenz: Mobile- und Application Lizenz
Erweiterte Schriftlizenz: Mobile- und Application Lizenz URW++ DESIGN & DEVELOPMENT GMBH Poppenbütteler Bogen 36 22399 Hamburg Germany TEL +49 (0) 40 60605 0 FAX +49 (0) 40 60605 111 info@urwpp.de www.urwpp.com
Mehrht 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
MehrMö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
MehrWir bewegen Marken. Richtlinien von MRAID basierten InApp-HTML5-MobileAds innerhalb des SevenOne Media Portfolios. InApp HTML5
Richtlinien von MRAID basierten InApp-HTML5-MobileAds innerhalb des SevenOne Media Portfolios InApp HTML5 Richtlinien von MRAID basierten InApp-HTML5- MobileAds innerhalb des SevenOne Media Portfolios
MehrApps mit HTMLS und CSS3
Florian Franke, Johannes Ippen Apps mit HTMLS und CSS3 für ipad, iphone und Android Galileo Press.... ~ Auf einen Blick Auf einen Blick Apps 21 2 HTMl5 in der mobilen Webentwickung 35 3 Konzeption und
MehrBFV Widgets Kurzdokumentation
BFV Widgets Kurzdokumentation Mit Hilfe eines BFV-Widgets lassen sich die neuesten Ergebnisse und die aktuellen Tabellen des BFV auf der eigenen nicht kommerziellen Webseite mit wenig Aufwand einbeten.
MehrEmbedded Computing Conference 2014 Embedded UI Qt5
Embedded Computing Conference 2014 Embedded UI Qt5 2 Embedded User Interfaces in the Smartphone Age The Power of Qt5 and the QNX OS Qt Vorstellung 3 Qt ( cute ) Hat eine lange Geschichte (Beginn der Entwicklung:
MehrGestaltung der barrierefreien Website. DI Gerald Kortschak sevian7 IT development GmbH gkortschak@sevian7.com
Gestaltung der barrierefreien Website DI Gerald Kortschak sevian7 IT development GmbH gkortschak@sevian7.com Inhalte: Überblick Wie wird s gemacht? Was bringt es?
MehrDie Geschichte und die Entwicklung der Apps
Die Welt der Apps Yaning Wu 15.12.2015 Geliederung Was ist App? Die Geschichte und die Entwicklung des Apps Warum ist Apps so beliebt? Apps für die private Nutzern Apps für die Unternehmen Vergleichen
MehrE-Mobility am Gemeindeamt
E-Mobility am Gemeindeamt im Kontext zur Softwareumgebung und den Anforderungen von Gemeinden Mag. (FH) Reinhard Haider Amtsleiter Marktgemeinde Kremsmünster E-Government-Beauftragter Oö. Gemeindebund
Mehr15.04.2014 Was ist HTML? Designwerkstatt Webart Sommersemester 2014 Institut für Kunstpädagogik, LMU München Martin Pflanzer
15.04.2014 Was ist HTML? Tim Berners-Lee Die erste Webseite: info.cern.ch, 13. November 1990 Webseiten waren ursprünglich einfache Textseiten mit Links. HTML = Textzusätze zur Formatierung & Erweiterung
MehrSpezifikationen Dein SPIEGEL digital
Spezifikationen Dein SPIEGEL digital 1. Tablets (ipad, Android 7 /Kindle Fire, Android 10 ) 1.1. Allgemeines 1.2. Statische Anzeigen 1.3. Statische Anzeigen mit Video 1.4. Interaktive Anzeigen 1.5. Tracking
MehrMOC 20486 - Entwicklung von ASP.NET MVC 4 Webapplikationen
MOC 20486 - Entwicklung von ASP.NET MVC 4 Webapplikationen Kompakt-Intensiv-Training Diese Schulung bereitet Sie optimal auf die MOC-Zertifzierung vor. Zu Beginn der Schulung erhalten Sie einen Überblick
MehrDATENFORMATE IM INTERNET
DATENFORMATE IM INTERNET Steffen Petermann Projekt reisefieber:// BILDFORMATE JPG / GIF / PNG / SVG MULTIMEDIA FLASH / SHOCKWAVE TEXT-BASIERTE FORMATE HTMP / CSS / JS / CGI / PHP AUDIO & VIDEO MP3 / MOV
MehrE-Banking so richten Sie Ihren Zugriff ein
E-Banking so richten Sie Ihren Zugriff ein Kurzanleitung www.migrosbank.ch Service Line 0848 845 400 Montag bis Freitag 8 19 Uhr Samstag 8 12 Uhr E-Banking Voraussetzungen Mit dem E-Banking greifen Sie
MehrFileMaker Go Alternativen
Thomas Hahn @ walkingtoweb.com Thomas Hahn @ walkingtoweb.com Programmierung mit Basic und C++ ab 1987 FileMaker Pro Entwicklung seit 1992 (FileMaker Pro 2.1) Weblösungen seit 1993 Entwicklung von komplexen
MehrMachen Sie mehr aus Ihrem CRM:
Machen Sie mehr aus Ihrem CRM: bessere Datenqualität nahtlose Integration Wolfgang Berger Business Development Omni EMEA +49.8192.99733.25 wberger@omni-ts.com www.rivacrmintegration.com Agenda Herausforderung
MehrAM 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
MehrFacebook Kurs Online Kurs Apps Entwicklungen für Facebook
Facebook Kurs Online Kurs Apps Entwicklungen für Facebook Akademie Domani info@akademiedomani.de Allgemeines Programm des Kurs Facebook Modul 1 Einführung in die Programmierung Erste Lerneinheit Einführung
MehrWeb 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
MehrWebseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web
Webseiten sind keine Gemälde Webkrauts Die Initiative für die Webkrauts ging von einem Blogeintrag im August 2005 aus. Nach dem Aufruf fanden sich innerhalb von etwa drei Tagen über 60 Interessierte zusammen.
MehrEin- und Umbau von Spielen, Videos, Ton. Seitenstark-Fachtag, 13.Juni 2016
Ein- und Umbau von Spielen, Videos, Ton Seitenstark-Fachtag, 13.Juni 2016 Herausforderung Spieleumbau Ausgangssituation Ein beliebtes, bewährtes Spiel einer Website soll neu aufgelegt werden, damit es
MehrAllgemeine Informationen Slides2Go Stand April 2015
Allgemeine Informationen Slides2Go Stand April 2015 1. ALLGEMEINE INFORMATIONEN... 3 1.1 SYSTEMANFORDERUNGEN WEB-BACKEND... 3 1.2 SYSTEMANFORDERUNGEN FRONTEND / APP... 3 1.3 UNTERSTÜTZTE DATEIFORMATE...
MehrApps in ArcGIS: Neuerungen. 18. Juni 2015
Apps in ArcGIS: Neuerungen 18. Juni 2015 Apps in ArcGIS: Neuerungen Marc Fürst (angepasste Version für die IGArc Technologiesitzung vom 18.6.2015) Esri Schweiz AG, Zürich Angélique Wiedmer (Original als
MehrWordpress am eigenen Server installieren
Wordpress am eigenen Server installieren Voraussetzung: Zugang zum Server und einen Datenbanknamen und Datenbankuser 1. Download der aktuellen Wordpress-Version unter http://wpde.org/download/ Die Installation
MehrSchüler-E-Tutorial für mobile Endgeräte. Ein Folgeprojekt des Netzwerks Informationskompetenz Berlin/Brandenburg mit der HdM
Schüler-E-Tutorial für mobile Endgeräte Ein Folgeprojekt des Netzwerks Informationskompetenz Berlin/Brandenburg mit der HdM Von der Themenwahl bis zur Hausarbeit Studierende der HdM Stuttgart Studiengang
MehrDie perfekte Online-Hilfe auf Basis von HTML5 und Open-Source- Komponenten. Jochen Marczinzik 11.04.2014, tekom Führjahrstagung
Die perfekte Online-Hilfe auf Basis von HTML5 und Open-Source- Komponenten Jochen Marczinzik 11.04.2014, tekom Führjahrstagung 1 Zur Person Dipl.-Inf. (Univ.) Jochen Marczinzik 1993 1999 DATEV eg Entwickler
MehrFINANZ+ mobile Erfassung. Finanzmanagementsystem FINANZ+ Erfassung von Zählerständen auf mobilen Geräten
mobile Erfassung Das Modul mobile Erfassung bindet mobile Endgeräte an die Verbrauchsabrechnung an, mit deren Hilfe Zählerstände und Zählerwechsel direkt vor Ort erfasst werden können. Erfassung von Zählerständen
MehrMapbender3 Workshop. Christian Wygoda. FOSSGIS Dessau 2012
Mapbender3 Workshop Christian Wygoda FOSSGIS Dessau 2012 Christian Wygoda Mapbender3 Developer Team PSC (Project Steering Commitee) WhereGroup Bonn http:///www.wheregroup.com Mapbender3 Einführung in Mapbender
MehrDas HMS-Reporting-Framework Schneller Zugang zu relevanten Reports
Das HMS-Reporting-Framework Schneller Zugang zu relevanten Reports Ein flexibel konfigurierbares Web Portal für den Aufruf STP*-basierter Berichte * Stored Process Reporting Framework Das Ziel der Lösung
MehrDer schnelle Weg zu Ihrer eigenen App
Der schnelle Weg zu Ihrer eigenen App Meine 123App Mobile Erreichbarkeit liegt voll im Trend. Heute hat fast jeder Zweite in der Schweiz ein Smartphone und damit jeder Zweite Ihrer potentiellen Kunden.
MehrWeaving the Web, Tim Berners-Lee
«The web is more a social creation than a technical one. I designed it for a social effect to help people work together and not as a technical toy. (...)» Weaving the Web, Tim Berners-Lee Mobile Solutions
MehrBenutzerleitfaden MobDat-CSG (Nutzung des Heimrechners für dienstliche Zwecke)
Benutzerleitfaden MobDat-CSG (Nutzung des Heimrechners für dienstliche Zwecke) Verfasser/Referent: IT-Serviceline Hardware und Infrastruktur, DW 66890 Inhaltsverzeichnis 1 Allgemeines... 3 2 Windows XP
Mehr