인터넷 환경과 멀티미디어

(1)

인터넷 환경과 멀티미디어

7.1 인터넷의 개요

7.2 하이퍼미디어와 웹(Web) 7.3 인터넷/웹 기반 서비스

7.4 인터넷의 활용 분야 및 멀티미디어 콘텐츠

7.5 웹 2.0

(2)

7.1 인터넷의 개요

 인터넷이란?

 웹의 발전

 인터넷의 구성

 인터넷의 확산

(3)

인터넷의 개념과 발전

 인터넷의 정의

 Narrow meaning: IP(Internet Protocol)를 전송규약으로 사용

 Broad meaning: Network of networks

 현실적으로 각국의 주요 네트워크가 모두 연결되어 있기 때문에 인터 넷은 전세계를 포함하는 네트워크

7.1 인터넷의 개요

World Internet Connection

(4)

 인터넷의 발전 역사

 인터넷 이전의 배경:

 1957년 10월, 소련의 Sputnik 1호

 1958년, ARPA(DoD의 Advanced Research Project Agency)

 1962년, Kleinrock 인터넷의 기본 원리: Packet Switching

 웹 이전 :

 1969, ARPAnet 탄생,

 1974, Ethernet/TCP 개발,

 교육망 BiTnet, NSFnet 구축

(5)

 웹의 확산

 1989, Web(WWW)의 개발,

 1993, GUI형 웹브라우저 Mosaic: 인터넷의 대중화에 기여

 1994, Netscape사의 Netscape Navigator

1969년 4 사이트로 시작 1971년 19개 노드로 확산

(6)

 웹의 발전

 1989년, Web(WWW)의 개발

 스위스 CERN연구소의 Tim Bernard Lee

 최초의 분산형 하이퍼텍스트 시스템

 HTTP(HyperText Transfer Protocol), HTML 문서표준

 URL 표준 주소표기 방식

 1993년, Mosaic

 일리노이 대학 NCSA의 Marc Andreessen

1969년 웹의 작동 원리

(7)

인터넷의 구성

 인터넷 프로토콜의 기본 개념

 프로토콜(Protocol)

 패킷을 수신지에 정확하고 빠르게 전달하기 위한 규약

 패킷(Packet)의 개념

 일정한 크기의 정보 조각들로 나누어진 송수신 데이터

네트워크에서 프로토콜과 패킷의 개념

(8)

인터넷의 구성

Transmission Control Protocol(TCP)과 Internet Protocol(IP)

 TCP/IP

 인터넷에서 사용되는 데이터 전송규약

 데이터의 흐름을 관리하고 수신된 데이터가 정확한지 확인

 송신측에서는 데이터를 패킷으로 분할

 수신측에서는 각 패킷을 원래 순서대로 재정렬하여 원상태로 복구

 IP

 주어진 송수신지 표기방법에 관한 규약

 주소는 128.174.5.6처럼 255 이하의 숫자 4개를 마침표로 구분하 여 표기

 IP가 사용하는 한 패킷은 일반적으로 1500 문자 이하

(9)

인터넷의 구성

 인터넷 주소체계

 IP 주소, IPv4 ==> IPv6

 URL과 도메인 네임(Domain Name), 한글 도메인 이름

 도메인 네임 서버(DNS)

 ISP(Internet Service Provider)

도메인 네임 체계도

(10)

인터넷의 접속과 인터넷망의 종류

 라우터(Router), 게이트웨이(Gateway),

 허브(Hub), 모뎀(Modem)

네트워크 장비(a 허브, b 게이트웨이, c 라우터)

(11)

인터넷의 확산

 세계 인터넷 이용자 수

(자료: Internet World Statistics)

 1600만(1996), 1억(1998), 13억명(2007년 말)

 국내 인터넷 이용

 1000만(1999), 3400만(2006)

 Host 수: 20만개(1999), 70만개(2006)

(12)

7.2 하이퍼미디어와 웹(Web)

 하이퍼미디어의 개념

 하이퍼미디어의 발전

 하이퍼미디어 시스템의 구성

 웹과 멀티미디어

 웹 브라우저

(13)

하이퍼 텍스트와 웹

 하이퍼텍스트(Hypertext)의 정의:

 상호연관(Association)된 텍스트 조각(Text Fragment)들을 비순차 적 (Nonsequential)으로 연결하여 구성한 정보,

 하이퍼미디어(Hypermedia)의 개념:

 노드가 그래픽, 애니메이션, 비디오 등의 멀티미디어 정보를 가짐

