SlideShare a Scribd company logo
Mutecsoft
스티브 잡스 ( 애플 ) 의  Flash 와  HTML5 에 대한 발언 YouTube, Google 의 연이은  HTML5  지원 발표 마이크로소프트가 차기 버전 웹 브라우저 (IE9) 에  HTML5 를 지원하기 위하여 주력
Microsoft "all in" on Internet Explorer 9 supporting HTML5 "We're all in" for HTML5, said Windows division President Steve Sinofsky, echoing Steve Ballmer's comment last week that Microsoft is "all in" for cloud computing. 2010-03-16 일 마이크로소프트 윈도우 사업부 담당자  Steve Sinofsky 는 지난 주 스티브 발머가 언급 한 “마이크로 소프트는 클라우드 컴퓨팅에 올인 중이다”와 동일 선상에 있는 “현재 우리는  Html5 에 올인 중이다” 라는 말을 전했다 ... http://seattletimes.nwsource.com/html/businesstechnology/2011362220_microsoftmix17.html   플래시 없이 동영상 재생…유튜브  HTML5  지원 ‘총력’ 유튜브 (www.youtube.com) 는  HTML5  지원을 점차 확대할 계획이라고 ... http:// www.ddaily.co.kr/news/news_view.php?uid=60097    스티브 잡스 ,  어도비 플래시 맹비난 어도비의 플래시 지원에 대해서는 일말의 가치도 없다고 ...  그는 앞으로  HTML5 가 대세이며 ,  이에 따라 플래시 없이도 브라우저 상에서 멀티미디어를 구현 할 수 있게 될 것이라고 주장 ... http://itnews.inews24.com/php/news_view.php?g_serial=473120&g_menu=020600   MS, HTML5  지원 브라우저 내놓는다 마이크로소프트 (MS) 가 차세대 웹표준  HTML5 를 지원하는 브라우저를 선보인다…  IE9  베타버전에서  HTML5 를 구현하는 기능이 포함되고… http://www.zdnet.co.kr/ArticleView.asp?artice_id=20100305113305   Google Gears  개발 중단 , HTML5 로 방향 전환 구글 기어스 (Google Gears) 의 개발 중단을 선언 ...  어플리케이션의 캐시 ,  데이터베이스 등 구글 기어스의 주요 기능은  HTML5 에서 이어지고 있기 때문에 앞으로는  HTML5 에 주력하고 싶다는 뜻을 밝히고 ...  http://kr.engadget.com/2009/12/08/google-gears-html5/  
HTML 1.0 개발 년도 :1989 년 HTML 의 첫 공개 버전으로 ,  웹 페이지에 이미지를 삽입하는 인라인 이미지 및 텍스트 컨트롤 지원을 시작함 . HTML 2.0  개발 년도 : 1995 년 옵션 버튼 및 텍스트 박스 같은 폼 구성 요소가 생김  HTML 2.0  부터는 대부분의 브라우저와 호환 가능  HTML 3.2 개발 년도 : 1997 년 테이블 값은 폼 구성 요소 확장 . HTML 4.01 개발 년도 : 1999 년 스타일시트 ( 일명  css) 에 대한 지원 시작 .  HTML 의 스크립팅 저장공간 확대 및 동영상 등의 멀티미디어 구성요소 지원 확대  HTML5  개발 년도 : 2004 년 2004 년  WHATWG 의 초안으로부터 시작하여  2007 년부터  W3C HTML W/G 에서 표준안이 만들어 지고 있음 , 2009 년  10 월  WHATWG 의 현재 최종 제안 상태 . Drag & Drop, Audio  및  Video  표시 , Vector  그래픽 표시를 위한 요소 등이 새로 도입
HTML5  정의 HTML5 는  HTML 의 차기 주요 제안 버전으로 월드 와이드 웹의 핵심 마크업 언어이다 . 2004 년  6 월  Web Hypertext Application Technology Working Group(WHATWG) 에서  웹 어플리케이션  1.0 이라는 이름으로 세부 명세 작업을 시작하였다 . 2009 년  10 월  WHATWG 의 현재 최종 제안 상태이다 . HTML5 는  HTML 4.01, XHTML 1.0, DOM Level 2 HTML 에 대한 차기 표준 제안이다 .  이것은  어도비 플래시나 마이크로소프트의 실버라이트 ,  썬의 자바 FX 와 같은 플러그인 기반의 인터넷 어플리케이션에 대한 필요를 줄이는데 목적을 두고 있다 .
특히 웹 애플리케이션 작성을 보다 쉽도록 하기 위한 몇 가지  API 를 도입 하였는데 아래를 참고 하자 . Canvas  요소를 사용하여  2D  그래픽  API 를 제공  비디오 및 오디오를 재생 하기 위한  video  및  audio  요소 도입 .  오프라인 웹 어플리케이션을 가능 하는  API 제공 .  웹 어플리케이션이 특정 프로토콜이나 미디어 타입을 등록 할 수 있도록 허용 하는  API  제공  사용자가 웹 컨텐트를 수정 할 수 있는  API  제공 .  드래그 앤 드랍을 가능하게 하는  API  제공 .  페이지 앞 / 뒤 네비게이션을 지원할 방문 기록 표시용  API  기능 .  다중 메시징 처리 . Geolocation 과 같은 위치 확인 기능 및 브라우저 로컬 스토리지 ,  다중 스레드처리가 가능한  Web Worker,  웹  SQL Database 를 위한  Query 등도 지원 한다 .
HTML5 의 많은 기능들이 이미 파이어폭스  2.0 과 오페라  9.0 에 탑재 올해 안으로 출시될 파이어폭스  3.0 에 HTML5 의 대부분 지원 오페라와 사파리의 신 버전에도 관련 구현 작업이 진행중 마이크로소프트가 차세대 브라우저  IE9 에서  HTML5  지원
그래픽 작성 도구 :  http://mugtug.com/sketchpad /
웹 응용 프로그램은 현재 데스크톱 응용프로그램의 특징과 기능을 가지는 웹 응용프로그램  (RIA: Rich Internet Application)  은 기존 웹 문서가 가지는 단순한 정보 전달 기능의 한계를 넘어 사용자와의 원활한  Interaction 에 대한 기능까지 제공한다 .  이러한  RIA 의 플랫폼은 어도비의 플래시 ,  마이크로소프트의 실버라이트 와 썬의  JavaFX  같은 플러그인 기반의 기술들이  95%  이상 점유율 차지 하면서 시장을 분할 하고 있다 .  하지만 결국  Rich UI 를 제공 하기 위해서는 사용자가 자신의 브라우저에 이들 플러그인을 설치를 해야 하는 불편함이 있다 . ( 결국 비표준 방식 이다 ) HTML 5  필요성 또한 웹이 이렇게 발전 하게 된 이유는 웹 개발 환경이 개방 되어 있었기 때문인데 앞에서 언급한 플러그인 기반  Rich UI  웹 기술들은 특정 플랫폼에 한정 되어 있고 특히 읽거나 복사 ,  저장 등이 어려운 바이너리를 포함 하고 있기 때문에 웹을 성공적으로 이끌어 왔던 보편적 접근성이 결여 되어있다 . HTML  소스를 보고 복사를 하며 복사된 소스를 바탕으로 재편집의 과정을 거쳐 새로운 결과물을 생성 하는 것이 쉬웠기 때문에 웹의 비약적인 성공이 가능 했다 .  주요한 개발 플랫폼인 웹이 윈도우와 같은 종전의 플랫폼이 했던 방식으로 소수의 업체에 의해 좌지우지 된다면 시대를 거슬러 올라가는 처사일 수 밖에 없다 . HTML 5  미래 HTML5 가 표준안으로는 부족했던 이전 버전의  HTML 을 보완 하고  Mobile Web  플랫폼으로써 최적화 되어 있으며 폐쇄적이던  RIA  개발 환경을 개방 하는데 많은 역할을 하게 될 것이라고 생각 되지만  HTML5 는 현재 표준안이 아닌 제안 상태 이며 대부분의 웹 브라우저에 적용 되는 시기는 불명확 하다 .  특히나 많이 사용되고 있는 인터넷 익스플로러에서 일부  HTML5  기술에 대한 지원 부족은 개발자들에겐 적지 않은 문제다 .  또 웹브라우저 벤더 및 이해관계가 얽혀 있는 플러그인 업체 등도 각기 입장을 달리 하고 있어  HTML5 가 헤쳐 나아가야 할 길이 결코 쉬워만 보이지는 않는다 .
HTML5 Specification :  http://www.w3.org/TR/html5/   HTML5 differences from HTML4 :  http://dev.w3.org/html5/html4-differences/   Dive Into HTML5 :  http://diveintohtml5.org/   HTML5 Doctor :  http://html5doctor.com/ HTML5 의 모든 것  :  http://channy.creation.net/blog/776   Mobile Web vs. Mobile App :  http:// mobizen.pe.kr/911 HTML5  와 웹의 미래  (HTML5 And The Future Of Web) :  http://blog.naver.com/hanoul76psy?Redirect=Log&logNo=102116636

