발표자 : 박경성 박재현 지도교수 :이광세 교수님

Presentation on theme: "발표자 : 박경성 박재현 지도교수 :이광세 교수님"— Presentation transcript:

1 발표자 : 20021255 박경성 20021260 박재현 지도교수 :이광세 교수님
Flex 기반의 학부 홈페이지 구현 Chaos_Lab 발표자 : 박경성 박재현 지도교수 :이광세 교수님 CHAOS_LAB

2 목 차 개발동기 작업환경 및 개발도구 작업일정 제작과정 시연 발전방향 및 개발후기 CHAOS_LAB

3 개 발 동 기 시대의 흐름을 반영, 3D구현형식의 홈페이지 제작
Login 게시판 및 자료실 활용 선정적 자료와 광고성 자료 차단 학부의 역사와 캠퍼스의 추억을 담을 수 있는 갤러리 학과특성을 살려 visual적인 면을 고려  사용도 높은 홈페이지 CHAOS_LAB CHAOS_LAB

4 개발환경 및 제작도구 운영체제 : Windows XP 개발 툴 : Flex 2.0.1 Flash Pro 8
Zeroboard 4.1 개발 언어 : MXML , JAVA Action Script 3.0, XML CHAOS_LAB

5 DB구성 및 html & Component 연동
작 업 일 정 2007년 1학기 Flex Component 2007년 2학기 데이터 마이닝 2008년 1월 홈페이지 초안 설계 2008년 2월 2008년 5월 타과 홈페이지를 통한 정보 수집 및 Component 설계 최종 Layout 수정, 제작완료 및 발표 준비 2008년 3월 기본적인 형태와 Component구성 2008년 4월 DB구성 및 html & Component 연동 CHAOS_LAB

6 전 체 구 성 네임스페이스정의 후, 호출하는 방식 CHAOS_LAB

7 <hand’s coding>
Super Panel mx:Panel <hand’s coding> My_Super Panel <mouse click> Panel의 크기 Application 안에 width, height 조절 초기값만 설정한 후, panel의 우측하단을 Drag로 조절 Panel의 위치 “x”, “y” 좌표를 통해 설정 Titelbar Drag를 이용해 이동 가능 Panel의 변화 Button Click Next State 전환 Titelbar 부분 Double Click : 최소화 Titelbar 오른쪽의 icon  Click : 최대화 & Base 상태 Panel의 종료 Panel event  visible=“false”; Titelbar의 종료 icon을 이용하여 visible=“false”; CHAOS_LAB

8 Super Panel Panel의 동작 제어 함수 Titlebar 제어 함수 Panel의 resize 제어함수
CHAOS_LAB

9 Shuffle Canvas mx:Canvas My_Shuffle Canvas CHAOS_LAB Canvas의 형태
형태가 없음. 다른컴포넌트를 담는 기능 Header부분을 삽입 하여, 형태가 보여 질 수 있도록 제작 Cavas의 Header Canvas에 Lable이 주어지면 Lable의 text를 Header에 보여줌. Canvas의 layout 독립적인 Canvas 이므로 바둑판 형식 Header 의 index 값을 통해 처음 자리에 위치. Canvas의 Move 무형의 박스형태  동작이 없음 형태가 있어, effect효과를 줄 수 있음 CHAOS_LAB

10 Shuffle Canvas Header 생성 함수 Header 의 Width, height 정의 함수
Header click 제어 함수 CHAOS_LAB

11 iFrame Flex API Class가 아닌 Flex의 내부 콤포넌트에 html tag를 사용하여 html을
연결시킬수 없을까? Flex API Class가 아닌 html tag를 사용하여 flex 콤포넌트에Url을 가지고 게시판을구현 Flex 콤포넌트에서 Iframe을 일반 Flex에서 지원해주는 콤포넌트처럼 불러와 사용. CHAOS_LAB

12 iFrame Flex 2.0의 한계! 임시방편이긴 하나 Visible을 통하여 제어 가능함. CHAOS_LAB

13 Visual측면 강조 CHAOS_LAB

14 구성 & 시연 CHAOS_LAB

15 개발후기 및 발전방향 개발후기 발전방향 ▶DB와 디자인측면에서 어려움을 느껴 이에 따른 학구열 상승.
▶Flex Project의 설계 및 수행하는데 있어 충분한 자신감. 발전방향 ▶미흡한 부분 보수와 리소스 최적화 설문조사, 차트, 채팅 등 다양한 콤포넌트 추가 (ex:학회장선출, 졸업생과의 정보교환의 기회) ▶학과 홈페이지로서의 실제 사용 CHAOS_LAB

16 감 사 합 니 다.