7.2 하이퍼미디어와 웹(WWW)

하이퍼텍스트의 구조 Hypermedia의 개념

(14)

하이퍼 텍스트와 웹

 하이퍼텍스트의 발전 과정

 1945, Vannevar Bush의 Memex

 1965, Ted Nelson 제안한 Xanadu, HyperText 용어 사용

 Augment/NLS (Doug Engelbart, 1962~1976)

 1978, Aspen Movie Map (Lippman)

 1987, HyperCard: 대중적 하이퍼미디어 저작도구(Apple사 개발)

 1989, 웹(Web)의 개발

(15)

하이퍼 텍스트와 웹

 하이퍼미디어 시스템의 구성요소

 링크와 노드 개념,

 브라우징과 탐색(Navigation)도구

 웹 브라우저 기본 개념 : HTTP, HTML

 웹의 탄생

 1989, CERN에서 Tim Berners Lee 주도, WWW 프로젝트 진행

 World-wide Distributed Hypertext

 특허없이 free 사용하므로 확산 가능, 많은 수상 받았음

노드와 링크

(16)

웹브라우저의 발전

 웹의 특징

 = GUI 브라우저 + 하이퍼텍스트 방식 + 멀티미디어 지원

 Mosaic 최초의 브라우저

 1993 NCSA에서 마크 앤더슨, 1994 Netscape 설립, 대중화 기폭제 역할

 1994, Netscape사의 Netscape Navigator

Mosaic Web Browser Mosaic 기념비 사진

(17)

웹브라우저의 발전

 대표적인 웹 브라우저 - 독과점의 폐해

 1995, Explorer(Microsoft),

 Firefox(Mozilla): Open Source,

 Safari(Apple)

 이전에 GUI 방식이 아닌 것부터 설명, 웹 브라우저의 히스토리도 설명 웹브라우저의 Market Share:

- Explorer : Blue

- Gecko-based(Natscape, Firefox 등) : Red, - KHTML-based(Safari 등) : Green

(18)

7.3 인터넷/웹 기반 서비스

 기존의 인터넷 서비스

 포털사이트와 검색엔진

 커뮤니케이션 서비스

 온라인 커뮤니티 서비스

(19)

기존의 인터넷 서비스

 전자우편 : Outlook Express, 웹메일 시스템

 FTP : 알FTP 등

 Telnet, Ping, IRC

 그 외에,

 인터넷과 웹(Web)의 차이점

7.3 인터넷/웹 기반 서비스

웹메일 시스템Gmail Outlook Express

(20)

포털사이트와 검색엔진

 포털사이트의 역할

 E-mail, 정보검색, 뉴스, 카페, 블로그 등 종합서비스

 국내 포털사이트: 네이버, 다음, 야후, 네이트, 파란 등

 검색엔진

 인덱스 방식과 디렉토리 방식

 최근 동향: 지능형 검색, 이미지, 동영상 검색

 Google, Yahoo, 네이버, 다음 등

(21)

커뮤니케이션 서비스

 채팅(Chatting)

 IRC(Internet Relay Chat): 텍스트 채팅 위주

 음성채팅 및 화상채팅과 같은 멀티미디어 채팅으로 발전

 메신저 프로그램

 1996년 미국 AOL사의 회원접속 상태를 보여주고 실시간대화 지원

 MSN 메신저, 야후 메신저, 구글 토크, 네이트 메신저 등

 인터넷 폰

 1995년 이스라엘 기업 VocalTec 사 처음 소개

 최근 VoIP 기술 이용 QoS 향상

(22)

온라인 커뮤니티 서비스

 클럽 서비스

 동호인 회원들의 클럽을 개설하여 의견교환, 카페

 블로그 서비스

 웹(Web)과 로그(Log)의 합성어

 개인출판의 성격으로 개인중심적인 커뮤니티 서비스

 미니홈피

 네티즌간의 관계형성을 목적

 싸이월드, 마이스페이스 ,

(23)

7.4 인터넷 활용분야와 멀티미디어 콘텐츠

 정보제공 사이트

 전자상거래(e-Commerce)

 인터넷 방송

 인터넷환경에서의 엔터테인먼트

 사이버공간과 아바타

 기타 인터넷 활용분야

(24)

