Download presentation
Presentation is loading. Please wait.
1
11장 멀티미디어 콘텐츠 제작 11.1 디지털 콘텐츠의 제작과정 11.2 멀티미디어를 활용한 웹페이지 제작
11.3 웹 환경에서 멀티미디어 문서의 표준 11.4 CD/DVD 타이틀의 제작
2
11.1 디지털 콘텐츠의 제작과정 제작기획 단계 제작 단계 제작이후 단계 제작팀의 구성
3
11.1 디지털 콘텐츠의 제작과정 콘텐츠 제작 과정
4
11.1 디지털 콘텐츠의 제작과정 제작기획 단계 제작기획 단계에서 고려해야 할 ‘6W3H’ 원칙
5
(1) 개념 정의 (2) 정보 디자인 11.1 디지털 콘텐츠의 제작과정
고객이 제시한 무형의 요구나 가치를 유형의 결과물로 형상화하기 위한 단계 고객의 요구와 목표의 분석을 통해 만들어 낼 결과물이 구체적으로 무엇인가를 결정하고, 브레인스토밍(Brainstorming)을 거쳐 결과물의 형상을 제작 기획서와 같은 문서 형태로 정리 (2) 정보 디자인 실제로 저작물에 포함될 낱낱의 데이터를 정보로서의 가치를 지니도록 계획하고 조직하는 단계 필요한 정보들을 일일이 나열해 보고 이들간의 상호 유기적인 연관 관계를 조사한 후 필요한 내용이 결정되면, 이들 내용의 구조와 서로간의 유기적인 관계를 도표 형태의 순서도(Flowchart)로 작성
6
(3) 사용자 인터페이스(User Interface)의 설계
11.1 디지털 콘텐츠의 제작과정 (3) 사용자 인터페이스(User Interface)의 설계 구성된 내용이 어떻게 사용자와 상호작용적으로 동작할 것인가를 규정하는 단계 상호작용의 디자인과 인터페이스 디자인은 서로 밀접하게 관련되어 있어, 프로듀서와 디자이너가 함께 공유해야 하는 업무 영역 상호작용의 디자인이 주로 동작의 논리적 전개와 관련된 것이라면, 인터페이스 디자인은 일관성을 부여하면서 구체적으로 동작의 논리를 화면단위로 구현해 내는 일 상호작용과 인터페이스
7
상호작용의 디자인에 있어 고려 요소 스토리보드(Storyboard) 11.1 디지털 콘텐츠의 제작과정 메타포(Metaphor)
콘텐츠 내용을 그 특성과 기능에 맞게 효율적이고 직관적으로 사용자에게 전달 시킬 수 있는 그래픽 사용자 인터페이스 탐색 항해(Navigation) 스토리보드(Storyboard) 각 페이지의 주제, 제목, 번호 등 각 페이지의 메뉴 및 버튼 디자인 각 페이지의 전체적인 배경 및 색상의 설정 각 페이지에 필요한 멀티미디어 데이터들의 명세 각 페이지의 전체적인 구성(Layout) 각 페이지에서 전달하고자 하는 정보의 설명, 방법 사용자 인터페이스와 다른 페이지로의 링크설정
8
(4) 초기 프로토타입(Prototype)
11.1 디지털 콘텐츠의 제작과정 (4) 초기 프로토타입(Prototype) 본격적인 제작에 착수하기 전 제작기획 방향이 적합한지를 의사 결정권자에게 확인 받고 각 분야의 제작자들이 각자의 업무를 분명히 파악하기 위한 단계 고객이 원하는 바가 충분히 기획에 반영이 되었는지를 고객과 충분히 의견을 교환 프로토타입이 고객이 원하는 요구사항을 충분히 만족시키지 못했을 경우 고객의 피드백을 받아들여 적절히 수정
9
제작 단계 (1) 내용 구성 (2) 그래픽 디자인 (3) 자료수집, 제작 및 프로그래밍 11.1 디지털 콘텐츠의 제작과정
저작물에서 사용자에게 전달하고자 하는 내용을 새롭게 작성하거나, 기존에 이미 작성된 내용을 활용하기 위해 자료를 수집하는 단계 (2) 그래픽 디자인 사용자가 콘텐츠를 이해하고 이용하는데 있어 직관력을 제공해 줄 수 있도록 하는 조형작업 (3) 자료수집, 제작 및 프로그래밍 콘텐츠 개발을 위한 다양한 저작도구나 프로그램 언어를 활용하여 준비된 텍스트, 미디어 데이터, 기능, 디자인 결과물 등을 하나로 통합하는 단계 저작도구나 프로그램 언어의 선정은 제작할 콘텐츠의 성격에 따라 결정
10
(4) 테스트 11.1 디지털 콘텐츠의 제작과정 테스트 단계는 제작 이후에 이루어지는 작업이 아니라 제작 단계의 일부분
이 단계의 작업이 어려운 이유는 제작된 저작물이 재생될 사용자 환경이 매우 다양할 수 있기 때문 웹 페이지 형태의 저작물인 경우 사용자의 다양한 통신 대역폭 환경과 사용 브라우저의 특성에 대해서도 고려
11
제작이후 단계 제작물의 배포형식 제작관련 문서의 정리 및 데이터의 백업 운영자 교육 11.1 디지털 콘텐츠의 제작과정
제작된 저작물을 어떠한 형식으로 배포할 것인지에 대해서는 기획단계에서 이미 결정. 초기에는 멀티미디어를 전달할 수 있는 유일한 매체가 CD-ROM 뿐이었으므로 선택의 여지가 없었으나 오늘날 저작물의 배포형식은 웹, 키오스크 등과 같이 매우 다양함 멀티미디어의 정의는 배포 수단에 있는 것이 아니라 정보의 디지털화와 상호작용성 등이며 배포매체는 이의 가장 효율적인 전달을 위한 수단 제작관련 문서의 정리 및 데이터의 백업 운영자 교육
12
11.1 디지털 콘텐츠의 제작과정 콘텐츠 제작팀의 구성
13
11.2 멀티미디어를 활용한 웹페이지 제작 HTML과 웹페이지 웹페이지에서 멀티미디어 기술의 적용 웹페이지의 디자인
싱호작용을 지원하는 웹 기술의 활용
14
HTML과 웹페이지 11.2 멀티미디어를 활용한 웹페이지 제작
최근 웹(WWW)의 보급으로 많은 컴퓨터 사용자들이 웹 환경을 이용하여 멀티미디어 정보를 웹 페이지를 통해 전달하는 경향 멀티미디어 CD/DVD 타이틀과 비교해 볼 때 웹 페이지는 모든 사람에게 공개되어 있으며, 언제라도 내용을 갱신할 수 있으므로 최신의 정보를 제공할 수 있다는 것이 장점
15
HTML 이란? 11.2 멀티미디어를 활용한 웹페이지 제작
HyperText Markup Language의 약자로 웹페이지를 만들기 위한 기본 언어 또는 규약. Markup Language : 문자열의 앞뒤에 태그(Tag, 문서의 형식을 지정하는 일종의 해석 기호)를 붙여 그 문자열의 특성을 나타내 주는 언어 HTML은 SGML(Standard Generalized Markup Language, 문서의 논리적 구조를 기술하기 위한 Markup Language의 정의를 위한 언어) 표준에 따라 구현한 문서 형식 태그의 종류와 형식 ㆍ 태그에는 문자열의 시작을 나타내는 시작 태그와 끝을 나타내는 끝 태그가 있다 ㆍ 시작 태그의 형식 : <"태그이름"> ㆍ 끝 태그의 형식 : </"태그이름"> 시작 태그 안에 ' 속성 이름="속성값" '의 쌍으로 태그의 속성을 지정하기도 한다. 예, <BODY text=“red”> ….. </BODY>
16
11.2 멀티미디어를 활용한 웹페이지 제작 HTML 문서 HTML 문서는 다음과 같이 구성되어 있다.
17
하이퍼링크 (Hyperlink) 11.2 멀티미디어를 활용한 웹페이지 제작
하이퍼텍스트 상에서 원하는 곳으로 이동할 수 있도록 만들어진 링크, 웹에서의 하이퍼링크는 <A>태그에 의해 만들어진다. <A href="가고자 하는 곳의 주소"> 링크가 될 부분 </A> 다른 웹 사이트로의 링크 <A href=" 링크</A> 자신의 디렉토리 내에서의 링크 하위 폴더: <A href="example/travel.htm"> 상위 폴더: <A href="../게시판/게시판.html"> 한 페이지 내에서의 링크 링크: <A href="문서명#문서내 위치명">링크가 될 부분</A> 위치 정의: <A name="문서내 위치명"></A>
18
웹페이지에서 멀티미디어 기술의 활용 웹 페이지의 이미지 11.2 멀티미디어를 활용한 웹페이지 제작
<IMG src="이미지 파일 이름 또는 URL"> 웹 페이지에 사용할 수 있는 이미지 형식은 GIF 또는 JPEG의 두 가지 일반적으로 크기가 작은 그림이나 버튼, 메뉴 등에 사용하는 이미지는 GIF 형식을, 미묘한 색의 변화가 많은 사진에는 JPEG 형식을 사용한다. Animated GIF: 여러 장의 GIF를 하나의 파일로 합치고 순서대로 보여주어 애니메이션 효과를 내는 GIF 파일 형식 Interlaced GIF: 이미지의 대략적인 모습을 먼저 보여주고 차츰 세부적인 모습을 보여주는 GIF파일 형식
19
배경 이미지와 투명 GIF 11.2 멀티미디어를 활용한 웹페이지 제작 배경 이미지 넣기
형식 <BODY>태그 안에 background="파일 이름"으로 배경 이미지 속성 지정 배경 이미지로 사용한 이미지가 반복해서 타일 형식으로 나타난다. 투명 GIF (Transparent GIF)의 사용 웹 페이지에 배경 색이나 배경 이미지를 넣으면 웹 페이지에 사용된 그림과 배경이 달라 어색해 보이는 경우가 있다. GIF 파일은 투명색을 설정할 수 있어 배경을 투명하게 할 수 있다.
20
이미지에 링크 달기 11.2 멀티미디어를 활용한 웹페이지 제작 이미지에 다른 페이지로 이동할 수 있는 링크를 넣을 수 있다.
이미지에 다른 페이지로 이동할 수 있는 링크를 넣을 수 있다. <IMG> 태그의 바깥쪽에 <A>태그를 이용해 링크를 넣는다. 그림에 링크를 넣으면 자동으로 파란색 테두리가 생긴다. 이 테두리를 없애기 위해서는 <IMG> 태그의 border 속성을 0으로 한다.
21
애니메이션의 활용 (1) Animated GIF 11.2 멀티미디어를 활용한 웹페이지 제작
보통 이미지와 마찬가지로 <IMG>태그를 이용 Animated GIF를 만들기 위한 프로그램 GIF Animator GIF Construction Set Animated GIF의 원리
22
(2) Dynamic HTML과 JavaScript
11.2 멀티미디어를 활용한 웹페이지 제작 (2) Dynamic HTML과 JavaScript Dynamic HTML 기존의 정적인 HTML에 동적인 요소를 추가하기 위하여 개발된 것 문서의 각 요소를 객체로 정의하여 위치, 스타일, 상호작용 지정 가능 JavaScript를 기반으로 하여 빠르고 편리함 Dynamic HTML을 이용한 애니메이션의 예 Dynamic HTML의 Layer을 적용하여 바다 속 풍경 내의 객체들을 Layer로 정의하고 그 Layer의 속성을 제어하여 바다 속에서 움직이는 물고기를 표현한다.
23
(3) Java Applet (4) SVG 및 SMIL 11.2 멀티미디어를 활용한 웹페이지 제작
웹에서 사용되는 자바 어플리케이션 JavaScript나 Dynamic HTML에 비해 느리고 어려우나 수준의 상호작용성과 인터페이스 제공 필요한 HTML 태그 <APPLET>: 자바 애플릿을 삽입할 때 쓰임 <PARAM>: 삽입된 애플릿에 정보를 전달할 때 쓰임 (4) SVG 및 SMIL SVG는 XML을 기반으로 하여 벡터 방식의 애니메이션 내용 수정이 쉽고, 하드웨어 환경에 독립적임 기하학적 객체, 링크, 삽입, 컬러, 애니메이션 등과 같은 다양한 객체 요소들로 구성 SVG의 실행을 위해서는 Adobe사 등에서 제작한 SVG 뷰어를 설치 해야함 SMIL에서도 버전 2.0부터는 SVG와 동일한 애니메이션 기능 지원
24
사운드와 비디오의 활용 (1) 사운드 파일 11.2 멀티미디어를 활용한 웹페이지 제작 Wave 파일 Real Audio 파일
윈도우에서 기본적으로 지원하는 파일 형식이므로 별도의 플러그인 없이 사용 파일이 크기 때문에 길이가 짧은 음악이나 음향 효과에 주로 사용 Real Audio 파일 Real Audio 플러그인을 설치하면 들을 수 있다. 실시간 전송이 가능하다. 즉, 다운로드와 동시에 음악을 들을 수 있다. 파일 크기가 Wave 파일의 1/10 정도로 작음 MP3 파일 동영상 압축표준의 하나인 MPEG-1의 오디오 부분 압축 레이어중 layer3 12:1정도의 높은 압축률 지원 압축효과가 뛰어나고 음질이 우수하여 인터넷상에서 음악을 압축에 자주 사용 MIDI 파일 QuickTime 플러그인이나 MediaPlayer 플러그인을 설치
25
(2) 비디오 파일 11.2 멀티미디어를 활용한 웹페이지 제작 AVI 파일 Real Video MOV 파일 MPEG 파일
Wave 파일과 마찬가지로 윈도우에서 기본적으로 지원하는 형식 Real Video 사운드만 지원하던 Real Audio에 비디오 기능을 추가 Real Audio와 마찬가지로 실시간 전송이 가능 MOV 파일 본래 매킨토시 전용인 QuickTime이라는 동영상 프로그램의 파일 형식인데, 현재는 윈도우에서도 사용 가능 MPEG 파일 MPEG 압축 기술을 이용해 동영상을 압축시킨 파일 QuickTime 플러그인이나 MediaPlayer 플러그인이 필요
26
웹페이지의 디자인 웹페이지의 개발 단계 11.2 멀티미디어를 활용한 웹페이지 제작
웹페이지는 다른 매체와 마찬가지로 뚜렷한 주제를 가지고 충실한 내용이 중요 시각적인 디자인과 탐색 구조, 인터페이스도 중요 웹페이지의 개발 단계
27
웹 페이지의 개발 과정 11.2 멀티미디어를 활용한 웹페이지 제작 (1) 주제와 대상의 결정
명확한 주제와 그에 관한 정보를 중심으로 제작 웹 페이지를 접하는 대상을 고려 (연령층 등) (2) 아이디어 도출 (Brainstorming) 주제와 관련된 것들을 자유롭게 생각해 보고 생각나는 것들을 모두 찾는 단계 (3) 내용의 구성 아이디어를 의미있게 구성하여 사이트 맵을 제작 사이트 맵: 웹 페이지의 구조를 파악할 수 있도록 페이지간의 계층 구조를 표현
28
11.2 멀티미디어를 활용한 웹페이지 제작 (4) 웹 페이지 작성의 준비 (5) 웹 페이지의 작성 자료 수집: 저작권에 유의
스토리보드(Storyboard)의 작성 각 구성요소들의 위치와 크기(레이아웃) 그리고 색상 등을 지정 (5) 웹 페이지의 작성 수집한 문서, 이미지 등을 편집 스토리보드를 따라 웹 페이지를 작성
29
웹 페이지의 구성 11.2 멀티미디어를 활용한 웹페이지 제작 (1) 페이지의 분할 (2) 웹 페이지의 탐색 구조
스크롤을 여러 번 해야 할 정도로 긴 페이지는 사용자에게 부담을 줌, 프레임을 너무 많이 나누면 혼란스러움(2~3개가 적당) (2) 웹 페이지의 탐색 구조 선형구조, 계층구조, 선형+계층구조, 망구조 이미지 맵의 활용 (3) 열거목록(리스트) 및 프레임의 이용 열거목록: 웹 페이지의 내용을 간결하게 작성하는것이 내용전달에 더 효과적 프레임: 웹 브라우저의 화면을 분할해 주는 기능
30
웹 페이지의 시각적 요소 11.2 멀티미디어를 활용한 웹페이지 제작 (1) 일관성 있는 디자인 (2) 텍스트의 사용
배경과 레이아웃의 통일 공통된 아이콘, 헤더 등에서 이미지와 색채를 일관성 있게 사용 통일된 색채 계획 (2) 텍스트의 사용 내용에 어울리는 폰트와 스타일 선택, 그래픽 문자의 사용 여백의 적절한 사용
31
11.2 멀티미디어를 활용한 웹페이지 제작 (3) 색상 (4) 텍스쳐 색이 주는 느낌을 고려, 웹 페이지의 분위기를 결정
융합, 대조, 조화를 얻기 위해 사용, 색이 주는 느낌을 고려, 웹 페이지의 분위기를 결정 (4) 텍스쳐 점, 선, 면과 같은 객체를 특별한 느낌이 나는 형태로 구성, 웹페이지의 배경에 반복적인 패턴 --> 시각적 효과나 분위기를 연출 낡고 옛 생각이 나는 느낌을 주는 사이트의 예
32
상호작용을 지원하는 웹 기술의 활용 (1) CGI와 ASP 11.2 멀티미디어를 활용한 웹페이지 제작
더 나아가 사용자가 원하는 정보를 보여줌 CGI의 작동 과정 사용자가 클라이언트의 웹 브라우저를 통해 정보를 입력 서버는 입력된 정보를 CGI 응용 프로그램에 전달 프로그램은 파일 시스템이나 데이터베이스에 접근하여 이 정보를 처리하고 그 결과를 서버를 통해 사용자의 브라우저로 전달 사용자의 웹 브라우저는 전송 받은 결과를 사용자에게 HTML 문서로 보여줌
33
11.2 멀티미디어를 활용한 웹페이지 제작 <FORM>: HTML에서 CGI 프로그램으로 데이터를 전달하는 데에 쓰이는 태그 <INPUT>: <FORM>태그 안에서 입력 양식을 지정하기 위해 쓰이는 태그 FORM등 입력 태그를 사용한 예
34
11.2 멀티미디어를 활용한 웹페이지 제작 ASP(Active Server Page): 사용자가 웹페이지를 인터렉티브하게 사용할 수 있도록 고안된 서버 측에서 실행되는 스크립트 언어 CGI에 비해 작성이 쉽고 서버의 부담이 훨씬 적음 비주얼베이직 스크립트(VBScript)나 자바스크립트(JavaScript)를 사용 HTML 문서 내에 <% 태그와%> 태그 사이에 스크립트를 작성하여 포함 ASP 스크립트는 서버에서 실행되고 HTML 태그로 변환되어 클라이언트에게 보내지므로 사용자는 HTML 문서만을 보게 되어 소스코드의 보안성이 보장 전자상거래, 문서관리, 카운터, 방명록, 게시판 등에 자주 사용됨 ASP 스크립트의 처리과정
35
(2) JavaScript와 Dynamic HTML
11.2 멀티미디어를 활용한 웹페이지 제작 (2) JavaScript와 Dynamic HTML JavaScript 동적인 웹 페이지와 상호작용을 지원하기 위하여 개발됨 Dynamic HTML의 객체들을 제어하는 데에 필수적으로 사용됨 레이어(Layer)의 활용 문서 내 여러 곳에 자유롭게 배치가 가능한 웹 페이지의 구성요소 애니메이션에서 쓰이는 투명 셀룰로이드(셀)와 같은 원리 자바스크립트를 이용하여 레이어의 속성 수정 가능: 이동, 감추기, 크기변화, 스타일 변경 Dynamic HTML 레이어는 동적 HTML의 핵심요소
36
11.3 웹 환경에서 멀티미디어 문서의 표준 기존 전자문서의 문제점과 표준 SGML XML과 XHTML
37
기존 전자문서의 문제점과 표준 11.3 웹 환경에서 멀티미디어 문서의 표준 기존 전자 문서의 문제점
특정 응용 프로그램으로 작성되어 있어 서로 다른 프로그램에서 작성된 문서와 호환되지 않음 문서를 작성한 응용 프로그램의 새로운 버전이 나오면, 기존의 문서도 새로운 버전에 맞게 변환되어야 함 파일 형식이 시스템에 의존적이므로 서로 다른 기종의 컴퓨터 간에 파일을 주고 받을 수 없음 기존 전자 문서의 문제점 때문에 응용 프로그램과 시스템으로부터 독립적인 문서의 필요성이 대두되었고, 이러한 요구에 따 라 ISO(International Standard Organization:국제 표준화 기구)에서 문서의 논리적 구조에 관한 표준인 SGML(Standard Generalized Markup Language, ISO 8879, 1986년) 표준을 제정
38
마크업 언어 11.3 웹 환경에서 멀티미디어 문서의 표준 절차적 마크업 (Procedural Markup)
일반적으로 문서의 외형을 지정해 주는 데 사용 예 : 이 글자의 크기는 12 포인트로 하고, 글자체는 명조체를 사용 구조적 마크업 (Descriptive Markup) 문서의 외형을 하나하나 지정하지 않고, 문서의 논리적인 구조만을 기술 예 : 책을 쓰고자 한다면 장(Chapter)의 제목, 절(Section)의 제목, 문단, 꼬리말과 같이 문장의 속성만을 지정 문서의 구조와 형식이 분리되며, 특정 프로그램에 종속적이지 않으므로 다른 시스템 간에도 호환이 쉬움
39
SGML (Standard Generalized Markup Language)
11.3 웹 환경에서 멀티미디어 문서의 표준 SGML (Standard Generalized Markup Language) SGML 이란? SGML은 문서의 논리적 구조를 기술하기 위한 마크업 언어를 정의하기 위한 언어의 표준으로, 구조적 마크업을 생성하는 기법을 제공하며, 문서의 내용이나 구조를 정의하기 위한 언어 SGML은 그 자체가 마크업 언어가 아니라, 마크업 언어를 정의하기 위한 메타 언어 SGML은 처리 방법에 대한 표준이 아니라 논리적인 정보만을 제공하므로 포맷 정보를 제공하지 않음 문서의 구조
40
SGML 문서의 구조 11.3 웹 환경에서 멀티미디어 문서의 표준 SGML 문서는 SGML 선언부, DTD 및 DI로 구성
DTD(Document Type Definition) 문서의 논리 구조를 정의 (사용할 태그의 종류, 태그간의 관계, 속성을 정의) 문서의 구조에 따라 정의하는 것이므로 간단한 메모나 편지에서부터 논문, 책에 이르기까지 문서의 종류에 따라서 무한히 많이 만들어 낼 수 있음 DI(Document Instance) 실질적인 문서의 내용과 마크업이 들어가는 부분 마크업은 DTD 부분에서 정의된 형식을 따르므로, DI는 DTD에 의해 만들어진 문서라 할 수 있음 DTD와 DI
41
XML (eXtensible Markup Language)
11.3 웹 환경에서 멀티미디어 문서의 표준 XML (eXtensible Markup Language) XML 이란? XML은 의 WWW에서 SGML을 보다 간단하고, 효율적으로 사용하기 위해 고안 XML은 SGML의 기능 중 기본적인 것만을 제공하고, 불필요한 옵션을 제거 XML에서 문서의 구조를 정의한 부분을 DTD(Data Type Definition)라 하고, 이 DTD에 따라 작성된 문서를 DI(Document Instance)라고 함 XML의 계층구조가 DTD에 정의되어 있어 DTD만 보고도 문서구조 파악이 가능 DTD에서 태그를 ELEMENT로 정의하며 태그의 속성은 ATTLIST로 정의
42
11.3 웹 환경에서 멀티미디어 문서의 표준 XML의 출력양식 XML의 활용
XML의 실제 출력양식인 스타일시트는 XSL(XML Stylesheet Language) SGML에서는 DSSSL(Document Style Semantics and Specification Language)를 사용했으나 이를 간소화하여 XSL 제정 XSL은 XML 문서의 각 요소가 어디에 배치되고 어떤 형태로 보여지는지를 지정하거나 변환하도록 작성 XML 문서는 HTML 문서 출력을 위해 사용하는 CSS(Cascade Style Sheet)에 의해 스타일을 지정할 수도 있음 즉, XML은 문서의 논리적 구조 및 내용과 출력형식이 분리하는 것이 원칙 XML의 활용 전자도서관, 전자출판, 전자상거래등 광범위한 응용분야에서 활용 MathML, CML, WML, ebXML, SVG, SMIL, X3D 등
43
SGML, XML, HTML의 관계 11.3 웹 환경에서 멀티미디어 문서의 표준 SGML HTML XML
장점 : 유연성이 크고 시스템이나 플랫폼에 독립적으로 운용 단점 : 복잡하여 시스템을 개발하기 어려움 HTML 장점 : 사용이 편리하며, 웹 상에서 빠르게 정보를 제공 단점 : 고정된 태그 집합만을 사용하고, SGML처럼 복잡한 구조를 갖는 문서를 작성 할 수가 없음 XML SGML에서의 복잡성을 제거하고, HTML의 고정된 태그를 벗어나 사용자가 문서 구조를 정의하여 사용할 수 있는 언어 SGML과 HTML의 단점들을 상호 보완하여 개발한 문서 기술 언어 XML은 SGML의 복잡한 특성을 제한하지만 웹상에서의 정보를 제공 할 수 있으며 DTD를 사용자가 정의할 수 있고 다양한 링크 유형을 제공하는 장점을 가짐 SGML, HTML, XML의 미래 각각의 특성과 주력하는 응용분야에 차이가 있음 한가지가 다른 것들을 대체하는 형태 보다는 상호보완적 관계에서 발전해 나갈 것으로 예측
44
XHTML (eXtensible HTML)
11.3 웹 환경에서 멀티미디어 문서의 표준 XHTML (eXtensible HTML) XHTML은 XML DTD로 만든 HTML. HTML의 문법이 명확하지 않은 점과 확장성이 부족한 점을 보완하기 위해 제정. XHTML은 XML DTD로 정의된 언어이기 때문에 XML의 특성을 모두 가짐 현재 웹 표준 위원회를 주축으로 기존 및 새로이 생성되는 HTML 문서들을 XHTML 기반으로 유도 XML 및 XHTML의 발전과정
45
11.4 CD/DVD 타이틀의 제작 CD 및 DVD의 특성과 활용 CD/DVD 타이틀 저작도구
46
CD/DVD의 특성과 활용 11.4 CD/DVD 타이틀의 제작 CD/DVD 타이틀 멀티미디어 타이틀
멀티미디어 타이틀의 적용분야
47
CD타이틀의 활용분야 11.4 CD/DVD 타이틀의 제작
(1) 교육 및 학습용 타이틀 CAI(Computer Aided Instruction), CBT(Computer Based Training) 등과 같이 컴퓨터를 교육분야에서 활용하는 콘텐츠 (2) 정보전달용 타이틀 사전이나 백과사전 등과 같이 한번 제작된 정보가 상당 기간 동안 변화 없이 그대로 사용될 수 있는 응용분야 학교나 기관, 기업 등에서의 홍보용 타이틀 기존의 인쇄물을 이용한 방식에 비해 효과적이고 경제적
48
CD/DVD 타이틀 저작도구 흐름도 방식(Icon-based 또는 Flowchart형) 11.4 CD/DVD 타이틀의 제작
- 저작방식에 따른 분류(저작도구의 메타포) 흐름도 방식(Icon-based 또는 Flowchart형) 각 미디어를 제어할 수 있는 다양한 기능의 아이콘 팔레트와 미디어가 동작하는 순서를 정하기 위해서 각 아이콘들을 연결하는 흐름선(Flow Line)을 이용 스크립트언어를 사용하지 않고도 타이틀을 쉽게 만들 수 있어 초보자라도 단시간 내에 타이틀의 개발이 가능 제한된 제어구조로 인해 하이퍼미디어 형태의 타이틀 저작에는 부적합, 주로 제품의 소개를 위한 슬라이드쇼나 프리젠테이션 등을 목적으로 하는 타이틀의 제작에 적합 대표적인 저작도구에는 Authorware(Macromedia사)가 있다.
49
시간선 방식(Time-based 또는 Score형)
11.4 CD/DVD 타이틀의 제작 시간선 방식(Time-based 또는 Score형) 각 미디어 요소와 이벤트들을 시간축에 순차적으로 배치하여 시간의 흐름에 따라 미디어들을 재생하는 방식 미디어간의 동기화 관계를 직관적으로 기술할 수 있어 상호대화 방식의 동적인 시나리오 표현이 용이 프리젠테이션이나 신제품발표를 위한 타이틀의 제작에 적합 하이퍼미디어 형태의 타이틀 제작에는 부적합 대표적 소프트웨어로는 Action과 Director(Macromedia 사) 등
50
책 방식(Page-based 또는 Script형)
11.4 CD/DVD 타이틀의 제작 책 방식(Page-based 또는 Script형) 타이틀의 저작단위를 페이지 또는 카드와 같은 단위 요소로 구성하여 각 페이지간에 링크를 추가함으로써 타이틀을 구현하는 방식 미디어에 대한 제어나 탐색항해(Navigation) 등은 스크립트 언어를 이용해서 기술 스크립트 언어로는 HyperTalk(HyperCard), SuperTalk(SuperCard), OpenScript (ToolBook) 등
Similar presentations
