[커리큘럼] FLEX STUDY

1. Flex 개요
1.1 Flex의 탄생배경
1.2 Flex SDK와 LCDS의 기능과 역할
1.3 어플리케이션 3단계 컴파일 및 배포
1.4 실행환경(AIR/Flash Player/Flash Light)

2. Flex Builder 사용법
2.1 워크스페이스 및 프로젝트 자원관리
2.2 뷰와 퍼스펙티브에 대하여
2.3 어플리케이션 관리
(생성/삭제/임포트/빌드/실행/디버깅/프로파일링)
2.4 자주 사용하는 단축키 총 정리
2.5 플렉스에서 제공되는 컴포넌트 총 정리
(컨테이너/컨트롤/넌비쥬얼컴포넌트)
2.6 디자인 뷰를 사용한 화면 구성
(레이아웃/스킨/스타일/네비게이터/스테이트)

3. Flex 개발 언어
3.1 MXML 기본 구문
3.2 MXML 어플리케이션과 MXML 컴포넌트 작성
3.3 네임스페이스와 URI
3.4 MXML 컴파일러 태그들에 대하여
3.5 MXML에서 사용되는 속성들의 종류 및 사용법
(프로퍼티,스타일,이벤트,이펙트트리거,렌더러,에디터)
3.6 ActionScript 3.0 입력 방법의 종류
(바인딩/인라인스크립트/인클루드/클래스)
3.7 ActionScript 3.0 기본 구문
3.8 ActionScript 3.0 객체지향프로그래밍

4. 외부 자원 사용
4.1 자바스크립트 통신
4.2 XML 로딩
4.3 SharedObject(쿠키개념) 활용

5. 서버사이드와 통신
5.1 서버환경 구성
5.2 HTTPService를 활용한 답변형 게시판
5.3 WebService 활용
5.4 Socket 및 XMLSocket을 활용한 채팅 어플리케이션
5.5 멀티 파일업로드 활용

6. Flex 컨테이너 활용 및 디자인
6.1 Application과 Panel을 활용한 동적 레이아웃
6.2 ApplicationControlBar를 활용한 헤더영역 레이아웃
6.3 Box, VBox, HBox를 활용한 바디 영역 레이아웃
6.4 Canvas를 활용한 툴팁 컴포넌트 만들기
6.5 Form을 활용한 회원가입 폼 만들기
6.6 Tile을 활용한 이미지 겔러리 만들기(드래그/드랍)
6.7 Grid를 활용한 테이블 레이아웃
6.8 DividedBox를 활용한 화면분할 레이아웃
6.9 네비게이터를 활용한 화면 전환 및 생성정책 활용
(Accordion/TabNavigate/ViewStack)
6.10 TitleWindow를 활용한 팝업 화면 레이아웃

7. Flex 컨트롤 활용
7.1 ColorPicker로 Application 배경색 변경하기
7.2 선택된 CheckBox 찾아내기
7.3 RadioButton 그룹 지어주기
7.4 Slider로 Image 사이즈 변경하기
7.5 NumericStepper로 카운트 지정하기
7.6 DateChooser, DateField를 한글화 하고 선택영역 지정하기
7.7 텍스트 컨트롤 활용
(Label, Text, TextInput, TextArea, RichTextEditor)
7.8 미디어 컨트롤 활용
(Image, Sound, VideoDisplay)
7.9 1차원,2차원,계층형 list base 컨트롤 활용
(List,HorizontalList,ComboBox,TileList,DataGrid,Chart,Tree)

8. Flex 이벤트 처리
8.1 어플리케이션 생성 시 발생되는 시스템 이벤트
8.2 자식 컴포넌트들의 추가와 삭제 시 발생되는 시스템 이벤트
8.3 화면의 변화에 따라 발생되는 시스템 이벤트
8.4 캡쳐, 타겟, 버블링 이벤트 플로우 처리
8.5 컴포넌트의 결합도를 낮추기 위한 사용자 이벤트 활용

