SlideShare une entreprise Scribd logo
1  sur  18
About
HTML5
10604 김민환
No Copyright! Just Copyleft! Created By MinHwanKim.
Think About..
Viewing Next Page
No Copyright! Just Copyleft! Created By MinHwanKim.
Apple vs Adobe : Before
형 나 Iphone에 플래시
기능 지원좀
^_^ㅗ
스티브잡스 샨타누 나라옌
<
No Copyright! Just Copyleft! Created By MinHwanKim.
Apple vs Adobe : After
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
ㅠㅠ
스티브잡스 샨타누 나라옌
>
No Copyright! Just Copyleft! Created By MinHwanKim.
What’s Happen to them?=> SmartPhone && HTML5!
2010. 02. 01
스티븐잡스 : HTML5가 대세, 이에 따라 플래시
없이도 브라우저 상에서 멀티미디어를 구현할 수
있게 될 것.
-출처 : 아이뉴스 24
No Copyright! Just Copyleft! Created By MinHwanKim.
스티븐잡스의
예상과 추측
No Copyright! Just Copyleft! Created By MinHwanKim.
Become 현실
No Copyright! Just Copyleft! Created By MinHwanKim.
What Is It?
 Not Flash! Just HTML5!
 Express webpage’s form to new version.!
 Internet Application ▽
No Copyright! Just Copyleft! Created By MinHwanKim.
Why HTML5 is Important?
많은 회사들이 각 모바일 플랫폼
용 네이티브 앱을 모두 만들기는
어렵기 때문.!
No Copyright! Just Copyleft! Created By MinHwanKim.
HTML5 && Smartphone
 Downloading Application?
=> Change Web Application(WebApp.)!
No Copyright! Just Copyleft! Created By MinHwanKim.
Kind of Mobile WebApp.
 1. Online Web Application
No Copyright! Just Copyleft! Created By MinHwanKim.
?기존의 모바일 웹페이지를 포함한 웹 앱을 의미.
?HTML5, CSS3 등을 통하여 모바일 에서의 UI / UX 를 향상.
?GeoLocation API 를 이용하여 위치가 고정되지 않는 모바일의 장점을 활용.
?주로 포털이나 컨텐츠를 리딩하는 형태의 앱이 많음.
Kind of Mobile WebApp.
 2. Offline Enabled Web Application
No Copyright! Just Copyleft! Created By MinHwanKim.
?Application Cache , LocalStorage , Web SQL Database 를 활용,
오프라인에서도 사용이 가능한 웹 앱을 의미
?처음 접속시에 주요데이타를 캐쉬하여 재 접속시에 네트웍 트래픽을 최소화.
?오프라인상태에서 행한 동작들에 대해서 온라인시 서버의 데이터와 싱크함.
Kind of Mobile WebApp.
 3. Offline Web Application
No Copyright! Just Copyleft! Created By MinHwanKim.
?한번 서버에 접속해서 다운받으면 계속 오프라인으로 사용 가능한 앱.
?Application Cache 와 Web SQL Database 를 활용
?서버와의 동기화를 필요로 하지 않는 게임, 유틸리티, EBook
Kind of Mobile WebApp.
 4. Hybrid Web Application
No Copyright! Just Copyleft! Created By MinHwanKim.
?Native App 과 Web App을 합친 형태의 앱.
?앱 스토어를 통한 다운로드 가능.
?모바일 디바이스로 다운로드후에는 앱 속성에 따라 서버와의 AJAX 통신도 가능
?Native 수준의 다양한 앱 작성가능
Mobile WebApp’s Advantage
 다양한 플랫폼 동시 지원
-> IPhone, Android, Blackberry..
 서버기반앱 : Speed Upgrade :D
 Web Development && WebApp.
->HTML5, CSS, JavaScript, 수많은 오픈소스
라이브러리
No Copyright! Just Copyleft! Created By MinHwanKim.
Mobile WebApp. Dev.
 HTML5 & API’s
-> Web SQL, Local Storage, App Cache..
 UI & Application Framework
