목차
Ⅰ. 개요
Ⅱ. 스토리보드의 요소
1. 페이지의 구성
2. 페이지의 정보
3. 링크의 정보
4. 프로그램의 요소
Ⅲ. 스토리보드의 필요성
Ⅳ. 스토리보드의 제작 과정
1. 전체 구조도
2. 화면구성안
3. 화면구성안 구성요소
Ⅴ. 스토리보드의 구체화
1. 문서를 스토리보드에 나타내는 방법
1) 점진적 제시와 시간적 제시
2) 스토리보드에 문서를 나타내는 일반적 지침
3) 스토리보드에 문서를 나타내기
2. 그래픽을 스토리보드에 나타내기
1) 그래픽 사용할 때 일반적인 지침
2) 화면 배치 영역에 그래픽 나타내기
3) 그래픽을 자세히 설명하기
4) 그래픽 파일 이름 만들기
5) 그래픽의 복잡성
3. 오디오를 스토리보드에 나타내기
1) 프로그래머 지시 박스에 오디오 나타내기
2) 오디오 화일 이름 만들기
3) 나레이션 설명하기
4. 애니메이션을 스토리보드에 나타내기
5. 비디오를 스토리보드에 나타내기
참고문헌
Ⅱ. 스토리보드의 요소
1. 페이지의 구성
2. 페이지의 정보
3. 링크의 정보
4. 프로그램의 요소
Ⅲ. 스토리보드의 필요성
Ⅳ. 스토리보드의 제작 과정
1. 전체 구조도
2. 화면구성안
3. 화면구성안 구성요소
Ⅴ. 스토리보드의 구체화
1. 문서를 스토리보드에 나타내는 방법
1) 점진적 제시와 시간적 제시
2) 스토리보드에 문서를 나타내는 일반적 지침
3) 스토리보드에 문서를 나타내기
2. 그래픽을 스토리보드에 나타내기
1) 그래픽 사용할 때 일반적인 지침
2) 화면 배치 영역에 그래픽 나타내기
3) 그래픽을 자세히 설명하기
4) 그래픽 파일 이름 만들기
5) 그래픽의 복잡성
3. 오디오를 스토리보드에 나타내기
1) 프로그래머 지시 박스에 오디오 나타내기
2) 오디오 화일 이름 만들기
3) 나레이션 설명하기
4. 애니메이션을 스토리보드에 나타내기
5. 비디오를 스토리보드에 나타내기
참고문헌
본문내용
텍스트를 활성화하였을 때 설명이 나온다.
-두루마리 창: 프로그래머의 지시 박스에 나타낸다.
2. 그래픽을 스토리보드에 나타내기
1) 그래픽 사용할 때 일반적인 지침
그래픽은 간단하고 이해하기 쉽게 하라.
대조적인 색깔을 사용하여 이미지가 깨끗하게 하라.
중요한 부분은 색깔, 프레임, 화살표 등을 사용하여 강조하라.
그래픽을 많이 사용하라.
2) 화면 배치 영역에 그래픽 나타내기
화면 배치 영역에 넣고 싶은 그래픽을 간단하게 스케치한다.
고정된 형태의 그래픽은 스토리보드에 그래픽을 붙인다.
그래픽이 없거나 스케치로서 충분하지 못할 때는 프로그래머 지시 박스에 원하는 그래픽을 자세히 설명한다.
3) 그래픽을 자세히 설명하기
그래픽에 대한 자세한 설명은 프로그래머 지시 박스에 쓴다.
그래픽을 구할 수 있는 자원을 알면 프로그래머 지시 박스에 이를 나타낸다.
4) 그래픽 파일 이름 만들기
그래픽의 파일 이름을 만들어서 화면 배치 영역의 오른쪽에 있는 그래픽 박스에 기입한다.
5) 그래픽의 복잡성
그래픽의 복잡한 정도는 학습 대상과 학습자의 기능 수준에 따라 달라질 수 있다. 고도의 사실성만이 학습을 위해 필요한 것이 아니다. 때로는 단순한 그래픽이 복잡한 그래픽보다 관념을 분명하게 한다.
3. 오디오를 스토리보드에 나타내기
수업 전략 시트를 참조하여 작업을 시작한다. 수업 전략에는 필요한 오디오와 오디오 클립이 사운드나 나레이션을 포함하는지를 나타내고 있다.
1) 프로그래머 지시 박스에 오디오 나타내기
오디오는 시각적인 매체가 아니기 때문에, 화면 배치 영역에 아무 것도 지시되지 않는다. 대신 설계자는 프로그래머 지시 박스에 재생과 관련된 상세한 설명을 한다. 이 설명에는 다음과 같은 내용이 포함되어야 한다.
오디오의 내용
오디오의 길이(초)
오디오가 활성화되는 사태
오디오와 동시에 나타나는 사태
학생들의 통제 선택에 대한 반응
2) 오디오 화일 이름 만들기
오디오 파일 이름을 만들어서 Audio box에 기록한다.
3) 나레이션 설명하기
예를 들면, 설계자는 나레이션이 짧은 경우에는 설계자는 나레이션의 문서를 프로그래머 지시 박스에 써야 한다. 그러나 길고 복잡한 경우에는 오디오 스크립트 워크시트를 사용하는 것이 좋은 것 같다.
4. 애니메이션을 스토리보드에 나타내기
설계자는 애니메이션 박스에 체크를 하고, 프로그래머 지시 박스에 애니메이션 되는 그래픽을 설계한다.
(1) 애니메이션의 다양한 내역은 수업전략을 참고하라.
(2) 최초의 위치를 화면 배치 영역에 스케치하라.
(3) 경로 애니메이션은 경로를 나타내는 점선을 사용하라.
(4) 자세한 재생 내역, 즉 길이, 시작과 함께 일어나는 사태, 그리고 선택 사항은 프로그래머 지시 박스에 나타내어라
(5) 애니메이션 파일 이름은 애니메이션 박스에 써라.
5. 비디오를 스토리보드에 나타내기
(1) 비디오의 자세한 내역에 대해서는 수업전략 워크시트를 참고하라.
(2) 화면 배치 영역 내에서 비디오 클립이 보여지는 곳을 상자 모양으로 그려라.
(3) 재생의 자세한 내역, 즉 크기, 길이, 시작과 함께 일어나는 사태, 그리고 선택 사항은 프로그래머 지시 박스에 나타내어라.
(4) 비디오 파일 이름을 비디오 박스 안에 써라.
참고문헌
기한재·김형호, 인터넷 활용과 홈페이지 제작
멀티미디어 홈페이지 쉽게 배우기, 영진.com
성윤수·박종훈(2004), 홈페이지 할 수 있다 쉽게 배우기, 영진닷컴
샤무스켈헤인, 애니메이션 제작, 커뮤니케이션
웹기획 & 웹프로젝트 매니지먼트, 영진닷컴
이승범, 웹컨텐츠의 기획
PC BOOK 기획실(1997), 홈페이지 7일 작전, PC BOOK
-두루마리 창: 프로그래머의 지시 박스에 나타낸다.
2. 그래픽을 스토리보드에 나타내기
1) 그래픽 사용할 때 일반적인 지침
그래픽은 간단하고 이해하기 쉽게 하라.
대조적인 색깔을 사용하여 이미지가 깨끗하게 하라.
중요한 부분은 색깔, 프레임, 화살표 등을 사용하여 강조하라.
그래픽을 많이 사용하라.
2) 화면 배치 영역에 그래픽 나타내기
화면 배치 영역에 넣고 싶은 그래픽을 간단하게 스케치한다.
고정된 형태의 그래픽은 스토리보드에 그래픽을 붙인다.
그래픽이 없거나 스케치로서 충분하지 못할 때는 프로그래머 지시 박스에 원하는 그래픽을 자세히 설명한다.
3) 그래픽을 자세히 설명하기
그래픽에 대한 자세한 설명은 프로그래머 지시 박스에 쓴다.
그래픽을 구할 수 있는 자원을 알면 프로그래머 지시 박스에 이를 나타낸다.
4) 그래픽 파일 이름 만들기
그래픽의 파일 이름을 만들어서 화면 배치 영역의 오른쪽에 있는 그래픽 박스에 기입한다.
5) 그래픽의 복잡성
그래픽의 복잡한 정도는 학습 대상과 학습자의 기능 수준에 따라 달라질 수 있다. 고도의 사실성만이 학습을 위해 필요한 것이 아니다. 때로는 단순한 그래픽이 복잡한 그래픽보다 관념을 분명하게 한다.
3. 오디오를 스토리보드에 나타내기
수업 전략 시트를 참조하여 작업을 시작한다. 수업 전략에는 필요한 오디오와 오디오 클립이 사운드나 나레이션을 포함하는지를 나타내고 있다.
1) 프로그래머 지시 박스에 오디오 나타내기
오디오는 시각적인 매체가 아니기 때문에, 화면 배치 영역에 아무 것도 지시되지 않는다. 대신 설계자는 프로그래머 지시 박스에 재생과 관련된 상세한 설명을 한다. 이 설명에는 다음과 같은 내용이 포함되어야 한다.
오디오의 내용
오디오의 길이(초)
오디오가 활성화되는 사태
오디오와 동시에 나타나는 사태
학생들의 통제 선택에 대한 반응
2) 오디오 화일 이름 만들기
오디오 파일 이름을 만들어서 Audio box에 기록한다.
3) 나레이션 설명하기
예를 들면, 설계자는 나레이션이 짧은 경우에는 설계자는 나레이션의 문서를 프로그래머 지시 박스에 써야 한다. 그러나 길고 복잡한 경우에는 오디오 스크립트 워크시트를 사용하는 것이 좋은 것 같다.
4. 애니메이션을 스토리보드에 나타내기
설계자는 애니메이션 박스에 체크를 하고, 프로그래머 지시 박스에 애니메이션 되는 그래픽을 설계한다.
(1) 애니메이션의 다양한 내역은 수업전략을 참고하라.
(2) 최초의 위치를 화면 배치 영역에 스케치하라.
(3) 경로 애니메이션은 경로를 나타내는 점선을 사용하라.
(4) 자세한 재생 내역, 즉 길이, 시작과 함께 일어나는 사태, 그리고 선택 사항은 프로그래머 지시 박스에 나타내어라
(5) 애니메이션 파일 이름은 애니메이션 박스에 써라.
5. 비디오를 스토리보드에 나타내기
(1) 비디오의 자세한 내역에 대해서는 수업전략 워크시트를 참고하라.
(2) 화면 배치 영역 내에서 비디오 클립이 보여지는 곳을 상자 모양으로 그려라.
(3) 재생의 자세한 내역, 즉 크기, 길이, 시작과 함께 일어나는 사태, 그리고 선택 사항은 프로그래머 지시 박스에 나타내어라.
(4) 비디오 파일 이름을 비디오 박스 안에 써라.
참고문헌
기한재·김형호, 인터넷 활용과 홈페이지 제작
멀티미디어 홈페이지 쉽게 배우기, 영진.com
성윤수·박종훈(2004), 홈페이지 할 수 있다 쉽게 배우기, 영진닷컴
샤무스켈헤인, 애니메이션 제작, 커뮤니케이션
웹기획 & 웹프로젝트 매니지먼트, 영진닷컴
이승범, 웹컨텐츠의 기획
PC BOOK 기획실(1997), 홈페이지 7일 작전, PC BOOK
추천자료
창의적 사고(아이디어) 개발 기법
오늘의차(혼합차,녹차) 마케팅분석 및 광고계획서작성
유쾌한 이노베이션서평- 우리에게 주는 의미를 찾아서
[마케팅전략] 남양유업 녹차음료 17차 마케팅사례분석
롯데시네마 광고기획서
17차(남양유업) 마케팅 사례 분석
국어과와 수학과 창의적 교육자료(교수자료), 미술과와 체육과 창의적 교육자료(교수자료), ...
교실놀이수업, 교실영어수업 교육자료(지도자료), 퀴즈수업 교육자료(지도자료), 국제광고수...
대상 사이트
[화장품][화장품 현황][화장품 원료][화장품 업체순위][화장품 광고 사례][메이크업]화장품의...
LOOKA 루카 (룩아메리카노) 마케팅전략분석과 IMC분석및 광고전략분석과 전략제안,나의의견
[광고론 광고기획서] 광고 기획 - 차별화된 브랜드 이미지 확립 및 시장점유율 압도적 1위 유...
한국야쿠르트- 기업분석,한국야쿠르트 경영전략,유제품 시장 변화,광고 전략,광고 매체 전략,...
도미노 피자 (Domino’s Pizza)
소개글