HTML5

1. 지금 여기, 이 자리에 있는
1
여러분을 위한
Must Have Item!!
이젠 좀 알아라..
권정혁 교수님
강 력 추 천!

2. Mobile
1
“요즘엔 내가 대세”

3. WEB2.0의 주개념
1
“플랫폼으로서의 웹”

4. HTML5

5. HTML5 란?
↓
차세대 웹 표준안,
웹 제작의 기본이 되는 프로그래밍 언어

6. Must Have Item 인 이유?
• 새로운 마크업(Mark up)
HTML4 HTML5

7. Must Have Item 인 이유?
• 폼(Form) 속성

8. Must Have Item 인 이유?
• 리치 웹 어플리케이션

9. Must Have Item 인 이유?
• 서버와 독립적 -> 모바일 환경에 특화

10. 모바일 웹에서의 HTML5
• 일부 API가 모바일에서 더 쓰기 좋다.
- Offline 지원 : LocalStorage , Web Database , App Cache
- 미디어 처리 : Video , Audio , Canvas
- 입력 지원 : Advanced Forms
- 위치 정보 : GeoLocation ( 연계표준 )

11. Must Have Item 인 이유?
• 서버와 독립적 ->오프라인 지원
(LocalStorage , Web Database , App Cache)

12. Must Have Item 인 이유?
• 서버와 독립적 ->Geolocation

13. 외로운 여러분의 친구가 되어주는..

14. 앱 개발형태
• 네이티브앱 • 웹앱
-모바일 디바이스에 최적화된
웹사이트
-모바일 디바이스 전용 앱 -HTML, CSS, Javascript
-각각의 os에 맞는 개발툴, -개발자 등록 필요 없음
환경, 플랫폼 (PhoneGap 등 Hybrid App
Framework 사용하여 앱 만든후 등
-개발자 등록
록시 필요함)
-디바이스의 모든 기능을 -제한적인 디바이스 사용
활용 (honegap , QuickConnect 를 통하
-업데이트 시 검수 여 카메라/연락처 정보등 사용가
능. )
-서버에서 바로 업데이트 가능

15. 캐나다 통역필요
공용어(영어) 모국어(필리핀어)
웹앱 네이티브 앱
->HTML5 ->각각의 개발언어
필리핀
통역필요
인도

16. 오늘의 교훈
1
1
잘 배운 HTML5 하나
열 개발언어 부럽지는 않다.
막 11 1

17. 내가 제일 잘나가
• 위와 같은 장점들로 인한 빠른 확산

18. 앞으로는..
• 디바이스가 더욱 세분화
• Web App의 필요성이 증가
• 다양한 웹앱 스토어의 등장 및 성장
→ HTML5 관련 기술의 사용이 증가

19. Back to the Basic
-> HTML, CSS, Javascript
HTML5 넌 내꺼다!

20. 감사합니다
• 참조
http://m.mkexdev.net/60
http://m.mkexdev.net/56
http://dinko00.tistory.com/106
http://www.bloter.net/wp-content/bloter_html/2010/02/24791.html
http://blogs.msdn.com/b/eva/archive/2011/08/10/html5.aspx