정보제공 사이트

 인터넷 신문, 웹진, 인터넷 방송 등

 인터넷 신문: 뉴스 내용 갱신이 빠르고 배달 비용 절감, 자원절약

 인터넷 방송: 멀티미디어 기술 적용, 스트리밍 기술

7.4 인터넷 활용분야와 멀티미디어 콘텐츠

(25)

전자상거래(e-Commerce)

 B2B, B2C, B2G, C2C

 인터넷 쇼핑

 인터넷 뱅킹

(26)

인터넷 방송

 공중파 방송과의 차이점

 웹TV, IPTV의 차이점

(27)

7.5 웹 2.0

 웹 2.0의 개념

 웹 2.0 기술과 활용

 멀티미디어와 웹 2.0 서비스

(28)

웹 2.0의 개념

 웹 2.0의 개념과 활용 :

 참여(Participation)

 개방(Openness)

 공유(Sharing)

7.5 웹 2.0

(29)

 참여 (Participation)

 Social Network Service(SNS):

e.g., MySpace, Bebo, Facebook

 지식IN, Discussion Group

 Blog(Weblog)

 Wikis: used to create collaborative web sites

 Network Effects + Collective Intelligence

7.5 웹 2.0

(30)

 개방 (Openness)

 Linux, LAMP(Linux, Apache, MySQL, PHP/Perl/Python)

 Creative Commons: ‘Some Right Reserved’

 Wikipedia

 Open APIs and Mashup

 공유 (Sharing)

 Prosumer, UCC(UGC)

 Social Bookmarking

 Social Media Sites

 Widget, Gadget

7.5 웹 2.0

(31)

웹 2.0의 개념

 Google(1998): Lawrence Page and Sergey Brin

 Microsoft vs Google:

 Microsoft는 OS(Windows)라는 Platform 상에서 Google은 Web이 라는 Platform 상에서 사업을 전개

 Google의 로봇형 검색서비스

 Crawler, Indexer, Search Engine

 검색결과 페이지: 양과 속도, 정확도

 Yahoo의 디렉토리형 검색

 Google의 Page Rank 개념

 분산형 운영방식

 Web Search Optimizing(SEO):

7.5 웹 2.0

Search Engine Share - US/Canada

(32)

웹 2.0의 개념

 비즈니스 모델 관점에서의 Web 2.0

 Long Tail의 개념:

 파레토 법칙 or 20:80 Rule

 예, Amazon.com의 매출 분석

 AdWords, AdSense: Open Business Model

 Banner 광고: 0.1% ~0.2%의 클릭 비율

 CPC(Cost Per Click): 클릭보장형 광고

 검색 연동형 광고:

 Sponsord Search

 AdWords(키워드 검색 광고)

 AdSense(콘텐츠 매치 광고): 배너 광고의 10~100배 클릭 비율 7.5 웹 2.0

Long Tail

(33)

웹 2.0 기술

 Web 2.0과 XML

 SGML(1986) e.g., CALS, DocBook ==> HTML

 XML

 SGML의 Simplified Version, W3C - XML1.0(1998), XML1.1(2005)

 Structured Document Format --> DTD로 정의

 DOM(Document Object Model) API

 Document Content(DI)와 Output Style(e.g. CSS2, XSL: XSLT, FO)의 분리 e.g., XHTML, SVG, SMIL, NewsML, WML, RSS, RDF, MathML, ebXML,

 Web 2.0 is based on XML concept

7.5 웹 2.0

(34)

 Blog와 RSS Feed

 RDF(Resource Description Format) --> RSS(Really Simple Syndication)

 RSS는 웹 사이트의 메타데이터를 구조화하여 보여주는 XML- based Format(RSS: 데이터 개방을 위한 기술)

 RSS is a family of Web feed formats used to publish frequently updated content such as blog entries, news headlines or

podcasts

 RSS content can be read using software called an RSS reader, feed reader or an aggregator

7.5 웹 2.0

Web1.0: 인터넷 서핑 방식 vs Web2.0: Feed 방식

(35)

 Rich, Interactive and User-friendly Interface technique

 (RIA: Rich Internet Application)

 (AJAX: Asynchronous JavaScript and XML)

 Ajax is a cross-platform technique usable on different operating systems,

 computer architectures, and web browsers as it is based on open standards such as JavaScript and the DOM.

 Asynchronous communication, Interactive web applications

 DOM: Accessed with a client-side scripting language

 XMLHttpRequest: client-server communication used to exchange data asynchronously with the web server

7.5 웹 2.0