HTML5 Mobile App Study

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. 캠퍼스 맵 - 구글맵을 통해 캠퍼스 주변위치 조회와 현재 위치 찾기

Recent changes:
[업그레이드 v1.1]
1. 캠퍼스 이미지 : 확대 [+], 축소 [-] 단추 추가
2. 사진과 동영상 콘텐츠 변경
3. 소개글에 기술관련 사이트 링크 추가
Add to list
Free
93
4.7
User ratings
16
Installs
5,000+
Concerns
1
File size
2831 kb
Screenshots
Screenshot of HTML5 Mobile App Study Screenshot of HTML5 Mobile App Study Screenshot of HTML5 Mobile App Study Screenshot of HTML5 Mobile App Study Screenshot of HTML5 Mobile App Study Screenshot of HTML5 Mobile App Study

About 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. 캠퍼스 맵 - 구글맵을 통해 캠퍼스 주변위치 조회와 현재 위치 찾기

Recent changes:
[업그레이드 v1.1]
1. 캠퍼스 이미지 : 확대 [+], 축소 [-] 단추 추가
2. 사진과 동영상 콘텐츠 변경
3. 소개글에 기술관련 사이트 링크 추가

Visit Website
User reviews of HTML5 Mobile App Study
Write the first review for this app!
Android Market Comments
A Google User
Aug 18, 2014
app study study this I guess