sencha review
TRANSCRIPT
myapp.design
2012.05.19 김승회
Sencha Review
MyRe-
viw
contents.01. Sencha 다운로드 및 설치02. Sencha 체험하기03.Sencha 분석
myapp.de-
sign
Sencha 다운로드 및 설치myapp.de-
sign
- 설치하기 위한 프로그램 설치
및 다운로드
- 다운로드 한국어를 지원함 ( 프로그램지원이 아닌 설치시만 지원 )
Sencha 다운로드 및 설치myapp.de-
sign
체험판을 사용하기 위해서도 ID 와 PASSWORD 생성
인스톨 버튼을 누르면 자동설치
( 설치방법 역시 굉장히 간단하고 쉽게 할 수 있다 .)
Sencha 체험하기myapp.de-
sign
Tool Bar
Tool Box
Inspector
Config Panel
Canvas
Sencha 체험하기myapp.de-
sign
디바이스의 설정이 가능하며 기기의 가로세로 설정 및 비율을 조절하여 볼 수 있다 .
ToolBar 에서 드래그 해서 쓴 디자인을 코딩으로 변환하여 볼 수 있다 .
Sencha 체험하기myapp.de-
sign
설정을 잘못 했을 시 느낌표가 표시되고 에러메세지가 뜬다 .
여러 가지 화면디자인을 드래그로 손 쉽게 할 수 있다 .
a proposal that has been made, particularly regarding
price and conditions
디지털콘텐츠다시듣기
홈으로 한영전환 자동보기 듣기설정
1/10
Shncha 체험하기
디자인 예시
Sencha 체험하기myapp.de-
sign
이런 식으로 화면을 본인이 원하는 UI 로 디자인이 가능하다 .
1. 방대하고 체계적인 API 여러 기기의 인터페이스를 용이하게 사용 가능
2. 모바일에 최적화된 기능폰과 태블릿 기기를 위한 프레임 워크
3. 하이브리드앱네이티브에 가장 가까운 UI 를 미리 스타일로 만들어 컴포넌트 형식으로 지원
Sencha 분석myapp.de-
sign
최근 멜론에서 Sencha 를
사용한 인터페이스 디자인의 예
4. HTML5 & CSS 의 조합
5. 다양한 디바이스에 자유도 높음 편리하게 UI 의 스타일을 변화
아이폰 , 아이패드 , 블랙베리 등 다양한 디바이스 설정가능
thank you.감사합니다
myapp.de-
sign