모바일 웹 애플리케이션 모범 사례 카드
출처 :  
http://www.w3c.or.kr/Translation/MWABP/#mwabp

네트워크를 절약하자

네트워크 병목과 지연을 줄이기 위한 적합한 웹 프로토콜 기능 사용한다.

  • 전송 압축 사용
  • 핑커프린트 정보를 이용한 캐시
  • AJAX 데이터 캐시
  • 외부 자원 최소화
  • 애플리케이션 및 데이터 크기 최소화
  • 최소한의 쿠키 사용
  • 불필요한 쿠키 정보 전송 금지
  • 네트워크 요청 최적화
  • 리다이렉트 회피

상위 ↑

사용자를 자유롭게 하자

모바일 디바이스는 집에서 심심풀이로 사용하는것부터 외부에서 급히 이용하는 등의 다양한 상황에서 사용된다. 사용자의 신뢰를 얻기 위하여 어떤 일이 발생하는지 알고 제어할 수 있도록 한다.

  • 개인 정보와 단말 정보의 사용에 대한 사용자 인지 필요
  • 자동 로그인 사용
  • 사용자의 인터페이스 선택 제공
  • 동적으로 페이지 섹션을 갱신할 때 포커스 변경 금지

상위 ↑

웹의 원칙을 지키자

모바일 디바이스는 웹에 접근하는 한 방법이다. 따라서, 일반적인 웹 원칙은 견고한 모바일 웹 애플리케이션의 개발에 적용된다.

  • 로컬 데이터 복제
  • 디바이스 간 상태 일관성 보장
  • 회피 할 수 없거나 신뢰할 수 없는 JSON 데이터 실행 금지
  • 애플리케이션 뷰 구동시 프래그먼트 ID를 사용

상위 ↑

유연하게 설계하자

웹 애플리케이션은 발전하고 있는 다양한 환경에서 구동된다. 유연성은 다양한 디바이스와 사용자들이 비용을 절약할 수 있도록 한다.

  • 다양한 상호작용 방법을 위한 설계
  • 텍스트 플로우 보장
  • 가능한 경우 서버에서 감지 기능 사용
  • 필요한 경우 클라이언트 감지 기능 사용
  • 콘텐트 적용 단순화를 위하여 디바이스 분류법을 사용
  • 적합하다면 비 JavaScript 변이형을 지원

상위 ↑

모바일의 특징을 활용하자

어떤 웹 기술은 특별히 모바일 디바이스에 관련이 있다. 이를 활용하라.

  • 전화번호를 클릭하면 전화기능 실행
  • 웹 애플리케이션을 실행하는 모바일 특화된 기술을 고려
  • 원하는 화면 크기를 위하여 메타 뷰포트 엘리먼트를 사용
  • 로컬 데이터를 위하여 클라이언트쪽 저장 기술 사용

상위 ↑

응답시간을 최소화 하자

모바일 웹 애플리케이션과 몇가지 기술적 요인은 전반적으로 사용자 경험을 상당히 높일 수 있다.

  • 정적 이미지를 단일 복합 리소스(스프라이트)로 통합
  • CSS에 배경 그림 포함
  • 합리적인 DOM 크기 유지
  • 인지한 지연시간 최소화
  • 애플리케이션 구동 시간 최적화

상위 ↑

당신의 애플리케이션을 모바일화 하라!

이 가이드라인은 풍부하고 동적인 모바일 웹 애플리케이션 개발에 도움을 준다. 자세한 정보:

www.w3.org/TR/mwabp/

MobiWebApp FP7 EU 프로젝트 지원

mobiwebapp.eu

상위 ↑

'Development > Web Standard' 카테고리의 다른 글

웹표준 개괄내용  (0) 2011.04.01
모바일 웹 애플리케이션 모범 사례 카드  (0) 2011.03.29
Semantic Markup  (0) 2010.08.05

+ Recent posts