ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
Mobile Cross
                                          Development
                                       Johan Holm och Jörgen Bengtsson




Varje år bjuder vi in våra kunder till tre inspirationsdagar där vi lyfter fram de
mest intressanta IT-frågorna med fokus på strategi, teknik eller
kommunikation. Dagarna inleds med en intressant och aktuell
huvudföreläsare. Därefter bjuder vi på vår specialistkompetens i block med
parallella seminarier som hör till dagens tema.
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 Liseberg

Varje år bjuder vi in våra kunder till tre inspirationsdagar där vi lyfter fram de
mest intressanta IT-frågorna med fokus på strategi, teknik eller
kommunikation. Dagarna inleds med en intressant och aktuell
huvudföreläsare. Därefter bjuder vi på vår specialistkompetens i block med
parallella seminarier som hör till dagens tema.
Mobile Cross
Development?
Mobil Enhet?
Den mobila enhetens historia
1973 - Det första mobilsamtalet


1983 - Motorola DynaTAC 8000X


Slutet 80-talet - "Feature Phones"


1993 - "Simon", första "Smartphonen"


2000 - Mobil + öppet operativsystem = Symbian OS
      Första mobilen att kallas Smartphone


2001 - Windows CE Pocket PC OS


2007 - iPhone
Smartphone
The Number Game
 Den mobila användingen
       www.internetworldstats.com
        http://gs.statcounter.com/
9.5 Miljoner
3 Maj, 2012 passerade vi 9,5 miljoner i Sverige
                (Källa: SCB)
97%
av Sveriges befolkning har en eller fler mobiltelefoner
        (Källa: PTS - Post- och telestyrelsen)
13 Miljoner
mobilabonnemang finns det i Sverige
(Källa: PTS - Post- och telestyrelsen)
1/4
av alla telefoner är en Smartphone
       (Källa: www.mikz.com)
70%
av nyförsäljningen av mobiltelefoner är en Smartphone
                (Källa: www.mikz.com)