-> 각종 Javascript기반 UI라이브러리, CSS3
를 이용한 각종 스펙타클한 효과들
No Copyright! Just Copyleft! Created By MinHwanKim.
E.O.F
No Copyright! Just Copyleft! Created By MinHwanKim.
Reference
 http://xguru.net/593
 http://www.zdnet.co.kr/ArticleView.asp?artic
e_id=20100809103857
 http://ko.wikipedia.org/wiki/HTML5
 http://kin.naver.com/qna/detail.nhn?d1id=1&
dirId=1040205&docId=103962501&qb=aHRtbD
U=&enc=utf8&section=kin&rank=2&sort=0&sp
q=0&sp=1&pid=gcylhg331xhsstOkaCZssv--
324735&sid=THyfJoebfEwAAEWQBV4
No Copyright! Just Copyleft! Created By MinHwanKim.

Contenu connexe

En vedette

Mobile UX Design 1부(총2부)
Mobile UX Design 1부(총2부)Mobile UX Design 1부(총2부)
Mobile UX Design 1부(총2부)mosaicnet
 
한빛미디어-마이리얼유럽 Epub viewer test report
한빛미디어-마이리얼유럽 Epub viewer test report한빛미디어-마이리얼유럽 Epub viewer test report
한빛미디어-마이리얼유럽 Epub viewer test report종원 김
 
100726 weekly briefing_marketing_mktg_v100
100726 weekly briefing_marketing_mktg_v100100726 weekly briefing_marketing_mktg_v100
100726 weekly briefing_marketing_mktg_v100sidchae
 
경기도 고양시 상공회의소 프로그램 박한우 영남대 교수
경기도 고양시 상공회의소 프로그램 박한우 영남대 교수경기도 고양시 상공회의소 프로그램 박한우 영남대 교수
경기도 고양시 상공회의소 프로그램 박한우 영남대 교수Han Woo PARK
 
Flash Player 11과 AIR 3 환경에서 3D 개발
Flash Player 11과 AIR 3 환경에서 3D 개발Flash Player 11과 AIR 3 환경에서 3D 개발
Flash Player 11과 AIR 3 환경에서 3D 개발Yongho Ji
 
알파카의 어도비와 우당탕쿵탕하는 이야기
알파카의 어도비와 우당탕쿵탕하는 이야기알파카의 어도비와 우당탕쿵탕하는 이야기
알파카의 어도비와 우당탕쿵탕하는 이야기Doran Hwang
 
Adobe Digital Publishing Solution
Adobe Digital Publishing SolutionAdobe Digital Publishing Solution
Adobe Digital Publishing Solutionjeon jun
 
알파고 (바둑 인공지능)의 작동 원리
알파고 (바둑 인공지능)의 작동 원리알파고 (바둑 인공지능)의 작동 원리
알파고 (바둑 인공지능)의 작동 원리Shane (Seungwhan) Moon
 
[창업&예비창업자] 사업계획서 작성
[창업&예비창업자] 사업계획서 작성[창업&예비창업자] 사업계획서 작성
[창업&예비창업자] 사업계획서 작성더게임체인저스
 
사업계획서 작성법 (How to write a Business Plan)
사업계획서 작성법 (How to write a Business Plan)사업계획서 작성법 (How to write a Business Plan)
사업계획서 작성법 (How to write a Business Plan)Matthew Lee
 

En vedette (10)

Mobile UX Design 1부(총2부)
Mobile UX Design 1부(총2부)Mobile UX Design 1부(총2부)
Mobile UX Design 1부(총2부)
 
한빛미디어-마이리얼유럽 Epub viewer test report
한빛미디어-마이리얼유럽 Epub viewer test report한빛미디어-마이리얼유럽 Epub viewer test report
한빛미디어-마이리얼유럽 Epub viewer test report
 
100726 weekly briefing_marketing_mktg_v100
100726 weekly briefing_marketing_mktg_v100100726 weekly briefing_marketing_mktg_v100
100726 weekly briefing_marketing_mktg_v100
 
