오픈 플랫폼 타이젠과 웹
서주영 (삼성전자)
김현중 (Lateral)
발표자 (1)
• 서주영
– 삼성전자 SW센터
– 타이젠 코어프레임워크
유아이 프레임워크 개발
– Enlightenment/EFL
오픈소스 커미터
– juyung.seo@samsung.com
2
발표자 (2)
• 김현중
– LateralSV
– 타이젠 웹유아이
프레임워크 개발 참여
– Microsoft MVP
2009-2011
– raykim@lateralsv.com

3
목차
1. 타이젠 플랫폼 소개
2. 타이젠 웹 프레임워크
3. 타이젠 웹 애플리케이션 개발
4. 데모
5. 질의 응답

4
시작하기 전에
• 발표 자료 요약
– http://hellotizen.org/falinux/

• 질문하세요~

5
궁금합니다

6
1. 타이젠 플랫폼 소개

7
타이젠은
• 리눅스 기반 오픈소스 플랫폼
• 리눅스 재단 산하 프로젝트
• 2.2.1 버전까지 배포

8
모습 (1)
• 테스트 폰
– RD-210
– RD-PQ

9
모습 (2)
• 에뮬레이터

10
모습 (3)
• 카메라
– NX300M

11
타이젠 아키텍처
애플리케이션
웹 애플리케이션

네이티브 애플리케이션

웹 프레임워크
W3C/HTML5
Video Touch
CSS3 WebGL
Worker …

Public API

네이티브 프레임워크
Device AP...
역사 (1)
• 전신
– 리모(LiMo) : 리눅스 기반 모바일 플랫폼,
삼성리눅스플랫폼(SLP)

• 타이젠
– 2011년 9월 : 인텔 합류와 함께 타이젠 명칭
13
역사 (2)
• 타이젠
– 2012년 4월 : 1.0 배포 (Larkspur)
• 웹 애플리케이션 개발 지원

– 2013년 2월 : 2.0 배포 (Magnolia)
• 네이티브 애플리케이션 개발 지원

– 2013년 ...
특징 - 크로스 카테고리 (1)
• 스마트폰, 넷북, 태블릿, 자동차
인포테인먼트, TV 등 다양한 기기에 탑재
가능
– 한 소프트웨어가 다양한 기기에서 동작
– 다양한 기기가 손쉽게 연결

15
특징 - 크로스 카테고리 (2)
TV
카메라

모바일

프린터

PC
IVI

세탁기

16
특징 – 다양한 종류 애플리케이션
•
•
•
•

HTML5 기반 웹 애플리케이션
C++ 기반 네이티브 애플리케이션
하이브리드 애플리케이션
코어 애플리케이션

17
특징 – 높은 HTML5 호환성
• HTML5 호환성 테스트 결과
– html5test.com

18
특징 – 개방형 (1)
• 누구나 개발에 참여 가능
• 제조사가 구미에 맞춰 수정 가능

19
특징 – 개방형 (2)
• 소스코드 공개
• Git : http://review.tizen.org/git/
• Gerrit : http://review.tizen.org/gerrit

20
특징 – 개방형 (3)
• 메일링 리스트
– http://www.tizen.org/community/mailing-lists

21
특징 – 개방형 (3)
• 메일링 리스트

22
특징 – 개방형 (4)
• IRC
– irc.freenode.net/6667, #tizen

23
특징 – 개방형 (5)
• 포럼
– https://developer.tizen.org/forums

24
특징 – 개방형 (6)
• 위키
– http://wiki.tizen.org/

25
특징 – 개방형 (7)
• Jira
– http://bugs.tizen.org

26
특징 - 기타
•
•
•
•
•
•

WebGL
크로스 아키텍처 – arm, i586, …
라이선스
보안 - SMACK
확장성(Scalability)
등등

27
오픈 소스 (1)
• 타이젠이 사용하는 수많은 오픈소스
–
–
–
–
–
–
–
–
–
–
–
–

