HTML5 Web 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. 캠퍼스 맵 - 구글맵을 통해 캠퍼스 주변위치 조회와 현재 위치 찾기 [Introduction]
"Virtual University" with an HTML5 hybrid app development for the purpose of learning the skills necessary to make the

Eojin are educational apps.

The virtual world that does not exist "Virtual University" If a university setting and to introduce the school's information

If you create an app for information on what skills are needed can learn. Be run directly on the mobile device

The source code and check the results by running the application examples of HTML5 can learn how it is made.

[Feature]
1. Sample Code Lookup
Two. Made on the basis of hypothetical scenarios, learning HTML5 application technology

[The technology used and the source of information that can be learned through]
1. HTML5, CSS3, JavaScript
Two. JQuery
Three. Mobile UI frameworks: JQuery Mobile
Four. JQuery Mobile PlugIn: PhotoSwipe (Campus Image Gallery)
Five. Video Player PlugIn: VideoJS (Promotional Video)
Six. Google Map PlugIn: JQuery-UI-Map (Campus Map)
Seven. Hybrid App Conversion: PhoneGap

[Menus]
1. Source - each menu function is used to look up the source code for that. HTML5 application technology of this individual

Learning is
Two. Campus Images - Image Gallery features images of the campus Views
Three. About University - CSS3 using design and photo editing, such as online news grows when you touch
Four. Promotional video - video player introduction video viewed through
Five. Campus map - Google map with the current location lookup and find locations around campus