경기도 고양시 상공회의소 프로그램 박한우 영남대 교수
경기도 고양시 상공회의소 프로그램 박한우 영남대 교수경기도 고양시 상공회의소 프로그램 박한우 영남대 교수
경기도 고양시 상공회의소 프로그램 박한우 영남대 교수
 
Flash Player 11과 AIR 3 환경에서 3D 개발
Flash Player 11과 AIR 3 환경에서 3D 개발Flash Player 11과 AIR 3 환경에서 3D 개발
Flash Player 11과 AIR 3 환경에서 3D 개발
 
알파카의 어도비와 우당탕쿵탕하는 이야기
알파카의 어도비와 우당탕쿵탕하는 이야기알파카의 어도비와 우당탕쿵탕하는 이야기
알파카의 어도비와 우당탕쿵탕하는 이야기
 
Adobe Digital Publishing Solution
Adobe Digital Publishing SolutionAdobe Digital Publishing Solution
Adobe Digital Publishing Solution
 
알파고 (바둑 인공지능)의 작동 원리
알파고 (바둑 인공지능)의 작동 원리알파고 (바둑 인공지능)의 작동 원리
알파고 (바둑 인공지능)의 작동 원리
 
[창업&예비창업자] 사업계획서 작성
[창업&예비창업자] 사업계획서 작성[창업&예비창업자] 사업계획서 작성
[창업&예비창업자] 사업계획서 작성
 
사업계획서 작성법 (How to write a Business Plan)
사업계획서 작성법 (How to write a Business Plan)사업계획서 작성법 (How to write a Business Plan)
사업계획서 작성법 (How to write a Business Plan)
 

Similaire à About Html5

[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔NAVER D2
 
12-1 ignite(2)
12-1 ignite(2)12-1 ignite(2)
12-1 ignite(2)tikasy
 
JavaScript 2014 프론트엔드 기술 리뷰
JavaScript 2014 프론트엔드 기술 리뷰JavaScript 2014 프론트엔드 기술 리뷰
JavaScript 2014 프론트엔드 기술 리뷰Kenu, GwangNam Heo
 
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료Hannah Kim
 
모바일앱개발 교육자료
모바일앱개발 교육자료모바일앱개발 교육자료
모바일앱개발 교육자료JinHyuck Churn
 
차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"Changhwan Yi
 
K모바일발표 111026 하이브리드ux_배포용
K모바일발표 111026 하이브리드ux_배포용K모바일발표 111026 하이브리드ux_배포용
K모바일발표 111026 하이브리드ux_배포용jinwook shin
 
K모바일발표 120113 남들보다뛰어난앱만들기_공유용
K모바일발표 120113 남들보다뛰어난앱만들기_공유용K모바일발표 120113 남들보다뛰어난앱만들기_공유용
K모바일발표 120113 남들보다뛰어난앱만들기_공유용jinwook shin
 
하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)Changhwan Yi
 
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용ChangGyum Kim
 
모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정Kenu, GwangNam Heo
 
하이브리드 앱 개발 개요
하이브리드 앱 개발 개요하이브리드 앱 개발 개요
하이브리드 앱 개발 개요Sohee Jeong
 
누구나 만드는 모바일앱 하이씨엘
누구나 만드는 모바일앱 하이씨엘누구나 만드는 모바일앱 하이씨엘
누구나 만드는 모바일앱 하이씨엘VentureSquare
 
2011년 1월 Webdevmobile 세미나
2011년 1월 Webdevmobile 세미나2011년 1월 Webdevmobile 세미나
2011년 1월 Webdevmobile 세미나korea_simgoon
 
어흥~!이번발표
어흥~!이번발표어흥~!이번발표
어흥~!이번발표korea_simgoon
 
Webdevmobile 2011 01
Webdevmobile 2011 01Webdevmobile 2011 01
Webdevmobile 2011 01korea_simgoon
 
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)JeongHeon Lee
 
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Kakao API소개
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Kakao API소개DGMIT 제3회 R&D 컨퍼런스 2TEAM : Kakao API소개
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Kakao API소개dgmit2009
 

