- 1 -

IT COOKBOOK

- 1 -

Chapter 05.

인터넷 속의 멀티미디어

- 2 -

IT COOKBOOK

- 2 -

인터넷의 다양한 서비스 종류를 알아본다.

인터넷에서 제공되는 멀티미디어의 방식과 형태를 이해한다.

WWW의 표준인 HTML 태그의 사용법을 알아본다.

RIA로 대표되는 인터넷 서비스의 멀티미디어 특징을 이해한다.

학습목표

- 3 -

IT COOKBOOK

- 3 -

최고의 멀티미디어 서비스, WWW

WWW은 하이퍼미디어(HyperMedia), 하이퍼링크(HyperLink), 하이퍼텍스트(HyperText)라는 개념을 이용해 인터넷 문서와 멀티미디어 데이터, 다른 인터넷 서비스를 연결

Section 1: 인터넷 서비스의 종류

[그림5-1] WWW으로 동영상서비스를 제공하는 다음(Daum)의 TV팟

- 4 -

IT COOKBOOK

- 4 -

인터넷의 통신수단, 이메일

이메일은 전화와 우편의 장점을 살린 서비스

전화처럼 빠른 시간에, 우편과 같이 저렴한 비용으로 메시지를 전달

전화보다 빠르고 우편보다 저렴한 서비스를 제공

이메일 서비스를 이용하기 위해서는 메일 클라이언트(Mail Client)가 필요

WWW에서 웹메일 서비스를 이용해 메일 서비스를 이용 가능

Section 1: 인터넷 서비스의 종류

[그림 5-2] 마이크로소프트의 아웃룩 프로그램

- 5 -

IT COOKBOOK

- 5 -

인터넷 게시판, 유즈넷 (Usenet)

유즈넷은 전 세계의 인터넷 사용자를 대상으로 한 공개 게시판

유즈넷을 사용하기 위해서는 뉴스 클라이언트(New Client)가 필요

넷스케이프 콜라브라(Netscape Collabra), WinVN, 에이전트(Agent) 등도 유즈넷을 위한 뉴스 클라이언트

Section 1: 인터넷 서비스의 종류

[그림 5-3] 구글(Google)에서 제공하는 뉴스 그룹

Quiz 1. 전자게시판의 일종으로 특정한 주제나 관심사에 대해 의견을 게시하거나 관련 분야의 자료를 등록할 수 있는 전세계적인 전자 토론 시스템은?

- 6 -

IT COOKBOOK

- 6 -

파일의 보고, FTP

파일 전송을 위한 FTP 서비스는 인터넷에서 파일을 송수신할 때 사용

컴퓨터 파일만을 위한 서비스

Section 1: 인터넷 서비스의 종류

[그림 5-4] 이스트소프트(Eastsoft)의 알FTP

Quiz 2. FTP(File Transfer Protocol)의 기본 Port 번호는?

- 7 -

IT COOKBOOK

- 7 -

Quiz

Quiz 3. 아래의 각 프로토콜은 OSI 7계층 중 어느 계층에 속하는가?

1. Telnet

2. FTP (File Transfer Protocol)

3. ICMP (Internet Control Message Protocol)

4. SMTP (Simple Mail Transfer Protocol)

5. PPP (Point to Point Protocol)

6. IP (Internet Protocol)

7. TCP (Transmission Control Protocol)

8. UDP (User Datagram Protocol)

9. MAC (Media Access Control) Address

- 8 -

IT COOKBOOK

- 8 -

원격지 접속, 텔넷

텔넷 서비스는 먼 곳의 컴퓨터를 연결해 그 컴퓨터의 시스템을 제어하고 사용하기 위해 이용

Section 1: 인터넷 서비스의 종류

[그림 5-5] 마이크로소프트 텔넷 클라이언트

- 9 -

IT COOKBOOK

- 9 -

인터넷 채팅, IRC (Internet Relay Chat)

IRC를 이용하면 인터넷 채팅 서비스를 즐길 수 있음 (1988~, 핀란드)

Section 1: 인터넷 서비스의 종류

[그림 5-6] mIRC 채팅 클라이언트

Quiz 4. IRC가 사용하는 통신 프로토콜은 무엇일까요? (참고로 Port번호는 6667, 6668)

- 10 -

IT COOKBOOK

- 10 -

VoIP (Voice over IP)

인터넷폰은 인터넷망을 이용한 국제전화 서비스

