i@hooney · 웹어플리케이션 •인터넷혹은인라넷 상에서웹브라우저...

조 훈i@hooney.net

웹 호환성-1

• 운영체제, 브라우저 등

어떠한 환경에 구별 없이

웹의 내용을

동일하게 출력하고

기능을 구현하는 것.

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

웹 호환성-2

• 웹 호환성 = 상호운용성

• 상호운용성 = 상위운용성 + 하위운용성

Internet

Exploer 5

Internet

Exploer 6

Internet

Exploer 7

웹(WWW, World Wide Web)

• 다양한 정보를 쉽고 빠르게 공유하기 위해서 유럽 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

웹 어플리케이션

• 인터넷 혹은 인트라넷 상에서 웹 브라우저를 이용하여 구현되는 응용 소프트웨어.

운영체제의 제약은

적지맊, 대싞 웹 브라

우저의 제약이 심함.

구글 웹 Office 어플리케이션

오피스 / 스프레드쉬트

http://spreadsheets.google.com

스프링노트 / 오픈마루

http://springnote.com

국내 웹 사이트 호환성

• 국내 사이트의 호환성 준수율 : 66.5점

– 2006 웹 호환성 실태조사 현황 - KIPA

웹 호환성 문제 ex.1

웹 호환성 문제 ex.2

웹 호환성 문제의 이유

• 표준을 준수하지 않고,

특정 운영체제와

특정 브라우저에

종속적인 웹 사이트 및

웹 어플리케이션 개발

웹 브라우저 점유율 - 국내

웹 브라우저 점유률 - 미국

• 출처 - http://marketshare.hitslink.com

파이어 폭스 시장 점유율

유럽 각국의 시장 점유율

Fire Fox와 최근 브라우저

웹 호환성 문제 - 플러그인

워크넷 on IE6

워크넷 on FF

워크넷 on Opera

웹 호환성 향상 방안

표준 준수

범용 표현 지원

기능 중립

표준 준수

• W3C 표준

– http://www.w3c.org

• HTML 표준

– 문서 형식 지정

– 형식에 맞는 문법 지정

• 구조와 표현, 동작의 분리

– 구조 : HTML, 표현 : CSS, 동작 : DOM+Script

HTML 표준

Microsoft 표준 ?!

HTML 표준 지원

범용 표현 지원

• CSS

– 표현을 위한 HTML 사용 제한

– CSS 표준 준수

• 문자 인코딩

– 국제화를 위한 UTF-8 사용 추천

• 글꼴 지정

– 한글 글꼴와 대표 글꼴 사용

CSS 표준 지원

기능의 중립

• ECMA Script + DOM 표준

– 내용의 생성과 표현을 위한 Script 사용 제한

– 브라우저 자체 지원 기술 사용 제한

• 플러그인

– 운영체제와 브라우저에 독립적인 플러그인

• 문서 뷰어와 미디어 플레이어

– 운영체제와 브라우저에 독립적인 플러그인

DOM 표준 지원표

웹 접근성

• 웹 콘텐츠가 제공하는 내용과 기능을 어떤환경에서도 모든 사용자가 인지하고 이용할 수 있는 것.

• 모든 사용자

– 노인, 어린이, 일반인

– 시각, 청각, 지각, 인지장애자

웹 접근성 ex.1

• 시각 장애인도

웹 컨텐츠를 인식할

수 있도록

이미지에 대체 텍스트

를 제공.

웹 접근성 ex.2

• 청각 장애인도

동영상의 음성을

인지할 수 있도록

자막과 원고를

제공.

참고 자료

• 실젂 웹 표준 가이드

