10
Mutecsoft

Html5

Embed Size (px)

Citation preview

Page 1: Html5

Mutecsoft

Page 2: Html5

스티브 잡스 (애플 ) 의 Flash 와 HTML5 에 대한 발언

YouTube, Google 의 연이은 HTML5 지 원 발표

마이크로소프트가 차기 버전 웹 브라우저(IE9) 에 HTML5 를 지원하기 위하여 주력

Page 3: Html5

" " 9 5Mic ro s o ft a ll in o n Inte rne t Exp lo re r s uppo rting HTML "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 … 플래시 없이 동영상 재생 유튜브 5 HTML ‘ ’지원 총력

유튜브 (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

, 5 MS HTML 지원 브라우저 내놓는다 마이크로소프트 (MS) 가 차세대 웹표준 HTML5 … 를 지원하는 브라우저를 선보인다 IE9 베타버전에서 HTML5 …를 구현하는 기능이 포함되고 http://www.zdnet.co.kr/ArticleView.asp?artice_id=20100305113305

Go o g le Ge ars 개발 중단 , 5HTML 로 방향 전환 구글 기어스 (Google Gears) 의 개발 중단을 선언 ... 어플리케이션의 캐시 , 데이터베이스 등 구글 기어스의 주요 기능은 HTML5 에서 이어지고 있기 때

문에 앞으로는 HTML5 에 주력하고 싶다는 뜻을 밝히고 ... http://kr.engadget.com/2009/12/08/google-gears-html5/ 

Page 4: Html5

1 .0HTML 개발 년도 :1989년 HTML 의 첫 공개 버전으로 , 웹 페이지에 이미지를 삽입하는 인라인 이미지 및 텍스트 컨트롤 지원을 시작함 .

2 .0 HTML 개발 년도 : 1995년 옵션 버튼 및 텍스트 박스 같은 폼 구성 요소가 생김 HTML 2.0 부터는 대부분의 브라우저와 호환 가능

3 .2HTML 개발 년도 : 1997년 테이블 값은 폼 구성 요소 확장 .

4 .0 1HTML 개발 년도 : 1999년 스타일시트 ( 일명 css) 에 대한 지원 시작 . HTML  의 스크립팅 저장공간 확대 및 동영상 등의 멀티미디어 구성요소 지원 확대

5 HTML 개발 년도 : 2004년 2004 년 WHATWG 의 초안으로부터 시작하여 2007 년부터 W3C HTML W/G 에서 표준안이 만들어 지고있음 , 2009 년 10 월 WHATWG 의 현재 최종 제안 상태 .

Drag & Drop, Audio 및 Video 표시 , Vector 그래픽 표시를 위한 요소 등이 새로 도입

Page 5: Html5

5 HTML 정의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 와 같은 플러그인 기반의 인터넷 어

플리케이션에 대한 필요를 줄이는데 목적을 두고있다 .

Page 6: Html5

특히 웹 애플리케이션 작성을 보다 쉽도록 하기 위한 몇 가지API 를 도입 하였는데 아래를 참고 하자 . Canvas 요소를 사용하여 2D 그래픽 API 를 제공 비디오 및 오디오를 재생 하기 위한 video 및 audio 요소 도입 .

오프라인 웹 어플리케이션을 가능 하는 API제공 . 웹 어플리케이션이 특정 프로토콜이나 미디어 타입을 등록 할 수

있도록 허용 하는 API 제공 사용자가 웹 컨텐트를 수정 할 수 있는 API 제공 . 드래그 앤 드랍을 가능하게 하는 API 제공 . 페이지 앞 / 뒤 네비게이션을 지원할 방문 기록 표시용 API 기능 .

다중 메시징 처리 . Geolocation 과 같은 위치 확인 기능 및 브라우저 로컬 스토리지 , 다중 스레드처리가 가능한 Web Worker, 웹 SQL Database 를 위한 Query 등도 지원 한다 .

Page 7: Html5

HTML5 의 많은 기능들이 이미 파이어폭스2.0 과 오페라 9.0 에 탑재

올해 안으로 출시될 파이어폭스 3.0에HTML5 의 대부분 지원

오페라와 사파리의 신 버전에도 관련 구현 작업이 진행중

마이크로소프트가 차세대 브라우저 IE9 에서 HTML5 지원

Page 8: Html5

그래픽 작성 도구 : http://mugtug.com/sketchpad/

Page 9: Html5

웹 응용 프로그램은 현재 데스크톱 응용프로그램의 특징과 기능을 가지는 웹 응용프로그램 (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 가 헤쳐 나아가야 할 길이 결코 쉬워만 보이지는 않는다 .

Page 10: 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