9. 데이터 가공 및 처리
9.1 문자열 처리하기
(String/StringUtil/정규식)
9.2 Array 및 계층형 데이터 가공
(Array,ArrayCollection,XMLList,XMLListCollection,E4X)
9.3 사용자 Validator를 활용한 데이터 유효성 검증
9.4 사용자 Formatter를 활용한 데이터 포멧

10. Effect를 활용한 애니메이션 효과
10.1 단일 효과주기 (Move/Fade/Wipe/Zoom/Resize)
10.2 다중 효과주기 (Sequence/Parallel)

11. 어플리케이션 스콥
11.1 최상위 컨테이너 Stage
11.2 SWFLoader를 활용한 하위 어플리케이션 로딩
11.3 부모 및 자식 어플리케이션 그리고 컴포넌트 스콥

Purpose of “TINKOBMI”

사용자 삽입 이미지

TINKOBMI프로젝트는 Adobe Flash/Flex, Air, AJAX, PV3D, LiveCycle등의 RIA기술을 사용하여,
UserExperience(사용자경험)을 극대화 할수 있는 방법을 모색한다.
ZBXE, GNU, TextCube와의 연동을 하고, 관리자 모듈까지 플래시로 구현함을 목표로 한다.
컨텐츠를 보여주는 방식에 있어서, 사용자가 재미를 느낄수 있으며, 보다 편하게 사용할수 있는 UI를 구상하고,
새로운 아이디어 혹은 현재 유행하고 있는 방식을 택한다.
Apple社의 CoverFlow방식을 응용하며, Papervision3D 라이브러리를 활용하여,
x,y축의 정적인 방식을 벗어나는 z축을 포함하는 공간감을 더한다.

물론 구체적인 기획안을 마무리 지어야 겠지만, 개발툴로는 Flex,Flash를 기본으로 사용할 예정이며,
경우에 따라 AJAX도 겸할 생각이다.
기본 서버구성은 PHP, tomcat, MySQL의 환경으로 생각하고있다. (현 marines.co.kr의 서브도메인)


[ ToM Road Map ]
version 1.0을 시점으로 GPL정책으로 배포할 생각이지만, 어찌될지는 아무도 .. ㅎ

==== Period 01 (ToM version 0.1a) ====

1. Write Article Module / Article Category Module
– Flash Editor Module (MToM Editor Module ver0.1)
– MToM Editor와 데이터호환 가능한 Data형
– SQL-DB Table Auto-Creater (PHP Module)
2. viewer의 UI구현
+참고 : BirdMan (http://www.birdman.ne.jp/)
– 일반적인 리스트 방식
– eBook방식 (책장넘기는 효과)
– 책상위에 펼쳐져 있는 메뉴를 집어서 실제로 사용하는 듯한 방식
– Apple사의 CoverFlow방식에 기능추가
– 3D 정렬방식(DNA, Flat-wave, Spherical … etc)

==== Period 02 (ToM version 0.2a) ====

1. Article Management Module / Admin Page
(차후 Application 개발) – FLEX로 구현
– 게시물 관리
– Skin/Theme 관리
– User 관리 (Session처리 여부에 대한 고민 필요)
– Widget, 플러그인 기능 구현 (차기버젼에 구현예정)
– 권한설정 관리
– RSS기능 (차기버젼에 구현예정)
– 최근 게시물 보기
2. Log Analysis Module (차후 Application 개발)
+참고 : Maru Counter(http://marucounter.com/bc/), FusionCharts(http://www.fusioncharts.com/)
– 방문자통계 : 순방문자 통계(시간,일,월,년별), 페이지뷰 통계(일,월,년별), 검색로봇 통계(일,월,년별)
– 통계분석정보 : 방문자분석, 링크유입분석, 검색엔진분석, 검색로봇 분석
– 접속위치정보 : 국가별 방문통계, IP별 방문통계, IP차단목록, 참조사이트별 통계
– 설정하기

==== Period 03 (ToM version 0.3a) ====

※ 타프로젝트에 적용가능하도록 고려하여야함
1. TOM사이트 Application제작
2. LogAnalysis Application제작