7.1 인터넷의개요 인터넷이란? 웹의발전 인터넷의구성 인터넷의확산 2

인터넷환경과멀티미디어 7.1 인터넷의개요 7.2 하이퍼미디어와웹 (Web) 7.3 인터넷 / 웹기반서비스 7.4 인터넷의활용분야및멀티미디어콘텐츠 7.5 웹 2.0 1

7.1 인터넷의개요 인터넷이란? 웹의발전 인터넷의구성 인터넷의확산 2

7.1 인터넷의개요 인터넷의개념과발전 인터넷의정의 Narrow meaning: IP(Internet Protocol) 를전송규약으로사용 Broad meaning: Network of networks 현실적으로각국의주요네트워크가모두연결되어있기때문에인터넷은전세계를포함하는네트워크 World Internet Connection 3

7.1 인터넷의개요 인터넷의발전역사 인터넷이전의배경 : 1957년 10월, 소련의 Sputnik 1호 1958년, ARPA(DoD의 Advanced Research Project Agency) 1962년, Kleinrock 인터넷의기본원리 : Packet Switching 웹이전 : 1969, ARPAnet 탄생, 1974, Ethernet/TCP 개발, 교육망 BiTnet, NSFnet 구축 4

7.1 인터넷의개요 웹의확산 1989, Web(WWW) 의개발, 1993, GUI형웹브라우저 Mosaic: 인터넷의대중화에기여 1994, Netscape사의 Netscape Navigator 1969 년 4 사이트로시작 1971 년 19 개노드로확산 5

7.1 인터넷의개요 웹의발전 1989 년, Web(WWW) 의개발 스위스 CERN연구소의 Tim Bernard Lee 최초의분산형하이퍼텍스트시스템 HTTP(HyperText Transfer Protocol), HTML 문서표준 URL 표준주소표기방식 1993 년, Mosaic 일리노이대학 NCSA 의 Marc Andreessen 1969 년웹의작동원리 6

7.1 인터넷의개요 인터넷의구성 인터넷프로토콜의기본개념 프로토콜 (Protocol) 패킷을수신지에정확하고빠르게전달하기위한규약 패킷 (Packet) 의개념 일정한크기의정보조각들로나누어진송수신데이터 네트워크에서프로토콜과패킷의개념 7

7.1 인터넷의개요 인터넷의구성 Transmission Control Protocol(TCP) 과 Internet Protocol(IP) TCP/IP 인터넷에서사용되는데이터전송규약 데이터의흐름을관리하고수신된데이터가정확한지확인 송신측에서는데이터를패킷으로분할 수신측에서는각패킷을원래순서대로재정렬하여원상태로복구 IP 주어진송수신지표기방법에관한규약 주소는 128.174.5.6 처럼 255 이하의숫자 4 개를마침표로구분하여표기 IP 가사용하는한패킷은일반적으로 1500 문자이하 8

7.1 인터넷의개요 인터넷의구성 인터넷주소체계 IP 주소, IPv4 ==> IPv6 URL과도메인네임 (Domain Name), 한글도메인이름 도메인네임서버 (DNS) ISP(Internet Service Provider) 도메인네임체계도 9

7.1 인터넷의개요 인터넷의접속과인터넷망의종류 라우터 (Router), 게이트웨이 (Gateway), 허브 (Hub), 모뎀 (Modem) 네트워크장비 (a 허브, b 게이트웨이, c 라우터 ) 10

7.1 인터넷의개요 인터넷의확산 세계인터넷이용자수 ( 자료 : Internet World Statistics) 1600 만 (1996), 1 억 (1998), 13 억명 (2007 년말 ) 국내인터넷이용 1000만 (1999), 3400만 (2006) Host 수 : 20만개 (1999), 70만개 (2006) 11

7.2 하이퍼미디어와웹 (Web) 하이퍼미디어의개념 하이퍼미디어의발전 하이퍼미디어시스템의구성 웹과멀티미디어 웹브라우저 12

7.2 하이퍼미디어와웹 (WWW) 하이퍼텍스트와웹 하이퍼텍스트 (Hypertext) 의정의 : 상호연관 (Association) 된텍스트조각 (Text Fragment) 들을비순차적 (Nonsequential) 으로연결하여구성한정보, 하이퍼텍스트의구조 Hypermedia 의개념 하이퍼미디어 (Hypermedia) 의개념 : 노드가그래픽, 애니메이션, 비디오등의멀티미디어정보를가짐 13

7.2 하이퍼미디어와웹 (WWW) 하이퍼텍스트와웹 하이퍼텍스트의발전과정 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) 의개발 Memex 시스템 Aspen Movie Map 14

7.2 하이퍼미디어와웹 (WWW) 하이퍼텍스트와웹 하이퍼미디어시스템의구성요소 링크와노드개념, 브라우징과탐색 (Navigation) 도구 웹브라우저기본개념 : HTTP, HTML 웹의탄생 노드와링크 1989, CERN에서 Tim Berners Lee 주도, WWW 프로젝트진행 World-wide Distributed Hypertext 특허없이 free 사용하므로확산가능, 많은수상받았음 15

