인터넷 환경과 멀티미디어 - contents.kocw.netcontents.kocw.net/KOCW/document/2014/cu/namchonghoon/8.pdf · 인터넷 주소 ... 공중파 방송과의 차이점 웹TV, IPTV의

1

인터넷 환경과 멀티미디어

7.1 인터넷의 개요

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

7.3 인터넷/웹 기반 서비스

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

7.5 웹 2.0

2


인터넷이란? 웹의 발전 인터넷의 구성 인터넷의 확산

3

인터넷의 개념과 발전

인터넷의 정의 Narrow meaning: IP(Internet Protocol)를 전송규약으로 사용 Broad meaning: Network of networks

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


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)의 개발


Aspen Movie Map Memex 시스템

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


기존의 인터넷 서비스 포털사이트와 검색엔진 커뮤니케이션 서비스 온라인 커뮤니티 서비스

19

기존의 인터넷 서비스

전자우편 : Outlook Express, 웹메일 시스템 FTP : 알FTP 등 Telnet, Ping, IRC 그 외에,

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


웹메일 시스템Gmail Outlook Express

20

포털사이트와 검색엔진 포털사이트의 역할

E-mail, 정보검색, 뉴스, 카페, 블로그 등 종합서비스 국내 포털사이트: 네이버, 다음, 야후, 네이트, 파란 등

검색엔진 인덱스 방식과 디렉토리 방식 최근 동향: 지능형 검색, 이미지, 동영상 검색 Google, Yahoo, 네이버, 다음 등


21

커뮤니케이션 서비스 채팅(Chatting)

IRC(Internet Relay Chat): 텍스트 채팅 위주 음성채팅 및 화상채팅과 같은 멀티미디어 채팅으로 발전

메신저 프로그램 1996년 미국 AOL사의 회원접속 상태를 보여주고 실시간대화 지원 MSN 메신저, 야후 메신저, 구글 토크, 네이트 메신저 등

인터넷 폰 1995년 이스라엘 기업 VocalTec 사 처음 소개 최근 VoIP 기술 이용 QoS 향상


22

온라인 커뮤니티 서비스 클럽 서비스

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

블로그 서비스 웹(Web)과 로그(Log)의 합성어 개인출판의 성격으로 개인중심적인 커뮤니티 서비스

미니홈피 네티즌간의 관계형성을 목적 싸이월드, 마이스페이스 ,


Cyworld 미니홈피 네이버 블로그

23

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

정보제공 사이트 전자상거래(e-Commerce) 인터넷 방송 인터넷환경에서의 엔터테인먼트 사이버공간과 아바타 기타 인터넷 활용분야

24

정보제공 사이트

인터넷 신문, 웹진, 인터넷 방송 등 인터넷 신문: 뉴스 내용 갱신이 빠르고 배달 비용 절감, 자원절약 인터넷 방송: 멀티미디어 기술 적용, 스트리밍 기술


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

Documents

인터넷 환경과 멀티미디어 - contents.kocw.netcontents.kocw.net/KOCW/document/2014/cu/namchonghoon/8.pdf · 인터넷 주소 ... 공중파 방송과의 차이점 웹TV, IPTV의