X Windows, Cairo, EFL for UI & Graphics
Gstreamer, PulseAudio, Ope...
오픈 소스 (2)
• 타이젠에서 수정한 패치가 해당
오픈소스에도 반영 됨
– Linux, WebKit2, EFL, GStreamer, U-Boot,
FFMPEG, GTK+, WebCL, Cairo, Bluez,
QEMU...
오픈 소스 (3)
• 타이젠을 위해 신규 구현한 모듈을
오픈소스로 공개
– app-core, app-service, slp-pkgmgr, WRT(Web
RunTime), system-server, sensor-fw, l...
조직 (1)
• 타이젠 기술 운영 그룹
– Technical Steering Group
– 타이젠 오픈소스 의사 결정 및 커뮤니티 운영,
타이젠 플랫폼 배포 담당

31
조직 (2)
• 타이젠 협회
– Tizen Association
– 삼성, 인텔, 화웨이, 도코모, 소프트뱅크 등 다양한
제조사 및 통신사로 구성
– 타이젠 상품화 주도
– 요구 사항 수집, 서비스 모델 정립, 마케팅 ...
컨퍼런스 (1)
• 타이젠 개발자 컨퍼런스
– 1회 - 2012년 5월
– 2회 – 2013년 5월
– 미국 캘리포니아주 샌프란시스코

33
컨퍼런스 (2)
• 타이젠 개발자 서밋 코리아
– 2013년 11월

34
타이젠 앱 개발 대회
• 2013년 7월 ~ 12월
– 총 상금 404만 달러(약 46억원)
– HTML5 앱의 경우 상위 10위 앱에 별도로 5만
달러 지급

35
2. 타이젠 웹 프레임워크

36
왜 웹 애플리케이션을 제작하는가?
• One source -> Multi platform, multi device
Phone / PC

TV

Other Platforms
웹 애플리케이션 개발
Container
Webview

HTML, CSS

Javascript

Native

DEVICE

38
웹애플리케이션 제작 망설이는 이유?
• 디바이스 제어

• 성능

39
타이젠 웹 애플리케이션
아키텍처
WebApplication

Tizen Web UI Framewok
Web Runtime
Webkit

Device API

Tizen Framework / Kernel
40
타이젠 디바이스 API
• 자바스크립트 기반의 디바이스 제어 API
• 애플리케이션의 라이프 사이클, 스케쥴,
데이터 싱크, NFC 등 기존 네이티브 API와
동등한 수준의 API를 제공

41
타이젠 디바이스 API
• Category!
- Tizen common
- Application
- Communication
- Content
- Input/Output
- Social
- System
- User In...
타이젠 디바이스 API - Social
• Bookmark
- List, Add, Remove
• Calendar
• Call History
• Contact
• Data Synchronization
- OMA DS 1...
타이젠 디바이스 API - 샘플
• Content – DownloadRequest
var downloadRequest = new tizen.DownloadRequest(
"http://download.tizen.org/...
타이젠 디바이스 API - MessagePort
• INPUT/ OUTPUT
- MessagePort
• 다른 애플리케이션과 통신을 가능케 함
• 네이티브 서비스 애플리케이션과 통신할
때 주로 사용

45
성능?
• 웹 애플리케이션 성능의 2가지 병목
• 렌더링
- Gecko, Trident, Presto, Webkit, Blink …
• 자바스크립트
- V8, Mozilla, JavascriptCore, Caraken ...
타이젠 웹 애플리케이션
아키텍처
WebApplication

Tizen Web UI Framewok
Web Runtime
Webkit

Device API

Tizen Framework / Kernel
47
웹 런타임?
• 웹 애플리케이션을 담고 있는 컨테이너
• 웹 애플리케이션을 스탠드얼론으로 설치,
구동할 수 있도록 하는 엔진
• 웹 애플리케이션을 조금 더 최적화된
형태로 구동할 수 있음

48
웹 런타임
• 애플리케이션 관리
- Profile, Life cycle…
• API 서포트
- W3C, Device
• 보안, 프라이버시
- Profile, Source code…

49
3. 타이젠
웹 애플리케이션 개발

50
타이젠 웹 애플리케이션
아키텍처
WebApplication

Tizen Web UI Framewok
Web Runtime
Webkit

Device API

Tizen Framework / Kernel
51
타이젠 웹 유아이 프레임워크
•
•
•
•

제이쿼리 모바일 기반
타이젠 UX & 애니메이션
Globalization
웹 유아이 프레임워크 아키텍쳐
Tizen Web Winsets
UTIL
Tizen Web Theme
...
타이젠 웹 유아이 프레임워크
• 페이지 레이아웃, 페이지 단위
라이프사이클
- Header , Content ,Footer
타이젠 웹 유아이 프레임워크
• 다양한 위젯 제공
- Autodividers, Button, Checkbox, Popup…

• 기타
- 하드웨어 키 제어 , 뷰 모드 관리, etc…
+) 타이젠 웹 시뮬레이터
+) 타이젠 웹 시뮬레이터
4. 데모

