SlideShare a Scribd company logo
1 of 27
HTML5 의 현재와 미래 UI Development  남동훈 UPDATE : 2010. 05. 03
INDEX ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
1. HTML5? HTML5 는  HTML 의 차기 주요 제안 버전으로 월드 와이드 웹의 핵심 마크업 언어이다 . 2004 년  6 월  Web Hypertext Application Technology Working Group(WHATWG) 에 서 웹 어플리케이션  1.0 이라는 이름으로 세부 명세 작업을 시작하였다 . 2009 년  10 월  WHATWG 의 현재 최종 제안 상태이다 . http://ko.wikipedia.org/wiki/HTML5#.EC.9D.BC.EC.A0.95_.EB.B0.8F_.EC.97.AD.EC.82.AC
1. HTML5?
1. HTML5? -MS, HTML5  지원 브라우저 내놓는다 http://www.zdnet.co.kr/ArticleView.asp?artice_id=20100305113305  -IE 팀에서  Video Codec 지원 결정 http://blogs.msdn.com/ie/archive/2010/04/29/html5-video.aspx
1. HTML5? - 플래시 없이 동영상 재생…유튜브  HTML5  지원  http://www.ddaily.co.kr/news/news_view.php?uid=60097 -Google Gears  개발 중단 , HTML5 로 방향 전환 http://kr.engadget.com/2009/12/08/google-gears-html5/
1. HTML5? Apple 의  CEO  스티브잡스가 플래시를 받아들이지 않는  6 가지 이유를 얘기했다 . http://fishpoint.tistory.com/104
1. HTML5? http://ie.microsoft.com/testdrive/
1. HTML5? http://www.google.co.kr/ig
1. HTML5? http://www.youtube.com/html5
1. HTML5? –  웹 표준화 단계 2004 년  - WHATWG 의 초안으로부터 시작하여  2007 년 부터  W3C HTML W/G 에서 표준안이 만들어 지고 있음 2010 년  - W3C Working Draft 단계 . Drag & Drop, Audio  및  Video  표시 , Vector  그래픽 표시를 위한 요소 등이 새로 도입   A Brief History of HTML:  http://www.atendesigngroup.com/blog/brief-history-of-html
2.Brand New? Header, aside, footer Geolocation,Web Worker, Local Datbase… Microdata
3. HTML5 Classify - HTML5 는 크게  3 가지로 분류 할 수 있다 . - Semantic - Multimedia *  비디오 및 오디오를 재생 하기 위한  video  및  audio  요소 도입 . - API * Canvas  요소를 사용하여  2D  그래픽  API 를 제공 * SVG  요소를 사용하여  vector  그래픽  API 를 제공 *  오프라인 웹 어플리케이션을 가능 하는  API 제공 . *  드래그 앤 드랍을 가능하게 하는  API  제공 . *  특정 도메인의 데이터를 저장할 수 있는  Local Storage *  멀티  Thread  처리가 가능한  Web Worker *  브라우져 자체에서  DB 지원을 위한  Web SQL Database 를 지원
3. HTML5 Classify - Semantic
4. Demo
5. HTML5 and RIA 리치 인터넷 어플리케이션 (Rich Internet Application; RIA) 은 전통적인 데스크톱 애플리케이션의 기능과 특징을 구현한 웹 애플리케이션이다 .  주로 복잡한 조작을 할 수 없었던 웹 브라우저 기반의 애플리케이션을 대체하기 위한 솔루션으로 사용되고 있다 . http://enc.daum.net/dic100/contents.do?query1=20X1141591
5. HTML5 and RIA
6. Future of HTML5 - HTML5, IE  그리고  Mobile
6. Future of HTML5 –  브라우져 벤더들의 태도
6. Future of HTML5 –  브라우져 벤더들의 태도
6. Future of HTML5 –  브라우져 벤더들의 태도
6. Future of HTML5 –  브라우져 벤더들의 태도
6. Future of HTML5 –  외국
6. Future of HTML5 –  외국
6. Future of HTML5 –  국내
6. Future of HTML5
HTML5 의 현재와 미래 UI  개발  /  남동훈

More Related Content

What's hot

W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017Wonsuk Lee
 
Html5
Html5Html5
Html5CUP+
 
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...Sang Seok Lim
 
HTML5 & Hybrid App Trends
HTML5 & Hybrid App TrendsHTML5 & Hybrid App Trends
HTML5 & Hybrid App Trends욱래 김
 
