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

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

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

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

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

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

오피스 / 스프레드쉬트 http://spreadsheets.google.com 2007년 11월 1일 웹 호환성 향상 방안

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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