SlideShare a Scribd company logo
2014. 04. 29
김성은
UXC Editor 설계를 위한
Kanzi 분석
목차
• 개념
• 구조
• Programs
– Kanzi Studio
– Kanzi Engine
• Kanzi 작업 예시
개념
• 계기판 및 인포테인먼트 시스템에 사용되는 HMI 디자인
도구.
구조
Kanzi Studio
• PC 에서 실행되는 사용자 인터페이스를 만드는 데 사용 되는
콘텐츠 제작 도구.
용어 설명
- Screen : Kanzi Application이 렌더링 되는 Target device 화면 내용.
- Scene : Camera, Light, Node 등으로 만들어진 3D공간.
ViewPort 하나당 1개만 등록 가능.
Kanzi Engine
• 컴퓨터, 모바일 및 임베디드 디바이스에 Kanzi 사용자 인터페이스를
실행하기 위한 그래픽 엔진.
Application
Kanzi 작업 예시
• 요구 사항
– 좌우로 스크롤 되는 이미지가 나타나며, 선택 시 그리드 뷰가 보
이는 화면 작성
Kanzi 작업 예시
• C application과 연동 시 선행 작업
- 생성 시 Project Type 설정
Kanzi 작업 예시
• First Scene ViewPort
- Trajectory List Box를 이용하여 구성.
Kanzi 작업 예시
• Second ViewPort Layout
- Grid Layout을 이용하여 구성.
Kanzi 작업 예시
• Kanzi Studio 작업 후 KZB Binary 생성.
Kanzi 작업 예시
Kanzi 작업 예시
API Document 이용
API reference
–System layer
• 시스템 Level 기능과의 interface를 위한 API 및 Structure
• kzs로 시작됨
–Core layer
• Memory 및 rendering, 수학적 처리를 위한 API 및 Structure
• kzc로 시작됨
–User layer
• User Interface와 관련된 API 및 Structure
• kzu로 시작됨
–Application framework
• Application과 관련된 API 및 Structure
• kza로 시작됨.
Kanzi 작업 예시
Kanzi 작업 예시
Kanzi 작업 예시
Kanzi 작업 예시

More Related Content

Viewers also liked

01
0101
02_박성호_스마트폰의 침공과 크리에이티브 전쟁
02_박성호_스마트폰의 침공과 크리에이티브 전쟁02_박성호_스마트폰의 침공과 크리에이티브 전쟁
02_박성호_스마트폰의 침공과 크리에이티브 전쟁
websmedia
 
projector ui test
projector ui testprojector ui test
projector ui test
suncall
 
Savage Rumbaugh ppt
Savage Rumbaugh pptSavage Rumbaugh ppt
Savage Rumbaugh ppthelenr63
 
Dubai power point presentation
Dubai power point presentationDubai power point presentation
Dubai power point presentationVarun Das
 

Viewers also liked (6)

01
0101
01
 
02_박성호_스마트폰의 침공과 크리에이티브 전쟁
02_박성호_스마트폰의 침공과 크리에이티브 전쟁02_박성호_스마트폰의 침공과 크리에이티브 전쟁
02_박성호_스마트폰의 침공과 크리에이티브 전쟁
 
conservation report
conservation reportconservation report
conservation report
 
projector ui test
projector ui testprojector ui test
projector ui test
 
Savage Rumbaugh ppt
Savage Rumbaugh pptSavage Rumbaugh ppt
Savage Rumbaugh ppt
 
Dubai power point presentation
Dubai power point presentationDubai power point presentation
Dubai power point presentation
 

Similar to Kanzi

18.10.05 Fusion 360 with Python script
18.10.05 Fusion 360 with Python script18.10.05 Fusion 360 with Python script
18.10.05 Fusion 360 with Python script
Daniel Kim
 
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계  기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계 Amy Young Ah Kim
 
프로그래밍 언어의 F1머신 C++을 타고 Windows 10 UWP 앱 개발의 세계로~
프로그래밍 언어의 F1머신 C++을 타고 Windows 10 UWP 앱 개발의 세계로~프로그래밍 언어의 F1머신 C++을 타고 Windows 10 UWP 앱 개발의 세계로~
프로그래밍 언어의 F1머신 C++을 타고 Windows 10 UWP 앱 개발의 세계로~
YEONG-CHEON YOU
 
