Contenu connexe Similaire à Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹 (20) Plus de Daniel Juyung Seo (20) Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹2. 발표자 (1)
• 서주영
– 삼성전자 SW센터
– 타이젠 코어프레임워크
유아이 프레임워크 개발
– Enlightenment/EFL
오픈소스 커미터
– juyung.seo@samsung.com
2
3. 발표자 (2)
• 김현중
– LateralSV
– 타이젠 웹유아이
프레임워크 개발 참여
– Microsoft MVP
2009-2011
– raykim@lateralsv.com
3
4. 목차
1. 타이젠 플랫폼 소개
2. 타이젠 웹 프레임워크
3. 타이젠 웹 애플리케이션 개발
4. 데모
5. 질의 응답
4
5. 시작하기 전에
• 발표 자료 요약
– http://hellotizen.org/falinux/
• 질문하세요~
5
12. 타이젠 아키텍처
애플리케이션
웹 애플리케이션
네이티브 애플리케이션
웹 프레임워크
W3C/HTML5
Video Touch
CSS3 WebGL
Worker …
Public API
네이티브 프레임워크
Device APIs
BT
Call
LBS
NFC
…
Msg
Social/Content
Locations
Uix
Net/Telephony/Messaging
Web Runtime
Base/IO/Text/Locales
코어 프레임워크
Media
Web/Xml
Graphics/UI
App/Security/System Services
코어 애플리케이션
Application
Framework
Graphics & UI
Multimedia
Web
Messaging
Location
Security
System
Base
Connectivity
Telephony
PIM
커널
Linux Kernel & device drivers
12
13. 역사 (1)
• 전신
– 리모(LiMo) : 리눅스 기반 모바일 플랫폼,
삼성리눅스플랫폼(SLP)
• 타이젠
– 2011년 9월 : 인텔 합류와 함께 타이젠 명칭
13
14. 역사 (2)
• 타이젠
– 2012년 4월 : 1.0 배포 (Larkspur)
• 웹 애플리케이션 개발 지원
– 2013년 2월 : 2.0 배포 (Magnolia)
• 네이티브 애플리케이션 개발 지원
– 2013년 11월 : 2.2.1 배포
14
15. 특징 - 크로스 카테고리 (1)
• 스마트폰, 넷북, 태블릿, 자동차
인포테인먼트, TV 등 다양한 기기에 탑재
가능
– 한 소프트웨어가 다양한 기기에서 동작
– 다양한 기기가 손쉽게 연결
15
16. 특징 - 크로스 카테고리 (2)
TV
카메라
모바일
프린터
PC
IVI
세탁기
16
17. 특징 – 다양한 종류 애플리케이션
•
•
•
•
HTML5 기반 웹 애플리케이션
C++ 기반 네이티브 애플리케이션
하이브리드 애플리케이션
코어 애플리케이션
17
18. 특징 – 높은 HTML5 호환성
• HTML5 호환성 테스트 결과
– html5test.com
18
19. 특징 – 개방형 (1)
• 누구나 개발에 참여 가능
• 제조사가 구미에 맞춰 수정 가능
19
20. 특징 – 개방형 (2)
• 소스코드 공개
• Git : http://review.tizen.org/git/
• Gerrit : http://review.tizen.org/gerrit
20
21. 특징 – 개방형 (3)
• 메일링 리스트
– http://www.tizen.org/community/mailing-lists
21
23. 특징 – 개방형 (4)
• IRC
– irc.freenode.net/6667, #tizen
23
24. 특징 – 개방형 (5)
• 포럼
– https://developer.tizen.org/forums
24
25. 특징 – 개방형 (6)
• 위키
– http://wiki.tizen.org/
25
26. 특징 – 개방형 (7)
• Jira
– http://bugs.tizen.org
26
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
기타 등등
28
29. 오픈 소스 (2)
• 타이젠에서 수정한 패치가 해당
오픈소스에도 반영 됨
– Linux, WebKit2, EFL, GStreamer, U-Boot,
FFMPEG, GTK+, WebCL, Cairo, Bluez,
QEMU, GCC 등
29
30. 오픈 소스 (3)
• 타이젠을 위해 신규 구현한 모듈을
오픈소스로 공개
– app-core, app-service, slp-pkgmgr, WRT(Web
RunTime), system-server, sensor-fw, libslppm, msg-service, email-service, telephonydaemon, audio-session-manager, contactsservice, slp-calendar, accounts-svc, sync-fw,
cert-svc, secure-storage, nfc-manager 등
30
31. 조직 (1)
• 타이젠 기술 운영 그룹
– Technical Steering Group
– 타이젠 오픈소스 의사 결정 및 커뮤니티 운영,
타이젠 플랫폼 배포 담당
31
32. 조직 (2)
• 타이젠 협회
– Tizen Association
– 삼성, 인텔, 화웨이, 도코모, 소프트뱅크 등 다양한
제조사 및 통신사로 구성
– 타이젠 상품화 주도
– 요구 사항 수집, 서비스 모델 정립, 마케팅 및 교육 등
담당
32
33. 컨퍼런스 (1)
• 타이젠 개발자 컨퍼런스
– 1회 - 2012년 5월
– 2회 – 2013년 5월
– 미국 캘리포니아주 샌프란시스코
33
35. 타이젠 앱 개발 대회
• 2013년 7월 ~ 12월
– 총 상금 404만 달러(약 46억원)
– HTML5 앱의 경우 상위 10위 앱에 별도로 5만
달러 지급
35
37. 왜 웹 애플리케이션을 제작하는가?
• One source -> Multi platform, multi device
Phone / PC
TV
Other Platforms
41. 타이젠 디바이스 API
• 자바스크립트 기반의 디바이스 제어 API
• 애플리케이션의 라이프 사이클, 스케쥴,
데이터 싱크, NFC 등 기존 네이티브 API와
동등한 수준의 API를 제공
41
42. 타이젠 디바이스 API
• Category!
- Tizen common
- Application
- Communication
- Content
- Input/Output
- Social
- System
- User Interface
42
43. 타이젠 디바이스 API - Social
• Bookmark
- List, Add, Remove
• Calendar
• Call History
• Contact
• Data Synchronization
- OMA DS 1.2 Protocol
43
44. 타이젠 디바이스 API - 샘플
• Content – DownloadRequest
var downloadRequest = new tizen.DownloadRequest(
"http://download.tizen.org/tools/README.txt",
"documents");
downloadId = tizen.download.start(downloadRequest, listener);
44
45. 타이젠 디바이스 API - MessagePort
• INPUT/ OUTPUT
- MessagePort
• 다른 애플리케이션과 통신을 가능케 함
• 네이티브 서비스 애플리케이션과 통신할
때 주로 사용
45
46. 성능?
• 웹 애플리케이션 성능의 2가지 병목
• 렌더링
- Gecko, Trident, Presto, Webkit, Blink …
• 자바스크립트
- V8, Mozilla, JavascriptCore, Caraken …
46
48. 웹 런타임?
• 웹 애플리케이션을 담고 있는 컨테이너
• 웹 애플리케이션을 스탠드얼론으로 설치,
구동할 수 있도록 하는 엔진
• 웹 애플리케이션을 조금 더 최적화된
형태로 구동할 수 있음
48
49. 웹 런타임
• 애플리케이션 관리
- Profile, Life cycle…
• API 서포트
- W3C, Device
• 보안, 프라이버시
- Profile, Source code…
49
52. 타이젠 웹 유아이 프레임워크
•
•
•
•
제이쿼리 모바일 기반
타이젠 UX & 애니메이션
Globalization
웹 유아이 프레임워크 아키텍쳐
Tizen Web Winsets
UTIL
Tizen Web Theme
jQuery & jQueryMobile
53. 타이젠 웹 유아이 프레임워크
• 페이지 레이아웃, 페이지 단위
라이프사이클
- Header , Content ,Footer
54. 타이젠 웹 유아이 프레임워크
• 다양한 위젯 제공
- Autodividers, Button, Checkbox, Popup…
• 기타
- 하드웨어 키 제어 , 뷰 모드 관리, etc…