More Related Content

PPT
모바일 웹플랫폼 기술 동향
PPTX
1. html5 개요
PPT
Html5
PPTX
Html초급 1강 웹표준의 이해
PDF
Html5 guide
PPTX
SpeedMIS v6 소개
PPTX
발표자료
PDF
Flash & html5
모바일 웹플랫폼 기술 동향
1. html5 개요
Html5
Html초급 1강 웹표준의 이해
Html5 guide
SpeedMIS v6 소개
발표자료
Flash & html5

What's hot (16)

PDF
Html5 강좌파일_v_3.0
PDF
HTML5 와 미래웹기술 part 2
PPT
Html5의 현재와 미래
PDF
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
PDF
HTML5 기업 적용시 고려사항 : 미래웹기술연구소
PDF
HTML5 Tutorial(Korean)
PDF
미래웹기술연구소는 왜 Sencha 를 채택하였는가?
PDF
2013 블로그코디 홈로그 소개서
PPTX
워드프레스 체험기
PDF
HTML5 와 미래웹기술 part 1
PPTX
Html 5
PPT
웹표준의 이해
PDF
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
PDF
차세대 웹 플랫폼과 HTML5 기술 동향
PDF
HTML5 관점에서 본 2015년 웹개발 트렌드 및 인사이트
PDF
HTML5 플랫폼 동향과 기업업무 적용 방안
Html5 강좌파일_v_3.0
HTML5 와 미래웹기술 part 2
Html5의 현재와 미래
Adobe Dreamweaver CS5.5 를 이용한 HTML5 개발
HTML5 기업 적용시 고려사항 : 미래웹기술연구소
HTML5 Tutorial(Korean)
미래웹기술연구소는 왜 Sencha 를 채택하였는가?
2013 블로그코디 홈로그 소개서
워드프레스 체험기
HTML5 와 미래웹기술 part 1
Html 5
웹표준의 이해
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
차세대 웹 플랫폼과 HTML5 기술 동향
HTML5 관점에서 본 2015년 웹개발 트렌드 및 인사이트
HTML5 플랫폼 동향과 기업업무 적용 방안
Ad

