38
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.

Mobile cross platform development

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Mobile cross platform development

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.

Page 2: Mobile cross platform development

Om oss

• Johan Holm • [email protected]

• 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 • [email protected]

• 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.

Page 3: Mobile cross platform development

Mobile Cross

Development?

Page 4: Mobile cross platform development

Mobil Enhet?

Page 5: Mobile cross platform development

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

Page 6: Mobile cross platform development

Smartphone

Page 7: Mobile cross platform development

Den mobila användingen

www.internetworldstats.com

http://gs.statcounter.com/

The Number Game

Page 8: Mobile cross platform development

3 Maj, 2012 passerade vi 9,5 miljoner i Sverige

(Källa: SCB)

9.5 Miljoner

Page 9: Mobile cross platform development

av Sveriges befolkning har en eller fler mobiltelefoner

(Källa: PTS - Post- och telestyrelsen)

97%

Page 10: Mobile cross platform development

mobilabonnemang finns det i Sverige

(Källa: PTS - Post- och telestyrelsen)

13 Miljoner

Page 11: Mobile cross platform development

av alla telefoner är en Smartphone

(Källa: www.mikz.com)

1/4

Page 12: Mobile cross platform development

av nyförsäljningen av mobiltelefoner är en Smartphone

(Källa: www.mikz.com)

70%

Page 13: Mobile cross platform development

av all internet trafik går via mobila enheter

(Källa: http://gs.statcounter.com)

10%

Page 14: Mobile cross platform development
Page 15: Mobile cross platform development

(Källa: http://gs.statcounter.com/)

Statistiken

Page 16: Mobile cross platform development
Page 17: Mobile cross platform development
Page 18: Mobile cross platform development

Hur når man ut?

Page 19: Mobile cross platform development

Application Stores

The "App Store"

Hiptop Danger Inc.

Apple App Store

Google Play

Windows Phone Marketplace

Amazon Appstore

Ovi Store

BlackBerry App World

Page 20: Mobile cross platform development

The "App Store"

Statistik 2012

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

725 700

10 miljarder

200 miljoner

Page 21: Mobile cross platform development

Utveckling

Page 22: Mobile cross platform development

Apputveckling

Apple

iOS (Unix)

Objective-C,

xCode

Android

Linux based

Java, Eclipse

Windows Phone

Windows CE

C# eller VB,

Silverlight, XNA

Visual Studio

Page 23: Mobile cross platform development

Cross-platform

Med webbtekniker

- en kodbas

- gemensam syntax

WebKit

Safari (Mac, iPhone, iPad & iPod),

Google Chrome,

Android smartphones,

och tablets

Page 24: Mobile cross platform development

Smartphone vs. Desktop

- Viewport

- Pekdon

- Screen dimensions

- Swipe

- Portrait &

Landscape

Page 25: Mobile cross platform development

Mobile Web Frameworks

Få native känsla med Mobile Web Frameworks

- jQuery Mobile

- Sencha

- jQTouch

Page 26: Mobile cross platform development

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

Page 27: Mobile cross platform development

<!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>

Page 28: Mobile cross platform development

jQuery Mobile

Page 29: Mobile cross platform development

Cross-platform

PhoneGap

Stödjer iOS, Android, Windows Phone, och BlackBerry

Page 30: Mobile cross platform development

Cross-platform

Hybrid apps

Local Web Consumption

- offline

Remote Webb Consumption

- uppdatering

Page 31: Mobile cross platform development

Cross-platform development

Page 32: Mobile cross platform development

Cross-platform

Webb

Hybrid Remote

Consumption

Page 33: Mobile cross platform development

Cross-platform

PhoneGap - Local Web Consumption

Page 34: Mobile cross platform development

Native vs. Webb

Spel, typ Angry Birds

Multitasking

Networking

Page 35: Mobile cross platform development

Summering

Cross-platform

Mobile Web Frameworks

- jQuery Mobile

Hybridapp

- Local Web Consumption

- Remote Web Consumption

Page 36: Mobile cross platform development
Page 37: 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.

Page 38: Mobile cross platform development