• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Mobile Anwendungsentwicklung mit Webtechnologien
 

Mobile Anwendungsentwicklung mit Webtechnologien

on

  • 2,066 views

Weit mehr als die Hälfte der Erdbevölkerung hat täglichen Zugriff auf ein mobiles Gerät. Zwei Mrd. dieser Geräte besitzen einen Zugang zum Internet. Bereits heute greifen mehr Leute auf das ...

Weit mehr als die Hälfte der Erdbevölkerung hat täglichen Zugriff auf ein mobiles Gerät. Zwei Mrd. dieser Geräte besitzen einen Zugang zum Internet. Bereits heute greifen mehr Leute auf das Internet über ein mobiles Gerät zu, als mit einem Desktop-Computer. Handys sind heutzutage die meist verwendeten Geräte. Kein anderes Medium ist so persönlich und kontext-spezifisch wie das Handy. Da wundert es nicht, wenn bereits seit vielen Jahren gesagt wird, Mobile ist "The Next Big Thing".

In diesem Vortrag werden Ihnen die verschiedenen Möglichkeiten aufgezeigt, Content für Mobile Geräte zur Verfügung zu stellen. Dank Webtechnologien stehen dafür sämtliche Optionen zur Verfügung. Erläutert wird der Prozess einer App-Entwicklung unter anderem am Beispiel Piwik Mobile. Der Fokus wird auf iOS und Android liegen.

Statistics

Views

Total Views
2,066
Views on SlideShare
2,066
Embed Views
0

Actions