57
데모
• 타이젠 IDE 이용
• 웹 애플리케이션 샘플 제작
• 에뮬레이터, 테스트폰에서 실행

58
5. 질의 응답

59
질의 응답
• 무엇이든 물어보세요.
• 대답할 수 있는 것만 답변해드립니다 ^_^

60
웹사이트 및 문서
•
•
•
•
•

http://www.tizen.org
http://developer.tizen.org/sdk
http://source.tizen.org/
https://developer.tizen....
Upcoming SlideShare
Loading in...5
×

Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹

2,207

Published on

FALinux 주최 "개발자가 알아야 하는 WebOS"에서 발표한 "오픈 플랫폼 타이젠과 웹" 발표 자료입니다.

http://www.falinux.com/kr/seminar

Published in: Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,207
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
114
Comments
0
Likes
10
Embeds 0
No embeds

No notes for slide

Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹

  1. 1. 오픈 플랫폼 타이젠과 웹 서주영 (삼성전자) 김현중 (Lateral)
  2. 2. 발표자 (1) • 서주영 – 삼성전자 SW센터 – 타이젠 코어프레임워크 유아이 프레임워크 개발 – Enlightenment/EFL 오픈소스 커미터 – juyung.seo@samsung.com 2
  3. 3. 발표자 (2) • 김현중 – LateralSV – 타이젠 웹유아이 프레임워크 개발 참여 – Microsoft MVP 2009-2011 – raykim@lateralsv.com 3
  4. 4. 목차 1. 타이젠 플랫폼 소개 2. 타이젠 웹 프레임워크 3. 타이젠 웹 애플리케이션 개발 4. 데모 5. 질의 응답 4
  5. 5. 시작하기 전에 • 발표 자료 요약 – http://hellotizen.org/falinux/ • 질문하세요~ 5
  6. 6. 궁금합니다 6
  7. 7. 1. 타이젠 플랫폼 소개 7
  8. 8. 타이젠은 • 리눅스 기반 오픈소스 플랫폼 • 리눅스 재단 산하 프로젝트 • 2.2.1 버전까지 배포 8
  9. 9. 모습 (1) • 테스트 폰 – RD-210 – RD-PQ 9
  10. 10. 모습 (2) • 에뮬레이터 10
  11. 11. 모습 (3) • 카메라 – NX300M 11
  12. 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. 13. 역사 (1) • 전신 – 리모(LiMo) : 리눅스 기반 모바일 플랫폼, 삼성리눅스플랫폼(SLP) • 타이젠 – 2011년 9월 : 인텔 합류와 함께 타이젠 명칭 13
  14. 14. 역사 (2) • 타이젠 – 2012년 4월 : 1.0 배포 (Larkspur) • 웹 애플리케이션 개발 지원 – 2013년 2월 : 2.0 배포 (Magnolia) • 네이티브 애플리케이션 개발 지원 – 2013년 11월 : 2.2.1 배포 14
  15. 15. 특징 - 크로스 카테고리 (1) • 스마트폰, 넷북, 태블릿, 자동차 인포테인먼트, TV 등 다양한 기기에 탑재 가능 – 한 소프트웨어가 다양한 기기에서 동작 – 다양한 기기가 손쉽게 연결 15
  16. 16. 특징 - 크로스 카테고리 (2) TV 카메라 모바일 프린터 PC IVI 세탁기 16
  17. 17. 특징 – 다양한 종류 애플리케이션 • • • • HTML5 기반 웹 애플리케이션 C++ 기반 네이티브 애플리케이션 하이브리드 애플리케이션 코어 애플리케이션 17
  18. 18. 특징 – 높은 HTML5 호환성 • HTML5 호환성 테스트 결과 – html5test.com 18
  19. 19. 특징 – 개방형 (1) • 누구나 개발에 참여 가능 • 제조사가 구미에 맞춰 수정 가능 19
  20. 20. 특징 – 개방형 (2) • 소스코드 공개 • Git : http://review.tizen.org/git/ • Gerrit : http://review.tizen.org/gerrit 20
  21. 21. 특징 – 개방형 (3) • 메일링 리스트 – http://www.tizen.org/community/mailing-lists 21
  22. 22. 특징 – 개방형 (3) • 메일링 리스트 22
  23. 23. 특징 – 개방형 (4) • IRC – irc.freenode.net/6667, #tizen 23
  24. 24. 특징 – 개방형 (5) • 포럼 – https://developer.tizen.org/forums 24
  25. 25. 특징 – 개방형 (6) • 위키 – http://wiki.tizen.org/ 25
  26. 26. 특징 – 개방형 (7) • Jira – http://bugs.tizen.org 26
  27. 27. 특징 - 기타 • • • • • • WebGL 크로스 아키텍처 – arm, i586, … 라이선스 보안 - SMACK 확장성(Scalability) 등등 27
  28. 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. 29. 오픈 소스 (2) • 타이젠에서 수정한 패치가 해당 오픈소스에도 반영 됨 – Linux, WebKit2, EFL, GStreamer, U-Boot, FFMPEG, GTK+, WebCL, Cairo, Bluez, QEMU, GCC 등 29
  30. 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. 31. 조직 (1) • 타이젠 기술 운영 그룹 – Technical Steering Group – 타이젠 오픈소스 의사 결정 및 커뮤니티 운영, 타이젠 플랫폼 배포 담당 31
  32. 32. 조직 (2) • 타이젠 협회 – Tizen Association – 삼성, 인텔, 화웨이, 도코모, 소프트뱅크 등 다양한 제조사 및 통신사로 구성 – 타이젠 상품화 주도 – 요구 사항 수집, 서비스 모델 정립, 마케팅 및 교육 등 담당 32
  33. 33. 컨퍼런스 (1) • 타이젠 개발자 컨퍼런스 – 1회 - 2012년 5월 – 2회 – 2013년 5월 – 미국 캘리포니아주 샌프란시스코 33
  34. 34. 컨퍼런스 (2) • 타이젠 개발자 서밋 코리아 – 2013년 11월 34
  35. 35. 타이젠 앱 개발 대회 • 2013년 7월 ~ 12월 – 총 상금 404만 달러(약 46억원) – HTML5 앱의 경우 상위 10위 앱에 별도로 5만 달러 지급 35
  36. 36. 2. 타이젠 웹 프레임워크 36
  37. 37. 왜 웹 애플리케이션을 제작하는가? • One source -> Multi platform, multi device Phone / PC TV Other Platforms
  38. 38. 웹 애플리케이션 개발 Container Webview HTML, CSS Javascript Native DEVICE 38
  39. 39. 웹애플리케이션 제작 망설이는 이유? • 디바이스 제어 • 성능 39
  40. 40. 타이젠 웹 애플리케이션 아키텍처 WebApplication Tizen Web UI Framewok Web Runtime Webkit Device API Tizen Framework / Kernel 40
  41. 41. 타이젠 디바이스 API • 자바스크립트 기반의 디바이스 제어 API • 애플리케이션의 라이프 사이클, 스케쥴, 데이터 싱크, NFC 등 기존 네이티브 API와 동등한 수준의 API를 제공 41
  42. 42. 타이젠 디바이스 API • Category! - Tizen common - Application - Communication - Content - Input/Output - Social - System - User Interface 42
  43. 43. 타이젠 디바이스 API - Social • Bookmark - List, Add, Remove • Calendar • Call History • Contact • Data Synchronization - OMA DS 1.2 Protocol 43
  44. 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. 45. 타이젠 디바이스 API - MessagePort • INPUT/ OUTPUT - MessagePort • 다른 애플리케이션과 통신을 가능케 함 • 네이티브 서비스 애플리케이션과 통신할 때 주로 사용 45
  46. 46. 성능? • 웹 애플리케이션 성능의 2가지 병목 • 렌더링 - Gecko, Trident, Presto, Webkit, Blink … • 자바스크립트 - V8, Mozilla, JavascriptCore, Caraken … 46
  47. 47. 타이젠 웹 애플리케이션 아키텍처 WebApplication Tizen Web UI Framewok Web Runtime Webkit Device API Tizen Framework / Kernel 47
  48. 48. 웹 런타임? • 웹 애플리케이션을 담고 있는 컨테이너 • 웹 애플리케이션을 스탠드얼론으로 설치, 구동할 수 있도록 하는 엔진 • 웹 애플리케이션을 조금 더 최적화된 형태로 구동할 수 있음 48
  49. 49. 웹 런타임 • 애플리케이션 관리 - Profile, Life cycle… • API 서포트 - W3C, Device • 보안, 프라이버시 - Profile, Source code… 49
  50. 50. 3. 타이젠 웹 애플리케이션 개발 50
  51. 51. 타이젠 웹 애플리케이션 아키텍처 WebApplication Tizen Web UI Framewok Web Runtime Webkit Device API Tizen Framework / Kernel 51
  52. 52. 타이젠 웹 유아이 프레임워크 • • • • 제이쿼리 모바일 기반 타이젠 UX & 애니메이션 Globalization 웹 유아이 프레임워크 아키텍쳐 Tizen Web Winsets UTIL Tizen Web Theme jQuery & jQueryMobile
  53. 53. 타이젠 웹 유아이 프레임워크 • 페이지 레이아웃, 페이지 단위 라이프사이클 - Header , Content ,Footer
  54. 54. 타이젠 웹 유아이 프레임워크 • 다양한 위젯 제공 - Autodividers, Button, Checkbox, Popup… • 기타 - 하드웨어 키 제어 , 뷰 모드 관리, etc…
  55. 55. +) 타이젠 웹 시뮬레이터
  56. 56. +) 타이젠 웹 시뮬레이터
  57. 57. 4. 데모 57
  58. 58. 데모 • 타이젠 IDE 이용 • 웹 애플리케이션 샘플 제작 • 에뮬레이터, 테스트폰에서 실행 58
  59. 59. 5. 질의 응답 59
  60. 60. 질의 응답 • 무엇이든 물어보세요. • 대답할 수 있는 것만 답변해드립니다 ^_^ 60
  61. 61. 웹사이트 및 문서 • • • • • http://www.tizen.org http://developer.tizen.org/sdk http://source.tizen.org/ https://developer.tizen.org/documentation https://www.tizenassociation.org 61
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×