BLOG main image
분류 전체보기 (28)
루비 (3)
glassfish (1)
건아 (1)
RFC 한글 (0)
TIP (5)
VCS(Version Control System) (3)
perl (4)
java (2)
android (0)
javascript&Jquery (2)
기술문서 번역 (0)
사이베이스(ASE) (3)
용어 (2)
GAE&GCP (0)
사는 이야기 (1)
Visitors up to today!
Today hit, Yesterday hit
daisy rss
tistory 티스토리 가입하기!
'스마트폰용 프레임워크'에 해당되는 글 1건
2011. 8. 15. 13:21

스마트폰용 프레임워크 등장

스마트폰용 프레임워크를 사용하게 되면 사소한 HTML이나 자바 스크립트 작성히 스마트폰에 최적화된 사이트 디자인을 할 수 있다.   디바이스 특성의 차이도 흡수해주기 때문에 디바이스간의 차이도 신경쓰지 않아도 된다. 대표적인 스마트폰 프레임워크는 아래와 같은 것들이 있다. 


■iUi(http://code.google.com/p/iui/

 Firefox 애드온 「Firebug」의 개발자인 Joe Hewitt  (@joehewitt) 가 작성한 스마트폰 프레임워크. 
iPhone용 사이트에 특화되어 있으며 iOS 메뉴와 유사한 디자인의 사이트를 만들 수 있다.  스마트폰용 프레임워크의 선구자격이지만 2009년 업데이트가 마지막이다. 


■jQTouch(http://jqtouch.com/

 jQuery를 기반으로 개발된 스마트폰용 프레임워크. iPhone과 Android 등의 WebKit 기반의 스마트폰에특화되어 있으며 HTML에 여러 가지 class 속성을 추가하므로써 스마트폰사이트를 작성할 수 있다.
페이지 이동 애니메이션에 뛰어난 모습을 보이며 나중에 등장하는 많은 스마트폰 프레임워크에 큰 영향을 끼쳤다.
David Kaneda(
@davidkaneda)가 개발했으나 다음에 소개할 Sencha Touch 의 개발사인 미국 Sencha Inc.에 합류한 관계로 현재는 Jonathan Stark(@jonathanstark)가 유지 보수 하고 있다. 



■Sencha Touch(http://www.extjs.co.jp/products/touch/

 미국 Sencha Inc. 가 개발, 판매하는 자바스크립트 라이브러리「Ext JS」의 스마트폰 버전.
베타버전 시점에서는 유료화계획이었으나 2010년11월 정식판 공개시에 완전무료로 변경되었다. JavaScript 베이스의 작성방법을 채용하고 있으며 JavaScript의 지식이 없으면 사용하기 어렵다. jQTouch와 마찬가지로 WebKit 기반의 스마트폰에 대응하고 있다. 


iOS 휴먼인터페이스 가이드라인

 많은 스마트폰용 프레임워크가 등장하는 하나의 이유는 애플이 공개하고 있는 iOS human interface guidelines의 존재때문이다.
iOS 휴먼 인터페이스 가이드라인은 유저가 iPhone 등의 iOS 디바이스를 조작할 때의 최적의 디자인에 대해 정리가 되어 있고 「탭이 가능한 UI요소의 최적 최소사이즈는 44×44 포인트」라는 식으로 구체적으로 기술되어 있는 것에서부터 「인터페이스의 일관성을 가진다」 라는 디자인의 기본 룰까지광범위한 가이드라인이 제시되어 있다. 스마트폰뿐만 아니라 디자인쪽 일을 하는 사람이라면 한번쯤 봐두면 참고가 될 것이다. 



애플이 공개하고 있는 「iOS휴먼인터페이스 가이드 라인」

 스마트폰용 프레임워크의 대다수는 iOS휴먼인터페이스가이드라인을 참고로 만들어 졌다. 다시 말하면 iOS휴먼인터페이스가이드라인에 준거한 UI를 가볍게 실현하는 것이 스마트폰용 프레임워크라고 말해도 좋을 것이다.  스마트폰을 대상으로 한 모바일웹 디자인은 아직 여명기이지만 이미 강력한 디자인가이드라인과 가이드라인에 준거한 프레임워크가 존재하기 때문에 완성도가 높은 스마트폰 사이트가 많이 존재하는 것입니다. 


아래 기사의 번역본입니다.

더 보기  http://ascii.jp/elem/000/000/602/602620/#ixzz1TSLDK8VW





prev"" #1 next