Introduction to TIZEN SDK UI Builder S-Core 서현수 2015.10.28
CONTENTS TIZEN APP 이란? TIZEN SDK UI Builder 소개 TIZEN APP 개발방법 UI Builder 기능 UI Builder 사용방법 실전, TIZEN APP 개발시작하기 마침
TIZEN APP?
TIZEN APP 이란? Mobile, Wearable, Smart TV, In-Vehicle Infotainment.. TIZEN 플랫폼기반제품에서구동되는응용어플리케이션 THE OS OF EVERYTHING TIZEN 플랫폼
TIZEN APP 특징 Multi Profile 지원 (Mobile, Wearable, ) Native, Web, Hybrid APP APP Market 기반 Ecosystem
TIZEN NATIVE APP 특징 C 언어기반
TIZEN NATIVE APP 특징 C 언어기반 EFL 기반 UI Framework EFL
TIZEN NATIVE APP 특징 C 언어기반 EFL 기반 UI Framework WEB APP 대비빠른반응속도 NATIVE APP WEB APP Web Framework Overhead Native Subsystems EFL UI Framework Base Location Messaging System Network Social Security Web Device Driver Linux Kernel
UI Builder 구성
UI Builder 특징 WYSIWYG 방식의 TIZEN Native APP 개발도구 화면 (View) 단위편집 스토리보드기능 리소스 (Image, Sound, String, etc..) 연동 EDC 활용
UI Builder 특징 WYSIWYG 방식의 TIZEN Native APP 개발도구 화면 (View) 단위편집 스토리보드기능 리소스 (Image, Sound, String, etc..) 연동 EDC 활용
UI Builder 특징 WYSIWYG 방식의 TIZEN Native APP 개발도구 화면 (View) 단위편집 스토리보드기능 리소스 (Image, Sound, String, etc..) 연동 EDC 활용
UI Builder 특징 WYSIWYG 방식의 TIZEN Native APP 개발도구 화면 (View) 단위편집 스토리보드기능 리소스 (Image, Sound, String, etc..) 연동 EDC 활용 메인화면 로그인 회원가입 회원가입 로그인
UI Builder 특징 WYSIWYG 방식의 TIZEN Native APP 개발도구 화면 (View) 단위편집 스토리보드기능 리소스 (Image, Sound, String, etc..) 연동 EDC 활용 메인화면 로그인 회원가입 회원가입 로그인
UI Builder 특징 WYSIWYG 방식의 TIZEN Native APP 개발도구 화면 (View) 단위편집 스토리보드기능 리소스 (Image, Sound, String, etc..) 연동 EDC 활용 감각적인앱개발
UI Builder 특징 WYSIWYG 방식의 TIZEN Native APP 개발도구 화면 (View) 단위편집 스토리보드기능 리소스 (Image, Sound, String, etc..) 연동 EDC 활용 Enventor 활용
UI Builder 구성
UI Builder 구성 WISIWYG Editor
UI Builder 구성 WISIWYG Editor Properties View
UI Builder 구성 WISIWYG Editor Navigation View Properties View
UI Builder 구성 WISIWYG Editor Navigation View Outline View Properties View
UI Builder 구성 Project Explorer WISIWYG Editor Navigation View Outline View Properties View
WYSIWYG Editor UI Component 배치
WYSIWYG Editor UI Component 배치 Palette
WYSIWYG Editor UI Component 배치 Palette Canvas
WYSIWYG Editor UI Component 배치 Toolbar Palette Canvas
Properties View UI Component 의 Attribute ( 수정 ) Event Handler ( 생성 )
Properties View UI Component 의 Attribute ( 수정 ) Event Handler ( 생성 ) UI Component 선택
Properties View UI Component 의 Attribute ( 수정 ) Event Handler ( 생성 ) UI Component 선택 Attribute 수정
Properties View UI Component 의 Attribute ( 수정 ) Event Handler ( 생성 ) UI Component 선택 Event Handler 생성
Navigation View 생성된화면 (View) 목록관리 디자인할화면 (View) 선택
ETC. Project Explorer APP Project 관리 Outline View UI Component 의우선순위표시 Connection Explorer 에뮬레이터실행및관리 Resource View Project 리소스관리
UI Builder 사용
프로젝트생성부터실행까지 프로젝트생성
프로젝트생성부터실행까지 프로젝트생성 UI 디자인
프로젝트생성부터실행까지 프로젝트생성 UI 디자인 LAYOUT 소스코드자동생성
프로젝트생성부터실행까지 프로젝트생성 UI 디자인 LAYOUT 소스코드자동생성 소스코딩
프로젝트생성부터실행까지 Managed Layout Code Event Handler 프로젝트생성 UI 디자인 LAYOUT 소스코드자동생성 소스코딩 TIZEN PLATFORM API OpenSource.. User only code..
프로젝트생성부터실행까지 Managed Layout Code Event Handler 프로젝트생성 UI 디자인 LAYOUT 소스코드자동생성 소스코딩 실행및테스트 TIZEN PLATFORM API OpenSource.. User only code..
프로젝트생성부터실행까지 1. 프로젝트생성 먼저, 미리촬영된영상을보겠습니다.
프로젝트생성
1. 프로젝트생성 Profile, Template 선택
1. 프로젝트생성 Profile, Template 선택
2. UI 디자인 Primitive UI Component 배치
UI 디자인
2. UI 디자인 UI Container 생성, 활용
UI 디자인
3. UI 소스코드자동생성 View 단위 Managed 소스코드생성 UI Design Meta Data WYSIWYG Editor
3. UI 소스코드자동생성 View 단위 Managed 소스코드생성 UI Design Meta Data 자동변환 WYSIWYG Editor
3. UI 소스코드자동생성 View 단위 Managed 소스코드생성 UI Design Meta Data 자동변환 VIEW 1 EFL API 사용 C 소스코드 WYSIWYG Editor Managed C 파일
4. EVENT 등록 각 UI Component 마다특정 Event 등록 Selected EVENT
4. EVENT 등록
4. EVENT 등록 UI Component 의 Event handler 연동 Click! Properties View
4. EVENT 등록 UI Component 의 Event handler 연동 Properties View 구현
나의 TIZEN APP 개발시작하기!
접속! developer.tizen.org Development Getting Started UI Practices Tutorials Sample Guides API References Tools
접속! developer.tizen.org Development Getting Started UI Practices Tutorials Sample Guides API References Tools
접속! developer.tizen.org Development Getting Started UI Practices Tutorials Sample Guides API References Tools
접속! developer.tizen.org Development Getting Started UI Practices Tutorials Sample Guides API References Tools
접속! developer.tizen.org Development Getting Started UI Practices Tutorials Sample Guides API References Tools
THANK YOU!
Appendix
총정리
TIZEN 2.4 총정리