인터넷폰을 사용하기 위해서는 인터넷폰을 지원하는 프로그램이 필요 스카이프(Skype)

Section 1: 인터넷 서비스의 종류

[그림 5-7] 스카이프 프로그램

- 11 -

IT COOKBOOK

- 11 -

인스턴트 메신저

인스턴트 메신저(Instant Messenger)는 인터넷을 사용하는 사용자끼리 실시간으로 쪽지를 주고받는 서비스

Section 1: 인터넷 서비스의 종류

[그림 5-8] MSN 메신저

Quiz 5. 국내 MIM(Mobile Instant Messenger)의 대표적인 사례?

- 12 -

IT COOKBOOK

- 12 -

전세계 주요 MIM 현황

- 13 -

IT COOKBOOK

- 13 -

WWW의 표준, HTML

HTML의 기본 형태

HyperText Markup Language의 약자로, WWW의 특징을 가장 효과적

으로 표현하는 언어

태그의 실제 예

기초 태그

Section 2: 인터넷 멀티미디어의 표준

- 14 -

IT COOKBOOK

- 14 -

Section 2: 인터넷 멀티미디어의 표준

WWW의 표준, HTML

태그의 실제 예

글자 모양과 크기 지정 태그

- 15 -

IT COOKBOOK

- 15 -

Section 2: 인터넷 멀티미디어의 표준

WWW의 표준, HTML

태그의 실제 예

문단 모양을

위한 태그

- 16 -

IT COOKBOOK

- 16 -

Section 2: 인터넷 멀티미디어의 표준

WWW의 표준, HTML

태그의 실제 예

그림과 하이퍼링크를 삽입하는 태그

- 17 -

IT COOKBOOK

- 17 -

동영상의 표준, 플래시

플래시(Flash)는 WWW에서 동영상을 재생하는 데 보편적으로 사용되고 있는 규격

플래시의 특징

공간 압축은 정지 화상의 압축에 주로 쓰이고, 시간 압축은 동영상 스트림에 주로 이용

FLV는 웹 브라우저에 삽입되어(Embeded) 별도의 재생 소프트웨어 없이 바로 재생된다는 특징

Section 2: 인터넷 멀티미디어의 표준

[그림 5-13] 플래시로 구성된 동영상 서비스

- 18 -

IT COOKBOOK

- 18 -

동영상의 표준, 플래시

플래시의 비디오 재생법

임베디드 비디오

SWF (Shock Wave Flash)

Section 2: 인터넷 멀티미디어의 표준

[그림 5-14] On2 테크놀로지사의 홈페이지

프로그레시브 다운로드 방법

RTMP(Real Time Message Protocol ) Macromedia Flash Media Server 이용

[그림 5-15] RTMP로 재생되는 다음의 동영상 서비스

- 19 -

IT COOKBOOK

- 19 -

이미지의 표준, JPG

JPEG

장점

사진의 경우 뛰어난 압축률로 파일 크기를 줄여 줌

가변 압축으로 파일의 크기와 화질 손실을 제어

인터레이스(Interlace)가 지원(프로그레시브 JPEG의 경우)

인터넷에서 광범위하게 사용되는 표준 이미지 규격

PNG

장점

상위 수준의 무손실 압축을 지원

감마 조정을 지원

인터레이스를 지원

브라우저 4.0 이상의 최신 브라우저에서만 사용 가능

Section 2: 인터넷 멀티미디어의 표준

Quiz 6. JPEG와 progressive JPEG의 차이점은?

Progressive JPEG

- 20 -

IT COOKBOOK

- 20 -

블로그의 표준, RSS

RSS란 무엇인가?

RSS는 ‘Rich Site Summary’, 또는 ‘Really Simple Syndication’의 약자로, 넷스케이프에서 최초 개발

RSS 기반으로 콘텐츠를 규격화하게 되면 보다 손쉽게 해당 콘텐츠를 가져오거나 볼 수 있음

주요 뉴스 사이트는 모두 RSS를 지원

Section 2: 인터넷 멀티미디어의 표준

Quiz 7. 대표적인 RSS 서비스를 찾아보자.

- 21 -

IT COOKBOOK

- 21 -

문서의 표준, PDF

PDF (Portable Document Format)

특징

기종의 컴퓨터, 운영체제에서 지원되는 표준 문서 포맷

