Information and Communications Magazine (정보와 통신)

The Korean Institute of Commucations and Information Sciences (한국통신학회)
권호 표지

Open Source기반 HTML5 Mobile Web Application Platform 구조 분석 및 성능 최적화 방법

  • Published : 2012.08.31
Download PDF
⟨ Previous Next ⟩

Abstract

본고는 크게 두가지 주제로 구성이된다. 첫번째로는 HTML5 기반의 mobile Web application platform 구조에 대해서 상세히 소개한다. Web application platform은 기술 구조상 mobile OS에 내재되어 native형태로 배포되는 Browser engine을 포함한 platform 부분과 native Web platform 상에서 구동되는 HTML5 application framework 부분으로 구성된다. HTML5 application framework 구축을 위해 시장에서 널리쓰이는 open source로서 jQuery Mobile framework을 소개한다. 두번째로 해당 Web platform상에서 동작하는 Web application 개발시 부디칠 각종 성능 이슈 및 그것을 해결하기 위한 접근법을 다섯가지 기술 영역으로 나누어, 각 영역별로 적용 가능한 실기를 다룬다. 마지막으로 최적화시 사용가능한 각종 open source profiling 및 성능 최적화 tool에 대해서 소개한다.

Keywords

References

  1. ABI Research "2.1 Billion HTML5 Browsers on Mobile Devices by 2016" (http://www.gartner.com/it/page.jsp?id=1622614) July 22, 2011.
  2. Kevin Benedict, "Interview: Sanjay Poonen on SAP's Mobile Strategies", April 2012 (http://wireless.syscon.com/node.2261851).
  3. Gartner Press Release (http://www.gartner.com/it/page.jsp?id=1622614).
  4. HTML5, W3C Editor's Draft. June 2012 (http://dev. w3.org/html5/spec/).
  5. Michael Smith. "The Web Platform: Browser technologies" (http://platform.html5.org).
  6. WebKit, open source Browser 엔진 개발 과제 (http:// www.webkit.org).
  7. jQuery Mobile (http://www.jquerymobile.com).
  8. Sehcha (http://www.sencha.com).
  9. AppMobi (http://www.appmobi.com).
  10. DOM, Document Object Model (http://www.w3.org/ DOM) W3C 표준 specification.
  11. Dominique Hazael, "Standards for Web Applications on Mobile: current state and roadmap" (http://www.w3.org/2012/05/mobile-web-app-state).
  12. jQuery, (http://www.jquery.com).
  13. jQuery Mobile Theme Roller, (http://www. jquerymobile.com/themeroller).
  14. jQuery UI, (http://www.jqueryui.com).
  15. PageSpeed Tools, (http://developers.google.com/speed/pagespeed).
  16. DOM Monster, (http://miraculo.us/dom-monster)
  17. Chrome Developer Tools (http://developers.google.com/chrome-developer-tools/docs/overview) Google.
  18. W3C Navigation Timing specification (http://www.w3.org/TR/navigation-timing) July 16th 2012.
  19. 허준회, "HW Acceleration in WebKit" (http://www.slideshare.net/joone/hardware-acceleration-inwebkit).
  20. 임상석, "Mobile Web Application 개발 방법론: Open Source 기반 Web App 개발 Practice",(http://www.slideshare.net/infect2/web-app-201205).
  21. Speed Tracer (https://developers.google.com/webtoolkit/speedtracer) Google.
  22. Closure Compiler (https://developers.google.com/closure/compiler/) Google.
  23. CSS Sprite Generator (http://csssprites.com) Google.