75
스마트 디바이스 크로스 플렛폼 개발 kt h / 기술연구소 웹플렛폼Lab / 김민태 차장 [email protected] / [email protected] @ibare / http://www.ibare.kr

스마트미디어 크로스플렛폼 개발 전략

  • Upload
    -

  • View
    2.164

  • Download
    4

Embed Size (px)

DESCRIPTION

스마트 미디어 크로스 플렛폼 개발 전략에서 웹기술은 왜 중요한가? 하이브리드 개발전략이 필수 적인 이유

Citation preview

Page 1: 스마트미디어 크로스플렛폼 개발 전략

스마트 디바이스 크로스 플렛폼 개발kth / 기술연구소웹플렛폼Lab / 김민태 차장[email protected] / [email protected]

@ibare / http://www.ibare.kr

Page 2: 스마트미디어 크로스플렛폼 개발 전략

스마트디바이스?

Page 3: 스마트미디어 크로스플렛폼 개발 전략

Google Trend

Page 4: 스마트미디어 크로스플렛폼 개발 전략

공통점

Page 5: 스마트미디어 크로스플렛폼 개발 전략

Fixed

Fixed

Page 6: 스마트미디어 크로스플렛폼 개발 전략

소프트웨어

Page 7: 스마트미디어 크로스플렛폼 개발 전략

App

Page 8: 스마트미디어 크로스플렛폼 개발 전략

아름다운 외모

Page 9: 스마트미디어 크로스플렛폼 개발 전략

빠르고높은 성능

Page 10: 스마트미디어 크로스플렛폼 개발 전략

앱 마켓

Page 11: 스마트미디어 크로스플렛폼 개발 전략

Smart Life

Page 12: 스마트미디어 크로스플렛폼 개발 전략

$$$$$$

Page 13: 스마트미디어 크로스플렛폼 개발 전략

어떻게개발해야 할까요?

Page 14: 스마트미디어 크로스플렛폼 개발 전략
Page 15: 스마트미디어 크로스플렛폼 개발 전략

네이티브 앱

Page 16: 스마트미디어 크로스플렛폼 개발 전략
Page 17: 스마트미디어 크로스플렛폼 개발 전략
Page 18: 스마트미디어 크로스플렛폼 개발 전략
Page 19: 스마트미디어 크로스플렛폼 개발 전략

위기의 시대

Page 20: 스마트미디어 크로스플렛폼 개발 전략

너무 많은 개발 환경

Page 21: 스마트미디어 크로스플렛폼 개발 전략

DOS &WindowsFamily

Page 22: 스마트미디어 크로스플렛폼 개발 전략

모바일시대

Page 23: 스마트미디어 크로스플렛폼 개발 전략
Page 24: 스마트미디어 크로스플렛폼 개발 전략
Page 25: 스마트미디어 크로스플렛폼 개발 전략
Page 26: 스마트미디어 크로스플렛폼 개발 전략
Page 27: 스마트미디어 크로스플렛폼 개발 전략
Page 28: 스마트미디어 크로스플렛폼 개발 전략
Page 29: 스마트미디어 크로스플렛폼 개발 전략

너무 느리고...

Page 30: 스마트미디어 크로스플렛폼 개발 전략

애플이미워요!

Page 31: 스마트미디어 크로스플렛폼 개발 전략

Android MarketApp Catalog

App StoreApp World

Ovi Store

Windows Phone Marketplace

Amazon Appstore

AmmApp

AndSpotApp Center

Appitalism

AppsLib

BloomWorlds

CellmaniaGetJar

MobileRated Handmark

Mobango

Handango

explorePDA.com

LG Application StoreMiKandi

MobiHand

Mobspot

Mobile2DaySmartphone.net

PocketGearAndroidGear

SymbianGear

RimGear

PalmGear

Samsung Application Store

SlideME

Nduoa Market

Software Store

VZAppZone

Page 33: 스마트미디어 크로스플렛폼 개발 전략

Apple83%

Blackberry8%

Nokia5%

Android5%

AppStoreMarketShare

Page 34: 스마트미디어 크로스플렛폼 개발 전략

우리가 가야할올바른 길은?

Page 35: 스마트미디어 크로스플렛폼 개발 전략

20%400+

Page 36: 스마트미디어 크로스플렛폼 개발 전략
Page 37: 스마트미디어 크로스플렛폼 개발 전략

Video

CanvasSVGCSS3

GeolocationWeb Storage Semantic

WebSocket

JavascriptARIA

MathML

Audio

Device Element

New Form

Drag & Drop

Microdata

Offline ApplicationCacheWebGL Files

Web Worker

Device APIs

