Mobile cross platform development

  • 1,572 views
Uploaded on

Presentation av Johan Holm och Jörgen Bengtsson den 11 maj 2012

Presentation av Johan Holm och Jörgen Bengtsson den 11 maj 2012

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
1,572
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
7
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Mobile Cross Development Johan Holm och Jörgen BengtssonVarje år bjuder vi in våra kunder till tre inspirationsdagar där vi lyfter fram demest intressanta IT-frågorna med fokus på strategi, teknik ellerkommunikation. Dagarna inleds med en intressant och aktuellhuvudföreläsare. Därefter bjuder vi på vår specialistkompetens i block medparallella seminarier som hör till dagens tema.
  • 2. Om oss • Johan Holm • johan.holm@sigma.se • Jobbar på Sigma i Alingsås • Utvecklare sedan 8 år tillbaka med specialitet i mobila system • Arbetat med bland annat Ascom, Liseberg, VGR • Jörgen Bengtsson • jorgen.bengtsson@sigma.se • Jobbar på Sigma i Alingsås • Utvecklar sedan 14 år tillbaka med specialitet i mobila system • Arbetar med bland annat LisebergVarje år bjuder vi in våra kunder till tre inspirationsdagar där vi lyfter fram demest intressanta IT-frågorna med fokus på strategi, teknik ellerkommunikation. Dagarna inleds med en intressant och aktuellhuvudföreläsare. Därefter bjuder vi på vår specialistkompetens i block medparallella seminarier som hör till dagens tema.
  • 3. Mobile CrossDevelopment?
  • 4. Mobil Enhet?
  • 5. Den mobila enhetens historia1973 - Det första mobilsamtalet1983 - Motorola DynaTAC 8000XSlutet 80-talet - "Feature Phones"1993 - "Simon", första "Smartphonen"2000 - Mobil + öppet operativsystem = Symbian OS Första mobilen att kallas Smartphone2001 - Windows CE Pocket PC OS2007 - iPhone
  • 6. Smartphone
  • 7. The Number Game Den mobila användingen www.internetworldstats.com http://gs.statcounter.com/
  • 8. 9.5 Miljoner3 Maj, 2012 passerade vi 9,5 miljoner i Sverige (Källa: SCB)
  • 9. 97%av Sveriges befolkning har en eller fler mobiltelefoner (Källa: PTS - Post- och telestyrelsen)
  • 10. 13 Miljonermobilabonnemang finns det i Sverige(Källa: PTS - Post- och telestyrelsen)
  • 11. 1/4av alla telefoner är en Smartphone (Källa: www.mikz.com)
  • 12. 70%av nyförsäljningen av mobiltelefoner är en Smartphone (Källa: www.mikz.com)
  • 13. 10%av all internet trafik går via mobila enheter (Källa: http://gs.statcounter.com)
  • 14. Statistiken (Källa: http://gs.statcounter.com/)
  • 15. Hur når man ut?
  • 16. Application Stores Hiptop Danger Inc.The "App Store" Apple App Store Google PlayWindows Phone Marketplace Amazon Appstore Ovi Store BlackBerry App World
  • 17. The "App Store" 725 700 200 miljoner 10 miljarder Statistik 2012 (Källa: http://en.wikipedia.org/wiki/App_Store_%28iOS%29)
  • 18. Utveckling
  • 19. ApputvecklingApple Android Windows PhoneiOS (Unix) Linux based Windows CEObjective-C, Java, Eclipse C# eller VB,xCode Silverlight, XNA Visual Studio
  • 20. Cross-platformMed webbtekniker- en kodbas- gemensam syntaxWebKitSafari (Mac, iPhone, iPad & iPod),Google Chrome,Android smartphones,och tablets
  • 21. Smartphone vs. Desktop- Viewport- Pekdon- Screen dimensions- Swipe- Portrait & Landscape
  • 22. Mobile Web FrameworksFå native känsla med Mobile Web Frameworks- jQuery Mobile- Sencha- jQTouch
  • 23. jQuery MobileTouch-optimized mobile web framworkFeatures* Compatible with all major mobile platforms* Built on top of JQuery core* Theming framework for custom themes* Limited dependencies and lightweight* Same codebase will automatically scale to any screen size* HTML5-driven configuration for laying out pages with minimal scripting* Ajax powered navigation with animation of page transitions* Touch-optimized UI widgets
  • 24. <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div data-role="page" id="first" data-theme="a"> <div data-role="header"> <h1>Page Title1</h1> </div><!-- /header --> <div data-role="content"> <p>Page content goes here.</p> <a href="#second">Go to second page</a> </div><!-- /content --> <div data-role="footer"> <h4>Page Footer1</h4> </div><!-- /footer --> </div><!-- /page --> <div data-role="page" id="second" data-add-back-btn="true" data-theme="b"> <div data-role="header"> <h1>Page Title2</h1> </div><!-- /header --> <div data-role="content"> <p>Page content goes here.</p> </div><!-- /content --> <div data-role="footer"> <h4>Page Footer2</h4> </div><!-- /footer --> </div><!-- /page --> </body> </html>
  • 25. jQuery Mobile
  • 26. Cross-platformPhoneGapStödjer iOS, Android, Windows Phone, och BlackBerry
  • 27. Cross-platformHybrid appsLocal Web Consumption - offlineRemote Webb Consumption- uppdatering
  • 28. Cross-platform development
  • 29. Cross-platform Hybrid Remote Webb Consumption
  • 30. Cross-platform PhoneGap - Local Web Consumption
  • 31. Native vs. WebbSpel, typ Angry BirdsMultitaskingNetworking
  • 32. SummeringCross-platformMobile Web Frameworks- jQuery MobileHybridapp- Local Web Consumption- Remote Web Consumption
  • 33. Frågor?Varje år bjuder vi in våra kunder till tre inspirationsdagar där vi lyfter fram demest intressanta IT-frågorna med fokus på strategi, teknik ellerkommunikation. Dagarna inleds med en intressant och aktuellhuvudföreläsare. Därefter bjuder vi på vår specialistkompetens i block medparallella seminarier som hör till dagens tema.