웹 호환성 향상 전략 조 훈 i@hooney.net DBDIB DBDIB.

Presentation on theme: "웹 호환성 향상 전략 조 훈 i@hooney.net DBDIB DBDIB."— Presentation transcript:

1 웹 호환성 향상 전략 조 훈 DBDIB DBDIB

2 웹 호환성-1 운영체제, 브라우저 등 어떠한 환경에 구별 없이 웹의 내용을 동일하게 출력하고 기능을 구현하는 것.
운영체제, 브라우저 등 어떠한 환경에 구별 없이 웹의 내용을 동일하게 출력하고 기능을 구현하는 것. 2007년 11월 1일 웹 호환성 향상 방안

3 웹 호환성-2 웹 호환성 = 상호운용성 상호운용성 = 상위운용성 + 하위운용성 Internet Exploer 5
2007년 11월 1일 웹 호환성 향상 방안

4 웹(WWW, World Wide Web) 다양한 정보를 쉽고 빠르게 공유하기 위해서 유럽 CERN에서 팀 버너스리가 제안함.
3대 특징 문서의 구조 : HTML 문서의 연결 : Hypelink 문서의 주소 : HTTP 2007년 11월 1일 웹 호환성 향상 방안

5 웹 2.0 웹 1.0 : 단순한 웹사이트의 집합체로써 웹. 웹 2.0 : 웹 어플리케이션을 제공하는 하나 의 완전한 플랫폼으로써 웹. 웹 2.0이 데스크탑 컴퓨터의 응용 프로그램을 대체할 것으로 예견. 웹 2.0 기술 : 웹표준, XHTML, CSS, AJAX, RSS/Atom, XML, SOAP 2007년 11월 1일 웹 호환성 향상 방안

6 웹 어플리케이션 인터넷 혹은 인트라넷 상에서 웹 브라우저를 이용하여 구현되는 응용 소프트웨어. 운영체제의 제약은
적지만, 대신 웹 브라 우저의 제약이 심함. 구글 웹 Office 어플리케이션 2007년 11월 1일 웹 호환성 향상 방안

7 오피스 / 스프레드쉬트 2007년 11월 1일 웹 호환성 향상 방안

8 스프링노트 / 오픈마루 2007년 11월 1일 웹 호환성 향상 방안

9 국내 웹 사이트 호환성 국내 사이트의 호환성 준수율 : 66.5점 2006 웹 호환성 실태조사 현황 - KIPA
2007년 11월 1일 웹 호환성 향상 방안

10 웹 호환성 문제 ex.1 2007년 11월 1일 웹 호환성 향상 방안

11 웹 호환성 문제 ex.2 2007년 11월 1일 웹 호환성 향상 방안

12 웹 호환성 문제의 이유 표준을 준수하지 않고, 특정 운영체제와 특정 브라우저에 종속적인 웹 사이트 및 웹 어플리케이션 개발
표준을 준수하지 않고, 특정 운영체제와 특정 브라우저에 종속적인 웹 사이트 및 웹 어플리케이션 개발 2007년 11월 1일 웹 호환성 향상 방안

13 웹 브라우저 점유율 - 국내 2007년 11월 1일 웹 호환성 향상 방안

14 웹 브라우저 점유률 - 미국 출처 - http://marketshare.hitslink.com 2007년 11월 1일
웹 호환성 향상 방안

15 파이어 폭스 시장 점유율 유럽 각국의 시장 점유율 2007년 11월 1일 웹 호환성 향상 방안

16 Fire Fox와 최근 브라우저 2007년 11월 1일 웹 호환성 향상 방안

17 웹 호환성 문제 - 플러그인 2007년 11월 1일 웹 호환성 향상 방안

18 워크넷 on IE6 2007년 11월 1일 웹 호환성 향상 방안

19 워크넷 on FF 2007년 11월 1일 웹 호환성 향상 방안

20 워크넷 on Opera 2007년 11월 1일 웹 호환성 향상 방안

21 웹 호환성 향상 방안 표준 준수 범용 표현 지원 기능 중립 2007년 11월 1일 웹 호환성 향상 방안

22 표준 준수 W3C 표준 HTML 표준 구조와 표현, 동작의 분리 http://www.w3c.org 문서 형식 지정
형식에 맞는 문법 지정 구조와 표현, 동작의 분리 구조 : HTML, 표현 : CSS, 동작 : DOM+Script 2007년 11월 1일 웹 호환성 향상 방안

23 2007년 11월 1일 웹 호환성 향상 방안

24 HTML 표준 2007년 11월 1일 웹 호환성 향상 방안

25 Microsoft 표준 ?! 2007년 11월 1일 웹 호환성 향상 방안

26 HTML 표준 지원 2007년 11월 1일 웹 호환성 향상 방안

27 범용 표현 지원 CSS 문자 인코딩 글꼴 지정 표현을 위한 HTML 사용 제한 CSS 표준 준수
국제화를 위한 UTF-8 사용 추천 글꼴 지정 한글 글꼴와 대표 글꼴 사용 2007년 11월 1일 웹 호환성 향상 방안

28 CSS 표준 지원 2007년 11월 1일 웹 호환성 향상 방안

29 기능의 중립 ECMA Script + DOM 표준 플러그인 문서 뷰어와 미디어 플레이어
브라우저 자체 지원 기술 사용 제한 플러그인 운영체제와 브라우저에 독립적인 플러그인 문서 뷰어와 미디어 플레이어 2007년 11월 1일 웹 호환성 향상 방안

30 DOM 표준 지원표 2007년 11월 1일 웹 호환성 향상 방안

31 웹 접근성 웹 콘텐츠가 제공하는 내용과 기능을 어떤 환경에서도 모든 사용자가 인지하고 이용할 수 있는 것. 모든 사용자
노인, 어린이, 일반인 시각, 청각, 지각, 인지 장애자 2007년 11월 1일 웹 호환성 향상 방안

32 웹 접근성 ex.1 시각 장애인도 웹 컨텐츠를 인식할 수 있도록 이미지에 대체 텍스트 를 제공.
<img src=“url.htm” alt=“대체 텍스트”> 2007년 11월 1일 웹 호환성 향상 방안

33 웹 접근성 ex.2 청각 장애인도 동영상의 음성을 인지할 수 있도록 자막과 원고를 제공. 2007년 11월 1일
청각 장애인도 동영상의 음성을 인지할 수 있도록 자막과 원고를 제공. 2007년 11월 1일 웹 호환성 향상 방안

34 참고 자료 실전 웹 표준 가이드 웹 브라우저 기술 스펙 한국소프트웨어진흥원 (http://software.or.kr)
W3C ( 마이크로소프트 ( 모질라재단 ( 오페라소프트 ( 2007년 11월 1일 웹 호환성 향상 방안

35 질문? & 답변! 2007년 11월 1일 웹 호환성 향상 방안

36 감사합니다 ^_^ Contact : 조훈, 디비딥 컨설팅 i@hooney.net 019-9231-0318
2007년 11월 1일 웹 호환성 향상 방안