Likes
1
Downloads
16
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Mobile Anwendungsentwicklung mit Webtechnologien Mobile Anwendungsentwicklung mit Webtechnologien Presentation Transcript

    • Wir freuen uns über Ihre Teilnahme!Das Webinar startet um 14:00 Uhr(auch der Ton wird dann erst angeschaltet!) © 2010 Mayflower GmbH
    • Herzlich Willkommenzum Mayflower Webinar!02. Dezember 2010 © 2010 Mayflower GmbH
    • Referent: Thomas SteurI Seit 2008 bei MayflowerI Senior DeveloperI Co-Developer der offiziellen Piwik Mobile App für iOS & AndroidI Aktuelle Projekte: • SevenGames • Sat1Spiele Mayflower GmbH I 3
    • Mayflower GmbHI Deutschlands führender PHP- und OpenSource DienstleisterI mit Schwerpunkt auf Premium-Web- und Software- EntwicklungI im agilen UmfeldI für Mittelstand und Großkonzerne Mayflower GmbH I 4
    • FolgetermineI Winterpause im Januar 2011I 03. Februar 201 1 „Javasscript: Best practise debugging und logging“ von Martin Ruprecht, Developer bei MayflowerI März 201 1 „ Was wir im Scrum-Team vom ProductOwner erwarten!“ von Jo Brunner, Senior Developer bei MayflowerURL: http://mayflower.de/de/ressourcen/webinare Mayflower GmbH I 5
    • Mobile Anwendungsentwicklung mitWebtechnologienThomas Steur I 02. Dezember 2010 © Mayflower GmbH 2010
    • Mobile ist ein riesiger Markt Mayflower GmbH I 2
    • Mobile Betriebssysteme – ein AuszugI iOS Objective-CI Android Java/CI BlackBerry JavaI Palm webOS HTML5 / CSS / JavaScriptI symbian C++ / JavaI Windows Phone 7 C# / VB.netI Samsung Bada C++ Mayflower GmbH I 3
    • Warum Mobile Apps mit Webtechnologien?I Web ist auf nahezu allen Geräteklassen verfügbarI Hauptsächlich einmalige EntwicklungskostenI Kenntnisse sind bereits vorhandenI Schnelle Entwicklung >> Niedrige Kosten Mayflower GmbH I 4
    • Problem: Fragmentierung der HardwareI Verschiedene Auflösungen und AusrichtungenI Wie viele Buttons? Anordnung der Buttons?I Touch?I Verfügbare Leistung von CPU/GPU?I Wie wird das Gerät bedient?I Sensoren? Mayflower GmbH I 5
    • Problem: Cross BrowserI > 100 verschiedene BrowserI Teilweise nur HTMLI Teilweise CSS1 oder CSS2 u.v.m.I HTML5 & CSS3I Nicht alle Geräte unterstützbar Mayflower GmbH I 6
    • Welche Geräte soll ich unterstützen? Mayflower GmbH I 7
    • Mobile Internetzugriffe – DeutschlandStatCounter http://gs.statcounter.com Mayflower GmbH I 8
    • Mobile Internetzugriffe – NordamerikaStatCounter http://gs.statcounter.com Mayflower GmbH I 9
    • Mobile Internetzugriffe – WeltweitStatCounter http://gs.statcounter.com Mayflower GmbH I 10
    • Was nutzen Ihre User? Mayflower GmbH I 11
    • Möglichkeiten mit Webtechnologien Mayflower GmbH I 12
    • Auf Desktop optimierte WebseiteI Usability suboptimalI Langsam, aufgrund Datenmenge und RenderzeitI Nur neuere Geräte können damit umgehen Mayflower GmbH I 13
    • Auf Mobile optimierte WebseiteI Einfachere Struktur / DesignI Weniger InhalteI Usability ist bereits besserI Unterstützt mehrere Geräte Mayflower GmbH I 14
    • Mobile Web AppsI Webseite mit einem ViewportI Größere ButtonsI Gute UsabilityI Nicht alle Hardware Features, aber vieleI Eher für spezifische Geräteklassen Mayflower GmbH I 15
    • Wie? Mayflower GmbH I 16
    • Web Applikation – erste SchritteI HTML5 & CSS3I Headless BrowserI Zoom ausschaltenI Eigenes IconI Startbildschirm Mayflower GmbH I 17
    • Web Applikation – offline VerfügbarkeitI Offline Storage (LocalStorage) für AnwenderdatenI Manifest Cache für ApplikationI Applikation komplett offline verfügbarI Daten synchronisieren sobald Internet verfügbar Mayflower GmbH I 18
    • Web ApplikationI GeolocationI AudioI VideoI Touch Events Mayflower GmbH I 19
    • Web Applikation – UII CanvasI CSS3I Mehr Infos zu HTML5 http://slides.html5rocks.com http://mugtug.com/sketchpad/ Mayflower GmbH I 20
    • Frameworks für Web AppsI Sencha Touch http://sencha.com/products/touchI jQTouch http://jqtouch.comI jQuery Mobile http://jquerymobile.com Mayflower GmbH I 21
    • Native ApplikationenI Natives Look & FeelI Sehr gute UsabilityI MonetarisierungI SchnellI Erweiterte FunktionalitätenI PlattformspezifischI Updates nicht sofort verfügbar Mayflower GmbH I 22
    • Warum nicht Web und Native Applikationen vereinen? Mayflower GmbH I 23
    • PhoneGapI Web Applikation in einem nativen ContainerI Apps werden erstellt mit HTML5, CSS3, JavaScriptI Eine Code Basis für viele PlattformenI http://phonegap.com Mayflower GmbH I 24
    • PhoneGapNicht alle Plattformen werden gleich unterstützt http://www.phonegap.com/about Mayflower GmbH I 25
    • Welche Vorteile gewinne ich,welche verliere ich dadurch? Mayflower GmbH I 26
    • Titanium MobileI Native Apps mit WebtechnologienI iOS & AndroidI BlackBerry & Google TV ab Q1 2011I Zweitgrößter Application Publisher im Apple Store Mayflower GmbH I 27
    • Titanium MobileI Eine Code BasisI JavaScript APII Auch HTML5/CSS3 möglichI http://appcelerator.com Mayflower GmbH I 28
    • Was heißt das genau? Mayflower GmbH I 29
    • Titanium Mobile – Native Look & FeelI TableViewI TabsI PickerI Form-ElementeI DashboardI Gestures Mayflower GmbH I 30
    • Titanium Mobile – erweiterte FunktionalitätenI SensorenI Kamera (auch Aufnehmen)I KontakteI iAdI DateisystemI DatenbankI Maps Mayflower GmbH I 31
    • Web oder Native App?I Es gibt nicht die EINE AntwortI Es kommt auf die Anforderungen anI Wenn Native: PhoneGap oder Titanium Mobile? Empfehlung: Zuerst Web App danach Native App Mayflower GmbH I 32
    • Was Sie noch wissen sollten... Mayflower GmbH I 33
    • Zugriff auf DatenI REST API + JSONI JSON kann mit JavaScript einfach weiter verarbeitet werden http://demo.piwik.org/?module=API &method=LanguagesManager.getAvailableLanguages &format=JSON ["am","be","bg","ca","cs", "da","de","el","en","es"] Mayflower GmbH I 34
    • W-Fragen (Context)I Wer sind meine User?I Welche Geräte werden am meisten verwendet?I Was für ein Verhalten kann ich erwarten?I Wo/wann wird meine App verwendet?I Wie viel Zeit haben meine User zur Verfügung?I Welches Bedürfnis erfüllt meine App?I Was ist das primäre Ziel meiner User? Mayflower GmbH I 35
    • PrototypingI Papier und BleistiftI Pencil für Firefox, Mac & Windows http://pencil.evolus.vnI Balsamiq http://balsamiq.comI Fireworks Mayflower GmbH I 36
    • UI TippsI Es gibt nicht die richtige/falsche UI, nur: was ist richtig für Ihre UserI User wollen meistens natives Look & FeelI UI nicht einfach von anderen Plattformen portierenI Verwenden von einheitlichen IconsI Ein Designer ist sein Geld wert!!! Mayflower GmbH I 37
    • LinksI UI Guidelines für Mobile und Tablet Web App Design http://www.mobilexweb.com/blog/ui-guidelines-mobile- tablet-designI Webinar HTML5 für PHP Developer http://mayflower.de/de/ressourcen/webinare/html5 Mayflower GmbH I 38
    • Und was können wir für Sie tun? Mayflower GmbH I 39
    • Vielen Dank für Ihre Aufmerksamkeit! Kontakt Thomas Steur thomas.steur@mayflower.de +49 931 35965 1155 Mayflower GmbH Pleichertorstr. 2 97070 Würzburg02.12.10 Mayflower GmbH 40
    • Haben Sie noch Fragen?webinar@mayflower.deFolgetermine: 03. Februar 201 / März 201 1 1URL: http://mayflower.de/de/ressourcen/webinare © 2010 Mayflower GmbH