웹 호환성 향상 전략
DESCRIPTION
웹 호환성 향상 전략. 조 훈 [email protected]. DBDIB. DBDIB. 웹 호환성 -1. 운영체제 , 브라우저 등 어떠한 환경에 구별 없이 웹의 내용을 동일하게 출력하고 기능을 구현하는 것. 웹 호환성 -2. 웹 호환성 = 상호운용성 상호운용성 = 상위운용성 + 하위운용성. Internet Exploer 5. Internet Exploer 6. Internet Exploer 7. 웹 (WWW, World Wide Web). - PowerPoint PPT PresentationTRANSCRIPT
웹 호환성 -1
• 운영체제 , 브라우저 등
어떠한 환경에 구별 없이
웹의 내용을
동일하게 출력하고
기능을 구현하는 것 .
2007 년 11 월 1 일 2웹 호환성 향상 방안
웹 호환성 -2
• 웹 호환성 = 상호운용성• 상호운용성 = 상위운용성 + 하위운용성
2007 년 11 월 1 일 3웹 호환성 향상 방안
Internet Exploer 5
Internet Exploer 6
Internet Exploer 7
웹 (WWW, World Wide Web)
2007 년 11 월 1 일 4웹 호환성 향상 방안
• 다양한 정보를 쉽고 빠르게 공유하기 위해서 유럽 CERN 에서 팀 버너스리가 제안함 .
• 3 대 특징–문서의 구조 : HTML–문서의 연결 : Hypelink–문서의 주소 : HTTP
웹 2.0
• 웹 1.0 : 단순한 웹사이트의 집합체로써 웹 .• 웹 2.0 : 웹 어플리케이션을 제공하는 하나
의 완전한 플랫폼으로써 웹 .
• 웹 2.0 이 데스크탑 컴퓨터의 응용 프로그램을 대체할 것으로 예견 .
• 웹 2.0 기술 : 웹표준 , XHTML, CSS, AJAX, RSS/Atom, XML, SOAP
2007 년 11 월 1 일 웹 호환성 향상 방안 5
웹 어플리케이션
• 인터넷 혹은 인트라넷 상에서 웹 브라우저를 이용하여 구현되는 응용 소프트웨어 .
운영체제의 제약은적지만 , 대신 웹 브라우저의 제약이 심함 .
2007 년 11 월 1 일 웹 호환성 향상 방안 6
구글 웹 Office 어플리케이션
2007 년 11 월 1 일 웹 호환성 향상 방안 7
오피스 / 스프레드쉬트오피스 / 스프레드쉬트
http://spreadsheets.google.comhttp://spreadsheets.google.com
2007 년 11 월 1 일 웹 호환성 향상 방안 8
스프링노트 / 오픈마루스프링노트 / 오픈마루
http://springnote.comhttp://springnote.com
국내 웹 사이트 호환성
• 국내 사이트의 호환성 준수율 : 66.5 점
– 2006 웹 호환성 실태조사 현황 - KIPA
2007 년 11 월 1 일 9웹 호환성 향상 방안
웹 호환성 문제 ex.1
2007 년 11 월 1 일 10웹 호환성 향상 방안
웹 호환성 문제 ex.2
2007 년 11 월 1 일 11웹 호환성 향상 방안
웹 호환성 문제의 이유
• 표준을 준수하지 않고 ,
특정 운영체제와
특정 브라우저에
종속적인 웹 사이트 및
웹 어플리케이션 개발
2007 년 11 월 1 일 웹 호환성 향상 방안 12
웹 브라우저 점유율 - 국내
2007 년 11 월 1 일 웹 호환성 향상 방안 13
웹 브라우저 점유률 - 미국
• 출처 - http://marketshare.hitslink.com
2007 년 11 월 1 일 14웹 호환성 향상 방안
파이어 폭스 시장 점유율
2007 년 11 월 1 일 웹 호환성 향상 방안 15
유럽 각국의 시장 점유율유럽 각국의 시장 점유율
Fire Fox 와 최근 브라우저
2007 년 11 월 1 일 16웹 호환성 향상 방안
웹 호환성 문제 - 플러그인
2007 년 11 월 1 일 17웹 호환성 향상 방안
워크넷 on IE6
2007 년 11 월 1 일 18웹 호환성 향상 방안
워크넷 on FF
2007 년 11 월 1 일 19웹 호환성 향상 방안
워크넷 on Opera
2007 년 11 월 1 일 20웹 호환성 향상 방안
웹 호환성 향상 방안
2007 년 11 월 1 일 21웹 호환성 향상 방안
표준 준수
• W3C 표준– http://www.w3c.org
• HTML 표준–문서 형식 지정–형식에 맞는 문법 지정
• 구조와 표현 , 동작의 분리–구조 : HTML, 표현 : CSS, 동작 :
DOM+Script
2007 년 11 월 1 일 22웹 호환성 향상 방안
2007 년 11 월 1 일 웹 호환성 향상 방안 23
HTML 표준
2007 년 11 월 1 일 웹 호환성 향상 방안 24
Microsoft 표준 ?!
2007 년 11 월 1 일 웹 호환성 향상 방안 25
HTML 표준 지원
2007 년 11 월 1 일 26웹 호환성 향상 방안
범용 표현 지원
• CSS–표현을 위한 HTML 사용 제한– CSS 표준 준수
• 문자 인코딩–국제화를 위한 UTF-8 사용 추천
• 글꼴 지정–한글 글꼴와 대표 글꼴 사용
2007 년 11 월 1 일 27웹 호환성 향상 방안
CSS 표준 지원
2007 년 11 월 1 일 28웹 호환성 향상 방안
기능의 중립
• ECMA Script + DOM 표준–내용의 생성과 표현을 위한 Script 사용 제한–브라우저 자체 지원 기술 사용 제한
• 플러그인–운영체제와 브라우저에 독립적인 플러그인
• 문서 뷰어와 미디어 플레이어–운영체제와 브라우저에 독립적인 플러그인
2007 년 11 월 1 일 29웹 호환성 향상 방안
DOM 표준 지원표
2007 년 11 월 1 일 30웹 호환성 향상 방안
웹 접근성
• 웹 콘텐츠가 제공하는 내용과 기능을 어떤 환경에서도 모든 사용자가 인지하고 이용할 수 있는 것 .
• 모든 사용자–노인 , 어린이 , 일반인–시각 , 청각 , 지각 , 인지
장애자
2007 년 11 월 1 일 웹 호환성 향상 방안 31
웹 접근성 ex.1
• 시각 장애인도
웹 컨텐츠를 인식할
수 있도록
이미지에 대체 텍스트
를 제공 .
<img src=“url.htm” alt=“ 대체 텍스트” >
2007 년 11 월 1 일 웹 호환성 향상 방안 32
웹 접근성 ex.2
• 청각 장애인도
동영상의 음성을
인지할 수 있도록
자막과 원고를
제공 .
2007 년 11 월 1 일 웹 호환성 향상 방안 33
참고 자료
• 실전 웹 표준 가이드–한국소프트웨어진흥원 (
http://software.or.kr)
• 웹 브라우저 기술 스펙–W3C (http://www.w3c.org) –마이크로소프트 (http://microsoft.com) –모질라재단 (http://mozilla.com) –오페라소프트 (http://opera.com)
2007 년 11 월 1 일 34웹 호환성 향상 방안
질문 ? & 답변 !
2007 년 11 월 1 일 웹 호환성 향상 방안 35
감사합니다 ^_^
Contact : 조훈 , 디비딥 컨설팅
019-9231-0318
Contact : 조훈 , 디비딥 컨설팅
019-9231-0318
2007 년 11 월 1 일 웹 호환성 향상 방안 36