260 likes | 698 Views
Mobile Web Framework 최적화 설계에 관한 연구. 2011. 05. 31. 지도 교수 : 조 이 남 발 표 자 : 최 용 준. 목 차. I. II. III. IV. V. 서론. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술. 모바일 웹 프레임워크 비교분석. 모바일 웹 프레임워크 최적화 설계 및 구현. 결론. 모바일 세계의 개발환경. 플랫폼 별 개발환경. HTML, CSS, Javacript 공통의 개발 환경. 빌더를 통한 Javacript 개발 환경.
E N D
Mobile Web Framework 최적화 설계에 관한 연구 2011. 05. 31 지도 교수 : 조 이 남발 표 자 : 최 용 준
목 차 I II III IV V 서론 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 모바일 웹 프레임워크 비교분석 모바일 웹 프레임워크 최적화 설계 및 구현 결론
모바일 세계의 개발환경 플랫폼 별 개발환경 HTML, CSS, Javacript 공통의 개발 환경 빌더를 통한 Javacript 개발 환경
I. 서론 연구 목적 연구 목적 • -안드로이드, 아이폰 모바일 플랫폼을 살펴보고, 그 각각의 특성을 비교 • 오픈소스인 모바일 웹 프레임워크 비교 • 안드로이드와 아이폰 Webkit 비교 분석 • 모바일 웹앱에 필요한 프레임워크 재설계
I. 서론 연구 방법과 범위 연구 방법과 범위 • 연구방법 • - 모바일 플랫폼 기반 기술 파악 • - 모바일 웹 프레임워크 기반 기술 파악 • 모바일 웹 프레임워크 비교 분석 • 하이브리드 빌더 비교 분석 • 연구의 범위 • - 모바일 앱 플랫폼 조사 • - 모바일 웹 프레임워크 조사 • - 서비스 최적 Framework 프로세스 검토 • - 효율적인 모바일 개발을 위한 최적의 Framework 설계
Mobile Device Market Share II. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 -2010년 스마트폰 판매량 2.7억대 -2010년 출시된 스마트폰 종류 200여가지 -2010년 모바일 시장규모 84.6억달러
국내 스마트폰 사용자 추이 II. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 < Source : http://mobizen.pe.kr>
국내 스마트폰 사용 실태 II. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 국내사용자들이 스마트폰을 통해 가장많이이용하는것은모바일웹(95.9%)인것으로조사됨 < Source : http://mobizen.pe.kr>
Mobile Trends II. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 Gartner에서는 주목할만한 모바일10가지 기술로 ‘Mobile Web’을 선정하였으며, 향후 모바일웹이 B2C 모바일 어플리케이션시장을 주도할 것이라고 예측함
모바일 플랫폼 주요요소 II. 모바일 플랫폼과 모바일 웹 프레임워크 기반 기술 안드로이드 프레임워크 아이폰 프레임워크 공통점은 Embedded Linux 커널
III. 모바일 웹 프레임 워크 비교분석 Mobile App과 Mobile Web의 특징
III. 모바일 웹 프레임 워크 비교분석 Hybrid App Hybrid App Native App의 단점과 Mobile Web이 현재 가지고 있는 한계를 극복할 수 있는 대 안 으로 등장한 것이 바로 Hybrid App
III. 모바일 웹 프레임 워크 비교분석 Hybrid App
III. 모바일 웹 프레임 워크 비교분석 개발 환경 비교 개발자 측면 안드로이드와 아이폰 개발 환경 비교
III. 모바일 웹 프레임 워크 비교분석 WebKit 성능 비교 웹킷 기본사양 웹킷 구성요소 사파리, 크롬, Opera 등은 브라우저 내부에 자바스크립트 엔진으로 오픈소스인 WebKit을 사용한다. 웹킷 성능 벤치마크 도구들
III. 모바일 웹 프레임 워크 비교분석 WebKit 성능 비교 벤치마크별 자바스크립트 성능비교 안드로이드와 아이폰 웹킷 특징 비교
III. 모바일 웹 프레임 워크 비교분석 모바일 웹 프레임워크 비교 분석 Sencha Touch와 jQuery Mobile 비교
III. 모바일 웹 프레임 워크 비교분석 하이브리드 빌더 비교 하이브리드 빌더에서 디바이스 기능비교 하이브리드 빌더별 지원 기능 비교
IV. 모바일 웹 프레임워크 최적화 설계 및 구현 통합 모바일 웹 프레임웍 • 통합 프레임워크 • 오픈소스를 바탕으로 한 W3C 웹표준 스펙준수 • Cross Browing 및 Cross Platform 지원 • 웹접근성을 높이기 위한 CSS, Extension 구조 • 스마트폰에 최적화된 UI 및 디자인 제공 • jQuery를 이용한 안정된 UI 제공
I. 통합 프레임웍 설계 Mobile App과 Mobile Web의 특징 통합 Framework 구성
IV. 모바일 웹 프레임워크 최적화 설계 및 구현 통합 프레임워크 구현
IV. 모바일 웹 프레임워크 최적화 설계 및 구현 jQuery 브라우저 성능 테스트 표준화된 테스트 결과1 표준화된 테스트 결과2 웹 표준 체크 테스트
V. 결론 • 본 논문은 모바일 플랫폼과 모바일 웹 프레임워크에 대해 주요요소, 비교분석을 하였고 이를 통해 jQuery 오픈소스인 모바일 웹 프레임워크를 재구성했다. 이는 모바일 기술 표준화에 맞춰 브라우저간 상호 호환성 지원하였고 jQuery 기술을 이용하여 모바일 Framework의 편의성 및 확장성을 높이고자 하였다. • 결론적으로.. • - 유무선의 경계가 사라지고 있으며, 모바일 애플리케이션에서 웹 기술과 플랫폼 협력이 두드러지고 있다는 점이다. • 오픈 소스와 결합한 하이브리드형 매시업 애플리케이션과 개발 방법이 급속하게 확산되고 있다는 점이다. • 과거와 같이 Native Application과 Web Application이따로 떨어지는 것이 아니라, 서로가 서로의 장점을취하며 Native 앱에 근접하게 제작이 가능하다.
V. 결론 향후 발전 방향 • 차세대 모바일 웹애플리케이션 관련 표준과 기술이 안정화되고 정착되는 과정에서 훨씬 다양한 형태의 모바일 애플리케이션들이 등장하도록 할 것으로 예상 • HTML5 그리고 브라우저 내의 데이터베이스를이용하여 복잡한 캐시와 오프라인 처리를 손쉽게 하면서 다양한 단말의 기능을 제어할 것으로 예상 • 사용자 단말의 대기화면과 다양한 서버 사이를 자유롭게 넘나드는 웹 표준 기반의 차세대 웹 애플리케이션과 하이브리드 웹 애플리케이션이 대중화 될 것으로 예상