대구대학교 정보통싞공학부 정규만

現 대구대학교 앱창작터 센터장

現 대구대학교 앱센터 센터장

HTML5를 이용핚스마트 기기의 콘텐츠 개발 전략

R&D at SAMSUNG

• Symbian phone development

– Impulse (Dual slide music phone, SGH-i450)

– Martini (Fashion smart phone, SGH-i550)

– Scotch (Mobile navigation phone, SGH-i560)

– Primera (All-in-one phone, GT-I8510)

R&D at SAMSUNG

• Symbian phone development

– Omnia HD (Rival Horse of i-Phone, GT-I8910)

Smart Phone

Things you need to know about SMARTPHONE

폭발적읶 스마트폰 시장 확대는 누가 이끌어 가고 있을까?

It’s Apple, No doubt

“스마트폰의 재 창조”

“출시 후 3년이 채 되지 않은 상황에서 글로벌 스마트폰 시장 18% 점유”

“2008년 8월 App Store Launch, 9개월만에 10억 Download 기록”

“애플은 앱스토어로만 연갂 1조원 수익”“개발자는 약 2조원 수익”

“iPhone 전용 UI Engine 사용으로혁싞적읶 사용 성 제공”

“직관적읶 UI로 비 전문가도 손쉽게사용핛 수 있도록 배려”

“비 효율적이거나 사용성에 문제가될 소지가 있는 스마트폰 Feature는과감하게 제거(Multi-tasking, Storage 기능, 외장 메모리 등)”

“이미 수 년 전에 노키아 삼성 등이적용했던 기술들을 Apple 방식으로재 구성하여 성공”

“매우 폐쇄적읶 소프트웨어 정책을고수 but SDK과 App Store 를 통해건전핚 Ecosystem 구축에 성공”

“전 세계 수 많은 업체들과 개읶 개발자들을 iPhone Application 사업으로 Gold Rush 하도록 만듦”

“iPad 출시를 통해 미디어 및 방송사업까지 확대 중”

Things you need to know about SMARTPHONE

폭발적읶 스마트폰 시장 확대는 누가 이끌어 가고 있을까?

It’s Google, No doubt

“스마트폰 SW Platform의 혁싞”

“기존 Symbian, Windows Mobile 등의 License 정책에 반하는 무료 사용 정책”

“단말 제조 시 가장 큰 짂입장벽 이었던각종 통싞관렦 SW 모듈의 IPR을 구매해서 무상으로 제공”

“소스코드 공개”

“제조사의 Platform Customization 허락”

“다양핚 Google의 서비스를 Open API로 제공”

“Android Market(앱스토어) 서비스 제공”

“기존 휴대폰 산업의 Value Chain을 깨트리고 개방 함”

“Tier1 휴대폰 제조업체 외의 Non-Mobile 업체들의 Android 폰 제조 참여유도 성공“

“OS로서 훌륭하지만 표준화 된 UI Platform이 없던 Linux에 Google이managing하는 UI Platform을 제시하여성공리에 Launch“

“휴대폰 뿐 아니라, 냉장고, TV, 토스터, Connectivity와 Application이 필요핚 모든전자기기에 대응 가능하도록 설계”

“Openness의 대표로서 Controlled walled garden의 Apple에 대해 반Apple 경쟁구도 생성. 경쟁을 통핚 시너지 확대”

Things you need to know about SMARTPHONE

그래서 스마트폰이 어떤 것들을 바꿔 놓았나?

App Store가 iPhone 판매량에 미친 영향

Apple App Store Launch 시점

Application이 가짂 무핚핚 가능성을 시장으로, THE App Store

Things you need to know about SMARTPHONE

N’ Screen Service Apple

Apple ecosystem의 짂화 방향 예측

1st Gen

iPod Touch iPhone

2nd Gen

iPad

3rd Gen

Apple TV

Game 위주 LBS, SNS, Cam, Sensor등의

Mashup App 기존 Mobile App 또는 IT

information업체 개인 개발자 등이 주도적 참여

출판 업체 및 오프라인 매체기반 업체들의 참여.

Sync 및 Cloud 기반 업체들의 스트리밍 서비스 추가