Similaire à About Html5 (20)

[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔
 
12-1 ignite(2)
12-1 ignite(2)12-1 ignite(2)
12-1 ignite(2)
 
JavaScript 2014 프론트엔드 기술 리뷰
JavaScript 2014 프론트엔드 기술 리뷰JavaScript 2014 프론트엔드 기술 리뷰
JavaScript 2014 프론트엔드 기술 리뷰
 
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
[uengine.org-uEngine Day] 스마트폰과BPM의만남:프로세스터치프로젝트발표자료
 
HTML5 와 미래웹기술 part 2
HTML5 와 미래웹기술 part 2HTML5 와 미래웹기술 part 2
HTML5 와 미래웹기술 part 2
 
모바일앱개발 교육자료
모바일앱개발 교육자료모바일앱개발 교육자료
모바일앱개발 교육자료
 
차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"차세대 웹비즈니스를 위한 "HTML5"
차세대 웹비즈니스를 위한 "HTML5"
 
K모바일발표 111026 하이브리드ux_배포용
K모바일발표 111026 하이브리드ux_배포용K모바일발표 111026 하이브리드ux_배포용
K모바일발표 111026 하이브리드ux_배포용
 
K모바일발표 120113 남들보다뛰어난앱만들기_공유용
K모바일발표 120113 남들보다뛰어난앱만들기_공유용K모바일발표 120113 남들보다뛰어난앱만들기_공유용
K모바일발표 120113 남들보다뛰어난앱만들기_공유용
 
하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)하이브리드 앱(Hybrid App)
하이브리드 앱(Hybrid App)
 
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
[HCI2011]모바일웹 UI패턴 및 UI플랫폼_김창겸,문승현_배포용
 
모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정모바일 웹앱 프로그래밍 과정
모바일 웹앱 프로그래밍 과정
 
하이브리드 앱 개발 개요
하이브리드 앱 개발 개요하이브리드 앱 개발 개요
하이브리드 앱 개발 개요
 
누구나 만드는 모바일앱 하이씨엘
누구나 만드는 모바일앱 하이씨엘누구나 만드는 모바일앱 하이씨엘
누구나 만드는 모바일앱 하이씨엘
 
HTML5 와 미래웹기술 part 1
HTML5 와 미래웹기술 part 1HTML5 와 미래웹기술 part 1
HTML5 와 미래웹기술 part 1
 
2011년 1월 Webdevmobile 세미나
2011년 1월 Webdevmobile 세미나2011년 1월 Webdevmobile 세미나
2011년 1월 Webdevmobile 세미나
 
어흥~!이번발표
어흥~!이번발표어흥~!이번발표
어흥~!이번발표
 
Webdevmobile 2011 01
Webdevmobile 2011 01Webdevmobile 2011 01
Webdevmobile 2011 01
 
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
 
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Kakao API소개
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Kakao API소개DGMIT 제3회 R&D 컨퍼런스 2TEAM : Kakao API소개
DGMIT 제3회 R&D 컨퍼런스 2TEAM : Kakao API소개
 