엔터프라이즈 웹 동향 및 적용사례
엔터프라이즈 웹 동향 및 적용사례엔터프라이즈 웹 동향 및 적용사례
엔터프라이즈 웹 동향 및 적용사례욱래 김
 
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망Sang Seok Lim
 
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...Sang Seok Lim
 
0308 스마트폰테크 Html5
0308 스마트폰테크 Html50308 스마트폰테크 Html5
0308 스마트폰테크 Html5Seo Jinho
 

What's hot (12)

HTML5 와 미래웹기술 part 2
HTML5 와 미래웹기술 part 2HTML5 와 미래웹기술 part 2
HTML5 와 미래웹기술 part 2
 
W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017W3C HTML5 표준 기술 동향 - 2017
W3C HTML5 표준 기술 동향 - 2017
 
Html5
Html5Html5
Html5
 
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
 
HTML5 & Hybrid App Trends
HTML5 & Hybrid App TrendsHTML5 & Hybrid App Trends
HTML5 & Hybrid App Trends
 
Html5
Html5Html5
Html5
 
엔터프라이즈 웹 동향 및 적용사례
엔터프라이즈 웹 동향 및 적용사례엔터프라이즈 웹 동향 및 적용사례
엔터프라이즈 웹 동향 및 적용사례
 
Html 5
Html 5Html 5
Html 5
 
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
 
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
The comprehensive guide for optimizing the performance of mobile HTML5 Web ap...
 
0308 스마트폰테크 Html5
0308 스마트폰테크 Html50308 스마트폰테크 Html5
0308 스마트폰테크 Html5
 
HTML5 기업 적용시 고려사항 : 미래웹기술연구소
HTML5 기업 적용시 고려사항 : 미래웹기술연구소 HTML5 기업 적용시 고려사항 : 미래웹기술연구소
HTML5 기업 적용시 고려사항 : 미래웹기술연구소
 

Viewers also liked

웹-프론트엔드 프레임워크를 고르기 위한 팁
웹-프론트엔드 프레임워크를 고르기 위한 팁웹-프론트엔드 프레임워크를 고르기 위한 팁
웹-프론트엔드 프레임워크를 고르기 위한 팁WebFrameworks
 
MY DESK 사례를 통해 본 앱 개발, 마케팅 팁
MY DESK 사례를 통해 본 앱 개발, 마케팅 팁MY DESK 사례를 통해 본 앱 개발, 마케팅 팁
MY DESK 사례를 통해 본 앱 개발, 마케팅 팁mosaicnet
 
XECon+PHPFest2014 발표자료 - 효율적인 css 개발방법 - 최대영
XECon+PHPFest2014 발표자료 - 효율적인 css 개발방법 - 최대영XECon+PHPFest2014 발표자료 - 효율적인 css 개발방법 - 최대영
XECon+PHPFest2014 발표자료 - 효율적인 css 개발방법 - 최대영XpressEngine
 
NAVER의 웹/HTML5환경 대응 현황
NAVER의 웹/HTML5환경 대응 현황NAVER의 웹/HTML5환경 대응 현황
NAVER의 웹/HTML5환경 대응 현황NAVER Engineering
 
Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)Junsu Kim
 
2.네이버 프론트엔드 김지태
2.네이버 프론트엔드 김지태2.네이버 프론트엔드 김지태
2.네이버 프론트엔드 김지태NAVER D2
 
ReactJS로 시작하는 멀티플랫폼 개발하기
ReactJS로 시작하는 멀티플랫폼 개발하기ReactJS로 시작하는 멀티플랫폼 개발하기
ReactJS로 시작하는 멀티플랫폼 개발하기Taegon Kim
 
ReactJS | 서버와 클라이어트에서 동시에 사용하는
ReactJS | 서버와 클라이어트에서 동시에 사용하는ReactJS | 서버와 클라이어트에서 동시에 사용하는
ReactJS | 서버와 클라이어트에서 동시에 사용하는Taegon Kim
 

Viewers also liked (9)

웹-프론트엔드 프레임워크를 고르기 위한 팁
웹-프론트엔드 프레임워크를 고르기 위한 팁웹-프론트엔드 프레임워크를 고르기 위한 팁
웹-프론트엔드 프레임워크를 고르기 위한 팁
 
MY DESK 사례를 통해 본 앱 개발, 마케팅 팁
MY DESK 사례를 통해 본 앱 개발, 마케팅 팁MY DESK 사례를 통해 본 앱 개발, 마케팅 팁
MY DESK 사례를 통해 본 앱 개발, 마케팅 팁
 
2주 HTML
2주 HTML2주 HTML
2주 HTML
 
