웹웹프로그래밍프로그래밍및및실습실습 (Web Progggramming …cs.kangwon.ac.kr/~ysmoon/courses/2010_1/wp/03.pdf1 웹웹프로그래밍프로그래밍및및실습실습

1

웹웹 프로그래밍프로그래밍 및및 실습실습(Web Programming & Practice)(Web Programming & Practice)g gg g

인터넷인터넷 응용응용 및및 서비스서비스 기술기술

문양세문양세강원대학교강원대학교 ITIT대학대학 컴퓨터과학전공컴퓨터과학전공

강의강의 내용내용인터넷 응용 및 서비스 기술

전자우편(e-mail)

인스턴트 메신저(instant messenger)

홈네트워크 (home network)

Web 2.0

FTP (file transfer protocol)

WWW (world wide web)

인터넷 검색

P2P (peer-to-peer)

개인 미니홈페이지

블로그 (blog)

UCC (user created content)

Web & Internetby Yang-Sae MoonPage 2

VoIP (Voice over IP)

IPTV

텔레매틱스 (telematics)

2

전자우편전자우편(e(e--mail) mail) 개념개념

전자우편이란 인터넷에 가입된 사용자들이 종이와 우편배달부 대신 컴

퓨터와 전기적인 통신 매체를 통하여 편지를 주고받는 기능이다.

기존 우편과 비교했을 때의 특징

인터넷 응용 및 서비스 기술

기존 우편과 비교했을 때의 특징

• 거리에 제한 없이 인터넷에 연결만 되어 있으면 언제든지 우편을 보내고 받을 수 있다.

• 다양한 멀티미디어 파일을 첨부할 수 있다.

• 비용이 거의 들지 않는다.

Web Programming & Practiceby Yang-Sae MoonPage 3

사용자ID 도메인 네임

ysmoon @ kangwon.ac.kr

<전자우편 주소형식>

전자우편의전자우편의 종류종류 (1/4)(1/4)

웹 메일

• 특별한 환경 설정 없이 어디서나 메일 확인이 가능 (인터넷 연결시)

• 서버에 접속하여 서버에 있는 편지를 읽음


• 메일 저장용량의 한계와 오프라인(offline) 시 메일확인불가

POP3

• 전용 프로그램(outlook express, netscape messenger)을 이용하여 편지를 송수신

• 이메일 클라이언트 프로그램을 이용하여 이메일을 수신할 수 있도록 하는 역할


• 오프라인 작업도 가능 (메일을 자신의 PC에 저장 관리)

3

전자우편의전자우편의 종류종류 (2/4)(2/4)인터넷 응용 및 서비스 기술

웹 메일 예제 (강원대 웹 메일)


전자우편의전자우편의 종류종류 (3/4)(3/4)인터넷 응용 및 서비스 기술

웹 메일 예제 (Gmail)


4

전자우편의전자우편의 종류종류 (4/4)(4/4)

POP3 예제 (Microsoft Outlook)



메일은메일은??

매일 보라고 해서 메일이다!

이건 아냐 메일 보냈다고? 난 못 받았는데? 날라 갔나 봐


이건 아냐: 메일 보냈다고? 난 못 받았는데? 날라 갔나 봐.

이건 아냐: 친구에게 메일 보내고, “메일 보냈어”라고 문자 보낸다.

대학생이라면 하루에 적어도 한번 (게임만 하지 말고) 메일을 체크해야.


5





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


인스턴트인스턴트 메신저메신저 개요개요

네트워크에 있는 컴퓨터간에 직접 메시지를 주고받을 수 있는 서비스

단순한 메시지 교환뿐 아니라 파일 교환, 화상, 음성 채팅 등의 기능도 함

께 제공


께 제공

현재 사용되는 메신저로는 버디버디, 세이클럽(타키), MSN, 야후 메신저,

네이트온, 드림위즈 지니, 다음메신저 등이 있음


6

인스턴트인스턴트 메신저메신저 예제예제 –– MSNMSN인터넷 응용 및 서비스 기술


인스턴트인스턴트 메신저메신저 예제예제 –– 네이트온네이트온인터넷 응용 및 서비스 기술


7





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


FTP (File Transfer Protocol)FTP (File Transfer Protocol)

인터넷에서 제공되는 서비스 중 파일을 주고 받을 수 있는 파일 전송 전

용 서비스로, 대용량의 파일을 빠른 속도로 교환하기 위해 많이 사용

HTTP로도 파일을 다운로드할 수 있으나 FTP가 훨씬 효율적임


HTTP로도 파일을 다운로드할 수 있으나, FTP가 훨씬 효율적임

FTP의 특징

• 파일을 주고받는 서비스를 제공하는 쪽을 FTP 서버

• 서비스를 제공받는 쪽을 FTP 클라이언트

• FTP서버에서 발급해준 계정(account)과 비밀번호(password)를 입력

• Anonymous FTP서버: 누구든지 자유롭게 접속하여 파일을 다운로드 가능


Anonymous FTP서버: 누구든지 자유롭게 접속하여 파일을 다운로드 가능

(계정: anonymous, 패스워드: 자신의 e-mail 주소)

8

FTP FTP 클라이언트클라이언트 예제예제 –– 알알 FTPFTP

알툴즈(http://www.altools.co.kr)에서 알FTP를 다운로드 받을 수 있음



<알FTP 실행>

<접속>

<다운로드/업로드>





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


9

WWWWWW

Wild Wild West?



No~ World Wide Web

WWWWWW의의 정의정의

방대한 정보 검색을 위한 방안들이 고려

HTML과 웹 브라우저를 이용하는 대표적 인터넷 서비스

인터넷에 연결된 컴퓨터 속의 자료 중 공개하고 싶은 자료를 미리 선택


인터넷에 연결된 컴퓨터 속의 자료 중 공개하고 싶은 자료를 미리 선택

하여 모든 인터넷 사용자가 사용 할 수 있게 하여 놓은 것

사용자에게 간편한 방법으로 다양한 미디어(media)를 일관성 있게 접근

할 수 있는 수단을 제공

인터넷에 존재하는 일반 텍스트 형태의 문서, 그림, 오디오, 동영상 등


의 각종 정보를 하나의 문서 형태로 통합하여 제공

10

WWW WWW 관련관련 용어용어 (1/5)(1/5)

하이퍼텍스트 (hypertext)

• 어떤 자료를 가지고 있으면서, 다른 문서로의 링크(hyperlink)를 가지고 있는 문서

• 인터넷 언어인 HTML로 만들어짐


• 확장자는 *.HTML 혹은 *.HTM 임

하이퍼미디어 (hypermedia)

• 텍스트 이외에 오디오, 그림 또는 동영상 등의 다양한 멀티미디어 정보를 말함

• 하이퍼텍스트와 마찬가지로 하이퍼링크를 통해 다른 문서로의 연결고리를 가짐


하이퍼링크 (hyperlink)

• 문서간의 이동이나 한 문서 내에서의 이동을 위해 사용되는 링크


하이퍼텍스트(하이퍼미디어)와 하이퍼링크



11


HTML (HyperText Markup Language)

• WWW에서 사용하는 표준 문서 양식

• 하이퍼텍스트를 만드는 수단/언어


• 사용자에게 보여줄 문서의 표현 형식을 문서 내부에 지정

• (소스 보기를 통해 웹 사이트의 HTML 문서를 볼 수 있음, 아래는 동아일보 소스 보기)



브라우저 (or 클라이언트 프로그램)• 웹에서 사용자 인터페이스를 제공해 주는 프로그램

• HTML 문서를 보여 주며, HTML 문서의 특정부분을 클릭하면 연결된 자료를 보여주는하이퍼링크 기능을 가짐


하이퍼링크 기능을 가짐

• 전에 찾았던 문서로의 이동 등을 처리

• 대표적 예제: Mosaic, Netscape Navigator, MS Explorer, Google Chrome, Firefox 등


12


HTTP (HyperText Transfer Protocol)

• WWW 상에서 웹 서버와 웹 클라이언트가 HTML 문서를 송수신하기 위해서 사용하는

프로토콜(통신규약)


URL (Uniform Resource Locator)

• 웹 서비스에서 제공되는 여러 가지 자료들에 대한 접근형식, 존재하는 위치 및 자료의

이름을 표시하는 역할

• 인터넷 상의 모든 자료가 갖는 유일한 주소

접근 프로토콜://IP 주소 또는 도메인 이름/문서의 경로/문서이름


예) http://cs.kangwon.ac.kr/~ysmoon/courses.html

홈페이지홈페이지 작동작동 원리원리인터넷 응용 및 서비스 기술

INTERNET

① 웹 브라우저에서URL 입력

웹 브라우저 웹 브라우저

② 입력된 URL주소의 ③ 요청받은

④ 웹 브라우저에표시


웹서버

웹서버에게 요청③ 요청받은

객체 전송

13

웹웹 호스트호스트 서버의서버의 작동작동 원리원리

호스트는 필요한 통신 프로토콜을 관리하고, 웹 사이트를 생성하기 위한

페이지와 관련 소프트웨어를 가지고 있음

서버 소프트웨어는 호스트에 상주하면서 페이지를 지원하고 클라이언트


서버 소프트웨어는 호스트에 상주하면서 페이지를 지원하고 클라이언트

웹 브라우저로부터 오는 요구에 응함

서버 소프트웨어에는 데이터베이스 서버, FTP 서버, 네트워크 서버 등이

있음

일반적으로, 유닉스, 윈도우 NT, 리눅스, 매킨토시 운영체제 등을 사용


브라우저에 정보를 보내는 일 이외에, JSP(Java Server Page), ASP(Active

Server Page)를 수행하기도 함

JSP, ASP, PHP?JSP, ASP, PHP?인터넷 응용 및 서비스 기술


14





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


검색검색 엔진엔진

많은 웹사이트의 정보를 정리하여, 이들 정보를 쉽게 검색할 수 있도록

도와주는 사이트 (정보검색: information retrieval)

검색엔진은 사용자가 필요로 하는 정보를 인터넷상에서 찾아주는 역할


검색엔진은 사용자가 필요로 하는 정보를 인터넷상에서 찾아주는 역할

한 번씩 접속해 봅시다!


15

춘천의춘천의 NHN NHN 서비스서비스??인터넷 응용 및 서비스 기술


동작동작 방식에방식에 따른따른 검색검색 엔진엔진 분류분류 (1/3)(1/3)

주제별 검색 엔진

• 인터넷 상에 존재하는 웹 문서들을 주제별, 계층별로 정리하여 데이터베이스를

구축하는 형태임


• 신뢰도가 높은 반면 검색 결과가 풍부하지는 않음


16


키워드형 검색 엔진

• 가장 일반적인 방식으로, 검색어(keyword)를 입력하여 그것과 일치하는 내용이 있는

정보를 찾아주는 방식


• 다양한 검색결과를 찾아주지만 정확한 정보를 찾기가 어려움.



메타 검색 엔진

• 메타 검색엔진은 자체 내의 검색엔진을 가지고 있지 않고 사용자가 입력하는 검색어를

다른 검색엔진들에게 보내고, 가장 빨리 나오는 정보부터 사용자에게 제공



17

국내국내 대표대표 검색엔진검색엔진 –– 네이버네이버인터넷 응용 및 서비스 기술

특징

• 키워드형 검색엔진

• 자연어 검색기능

• 리포트, 문서 검색기능

• 링크 인기도 기능

• 검색결과 미리보기 기능

• 어린이를 위한 주니어네이버 운영


외국외국 대표대표 검색엔진검색엔진 –– 구글구글인터넷 응용 및 서비스 기술


18

인터넷인터넷 검색엔진의검색엔진의 원리원리 (1/2)(1/2)

① 각 검색엔진은 문서를 수집할 때 자신들만의 규칙으로 설정된 크롤러

(crawler) 또는 스파이더(spider)를 사용한다.

② 스파이더들이 발견한 문서들과 URL들로부터 소프트웨어 에이전트는


② 스파이더들이 발견한 문서들과 URL들로부터 소프트웨어 에이전트는

URL들과 문서들을 얻고, 인덱싱 소프트웨어에 정보를 보낸다.

③ 인덱싱 소프트웨어는 에이전트로부터 문서와 URL들을 받는다.

④ 정보를 찾기 위해 인터넷을 검색하기 원할 때 찾기 원하는 정보를 표현

할 수 있는 단어를 웹 페이지에 입력한다.


⑤ 여러분이 설정한 특징들을 기초로 하여 데이터베이스를 검색한다.

⑥ 각각의 검색엔진은 다양한 방법으로 결과를 보여준다.

인터넷인터넷 검색엔진의검색엔진의 원리원리 (2/2)(2/2)인터넷 응용 및 서비스 기술

스파이더

TV-ENTER.html 요청

스파이더

TV-ENTER.html 요청

WWW.CARS.COMlink link link

WWW.BOOKS.COMlink link link

서버

COMPUTERS

ARTS

SPORTS

ENTERTAINMENT

Database

검색된 TV-ENTER 페이지

URL, 문서

URL, 문서

WWW.CARS.COMlink link link

WWW.BOOKS.COMlink link link

서버

COMPUTERS

ARTS

SPORTS

ENTERTAINMENT

Database

검색된 TV-ENTER 페이지

URL, 문서

URL, 문서


WWW.MONEY.COMlink link link

ARTS ENTERTAINMENT

URL, 문서WWW.MONEY.COM

link link link

ARTS ENTERTAINMENT

URL, 문서

19





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


P2P P2P 개요개요

클라이언트/서버 모델에 대응되는 (분산) 모델

P2P는 각 컴퓨터가 동등한 능력이 있어, 어떤 컴퓨터에서라도 통신 세션

을 시작할 수 있는 통신 모델을 지칭


을 시작할 수 있는 통신 모델을 지칭

Peer-to-Peer를 우리말로는 동등 계층 통신이라고도 부르는데, 그 의미에

는 네트워크에 연결되어 있는 모든 컴퓨터가 서로 대등한 동료의 입장에

서 데이터나 주변 장치 등을 공유할 수 있다는 의미


서버와 클라이언트 역할을 동시에 수행 서벤트(servant)

20

P2P P2P 유형유형 (1/3)(1/3)

기존의 클라이언트 시스템

• 기존의 클라이어트/서버 구조에서 휴무 PC를 이용, 가상의 슈퍼 컴퓨팅 파워를 실현하

는 클라이언트 컴퓨팅 중심의 응용


• SETI 프로젝트에서 활용 (SETI@home: 지구 외 지적 생명체 분석/탐구 프로젝트)


P2P P2P 유형유형 (2/3)(2/3)

Pure형 P2P 시스템

• 중심 서버가 없는 피어들의 연결에 의한 자기조직화 능력으로 가상의 네트워크를 구성

• 모든 컴퓨터가 완전하게 대등한 시스템 형태 (모든 컴퓨터가 동등한 서벤트 역할)


• 신뢰성이 높으나, 제어하기가 어려움

Hybrid형 P2P 시스템

• 서버와 복수의 서벤트(클라이언트)로 구성됨

• 시스템의 중심에 있는 서버가 정보의 검색 기능, 인증 기능, 메시지의 일시적 보관 기능


등을 수행

• 다수의 서벤트는 정보를 생성, 축적하는 동시에 정보의 요청 및 교환을 행함

• 대부분의 P2P 시스템은 이러한 hybrid 형태를 취함

21

P2P P2P 유형유형 (3/3)(3/3)인터넷 응용 및 서비스 기술

(a) Client/Sever(c) Hybrid


(b) Peer-to-Peer

P2P P2P 서비스의서비스의 예예 (1/4)(1/4)

자원 공유 (스토리지 및 CPU 자원의 공유)

• 많은 수의 PC들이 네트워크를 통해 연결됨에 따라 전체적인 시스템의 자원효율을 위해

고안


• 모든 노드들에 부여되는 부하들을 균일하게 하여 시스템의 성능을 최대한 이끌 수 있도

록 제어함

• 대표적인 서비스 응용: 분산 파일 시스템, 파일 콘텐츠 공유(예: 냅스터, 당나귀),

그리드컴퓨팅(예: SETI@home)


22


자원(파일) 공유 서비스 예제 화면




방송 및 광고

• 실시간 방송 및 광고 서비스 (예: 아프리카: www.afreeca.com)

• P2P 에이전트 경매



23


인터넷 전화

• VoIP 기술을 통해 가능

• 인터넷을 통한 전화 서비스







Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


24

VoIPVoIP하면하면 생각나는생각나는 기업기업

새롬기술 (현 솔본)

• 오늘날의 인터넷 전화를 1990년대 후반에 꿈꾸었던 기업

• KT를 능가할 기업으로 촉망 받으며, 코스닥 대박 신화를 일궈낸 기업


• 그러나…. 당시 인터넷 기술(속도)의 한계로 인해 그 꿈을 이루지 못한 기업


VoIPVoIP란란? (1/2)? (1/2)

인터넷 프로토콜을 기반으로, 음성을 데이터로 처리하여 상대방에게 전

송하는 통신기술

• 그렇다면, 현재의 전화는?


렇다면, 현재의 전화는

• PSTN 망이라는 물리적 전화선로가 각 가정까지 연결되어 있다.


25

VoIPVoIP란란? (2/2)? (2/2)

VoIP의 정의

• 인터넷의 IP 계층을 사용하여 음성을 전송

• (아날로그인) 음성 신호를 압축하고, 디지털(패킷)화 한 음성 데이터를 전달함


• 아날로그의 신호를 디지털 신호로 변환한 후, 패킷으로 구성하여 IP 망인 인터넷을

통해 수신측까지 전달

• 최근 VoIP기술을 응용한 인터넷 전화의 가입자 증가


인터넷인터넷 전화전화 종류종류 (1/3)(1/3)

소프트(soft) 폰

• 인터넷에 접속된 컴퓨터에 클라이언트 프로그램을 설치하여 이용

• 하드 폰과 달리 장비 구입이 필요치 않으며, 통화요금이 저렴


• 항상 컴퓨터를 켜놓아야 전화사용 가능

• 스카이프(skype), 네이버, 아이엠텔 등이 제공


26


하드(hard) 폰

• 일반 유선전화처럼 생긴 전용 전화기를 인터넷 모뎀에 직접 연결

(실제로, 이 전용 전화기는 컴퓨터 기능을 가짐)


• 컴퓨터에 익숙하지 않은 사람들이 사용하기 용이함.

• KT, LG데이콤, 삼성네트웍스, 애니유저넷, SK텔링크 등이 제공



인터넷 전화(하드 폰)를 외국에 가져가면?

• 국내에서와 동일하게 사용할 수 있다. 어떻게 가능하지?

• 국제 전화 요금을 내지 않는다. 정말~


• 그렇지만…. 언제 정책이 바뀔지…


27

VoIP VoIP 서비스서비스 예예 –– 네이버폰네이버폰 (1/2)(1/2)

네이버폰은 소프트(soft)폰의 한 종류

네이버폰을 사용하는 사람사이에는 무료로 음성 및 영상통화가 가능

네이버폰이 아닌 일반전화와 통화를 하고자 할 때는 별도의 요금을 지불


(왜? 기존 전화망 구간에 대해서는 누군가 요금을 지불해야 하기 때문)

네이버폰 (http://phone.naver.com)에 접속하여 프로그램 다운로드


VoIP VoIP 서비스서비스 예예 –– 네이버폰네이버폰 (2/2)(2/2)

네이버의 아이디가 있다면 그 아이디를 이용하여 로그인하면 되며, 없다

면 무료회원가입이 가능하다



28

VoIP VoIP 작동작동 원리원리인터넷 응용 및 서비스 기술

INTERNET디지털신호 디지털신호

(1) PC-to-PC 방식

PSTN

Gateway

공중전화망 INTERNET

(2) PC-to-Phone 방식

아날로그 음성 신호 디지털신호


PSTN

Gateway

공중전화망 INTERNET

Gateway

PSTN공중전화망

(3) Phone-to-Phone 방식

디지털신호아날로그 음성 신호 아날로그 음성 신호





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


29

IPTV IPTV 개념개념

IPTV는 기존의 방송 서비스와 같은 채널 서비스와 PC 기반의 인터넷 서

비스, 데이터 서비스 및 양방향 데이터방송 서비스를 TV 기반으로 한다.

• 자신이 원하는 시간에, 원하는 프로그램 시청가능


자신이 원하는 시간에, 원하는 램 시청가능

• 멀티미디어 데이터 외에도 다양한 서비스를 제공


인터넷인터넷 TVTV와와 IPTV?IPTV?

PC로 본다면 인터넷 TV이다. 곰 TV가 그 대표적 예이다.

TV로 본다면 IPTV이다. 최근 SKT, KT, LG 등에서 제공하는 TV 상품이 대

표적 예이다


표적 예이다.

IPTV에는 셋톱박스가 있으며,

마우스대신 리모콘을 사용한다.


30

국내국내 IPTV IPTV 서비스서비스 현황현황

옛날에는 …

• KT는 IPTV 서비스 브랜드를 ‘메가TV'로 확정

• 하나로 텔레콤은 IPTV 서비스를 제공하기 위하여 현재 주문형 비디오 서비스를 중심으


로 TV 포털 방식인 ‘하나TV'서비스를 제공.

최근

• 통신 3사(KT, SKT, LG파워콤)가 IPTV 서비스 제공 중

• 이들 통신사는 기존 케이블 사업자에 버금가는 혹은 능가하는 채널을 제공


• 현재 가입자 수가 폭발적으로 증가하고 있음

• 우린 왜 늦었나?

국내국내 IPTV IPTV 서비스서비스 예제예제인터넷 응용 및 서비스 기술


31





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


텔레매틱스텔레매틱스 개요개요

텔레매틱스(Telematics)란 통신(telecommunication)과 정보과학

(informatics)을 합친 신조어

무선 데이터 통신과 인공위성을 이용한 위치측정시스템(GPS)등을 기반


무선 데이터 통신과 인공위성을 이용한 위치측정시스템(GPS)등을 기반

으로 이동 수송수단에서 정보를 주고 받는 종합정보 시스템

• GPS를 이용한 위치파악기술과 이동통신 기술이 융합된 산업

• 차량 내 정보단말을 통해 차량과 운전자에게 유용한 다양한 정보 및 서비스를 제공하는

종합적인 정보서비스

• 전체 콘텐츠 및 서비스 등을 모두 포함한 end-to-end 솔루션으로 정의


32

GPS (Global Positioning System)GPS (Global Positioning System)인터넷 응용 및 서비스 기술

위키: http://en.wikipedia.org/wiki/Global_Positioning_System

Galileo Project: http://en.wikipedia.org/wiki/Galileo_(satellite_navigation)


텔레매틱스텔레매틱스 시스템시스템 개념도개념도

텔레매틱스(Telematics)는• 위치파악기술(GPS)과 이동통신 기술이 융합된 산업이다.

• 운전자와 차량의 안전 및 편의성을 목적으로 무선통신망 등을 통해 정보를 교환하고, 차

량내 정보단말을 통해 차량과 운전자에게 유용한 다양한 정보 및 서비스를 제공하는 종


량내 정보단말을 통해 차량과 운전자에게 유용한 다양한 정보 및 서비스를 제공하는 종

합적인 정보서비스이다.


33

텔레매틱스텔레매틱스 서비스서비스 –– 예제예제인터넷 응용 및 서비스 기술


텔레매틱스텔레매틱스 서비스서비스 현황현황

유ㆍ무선통신, 하드웨어뿐만 아니라 전체 콘텐츠 및 서비스 등을 모두

포함한 end-to-end 솔루션으로 정의될 수 있다.


구분 서비스 내용

인포테인먼트 인터넷, e-mail, 다운로드, 멀티미디어 서비스

교통정보, CNS 교통상황을 고려한 최적경로 안내, 실시간 교통정보 안내

Commerce 위치기반 V-Commerce, 주차요금, Toll, 예약관리

안전운전 안전운전 경고 및 속도제어, 차량운행정보 블랙박스

차량관리 차량진단 및 관리 도난차량 추적


차량관리 차량진단 및 관리, 도난차량 추적

긴급구난 응급구조 및 차량위치정보 제공

산업연계 물류시스템,상용차량 운행관리,VRM(voltage regulator module)

34

아이나비를아이나비를 아시나요아시나요??인터넷 응용 및 서비스 기술






Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


35

홈홈 네트워크네트워크 개요개요 (1/2)(1/2)

개념

• 외부와의 연결은 물론 집 안의 각 공간(안방, 부엌, 거실, 현관 등)을 네트워크로 연결하

여 모든 기기들이 제어되고 작동되는 환경


• 영화에서 나오던 꿈의 세계를 현실의 세계로 구현하고자 하는 개인화/가족화 네트워크


홈홈 네트워크네트워크 개요개요 (2/2)(2/2)

어떤 것들을 연결하나?



36

홈홈 네트워크네트워크 개념도개념도

가정 내의 정보가전 기기가 네트워크로 연결되어 기기, 시간, 장소에 구애 받지

않는 즐겁고, 편리하고, 안전하고, 풍요로운 삶을 제공할 수 있는 미래 가정환경



홈홈 네트워크네트워크 서비스서비스 분류분류인터넷 응용 및 서비스 기술

구분 서비스내용

홈시큐리티

► 세대출입통제 ► 생체인식보안► 방문자 화상저장 ► 화재감시► 침입탐지 ► 가스누출탐지► 이상시 통보 기능► 이상시 통보 기능

홈콘트롤► 가전제품제어 ► 조명제어► 가스밸브 제어 ► 에너지 관리

단지내 서비스► 단지 통합 감시 ► 설비 관리► 원격 검침 ► 입주자 편의 시스템► 입주자 안전 서비스

공공서비스► 자연재해 대응 시스템


공공서비스자연재해 대응 시스템

► 전자정부(행정서류 발급, 전자투표)

인포테인먼트

► 엔터테인먼트 서비스(홈시어터, TV를 통한 인터넷 접속, VOD 서비스, 동영상 저장/편집, T-Commerce, 게임)

► U-Learning► 재택근무

U-Health ► 원격진료

37

홈홈 시큐리티시큐리티 예제예제인터넷 응용 및 서비스 기술

세대/빌딩 출입 통제

생체 인식 – 지문 인식


홈홈 컨트롤컨트롤 예제예제인터넷 응용 및 서비스 기술

가스밸브 제어

가전제품 원격 제어


38

공공서비스공공서비스 예제예제인터넷 응용 및 서비스 기술

전자정부 (http://www.korea.go.kr)


인포테인먼트인포테인먼트 예제예제인터넷 응용 및 서비스 기술

홈시어터

u-Learning


39

uu--HeanthHeanth 예제예제인터넷 응용 및 서비스 기술


홈네트워크홈네트워크 작동작동 원리원리인터넷 응용 및 서비스 기술


40

유선유선 홈홈 네트워킹네트워킹 기술기술 (1/6)(1/6)

이더넷(Ethernet)

• IEEE 802.3 표준에 따른 네트워킹 기술로서, 데이터 통신에서 이미 오래 전에 검증을 받

은 LAN기술


• 기업 네트워크를 비롯한 홈 네트워크의

기반을 이루고 있으며, 속도가 빠르고

(현재 10Mbps/100Mbps) 안전성과 높은

신뢰성 그리고 타 경쟁기술보다 저렴



HomePNA (위키: http://en.wikipedia.org/wiki/HomePNA)

• Home Pipeline Networking Alliance의 약어로, AT&T, CISCO 등의 업체들이 주축이 되

어 진행한 홈 네트워킹 기술


• 기존의 댁내 전화선로를 이용하여 정보통신 기기들을 하나의 망에 연결하고,

허브나 라우터 등의 별도 장비 없이도 LAN 환경을 구축할 수 있음


41


PLC (Power Line Communication)

• 가정이나 사무실에 포설된 전력선을 이용하여 통신신호를 100KHz~30MHz의 고주파 신

호로 바꾸어 전송하고, 수신 시에는 고주파 필터를 이용하여 신호를 수신하는 방식




IEEE 1394

• 직렬 버스방식의 디지털 인터페이스 기술로서 고속의 실시간 데이터전송을 가능하게 하

는 차세대 핵심기술


• AV 기기 연동에 초점을 맞추어, 단거리(4,5m~100m)에서 고속(400~1600Mbps) 실현


42


USB (Universal Serial Bus)

• USB는 HID(human interface device)로서의 특성과 주변 장치와의 연결이 용이함

• 장점: 충분한 IRQ(interrupt request) 자원, PNP(Plug and Play) 기능


• 단점: 낮은 전력 공급원(수동적 전력 공급), 상대적으로 높은 CPU 점유율



DVI(Digital Visual Interface) &

HDMI(High Definition Multimedia Interface)

• 디지털 상호연결장치로서, 보안성이 뛰어난 비압축 전송 기능


디지털 상 연결장치로서, 안성이 뛰어난 비압축 전송 기능

• PC 모니터를 비롯하여 최근의 많은 HDTV 모델들에 DVI/HDMI가 탑재

• IEEE1394와 더불어 AV 장비 네트워킹의 솔루션으로 경쟁


43

무선무선 홈홈 네트워킹네트워킹 기술기술 (1/4)(1/4)

무선 이더넷 (IEEE 802.11x)

• 케이블 배선이 필요 없고, 이동 시에도 기반 LAN에 접속가능한 통신 형태로서

LAN 구성이 신속하고 망구조 변경이 용이


• 유선 LAN(IEEE 802.3)의 무선 버전



HomeRF (home radio frequency)

• 적외선이 아닌 RF방식을 사용하여, 가정 내의 네트워크 구축을 타켓으로 함

• 1~2Mbps의 다소 느린 속도와 접속 기기 수에 따라 속도가 감소되는 단점이 있음



44


Bluetooth

• 약 10m 이내의 거리에서 다양한 기기간에 통신을 가능하게 하는

저전력, 저가의 근거리 무선 통신 기술


• 핸드폰, 무선 헤드셋 등에서 널리 사용되고 있음



UWB (Ultra-wideband)

• 주로 군용 레이더나 원격 탐지 등의 특수 목적으로 이용되다,

2002년에 상용 기술로 허용


• 무선 동화상 전송용으로 100Mbps의 칩셋 개발, AV 기기에 적용 예상


45





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


Web 2.0 Web 2.0 개요개요 및및 특징특징

사용자들의 ‘참여’와 ‘개방성’을 통해 사용자들이 일방적으로 정보를 제

공받지 않고 블로그, 검색 등을 활용해 스스로 정보 및 네트워크를 창조

하고 공유하는 것이다.


하고 공유하는 것이다.

Web 2.0의 특징

• 집단지성을 적극 활용한다.

대중의 지혜는 전문가보다 낫다는 “대중의 지혜”이론의 출발점 (네이버 지식인)

• 롱테일(long tail)의 경제학 개념을 지니고 있다. (20:80에 어긋나는 개념)


롱테일(long tail)의 경제학 개념을 지니고 있다. (20:80에 어긋나는 개념)

하위 80%가 매출의 50%를 차지한다. (전문가, 매니아 집단의 출현 때문)

• 수없이 많은 매쉬업(mashup)이 이루어진다.

서로 다른 성질의 다른 서비스/프로그램이 묶여서 전혀 새로운 서비스를 창출

(Google에서는 구글맵을 공개, 수 백개 사이트에서 구글맵을 활용)

46

Web 2.0Web 2.0의의 사용사용 예예 (1/9)(1/9)

Social Networks 서비스

• 사람들간의 관계를 촉진시키는 서비스

• 대표적인 서비스로는 링크드인(Linkedin), 페이스북(facebook), 오컷(orkut), 마이스페이


스(myspace) 등이 있음

• 국내의 경우, 싸이월드가 대표적 서비스이며, 사이월드 이후 성공한 Social Networks 서

비스는 등장하지 못한 상태



RSS 서비스 (Rich Site Summary, Really Simple Syndication)

• 웹 상에서의 문서(정보)의 발행과 구독을 위한 규격

• 블로그, 뉴스, 기업정보, 사이트 공지사항 등 주기적으로 자주 업데이트 되는 콘텐츠들


에서 RSS제공이 가능

• 여러 기사와 포스트들이 주기적으로 자주 업데이트 되는 많은 사이트들과 블로그들을

한 곳에서 볼 수 있도록 도와줌

• 대표적인 서비스로는 블로그라인스(Bloglines), 피드버너(FeedBurner), 뉴스게이터

(Newsgator) 등이 있음


47


오픈 소스 소프트웨어 (OSS: Open Source Software)

• 소프트웨어의 소스코드를 인터넷 등을 통하여 무상으로 공개하여 누구나 그 소프트웨어

를 개량하고, 이것을 다시 재 배포할 수 있도록 하는 것


• 예) LAMP: 리눅스, 아파치, 마이 SQL, PHP(or Perl) 등

블로그 서비스

• 1인 미디어의 실현


• 최근 팀블로그, 기업블로그가 점차

늘어가는 추세임

• 대표 서비스로는 구글의

블로거(Blogger), 타입패드(TypePad),

웹로그(Wrblogs) 등


검색 엔진

• 사용자가 정의한 조건에 따라 웹 콘텐츠를 찾아주는 서비스

• 대표적인 서비스로 구글(Google), 야후(Yahoo), MSN, 애스크(Ask), 그리고 블로그 전문


g

검색 엔진인 네크노라티(Technorati) 등이 있음

• 국내의 경우 네이버가 독점적이나, 다음, 네이트 등도 선전하고 있음


48


사용자 리뷰 서비스 (상품평 서비스)

• 제품이나 서비스에 대한 사용자들의 평가를 제공하는 서비스

• 예제: http://www.betterbidding.com 호텔 예약에 대한 사용자 평




P2P 파일 공유 서비스

• 네트워크를 통해 사용자들 간에 파일을 공유하게 해주는 서비스

• 개인들의 PC가 서버와 클라이언트를 구성하는 형태로 동작


C2C 전자상거래 서비스

• 사용자들 간에 상거래를

제공하는 서비스

• 대표적인 서비스로는


이베이(eBay),

크레이그리스트(craigslist),

유비드(uBid) 등

49


가격 비교 서비스

• 소비자가 제품이나 서비스를 구매하기 전에 여러 상거래 사이트들의 가격을 쉽게 비교

해 볼 수 있는 서비스




팟캐스트 서비스

• PMP 등의 디바이스에 다운로드할 수 있는 오디오, 비디오 파일을 제공하는 서비스

• 애플의 아이팟이 엄청난 인기가 있기 때문에 팟캐스트라는 명칭이 붙었음.



50


위키/협업 서비스

• 콘텐츠를 함께 편집하고 업무상 협업을 할 수 있는 기능을

제공하는 서비스


• 위키피디아 = 위키(하와이어 빨리) + 엔크로피디어(백과사전)

1200여명의 상주 직원이 정확도와 전문성을 판단

브리태니커 백과사전의 3배 이상 정보 수록

• 구글이 인수한 존슨팟, 베이스캠프(Basecamp), 소셜텍스트(Socialtext) 등

태깅 서비스


태깅 서비스

• 사진, 웹 컨텐츠에 메타데이터를 붙여서 검색

혹은 분류를 하는데 도움을 주는 서비스

• 딜리셔스(del.icio.us), 플리커(Flickr),

디그(Digg) 등





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


51

미니미니 홈피홈피 ((미니미니 홈페이지홈페이지))

미니홈페이지는 기존의 개인 홈페이지와 유사하지만 개설과 관리면에서

보다 쉽고 편리하게 이용할 수 있으며, 개인의 취향이나 관심을 사진이

나 글, 동영상을 통해 공유할 수 있음


나 글, 동영상을 통해 공유할 수 있음

• 기존 홈페이지에 관한 지식(HTML, Javascript 등)을 전혀 몰라도 멋지게 개인 홈페이지

를 꾸밀 수 있음

• 나의 홈페이지에 다른 사람이 쉽게 찾아올 수 있으며, 대화의 수단 제공


미니미니 홈피홈피 예제예제인터넷 응용 및 서비스 기술


52





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


블로그블로그 개념개념

블로그(Blog)는 Web과 Log를 합친 단어로 스스로 가진 느낌이나 품어오

던 생각, 알리고 싶은 견해나 주장 같은 것을 웹에 일기(로그)처럼 차곡

차곡 적어 올려 타인도 보고 읽을 수 있게끔 열어 놓은 글들의 모임


차곡 적어 올려 타인도 보고 읽을 수 있게끔 열어 놓은 글들의 모임

블로그 종류

• 가입형 블로그: 사이트에 가입하여 자신의 블로그를 만듦

• 설치형 블로그: 블로그 소프트웨어를 자신의 웹 계정에 설치하여 사용


53

가입형가입형 블로그블로그

우리가 접하는 대다수 블로그가 가입형 블로그임

네이버, 다음, 네이트 등 주요 포털에서 가입형 블로그를 제공함

( 블로그는 다시 집단 지성의 밑바탕 역할을 하게 됨)


( 블로그는 다시 집단 지성의 밑바탕 역할을 하게 됨)

장점 단점

• 블로그 시작과 운영이 쉬움

• 도메인, 호스팅 신청 필요 없음

• html등 관련 지식이 필요 없음

• 디자인, 레이아웃 자유도가 떨어짐

• 콘텐츠 백업 불가능

• 광고를 운영할 수 없음


등 관련 지식이 필 없음 광 를 운영할 수 없음

가입형가입형 블로그블로그 예제예제인터넷 응용 및 서비스 기술


54

설치형설치형 블로그블로그

블로그 소프트웨어를 자신의 웹 계정에 설치해서 사용하는 블로그

(홈페이지 주소 처럼 “www.내아이디.com” 같은 주소를 가짐)

예제: 워드프레스(wwwwordpress com) 텍스트큐브(www textcube com)


예제: 워드프레스(www.wordpress.com), 텍스트큐브(www.textcube.com)

장점 단점

• 나만의 블로그 주소

• 디자인, 레이아웃 등이 완전히 자유로움

• 콘텐츠 백업이 가능

• 설치과정이 필요함

• 호스팅 등 별도의 비용 필요

• html, css등 지식이 어느 정도 필요


• 광고 운영을 통한 수익 창출 가능

설치형설치형 블로그블로그 예제예제인터넷 응용 및 서비스 기술


55





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


UCC UCC 개념개념 (1/2)(1/2)

기존 사용자가 콘텐츠 생산의 적극적인 주체가 되어 그들이 직접 제작하

여 부가가치를 창출해 내는 것

Prosumer = Producer + Consumer


Prosumer = Producer + Consumer

매체별 UCC 분류

• 텍스트, 이미지, 오디오, 비디오, 복합 미디어로 구성된 UPC(user packaged contents)의

다섯 가지로 분류

목적별 UCC 분류

• I UCC: 정보(information) 제공을 위한 UCC


• I-UCC: 정보(information) 제공을 위한 UCC

• E-UCC: 엔터테인먼트를 위한 UCC

(오늘날 UCC의 90%를 차지)

• B-UCC: 비즈니스, 즉 수익창출을 위한 UCC

56

UCC UCC 개념개념 (2/2)(2/2)

형태별 UCC 분류

• UGC(user generated contents): 순수하게 사용자의 독창성을 발위하여 제작된 컨텐츠

동아리, 동호외 등에서 UGC를 많이 제작


• UMC(user modified contents): 여러 콘텐츠로 (의미가 같은) 새로운 콘텐츠 생성

콘텐츠 제작자의 의도는 그대로 유지

• URC(user recreated contents): 여러 콘텐츠로 완전히 새로운 콘텐츠 생성

콘텐츠 제작자의 의도를 유지하지 않음


동영상동영상 UCC UCC 서비스서비스 현황현황

UCC 전문 사이트: 판도라 TV, 엠엔캐스트, 아프리카, 다모임

포털 사이트: 다음, 네이버, 프리챌

세계적 UCC 사이트: 유투브(youtube)



57

UCC UCC 사용법사용법 ((다음다음 tvpottvpot))

사이트(tvpot.daum.net)에 접속


동영상 올리기 메뉴를 선택하여

UCC를 분류에 맞게 올릴 수 있음


UCC UCC 사이트사이트 예제예제 (1/2)(1/2)인터넷 응용 및 서비스 기술

video.naver.com


58

UCC UCC 사이트사이트 예제예제 (2/2)(2/2)인터넷 응용 및 서비스 기술


기존기존 방송에서방송에서 UCC UCC 활용활용인터넷 응용 및 서비스 기술


59





Web 2.0



인터넷 검색

P2P (peer-to-peer)


블로그 (blog)




IPTV


Homework #1Homework #1인터넷 응용 및 서비스 기술


Documents

웹웹프로그래밍프로그래밍및및실습실습 (Web Progggramming …cs.kangwon.ac.kr/~ysmoon/courses/2010_1/wp/03.pdf1 웹웹프로그래밍프로그래밍및및실습실습