웹표준은 무엇인가 ?

웹표준은 무엇인가 ?산업정보시스템공학부 소학회 IECC

IECC 부회장정 문 창

현재의 웹에서는…산업정보시스템공학부 소학회 IECC


3

Web-Search ( 네이버 검색 , 구글 검색 등 )

E-mail (Hanmail, G-mail 등 )

Internet-Banking ( 농협 , 제일은행 ,

우체국 등 )

Community Group ( 다음 Cafe, 싸이월드

클럽 등 )

Internet NEWS (네이버 뉴스 , 네이트

뉴스 )

Internet 강의 (EBS, 메가스터디

등 )

2007 년 11 월 공대학슬제IECC 부회장 정문창

현재 웹의 사용실태

4

검색 : 낮은 적중율 , 검색어의 제한 , 단어의 의존

플랫폼 : 운영체제 + 브라우저에 따라 달리 보임

시각장애인 리더프로그램이 웹 페이지분석 불가


현재 웹의 문제점

참고 : http://goigoi.tistory.com/1175525005

웹표준의 개념이해…산업정보시스템공학부 소학회 IECC



웹표준의 장점

참고 : http://hooney.net/2007/06/24/397/

7

시멘틱 웹

• 시멘틱 웹은 월드 와이드 웹의 창시자인 팀 버너스리 (1980 년대 국방부 프로젝트로 www 웹을 만든 창시자 ) 가 자서전 형식으로 쓴 "Weaving the web" 라는 책에 의해 처음 소개 .

시멘틱웹의 정의

• 시 멘틱 웹의 정확한 의미는 , 기계가 이해할 수 있는 (machine understandable) 보다는 , 기계처리가 가능한 (machine processable)으로 이해하는 것이 더 정확 .• 기계가 정보를 이해한다는 지능적 요소를 의미하는 것이 아니며 , 기계가 정보를 처리 하는 수행업무를 맡을 수 있느냐에 대한 여부를 따지고 , 기계와 기계 /인간과 의사소통하기

위한 웹 환경을 구현하겠다는 것 .• 여기서 말하는 기계는 , agent라고 이해하면 이전트가 웹 환경을 통해서 정보를 교환하거나 , 더 나아가서는 사람을 위해 협상 업무를 수행할 수 도 있음 .

시멘틱 웹의 구성 요소

• 온톨로지 (Ontology) 특정 분야에서 서로 달리 사용하는 정보 간 의미적 상호 운용성을 극대화 하기 위한 용어 , 개체 , 개념 등의 표준화 , 이들 간 의미적 관계 , 사용규칙 및 제한점을 정의한 개념의 집합이다 .

• 웹 서비스 웹 서비스는 원격지의 데이터나 서비스들인 컴포넌트를 호출하여 그 결과값을 반환 받게 된다 .


시멘틱웹 > 웹표준 & 웹 2.0

웹표준의 위해서…산업정보시스템공학부 소학회 IECC


9

Hypertext Markup Language Web 문서 저작을 위한 기본적인 언어 하이퍼텍스트를 작성하기 위하여 개발 글자크기 , 모양 , 링크 등을 정의하는 명령어 사용 컴파일이 필요 없고 Web Browser 가 직접 해석 SGML 에서 비롯 된 언어 CSS, JavaScript 등을 내장 가능


HTML 이란 ?

10

Html 문서는 C 언어의 소스처럼 흔히 태그라고 불리는 문법을 통해 표현하여 Web 에 공유되며사용자가 사용하는 Web Browser 가 소스를 해석하여 보여준다 .


HTML 의 생김새

11

HTML 의 태그들

태그 설명

문서의 시작과 끝 문서의 정보와 자바스크립트 문서의 내용 문서의 제목 글씨 색상 , 크기 , 글꼴 지정 문단구분 href 라는 속성으로 하이퍼링크 문서에 이미지 삽입 표 삽입 표의 세로줄 삽입 표의 가로줄 삽입 텍스트 강조