XECon+PHPFest2014 발표자료 - 효율적인 css 개발방법 - 최대영
XECon+PHPFest2014 발표자료 - 효율적인 css 개발방법 - 최대영XECon+PHPFest2014 발표자료 - 효율적인 css 개발방법 - 최대영
XECon+PHPFest2014 발표자료 - 효율적인 css 개발방법 - 최대영
 
NAVER의 웹/HTML5환경 대응 현황
NAVER의 웹/HTML5환경 대응 현황NAVER의 웹/HTML5환경 대응 현황
NAVER의 웹/HTML5환경 대응 현황
 
Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)Web Framework (웹 프레임워크)
Web Framework (웹 프레임워크)
 
2.네이버 프론트엔드 김지태
2.네이버 프론트엔드 김지태2.네이버 프론트엔드 김지태
2.네이버 프론트엔드 김지태
 
ReactJS로 시작하는 멀티플랫폼 개발하기
ReactJS로 시작하는 멀티플랫폼 개발하기ReactJS로 시작하는 멀티플랫폼 개발하기
ReactJS로 시작하는 멀티플랫폼 개발하기
 
ReactJS | 서버와 클라이어트에서 동시에 사용하는
ReactJS | 서버와 클라이어트에서 동시에 사용하는ReactJS | 서버와 클라이어트에서 동시에 사용하는
ReactJS | 서버와 클라이어트에서 동시에 사용하는
 

Similar to Html5의 현재와 미래

Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Channy Yun
 
01.모바일 프레임워크 이론
01.모바일 프레임워크 이론01.모바일 프레임워크 이론
01.모바일 프레임워크 이론Hankyo
 
1. html5 개요
1. html5 개요1. html5 개요
1. html5 개요은심 강
 
1. html5 개요
1. html5 개요1. html5 개요
1. html5 개요은심 강
 
Html5 guide
Html5 guideHtml5 guide
Html5 guidecamusice
 
차세대 웹(Html5) 플랫폼의 동향과 기업 업무 적용 방안
차세대 웹(Html5) 플랫폼의 동향과 기업 업무 적용 방안차세대 웹(Html5) 플랫폼의 동향과 기업 업무 적용 방안
차세대 웹(Html5) 플랫폼의 동향과 기업 업무 적용 방안욱래 김
 
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)JeongHeon Lee
 
Web app 개발 방법론
Web app 개발 방법론Web app 개발 방법론
Web app 개발 방법론Sang Seok Lim
 
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발JongKwang Kim
 
12-1 ignite(2)
12-1 ignite(2)12-1 ignite(2)
12-1 ignite(2)tikasy
 
Html5 강좌파일_v_3.0
Html5 강좌파일_v_3.0Html5 강좌파일_v_3.0
Html5 강좌파일_v_3.0Youngjo Jang
 
Introduction of W3C HTML5 Korean Interest Group
Introduction of W3C HTML5 Korean Interest GroupIntroduction of W3C HTML5 Korean Interest Group
Introduction of W3C HTML5 Korean Interest GroupWonsuk Lee
 
네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망Wonsuk Lee
 

Similar to Html5의 현재와 미래 (20)

HTML5 Tutorial(Korean)
HTML5 Tutorial(Korean)HTML5 Tutorial(Korean)
HTML5 Tutorial(Korean)
 
Webtech
WebtechWebtech
Webtech
 
Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)Mozilla 오픈 웹 모바일 플랫폼 (2012)
Mozilla 오픈 웹 모바일 플랫폼 (2012)
 
01.모바일 프레임워크 이론
01.모바일 프레임워크 이론01.모바일 프레임워크 이론
01.모바일 프레임워크 이론
 
실전 Html5 guide
실전 Html5 guide실전 Html5 guide
실전 Html5 guide
 
1. html5 개요
1. html5 개요1. html5 개요
1. html5 개요
 
1. html5 개요
1. html5 개요1. html5 개요
1. html5 개요
 
Html5 guide
Html5 guideHtml5 guide
Html5 guide
 
Html5 Guide
Html5 GuideHtml5 Guide
Html5 Guide
 
Html5 guide
Html5 guideHtml5 guide
Html5 guide
 
차세대 웹(Html5) 플랫폼의 동향과 기업 업무 적용 방안
차세대 웹(Html5) 플랫폼의 동향과 기업 업무 적용 방안차세대 웹(Html5) 플랫폼의 동향과 기업 업무 적용 방안
차세대 웹(Html5) 플랫폼의 동향과 기업 업무 적용 방안
 
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
 
HTML5 and Smart TV
HTML5 and Smart TVHTML5 and Smart TV
HTML5 and Smart TV
 
