Cross-Apps-Entwicklung für iPhone, Android und Co.

download Cross-Apps-Entwicklung für iPhone, Android und Co.

of 50

  • date post

    16-Apr-2017
  • Category

    Mobile

  • view

    102
  • download

    0

Embed Size (px)

Transcript of Cross-Apps-Entwicklung für iPhone, Android und Co.

  • Cross-Apps-Entwicklungfr iPhone, Android und Co.

    Peter Hecker

    28.05.2010 - dotnet Cologne 2010

    Freitag, 28. Mai 2010

  • Peter Hecker

    Berater Softwareentwickler Trainer

    Seit 1995 vorzugsweise und am liebsten Web-Technologien!

    Freitag, 28. Mai 2010

  • Die GFU Cyrus AG

    IT-Schulungen > 550 Themen > 70 Dozenten

    Freitag, 28. Mai 2010

  • Schulungenbei der GFU

    Durchfhrungsgarantie Kostenloses Rcktrittsrecht Qualittsgarantie

    Freitag, 28. Mai 2010

  • Dieser VortragMobile Apps

    am Beispiel einer ASP.NET-Anwendung

    Freitag, 28. Mai 2010

  • 2%2%3%7%

    39%

    47%

    Der Mobile Markt

    iPhone OSAndroidRIM OSwebOSWindows MobileAndere

    Quelle: http://metrics.admob.com/

    Freitag, 28. Mai 2010

    http://metrics.admob.comhttp://metrics.admob.com

  • Mobile Apps Native Apps

    Objective-C (iPhone)

    Java (Android)

    Web-Apps

    HTML, CSS, JavaScript

    Web-Browser

    Freitag, 28. Mai 2010

  • WebKit - webkit.org

    Desktop Safari, Chrome, Konqueror Mobile iPhone, Android, Palm Pre, Symbian,

    Samsung, Iris, Bolt

    http://www.quirksmode.org/mobile/browsers.htmlFreitag, 28. Mai 2010

    http://www.quirksmode.org/mobile/browsers.htmlhttp://www.quirksmode.org/mobile/browsers.html

  • WebKit

    Moderne und ausgereifte Browser-Engine Mobile Marktfhrer setzen auf WebKit Andere Plattformen ziehen nach Vereinheitlichung der Entwicklung Web-Technologien sind etabliert und

    beherrschbar

    Freitag, 28. Mai 2010

  • iUI iWebkit jQTouch PhoneGap

    Mobile Frameworks

    Freitag, 28. Mai 2010

  • iUIhttp://code.google.com/p/iui/

    http://video.yahoo.com/watch/853528/3491272

    Freitag, 28. Mai 2010

    http://code.google.com/p/iui/http://code.google.com/p/iui/http://video.yahoo.com/watch/853528/3491272http://video.yahoo.com/watch/853528/3491272

  • iUI

    Entwickelt von Joe Hewitt Kein JavaScript Erweitert Standard HTML berschreibt Links und Formulare mit Ajax Smooth Transitions

    Freitag, 28. Mai 2010

  • Setup

    Freitag, 28. Mai 2010

  • iUI Demo

    @import "iui.css";

    Freitag, 28. Mai 2010

  • Beispiel

    Freitag, 28. Mai 2010

  • Search Artists Settings Stats About Nothing B The Beatles Belle & Sebastian C Crowded House J Jenny Lewis John Mayer Z Zero 7

    Freitag, 28. Mai 2010

  • Ergebnis

    Freitag, 28. Mai 2010

  • Freitag, 28. Mai 2010

  • iUI

    Ideal fr Darstellung hierarchischer Informationen

    Eingeschrnkte Funktionalitt, optimal fr kleine Apps

    Akzeptable Geschwindigkeit Defacto-Standard fr iPhone

    Freitag, 28. Mai 2010

  • iWebkithttp://iwebkit.net/

    Freitag, 28. Mai 2010

    http://iwebkit.nethttp://iwebkit.net

  • iWebkit

    Zielgruppe Nicht-Entwickler Einfach und minimalistisch Erweiterbar, schnell und anpassbar Plugins fr Grails, Drupal, WordPress...

    Freitag, 28. Mai 2010

  • Setup

    Freitag, 28. Mai 2010

  • Freitag, 28. Mai 2010

  • Beispiel

    Freitag, 28. Mai 2010

  • iWebKit PC website

    WelcomeWelcome to the iWebKit 4 Demo site! Whats New? Features Here are some examples of things you can achieve building with iWebKit 4: Classic ListsWith Images

    Freitag, 28. Mai 2010

  • Ergebnis

    Freitag, 28. Mai 2010

  • Freitag, 28. Mai 2010

  • iWebkit

    Gute Dokumentation und Beispiele Ausfhrliches Framework Stabil und ausgereift

    Freitag, 28. Mai 2010

  • jQTouchhttp://jqtouch.com/

    Freitag, 28. Mai 2010

    http://jqtouch.comhttp://jqtouch.com

  • jQTouch

    Basiert auf jQuery Einfacher Setup Native Webkit-Animationen Callback Events Flexible Themen Swipe Detection Erweiterbar via jQuery

    Freitag, 28. Mai 2010

  • Setup

    Freitag, 28. Mai 2010

  • jQTouch @import "jqtouch.min.css"; @import "themes/apple/theme.min.css";

    Freitag, 28. Mai 2010

  • Beispiel

    Freitag, 28. Mai 2010

  • $.jQTouch({ icon: 'icon.png', startupScreen: 'img/startup.png' }); $(function(){ function addClock(label, tz){ var html = ''; html += '' html += '' html += '' html += '' html += '' html += '' html += 'GMT' html += 'Time' html += '' var insert = $(html); $('#clocks').append( insert.data('tz_offset', tz).find('.city').html(label).end() ); }

    Initialization

    Freitag, 28. Mai 2010

  • Ergebnis

    Freitag, 28. Mai 2010

  • Freitag, 28. Mai 2010

  • jQTouch

    Gute Geschwindigkeit Offline- und Standort-Untersttzung Smoother Transisitons and animations slide, slideup, dissolve, fade, flip, pop,

    swap, cube

    Etwas komplexer in der Anwendung

    Freitag, 28. Mai 2010

  • PhoneGaphttp://www.phonegap.com/

    http://docs.google.com/present/view?id=d99cqmc_287tnrdw4f6

    Freitag, 28. Mai 2010

    http://www.phonegap.comhttp://www.phonegap.comhttp://docs.google.com/present/view?id=d99cqmc_287tnrdw4f6http://docs.google.com/present/view?id=d99cqmc_287tnrdw4f6

  • PhoneGapCross-Plattform-Mobile-Framework

    zur Erstellung von nativen, mobilen Anwendungen mit HTML, CSS und JavaScript!

    Freitag, 28. Mai 2010

  • PhoneGap

    Erstellt von der Firma Nitobi Open Source (MIT Lizenz) Native App-Wrapper Mehrere Plattformen

    Freitag, 28. Mai 2010

  • Betriebssysteme

    iPhone Android Blackberry Palm Symbian Maemo Windows Mobile

    Freitag, 28. Mai 2010

  • Gerte-Fhigkeiten Geo Accelerometer (Beschleunigungssensor) Kamera / Fotos Vibration Kontakte SMS / Telefonie Sound / Video Reachability (Netzwerkerreichbarkeit) Magnometer (Kompass) und natrlich alle Browserfhigkeiten

    Freitag, 28. Mai 2010

  • PhoneGap

    Single Code Base Standalone Web App Native App

    Freitag, 28. Mai 2010

  • http://www.phonegap.com/apps

    Freitag, 28. Mai 2010

    http://www.phonegap.com/appshttp://www.phonegap.com/apps

  • World Cup Schedule

    Freitag, 28. Mai 2010

  • 1. BeispieliPhon(e)ifizierung mit iWebkit

    Freitag, 28. Mai 2010

  • 2. BeispielMobil(e)isierung mit jQTouch

    Freitag, 28. Mai 2010

  • 3. BeispielApp(si)sierung mit PhoneGap

    Freitag, 28. Mai 2010

  • Fazit:Wenn Ihre mobile Anwendung mit HTML, CSS und

    JavaScript umgesetzt werden kann, dann knnen und sollten Sie dies auch tun.

    Nutzen Sie jQTouch und PhoneGap!

    Freitag, 28. Mai 2010

  • Vielen Dank.

    Freitag, 28. Mai 2010