[Project B] Interactive Site

1. [Project B] Interactive Site 2007년도 1학기 계원조형예술대학 멀티미디어디자인과

2. 목차 Project 개요 Project 제작 조건 Project 참고 사이트 Project 스토리보드 Project B

3. Project 개요

4. 플래시와 액션스크립트를 이용한 Interactive Site구축 Project 개요 ●프로젝트 목적 : 프로젝트A를 통해 로드무비에 관한 기본적인 구조를 학습하였는데요. 프로젝트B에서는 기본적인 로드무비 구조를 좀 더 확장하여 다이나믹한 플래시 사이트를 구현함으로써 보다 폭넓은 액션스크립트의 사용 방법을 학습할 것입니다. ●프로젝트 기간 : 2007년 1학기 10주차 ~ 14주차 (15주차는 개인별 프로젝트 완료 발표 시간) ●프로젝트 진행 방법 : 본인이 기획한 스토리 보드를 이용 디자인과 플래시를 직접 제작 (참고 사이트 리뷰를 통해 자신만의 주제 선정) ●프로젝트 평가 : - 최초 기획한 스토리 보드와 제작한 사이트의 완성도 비교 - 제작한 사이트의 구조적인 안전성 - 인터렉티브한 네비게이션 구현 - 기타 다이나믹한 화면 전환 구현 등

5. 주차 별 Project 진행 순서 Project 개요 ● 10주차 [수업] 프로젝트B 리뷰 및 개인별로 기획한 스토리 보드 제작 제출 [과제] 프로젝트B 디자인 제작 제출 ●11주차 ~ 14주차 [11주차] 프로젝트B 개인별 스토리 보드 및 디자인 발표 [12~14주차] 프로젝트B 디자인으로 플래시 제작 [과제] 액션스크립트를 이용한 Interactive구현 ●15주차 [수업] 프로젝트B 개인별 발표

6. Project 제작 조건

7. 프로젝트 진행에 있어서 반드시 지켜야 할 제작 조건 Project 제작 조건 최초 기획한 스토리 보드와 제작한 결과물이 상이하지 않도록 적정한 작업 범위로 기획할 것 주제는 자유롭게 선정할 수 있으나 반드시 로드무비를 사용해야 함 (단독 FLA 제작 불가) 로드무비시 현재 로드 되고 있는 상황을 확인할 수 있는 프리로더를 반드시 제작 프로젝트 결과물은 온라인에서 확인할 수 있어야 하며, 제작 소스는 별도 제출 다른 과목과 연계해서 작업할 경우 평가 제외 (디자인 중복 사용 불가) 다른 학생의 소스를 카피하였다고 판단할 경우, 양쪽 모두 평가대상에서 제외 주요 액션스크립트에는 반드시 본인이 직접 주석을 입력할 것 프로젝트를 진행하면서 느낀 점(힘들거나 고민되었던 부분 등)은 15주차 개인별 발표 시간에 발표

8. Project 참고 사이트

9. Project 참고 사이트 Online Portfolio For Jon Ruppel 사이트 설명 여러 정렬 옵션을 통해 썸네일 네비게이션을 다이나믹하게 제어하고 있으며 마우스 이벤트에 따라 다양한 인터렉티브 효과 제공 핵심 액션스크립트 Array, Tween, _xscale, _yscale, _x, _y http://www.oneover.com

10. Project 참고 사이트 Cultivator Advertising & Design 사이트 설명 브라우저 상, 하 영역을 이용한 슬라이딩 네비게이션과 일괄적인 자연스러운 화면전환 효과 핵심 액션스크립트 Tween, _xscale, _yscale, _x, _y http://www.cultivatorads.com

11. Project 참고 사이트 M Studio - Alex Motzenbecker 사이트 설명 마우스 위치에 따라 일괄적으로 네비게이션의 크기와 위치가 자연스럽게 조절되는 UI 핵심 액션스크립트 Tween, _xscale, _yscale, _x, _y http://www.mstudio.com

12. Project 참고 사이트 How Edison Are You 사이트 설명 출렁이는 효과를 이용한 무비클립 결합과 일정한 규칙에 의해 다이나믹하게 정렬되는 네비게이션 핵심 액션스크립트 Array, Tween, _xscale, _yscale, _x, _y http://www.thomasedison.org

13. Project 참고 사이트 NID GALLERY 사이트 설명 마우스 휠을 이용한 무비클립의 이동과 좌표 제어를 통해 다이나믹한 사용자 경험을 제공 핵심 액션스크립트 onMouseWheel(), Tween, _xscale, _yscale, _x, _y http://www.nagaoka-id.ac.jp/gallery/gallery.html

14. Project 참고 사이트 DESIGN - YAMAHA 사이트 설명 무비클립의 좌표와 스케일을 제어 다이나믹한 화면전환 구현 핵심 액션스크립트 Tween, _xscale, _yscale, _x, _y http://www.yamaha.co.jp/design/milano_salone_2007

15. Project 참고 사이트 eon at Lindbergh 사이트 설명 무비클립의 width, height를 이용한 부드러운 화면 전환 효과 핵심 액션스크립트 Tween, _width, _height, _x, _y http://www.livinglindbergh.com

16. Project 참고 사이트 XRS Nowe Media 사이트 설명 무비클립의 크기와 좌표를 일괄적으로 제어하여 효과인 네비게이션을 구현하였으며 마우스 드래그를 통해 재미있는 경험을 제공 핵심 액션스크립트 Tween, _xscale, _yscale, _x, _y, startDrag() http://www.xrs.pl

17. Project 참고 사이트 CGV IMAX 사이트 설명 유기적인 네비게이션과 다이나믹한 갤러리를 구현 핵심 액션스크립트 Tween, _xscale, _yscale, _x, _y http://www.cgvimax.com

18. Project 참고 사이트 LAB Mathieu Badimon 사이트 설명 3D 효과를 이용한 다이나믹한 효과와 실시간으로 x, y, z 축 제어 핵심 액션스크립트 Tween, _xscale, _yscale, _x, _y, 3D engine(자체 개발) http://lab.mathieu-badimon.com

19. Project 참고 사이트 IN-SENSO 사이트 설명 부드러운 화면 전환과 Portfolio의 원형 네비게이션 핵심 액션스크립트 Tween, _xscale, _yscale, _x, _y http://www.in-senso.com/Site_HD.html

20. 모든 참고 사이트에서 동일하게 사용된 액션스크립트는 무엇인가? Project 스토리보드 ●주제 선정 ● 벤치마킹 한 사이트 소개 ● 작업에 사용할 핵심 컨텐츠 및 주요 인터렉션 소개 ● 화면 및 상황 별 스토리보드 작성 * 스토리보드는 파워포인트로 제작하며 페이지 수 제한은 없습니다.