10%
av all internet trafik går via mobila enheter
       (Källa: http://gs.statcounter.com)
Mobile cross platform development
Statistiken
 (Källa: http://gs.statcounter.com/)
Mobile cross platform development
Mobile cross platform development
Hur når man ut?
Application Stores
       Hiptop Danger Inc.




The "App Store"
      Apple App Store
       Google Play
Windows Phone Marketplace
     Amazon Appstore
         Ovi Store
   BlackBerry App World
The "App Store"



      725 700




    200 miljoner




     10 miljarder



                                                               Statistik 2012
                    (Källa: http://en.wikipedia.org/wiki/App_Store_%28iOS%29)
Utveckling
Apputveckling




Apple          Android         Windows Phone
iOS (Unix)     Linux based     Windows CE
Objective-C,   Java, Eclipse   C# eller VB,
xCode                          Silverlight, XNA
                               Visual Studio
Cross-platform
Med webbtekniker

- en kodbas

- gemensam syntax


WebKit
Safari (Mac, iPhone, iPad & iPod),
Google Chrome,
Android smartphones,
och tablets
Smartphone vs. Desktop

- Viewport
- Pekdon
- Screen dimensions
- Swipe
- Portrait &
  Landscape
Mobile Web Frameworks
Få native känsla med Mobile Web Frameworks

- jQuery Mobile

- Sencha

- jQTouch
jQuery Mobile
Touch-optimized mobile web framwork

Features
* 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
<!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>
jQuery Mobile
Cross-platform
PhoneGap




Stödjer iOS, Android, Windows Phone, och BlackBerry
Cross-platform
Hybrid apps

Local Web Consumption
 - offline

Remote Webb Consumption
- uppdatering
Cross-platform development
Cross-platform
                 Hybrid Remote
    Webb          Consumption
Cross-platform
   PhoneGap - Local Web Consumption
Native vs. Webb
Spel, typ Angry Birds

Multitasking

Networking
Summering
Cross-platform

Mobile Web Frameworks
- jQuery Mobile

Hybridapp
- Local Web Consumption
- Remote Web Consumption
Mobile cross platform development
Frågor?




Varje år bjuder vi in våra kunder till tre inspirationsdagar där vi lyfter fram de
mest intressanta IT-frågorna med fokus på strategi, teknik eller
kommunikation. Dagarna inleds med en intressant och aktuell
huvudföreläsare. Därefter bjuder vi på vår specialistkompetens i block med
parallella seminarier som hör till dagens tema.
Mobile cross platform development

More Related Content

Mobile cross platform development

  • 1. Mobile Cross Development Johan Holm och Jörgen Bengtsson Varje Ã¥r bjuder vi in vÃ¥ra kunder till tre inspirationsdagar där vi lyfter fram de mest intressanta IT-frÃ¥gorna med fokus pÃ¥ strategi, teknik eller kommunikation. Dagarna inleds med en intressant och aktuell huvudföreläsare. Därefter bjuder vi pÃ¥ vÃ¥r specialistkompetens i block med parallella 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 Liseberg Varje Ã¥r bjuder vi in vÃ¥ra kunder till tre inspirationsdagar där vi lyfter fram de mest intressanta IT-frÃ¥gorna med fokus pÃ¥ strategi, teknik eller kommunikation. Dagarna inleds med en intressant och aktuell huvudföreläsare. Därefter bjuder vi pÃ¥ vÃ¥r specialistkompetens i block med parallella seminarier som hör till dagens tema.
  • 5. Den mobila enhetens historia 1973 - Det första mobilsamtalet 1983 - Motorola DynaTAC 8000X Slutet 80-talet - "Feature Phones" 1993 - "Simon", första "Smartphonen" 2000 - Mobil + öppet operativsystem = Symbian OS Första mobilen att kallas Smartphone 2001 - Windows CE Pocket PC OS 2007 - iPhone
  • 7. The Number Game Den mobila användingen www.internetworldstats.com http://gs.statcounter.com/
  • 8. 9.5 Miljoner 3 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 Miljoner mobilabonnemang finns det i Sverige (Källa: PTS - Post- och telestyrelsen)
  • 11. 1/4 av 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)
  • 19. Application Stores Hiptop Danger Inc. The "App Store" Apple App Store Google Play Windows Phone Marketplace Amazon Appstore Ovi Store BlackBerry App World
  • 20. The "App Store" 725 700 200 miljoner 10 miljarder Statistik 2012 (Källa: http://en.wikipedia.org/wiki/App_Store_%28iOS%29)
  • 22. Apputveckling Apple Android Windows Phone iOS (Unix) Linux based Windows CE Objective-C, Java, Eclipse C# eller VB, xCode Silverlight, XNA Visual Studio
  • 23. Cross-platform Med webbtekniker - en kodbas - gemensam syntax WebKit Safari (Mac, iPhone, iPad & iPod), Google Chrome, Android smartphones, och tablets
  • 24. Smartphone vs. Desktop - Viewport - Pekdon - Screen dimensions - Swipe - Portrait & Landscape
  • 25. Mobile Web Frameworks FÃ¥ native känsla med Mobile Web Frameworks - jQuery Mobile - Sencha - jQTouch
  • 26. jQuery Mobile Touch-optimized mobile web framwork Features * 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
  • 27. <!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>
  • 29. Cross-platform PhoneGap Stödjer iOS, Android, Windows Phone, och BlackBerry
  • 30. Cross-platform Hybrid apps Local Web Consumption - offline Remote Webb Consumption - uppdatering
  • 32. Cross-platform Hybrid Remote Webb Consumption
  • 33. Cross-platform PhoneGap - Local Web Consumption
  • 34. Native vs. Webb Spel, typ Angry Birds Multitasking Networking
  • 35. Summering Cross-platform Mobile Web Frameworks - jQuery Mobile Hybridapp - Local Web Consumption - Remote Web Consumption
  • 37. FrÃ¥gor? Varje Ã¥r bjuder vi in vÃ¥ra kunder till tre inspirationsdagar där vi lyfter fram de mest intressanta IT-frÃ¥gorna med fokus pÃ¥ strategi, teknik eller kommunikation. Dagarna inleds med en intressant och aktuell huvudföreläsare. Därefter bjuder vi pÃ¥ vÃ¥r specialistkompetens i block med parallella seminarier som hör till dagens tema.