웹표준은
This presentation is the property of its rightful owner.
Sponsored Links
1 / 24

웹표준은 무엇인가 ? PowerPoint PPT Presentation


  • 135 Views
  • Uploaded on
  • Presentation posted in: General

웹표준은 무엇인가 ?. 산업정보시스템공학부 소학회 IECC. IECC 부회장 정 문 창. 현재의 웹에서는 …. 산업정보시스템공학부 소학회 IECC. IECC 부회장 정 문 창. 현재 웹의 사용실태. 현재 웹의 문제점. 참고 : http://goigoi.tistory.com/1175525005. 검색 : 낮은 적중율 , 검색어의 제한 , 단어의 의존 플랫폼 : 운영체제 + 브라우저에 따라 달리 보임 시각장애인 리더프로그램이 웹 페이지분석 불가. 웹표준의 개념이해 ….

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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


5698210

웹표준은 무엇인가?

산업정보시스템공학부 소학회IECC

IECC 부회장

정 문 창


5698210

현재의 웹에서는…

산업정보시스템공학부 소학회IECC

IECC 부회장

정 문 창


5698210

현재 웹의 사용실태

IECC 부회장 정문창


5698210

현재 웹의 문제점

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

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

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

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

IECC 부회장 정문창


5698210

웹표준의 개념이해…

산업정보시스템공학부 소학회IECC

IECC 부회장

정 문 창


5698210

웹표준의 장점

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

IECC 부회장 정문창


5698210

시멘틱웹> 웹표준& 웹2.0

IECC 부회장 정문창


5698210

웹표준의 위해서…

산업정보시스템공학부 소학회IECC

IECC 부회장

정 문 창


5698210

HTML이란?

IECC 부회장 정문창

Hypertext Markup Language

Web문서 저작을 위한 기본적인 언어

하이퍼텍스트를 작성하기 위하여 개발

글자크기, 모양, 링크 등을 정의하는 명령어 사용

컴파일이 필요 없고 Web Browser가 직접 해석

SGML에서 비롯 된 언어

CSS, JavaScript 등을 내장 가능


5698210

HTML의 생김새

IECC 부회장 정문창

Html문서는 C언어의

소스처럼 흔히 태그라고

불리는 문법을 통해

표현하여 Web에 공유되며

사용자가 사용하는

Web Browser가 소스를

해석하여 보여준다.


5698210

HTML의 태그들

  • <html></html>

  • <head></head>

  • <body></body>

  • <title></title>

  • <font></font>

  • <p></p>

  • <a></a>

  • <img>

  • <table></table>

  • <tr></tr>

  • <td><td>

  • <b></b>

  • 문서의 시작과 끝

  • 문서의 정보와 자바스크립트

  • 문서의 내용

  • 문서의 제목

  • 글씨 색상, 크기, 글꼴 지정

  • 문단구분

  • href라는 속성으로 하이퍼링크

  • 문서에 이미지 삽입

  • 표 삽입

  • 표의 세로줄 삽입

  • 표의 가로줄 삽입

  • 텍스트 강조

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

태그

설명

IECC 부회장 정문창


5698210

XML이란?

IECC 부회장 정문창

eXtensible Markup Language

확장성 생성 언어로 번역

1996년 W3C(World Wide Web Consortium)에서 제안

현재도 계속 개발중인 언어

홈페이지 구축, 검색 기능 향상

클라이언트 시스템의 복잡한 데이터를 쉽게 처리

SGML문서 형식을 따르며 SGML의 부분이라 할 수 있음


5698210

XML의 생김새

IECC 부회장 정문창

Html문서처럼

태그라고 불리는 문법을

사용하는 것이 아니라

작성자의 주관적 태그를

정의하고 데이터를

구조화하여 Web에 공유된다.

컨텐츠와 디자인의 분리가

가능하며, 디자인적인

분분은 XSL을 사용하여

나타내기도 한다.


5698210

XML의 기본개념

IECC 부회장 정문창

XML은 구조적인 데이터를 위한것이다.

XML은 다소 HTML과 같아 보인다.

XML은 텍스트이며, 읽혀지는 것만을 의미하지 않는다.

XML은 크기가 커진다.

XML은 기술의 집합이다.

XML은 새로운 기술이 아니라 발전한 기술이다.

XML은 HTML에서 XHTML로 이끌었다.

XML은 모듈식이다.

XML은 RDF와 시맨틱 웹의 토대이다.

XML은 라이선스 제약이 없으며, 플랫폼 독립적이고, 많은 지원이 있다.


5698210

XML의 이점

IECC 부회장 정문창


5698210

프로그래밍 언어로서의 XML

  • Mozilla XUL (the XML User Interface Language)

    • XML을 베이스로 한 GUI 프로그래밍 언어

    • Cross-platform 실현

    • Mozilla Firefox

  • Adobe Flex

    • MXML을 베이스로 한 RIA용 프로그래밍 언어

    • Flash Player를 통한 Browser-independent 실현

IECC 부회장 정문창


5698210

XML의 장점의 예

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

이미지로 만든 경우 사람은 이 악보를 보고 이해 할 수 있지만, 컴퓨터는 이미지

프로세싱을 하지 않는한 이미지라는 것 이외에 이 악보의내용과 의미를 이해할 수 없다.

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

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

IECC 부회장 정문창


5698210

XML 예제

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

빵의 조리방법을 XML로 표현

IECC 부회장 정문창


Sgml html xml

SGML,HTML, XML의 비교

IECC 부회장 정문창


5698210

웹표준의 발전은…

산업정보시스템공학부 소학회IECC

IECC 부회장

정 문 창


5698210

웹표준과 새로운 기술의 융합

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

  • Ajax (Asynchronous JavaScript + XML)

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

    • 등장배경

      • 웹의 매력 (쉬운 접근성)을 활용하고, 웹의 한계 (단방향 통신)를 극복하여 클라이언트 소프트웨어 수준의 사용성 높은 Web Application을 개발하기 위해서

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

IECC 부회장 정문창


5698210

Ajax의 비동기 통신 방법

Client

Server

데이터 요청

JavaScript

Call-back function으로 요청한 XML데이터를 받음

XML데이터

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

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

IECC 부회장 정문창


Web 2 0

WEB 2.0

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

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

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

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

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

  • 대표적인 예

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

  • 개념

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

IECC 부회장 정문창


5698210

감사합니다.

웹표준은 무엇인가?

IECC 부회장 정문창


  • Login