Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹
-
Upload
daniel-juyung-seo -
Category
Technology
-
view
1.877 -
download
1
description
Transcript of Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹
![Page 1: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/1.jpg)
서주영 ( 삼성전자 )
김현중 (Lateral)
오픈 플랫폼 타이젠과 웹
![Page 2: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/2.jpg)
2
발표자 (1)
• 서주영– 삼성전자 SW 센터– 타이젠 코어프레임워크 유아이 프레임워크 개발– Enlightenment/EFL 오픈소스 커미터– [email protected]
![Page 4: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/4.jpg)
4
목차1. 타이젠 플랫폼 소개2. 타이젠 웹 프레임워크3. 타이젠 웹 애플리케이션 개발4. 데모5. 질의 응답
![Page 6: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/6.jpg)
6
궁금합니다
![Page 7: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/7.jpg)
1. 타이젠 플랫폼 소개
7
![Page 8: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/8.jpg)
8
타이젠은• 리눅스 기반 오픈소스 플랫폼• 리눅스 재단 산하 프로젝트• 2.2.1 버전까지 배포
![Page 9: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/9.jpg)
9
모습 (1)
• 테스트 폰– RD-210– RD-PQ
![Page 10: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/10.jpg)
10
모습 (2)
• 에뮬레이터
![Page 11: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/11.jpg)
11
모습 (3)
• 카메라– NX300M
![Page 12: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/12.jpg)
타이젠 아키텍처
Base/IO/Text/Locales
Graphics/UINet/Telephony/Messaging
UixLocationsSocial/Content Web/XmlMedia
App/Security/System Services
W3C/HTML5 Device APIs
Web Runtime
Video Touch
CSS3 WebGL
Worker
BT Call
LBS NFC
Msg… …
애플리케이션
웹 프레임워크
커널
코어 프레임워크
네이티브 프레임워크
ApplicationFramework
Graphics & UI Multimedia Web Messaging Location
Security System Base Connectivity Telephony PIM
Linux Kernel & device drivers
웹 애플리케이션 네이티브 애플리케이션
Public API
코어 애플리케이션
12
![Page 13: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/13.jpg)
13
역사 (1)
• 전신– 리모 (LiMo) : 리눅스 기반 모바일 플랫폼 ,
삼성리눅스플랫폼 (SLP)
• 타이젠– 2011 년 9 월 : 인텔 합류와 함께 타이젠 명칭
![Page 14: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/14.jpg)
14
역사 (2)
• 타이젠– 2012 년 4 월 : 1.0 배포 (Larkspur)
• 웹 애플리케이션 개발 지원– 2013 년 2 월 : 2.0 배포 (Magnolia)
• 네이티브 애플리케이션 개발 지원– 2013 년 11 월 : 2.2.1 배포
![Page 15: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/15.jpg)
15
특징 - 크로스 카테고리 (1)
• 스마트폰 , 넷북 , 태블릿 , 자동차 인포테인먼트 , TV 등 다양한 기기에 탑재 가능– 한 소프트웨어가 다양한 기기에서 동작– 다양한 기기가 손쉽게 연결
![Page 16: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/16.jpg)
16
특징 - 크로스 카테고리 (2)
TV
모바일
IVI
프린터
PC
카메라
세탁기
![Page 17: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/17.jpg)
17
특징 – 다양한 종류 애플리케이션
• HTML5 기반 웹 애플리케이션• C++ 기반 네이티브 애플리케이션• 하이브리드 애플리케이션• 코어 애플리케이션
![Page 18: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/18.jpg)
18
특징 – 높은 HTML5 호환성• HTML5 호환성 테스트 결과
– html5test.com
![Page 19: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/19.jpg)
19
특징 – 개방형 (1)
• 누구나 개발에 참여 가능• 제조사가 구미에 맞춰 수정 가능
![Page 20: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/20.jpg)
20
특징 – 개방형 (2)
• 소스코드 공개• Git : http://review.tizen.org/git/• Gerrit : http://review.tizen.org/gerrit
![Page 21: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/21.jpg)
21
특징 – 개방형 (3)
• 메일링 리스트– http://www.tizen.org/community/mailing-lists
![Page 22: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/22.jpg)
22
특징 – 개방형 (3)
• 메일링 리스트
![Page 23: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/23.jpg)
23
특징 – 개방형 (4)
• IRC– irc.freenode.net/6667, #tizen
![Page 27: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/27.jpg)
27
특징 - 기타• WebGL• 크로스 아키텍처 – arm, i586, …• 라이선스• 보안 - SMACK• 확장성 (Scalability)• 등등
![Page 28: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/28.jpg)
28
오픈 소스 (1)• 타이젠이 사용하는 수많은 오픈소스
– X Windows, Cairo, EFL for UI & Graphics– Gstreamer, PulseAudio, OpenAL for Multimedia– Connman, Bluez, libsoup, wpa_supplicant for Connectivity– WebKit2 for Web– SMACK & OpenSSL for Security– Dbus, glibc for Base– Sqlite for Database & PIM– Linux for OS Kernel– Eclipse for Tizen SDK– QEMU, U-Boot for Target Emulator– GCC, llvm, cmake, gbs for build– 기타 등등
![Page 29: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/29.jpg)
29
오픈 소스 (2)
• 타이젠에서 수정한 패치가 해당 오픈소스에도 반영 됨– Linux, WebKit2, EFL, GStreamer, U-Boot, FFMPEG,
GTK+, WebCL, Cairo, Bluez, QEMU, GCC 등
![Page 30: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/30.jpg)
30
오픈 소스 (3)
• 타이젠을 위해 신규 구현한 모듈을 오픈소스로 공개– app-core, app-service, slp-pkgmgr, WRT(Web
RunTime), system-server, sensor-fw, libslp-pm, msg-service, email-service, telephony-daemon, audio-session-manager, contacts-service, slp-calendar, accounts-svc, sync-fw, cert-svc, secure-storage, nfc-manager 등
![Page 31: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/31.jpg)
31
조직 (1)
• 타이젠 기술 운영 그룹– Technical Steering Group– 타이젠 오픈소스 의사 결정 및 커뮤니티 운영 ,
타이젠 플랫폼 배포 담당
![Page 32: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/32.jpg)
32
조직 (2)
• 타이젠 협회– Tizen Association– 삼성 , 인텔 , 화웨이 , 도코모 , 소프트뱅크 등 다양한
제조사 및 통신사로 구성– 타이젠 상품화 주도– 요구 사항 수집 , 서비스 모델 정립 , 마케팅 및 교육 등
담당
![Page 33: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/33.jpg)
33
컨퍼런스 (1)
• 타이젠 개발자 컨퍼런스– 1 회 - 2012 년 5 월– 2 회 – 2013 년 5 월– 미국 캘리포니아주 샌프란시스코
![Page 34: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/34.jpg)
34
컨퍼런스 (2)
• 타이젠 개발자 서밋 코리아– 2013 년 11 월
![Page 35: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/35.jpg)
35
타이젠 앱 개발 대회• 2013 년 7 월 ~ 12 월
– 총 상금 404 만 달러 ( 약 46 억원 )– HTML5 앱의 경우 상위 10 위 앱에 별도로 5 만
달러 지급
![Page 36: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/36.jpg)
2. 타이젠 웹 프레임워크
36
![Page 37: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/37.jpg)
• One source -> Multi platform, multi device
왜 웹 애플리케이션을 제작하는가 ?
Other Platforms
TV
Phone / PC
![Page 38: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/38.jpg)
38
웹 애플리케이션 개발
Webview
ContainerHTML, CSS
DEVICE
Javascript
Native
![Page 39: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/39.jpg)
39
웹애플리케이션 제작 망설이는 이유 ?
• 성능• 디바이스 제어
![Page 40: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/40.jpg)
40
타이젠 웹 애플리케이션 아키텍처
Webkit Device API
Tizen Framework / Kernel
Web Runtime
WebApplication
Tizen Web UI Framewok
![Page 41: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/41.jpg)
41
타이젠 디바이스 API
• 자바스크립트 기반의 디바이스 제어 API• 애플리케이션의 라이프 사이클 , 스케쥴 ,
데이터 싱크 , NFC 등 기존 네이티브 API 와 동등한 수준의 API 를 제공
![Page 42: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/42.jpg)
42
타이젠 디바이스 API
• Category!- Tizen common- Application- Communication- Content- Input/Output- Social- System- User Interface
![Page 43: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/43.jpg)
43
타이젠 디바이스 API - Social
• Bookmark- List, Add, Remove
• Calendar• Call History• Contact• Data Synchronization
- OMA DS 1.2 Protocol
![Page 44: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/44.jpg)
44
타이젠 디바이스 API - 샘플• Content – DownloadRequest
var downloadRequest = new tizen.DownloadRequest( "http://download.tizen.org/tools/README.txt", "documents");
downloadId = tizen.download.start(downloadRequest, listener);
![Page 45: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/45.jpg)
45
타이젠 디바이스 API - MessagePort
• INPUT/ OUTPUT - MessagePort
• 다른 애플리케이션과 통신을 가능케 함• 네이티브 서비스 애플리케이션과 통신할 때
주로 사용
![Page 46: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/46.jpg)
46
성능 ?
• 웹 애플리케이션 성능의 2 가지 병목
• 렌더링- Gecko, Trident, Presto, Webkit, Blink …
• 자바스크립트 - V8, Mozilla, JavascriptCore, Caraken …
![Page 47: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/47.jpg)
47
타이젠 웹 애플리케이션 아키텍처
Webkit Device API
Tizen Framework / Kernel
Web Runtime
WebApplication
Tizen Web UI Framewok
![Page 48: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/48.jpg)
48
웹 런타임 ?
• 웹 애플리케이션을 담고 있는 컨테이너• 웹 애플리케이션을 스탠드얼론으로 설치 ,
구동할 수 있도록 하는 엔진• 웹 애플리케이션을 조금 더 최적화된 형태로
구동할 수 있음
![Page 49: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/49.jpg)
49
웹 런타임• 애플리케이션 관리
- Profile, Life cycle…• API 서포트 - W3C, Device • 보안 , 프라이버시 - Profile, Source code…
![Page 50: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/50.jpg)
3. 타이젠 웹 애플리케이션 개발
50
![Page 51: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/51.jpg)
51
타이젠 웹 애플리케이션 아키텍처
Webkit Device API
Tizen Framework / Kernel
WebApplication
Tizen Web UI Framewok
Web Runtime
![Page 52: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/52.jpg)
타이젠 웹 유아이 프레임워크• 제이쿼리 모바일 기반• 타이젠 UX & 애니메이션• Globalization• 웹 유아이 프레임워크 아키텍쳐
jQuery & jQueryMobile
Tizen Web Theme
Tizen Web Winsets
UTIL
![Page 53: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/53.jpg)
타이젠 웹 유아이 프레임워크• 페이지 레이아웃 , 페이지 단위 라이프사이클
- Header , Content ,Footer
![Page 54: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/54.jpg)
타이젠 웹 유아이 프레임워크• 다양한 위젯 제공
- Autodividers, Button, Checkbox, Popup…
• 기타- 하드웨어 키 제어 , 뷰 모드 관리 , etc…
![Page 55: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/55.jpg)
+) 타이젠 웹 시뮬레이터
![Page 56: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/56.jpg)
+) 타이젠 웹 시뮬레이터
![Page 57: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/57.jpg)
4. 데모
57
![Page 58: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/58.jpg)
58
데모• 타이젠 IDE 이용• 웹 애플리케이션 샘플 제작• 에뮬레이터 , 테스트폰에서 실행
![Page 59: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/59.jpg)
5. 질의 응답
59
![Page 60: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/60.jpg)
60
질의 응답• 무엇이든 물어보세요 .• 대답할 수 있는 것만 답변해드립니다 ^_^
![Page 61: Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹](https://reader036.fdocument.pub/reader036/viewer/2022062418/554f7315b4c9052a518b456a/html5/thumbnails/61.jpg)
61
웹사이트 및 문서• http://www.tizen.org• http://developer.tizen.org/sdk• http://source.tizen.org/• https://developer.tizen.org/documentation• https://www.tizenassociation.org