Project anarchy로 3 d 게임 만들기 part_1
Project anarchy로 3 d 게임 만들기 part_1Project anarchy로 3 d 게임 만들기 part_1
Project anarchy로 3 d 게임 만들기 part_1
Dong Chan Shin
 
[Td 2015]프로그래밍 언어의 f1머신 c++을 타고 windows 10 uwp 앱 개발의 세계로~(유영천)
[Td 2015]프로그래밍 언어의 f1머신 c++을 타고 windows 10 uwp 앱 개발의 세계로~(유영천)[Td 2015]프로그래밍 언어의 f1머신 c++을 타고 windows 10 uwp 앱 개발의 세계로~(유영천)
[Td 2015]프로그래밍 언어의 f1머신 c++을 타고 windows 10 uwp 앱 개발의 세계로~(유영천)
Sang Don Kim
 
웹:앱 기술 동향
웹:앱 기술 동향웹:앱 기술 동향
웹:앱 기술 동향
ssuser0e53c8
 
[1002 조진현]unity3d 소개
[1002 조진현]unity3d 소개[1002 조진현]unity3d 소개
[1002 조진현]unity3d 소개
진현 조
 
스마트 모바일 앱 개발 방법론(2)
스마트 모바일 앱 개발 방법론(2)스마트 모바일 앱 개발 방법론(2)
스마트 모바일 앱 개발 방법론(2)
mosaicnet
 
모두의 클라우드 딥러닝
모두의 클라우드 딥러닝모두의 클라우드 딥러닝
모두의 클라우드 딥러닝
NAVER Engineering
 
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
funmeate
 
Node.js 살펴보기
Node.js 살펴보기Node.js 살펴보기
Node.js 살펴보기
명신 김
 
RZDESK-Docker hackday
RZDESK-Docker hackdayRZDESK-Docker hackday
RZDESK-Docker hackday
Hyeong-Kyu Lee
 
반응형 웹 디자인
반응형 웹 디자인반응형 웹 디자인
반응형 웹 디자인
준극 김
 
ant로 안드로이드 앱을 자동으로 빌드하자
ant로 안드로이드 앱을 자동으로 빌드하자ant로 안드로이드 앱을 자동으로 빌드하자
ant로 안드로이드 앱을 자동으로 빌드하자
Sewon Ann
 
[2017 AWS Startup Day] 스타트업이 인공지능을 만날 때 : 딥러닝 활용사례와 아키텍쳐
[2017 AWS Startup Day] 스타트업이 인공지능을 만날 때 : 딥러닝 활용사례와 아키텍쳐[2017 AWS Startup Day] 스타트업이 인공지능을 만날 때 : 딥러닝 활용사례와 아키텍쳐
[2017 AWS Startup Day] 스타트업이 인공지능을 만날 때 : 딥러닝 활용사례와 아키텍쳐
Amazon Web Services Korea
 

Similar to Kanzi (16)

18.10.05 Fusion 360 with Python script
18.10.05 Fusion 360 with Python script18.10.05 Fusion 360 with Python script
18.10.05 Fusion 360 with Python script
 
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계  기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
기획자를 위한 최신 모바일웹 트랜드와 반응형 웹 화면 설계
 
프로그래밍 언어의 F1머신 C++을 타고 Windows 10 UWP 앱 개발의 세계로~
프로그래밍 언어의 F1머신 C++을 타고 Windows 10 UWP 앱 개발의 세계로~프로그래밍 언어의 F1머신 C++을 타고 Windows 10 UWP 앱 개발의 세계로~
프로그래밍 언어의 F1머신 C++을 타고 Windows 10 UWP 앱 개발의 세계로~
 
Project anarchy로 3 d 게임 만들기 part_1
Project anarchy로 3 d 게임 만들기 part_1Project anarchy로 3 d 게임 만들기 part_1
Project anarchy로 3 d 게임 만들기 part_1
 
