1 / 36

웹 호환성 향상 전략

웹 호환성 향상 전략. 조 훈 i@hooney.net. DBDIB. DBDIB. 웹 호환성 -1. 운영체제 , 브라우저 등 어떠한 환경에 구별 없이 웹의 내용을 동일하게 출력하고 기능을 구현하는 것. 웹 호환성 -2. 웹 호환성 = 상호운용성 상호운용성 = 상위운용성 + 하위운용성. Internet Exploer 5. Internet Exploer 6. Internet Exploer 7. 웹 (WWW, World Wide Web).

dot
Download Presentation

웹 호환성 향상 전략

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

  3. 웹 호환성-2 • 웹 호환성 = 상호운용성 • 상호운용성 = 상위운용성 + 하위운용성 Internet Exploer 5 Internet Exploer 6 Internet Exploer 7 웹 호환성 향상 방안

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

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

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

  7. 오피스 / 스프레드쉬트 http://spreadsheets.google.com 웹 호환성 향상 방안

  8. 스프링노트 / 오픈마루 http://springnote.com 웹 호환성 향상 방안

  9. 국내 웹 사이트 호환성 • 국내 사이트의 호환성 준수율 : 66.5점 • 2006 웹 호환성 실태조사 현황 - KIPA 웹 호환성 향상 방안

  10. 웹 호환성 문제 ex.1 웹 호환성 향상 방안

  11. 웹 호환성 문제 ex.2 웹 호환성 향상 방안

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

  13. 웹 브라우저 점유율 - 국내 웹 호환성 향상 방안

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

  15. 파이어 폭스 시장 점유율 유럽 각국의 시장 점유율 웹 호환성 향상 방안

  16. Fire Fox와 최근 브라우저 웹 호환성 향상 방안

  17. 웹 호환성 문제 - 플러그인 웹 호환성 향상 방안

  18. 워크넷 on IE6 웹 호환성 향상 방안

  19. 워크넷 on FF 웹 호환성 향상 방안

  20. 워크넷 on Opera 웹 호환성 향상 방안

  21. 웹 호환성 향상 방안 웹 호환성 향상 방안

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

  23. 웹 호환성 향상 방안

  24. HTML 표준 웹 호환성 향상 방안

  25. Microsoft 표준 ?! 웹 호환성 향상 방안

  26. HTML 표준 지원 웹 호환성 향상 방안

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

  28. CSS 표준 지원 웹 호환성 향상 방안

  29. 기능의 중립 • ECMA Script + DOM 표준 • 내용의 생성과 표현을 위한 Script 사용 제한 • 브라우저 자체 지원 기술 사용 제한 • 플러그인 • 운영체제와 브라우저에 독립적인 플러그인 • 문서 뷰어와 미디어 플레이어 • 운영체제와 브라우저에 독립적인 플러그인 웹 호환성 향상 방안

  30. DOM 표준 지원표 웹 호환성 향상 방안

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

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

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

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

  35. 질문?& 답변! 웹 호환성 향상 방안

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

More Related