About Html5

  • 1. About HTML5 10604 김민환 No Copyright! Just Copyleft! Created By MinHwanKim.
  • 2. Think About.. Viewing Next Page No Copyright! Just Copyleft! Created By MinHwanKim.
  • 3. Apple vs Adobe : Before 형 나 Iphone에 플래시 기능 지원좀 ^_^ㅗ 스티브잡스 샨타누 나라옌 < No Copyright! Just Copyleft! Created By MinHwanKim.
  • 4. Apple vs Adobe : After ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ ㅠㅠ 스티브잡스 샨타누 나라옌 > No Copyright! Just Copyleft! Created By MinHwanKim.
  • 5. What’s Happen to them?=> SmartPhone && HTML5! 2010. 02. 01 스티븐잡스 : HTML5가 대세, 이에 따라 플래시 없이도 브라우저 상에서 멀티미디어를 구현할 수 있게 될 것. -출처 : 아이뉴스 24 No Copyright! Just Copyleft! Created By MinHwanKim.
  • 6. 스티븐잡스의 예상과 추측 No Copyright! Just Copyleft! Created By MinHwanKim.
  • 7. Become 현실 No Copyright! Just Copyleft! Created By MinHwanKim.
  • 8. What Is It?  Not Flash! Just HTML5!  Express webpage’s form to new version.!  Internet Application ▽ No Copyright! Just Copyleft! Created By MinHwanKim.
  • 9. Why HTML5 is Important? 많은 회사들이 각 모바일 플랫폼 용 네이티브 앱을 모두 만들기는 어렵기 때문.! No Copyright! Just Copyleft! Created By MinHwanKim.
  • 10. HTML5 && Smartphone  Downloading Application? => Change Web Application(WebApp.)! No Copyright! Just Copyleft! Created By MinHwanKim.
  • 11. Kind of Mobile WebApp.  1. Online Web Application No Copyright! Just Copyleft! Created By MinHwanKim. ?기존의 모바일 웹페이지를 포함한 웹 앱을 의미. ?HTML5, CSS3 등을 통하여 모바일 에서의 UI / UX 를 향상. ?GeoLocation API 를 이용하여 위치가 고정되지 않는 모바일의 장점을 활용. ?주로 포털이나 컨텐츠를 리딩하는 형태의 앱이 많음.
  • 12. Kind of Mobile WebApp.  2. Offline Enabled Web Application No Copyright! Just Copyleft! Created By MinHwanKim. ?Application Cache , LocalStorage , Web SQL Database 를 활용, 오프라인에서도 사용이 가능한 웹 앱을 의미 ?처음 접속시에 주요데이타를 캐쉬하여 재 접속시에 네트웍 트래픽을 최소화. ?오프라인상태에서 행한 동작들에 대해서 온라인시 서버의 데이터와 싱크함.
  • 13. Kind of Mobile WebApp.  3. Offline Web Application No Copyright! Just Copyleft! Created By MinHwanKim. ?한번 서버에 접속해서 다운받으면 계속 오프라인으로 사용 가능한 앱. ?Application Cache 와 Web SQL Database 를 활용 ?서버와의 동기화를 필요로 하지 않는 게임, 유틸리티, EBook
  • 14. Kind of Mobile WebApp.  4. Hybrid Web Application No Copyright! Just Copyleft! Created By MinHwanKim. ?Native App 과 Web App을 합친 형태의 앱. ?앱 스토어를 통한 다운로드 가능. ?모바일 디바이스로 다운로드후에는 앱 속성에 따라 서버와의 AJAX 통신도 가능 ?Native 수준의 다양한 앱 작성가능
  • 15. Mobile WebApp’s Advantage  다양한 플랫폼 동시 지원 -> IPhone, Android, Blackberry..  서버기반앱 : Speed Upgrade :D  Web Development && WebApp. ->HTML5, CSS, JavaScript, 수많은 오픈소스 라이브러리 No Copyright! Just Copyleft! Created By MinHwanKim.
  • 16. Mobile WebApp. Dev.  HTML5 & API’s -> Web SQL, Local Storage, App Cache..  UI & Application Framework -> 각종 Javascript기반 UI라이브러리, CSS3 를 이용한 각종 스펙타클한 효과들 No Copyright! Just Copyleft! Created By MinHwanKim.
  • 17. E.O.F No Copyright! Just Copyleft! Created By MinHwanKim.
  • 18. Reference  http://xguru.net/593  http://www.zdnet.co.kr/ArticleView.asp?artic e_id=20100809103857  http://ko.wikipedia.org/wiki/HTML5  http://kin.naver.com/qna/detail.nhn?d1id=1& dirId=1040205&docId=103962501&qb=aHRtbD U=&enc=utf8&section=kin&rank=2&sort=0&sp q=0&sp=1&pid=gcylhg331xhsstOkaCZssv-- 324735&sid=THyfJoebfEwAAEWQBV4 No Copyright! Just Copyleft! Created By MinHwanKim.