유 무료 동영상 제공업체 ABC, CBS 등의 방송 미디어

업체들의 참여

Cloud 기반의 멀티미디어서비스 추가

TV, 드라마, 영화 제작사, 대용량 HD/Full HD급의 멀티미디어 서비스 추가

iPod, iPhone, ipad 등 Infortainment 통싞 단말과 iTunes Ecosystem을 기반으로 모든 Infortainment 시장을 선도적으로 장악하기 위핚 전략적 접근으로 사료됨.

* 2010.04 Roagroup 분석자료 재구성

Things you need to know about SMARTPHONE

그래서 스마트폰이 어떤 것들을 바꿔 놓았나?

통싞사업자 주도 시장을 Open Market으로

As was As is

Network Operator

Contents(Very Limited due to Operator’s walled garden)

Platform Device

Platforms

App Stores

Device Vender 1

Device Vender n’

Device Device

Contents• 인터넷 포털• 방송사• 개인 개발자• 서비스 가능한 모든 컨텐츠 분야

Consumer

Consumer

3G Network Operator

Wifi Network

Wibro Network

Open Market 向 개발의 문제점

아이디어는 있다.

잘 팔릴까? 유사한 개발품이 있는

가?

프로그래밍은 나 혼자 하지만기획, 디자인, 사운드는 어떡하지?

이미 개발된 모듈이 있으면 좋겠다.

아무래도.. 팀이 필요하다!!팀원을 어떻게 구하지?

생각보다 신경 써야 할 것이 너무 많다. 등록절차는 어떻게 되

는 거지?

특허에 문제는 없나?

개읶의 역량 핚계를 극복할 조직적읶 지원이 필요

개발해 와라!! 내가 팔아 줄께

주요업적

센터개요

교수진센터 위치

안드로이드, 아이폰, 피쳐폰 등

모바일 앱 개발 진행

2010년 봄학기 20여 개의

모바일 앱 개발을 완료함

모바일 앱 개발 스마트폰 R&D 참여

스마트폰 자체에 대한 이해를

위해 ㈜ 휴원 등과 협력관계를

맺고 R&D에 참여하고 있음

업체와 학생의 만족도가 높음

문화콘텐츠 기술개발

기존의 3D 데이터를 수묵화를

비롯한 다양한 전통 기법으로

렌더링하는 기반 기술 개발

CT 분야에 널리 응용 가능

주요활동

지식경제부 모바일융합

신산업 글로벌 경쟁력

강화사업 참여

2009년 대구광역시 예타 사업

모바일 사업 융합콘텐츠 사업문화관광부 차세대 미디어

기반 융합콘텐츠 개발사업 참여

차세대 미디어 기반의

교육 콘텐츠 개발 분과 위원장

(정규만 교수)

인력 양성 사업

안드로이드 자체 교육 실시

안드로이드 개발 키트 구비

교육과정과 연계하여 인력

양성 사업을 진행하고 있음

참여 학생

대구대학교 정보통신대학

공학7호관 7311B호

센터장: 정규만 교수

참여교수: 총 8명

박사과정: 5명

석사과정: 20명

학사과정: 30명

모바일 앱 개발(트위터 프로그램)

스마트폰 R&D(Omnia HD)

문화콘텐츠 기술개발(수묵화 렌더링 기술)

일시: 2010년 8월 26일장소: 정보통신대학 정문

참석자: 대구대총장, 정보통신대학 문병현 학장, 정규만 센터장, 김종율 문화부 국장, KAIST 김진형 교수 등

모바읷앱전문읶력양성

모바읷앱창업지원모바읷앱

개발지원

기본 및 전문 개발자 교육앆드로이드, 아이폰, 바다플랫폼 활용 교육

특허지원, 법률지원경영 컨설팅 지원창업 자금 지원모바읷 앱 디자읶 지원

앱 리소스 DB 구축모바읷앱 테스트베드 구축

모바읷 앱개발 단계별 지원 사업

1단계2단계

3단계

HTML5

18

• Apple AppStore 이전의 판매방식– 애플리케이션 판매회사의 광고 + 별도의 판매 사이트– 초기 투자 비용과 개인 개발자의 참여 어려움

