매크로미디어 1 DAY TRAINING (2004년 10월 22일)
- Posted at 2004/10/22 15:26
http://www.action-scripter.com/blog/trackback/797
-----------------------------------------------------------------------------------------
매크로미디어 1 DAY TRAINING (2004년 10월 22일)
-----------------------------------------------------------------------------------------
● flex : XML을 이용한 플래시 플레이어 어플리케이션 (개발자용 플래시)
( http://www.riasoft.co.kr 에서 소개 )
● 가장 이상적인 구축
--> 콜드퓨전과 플래시 리모팅을 이용한 데이터 전송( flash.as 데이터 전송)
● 대체 일반적인 구축
--> XML을 이용한 데이터 전송 (서버사이드언어에서 생성된 XML을 플래시 XML커넥터로
받아 플래시에서 파싱을 한 후 다시 서버로 보낸다.)
--> ex) http://www.daoudata.co.kr/Ria/DAOU_RIA.asp?ProdGubun=SW&CatalogID=SA00&MisCode=SA01%0A
● 서버사이드 언어에서 loadVars(); 를 이용한 다이렉트 데이터 전송과 XML 파싱후에 데이터 전송의
차이는 크게 없다.
● www.moneykit.net
--> 용이한 UI를 이용한 자산관리
● www.di2.co.kr
--> XML을 이용한 그래프 구축
● http://www.datapcs.co.kr/default/index.jsp
--> 참석한 교육생 회사 작업
● mfas600/gear_lab6_done.fla 실습
--> 외부 텍스트 파일 LoadVars();를 이용해서 불러오기
● flad2004/solution/lab3.fla 실습
--> 실제 Flash Form Application와 XML Connector를 이용한 실습
● Flash Form Application 과 Flash Slide Presentation의 차이를 잘 알고 있자.
--> Flash Form Application은 RIA를 만들기 위한 가장 기본적인 형태의 프로젝션
--> Flash Slide Presentation은 일반적인 PPT의 개념으로 생각
● Flash 2004는 무비클립, 프레임, 버튼 이외에 스크린에도 액션을 넣을수 있다.
ex A) 프레임에 액션 스크립트 넣기
this.xcTrips.trigger();
ex B) 스크린을 선택하고 액션 스크립트 넣기
on(reveal){ // 스크린이벤트핸들러
this.xcTrips.trigger();
}
ex A와 B 모두 같은 결과를 나타낸다.
● changeHandler는 AS2.0에서 class개념으로 사용되기때문에 활성화(녹색)가 안된다.
● selectedItem은 comboBox에서 이벤트에 따라 선택되는 값 지정
● 플래시 적절한 모션과 스크립트를 가지고 모든 면을 다 활용해서 제작을 한다.
--> 액션스크립트 만 가지고 작업을 하거나, 모션 트위닝 만으로 작업을 하거나, 컴포넌트 만
가지고 작업을 하지 말자. 각 각의 주요한 특징과 상황에 맞는 최적의 요소로 잘 활용하자.
● selma50 / guest 강사님 웹하드 --> 각종 자료 있습니다.
● 외부 XML 가지고 와서 순서
1. trigger 선언
2. URL 입력
3. direction = receive
4. Component Inspector에 Schema를 이용해서 results에 xml구조를 가지고 온다.
5. Bindings을 이용해서 데이터를 보여줄 곳으로 보낸다
● Schema는 참고할 XML의 구조를 가지고 오는 작업이다.
● 가지고온 XML의 데이터를 ComboBox Components에 적용할 경우 (XMLConnecter선택)
1. Component Inspector에 Bindings TAB의 Bound To를 선택한다.
2. Bound Index창에서 ComboBox를 선택하고 Use constant value의 체크를 풀어준다. (기본값:0)
3. Schema location의 dataProvider : Aray를 선택한다.
4. Bindings TAB의 formatter을 선택하고 Rearrange Fields를 선택한다. (기본값:none)
5. 그 다음 Bindings TAB의 formatter opions에서 XML데이터에서 사용할 필드를 지정한다.
6. formatter opions을 선택하면 Rearrange Fields창이 뜨고 Fields definitions에
ComboBox의 label값과 data값에 참조할 변수명을 넣어준다.
ex) label=name;data=cost // name과 cost는 XML node
● ComboBox Components를 선택할때 마다 관련 데이터 보여주기(XMLConnecter선택)
1. Component Inspector에 Bindings TAB에서 Add binding(+버튼)을 선택 사용할 데이터를 추가한다.
2. Index for 'trip'을 클릭해서 Bound Index창이 뜨면 Use constant value의 체크를 풀어준다. (기본값:0)
// 'trip'은 외부에서 가지고온 XML의 배열명이다. (Schema에서 확인할 수 있다.)
// trip : Array
3. ComboBox를 선택해서 Schema location의 selectedIndex : Number를 선택한다.
ex) 모든 데이터를 이런식으로 ComboBox와 연결하여 사용할 수 있다.
● 데이터그리드간격조정/sunggyu_dataset.fla 실습
--> Data Grid와 Data Set를 이용한 실습
● XML에 데이터를 불러올때 NaN이라는 메시지가 뜨면 Schema에 있는 data type를 확인해 보면 된다.
--> Integer로 설정되어 있을때 Nan이라고 나오면 String으로 변경해 주면 된다.
● Extension Manager를 설치하고 dataGridColumnEdit.mxp를 설치해서 그리도 각견조절 및 속성 변경을
쉽게 할 수 있는 마법사 Extension(확장 컴포넌트)를 이용하자.
● DataSet Components를 이용해서 필요한 XML데이터 활용
1. XMLConnecter에서 Bindings을 바로 화면에 보여주는 다른 Components(Text Area 또는 Data Grid등)에
직접 연결하는 것이 아니고 DataSet Components에 Bindings을 해 준다.
2. DataSet의 Schema를 선택해서 Add a components property를 해 준다. (+버튼)
3. 그리고 Bindings받은 XML 데이터 중에서 사용할 field를 field name에 넣어준다.
// 주의할 점은 data type이 어떤것인지 항상 확인한다.
4. 그 다음 Bindinsgs에서 보여주게 될 Components로 bound to 해 준다.
5. 그럼 DataSet에서 추가한 field만 보여진다.
ex) 불러온 XML의 배열 데이터 중에서 필요한 요소를 이용할 때 해당 field를 추가해서 사용한다.
데이터를 효율적으로 분산해서 사용가능 (시스템 부화나 로딩 시간은 별로 걸리지 않는다.)
● MP3/mp3_player_cording.fla 실습
--> Media components와 XML를 이용한 실습
● changeHandler는 components의 이벤트를 체크하기 위한 액션스크립트이다.
매크로미디어 1 DAY TRAINING (2004년 10월 22일)
-----------------------------------------------------------------------------------------
● flex : XML을 이용한 플래시 플레이어 어플리케이션 (개발자용 플래시)
( http://www.riasoft.co.kr 에서 소개 )
● 가장 이상적인 구축
--> 콜드퓨전과 플래시 리모팅을 이용한 데이터 전송( flash.as 데이터 전송)
● 대체 일반적인 구축
--> XML을 이용한 데이터 전송 (서버사이드언어에서 생성된 XML을 플래시 XML커넥터로
받아 플래시에서 파싱을 한 후 다시 서버로 보낸다.)
--> ex) http://www.daoudata.co.kr/Ria/DAOU_RIA.asp?ProdGubun=SW&CatalogID=SA00&MisCode=SA01%0A
● 서버사이드 언어에서 loadVars(); 를 이용한 다이렉트 데이터 전송과 XML 파싱후에 데이터 전송의
차이는 크게 없다.
● www.moneykit.net
--> 용이한 UI를 이용한 자산관리
● www.di2.co.kr
--> XML을 이용한 그래프 구축
● http://www.datapcs.co.kr/default/index.jsp
--> 참석한 교육생 회사 작업
● mfas600/gear_lab6_done.fla 실습
--> 외부 텍스트 파일 LoadVars();를 이용해서 불러오기
● flad2004/solution/lab3.fla 실습
--> 실제 Flash Form Application와 XML Connector를 이용한 실습
● Flash Form Application 과 Flash Slide Presentation의 차이를 잘 알고 있자.
--> Flash Form Application은 RIA를 만들기 위한 가장 기본적인 형태의 프로젝션
--> Flash Slide Presentation은 일반적인 PPT의 개념으로 생각
● Flash 2004는 무비클립, 프레임, 버튼 이외에 스크린에도 액션을 넣을수 있다.
ex A) 프레임에 액션 스크립트 넣기
this.xcTrips.trigger();
ex B) 스크린을 선택하고 액션 스크립트 넣기
on(reveal){ // 스크린이벤트핸들러
this.xcTrips.trigger();
}
ex A와 B 모두 같은 결과를 나타낸다.
● changeHandler는 AS2.0에서 class개념으로 사용되기때문에 활성화(녹색)가 안된다.
● selectedItem은 comboBox에서 이벤트에 따라 선택되는 값 지정
● 플래시 적절한 모션과 스크립트를 가지고 모든 면을 다 활용해서 제작을 한다.
--> 액션스크립트 만 가지고 작업을 하거나, 모션 트위닝 만으로 작업을 하거나, 컴포넌트 만
가지고 작업을 하지 말자. 각 각의 주요한 특징과 상황에 맞는 최적의 요소로 잘 활용하자.
● selma50 / guest 강사님 웹하드 --> 각종 자료 있습니다.
● 외부 XML 가지고 와서 순서
1. trigger 선언
2. URL 입력
3. direction = receive
4. Component Inspector에 Schema를 이용해서 results에 xml구조를 가지고 온다.
5. Bindings을 이용해서 데이터를 보여줄 곳으로 보낸다
● Schema는 참고할 XML의 구조를 가지고 오는 작업이다.
● 가지고온 XML의 데이터를 ComboBox Components에 적용할 경우 (XMLConnecter선택)
1. Component Inspector에 Bindings TAB의 Bound To를 선택한다.
2. Bound Index창에서 ComboBox를 선택하고 Use constant value의 체크를 풀어준다. (기본값:0)
3. Schema location의 dataProvider : Aray를 선택한다.
4. Bindings TAB의 formatter을 선택하고 Rearrange Fields를 선택한다. (기본값:none)
5. 그 다음 Bindings TAB의 formatter opions에서 XML데이터에서 사용할 필드를 지정한다.
6. formatter opions을 선택하면 Rearrange Fields창이 뜨고 Fields definitions에
ComboBox의 label값과 data값에 참조할 변수명을 넣어준다.
ex) label=name;data=cost // name과 cost는 XML node
● ComboBox Components를 선택할때 마다 관련 데이터 보여주기(XMLConnecter선택)
1. Component Inspector에 Bindings TAB에서 Add binding(+버튼)을 선택 사용할 데이터를 추가한다.
2. Index for 'trip'을 클릭해서 Bound Index창이 뜨면 Use constant value의 체크를 풀어준다. (기본값:0)
// 'trip'은 외부에서 가지고온 XML의 배열명이다. (Schema에서 확인할 수 있다.)
// trip : Array
3. ComboBox를 선택해서 Schema location의 selectedIndex : Number를 선택한다.
ex) 모든 데이터를 이런식으로 ComboBox와 연결하여 사용할 수 있다.
● 데이터그리드간격조정/sunggyu_dataset.fla 실습
--> Data Grid와 Data Set를 이용한 실습
● XML에 데이터를 불러올때 NaN이라는 메시지가 뜨면 Schema에 있는 data type를 확인해 보면 된다.
--> Integer로 설정되어 있을때 Nan이라고 나오면 String으로 변경해 주면 된다.
● Extension Manager를 설치하고 dataGridColumnEdit.mxp를 설치해서 그리도 각견조절 및 속성 변경을
쉽게 할 수 있는 마법사 Extension(확장 컴포넌트)를 이용하자.
● DataSet Components를 이용해서 필요한 XML데이터 활용
1. XMLConnecter에서 Bindings을 바로 화면에 보여주는 다른 Components(Text Area 또는 Data Grid등)에
직접 연결하는 것이 아니고 DataSet Components에 Bindings을 해 준다.
2. DataSet의 Schema를 선택해서 Add a components property를 해 준다. (+버튼)
3. 그리고 Bindings받은 XML 데이터 중에서 사용할 field를 field name에 넣어준다.
// 주의할 점은 data type이 어떤것인지 항상 확인한다.
4. 그 다음 Bindinsgs에서 보여주게 될 Components로 bound to 해 준다.
5. 그럼 DataSet에서 추가한 field만 보여진다.
ex) 불러온 XML의 배열 데이터 중에서 필요한 요소를 이용할 때 해당 field를 추가해서 사용한다.
데이터를 효율적으로 분산해서 사용가능 (시스템 부화나 로딩 시간은 별로 걸리지 않는다.)
● MP3/mp3_player_cording.fla 실습
--> Media components와 XML를 이용한 실습
● changeHandler는 components의 이벤트를 체크하기 위한 액션스크립트이다.