7.2 하이퍼미디어와웹 (WWW) 웹브라우저의발전 웹의특징 = GUI 브라우저 + 하이퍼텍스트방식 + 멀티미디어지원 Mosaic 최초의브라우저 1993 NCSA 에서마크앤더슨, 1994 Netscape 설립, 대중화기폭제역할 Mosaic Web Browser Mosaic 기념비사진 1994, Netscape 사의 Netscape Navigator 16

7.2 하이퍼미디어와웹 (WWW) 웹브라우저의발전 대표적인웹브라우저 - 독과점의폐해 1995, Explorer(Microsoft), Firefox(Mozilla): Open Source, Safari(Apple) 웹브라우저의 Market Share: - Explorer : Blue - Gecko-based(Natscape, Firefox 등 ) : Red, - KHTML-based(Safari 등 ) : Green 이전에 GUI 방식이아닌것부터설명, 웹브라우저의히스토리도설명 17

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

7.3 인터넷 / 웹기반서비스 기존의인터넷서비스 전자우편 : Outlook Express, 웹메일시스템 FTP : 알FTP 등 Telnet, Ping, IRC 그외에, 인터넷과웹 (Web) 의차이점 Outlook Express 웹메일시스템 Gmail 19

7.3 인터넷 / 웹기반서비스 포털사이트와검색엔진 포털사이트의역할 E-mail, 정보검색, 뉴스, 카페, 블로그등종합서비스 국내포털사이트 : 네이버, 다음, 야후, 네이트, 파란등 검색엔진 인덱스방식과디렉토리방식 최근동향 : 지능형검색, 이미지, 동영상검색 Google, Yahoo, 네이버, 다음등 20

7.3 인터넷 / 웹기반서비스 커뮤니케이션서비스 채팅 (Chatting) IRC(Internet Relay Chat): 텍스트채팅위주 음성채팅및화상채팅과같은멀티미디어채팅으로발전 메신저프로그램 1996년미국 AOL사의회원접속상태를보여주고실시간대화지원 MSN 메신저, 야후메신저, 구글토크, 네이트메신저등 인터넷폰 1995년이스라엘기업 VocalTec 사처음소개 최근 VoIP 기술이용 QoS 향상 21

7.3 인터넷 / 웹기반서비스 온라인커뮤니티서비스 클럽서비스 동호인회원들의클럽을개설하여의견교환, 카페 블로그서비스 웹 (Web) 과로그 (Log) 의합성어 개인출판의성격으로개인중심적인커뮤니티서비스 미니홈피 네티즌간의관계형성을목적 싸이월드, 마이스페이스, 네이버블로그 Cyworld 미니홈피 22

7.4 인터넷활용분야와멀티미디어콘텐츠 정보제공사이트 전자상거래 (e-commerce) 인터넷방송 인터넷환경에서의엔터테인먼트 사이버공간과아바타 기타인터넷활용분야 23

7.4 인터넷활용분야와멀티미디어콘텐츠 정보제공사이트 인터넷신문, 웹진, 인터넷방송등 인터넷신문 : 뉴스내용갱신이빠르고배달비용절감, 자원절약 인터넷방송 : 멀티미디어기술적용, 스트리밍기술 24

7.4 인터넷활용분야와멀티미디어콘텐츠 전자상거래 (e-commerce) B2B, B2C, B2G, C2C 인터넷쇼핑 인터넷뱅킹 25

7.4 인터넷활용분야와멀티미디어콘텐츠 인터넷방송 공중파방송과의차이점 웹 TV, IPTV 의차이점 26

7.5 웹 2.0 웹 2.0 의개념 웹 2.0 기술과활용 멀티미디어와웹 2.0 서비스 27

7.5 웹 2.0 웹 2.0 의개념 웹 2.0 의개념과활용 : 참여 (Participation) 개방 (Openness) 공유 (Sharing) 28

7.5 웹 2.0 참여 (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 29

7.5 웹 2.0 개방 (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 30

7.5 웹 2.0 웹 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): Search Engine Share - US/Canada 31

7.5 웹 2.0 웹 2.0 의개념 비즈니스모델관점에서의 Web 2.0 Long Tail 의개념 : 파레토법칙 or 20:80 Rule 예, Amazon.com 의매출분석 Long Tail AdWords, AdSense: Open Business Model Banner 광고 : 0.1% ~0.2% 의클릭비율 CPC(Cost Per Click): 클릭보장형광고 검색연동형광고 : Sponsord Search AdWords( 키워드검색광고 ) AdSense( 콘텐츠매치광고 ): 배너광고의 10~100 배클릭비율 32

7.5 웹 2.0 웹 2.0 기술 Web 2.0 과 XML SGML(1986) e.g., CALS, DocBook XML ==> HTML 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 33

7.5 웹 2.0 Blog 와 RSS Feed RDF(Resource Description Format) --> RSS(Really Simple Syndication) RSS 는웹사이트의메타데이터를구조화하여보여주는 XMLbased 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 Web1.0: 인터넷서핑방식 vs Web2.0: Feed 방식 34

7.5 웹 2.0 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 35