SlideShare a Scribd company logo
오픈 플랫폼 타이젠과 웹
서주영 (삼성전자)
김현중 (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 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
역사 (1)
• 전신
– 리모(LiMo) : 리눅스 기반 모바일 플랫폼,
삼성리눅스플랫폼(SLP)

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

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

– 2013년 11월 : 2.2.1 배포

14
특징 - 크로스 카테고리 (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, 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
오픈 소스 (2)
• 타이젠에서 수정한 패치가 해당
오픈소스에도 반영 됨
– Linux, WebKit2, EFL, GStreamer, U-Boot,
FFMPEG, GTK+, WebCL, Cairo, Bluez,
QEMU, GCC 등

29
오픈 소스 (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
조직 (1)
• 타이젠 기술 운영 그룹
– Technical Steering Group
– 타이젠 오픈소스 의사 결정 및 커뮤니티 운영,
타이젠 플랫폼 배포 담당

31
조직 (2)
• 타이젠 협회
– Tizen Association
– 삼성, 인텔, 화웨이, 도코모, 소프트뱅크 등 다양한
제조사 및 통신사로 구성
– 타이젠 상품화 주도
– 요구 사항 수집, 서비스 모델 정립, 마케팅 및 교육 등
담당

32
컨퍼런스 (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 Interface
42
타이젠 디바이스 API - Social
• Bookmark
- List, Add, Remove
• Calendar
• Call History
• Contact
• Data Synchronization
- OMA DS 1.2 Protocol
43
타이젠 디바이스 API - 샘플
• Content – DownloadRequest
var downloadRequest = new tizen.DownloadRequest(
"http://download.tizen.org/tools/README.txt",
"documents");
downloadId = tizen.download.start(downloadRequest, listener);

44
타이젠 디바이스 API - MessagePort
• INPUT/ OUTPUT
- MessagePort
• 다른 애플리케이션과 통신을 가능케 함
• 네이티브 서비스 애플리케이션과 통신할
때 주로 사용

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

jQuery & jQueryMobile
타이젠 웹 유아이 프레임워크
• 페이지 레이아웃, 페이지 단위
라이프사이클
- 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.org/documentation
https://www.tizenassociation.org

61

More Related Content

PDF
Tizen - A Linux Based Open Source Platform (제 17회 한국 LUG 소프트웨어 테크니컬 세미나)
PPTX
Open Source Mini Concert-Session 3-Tizen
PDF
Python을 이용한 Linux Desktop Application
PDF
Overview of the Flatpak
PDF
우분투의 현재와 미래(장태희) - 11/05 Open Technet Summit Fall(Ubuntu Korea Community)
PDF
오픈소스 개발 Upstream - ONOS/CORD 워킹 그룹 2차 세미나
PPTX
개발자를 위한, WINDOWS 10으로 시작하는 UBUNTU LINUX
PDF
Snaps on Ubuntu Desktop
Tizen - A Linux Based Open Source Platform (제 17회 한국 LUG 소프트웨어 테크니컬 세미나)
Open Source Mini Concert-Session 3-Tizen
Python을 이용한 Linux Desktop Application
Overview of the Flatpak
우분투의 현재와 미래(장태희) - 11/05 Open Technet Summit Fall(Ubuntu Korea Community)
오픈소스 개발 Upstream - ONOS/CORD 워킹 그룹 2차 세미나
개발자를 위한, WINDOWS 10으로 시작하는 UBUNTU LINUX
Snaps on Ubuntu Desktop

What's hot (20)

PDF
오픈소스 맛보기 - 정민우님
PDF
Launchpad 활용 사례 in OpenStack: 다루어본 Bug & Blueprint를 중심으로
PDF
[2015-11월 정기 세미나] Open stack tokyo_summit_후기
PDF
Swift package manager
PPTX
Cura Packaging on Win32
PPTX
Cura localization and packaging on Win32
PDF
Goorm소개
PDF
TOAST Meetup2015 - 구름 Cloud IDE (류성태)
PDF
GNOME3 & 그놈 한국 공동체
PDF
강분도 - 공개SW개발과 우분투 (2010Y10M05D)
PDF
[BRK30136] Windows 기반 백엔드 개발자를 위한 컨테이너 시작하기 / Introduction to Containers For ...
PDF
oVirt Korea community 1st meetup presentation
PDF
Docker at Deview 2013
PDF
개알못의 오픈소스이야기 - 이상준님
PDF
오픈소스 SW 라이선스 - 박은정님
PDF
가장 빨리 만나는 Docker 출간 후기
PDF
DevOps와 함께 살펴보는 (해커톤의 성패를 좌우하는) 협업/개발 툴
PDF
파이콘 한국 2019 - 파이썬으로 서버를 극한까지 끌어다 쓰기: Async I/O의 밑바닥
PDF
OpenStack Pike PTG 참석 후기
PDF
윈도우에서 도커 설치
오픈소스 맛보기 - 정민우님
Launchpad 활용 사례 in OpenStack: 다루어본 Bug & Blueprint를 중심으로
[2015-11월 정기 세미나] Open stack tokyo_summit_후기
Swift package manager
Cura Packaging on Win32
Cura localization and packaging on Win32
Goorm소개
TOAST Meetup2015 - 구름 Cloud IDE (류성태)
GNOME3 & 그놈 한국 공동체
강분도 - 공개SW개발과 우분투 (2010Y10M05D)
[BRK30136] Windows 기반 백엔드 개발자를 위한 컨테이너 시작하기 / Introduction to Containers For ...
oVirt Korea community 1st meetup presentation
Docker at Deview 2013
개알못의 오픈소스이야기 - 이상준님
오픈소스 SW 라이선스 - 박은정님
가장 빨리 만나는 Docker 출간 후기
DevOps와 함께 살펴보는 (해커톤의 성패를 좌우하는) 협업/개발 툴
파이콘 한국 2019 - 파이썬으로 서버를 극한까지 끌어다 쓰기: Async I/O의 밑바닥
OpenStack Pike PTG 참석 후기
윈도우에서 도커 설치
Ad

Viewers also liked (20)

PDF
Tizen 핵심 툴킷 EFL로 빠르고 가벼운 앱 개발하기 - SOSCON 2014 삼성오픈소스컨퍼런스
PDF
오픈소스Sw이해와가치 송상효-20160811
PDF
Samsung Gear SDK
PDF
Tizen Web App 개발
PDF
Attack surface analysis of Tizen devices
PPTX
How to contribute to open source
PDF
기업과오픈소스 Fo4 s_ktds_v1.0_20160823
PPTX
Patten5
PDF
1주 WEB UI Overview
PDF
오픈소스 그리고 기회
PDF
TIZEN Application Validation
PDF
모바일 웹 UI/UX의 현재와 미래 - Agenda
PDF
사용자경험유지하기(@UX Storming/2012)
PPTX
웹사이트 벤치마킹의 9가지 패턴 05
PPSX
오픈소스의 이해(교육자료)
PPTX
OSS and R&D
PDF
손가락이 제멋대로 UX 하고 움직이는 UI
PPTX
Software Company, Open Soure Software Company
PDF
실무를위한모바일 UI UX step up
PDF
학교에선 알려주지 않는 오픈소스이야기 - 박치완님
Tizen 핵심 툴킷 EFL로 빠르고 가벼운 앱 개발하기 - SOSCON 2014 삼성오픈소스컨퍼런스
오픈소스Sw이해와가치 송상효-20160811
Samsung Gear SDK
Tizen Web App 개발
Attack surface analysis of Tizen devices
How to contribute to open source
기업과오픈소스 Fo4 s_ktds_v1.0_20160823
Patten5
1주 WEB UI Overview
오픈소스 그리고 기회
TIZEN Application Validation
모바일 웹 UI/UX의 현재와 미래 - Agenda
사용자경험유지하기(@UX Storming/2012)
웹사이트 벤치마킹의 9가지 패턴 05
오픈소스의 이해(교육자료)
OSS and R&D
손가락이 제멋대로 UX 하고 움직이는 UI
Software Company, Open Soure Software Company
실무를위한모바일 UI UX step up
학교에선 알려주지 않는 오픈소스이야기 - 박치완님
Ad

Similar to Open Platform Tizen and Web, 오픈 플랫폼 타이젠과 웹 (20)

PPTX
About Tizen Framework
PPTX
오픈 플랫폼 타이젠과 컨트리부션하기(연세대 오픈소스 미니콘서트)
PPTX
타이젠 어디까지 왔나 - 김진용
PDF
Web os 전략 0912
PDF
20130130 ict insigt vol4-2
PPTX
웹:앱 기술 동향
PDF
[145]5년간의네이버웹엔진개발삽질기그리고 김효
PDF
Samsung Mobile OS Strategy
PDF
안드로이드 운영체제 동향 및 시사점
PDF
차세대 웹비즈니스를 위한 "HTML5"
PDF
C1 하이브리드 앱 어떻게 개발해야 하나
PPTX
하이브리드앱
PPT
HTML5 for web app. development
PDF
RAD스튜디오 100% 활용하기 - 최신 기술 적용과 확장
PPT
Android발표자료 홍종진
PDF
오픈소스 기반의 레드햇 클라우드 플랫폼 RhCI & Docker with PaaS
PDF
Open source Embedded systems
PDF
Webtech
PDF
RAD스튜디오 100% 활용하기
PDF
[Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)
About Tizen Framework
오픈 플랫폼 타이젠과 컨트리부션하기(연세대 오픈소스 미니콘서트)
타이젠 어디까지 왔나 - 김진용
Web os 전략 0912
20130130 ict insigt vol4-2
웹:앱 기술 동향
[145]5년간의네이버웹엔진개발삽질기그리고 김효
Samsung Mobile OS Strategy
안드로이드 운영체제 동향 및 시사점
차세대 웹비즈니스를 위한 "HTML5"
C1 하이브리드 앱 어떻게 개발해야 하나
하이브리드앱
HTML5 for web app. development
RAD스튜디오 100% 활용하기 - 최신 기술 적용과 확장
Android발표자료 홍종진
오픈소스 기반의 레드햇 클라우드 플랫폼 RhCI & Docker with PaaS
Open source Embedded systems
Webtech
RAD스튜디오 100% 활용하기
[Td 2015]70분에 보여준다. 웹표준을 지원하는 edge 브라우저부터 웹 앱 개발까지(김영욱)

More from Daniel Juyung Seo (20)

PDF
오픈 소스와 코드 리뷰
PDF
[위드이노베이션 토크콘서트] 위드이노베이션, 삼성과 구글의 개발 문화
PDF
[GDG DevFest Seoul 2016] 오픈 소스를 통해 개발 근육 강화하기
PDF
[아주대] 오픈 소스와 글로벌 경쟁력
PDF
[OSS 개발자 포럼] 오픈소스를 활용한 개발자 자기 개발
PDF
[KRnet2016] Contributing to Enlightenment Foundation Libraries
PDF
[2016 아주대강의] 보안과소프트웨어엔지니어
PDF
[Ajou Greative 콘서트] 글로벌 sw엔지니어로 성장하기
PPTX
[SOSCON 2015] 제 3회 EFL 한국 커뮤니티 세미나 - 16살 된 EFL은 어떻게 관리하고 배포ᄒ...
PDF
[OSS개발자포럼, 국민대 여름캠프] 개발자로 멋지게 살아보자 - 구글 서주영 (주석 포함)
PDF
Introduction of EFL Korea Community (at 2014 Developer Day)
PDF
EFL을 이용한 타이젠 애플리케이션 개발 - Korea Community Day 2014
PDF
제 2회 한국 EFL 세미나 - 5. Elm Theme Viewer (서주영)
PDF
오픈소스, 빡! 끝! - 제7회 삼성소프트웨어멤버십 기술전
PDF
The Art of Tizen UI Theme Technology in Various Profiles (OSCON 2014)
PDF
오픈소스와 영어 (KOR) - OSS 개발자 포럼
PDF
The Art of Tizen UI Theme Technology in Various Profiles
PDF
Enlightenment Open Source Contribution (KOR) - 실전! Enlightenment 오픈소스 컨트리뷰션
PDF
EFL 오픈소스 활용 사례 2014
ODP
Improving Cross Desktop Standard by Cedric BAIL (GNOME Asia Summit 2013)
오픈 소스와 코드 리뷰
[위드이노베이션 토크콘서트] 위드이노베이션, 삼성과 구글의 개발 문화
[GDG DevFest Seoul 2016] 오픈 소스를 통해 개발 근육 강화하기
[아주대] 오픈 소스와 글로벌 경쟁력
[OSS 개발자 포럼] 오픈소스를 활용한 개발자 자기 개발
[KRnet2016] Contributing to Enlightenment Foundation Libraries
[2016 아주대강의] 보안과소프트웨어엔지니어
[Ajou Greative 콘서트] 글로벌 sw엔지니어로 성장하기
[SOSCON 2015] 제 3회 EFL 한국 커뮤니티 세미나 - 16살 된 EFL은 어떻게 관리하고 배포ᄒ...
[OSS개발자포럼, 국민대 여름캠프] 개발자로 멋지게 살아보자 - 구글 서주영 (주석 포함)
Introduction of EFL Korea Community (at 2014 Developer Day)
EFL을 이용한 타이젠 애플리케이션 개발 - Korea Community Day 2014
제 2회 한국 EFL 세미나 - 5. Elm Theme Viewer (서주영)
오픈소스, 빡! 끝! - 제7회 삼성소프트웨어멤버십 기술전
The Art of Tizen UI Theme Technology in Various Profiles (OSCON 2014)
오픈소스와 영어 (KOR) - OSS 개발자 포럼
The Art of Tizen UI Theme Technology in Various Profiles
Enlightenment Open Source Contribution (KOR) - 실전! Enlightenment 오픈소스 컨트리뷰션
EFL 오픈소스 활용 사례 2014
Improving Cross Desktop Standard by Cedric BAIL (GNOME Asia Summit 2013)

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