원본 문서의 레이아웃, 스타일, 글꼴을 손상시키지 않고 그대로 재현해서 볼 수 있음

바이트 서빙(Byte-Serving)의 지원으로 빠른 웹 보기가 가능 (문서 전체를 다운로드하지 않아도 실시간으로 전송되는 문서 내용을 볼 수 있음).

이미지와 텍스트를 별도의 레이어로 저장함으로써 문서 관리가 용이

압축률이 뛰어나 원본 문서보다 용량이 작음

전자북 등의 모바일 기기에 적합

Section 2: 인터넷 멀티미디어의 표준

- 22 -

IT COOKBOOK

- 22 -

RIA (Rich Internet Application)

데스크톱 응용 프로그램의 특징과 기능을 가진 웹 응용 프로그램

RIA의 정의와 특징

1998년 마이크로소프트의 리모트 스크립팅(Remote Scripting)과 2000년 포레스터 리서치(Forrester Research)의 X 인터넷(X Internet)을 통해 세상에 소개

Section 3: RIA와 함께 성장 중인 인터넷 멀티미디어

[그림 5-24] CGV의 플래시 기반 예매 서비스

Quiz 8. RIA를 개발하기 위한 기술들을 설명해보자(현재기준).

- 23 -

IT COOKBOOK

- 23 -

RIA의 정의와 특징

플렉스

플래시가 가진 한계를 극복해 개발자들이 XML 및 액션 스크립트로 플래시를 이용한 디자인 화면을 개발할 수 있도록 만들어 준 툴

구글의 AJAX

Section 3: RIA와 함께 성장 중인 인터넷 멀티미디어

[그림 5-25] AJAX 기반의 구글맵

- 24 -

IT COOKBOOK

- 24 -

RIA의 정의와 특징

RIA의 구현

AJAX, DHTML

플래시, 플렉스

OpemLazlo

WPF

액티브X

일반적인 RIA와는 달리 클라이언트에 설치되어 실행되면서 클라이언트의 자원을 제어하기 때문에 보안에 취약

XUL

자바 애플릿

자바 애플릿(Java Applet)은 다양한 클라이언트를 제어할 수 있어 오래 전부터 사용

속도가 느리고 다른 대체 기술의 발전으로 사용자가 줄음

Section 3: RIA와 함께 성장 중인 인터넷 멀티미디어

- 25 -

IT COOKBOOK

- 25 -

RIA의 정의와 특징

RIA의 특징

RIA는 풍부(Rich)한 클라이언트 사용자 인터페이스를 제공

연산을 서버가 아닌 클라이언트에서 바로 수행할 수 있도록 해줌

속도가 빨라질 뿐 아니라 사용자 인터페이스의 개선으로 WWW 사용이 쉬움

RIA는 서버의 부하와 응답 속도를 줄여 줌으로써 사용자는 빠른 속도로 WWW을 사용

불필요한 네트워크의 트래픽을 유발하지 않음

네트워크 자원의 사용량을 최소화함으로써 효율성을 증대

RIA는 초기 프로그램을 구동하는 시간이 소요된다는 단점

Section 3: RIA와 함께 성장 중인 인터넷 멀티미디어

- 26 -

IT COOKBOOK

- 26 -

상호작용을 지원하는 웹 언어

CGI

CGI(Common Gateway Interface)는 웹 브라우저와 웹 서버, 응용 프로그램 간의 인터페이스

ASP

ASP(Active Server Page)는 웹 페이지를 인터랙티브하게 사용할 수 있도록 서버 측에서 실행되는 일종의 스크립트 언어

자바 스크립트

스크립트 언어인 라이브스크립트(LiveScript)를 확장시켜 만든 상호작용을 지원하는 스크립트 언어

Section 3: RIA와 함께 성장 중인 인터넷 멀티미디어

- 27 -

IT COOKBOOK

- 27 -

WPF (Windows Presentation Foundation)

디자이너와 개발자의 생산성 향상과 협업을 위해 마이크로소프트가 개발

XML 기반

WPF의 제공 요소 윈도우, 대화 상자

UI 데이터 바인딩(UI Data Binding, 확장 레이아웃(Layout), 컨트롤 오브젝트 (Control Objects)

2D, 3D, 애니메이션(Animation), 이미지(Image), 도큐먼트(Document)

Section 3: RIA와 함께 성장 중인 인터넷 멀티미디어

[그림 5-25] AJAX 기반의 구글맵