SlideShare 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

PPTX
Esn medness 2012
PPT
It commmittee updates sept2010
PPTX
Infocenter cnr zagreb
PPT
Camp digital marstrand_ascom
PDF
Skapa & Friends Mobil Marknadsföring 2014-03-06
PDF
Hur tar du hand om dina mobila besökare? - Construct IT
PDF
Dagens mobila samhälle
PDF
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...
Esn medness 2012
It commmittee updates sept2010
Infocenter cnr zagreb
Camp digital marstrand_ascom
Skapa & Friends Mobil Marknadsföring 2014-03-06
Hur tar du hand om dina mobila besökare? - Construct IT
Dagens mobila samhälle
Därför behöver du responsiv design på din webbplats - Fakta och 6 tips - Site...

Similar to Mobile cross platform development (20)

PPT
Mattias Sjovall IDG Frukostseminarie 23 maj 2013
PDF
Mobil web
PDF
Smart. Modig. Med hjärta. Oktober 2013.
PDF
Digitala trender & strategi 2013
PDF
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
PDF
Webbstrategi Internetexpo 090217
PDF
Molnet och BigData för AzlanNet
PPTX
Responsiv webbdesign + HTML5 + CSS5
PDF
Future Magazine #1/2015 - Swedish edition
PPTX
Dag Petterson - Sogeti
PPTX
PPTX
Mobilitet i produktionen
PDF
Från potatis till total frihet
PPTX
Netville - Er utvecklingspartner för mobila applikationer
PDF
HT18 - DA156A - Responsive webdesign
PDF
Molnet och-big data-ake-edlund
PDF
HT16 - DA156A - Responsiv webbdesign
PPT
Html5, responsive design och phonegap
PDF
IBM Lotus - Dokumentdelning i modern portalmiljö
PDF
CliqTags - Användningsområden
Mattias Sjovall IDG Frukostseminarie 23 maj 2013
Mobil web
Smart. Modig. Med hjärta. Oktober 2013.
Digitala trender & strategi 2013
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014
Webbstrategi Internetexpo 090217
Molnet och BigData för AzlanNet
Responsiv webbdesign + HTML5 + CSS5
Future Magazine #1/2015 - Swedish edition
Dag Petterson - Sogeti
Mobilitet i produktionen
Från potatis till total frihet
Netville - Er utvecklingspartner för mobila applikationer
HT18 - DA156A - Responsive webdesign
Molnet och-big data-ake-edlund
HT16 - DA156A - Responsiv webbdesign
Html5, responsive design och phonegap
IBM Lotus - Dokumentdelning i modern portalmiljö
CliqTags - Användningsområden
Ad

More from Sigma IT Management (20)

PDF
Kreativ kravställning i en mobil miljö
PDF
Slutgiltlig lean och agilt
PDF
Effektiviser dine crm prosesser emd mobile løsninger
PDF
Peng - Vad Är Nyttan Och Värdet Med Er Innovation
PDF
IPU Analys För Effektivt Arbete
PDF
Hållbar IT - Stor potential för innovationer
PDF
Förändringskommunikation
PPTX
Nyttan med ITIL - Catarina Dehn, Sigma på Edument on Tour malmö 2013-11-14
PDF
Transmartian - Annika Gustafson
PDF
Om öppen data - Marie Gustafsson Friberger
PDF
Calling all changes makers - Charlotte Rydholm
PDF
Konsten att fatta bättre beslut - Pelle Tornell
PDF
Transformering av forskningsresultat och kunskap till affärer, Andrzej Brud, ...
PDF
Mobil innovation, Magnus Witting, Sigma
PDF
Flygning det mest innovativa arbetsättet i förändringssamanhang - harald ei...
PDF
Business modeling in innovation, Bengt Järrehult, SCA
PDF
Att äga sin leverans Martin Andersson, Volvo IT
PDF
Att äga sin leverans martin andersson
PDF
Magnus Andersson och Niclas Stoldt, Sigma om b2 metoden, Från löst snack till...
PDF
Katerina Landin & Marie Klemets från processer till mobila lösningar, en resa...
Kreativ kravställning i en mobil miljö
Slutgiltlig lean och agilt
Effektiviser dine crm prosesser emd mobile løsninger
Peng - Vad Är Nyttan Och Värdet Med Er Innovation
IPU Analys För Effektivt Arbete
Hållbar IT - Stor potential för innovationer
Förändringskommunikation
Nyttan med ITIL - Catarina Dehn, Sigma på Edument on Tour malmö 2013-11-14
Transmartian - Annika Gustafson
Om öppen data - Marie Gustafsson Friberger
Calling all changes makers - Charlotte Rydholm
Konsten att fatta bättre beslut - Pelle Tornell
Transformering av forskningsresultat och kunskap till affärer, Andrzej Brud, ...
Mobil innovation, Magnus Witting, Sigma
Flygning det mest innovativa arbetsättet i förändringssamanhang - harald ei...
Business modeling in innovation, Bengt Järrehult, SCA
Att äga sin leverans Martin Andersson, Volvo IT
Att äga sin leverans martin andersson
Magnus Andersson och Niclas Stoldt, Sigma om b2 metoden, Från löst snack till...
Katerina Landin & Marie Klemets från processer till mobila lösningar, en resa...
Ad

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.