– 한국소프트웨어진흥원 (http://software.or.kr)

• 웹 브라우저 기술 스펙

– W3C (http://www.w3c.org)

– 마이크로소프트 (http://microsoft.com)

– 모질라재단 (http://mozilla.com)

– 오페라소프트 (http://opera.com)

질문? & 답변!

감사합니다 ^_^

Contact : 조훈, 디비딥 컨설팅

i@hooney.net

019-9231-0318

i@hooney · 웹어플리케이션 •인터넷혹은인라넷 상에서웹브라우저...

Documents

g DN300 ierbar Iii i i i i i. i. i i i i. i. i i i i i 'i i i. i i. ii i i i i i. i ... · 2019. 2. 12. · ierbar Iii i i i i i. i. i i i i. i. i i i i i 'i i i. i i. ii i i i

vers BUDAPEST vers BÉKÉSCSABA vers BUDAPEST vers ORADEA … fileI Crnja I I I j I) I a I I I a I I I I I T I a I I I A I I s I k D I I I N I I I B I I I I I I I Backa Palanka I I

PCMI 5 FAÇADES - Beziers · pcmi 5 faÇades. tn. facade ouest facade nord i i i i i i i i i i i i i i i i i i i i i i i i i i i i i 121 i i i i i i i i i i i i i i i i tn. facade

· Documento Auxiliar da Nota Fiscal Eleu-ônica 0 - Entrada 1 - Saida NO 000.000.565 DO FISCO Il 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 I I I Il I I I I I I I

A s e ora tl T i · #i!. #i!. #i!. #i!.!. #i!. #i #i!.!.#i #i!. #i!. #i!.!. #i #i!. #i!.!.#i #i!.!.#i!.#i #i!. #i #i #i!. #i!. #i!. #i!. #i!.!. #i #i!. #i #i!. !. #i!. #i!. #i!. #i!

I Strah pred I mrtvim svjedokom I · 2017-10-16 · Stepinac - početak kraja komunizma (1) I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I I GLAS' KONCILA

I I I I I I I I I - AJOFMCJ

I I I I I I I I I I I I I I I I I I I I I I I I I I I I I ... · Otura inserire gli ^appositi codici Situazioni particolari N.moduli IVA Invio avviso telematico controllo automatizzato

AyEUTOPC6KUn BUCHOBOKcsmc.rv.ua/src/zvitaudytorskyvysnovok_2017.pdf · I I I I I I t I I I I I I I I I I I I I 1IIa$ "('rgtaiflftr

CUENTOS DE LA SELVA de la... · 2019-07-05 · CUENTOS DE LA SELVA de Horacio Quiroga ii i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i. 2. 3. 4 Propietario

I I I I I I I I I I I I I I I I I I I I I I I I I I I I I ...€¦ · Philippine Rating Services Corporation (PRS) submitted a report to the Securities and Exchange Commission (SEC),with

I I I I I I X I I I ( I I I I

舒康雞 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

FORUM SRBIJA NE-MACKA I I I I I I I I I I I I i I i I I I ... · forum srbija ne-macka i i i i i i i i i i i i i i i i i i i i i i i i ill . nforum serbien schl nd 'iiii - srbija

I I I I I I I I I I I I I I I I I I I I I I I I I I

UTZMG · 2019. 6. 20. · I Ill I I I I I I I I I I Il I I I I I Il I I I I I i I Il I i 11 i i I i Il I I Il O O o . 80 E

I Ill I Il I I I I I I I I Il I I I I I I I I I I ... - Weebly · I Ill I Il I I I I I I I I Il I I I I I I I I I I I I I I I I I I I I I I I I I I I I I . Created Date: 3/1/2014

nov 2017 · 2017-11-01 · I I I I I I I I I I I I I Il I Il Il I Il I Il I Il I I I I I I I I I I I I Il I I I I I I I I I Il I I I I I I I I I I I I Il I I I I I I I I date sub

IBGE | Portal do IBGE | IBGE · i i ·- i • i i • i i i i i i • i i • i • i i • i • i i • i • i i • i l i i r i i • i i • i i • i • i i • fundaÇlo instituto

Dipindai Oleh Urip Kalteng ( ) Page 1 · PDF fileDOKUMEN NEGARA SANGA r RAI IASIA I I I I I I I I I I I I I I I I I I I I I I I I I I I Il I I I I I I Ill I I I I Kimia SMA/MA IPA