mobile cross platform development
Post on 19-Jan-2015
1.602 Views
Preview:
DESCRIPTION
TRANSCRIPT
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
Den mobila användingen
www.internetworldstats.com
http://gs.statcounter.com/
The Number Game
3 Maj, 2012 passerade vi 9,5 miljoner i Sverige
(Källa: SCB)
9.5 Miljoner
av Sveriges befolkning har en eller fler mobiltelefoner
(Källa: PTS - Post- och telestyrelsen)
97%
mobilabonnemang finns det i Sverige
(Källa: PTS - Post- och telestyrelsen)
13 Miljoner
av alla telefoner är en Smartphone
(Källa: www.mikz.com)
1/4
av nyförsäljningen av mobiltelefoner är en Smartphone
(Källa: www.mikz.com)
70%
av all internet trafik går via mobila enheter
(Källa: http://gs.statcounter.com)
10%
(Källa: http://gs.statcounter.com/)
Statistiken
Hur når man ut?
Application Stores
The "App Store"
Hiptop Danger Inc.
Apple App Store
Google Play
Windows Phone Marketplace
Amazon Appstore
Ovi Store
BlackBerry App World
The "App Store"
Statistik 2012
(Källa: http://en.wikipedia.org/wiki/App_Store_%28iOS%29)
725 700
10 miljarder
200 miljoner
Utveckling
Apputveckling
Apple
iOS (Unix)
Objective-C,
xCode
Android
Linux based
Java, Eclipse
Windows Phone
Windows CE
C# eller VB,
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
Webb
Hybrid Remote
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
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.
top related