Embed Size (px)
Citation preview
웹 호환성-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.com
2007년 11월 1일 웹 호환성 향상 방안 8
스프링노트 / 오픈마루
http://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
2007년 11월 1일 웹 호환성 향상 방안 36
![舒康雞 HOLSEM · 2020. 4. 3. · : BA]2020/30797 : 2020/03/17 I I I I I I I I I I I I I I I I I I I I Il I Il I I I I I I I I I I I I I I I I I Il I Il I I I I Ill I I I I I I](https://img.pdfslide.tips/doc/110x75/60e1a613faf52e69a51b7862/ee-holsem-2020-4-3-ba202030797-20200317-i-i-i-i-i-i-i-i-i-i.jpg)
