10
my app. design 2012.05.19 김김김 Sencha Review My Reviw

Sencha Review

  • Upload
    misia85

  • View
    389

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Sencha Review

myapp.design

2012.05.19 김승회

Sencha Review

MyRe-

viw

Page 2: Sencha Review

contents.01. Sencha 다운로드 및 설치02. Sencha 체험하기03.Sencha 분석

myapp.de-

sign

Page 3: Sencha Review

Sencha 다운로드 및 설치myapp.de-

sign

- 설치하기 위한 프로그램 설치

및 다운로드

- 다운로드 한국어를 지원함 ( 프로그램지원이 아닌 설치시만 지원 )

Page 4: Sencha Review

Sencha 다운로드 및 설치myapp.de-

sign

체험판을 사용하기 위해서도 ID 와 PASSWORD 생성

인스톨 버튼을 누르면 자동설치

( 설치방법 역시 굉장히 간단하고 쉽게 할 수 있다 .)

Page 5: Sencha Review

Sencha 체험하기myapp.de-

sign

Tool Bar

Tool Box

Inspector

Config Panel

Canvas

Page 6: Sencha Review

Sencha 체험하기myapp.de-

sign

디바이스의 설정이 가능하며 기기의 가로세로 설정 및 비율을 조절하여 볼 수 있다 .

ToolBar 에서 드래그 해서 쓴 디자인을 코딩으로 변환하여 볼 수 있다 .

Page 7: Sencha Review

Sencha 체험하기myapp.de-

sign

설정을 잘못 했을 시 느낌표가 표시되고 에러메세지가 뜬다 .

여러 가지 화면디자인을 드래그로 손 쉽게 할 수 있다 .

a proposal that has been made, particularly regarding

price and conditions

디지털콘텐츠다시듣기

홈으로 한영전환 자동보기 듣기설정

1/10

Shncha 체험하기

디자인 예시

Page 8: Sencha Review

Sencha 체험하기myapp.de-

sign

이런 식으로 화면을 본인이 원하는 UI 로 디자인이 가능하다 .

Page 9: Sencha Review

1. 방대하고 체계적인 API 여러 기기의 인터페이스를 용이하게 사용 가능

2. 모바일에 최적화된 기능폰과 태블릿 기기를 위한 프레임 워크

3. 하이브리드앱네이티브에 가장 가까운 UI 를 미리 스타일로 만들어 컴포넌트 형식으로 지원

Sencha 분석myapp.de-

sign

최근 멜론에서 Sencha 를

사용한 인터페이스 디자인의 예

4. HTML5 & CSS 의 조합

5. 다양한 디바이스에 자유도 높음 편리하게 UI 의 스타일을 변화

아이폰 , 아이패드 , 블랙베리 등 다양한 디바이스 설정가능

Page 10: Sencha Review

thank you.감사합니다

myapp.de-

sign