Viewers also liked (6)

PDF
2. 유니버셜은 선택이 아닌 필수 모바일 환경 들춰보기 - NHN 문지애
PPTX
Mutecsoft introduction 2010
PPT
국내외모바일Os동향및플랫폼동향
PPT
J2 me msa_and_more
PPT
Android발표자료 홍종진
PPTX
I beacon revolutions
2. 유니버셜은 선택이 아닌 필수 모바일 환경 들춰보기 - NHN 문지애
Mutecsoft introduction 2010
국내외모바일Os동향및플랫폼동향
J2 me msa_and_more
Android발표자료 홍종진
I beacon revolutions
Ad

Similar to Html5 (20)

PPTX
1. html5 개요
PDF
실전 Html5 guide
PDF
Html5 guide
PDF
Html5 Guide
PDF
신동형의 발로 뛰는 ICT Insight Vol3
PPT
Html5
PDF
Webtech
PDF
Mozilla 오픈 웹 모바일 플랫폼 (2012)
PDF
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
PDF
CG&I web tech_workshop 28 June 2013
PDF
WebKit at the Future Web Forum 2010
PDF
차세대 웹(Html5) 플랫폼의 동향과 기업 업무 적용 방안
PDF
01.모바일 프레임워크 이론
PPTX
0308 스마트폰테크 Html5
PDF
하이브리드 앱(Hybrid App)
PPTX
PDF
HTML5 and Smart TV
PDF
Trends on Standardizations of HTML5 based Web Platform Technology
PPTX
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
PDF
WebRTC 1.0 표준완성과 현재, 그리고 다음버전
1. html5 개요
실전 Html5 guide
Html5 guide
Html5 Guide
신동형의 발로 뛰는 ICT Insight Vol3
Html5
Webtech
Mozilla 오픈 웹 모바일 플랫폼 (2012)
HTML5 기반 다매체 연동형 서비스 발전 방향(티비스톰 정운교 이사)
CG&I web tech_workshop 28 June 2013
WebKit at the Future Web Forum 2010
차세대 웹(Html5) 플랫폼의 동향과 기업 업무 적용 방안
01.모바일 프레임워크 이론
0308 스마트폰테크 Html5
하이브리드 앱(Hybrid App)
HTML5 and Smart TV
Trends on Standardizations of HTML5 based Web Platform Technology
처음부터 다시 배우는 HTML5 & CSS3 강의자료3일차
WebRTC 1.0 표준완성과 현재, 그리고 다음버전