[Td 2015]프로그래밍 언어의 f1머신 c++을 타고 windows 10 uwp 앱 개발의 세계로~(유영천)
[Td 2015]프로그래밍 언어의 f1머신 c++을 타고 windows 10 uwp 앱 개발의 세계로~(유영천)[Td 2015]프로그래밍 언어의 f1머신 c++을 타고 windows 10 uwp 앱 개발의 세계로~(유영천)
[Td 2015]프로그래밍 언어의 f1머신 c++을 타고 windows 10 uwp 앱 개발의 세계로~(유영천)
 
웹:앱 기술 동향
웹:앱 기술 동향웹:앱 기술 동향
웹:앱 기술 동향
 
[1002 조진현]unity3d 소개
[1002 조진현]unity3d 소개[1002 조진현]unity3d 소개
[1002 조진현]unity3d 소개
 
스마트 모바일 앱 개발 방법론(2)
스마트 모바일 앱 개발 방법론(2)스마트 모바일 앱 개발 방법론(2)
스마트 모바일 앱 개발 방법론(2)
 
모두의 클라우드 딥러닝
모두의 클라우드 딥러닝모두의 클라우드 딥러닝
모두의 클라우드 딥러닝
 
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
모바일환경에서의 크로스 플랫폼_3D_렌더링엔진_제작과정
 
Node.js 살펴보기
Node.js 살펴보기Node.js 살펴보기
Node.js 살펴보기
 
RZDESK-Docker hackday
RZDESK-Docker hackdayRZDESK-Docker hackday
RZDESK-Docker hackday
 
반응형 웹 디자인
반응형 웹 디자인반응형 웹 디자인
반응형 웹 디자인
 
ant로 안드로이드 앱을 자동으로 빌드하자
ant로 안드로이드 앱을 자동으로 빌드하자ant로 안드로이드 앱을 자동으로 빌드하자
ant로 안드로이드 앱을 자동으로 빌드하자
 
Ux design process
Ux design processUx design process
Ux design process
 
[2017 AWS Startup Day] 스타트업이 인공지능을 만날 때 : 딥러닝 활용사례와 아키텍쳐
[2017 AWS Startup Day] 스타트업이 인공지능을 만날 때 : 딥러닝 활용사례와 아키텍쳐[2017 AWS Startup Day] 스타트업이 인공지능을 만날 때 : 딥러닝 활용사례와 아키텍쳐
[2017 AWS Startup Day] 스타트업이 인공지능을 만날 때 : 딥러닝 활용사례와 아키텍쳐
 

Kanzi

Editor's Notes

  1. Kanzi Engine에 target device에서 실행될 수 있는 code를 덧붙여 Player를 만들기 때문에 Engine으로 표현.
  2. Screen – target device 해상도. 가로 세로 모드 설정 등., Project에 한 개만 가능 Root layer – 빈 레이어로 하위 레이어 속성 값을 설정하는데 사용. Viewport layer – Camera를 통해 보여지는 시각. Node : UI Composer의 object와 유사 개념. Prefabs : Scene에서 재 사용가능한 node등을 모아 놓은 것.
  3. Windows환경 – Player 로 생성됨. Andorid 환경 – apk안에 통합됨. Kanzi Engine에 target device에서 실행될 수 있는 code를 덧붙여 Player를 만들기 때문에 Engine으로 표현.
  4. COLLADA – 3D Application들 사이에 교환이 가능한 파일 형식. Dae의 확장자를 가지며, 표준 XML 로 작성된 내용.
  5. 추가한 List Box의 Option menu Create의 Plane Node를 선택한다
  6. Scene 요소의 Option menu Create의 Trajectory List Box를 선택한다
  7. Scene 요소의 Option menu Create의 Trajectory List Box를 선택한다
  8. 추가한 List Box의 Option menu Create의 Plane Node를 선택한다
  9. Trajectory_list_box – 실제 기능이 구현이 되어야 하는 프로젝트 Executable – Windows에서 실행 파일을 만들기 위한 프로젝트 Toolmodule – Kanzi Studio와 PreView연동을 위한 프로젝트
  10. Window 속성 지정 Application 실행에 필요한 Callback 함수를 지정
  11. Alias Root Layer/Second Viewport Layer/Scene/Grid Layout