1. <html></html>2. <head></head>3. <body></body>4. <title></title>5. <font></font>6. <p></p>7. <a></a>8. <img>9. <table></table>10. <tr></tr>11. <td><td>12. <b></b>

이 외에도 많은 태그들이 존재한다 .

12

eXtensible Markup Language 확장성 생성 언어로 번역 1996 년 W3C(World Wide Web Consortium) 에서

제안 현재도 계속 개발중인 언어 홈페이지 구축 , 검색 기능 향상 클라이언트 시스템의 복잡한 데이터를 쉽게 처리 SGML 문서 형식을 따르며 SGML 의 부분이라 할 수 있음


XML 이란 ?

13

Html 문서처럼태그라고 불리는 문법을 사용하는 것이 아니라작성자의 주관적 태그를정의하고 데이터를 구조화하여 Web 에 공유된다 .

컨텐츠와 디자인의 분리가가능하며 , 디자인적인분분은 XSL 을 사용하여나타내기도 한다 .


XML 의 생김새

14

1. XML 은 구조적인 데이터를 위한것이다 .2. XML 은 다소 HTML 과 같아 보인다 .3. XML 은 텍스트이며 , 읽혀지는 것만을 의미하지 않는다 .4. XML 은 크기가 커진다 .5. XML 은 기술의 집합이다 .6. XML 은 새로운 기술이 아니라 발전한 기술이다 .7. XML 은 HTML 에서 XHTML 로 이끌었다 .8. XML 은 모듈식이다 .9. XML 은 RDF 와 시맨틱 웹의 토대이다 .10. XML 은 라이선스 제약이 없으며 , 플랫폼 독립적이고 , 많은 지원이 있다 .


XML 의 기본개념

15

완성도•XML은 웹에 앞서 등장한 마크업 언어인 SGML에 기반을 두고 충분한 검증을 거쳐 널리 사용.

판독성•텍스트 형식으로 인해 디버깅이 매우 수월.•인터넷은 텍스트 친화적이므로 XML을 문제 없이 압축 및 전송 가능.•유니코드를지원해 국제적 공통어 사용.

이식성•HTML과 Java처럼 XML은 플랫폼을 가리지 않는다. •SGML과 유사하여 기존 시스템 및 어플리케이션과의 상호작용이 수월.

비독점, 개방형

•이용 및 개발에 별도의 요금이나 라이센스가 필요 없어 공유와 기능 향상이 더욱 활발.•비즈니스 전문 용어, DTD(document type definitions), 특정 문서 유형 표시를 위한 XML사용 규칙, 데이터 처리용 파서(parser)의 작성 등에서 활발한 움직임•재사용 이점과 기업 간 데이터 공유가 가능.


XML 의 이점

16

프로그래밍 언어로서의 XML Mozilla XUL (the XML User Interface Lan-

guage)◦ XML 을 베이스로 한 GUI 프로그래밍 언어◦ Cross-platform 실현◦ Mozilla Firefox

Adobe Flex◦ MXML 을 베이스로 한 RIA 용 프로그래밍 언어◦ Flash Player 를 통한 Browser-independent 실현



XML 의 장점의 예

악보를 웹에 표현한다고 할 때 HTML 의 경우는 이미지로 만들어 삽입하는 해야 한다 .

이미지로 만든 경우 사람은 이 악보를 보고 이해 할 수 있지만 , 컴퓨터는 이미지 프로세싱을 하지 않는한 이미지라는 것 이외에 이 악보의 내용과 의미를 이해할 수 없다 .

XML 을 이용하면 이런 악보를 텍스트로 구현이 가능하다 .

악보를 표기 할 때는 XML 의 MusicML 이라는 규칙을 사용한다 .

18

XML 예제 빵의 조리방법을 XML 로 표현

