HTML5 Mobile App Study v3.0

[소개]
"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. 캠퍼스 맵 - 구글맵을 통해 캠퍼스 주변위치 조회와 현재 위치 찾기 [Introduction]
"Virtual University" is a hybrid app development using HTML5 to learn the necessary skills for the purpose of creating

Of a given educational apps.

Virtual world that does not exist "Virtual University" If a university setting and an introduction to the school's information

If you create the app for information on what skills are needed, you can learn. Directly run on mobile devices

The results confirm the source code and examples of the application of HTML5, you can learn how to make production.

[Feature]
1 Sample Code Lookup
2 based on the scenario of a virtual application technology made learning HTML5

[Learning through use of technology and content can be source]
1. HTML5, CSS3, Java Script
2. JQuery
3 Mobile UI frameworks: JQuery Mobile
4. JQuery Mobile PlugIn: PhotoSwipe (campus image gallery)
5. Video Player PlugIn: VideoJS (Promotional Video)
6. Google Map PlugIn: JQuery-UI-Map (Campus Map)
7 Hybrid App Conversion: PhoneGap

[Our Menu]
1. Source - Use the function of each menu, you can look up the source code. Through this technology, individual HTML5 applications

Learning can be
2 Campus Photos - Image Gallery features images viewed on campus
3 Introduction to University - CSS3 editing, such as using online news and photos to touch a larger design
4 promotional video - video player video viewed through the introduction
5 Campus Map - Google Maps locations around campus through the search query and the current position