• 2008년 애플(Apple)은 아이폰을 위한 앱스토어를 오픈– 애플에서 어플리케이션의 등록, 심사, 판매 및 수익 정산 작업 제공– 어플리케이션 개발자와 통신망 사업자 사이에 수평적인 구조 제공– 2009년 7월에 6만 5천 2백여개의 어플리케이션이 등록

• 총 15억 다운로드라는 수치를 기록• 최대 1억 6,000만 달러 이상의 매출을 달성했을 것으로 예상

Application Market

19

마켓명칭iPhone

App Store Android

App Market Nokia

Ovi Store BlackBerryApp World

삼성전자Samsung

Apps

Windows Marketplacefor Mobile

회 사 애플(Apple) 구글(Google) 노키아(Nokia) RIM 삼성전자마이크로소프

트

시 작 일 2008년 7월 2008년 11월 2009년 5월 2009년 3월 2009년 9월 2009년 5월

수익배분 70%:30%(애플) 70%:30%(통신사) 70%:30% 80%:20% 70%:30% 70%:30%

운영체계 OS X(iPhone) Android Symbian BlackBerry OS bada 등Windows Mobile

플랫폼공개

폐쇄형 공개 공개 폐쇄형 폐쇄형 폐쇄형

주요개발언어

Objective-C/ Cocoa

JAVA C++ / Qt JAVA bada C++ 등C++,

실버라이트, 닷넷

• 애플 AppStore 성공으로 다른 플랫폼에서도 App Market 제공

주요 스마트폰 Application Market

20

• 앱스토어의 분열

– 개발자 관점 : 가장 많은 모바일 플랫폼 대상

» ▷ 다양한 OS 기반으로 포팅

– 사업자 관점 : 선호도가 폰은 폰에 의해 시장 결정

– 폰벤더 관점 : 개발자 지원, App Test 등의 문제점 도래

• 크로스플랫폼(Cross-Platform) 개발

- 하나의 소스코드로 여러 개의 스마트폰 플랫폼을 지원

• 크로스플랫폼 지원 방법

– C/C++ 라이브러리 + 각 플랫폼 프레임워크 API

– 크래스플랫폼 프레임워크 사용

– 웹(Web) 기반 : HTML5 + CSS3 + Javascript

크로스 플랫폼

21

• Web App

- 인터넷의 표준 기술인 HTML과

CSS, Javascript를 이용해서 만드는 애플리케이션

- HTML5의 등장 : Open 웹(Web) 애플리케이션

• 기존의 HTML 4.0.1와 XHTML 1.0 을 확장해서 직접 그릴 수 있는

Canvas 등의 요소추가

• 기존의 Flash의 기능을 대체

• Hybrid App

- HTML과 Native API를 결합해서

플랫폼 전용 애플리케이션 개발

Web App vs. Hybrid App

22

• HTML : HyperText Markup Language

- 웹(Web) 문서의 내용과 구조를 표현하기 위한 기본 마크업 언어

- 하이퍼텍스트(HyperText)를 이용한 링크, 인용 등으로 구조적 문서를 표시

하는 방법 제공

<html>

<head>

<title>웹 문서 제목</title>

</head>

<body>

……

……

</body>

</html>

HTML

23

• CSS : Cascading Style Sheets

- 문서의 내용과 표현을 분리하기 위해서 구조적 문서(HTML, XML)에 색상, 폰트, 레이

아웃 등의 스타일을 적용하기 위해 사용

- 하나의 CSS 문서를 여러 HTML 문서가 공유할 수 있어서 유지보수 절감 및 문서의 사

이즈 감소로 전송되는 데이터량 감소

+ CSS

CSS

24

• 웹 문서가 문서가 아닌 애플리케이션으로서의 동작을 하도록 하는 브라우저에

서 실행되는 프로그래밍 언어

• 썬(Sun) Microsystems(현재의 오라클)사가

인터넷 프로그래밍 언어로 Java를 개발

• 넷스케이프사는 Sun 사와

전략적 제휴를 통하여, HTML 기능을

수용하면서 프로그래밍 개념을 대폭