Web app 개발 방법론
Web app 개발 방법론Web app 개발 방법론
Web app 개발 방법론
 
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
 
12-1 ignite(2)
12-1 ignite(2)12-1 ignite(2)
12-1 ignite(2)
 
Html5 강좌파일_v_3.0
Html5 강좌파일_v_3.0Html5 강좌파일_v_3.0
Html5 강좌파일_v_3.0
 
Introduction of W3C HTML5 Korean Interest Group
Introduction of W3C HTML5 Korean Interest GroupIntroduction of W3C HTML5 Korean Interest Group
Introduction of W3C HTML5 Korean Interest Group
 
네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망네이티브 웹앱 기술 동향 및 전망
네이티브 웹앱 기술 동향 및 전망
 
모바일환경과 개발방향
모바일환경과 개발방향 모바일환경과 개발방향
모바일환경과 개발방향
 

More from mosaicnet

카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)
카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)
카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)mosaicnet
 
모바일 웹/앱 UI & UX 설계 이론(2)
모바일 웹/앱 UI & UX 설계 이론(2)모바일 웹/앱 UI & UX 설계 이론(2)
모바일 웹/앱 UI & UX 설계 이론(2)mosaicnet
 
모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)mosaicnet
 
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례mosaicnet
 
어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유mosaicnet
 
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)mosaicnet
 
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)mosaicnet
 
앱스프레소를 이용한 모바일 앱 개발(2)
앱스프레소를 이용한 모바일 앱 개발(2)앱스프레소를 이용한 모바일 앱 개발(2)
앱스프레소를 이용한 모바일 앱 개발(2)mosaicnet
 
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)mosaicnet
 
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)mosaicnet
 
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)mosaicnet
 
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)mosaicnet
 
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)mosaicnet
 
친구가 추천하는 검색? 소셜 서치 지폰
친구가 추천하는 검색? 소셜 서치 지폰친구가 추천하는 검색? 소셜 서치 지폰
친구가 추천하는 검색? 소셜 서치 지폰mosaicnet
 
동영상 검색의 새로운 패러다임
동영상 검색의 새로운 패러다임동영상 검색의 새로운 패러다임
동영상 검색의 새로운 패러다임mosaicnet
 
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)mosaicnet
 
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)mosaicnet
 
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스 애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스 mosaicnet
 
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성mosaicnet
 
감성 컴퓨팅과 검색
감성 컴퓨팅과 검색감성 컴퓨팅과 검색
감성 컴퓨팅과 검색mosaicnet
 

More from mosaicnet (20)

카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)
카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)
카톡, CGV, 네이버 등 히트 앱 UI/UX 쪼개기(분석)
 
모바일 웹/앱 UI & UX 설계 이론(2)
모바일 웹/앱 UI & UX 설계 이론(2)모바일 웹/앱 UI & UX 설계 이론(2)
모바일 웹/앱 UI & UX 설계 이론(2)
 
모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)모바일 웹/앱 UI & UX 설계 이론(1)
모바일 웹/앱 UI & UX 설계 이론(1)
 
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
개발자와 디자이너 간 실제 커뮤니케이션(협업) 사례
 
어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유어려운 협업의 극복 방안은 UI개념의 공유
어려운 협업의 극복 방안은 UI개념의 공유
 
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(2)
 
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)
모바일 시대 스마트해진 고객 대응을 위한 시장 분석과 전략(1)
 
앱스프레소를 이용한 모바일 앱 개발(2)
앱스프레소를 이용한 모바일 앱 개발(2)앱스프레소를 이용한 모바일 앱 개발(2)
앱스프레소를 이용한 모바일 앱 개발(2)
 
앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)앱스프레소를 이용한 모바일 앱 개발(1)
앱스프레소를 이용한 모바일 앱 개발(1)
 
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(2)
 
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
UX 핫 트렌드, 멀티 플랫폼 모바일 개발(1)
 
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(2)
 
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)
구글 앱 엔진을 이용한 소셜네트워크게임(SNG) 개발(1)
 
친구가 추천하는 검색? 소셜 서치 지폰
친구가 추천하는 검색? 소셜 서치 지폰친구가 추천하는 검색? 소셜 서치 지폰
친구가 추천하는 검색? 소셜 서치 지폰
 
