HTML5 Mobile App Study

[소개]
"Virtual University"는 HTML5을 사용한 하이브리드 앱 개발에 필요한 기술을 학습하기 위한 목적으로 만들어진 교육용 앱입니다.

세상에 존재하지 않는 가상의 "Virtual University"라는 대학교를 설정하고 만약 이 학교의 정보를 소개하는 앱을 만든다면 어떤 기술이 필요한지에 대한 내용을 학습할 수 있습니다. 직접 모바일 디바이스에서 실행되는 소스코드와 실행결과를 확인함으로써 HTML5의 응용 사례는 어떻게 제작되는지 습득할 수 있습니다.

[특징]
1. 샘플코드 조회
2. 가상의 시나리오에 기초하여 제작된 HTML5 응용 기술 학습

[사용된 기술 및 소스를 통해 학습할 수 있는 내용]
1. HTML5, CSS3, 자바 스크립트
2. JQuery
3. 모바일 UI 프레임 워크 : JQuery Mobile
4. JQuery Mobile PlugIn : PhotoSwipe( 캠퍼스 이미지 갤러리)
5. Video Player PlugIn : VideoJS( 홍보 동영상)
6. Google Map PlugIn : JQuery-UI-Map(캠퍼스맵)
7. 하이브리드앱 변환: PhoneGap

[메뉴 소개]
1. Source - 각 메뉴별로 사용된 기능의 소스코드를 조회할 수 있음. 이것을 통해 개별 HTML5 응용 기술의 학습 가능
2. 캠퍼스 이미지 - 이미지갤러리 기능으로 캠퍼스의 이미지 조회
3. 대학교 소개 - CSS3를 사용하여 온라인 뉴스와 같은 편집디자인과 사진을 터치하면 커짐
4. 홍보 동영상 - 동영상 플레이어를 통해 소개 영상 조회
5. 캠퍼스 맵 - 구글맵을 통해 캠퍼스 주변위치 조회와 현재 위치 찾기