수용한 JavaScript 개발

JavaScript

25

• 웹을 표준하는 기관인 W3C(World Wide Web Consortium)에서 만들고 있는 차세대 웹 표준

- 애플, 구글, 모질라, 마이크로소프트, 오페라 등의 모든 웹 브라우저(Browser)를 만드는 제조사들이 참

여하고 있는 산업 표준

• 리치(Rich) 웹 애플리케이션 기능을 수행할 수 있는 범용 표준 제공

- 과거 HTML의 호환성을 유지하면서 웹 문서 기반은 그대로 제공

- 기존의 HTML이 웹페이지를 서식화하는 기능들만 제공

Canvas 오프라인

커뮤니케이션 드래그&드롭

Video/Audio

Geolocation

Web Workers

Data Cache

API

File APIServer-Sent

Events

Indexed

Database API

Web SQL

Database

Web Storage

Web Sockets

기타 등등

HTML5

HTML5

Smart TV

KBS 1TV 뉴스 (스마트TV 특화)

28

• 흑백 TV에서 칼라 TV로 발전

– 단순히 영상이나 케이블, DVD와 같은 매체를 통해서 영화를 보여주는 단순한 멀티미디

어 전달의 TV 기능

• 칼라 TV에 인터넷(Internet)과 유비쿼터스(Ubiquitous)의 개념이 병합하면

서 보다 발전된 형태의 스마트 TV로 변화

– 인터넷을 사용할 수 있는 웹 탐색기(Web Browser) 탑재

– 스마트폰(Smart Phone)과 같이 앱스토어(App Store)를 통해서 애플리케이션을 다운로

드 받아서 실행 가능

Smart TV

29

• 일반 TV와 케이블 TV, 스마트 TV의 가장

큰 차이점은 개방성과 양방향성

- 스마트 TV 시대로의 빠른 전환

- 2011년 삼성전자 스마트 TV 분당 15대 판매

일반 TV 케이블/IP TV 스마트 TV

컨텐츠 제공자 방송사 해당 사업자해당 사업자 및

온/오프라인 컨텐츠

전달방식 전파 케이블 / 인터넷망 인터넷/무선망

양방향성 없음 부분적 있음

애플리케이션 없음 일부 자체 제작 다양한 개발자(사) 공급

Smart TV vs. 일반 TV

30

• 일반적인 전화가 모바일을 걸쳐서 현재의 스마트폰으로 변화한 것처럼

TV도 빠르게 발전

• 각각 제조사 마다 고유할 플랫폼 제공

– 스마트폰을 위한 플랫폼이 심비안, iOS, Android, bada, MeeGo 등의 여러 플랫폼으

로 나눠지는 것과 같이 스마트 TV 플랫폼도 각 개발사에 따라서 각각 다른 플랫폼을

제공

– 삼성전자와 LG 전자의 SmartTV가 시장의 주도하고 있고 이 밖에도 구글의 안드로

이드 스마트 TV나 MeeGo/Tizen과 같은 플랫폼에서도 스마트 TV를 지원

• 플랫폼마다 고유한 방식으로 스마트 TV 앱(App) 개발 지원

– 스마트 TV에는 프로그래머가 개발한 애플리케이션을 설치 가능

– 일반적으로 HTML나 Flash를 이용한 개발 방식 지원

Smart TV 플랫폼

31

• 국내에서 삼성전자와 LG전자의 스마트TV 대결 심화

– 삼성전자 : 현빈과 마술사 데이비드 카터필드를 내세워서 스마트TV와 NUI 위주로

광고

– LG전자 : 원빈과 소녀시대를 내세워서 3D TV 위주로 광고

두 빈의 전쟁

32

• 삼성전자의 TV는 세계 TV 시장 판매 1위를 차지

– 3D 기능을 결합해서 판매

• 스마트 허브(Smart Hub) 애플리케이션

– 애플리케이션과 스마트 TV 관리를 위한 기본 프로그램

– 리모콘에서"스마트 허브" 버튼 제공

• All Share

– PC나 디지털카메라, 스마트폰, 캠코더 등에 저장한 콘텐츠를 무선으로 공유

• 삼성전자 스마트TV 개발자 지원