동영상 검색의 새로운 패러다임
동영상 검색의 새로운 패러다임동영상 검색의 새로운 패러다임
동영상 검색의 새로운 패러다임
 
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(2)
 
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)
오빠믿지에서 글로벌LBS서비스로, 무료 앱의 생존법(1)
 
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스 애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스
애플이 꿈꾸는 검색 미래인 인식 기술을 통한 서비스
 
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성
펜션 전문 레스티 버티칼 검색의 기술적 특징과 시장성
 
감성 컴퓨팅과 검색
감성 컴퓨팅과 검색감성 컴퓨팅과 검색
감성 컴퓨팅과 검색
 

Html5의 현재와 미래

  • 1. HTML5 의 현재와 미래 UI Development 남동훈 UPDATE : 2010. 05. 03
  • 2.
  • 3. 1. HTML5? HTML5 는 HTML 의 차기 주요 제안 버전으로 월드 와이드 웹의 핵심 마크업 언어이다 . 2004 년 6 월 Web Hypertext Application Technology Working Group(WHATWG) 에 서 웹 어플리케이션 1.0 이라는 이름으로 세부 명세 작업을 시작하였다 . 2009 년 10 월 WHATWG 의 현재 최종 제안 상태이다 . http://ko.wikipedia.org/wiki/HTML5#.EC.9D.BC.EC.A0.95_.EB.B0.8F_.EC.97.AD.EC.82.AC
  • 5. 1. HTML5? -MS, HTML5 지원 브라우저 내놓는다 http://www.zdnet.co.kr/ArticleView.asp?artice_id=20100305113305 -IE 팀에서 Video Codec 지원 결정 http://blogs.msdn.com/ie/archive/2010/04/29/html5-video.aspx
  • 6. 1. HTML5? - 플래시 없이 동영상 재생…유튜브 HTML5 지원 http://www.ddaily.co.kr/news/news_view.php?uid=60097 -Google Gears 개발 중단 , HTML5 로 방향 전환 http://kr.engadget.com/2009/12/08/google-gears-html5/
  • 7. 1. HTML5? Apple 의 CEO 스티브잡스가 플래시를 받아들이지 않는 6 가지 이유를 얘기했다 . http://fishpoint.tistory.com/104
  • 11. 1. HTML5? – 웹 표준화 단계 2004 년 - WHATWG 의 초안으로부터 시작하여 2007 년 부터 W3C HTML W/G 에서 표준안이 만들어 지고 있음 2010 년 - W3C Working Draft 단계 . Drag & Drop, Audio 및 Video 표시 , Vector 그래픽 표시를 위한 요소 등이 새로 도입 A Brief History of HTML: http://www.atendesigngroup.com/blog/brief-history-of-html
  • 12. 2.Brand New? Header, aside, footer Geolocation,Web Worker, Local Datbase… Microdata
  • 13. 3. HTML5 Classify - HTML5 는 크게 3 가지로 분류 할 수 있다 . - Semantic - Multimedia * 비디오 및 오디오를 재생 하기 위한 video 및 audio 요소 도입 . - API * Canvas 요소를 사용하여 2D 그래픽 API 를 제공 * SVG 요소를 사용하여 vector 그래픽 API 를 제공 * 오프라인 웹 어플리케이션을 가능 하는 API 제공 . * 드래그 앤 드랍을 가능하게 하는 API 제공 . * 특정 도메인의 데이터를 저장할 수 있는 Local Storage * 멀티 Thread 처리가 가능한 Web Worker * 브라우져 자체에서 DB 지원을 위한 Web SQL Database 를 지원
  • 14. 3. HTML5 Classify - Semantic
  • 16. 5. HTML5 and RIA 리치 인터넷 어플리케이션 (Rich Internet Application; RIA) 은 전통적인 데스크톱 애플리케이션의 기능과 특징을 구현한 웹 애플리케이션이다 . 주로 복잡한 조작을 할 수 없었던 웹 브라우저 기반의 애플리케이션을 대체하기 위한 솔루션으로 사용되고 있다 . http://enc.daum.net/dic100/contents.do?query1=20X1141591
  • 18. 6. Future of HTML5 - HTML5, IE 그리고 Mobile
  • 19. 6. Future of HTML5 – 브라우져 벤더들의 태도
  • 20. 6. Future of HTML5 – 브라우져 벤더들의 태도
  • 21. 6. Future of HTML5 – 브라우져 벤더들의 태도
  • 22. 6. Future of HTML5 – 브라우져 벤더들의 태도
  • 23. 6. Future of HTML5 – 외국
  • 24. 6. Future of HTML5 – 외국
  • 25. 6. Future of HTML5 – 국내
  • 26. 6. Future of HTML5
  • 27. HTML5 의 현재와 미래 UI 개발 / 남동훈