1 / 25

Mobile Web Framework 최적화 설계에 관한 연구

Mobile Web Framework 최적화 설계에 관한 연구. 2011. 05. 31. 지도 교수 : 조 이 남 발 표 자 : 최 용 준. 목 차. I. II. III. IV. V. 서론. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술. 모바일 웹 프레임워크 비교분석. 모바일 웹 프레임워크 최적화 설계 및 구현. 결론. 모바일 세계의 개발환경. 플랫폼 별 개발환경. HTML, CSS, Javacript 공통의 개발 환경. 빌더를 통한 Javacript 개발 환경.

adelaide-richter
Download Presentation

Mobile Web Framework 최적화 설계에 관한 연구

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Mobile Web Framework 최적화 설계에 관한 연구 2011. 05. 31 지도 교수 : 조 이 남발 표 자 : 최 용 준

  2. 목 차 I II III IV V 서론 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 모바일 웹 프레임워크 비교분석 모바일 웹 프레임워크 최적화 설계 및 구현 결론

  3. 모바일 세계의 개발환경 플랫폼 별 개발환경 HTML, CSS, Javacript 공통의 개발 환경 빌더를 통한 Javacript 개발 환경

  4. I. 서론 연구 목적 연구 목적 • -안드로이드, 아이폰 모바일 플랫폼을 살펴보고, 그 각각의 특성을 비교 • 오픈소스인 모바일 웹 프레임워크 비교 • 안드로이드와 아이폰 Webkit 비교 분석 • 모바일 웹앱에 필요한 프레임워크 재설계

  5. I. 서론 연구 방법과 범위 연구 방법과 범위 • 연구방법 • - 모바일 플랫폼 기반 기술 파악 • - 모바일 웹 프레임워크 기반 기술 파악 • 모바일 웹 프레임워크 비교 분석  • 하이브리드 빌더 비교 분석 • 연구의 범위 • - 모바일 앱 플랫폼 조사 • - 모바일 웹 프레임워크 조사 • - 서비스 최적 Framework 프로세스 검토 • - 효율적인 모바일 개발을 위한 최적의 Framework 설계

  6. Mobile Device Market Share II. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 -2010년 스마트폰 판매량 2.7억대 -2010년 출시된 스마트폰 종류 200여가지 -2010년 모바일 시장규모 84.6억달러

  7. 국내 스마트폰 사용자 추이 II. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 < Source : http://mobizen.pe.kr>

  8. 국내 스마트폰 사용 실태 II. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 국내사용자들이 스마트폰을 통해 가장많이이용하는것은모바일웹(95.9%)인것으로조사됨 < Source : http://mobizen.pe.kr>

  9. Mobile Trends II. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 Gartner에서는 주목할만한 모바일10가지 기술로 ‘Mobile Web’을 선정하였으며, 향후 모바일웹이 B2C 모바일 어플리케이션시장을 주도할 것이라고 예측함

  10. 모바일 플랫폼 주요요소 II. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 안드로이드 프레임워크 아이폰 프레임워크 공통점은 Embedded Linux 커널

  11. III. 모바일 웹 프레임 워크 비교분석 Mobile App과 Mobile Web의 특징

  12. III. 모바일 웹 프레임 워크 비교분석 Hybrid App Hybrid App Native App의 단점과 Mobile Web이 현재 가지고 있는 한계를 극복할 수 있는 대 안 으로 등장한 것이 바로 Hybrid App

  13. III. 모바일 웹 프레임 워크 비교분석 Hybrid App

  14. III. 모바일 웹 프레임 워크 비교분석 개발 환경 비교 개발자 측면 안드로이드와 아이폰 개발 환경 비교

  15. III. 모바일 웹 프레임 워크 비교분석 WebKit 성능 비교 웹킷 기본사양 웹킷 구성요소 사파리, 크롬, Opera 등은 브라우저 내부에 자바스크립트 엔진으로 오픈소스인 WebKit을 사용한다. 웹킷 성능 벤치마크 도구들

  16. III. 모바일 웹 프레임 워크 비교분석 WebKit 성능 비교 벤치마크별 자바스크립트 성능비교 안드로이드와 아이폰 웹킷 특징 비교

  17. III. 모바일 웹 프레임 워크 비교분석 모바일 웹 프레임워크 비교 분석 Sencha Touch와 jQuery Mobile 비교

  18. III. 모바일 웹 프레임 워크 비교분석 하이브리드 빌더 비교 하이브리드 빌더에서 디바이스 기능비교 하이브리드 빌더별 지원 기능 비교

  19. IV. 모바일 웹 프레임워크 최적화 설계 및 구현 통합 모바일 웹 프레임웍 • 통합 프레임워크 • 오픈소스를 바탕으로 한 W3C 웹표준 스펙준수 • Cross Browing 및 Cross Platform 지원 • 웹접근성을 높이기 위한 CSS, Extension 구조 • 스마트폰에 최적화된 UI 및 디자인 제공 • jQuery를 이용한 안정된 UI 제공

  20. I. 통합 프레임웍 설계 Mobile App과 Mobile Web의 특징 통합 Framework 구성

  21. IV. 모바일 웹 프레임워크 최적화 설계 및 구현 통합 프레임워크 구현

  22. IV. 모바일 웹 프레임워크 최적화 설계 및 구현 jQuery 브라우저 성능 테스트 표준화된 테스트 결과1 표준화된 테스트 결과2 웹 표준 체크 테스트

  23. V. 결론 • 본 논문은 모바일 플랫폼과 모바일 웹 프레임워크에 대해 주요요소, 비교분석을 하였고 이를 통해 jQuery 오픈소스인 모바일 웹 프레임워크를 재구성했다. 이는 모바일 기술 표준화에 맞춰 브라우저간 상호 호환성 지원하였고 jQuery 기술을 이용하여 모바일 Framework의 편의성 및 확장성을 높이고자 하였다. • 결론적으로.. • - 유무선의 경계가 사라지고 있으며, 모바일 애플리케이션에서 웹 기술과 플랫폼 협력이 두드러지고 있다는 점이다. • 오픈 소스와 결합한 하이브리드형 매시업 애플리케이션과 개발 방법이 급속하게 확산되고 있다는 점이다. • 과거와 같이 Native Application과 Web Application이따로 떨어지는 것이 아니라, 서로가 서로의 장점을취하며 Native 앱에 근접하게 제작이 가능하다.

  24. V. 결론 향후 발전 방향 • 차세대 모바일 웹애플리케이션 관련 표준과 기술이 안정화되고 정착되는 과정에서 훨씬 다양한 형태의 모바일 애플리케이션들이 등장하도록 할 것으로 예상 • HTML5 그리고 브라우저 내의 데이터베이스를이용하여 복잡한 캐시와 오프라인 처리를 손쉽게 하면서 다양한 단말의 기능을 제어할 것으로 예상 • 사용자 단말의 대기화면과 다양한 서버 사이를 자유롭게 넘나드는 웹 표준 기반의 차세대 웹 애플리케이션과 하이브리드 웹 애플리케이션이 대중화 될 것으로 예상

  25. 감사합니다.

More Related