[Project A] Full Flash Site

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

2. 목차 Project 개요 Project 제작 조건 Project 선택 사이트 Project A

3. Project 개요

4. 플래시와 액션스크립트를 이용한 Full Flash Site 구축 Project 개요 ●프로젝트 목적 : 인터넷 수업을 통해 예제로만 학습했던 액션스크립트를 실제 프로젝트에서 사용할 경우 원하는 표현을 얻기 위한 분석과 응용 능력을 향상하고 학습하기 위함 ● 프로젝트 기간 : 2007년 1학기 4주차 ~ 8주차 (8주차는 개인별 프로젝트 완료 발표 시간) ●프로젝트 진행 방법 : 총 5개 사이트 중 원하는 사이트 2개를 선택하여 진행 (SWF Decompiler프로그램을 통해 사용 소스 추출) ●프로젝트 평가 : 선택한 사이트와 비교하여 플래시 구현 완성도 평가(디자인 제외)

5. Project 제작 조건

6. 프로젝트 진행에 있어서 반드시 지켜야 할 제작 조건 Project 제작 조건 선택 사이트 별 제작 조건을 꼼꼼하게 살펴본 후 제작 플래시의 Frame rate는 반드시 36 fps로 제작 외부 파일을 로드 할 경우 반드시 현재 로드 되고 있는 상황을 확인할 수 있는 프리로더 제작 프로젝트 결과물은 반드시 온라인에서 확인할 수 있어야 하며, 제작 소스는 별도 제출 필요할 경우 컨텐츠 디자인을 변경해도 무관함 다른 학생의 소스를 카피하였다고 판단할 경우, 양쪽 모두 평가대상에서 제외 액션스크립트 소스에 SWF Decompiler를 사용한 흔적이 있을 경우 평가대상에서 제외 프로젝트를 진행하면서 느낀 점(힘들거나 고민되었던 부분 등)은 8주차 개인별 발표 시간에 발표

7. Project 선택 사이트

8. Project 선택 사이트 SAMSUNG SGH-E720 사이트 설명 제품 프로모션 사이트로 에프터이펙트로 제작된 모션을 플래시를 이용해서 효과적으로 제어하고 있으며 각각의 제품 설명 페이지를 별도 SWF로 제작, 사용자가 메뉴를 선택할 때마다 해당되는 SWF를 로드무비를 이용해서 제어하고 있습니다. http://samsungmobile.dstrict.com/showcase/case/e720/index.html

9. Project 선택 사이트 SAMSUNG SGH-E720 사이트 제작 조건 총 5개의 메뉴를 이용 각각의 컨텐츠를 효과적으로 제어했는지 여부를 중심으로 평가 ●컨텐츠와 컨텐츠 사이의 화면 전환이 자연스럽게 이뤄지도록 제작합니다. ●각 컨텐츠의 세부 컨텐츠 애니메이션도 구현합니다. ●네비게이션에서 현재 선택된 메뉴는 활성화 시킵니다. ● E-CARD는 실제 구현할 필요는 없습니다. ●배경음악은 사용하지 않아도 상관없습니다.

10. Project 선택 사이트 타짜 사이트 설명 영화 ‘타짜’의 온라인 프로모션 사이트로 영화에 대한 전반적인 정보와 출연배우들의 정보를 확인할 수 있는 컨텐츠로 구성되어 있으며, 각각의 컨텐츠는 별도의 SWF로 제작 사용자가 선택할 때마다 로드무비를 통해 제어하고 있습니다. http://www.tazza2006.co.kr

11. Project 선택 사이트 타짜 사이트 제작 조건 각각의 메뉴를 선택했을 때 해당 SWF를 효과적으로 제어했는지 여부를 중심으로 평가 ●컨텐츠와 컨텐츠 사이의 화면 전환이 자연스럽게 이뤄지도록 제작합니다. ●캐릭터 소개 메뉴와 영화 정보 메뉴는 동일한 인터랙션으로 구현합니다. ●각 컨텐츠의 세부 컨텐츠 애니메이션도 구현합니다. ● Board는 제작에서 제외합니다. ●배경음악은 사용하지 않아도 상관없습니다.

12. Project 선택 사이트 IMAGE DIVE 사이트 설명 일본의 디자인 스튜디오 사이트로 기본적인 스튜디오 정보와 작업했던 작품들을 감상할 수 있습니다. 각 메뉴마다 메뉴의 의미를 설명하는 Index 컨텐츠를 가지고 있으며 컨텐츠 세부 메뉴로 들어갈 경우 Detail한 정보를 확인할 수 있습니다. http://www.imagedive.co.jp

13. Project 선택 사이트 IMAGE DIVE 사이트 제작 조건 네비게이션의 완성도를 통해 각 컨텐츠와의 체계적인 연결 여부를 중심으로 평가 ●컨텐츠와 컨텐츠 사이의 화면 전환이 자연스럽게 이뤄지도록 제작합니다. ● 2Depth 구조의 네비게이션을 그대로 구현합니다. ●각 컨텐츠의 세부 컨텐츠 애니메이션도 구현합니다. ●방문자 기록은 제작에서 제외합니다. ●네비게이션 효과음은 사용하지 않아도 상관없습니다.

14. Project 선택 사이트 시각공해 사이트 설명 그래픽 디자이너 ‘시각공해’님의 개인 사이트로 포트폴리오 작품들을 다이나믹한 인터랙션을 통해 효과적으로 제어하고 있으며, 필요한 데이터를 상황에 따라 로드해서 사용하고 있습니다. http://visual-pollution.com/vol8

15. Project 선택 사이트 시각공해 사이트 제작 조건 사이트에 구현된 인터랙션의 완성도 여부를 중심으로 평가 ●컨텐츠와 컨텐츠 사이의 화면 전환이 자연스럽게 이뤄지도록 제작합니다. ●사이트에 사용된 인터랙션은 그대로 구현하며 브라우저 가변에 따른 화면 정렬도 구현합니다. ●각각의 포트폴리오의 디테일 컨텐츠도 그대로 구현합니다. (동영상 팝업 제어 포함) ●방명록은 제작에서 제외합니다. ●네비게이션 효과음은 사용하지 않아도 상관없습니다.

16. Project 선택 사이트 J&Runners 사이트 설명 제품 디자인 회사인 J&Runners의 사이트로 각각의 카테고리에 해당되는 작품을 로드무비를 통해 체계적으로 제어하고 있으며, 심플한 디자인과 다이나믹한 인터랙션을 이용해서 사용자가 손쉽게 컨텐츠를 확인할 수 있는 구조로 제작되어졌습니다. http://www.jnrunners.com

17. Project 선택 사이트 J&Runners 사이트 제작 조건 사이트에 구현된 인터랙션의 완성도 여부를 중심으로 평가 ●컨텐츠와 컨텐츠 사이의 화면 전환이 자연스럽게 이뤄지도록 제작합니다. ●사이트에 사용된 인터랙션은 그대로 구현하며 브라우저 가변에 따른 화면 정렬도 구현합니다. ●각각의 포트폴리오 이미지는 로드무비를 통해 구현합니다. ●네비게이션 효과음은 사용하지 않아도 상관없습니다.