<recipe name=“빵 " prepare_time="5 분 " cook_time="3 시간 "> <title> 기본적인 빵 </title> <ingredient amount="3" unit=“컵 ">밀가루 </ingredient> <ingredient amount="0.25" unit=“ 온스 "> 이스트 </ingredient> <ingredient amount="1.5" unit=“컵 " state=“ 따듯한 ">물 </in-gredient> <ingredient amount="1" unit=“티스푼 "> 소금 </ingredient> <instructions> <step> 모든 재료 석기 </step> <step>충분히 반죽하기 </step> <step>천으로 싸서 1 시간 동안 따듯한 방에 두기 </step> <step> 다시 반죽하기 </step> <step> 제빵용 그릇에 담기 </step> <step>천으로 싸서 1 시간 동안 따듯한 방에 두기 </step> <step>350° 의 오븐에서 30 분간 굽기 </step> </instructions></recipe> 2007 년 11 월 공대학슬제IECC 부회장 정문창

참고 : “ 정보 및 컴퓨터공학”수업발표 이항재 (XML 의 가능성 .ppt)

19

비교 항목 SGML HTML XML

TAG 사용무제한적사용자 정의 가능

제한적사용자 정의 불가능

SGML 보다 제학적사용자 정의 가능

문서의 재사용 가능 불가능 가능

응용분야방대한 내용과 구조를요하는 기술적인문서 및 전자

단순한 구조의문서 및 내용이 많지 않은 문서

방대한 내용과 구조를요하는 기술적인문서 및 전자

문서작성 매우 복잡함간단하고 용이함논리적 구조 작성의어려움

SGML 을 단순화하여편리하게 작성 가능

문서검색정확한 검색이 가능문서구조에 대한검색 가능

효과적인 검색이 어려움정확한 검색이 가능문서구조에 대한검색 가능


SGML, HTML, XML 의 비교

웹표준의 발전은…산업정보시스템공학부 소학회 IECC


21

웹표준과 새로운 기술의 융합 Ajax (Asynchronous JavaScript + XML)

◦ 서버와 클라이언트 ( 웹 브라우저 ) 간에 데이터를 비동기적으로 주고 받아 페이지의 재 로드 없이 내용을 변화함

◦ 등장배경 웹의 매력 (쉬운 접근성 ) 을 활용하고 , 웹의 한계 ( 단방향 통신 )

를 극복하여 클라이언트 소프트웨어 수준의 사용성 높은 Web Ap-plication 을 개발하기 위해서

동적인 Web Application 을 개발하는 방법들 (편법들 ) 이 XML을 이용한 Ajax 라는 형태로 규격화됨



22

Ajax 의 비동기 통신 방법

Server

Client

데이터 요청JavaScript

서버의 응답을 기다리지 않고 계속해서 코드 실행

Call-back function으로 요청한 XML

데이터를 받음

XML 데이터



23

모든 사람이 제공되는 데이터를 활용하여 다양한 신규 서비스를 생산해 낼 수 있는 플랫폼으로서의 웹 (Web as Platform) 환경 .

분산화되고 사용자 중심의 커뮤니티에 의존하는 동적인 열린 공간으로서의 웹이며 또한 비즈니스 모델

웹 2.0 환경에서는 제공되는 응용 프로그램과 데이터를 이용하여 사용자 스스로 새로운 서비스를 창출 .

비동기 자바 스크립트와 XML(AJAX)과 같은 표준 기술을 중심으로 발전

대표적인 예◦ 구글이 제공하는 구글맵 (API를 이용하여 개인의 홈 페이지에 연결하여 부동산이나 여행 안내 사업을 하는 것

등 )

개념◦ 사용자가 직접 참여하고 이끌어 가는 문화 , 집단 지성 (collective intelligence), 정보의 공유


WEB 2.0

참고 : 네이버 용어사전 - http://terms.naver.com/item.nhn?dirId=200&docId=25362

24

감사합니다 .웹표준은 무엇인가 ?


웹표준은 무엇인가 ?

Documents

Transcript of 웹표준은 무엇인가 ?