Page 38: 스마트미디어 크로스플렛폼 개발 전략

0

67

133

200

267

333

400

25 26 41

141

286

327

253

278

307

25

222

303

234

277

IE6 IE7 IE8 IE9 Firefox4Chrome

SafariOpera

WebKitBlackberry

DesktopMobile

www.html5test.com

Page 39: 스마트미디어 크로스플렛폼 개발 전략
Page 40: 스마트미디어 크로스플렛폼 개발 전략
Page 41: 스마트미디어 크로스플렛폼 개발 전략
Page 42: 스마트미디어 크로스플렛폼 개발 전략
Page 43: 스마트미디어 크로스플렛폼 개발 전략

HTMLCSS

Javascript

Page 44: 스마트미디어 크로스플렛폼 개발 전략

풍부한 자원

Page 45: 스마트미디어 크로스플렛폼 개발 전략
Page 46: 스마트미디어 크로스플렛폼 개발 전략
Page 47: 스마트미디어 크로스플렛폼 개발 전략
Page 48: 스마트미디어 크로스플렛폼 개발 전략
Page 49: 스마트미디어 크로스플렛폼 개발 전략
Page 50: 스마트미디어 크로스플렛폼 개발 전략
Page 51: 스마트미디어 크로스플렛폼 개발 전략
Page 52: 스마트미디어 크로스플렛폼 개발 전략
Page 53: 스마트미디어 크로스플렛폼 개발 전략
Page 54: 스마트미디어 크로스플렛폼 개발 전략
Page 55: 스마트미디어 크로스플렛폼 개발 전략

Device Resource

Accessibility

Cross-domain

Confidence

Performance

Page 56: 스마트미디어 크로스플렛폼 개발 전략

?

Page 57: 스마트미디어 크로스플렛폼 개발 전략

HybridApps

Page 58: 스마트미디어 크로스플렛폼 개발 전략
Page 59: 스마트미디어 크로스플렛폼 개발 전략
Page 60: 스마트미디어 크로스플렛폼 개발 전략

OS

Browser

Native

과거의 하이브리드

Page 61: 스마트미디어 크로스플렛폼 개발 전략

OS

Native

Browser

현재의 하이브리드

Page 62: 스마트미디어 크로스플렛폼 개발 전략

Camera

Contact

Network

Page 63: 스마트미디어 크로스플렛폼 개발 전략
Page 64: 스마트미디어 크로스플렛폼 개발 전략
Page 65: 스마트미디어 크로스플렛폼 개발 전략
Page 66: 스마트미디어 크로스플렛폼 개발 전략
Page 67: 스마트미디어 크로스플렛폼 개발 전략
Page 68: 스마트미디어 크로스플렛폼 개발 전략
Page 69: 스마트미디어 크로스플렛폼 개발 전략
Page 70: 스마트미디어 크로스플렛폼 개발 전략
Page 71: 스마트미디어 크로스플렛폼 개발 전략
Page 72: 스마트미디어 크로스플렛폼 개발 전략
Page 73: 스마트미디어 크로스플렛폼 개발 전략

15%

16%

11%

8%

7%

6%

6%4%4%3%

3%

3%

2%

2%

2%

2%2%2%2%0%

Games Books Ententainment Education Lifestyle UtilitiesTravel Music Reference Business Sports NewsProductivity Health & Fit Photography Navigation Finance Social NetMedical Weather

Page 74: 스마트미디어 크로스플렛폼 개발 전략

감사합니다@ibare

Page 75: 스마트미디어 크로스플렛폼 개발 전략

Referencehttp://www.flickr.com/photos/ivyfield/4731067716

http://www.flickr.com/photos/47001679@N07/4310534304/sizes/l/in/photostreamhttp://www.flickr.com/photos/megapickles/56697404http://www.flickr.com/photos/figurebox/5606060497http://www.flickr.com/photos/samsungtomorrow/5525806124http://www.flickr.com/photos/ferrari599fanaticphotos/5156607714

http://www.flickr.com/photos/25579561@N07/5249810498http://www.flickr.com/photos/fiftymm99/5200589729/sizes/l/in/photostreamhttp://www.flickr.com/photos/wolfgangfoto/2165982820http://www.flickr.com/photos/asirap/5588196298http://www.flickr.com/photos/yubyungman/71071623

http://www.flickr.com/photos/alcomike/5718899153http://www.flickr.com/photos/spunkinator/3029105482http://www.flickr.com/photos/ausnahmezustand/4752989186http://www.flickr.com/photos/spookman01/5781378427http://www.flickr.com/photos/jamesridle/4546933446

http://www.flickr.com/photos/sgoralnick/4755432370/