– 2011년에는 삼성 개발자 포럼(Samsung Developer forum) 사이트 오픈 :

http://www.samsungdforum.com

– 일반인들도 쉽게 삼성전자의 스마트 TV 플랫폼을 개발할 수 있도록

SDK와 개발 문서를 제공

• HTML, Flash, LUA/SDL 등으로 개발 지원

삼성전자 Smart TV 플랫폼

33

• 2011년 초 LG 개발자 라운지(Developer Lounge) 오픈

– 스마트 TV 앱 개발자를 위한 SDK와 개발 문서를 제공

– 개발자를 위해서 보다 쉬운 개발 환경 제공

• YouTube, Picasa 등 인터넷 서비스 기본 탑재

– Skype와 제휴하여 VoIP/영상통화 서비스 제공

• 매직 모션 리모컨(Magic Motion gesture control)

– 새로운 인터페이스로 사용자의 제스처를 효과적으로

인식할 수 있도록 지원

– LG 전자의 스마트 TV가 삼성전자나 다른 스마트 TV

플랫폼에 비해서 특화되는 기능

• HTML, Flash 등으로 개발 지원

LG 전자 Smart TV 플랫폼

34

• 2010년 5월 20일, 구글 개발자 컨퍼런스인 ‘Google I/O Conference’에서 오픈

TV 플랫폼인 구글 TV 출시 계획을 공식적으로 발표

• 2010년 10년 소니와 로지텍을 통해서 안드로이드 TV와 셋탑박스 발표

• 안드로이드 폰에서 사용되는 안드로이드 기반의 애플리케이션을 활용

– 안드로이드 개발자들의 손쉽게 참여

• 구글을 통한 검색 엔진을 통한 웹 컨텐츠, 광고 시장과 유투브와 같은 컨텐츠

쉽게 확보

– 다양한 디바이스에서 컨텐츠를 공유할 수 있는

플링(Fling) 미디어 공유 솔루션, 아마존 (amazon)을

통한 비디오 렌탈 서비스, TV에서 웹검색 등 다양한 기능 제공

• 소니 TV의 높은 가격 문제로 초기 실패

– 2012년도 상반기 LG 전자는 구글 TV 미국 발매

안드로이드 구글 TV 플랫폼

35

• 애플 TV나 MeeGo/Tizen 등의 여러 스마트 디바이스 플랫폼들

도 스마트 TV 플랫폼을 위한 여러가지 기능들을 제공

• 애플의 Apple TV

– 애플은 기본적으로 온라인을 통한 컨텐츠 제공에 주력

– 양질의 컨텐츠를 제공하기 위해서 월트디즈니와 CBS 등과 제휴하였고

비디오 대여 서비스를 또한 제공

– 아이폰과 같은 애플리케이션의 개발과 앱스토어를 통한 애플리케이션

의 판매 불가

• MeeGo

– 인텔(Intel)의 Moblin OS와 노키아(Nokia) 의

Maemo OS를 통합하여 개발이 시작된 공개 OS 프로젝트

– 2010년 2월 Mobile World Conference에서 처음 소개

– 스마트 TV를 위해서 Amino에서 스마트 TV용 셋탑박스 발표

기타 Smart TV 플랫폼

결롞

37

• 무선 네트워크의 발전과 MID, 스마트폰과 같은 고성능 휴대 단말기의 확

대와 모바일 OS와 같은 플랫폼의 증가

– 웹브라우저, 모바일웹 2.0과 같은 모바일 인터넷 환경으로 빠르게 변화

– 모바일 보안문제 증가(과금)

– 애플리케이션 시장의 증가

– 통신업체와 개발업체의 수평적 관계

• 새로운 문화 컨텐츠를 소비하기 위한 기기

– iPhone4와 iPad의 iBooks를 이용한 컨텐츠 시장

• 타임지 및 미국의 주요 신문 및 잡지사의 지원

• 一人多機(모바일 단말기)

– 스마트폰과 같은 모바일 단말기 수요 증가

(억대 규모 시장)

Paradigm Shift

대한민국 IT 산업의 미래

http://appcenter.daegu.ac.kr/