1. http://blog.xcoda.net
Tizen Web App 개발
2013.05 OKJsp 소모임
이세우 (execoda@gmail.com)
자앤 (www.jaen.kr)/ 수석연구원

2. http://blog.xcoda.net
Tizen is ...
●
개방형 다용도 플랫폼
●
SmartPhone, Tablet, PC, SmartTV, 자동차 등
●
삼성전자 , 인텔 등 12 개 회원사
●
리눅스 재단 지원

3. http://blog.xcoda.net
Tizen Architecture

4. http://blog.xcoda.net
Tizen Web Application

5. http://blog.xcoda.net
Tizen SDK
● http://www.tizen.org
● Install Manager + SDK Image

6. http://blog.xcoda.net
SDK Installation

7. http://blog.xcoda.net
Emulator

8. http://blog.xcoda.net
Emulator
● H/W Virtualization 필수
● COMS 설정 필요
– VTx
– CPU Virtualization

9. http://blog.xcoda.net
Simulator
● Google Chrome

10. http://blog.xcoda.net
Simulator
● Google Chrome

11. http://blog.xcoda.net
Run as
● Tizen Web Application : Emulator
● Tizen Web Simulator : Simulator

12. http://blog.xcoda.net
Run As

13. http://blog.xcoda.net
Web Application Project
● Basic
● Tizen Web UI Framework
● jQuery Mobile
● Tizen Web UI Builder

14. http://blog.xcoda.net
Basic
● 순수 Web App + Device API
● Config.xml
– W3C Widget Packagin and XML
– <tizen:XXX> : tizen 확장
● *.wgt 패키징
● Device API
– window.tizen Object

15. http://blog.xcoda.net
Tizen Web UI Framework
● Basic + jQuery Mobile 기반 UI
– Jquery Mobile 과 비슷하지만
– 모양과 사용법이 조금 다르다
– 왜 !
● Tizen-web-ui-fw

16. http://blog.xcoda.net
jQuery Mobile
● Basic + jQuery Mobile
– jQuery 1.7.1
– jQuery Mobile 1.1.0

17. http://blog.xcoda.net
Tizen Web UI Builder
● Tizen UI Framework 기반
● WYSIWYG
– 제한된 사용성
– 아직 쓸만한 물건이 못된다

18. http://blog.xcoda.net
API Reference
● Tizen IDE > Help > Help Contents

19. http://blog.xcoda.net
Thanks
● 교육 , 세미나 , 컨설팅 필요하면 연락 주세요
– JavaSE /JavaEE(Spring/MyBatis)
– Mobile(Android/Hybrid/Tizen)
– Web Front-End(HTML5/CSS3/Js)
– JavaScript
– Eclipse Plugin/RCP