Html5

  • 2. 스티브 잡스 ( 애플 ) 의 Flash 와 HTML5 에 대한 발언 YouTube, Google 의 연이은 HTML5 지원 발표 마이크로소프트가 차기 버전 웹 브라우저 (IE9) 에 HTML5 를 지원하기 위하여 주력
  • 3. Microsoft "all in" on Internet Explorer 9 supporting HTML5 "We're all in" for HTML5, said Windows division President Steve Sinofsky, echoing Steve Ballmer's comment last week that Microsoft is "all in" for cloud computing. 2010-03-16 일 마이크로소프트 윈도우 사업부 담당자 Steve Sinofsky 는 지난 주 스티브 발머가 언급 한 “마이크로 소프트는 클라우드 컴퓨팅에 올인 중이다”와 동일 선상에 있는 “현재 우리는 Html5 에 올인 중이다” 라는 말을 전했다 ... http://seattletimes.nwsource.com/html/businesstechnology/2011362220_microsoftmix17.html 플래시 없이 동영상 재생…유튜브 HTML5 지원 ‘총력’ 유튜브 (www.youtube.com) 는 HTML5 지원을 점차 확대할 계획이라고 ... http:// www.ddaily.co.kr/news/news_view.php?uid=60097   스티브 잡스 , 어도비 플래시 맹비난 어도비의 플래시 지원에 대해서는 일말의 가치도 없다고 ... 그는 앞으로 HTML5 가 대세이며 , 이에 따라 플래시 없이도 브라우저 상에서 멀티미디어를 구현 할 수 있게 될 것이라고 주장 ... http://itnews.inews24.com/php/news_view.php?g_serial=473120&g_menu=020600 MS, HTML5 지원 브라우저 내놓는다 마이크로소프트 (MS) 가 차세대 웹표준 HTML5 를 지원하는 브라우저를 선보인다… IE9 베타버전에서 HTML5 를 구현하는 기능이 포함되고… http://www.zdnet.co.kr/ArticleView.asp?artice_id=20100305113305 Google Gears 개발 중단 , HTML5 로 방향 전환 구글 기어스 (Google Gears) 의 개발 중단을 선언 ... 어플리케이션의 캐시 , 데이터베이스 등 구글 기어스의 주요 기능은 HTML5 에서 이어지고 있기 때문에 앞으로는 HTML5 에 주력하고 싶다는 뜻을 밝히고 ... http://kr.engadget.com/2009/12/08/google-gears-html5/  
  • 4. HTML 1.0 개발 년도 :1989 년 HTML 의 첫 공개 버전으로 , 웹 페이지에 이미지를 삽입하는 인라인 이미지 및 텍스트 컨트롤 지원을 시작함 . HTML 2.0 개발 년도 : 1995 년 옵션 버튼 및 텍스트 박스 같은 폼 구성 요소가 생김 HTML 2.0 부터는 대부분의 브라우저와 호환 가능 HTML 3.2 개발 년도 : 1997 년 테이블 값은 폼 구성 요소 확장 . HTML 4.01 개발 년도 : 1999 년 스타일시트 ( 일명 css) 에 대한 지원 시작 . HTML 의 스크립팅 저장공간 확대 및 동영상 등의 멀티미디어 구성요소 지원 확대  HTML5 개발 년도 : 2004 년 2004 년 WHATWG 의 초안으로부터 시작하여 2007 년부터 W3C HTML W/G 에서 표준안이 만들어 지고 있음 , 2009 년 10 월 WHATWG 의 현재 최종 제안 상태 . Drag & Drop, Audio 및 Video 표시 , Vector 그래픽 표시를 위한 요소 등이 새로 도입
  • 5. HTML5 정의 HTML5 는 HTML 의 차기 주요 제안 버전으로 월드 와이드 웹의 핵심 마크업 언어이다 . 2004 년 6 월 Web Hypertext Application Technology Working Group(WHATWG) 에서 웹 어플리케이션 1.0 이라는 이름으로 세부 명세 작업을 시작하였다 . 2009 년 10 월 WHATWG 의 현재 최종 제안 상태이다 . HTML5 는 HTML 4.01, XHTML 1.0, DOM Level 2 HTML 에 대한 차기 표준 제안이다 . 이것은 어도비 플래시나 마이크로소프트의 실버라이트 , 썬의 자바 FX 와 같은 플러그인 기반의 인터넷 어플리케이션에 대한 필요를 줄이는데 목적을 두고 있다 .
  • 6. 특히 웹 애플리케이션 작성을 보다 쉽도록 하기 위한 몇 가지 API 를 도입 하였는데 아래를 참고 하자 . Canvas 요소를 사용하여 2D 그래픽 API 를 제공 비디오 및 오디오를 재생 하기 위한 video 및 audio 요소 도입 . 오프라인 웹 어플리케이션을 가능 하는 API 제공 . 웹 어플리케이션이 특정 프로토콜이나 미디어 타입을 등록 할 수 있도록 허용 하는 API 제공 사용자가 웹 컨텐트를 수정 할 수 있는 API 제공 . 드래그 앤 드랍을 가능하게 하는 API 제공 . 페이지 앞 / 뒤 네비게이션을 지원할 방문 기록 표시용 API 기능 . 다중 메시징 처리 . Geolocation 과 같은 위치 확인 기능 및 브라우저 로컬 스토리지 , 다중 스레드처리가 가능한 Web Worker, 웹 SQL Database 를 위한 Query 등도 지원 한다 .
  • 7. HTML5 의 많은 기능들이 이미 파이어폭스 2.0 과 오페라 9.0 에 탑재 올해 안으로 출시될 파이어폭스 3.0 에 HTML5 의 대부분 지원 오페라와 사파리의 신 버전에도 관련 구현 작업이 진행중 마이크로소프트가 차세대 브라우저 IE9 에서 HTML5 지원
  • 8. 그래픽 작성 도구 : http://mugtug.com/sketchpad /
  • 9. 웹 응용 프로그램은 현재 데스크톱 응용프로그램의 특징과 기능을 가지는 웹 응용프로그램 (RIA: Rich Internet Application) 은 기존 웹 문서가 가지는 단순한 정보 전달 기능의 한계를 넘어 사용자와의 원활한 Interaction 에 대한 기능까지 제공한다 . 이러한 RIA 의 플랫폼은 어도비의 플래시 , 마이크로소프트의 실버라이트 와 썬의 JavaFX 같은 플러그인 기반의 기술들이 95% 이상 점유율 차지 하면서 시장을 분할 하고 있다 . 하지만 결국 Rich UI 를 제공 하기 위해서는 사용자가 자신의 브라우저에 이들 플러그인을 설치를 해야 하는 불편함이 있다 . ( 결국 비표준 방식 이다 ) HTML 5 필요성 또한 웹이 이렇게 발전 하게 된 이유는 웹 개발 환경이 개방 되어 있었기 때문인데 앞에서 언급한 플러그인 기반 Rich UI 웹 기술들은 특정 플랫폼에 한정 되어 있고 특히 읽거나 복사 , 저장 등이 어려운 바이너리를 포함 하고 있기 때문에 웹을 성공적으로 이끌어 왔던 보편적 접근성이 결여 되어있다 . HTML 소스를 보고 복사를 하며 복사된 소스를 바탕으로 재편집의 과정을 거쳐 새로운 결과물을 생성 하는 것이 쉬웠기 때문에 웹의 비약적인 성공이 가능 했다 .  주요한 개발 플랫폼인 웹이 윈도우와 같은 종전의 플랫폼이 했던 방식으로 소수의 업체에 의해 좌지우지 된다면 시대를 거슬러 올라가는 처사일 수 밖에 없다 . HTML 5 미래 HTML5 가 표준안으로는 부족했던 이전 버전의 HTML 을 보완 하고 Mobile Web 플랫폼으로써 최적화 되어 있으며 폐쇄적이던 RIA 개발 환경을 개방 하는데 많은 역할을 하게 될 것이라고 생각 되지만 HTML5 는 현재 표준안이 아닌 제안 상태 이며 대부분의 웹 브라우저에 적용 되는 시기는 불명확 하다 . 특히나 많이 사용되고 있는 인터넷 익스플로러에서 일부 HTML5 기술에 대한 지원 부족은 개발자들에겐 적지 않은 문제다 . 또 웹브라우저 벤더 및 이해관계가 얽혀 있는 플러그인 업체 등도 각기 입장을 달리 하고 있어 HTML5 가 헤쳐 나아가야 할 길이 결코 쉬워만 보이지는 않는다 .
  • 10. HTML5 Specification : http://www.w3.org/TR/html5/ HTML5 differences from HTML4 : http://dev.w3.org/html5/html4-differences/ Dive Into HTML5 : http://diveintohtml5.org/ HTML5 Doctor : http://html5doctor.com/ HTML5 의 모든 것 : http://channy.creation.net/blog/776 Mobile Web vs. Mobile App : http:// mobizen.pe.kr/911 HTML5 와 웹의 미래 (HTML5 And The Future Of Web) : http://blog.naver.com/hanoul76psy?Redirect=Log&logNo=102116636