안녕하세요.

희희덕덕입니다.
지난 2월 발표한 유세윤에 이어.. 건국대생들을 위한 시간표 작성 프로그램인
"봉다리"를 배포하고자 합니다.



"봉다리"은 건국대학교 학사편람을 기반으로, 시간표를 손쉽게 만들고
공유할 수 있는 프로그램이랍니다 : )

설치는 위의 Install Now를 누르시면 됩니다.

봉다리을 처음 설치하면 먼저, 몇학기 시간표를 다운받을깝쇼 라고 묻는창이 나오는데,
지금 현재는 2009-2학기 시간표만 등록되어있답니다 ㅜ

시간표를 내려받고
설치를 모두 마치면, 제일 위의 화면처럼, 첫 화면이 두둥하고 나오는데요 +ㅁ+



봉다리의 왼쪽 상단화면에서는
전공/교필/교선/기타를 선택하여, 시간표를 검색할 수 있습니다.
검색버튼을 누르게되면,



아래의 시간표목록에
해당하는 시간들이 나오게되는데요~

시간표 목록에서 과목에 마우스를 올려놓으면,
자동으로 오른쪽 시간표화면에 해당 과목이 추가되고,
마우스를 떼면 다시 시간표화면에서 해당 과목이 사라진답니다.

살펴볼때 유용하겠죠?


"좋아, 피카츄 너로 결정햇어.." 라고 생각하시는 과목이 있으시다면,
해당 시간블럭 오른쪽 하단에 잇는 초록색버튼을 누르시면,
시간표 화면에서 해당 시간이 사라지지 않습니다 : )

그리고, 다시 시간표에서 해당 과목을 사라지게 하고 싶다면
오른쪽 하단에서 빨간버튼을 누르면 해당 과목이 사라진답니다!

물론, 과목을 추가할때,
현재 작성된 시간표와 시간이 중복된다면 추가되지 않으니,
유의해주세요!

꽃..봉다리의 사용법은 이걸로 끝입니다
어..어때요 참 쉽죠?

이외에도, 봉다리과 관련된 정말 유익한 기능들을
소개하겠습니다 +ㅁ+

내가 작성한 시간표를 시간표화면에서 살펴볼수도 있지만,
요로코롬 깔끔한 목록형태로도 볼 수 있습니다.

(참, 과목번호에서 -앞은 학수번호, -뒤는 분반입니다!)



그리고, 시간표/목록화면 하단의 버튼들에도 재밌는 기능들이 숨어있는데요!
우선 위의 세가지 버튼은 이미지로저장/엑셀로저장/시간표 출력기능입니다.

이미지로 저장은, 현재 시간표화면을 이미지 파일로 저장하고,
엑셀 파일로저장은, 현재 시간표화면을 엑셀파일로 저장!

그리고 마지막 인쇄버튼은,
내가 짠 따끈따끈(*-_-*)한 시간표를 프린트 할 수 있는
그..그거슨 놀라운기능..!



이처럼, 이미지파일로 혹은 엑셀파일로,
그리고 직접 프린트해서 친구들과 공유할 수 있지만,

던지기 기능을 활용하면 친구들과 시간표를 주고받을때 정말 편리하게 사용할 수 있답니다.

던지기 기능을 클릭하면, 위의 그림처럼, 시간표가 점선에 둘러쌓이게되는데요
던지기 모드가 설정되면, 시간표를 메신저(네이트온, msn 등등)에 잇는 친구들에게 끌어다 던지면

자동으로 전송이되는
오오 그것은 편리한 기능!



이어서, 잘 사용하면 유익한 기능인,
타임블럭 도구에 대해 설명하겠습니다!

타임블럭 도구는 위의 그림처럼 시간표에서 해당 타임블럭에 마우스를 올려놓으면
자동으로 나옵니다!

타임블럭 도구는, 시간검색, 시간추가, 시간제한과 같이
총 세가지 기능이 있습니다.

시간검색은, 말그대로
해당 요일, 교시에 해당하는 과목들을 검색하는 기능입니다 +ㅁ+
전공과목은 다 선택했고.. 마땅히 선택할 과목이 없을때 유..유용하게 쓸수 있겠죠?



그리고, 시간추가 기능은
봉다리 개발자가 실수로(혹은 고의로) 빼뜨려 먹은 과목을 매꾸거나,
과사근로, 어학원과 같은 여가생활을 시간표에 추가할 수 잇는 기능입니다.

위의 그림처럼, 제목, 강의실, 색상을 입력하고
등록버튼을 누르면!



요렇게~ 시간표가 추가된답니다 +ㅁ+



마..마지막으로
정..정말! 유익한기능인 시간제한 기능에 대해 말씀드리겠습니다.

나는 주4파가 될거야.. 혹은 난 아침엔 정말 일어나기 힘든데..
와 같은 분들은! 타임블럭 위에있는 빨간깃발 버튼을 클릭해주시면,

해당 시간은 절대로 시간을 추가할수 없게됩니다!
(물론, 다시 활성화 하고싶으면 초록색 버튼을 누르면 됩니다)

시간제한 기능을 잘 이용한다면, 주4파, 9시 학교가기 싫은 ㅜㅜ.. 분들은
정말 유용하겠죠?

그.. 그럼 내가 월욜날 수업, 혹은 2교시 수업 모두 듣기싫으면
노가다 해야하는겅미라고 하실 분들을 위해..



해당 교시, 혹은 요일을 더블클릭 하시면
위의 그림처럼 모두 제한이 걸어진답니다!
다시 해제하고싶다면, 또 더블클릭을 하시면 ㄷㄷ



아울러, 시간제한 기능과 함께, 시간제외 기능을 사용하시면
정말 찰떡궁합이랍니다!

시간제외기능은, 전공, 교필, 교선, 기타에서 지정할 수 있고,
시간제외기능이 켜져있으면, 현재 작성된 시간표와 중복되는 시간은 자동으로 제외되어
검색된답니다 : )

마지막으로, 수강신청 기간만 되면,
종이노트위에 여러 상황(-_-)들을 대비하시며, 시간표를 그리시는 분들은
세종을 사용하시면 그런 수고가.. 덜..하답니다 ;;..



봉다리엔 타임슬럿이 총 5개가 있고,
각 슬럿마다 시간표를 작성 할 수 있습니다.




그리고, 타임슬럿별 시간표를 비교할 수 잇는 기능도 있는데요.
비교하고자 하는 타임슬럿 위에 마우스를 올려두고 ctrl 버튼을 누르면
위의 그림처럼, 지금 보고 잇는 타임슬럿의 시간표는 짙게, 비교하고자 하는 타임슬럿 시간표는 연하게 나와서,
두 시간표를 손쉽게 비교할 수 있습니다 : ) 친구들이랑 공강시간을 맞출때 정말 유익하겟죠? +ㅁ+

참 그리고, 봉다리는 Adobe AIR기반으로 개발되어,
윈도우 뿐 아니라, 맥OS, 리눅스에서도 사용할 수 있습니다 +ㅁ+

"봉다리"는 건국대 학사편람을 기반으로 개발되었으며, 실제 학사편람과 다소 상이할수 있습니다. 따라서, 수강신청 전에, 반드시 건국대에서 발행하는 학사편람을 참고하시기 바랍니다. 이후에 변경된 학사편람은 유세윤플랫폼-봉다리서버로 업데이트되고, 설정란에서 업데이트를 통해 최신버전으로 내려받을 수 있습니다.

감사합니다!

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

안녕하세요.

희희덕덕입니다.
지난 2월 발표한 유세윤에 이어.. 성신여대생들을 위한 시간표 작성 프로그램인
"꽃보다성신"을 배포하고자 합니다.



"꽃보다성신"은 성신여자대학교 학사편람을 기반으로, 시간표를 손쉽게 만들고
공유할 수 있는 프로그램이랍니다 : )

설치는 위의 Install Now를 누르시면 됩니다.

꽃보다성신을 처음 설치하면 먼저, 몇학기 시간표를 다운받을깝쇼 라고 묻는창이 나오는데,
지금 현재는 2009-2학기 시간표만 등록되어있답니다 ㅜ

시간표를 내려받고
설치를 모두 마치면, 제일 위의 화면처럼, 첫 화면이 두둥하고 나오는데요 +ㅁ+



꽃보다성신의 왼쪽 상단화면에서는
전공/교필/교선/기타를 선택하여, 시간표를 검색할 수 있습니다.
검색버튼을 누르게되면,



아래의 시간표목록에
해당하는 시간들이 나오게되는데요~

시간표 목록에서 과목에 마우스를 올려놓으면,
자동으로 오른쪽 시간표화면에 해당 과목이 추가되고,
마우스를 떼면 다시 시간표화면에서 해당 과목이 사라진답니다.

살펴볼때 유용하겠죠?


"좋아, 피카츄 너로 결정햇어.." 라고 생각하시는 과목이 있으시다면,
해당 시간블럭 오른쪽 하단에 잇는 초록색버튼을 누르시면,
시간표 화면에서 해당 시간이 사라지지 않습니다 : )

그리고, 다시 시간표에서 해당 과목을 사라지게 하고 싶다면
오른쪽 하단에서 빨간버튼을 누르면 해당 과목이 사라진답니다!

물론, 과목을 추가할때,
현재 작성된 시간표와 시간이 중복된다면 추가되지 않으니,
유의해주세요!

꽃..꽃보다성신의 사용법은 이걸로 끝입니다
어..어때요 참 쉽죠?

이외에도, 꽃보다성신과 관련된 정말 유익한 기능들을
소개하겠습니다 +ㅁ+

내가 작성한 시간표를 시간표화면에서 살펴볼수도 있지만,
요로코롬 깔끔한 목록형태로도 볼 수 있습니다.

(참, 과목번호에서 -앞은 학수번호, -뒤는 분반입니다!)



그리고, 시간표/목록화면 하단의 버튼들에도 재밌는 기능들이 숨어있는데요!
우선 위의 세가지 버튼은 이미지로저장/엑셀로저장/시간표 출력기능입니다.

이미지로 저장은, 현재 시간표화면을 이미지 파일로 저장하고,
엑셀 파일로저장은, 현재 시간표화면을 엑셀파일로 저장!

그리고 마지막 인쇄버튼은,
내가 짠 따끈따끈(*-_-*)한 시간표를 프린트 할 수 있는
그..그거슨 놀라운기능..!



이처럼, 이미지파일로 혹은 엑셀파일로,
그리고 직접 프린트해서 친구들과 공유할 수 있지만,

던지기 기능을 활용하면 친구들과 시간표를 주고받을때 정말 편리하게 사용할 수 있답니다.

던지기 기능을 클릭하면, 위의 그림처럼, 시간표가 점선에 둘러쌓이게되는데요
던지기 모드가 설정되면, 시간표를 메신저(네이트온, msn 등등)에 잇는 친구들에게 끌어다 던지면

자동으로 전송이되는
오오 그것은 편리한 기능!



이어서, 잘 사용하면 유익한 기능인,
타임블럭 도구에 대해 설명하겠습니다!

타임블럭 도구는 위의 그림처럼 시간표에서 해당 타임블럭에 마우스를 올려놓으면
자동으로 나옵니다!

타임블럭 도구는, 시간검색, 시간추가, 시간제한과 같이
총 세가지 기능이 있습니다.

시간검색은, 말그대로
해당 요일, 교시에 해당하는 과목들을 검색하는 기능입니다 +ㅁ+
전공과목은 다 선택했고.. 마땅히 선택할 과목이 없을때 유..유용하게 쓸수 있겠죠?



그리고, 시간추가 기능은
꽃보다성신 개발자가 실수로(혹은 고의로) 빼뜨려 먹은 과목을 매꾸거나,
과사근로, 어학원과 같은 여가생활을 시간표에 추가할 수 잇는 기능입니다.

위의 그림처럼, 제목, 강의실, 색상을 입력하고
등록버튼을 누르면!



요렇게~ 시간표가 추가된답니다 +ㅁ+



마..마지막으로
정..정말! 유익한기능인 시간제한 기능에 대해 말씀드리겠습니다.

나는 주4파가 될거야.. 혹은 난 아침엔 정말 일어나기 힘든데..
와 같은 분들은! 타임블럭 위에있는 빨간깃발 버튼을 클릭해주시면,

해당 시간은 절대로 시간을 추가할수 없게됩니다!
(물론, 다시 활성화 하고싶으면 초록색 버튼을 누르면 됩니다)

시간제한 기능을 잘 이용한다면, 주4파, 9시 학교가기 싫은 ㅜㅜ.. 분들은
정말 유용하겠죠?

그.. 그럼 내가 월욜날 수업, 혹은 2교시 수업 모두 듣기싫으면
노가다 해야하는겅미라고 하실 분들을 위해..



해당 교시, 혹은 요일을 더블클릭 하시면
위의 그림처럼 모두 제한이 걸어진답니다!
다시 해제하고싶다면, 또 더블클릭을 하시면 ㄷㄷ



아울러, 시간제한 기능과 함께, 시간제외 기능을 사용하시면
정말 찰떡궁합이랍니다!

시간제외기능은, 전공, 교필, 교선, 기타에서 지정할 수 있고,
시간제외기능이 켜져있으면, 현재 작성된 시간표와 중복되는 시간은 자동으로 제외되어
검색된답니다 : )

마지막으로, 수강신청 기간만 되면,
종이노트위에 여러 상황(-_-)들을 대비하시며, 시간표를 그리시는 분들은
세종을 사용하시면 그런 수고가.. 덜..하답니다 ;;..



꽃보다성신엔 타임슬럿이 총 5개가 있고,
각 슬럿마다 시간표를 작성 할 수 있습니다.




그리고, 타임슬럿별 시간표를 비교할 수 잇는 기능도 있는데요.
비교하고자 하는 타임슬럿 위에 마우스를 올려두고 ctrl 버튼을 누르면
위의 그림처럼, 지금 보고 잇는 타임슬럿의 시간표는 짙게, 비교하고자 하는 타임슬럿 시간표는 연하게 나와서,
두 시간표를 손쉽게 비교할 수 있습니다 : ) 친구들이랑 공강시간을 맞출때 정말 유익하겟죠? +ㅁ+

참 그리고, 꽃보다성신은 Adobe AIR기반으로 개발되어,
윈도우 뿐 아니라, 맥OS, 리눅스에서도 사용할 수 있습니다 +ㅁ+

"꽃보다성신"은 성신여대 학사편람을 기반으로 개발되었으며, 실제 학사편람과 다소 상이할수 있습니다. 따라서, 수강신청 전에, 반드시 성신여대에서 발행하는 학사편람을 참고하시기 바랍니다. 이후에 변경된 학사편람은 유세윤플랫폼-꽃보다성신서버로 업데이트되고, 설정란에서 업데이트를 통해 최신버전으로 내려받을 수 있습니다.

감사합니다!

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

어도비제품보안 대응팀은 지난주 플래시플레이어와 어도비리더와 관련하여 중대한 이슈를 발표하였습니다.
http://blogs.adobe.com/psirt/2009/07/update_on_adobe_reader_acrobat.html

이 이슈는 제로데이 취약점으로 부르며, 사용자가 어도비 제품군을 사용하는 도중 충돌을 일으키거나 외부 크래커가 시스템을 제어할 가능성이 있는 매우 중대한 이슈입니다. 플래시플레이어 9, 10에서 발생하며, 특정 DLL파일(authplay.dll)이 포함되어 있는 어도비 리더와 애크로뱃 9에서 발생하게 됩니다.

어도비는 이러한 보안이슈를 해결한 플래시플레이어와, 어도비리더 업데이트 버전을 30일과 31일중 배포할 예정이며, 어도비 사이트에서 내려받아 설치하거나, Adobe Updater을 통해 설치할 수 있습니다.
어도비리더 설치
플래시플레이어 설치

또한, 업데이트 배포 이전에는, 어도비 리더, 어도비 애크로뱃9에 포함된 authplay.dll을 제거하거나, 윈도우 비스타의 UAC를 통해 제로데이 공격을 완화할 수 있습니다. 아울러, 플래시 플레이어 사용자는 신뢰할 수 없는 웹사이트는 가급적 접근하지 않는 것이 좋습니다.

제로데이 이슈와 관련된 자세한 자료는 아래의 링크를 참고하세요.
http://www.adobe.com/support/security/advisories/apsa09-03.html

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

안녕하세요.

희희덕덕입니다.
지난 2월 발표한 유세윤에 이어.. 세종대생들을 위한 시간표 작성 프로그램인
"세종"을 배포하고자 합니다.

설치는 위의 Install Now를 누르시면 됩니다.

세종을 처음 설치하면 먼저, 몇학기 시간표를 다운받을깝쇼 라고 묻는창이 나오는데,
지금 현재는 2009-2학기 시간표만 등록되어있답니다 ㅜ

시간표를 내려받고
설치를 모두 마치면, 제일 위의 화면처럼, 첫 화면이 두둥하고 나오는데요 +ㅁ+



세종, 왼쪽 상단화면에서는
전공/교필/교선/기타를 선택하여, 시간표를 검색할 수 있습니다.
검색버튼을 누르게되면,



아래의 시간표목록에
해당하는 시간들이 나오게되는데요~

시간표 목록에서 과목에 마우스를 올려놓으면,
자동으로 오른쪽 시간표화면에 해당 과목이 추가되고,
마우스를 떼면 다시 시간표화면에서 해당 과목이 사라진답니다.

살펴볼때 유용하겠죠?


"좋아, 피카츄 너로 결정햇어.." 라고 생각하시는 과목이 있으시다면,
해당 시간블럭 오른쪽 하단에 잇는 초록색버튼을 누르시면,
시간표 화면에서 해당 시간이 사라지지 않습니다 : )

그리고, 다시 시간표에서 해당 과목을 사라지게 하고 싶다면
오른쪽 하단에서 빨간버튼을 누르면 해당 과목이 사라진답니다!

물론, 과목을 추가할때,
현재 작성된 시간표와 시간이 중복된다면 추가되지 않으니,
유의해주세요!

세..세종 사용법은 이걸로 끝입니다
어..어때요 참 쉽죠?

이외에도, 세종과 관련된 정말 유익한 기능들을
소개하겠습니다 +ㅁ+

내가 작성한 시간표를 시간표화면에서 살펴볼수도 있지만,
요로코롬 깔끔한 목록형태로도 볼 수 있습니다.

(참, 과목번호에서 -앞은 학수번호, -뒤는 분반입니다!)



그리고, 시간표/목록화면 하단의 버튼들에도 재밌는 기능들이 숨어있는데요!
우선 위의 세가지 버튼은 이미지로저장/엑셀로저장/시간표 출력기능입니다.

이미지로 저장은, 현재 시간표화면을 이미지 파일로 저장하고,
엑셀 파일로저장은, 현재 시간표화면을 엑셀파일로 저장!

그리고 마지막 인쇄버튼은,
내가 짠 따끈따끈(*-_-*)한 시간표를 프린트 할 수 있는
그..그거슨 놀라운기능..!



이처럼, 이미지파일로 혹은 엑셀파일로,
그리고 직접 프린트해서 친구들과 공유할 수 있지만,

던지기 기능을 활용하면 친구들과 시간표를 주고받을때 정말 편리하게 사용할 수 있답니다.

던지기 기능을 클릭하면, 위의 그림처럼, 시간표가 점선에 둘러쌓이게되는데요
던지기 모드가 설정되면, 시간표를 메신저(네이트온, msn 등등)에 잇는 친구들에게 끌어다 던지면

자동으로 전송이되는
오오 그것은 편리한 기능!



이어서, 잘 사용하면 유익한 기능인,
타임블럭 도구에 대해 설명하겠습니다!

타임블럭 도구는 위의 그림처럼 시간표에서 해당 타임블럭에 마우스를 올려놓으면
자동으로 나옵니다!

타임블럭 도구는, 시간검색, 시간추가, 시간제한과 같이
총 세가지 기능이 있습니다.

시간검색은, 말그대로
해당 요일, 교시에 해당하는 과목들을 검색하는 기능입니다 +ㅁ+
전공과목은 다 선택했고.. 마땅히 선택할 과목이 없을때 유..유용하게 쓸수 있겠죠?



그리고, 시간추가 기능은
세종 개발자가 실수로(혹은 고의로) 빼뜨려 먹은 과목을 매꾸거나,
과사근로, 어학원과 같은 여가생활을 시간표에 추가할 수 잇는 기능입니다.

위의 그림처럼, 제목, 강의실, 색상을 입력하고
등록버튼을 누르면!



요렇게~ 시간표가 추가된답니다 +ㅁ+



마..마지막으로
정..정말! 유익한기능인 시간제한 기능에 대해 말씀드리겠습니다.

나는 주4파가 될거야.. 혹은 난 아침엔 정말 일어나기 힘든데..
와 같은 분들은! 타임블럭 위에있는 빨간깃발 버튼을 클릭해주시면,

해당 시간은 절대로 시간을 추가할수 없게됩니다!
(물론, 다시 활성화 하고싶으면 초록색 버튼을 누르면 됩니다)

시간제한 기능을 잘 이용한다면, 주4파, 9시 학교가기 싫은 ㅜㅜ.. 분들은
정말 유용하겠죠?

그.. 그럼 내가 월욜날 수업, 혹은 2교시 수업 모두 듣기싫으면
노가다 해야하는겅미라고 하실 분들을 위해..



해당 교시, 혹은 요일을 더블클릭 하시면
위의 그림처럼 모두 제한이 걸어진답니다!
다시 해제하고싶다면, 또 더블클릭을 하시면 ㄷㄷ



아울러, 시간제한 기능과 함께, 시간제외 기능을 사용하시면
정말 찰떡궁합이랍니다!

시간제외기능은, 전공, 교필, 교선, 기타에서 지정할 수 있고,
시간제외기능이 켜져있으면, 현재 작성된 시간표와 중복되는 시간은 자동으로 제외되어
검색된답니다 : )

마지막으로, 수강신청 기간만 되면,
종이노트위에 여러 상황(-_-)들을 대비하시며, 시간표를 그리시는 분들은
세종을 사용하시면 그런 수고가.. 덜..하답니다 ;;..



세종엔 타임슬럿이 총 5개가 있고,
각 슬럿마다 시간표를 작성 할 수 있습니다.




그리고, 타임슬럿별 시간표를 비교할 수 잇는 기능도 있는데요.
비교하고자 하는 타임슬럿 위에 마우스를 올려두고 ctrl 버튼을 누르면
위의 그림처럼, 지금 보고 잇는 타임슬럿의 시간표는 짙게, 비교하고자 하는 타임슬럿 시간표는 연하게 나와서,
두 시간표를 손쉽게 비교할 수 있습니다 : ) 친구들이랑 공강시간을 맞출때 정말 유익하겟죠? +ㅁ+

참 그리고, 세종은 Adobe AIR기반으로 개발되어,
윈도우 뿐 아니라, 맥OS, 리눅스에서도 사용할 수 있습니다 +ㅁ+

"세종"은 세종대 학사편람을 기반으로 개발되었으며, 실제 학사편람과 다소 상이할수 있습니다. 따라서, 수강신청 전에, 반드시 세종대에서 발행하는 학사편람을 참고하시기 바랍니다. 이후에 변경된 학사편람은 유세윤플랫폼-세종서버로 업데이트되고, 설정란에서 업데이트를 통해 최신버전으로 내려받을 수 있습니다.

감사합니다!

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

- Adobe AIR 개요

Adobe AIR는 2008년 처음 발표된 데스크톱 런타임으로, 윈도우 플랫폼 뿐만 아니라 Mac 0S, 리눅스까지 지원하는 크로스플랫폼 런타임으로 자리매김 하고 있다. 특히 출시 1년여 만에, 2억대의 클라이언트에 설치되는 기염을 토하며, 이베이, 뉴욕타임즈와 같은 대형 서드파티사에서도 속속 도입하기 시작하였다.

Adobe AIR는 플래시 빌더(이전명 플렉스 빌더)에서 개발하거나, 플래시 CS4에서 AIR SDK를 다운받아 개발 할 수 있다. 특히, AIR 런타임 내에 Webkit 엔진이 탑재되면서, 액션스크립트나 기타 프로그래밍 언어를 전혀 모르는 AJAX 개발자나 디자이너, 웹 퍼블리셔도 HTML과 자바스크립트를 사용하여 AIR 애플리케이션을 보다 손쉽게 개발이 가능한 장점이 있다.

아울러, 작년 출시된 어도비CS4의 웹 프리미엄 제품군인 드림위버 CS4에선 AIR 애플리케이션 개발을 공식적으로 지원하기 시작하였다. 다만, AIR 애플리케이션을 배포하기 위한 패키징 작업을 할 때에는 반드시 아래의 요구사항이 필요하다.

요구환경(Windows 기준)

l  JRE1.4 이상

l  Adobe AIR extension for Dreamweaver CS4

그럼 지금부터 드림위버 CS4로, AIR 애플리케이션을 저작하기 위한 준비사항과, 간단히 나만의 AIR 위젯 애플리케이션을 개발하고, 배포하는 방법에 대해 알아보자.

- AIR Extension for Dreamweaver CS4 설치하기

AIR 애플리케이션 개발 및 배포과정에 앞서 반드시 Adobe AIR extension for Dreamweaver CS4를 설치하여야 한다. Extension을 설치하는 과정에 대해 알아보자.

1.     드림위버 CS4에서 AIR 애플리케이션을 개발 할 경우 반드시 Adobe AIR Extension이 필요하다. 드림위버 CS4에 AIR Extension가 포함되지 않은 이유는, AIR SDK는 개발킷으로써 새로운 런타임이 출시될 경우 변동사항이 많기 때문에, 가급적 최신 SDK를 사용하여 개발하기 위한 배려의 일환이다..

AIR Extension은 메뉴바의 Commands > Get AIR Extension 을 눌러 다운받을 수 있다.

2.     Get AIR Extension을 누르면 어도비 사이트로 이동하게 되는데, 내가 사용하고 있는 드림위버 CS버전에 적합한 AIR Extension을 다운받으면 된다.

3.     Adobe에서 제공하는 AIR Extension을 다운받아 실행하면, 자동적으로 AIR extension 설치절차를 진행한다. AIR Extension의 이용약관을 읽고 동의여부를 선택한다.

4.     AIR Extension이 모두 설치가 완료되었다면 확인을 누르고, 드림위버 CS4를 닫고 다시 시작한다. 만약, AIR 애플리케이션을 패키징 할 컴퓨터에 JRE가 설치되어 있지 않다면, Java홈페이지(www.java.com)에서 JRE를 내려받아 설치하여야 한다.

5.     AIR extension을 모두 설치하였다면, 메뉴바에서 Site탭의 AIR Application Settings과, Create AIR File이 활성화 되어 있다. AIR Application Settings탭은 AIR 애플리케이션 전반에 대한 설정정보와, 패키징에 대한 정보를 설정 할 수 있다. 아울러, Preview in Browser 탭에는 AIR 애플리케이션을 테스트할 수 있는 Preview in Adobe AIR. 탭도 추가된 것을 확인할 수 있다

- 드림위버 CS4에서 AIR 애플리케이션 저작하고 테스트하기

AIR Extension을 모두 설치하였으면 본격적으로 드림위버 CS4에서 AIR 애플리케이션을 개발할 수 있다. 이어서 나만의 AIR 위젯 애플리케이션을 만들고 배포하는 방법에 대해 알아보자.

1.     AIR 애플리케이션은 드림위버 CS4에서 단일 HTML 파일 저작과는 달리, HTML과 여러 에셋파일들이 묶인 형태인 Site 단위로 존재하여야 한다. Site는 Intro화면에서 Create New 탭에 Dreamweaver Site를 선택하거나, 메뉴 탭에서 Site > New Site 에서 만들 수 있다.

2.     Site를 만드는 과정 중에선 특별히 주의해야 할 점은 없지만, Server Side와 파일공유를 선택하는 과정에선 None를 눌러 다음과정으로 넘어가야 한다.

3.     Site 생성과정을 모두 마쳤다면, 오른쪽 하단에 Site가 만들어진 것을 볼 수 있다. 아직 Site에는 HTML 파일을 비롯한 에셋파일이 존재하지 않으므로, 해당 사이트 폴더에 파일을 끌어넣거나, HTML 파일을 생성하여야 한다. HTML 파일은 Site에서 오른쪽 마우스를 눌러 New File를 눌러 생성할 수 있다.

4.     New File를 눌러 html파일을 생성하였다면, Site 탭 하단엔 생성된 html 파일이 표시된다. 생성된 Html 파일을 더블클릭 하면, 본격적인 AIR 애플리케이션 개발을 시작할 수 있다.

5.     이번 시간에는 코딩없이 간단히 플래시 위젯을 퍼와서, 나만의 AIR 위젯 애플리케이션을 만드는 방법에 대해 알아보자. 플래시 위젯을 배포하는 사이트가 여러 개 있으므로, 배포가 편리한 사이트를 선택하기 바란다.

6.     AIR 위젯으로 만들고 싶은 위젯을 선택하여 소스코드를 복사해서, Source 탭에 그대로 복사한다. 이때 주의할 점은, 가급적 Script 태그로 만들어진 위젯보다 Embed로 된 위젯을 붙여 넣는 것이 결과가 더 좋다.

7.     지금까지 나만의 AIR위젯을 간단히 만드는 방법에 대해 알아보았다. 그럼, AIR위젯을 테스트 해보자. 드림위버 CS4에서는 File 탭에 Preview in Browser > Preview in Adobe AIR 탭을 눌러 AIR 애플리케이션이 실제로 작동되는 환경을 테스트 하면서 디버깅을 할 수 있다.

8.     Preview in Adobe AIR 탭을 클릭하면 나만의 AIR 위젯이 웹 브라우저가 아닌 하나의 애플리케이션으로 실행되는 것을 볼 수 있다. 하지만, Preview 모드는 드림위버 CS4에서 AIR 애플리케이션을 테스트 할 수 있는 방법으로, 데스크톱에서 프로그램으로 사용하려면 반드시 AIR 애플리케이션으로 패키징하여야 한다.

지금까지 나만의 AIR 위젯을 만들고 테스트하는 과정까지 다루어보았다.

그럼 드림위버 CS4에서 나만의 AIR 애플리케이션을 배포하기 위한 과정인 패키징을 하는 방법에 대해 알아보자.

- 드림위버 CS4에서 AIR 애플리케이션 패키징 하기

6.     AIR Application Settings 로 들어가면, AIR 애플리케이션에 대한 전반적인 설정을 할 수 있는 Application Settings탭과, 인증정보, 패키징 파일 등을 설정할 수 있는 installer settings 탭으로 나뉘어진다.

7.     Installer Settings탭에는 패키징 될 AIR 파일이름, 애플리케이션 이름, ID, 버전 등을 지정할 수 있는 항목이 있다. 이 항목은 AIR 애플리케이션이 패지킹될 때 디스크립터 파일의 Application 하위 노드와 같은 역할을 한다. File name, ID, Version은 사이트 이름을 기준으로 해서 자동적으로 입력되며 필수항목이기 때문에 반드시 입력해야 한다.

8.     Initial content항목은 AIR 애플리케이션이 최초로 실행되었을 때 로드 될 HTML 파일을 지정하는 항목이다. 디스크립터 파일에서는 initialwindow의 하위 노드인 content와 같은 역할을 한다. 패키징시 필수항목이기 때문에, 반드시 지정하여야 한다.

9.     Description과 Copyright는 애플리케이션에 대한 설명이나 저작권 정보를 나타내는 항목으로 디스크립터 파일의 노드들과 이름이 같다. 반드시 필요한 정보는 아니기 때문에 생략해도 패키징 과정에는 문제가 없다.

10.   AIR 애플리케이션의 Window Style와 Size를 지정하는 탭이 있는데, 이 항목은 디스크립터 파일에서는 systemChrome와, transparent, initialWindow의 하위노드인 width, height 엘리멘트를 설정하게 된다. Windows Style는 System Chrome와, Custom Chrome, 투명 Custom Chrome를 설정 할 수 있다.

11.   Icon 항목은 AIR 애플리케이션의 아이콘을 지정할 수 있다. 디스크립터 파일에서는 icon 엘리멘트와 같은 역할을 한다. 아이콘 파일은 반드시 PNG 파일만 사용이 가능하며, 아이콘 파일을 지정하지 않을 경우 운영체제의 기본 아이콘으로 지정된다.

12.   Associated File Types 항목은 AIR 애플리케이션이 연결할 수 있는 확장 파일들을 지정할 수 있다. 디스크립터 파일에서는 file 엘리멘트와 같은 역할을 한다.

13.   Application Updates 항목은 AIR 애플리케이션의 업데이트 UI를 설정 할 수 있는 탭으로, 기본적으로 AIR 애플리케이션 설치 프로그램을 사용하는 것으로 설정되어 있다. 이 체크박스를 해제하면, 디스크립터 파일에서 CustomUpdaterUI의 true를 지정한 것과 같이 업데이트 UI를 커스텀마이징 할 수 있다.

14.   지금까지 Application Settings에 대해 알아보았다. 이어서 AIR 파일 패키징과 설치 설정을 할 수 있는 Installer Settings에 대해 알아보자.

15.   Included files 항목은 AIR 파일이 패키징될 때 포함될 파일을 관리하는 탭이다. 기본적으로 디스크립터 파일이 자동적으로 추가되어 있으며, 만약 추가적으로 AIR 애플리케이션에서 사용하는 리소스가 있으면 추가나 삭제를 할 수 있다.

16.   Digital Signature 항목은 AIR 애플리케이션의 인증정보를 설정하는 탭으로, 애플리케이션에 인증서를 사용 여부를 설정할 수 있다. 미리 만들어둔 인증 파일이나, CA기관으로부터 발급받은 인증 파일이 있다면, Browse를 눌러 선택할 수 있고, Create를 눌러 자체적으로 인증서를 만들 수 있다.

17.   Program Menu Folder 항목은 AIR 애플리케이션이 설치될 폴더를 설정할 수 있다. 디스크립터 파일에서 programMenuFolder 엘리멘트와 같은 역할을 한다.

18.   Destination은 AIR 파일이 패키징될 위치를 선택하는 항목이다. 기본적으로 사이트가 위치한 폴더에 생성이 되며, 이외의 위치를 Browse를 눌러 선택할 수 있다.

19.   모든 설정을 마쳤다면, 이제 AIR 애플리케이션을 패키징 할 수 있다. Save 버튼을 누르면 지금까지 설정한 정보들을 모두 저장하고 계속해서 작업을 진행 할 수 있다. Create AIR File는 앞서 설명한 메뉴바의 Site탭 아래에 있는 Create AIR File과 같고 이 버튼을 누르거나, 단축키 Ctrl+Shift+B를 눌러 패키징을 진행할 수 있다.

20.   Create AIR File 버튼을 누르면, AIR 파일로 패키징이 진행된다. 프로젝트 규모에 따라서 수초-수분의 시간이 걸리며, 패키징이 완료된 이후에는 AIR 파일이 생성된 위치를 알려준다.

21.   AIR 애플리케이션의 패키징이 완료되면 이렇게 AIR 파일과 함께 디스크립터 파일이 생성된다. 만약 추가적으로 디스크립터 파일에 변경사항이 있으면 application.xml을 수정한 후 패키징을 다시 진행하면 된다. _notes폴더는 앞서 설정한 기타 정보들을 xml 파일 형식으로 담고 있다.

지금까지 드림위버 CS4에서 AIR 애플리케이션을 개발하기 위해 AIR Extension을 설치하고, 나만의 AIR 위젯 애플리케이션을 만들고, 배포하기 위해 패키징 하는 방법에 대해 알아보았다.

드림위버 CS4와 Adobe AIR를 이용하여, 복잡한 프로그래밍 없이 HTML과 AJAX기반의 나만의 AIR애플리케이션도 손쉽게 만들어 보길 바란다.

Adobe RIA공식사이트(http://adoberia.co.kr/iwt/board/board.php?tn=pds_tech&id=272&mode=view)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

안녕하세요. 여러분의 재간둥이 희희덕덕 입니다.
대응팀 해오름 세미나 이후로, 처음으로 한글팀 소식을 알려드리는 것 같네요.

대응팀 발촉 이후 6개월, 그리고 해오름 세미나 이후 3개월여가 지나면서
한글팀에도 정말 많은 변화가 있었던 것 같습니다.

한글팀 내에서도 정말 좋은소식이 많았던 것 같아요.
한글팀 로고를 만드신 능력자 검쉰님은, 얼마전 토요일의 남자로 강단에 데뷔하셨구요~
에이레네님은 에센셜 액션스크립트 3.0 책의 번역을 모두 마치고, 출간을 앞두고 있답니다.
지돌스타님은 곧 두번째 자제분의 탄생을 앞두고 있습니다.
또, 얼마전 한글팀에 합류하신 옥고수님은 8월 출간을 목표로 새로운 책을 열심히 집필중 입니다.

한글팀의 기쁜소식과 더불어 한글문제와 관련되어 정말 좋은 소식이 많아서,
여러분들과 함께 그 기쁨을 나누고자 합니다.

한글문제에 많은 관심을 가져주셔서 감사합니다.

이전엔 한글문제, 해결의 조짐이라는 타이틀을 썼었는데, 타이틀이 미묘하게 바뀌었죠?
한글팀이 해산하게된..건 아니고, 그간 한글팀을 통해 알려드렸던 입력처리와 관련되어 심각한 7가지 문제가 모두 어도비 이슈트래킹 시스템에서 통과되어, 1개의 문제는 이미 완전히 해결되었고 나머지 문제들은 AIR 개발팀, Flash Player 개발팀으로 넘겨 해결을 기다리고 있습니다.

[입력]Flex SDK 3.2이상에서 Flash Player 10으로 애플리케이션을 Export하면, 한글입력이 정상적으로 되지 않는 문제가 있습니다.
현재상태 : Expired
발생빈도 : 매우높음, 해결방법 : 없음, 최초발생시기 : 2008년 11월 18일 ~ 2009년 2월
이 문제는 FP10 출시 초기에 발견되어, 다행히 올 초 10.0.22.87버전이 출시되면서 완전히 해결되었습니다. 이 문제는, TextField의 안티앨리어싱의 문제로, 그간 FP10의 잦은 다운에도 많은 영향을 미쳤다고 합니다.

[입력]Flex SDK 3.2이하에서 입력컴포넌트를 이용해 한글을 입력시 지연되는 문제
현재상태 : Resloved
발생빈도 : 매우높음, 해결방법 : 우회적, 최초발생시기 : 4년전
이 문제는 Flash Player의 문제로 보고 Flex Gumbo의 한글문제와 함께 해결되도록, 문제가 닫힌 상태입니다.

[입력]Flex SDK 4.0 이상에서 입력컴포넌트를 이용해 한글을 입력시 지연되는 문제
현재상태 : Resloved
발생빈도 : 매우높음, 해결방법 : 없음, 최초발생시기 : 2008년 6월~
이 문제는 Flash Player의 문제로 보고 해결될 예정입니다.

[입력]AIR 1.1이상에서 입력컴포넌트를 이용해 한글을 입력하고, 삭제시 자음이 남는 문제
현재상태 : Resloved
발생빈도 : 매우높음, 해결방법 : 우회적, 최초발생시기 : 2008년 6월~
이 문제는 AIR Runtime의 문제로 보고 해결될 예정입니다.

[입력]Flex SDK4에서 FxTextBase를 통해 개발된 새로운 입력컴포넌트를 이용할 경우 AIR에서 한글 입력이 아예 안되는 문제가 있습니다.
현재상태 : Resloved
발생빈도 : 매우높음, 해결방법 : 없음, 최초발생시기 : 2008년 중순경
이 문제는 AIR Runtime와 FTE의 문제로 보고 해결될 예정입니다.

[입력]마이크로소프트 윈도우OS에서 익스플로러를 제외한 브라우저에서 Wmode 프로퍼티를 transparent로 지정시 한글 입력이 아예 안되는 문제가 있습니다.
현재상태 : Resloved
발생빈도 : 매우높음, 해결밥법 : 없음, 최초발생시기 : 2006년 ~
이 문제는 Flash Player의 문제로 보고 해결될 예정입니다.

위의 문제들은 한글 입력과 같은 사용자의 빈번한 인터렉션에 의해 발생하게 되는 만큼, 상당히 중요한 문제입니다. 대응팀 내에서도, 이 문제를 한글입력문제로 분류하여 최우선순위로 해결해야할 문제로 보고 있고, 지난번 해오름 모임에서도 이 문제와 관련되어 설명 드렸습니다.

어도비 이슈트래킹시스템에 등록된 한글입력 문제 중 3개의 문제는, 플렉스의 입력 컴포넌트를 이용하였을때 발생하는 문제이고, 나머지 문제들은 플래시나 플렉스의 한글 입력컴포넌트를 사용하였을 때, 공통적으로 발생하는 문제입니다. 다만, 어도비 QA팀에서는 위의 모든 문제들이 플렉스 SDK의 문제와는 무관하며, 모두 Flash Player, AIR Runtime의 문제로 보고 관련 개발팀으로 해당 이슈를 넘겼습니다.

Flash Player, AIR Runtime의 문제로 판정된 만큼,  아쉽게도 더 이상 이슈트래킹을 통해 위의 문제들의 해결사항을 파악할 순 없습니다. 따라서, 새롭게 릴리즈되는 플래시플레이어와, AIR 런타임에서 이런 문제들이 발생하는지 계속해서 관찰할 필요가 있습니다.

위의 문제와 관련된 진척사항은, 이슈트래킹과 별도로 한글팀에서 Flash 개발팀, AIR 개발팀과 컨텍하고 있으며, 관련 소식이 전해지는 대로 여러분들께 안내 드리겠습니다.

아울러, 이슈트래킹이 종결되었다고 해서, 참여를 할 수 없는 것은 아닙니다. 계속해서 이슈트래킹시스템에 리플로 의견을 남길 수 있습니다. 그리고, AIR 개발팀, Flash 개발팀으로도 의견을 보내주시면 한글 문제 해결에 많은 도움이 될 수 있습니다. 영어가 익숙치 않은 분들은, 한글팀으로 의견을 보내주시면, 번역해서 어도비 개발팀에 전달토록 하겠습니다.

아직 한글 처리문제, 한글 문서문제 등 해결해야 할 문제들이 많이 남아있지만, 한국 개발자분들의 많은 참여로, 가장 심각한 한글 입력문제들이 모두 곧 해결될 수 있게 되었습니다. 남은 한글 문제들도 모두 해결 될 수 있도록, 앞으로도 많은 참여와 관심 부탁드립니다.

새로운 한글문제에 투표해주세요.

저희 한글팀을 통해 알려드린 한글 입력문제 대부분이 해결 단계로 진행중입니다.
최근엔, 한글팀에서 아래의 한글문제들을 새롭게 이슈트래킹 시스템에 등록하였습니다. 많은 투표 부탁드립니다.

[입력] Sprk Text Input와 AIR에서 한글/일본어 입력이 제대로 되지 않는 문제가 있습니다.
현재 상태 : Open
투표주소 : https://bugs.adobe.com/jira/browse/SDK-22195
발생빈도 : 매우높음, 해결방법 : 없음, 최초발생시기 : 2008년 중순경
이 문제는 앞서 한글팀에서 리포트한 문제입니다. 일본어에서도 이러한 문제가 발생하여, 별도의 이슈로 개설되었습니다.

[입력]ImeEvent와, KeyEvent에서 한글 입력이 정상적으로 인식되지 않는 문제
현재상태 : Community
투표주소 : https://bugs.adobe.com/jira/browse/FP-2358
발생빈도 : 매우높음, 해결방법 : 없음, 최초발생시기 : 2009년~
이 문제는, ImeEvent와, KeyEvent에서 한국어 IME로 설정되어 있을 경우, 정상적으로 Keycode를 받아올 수 없는 문제입니다.

[처리]AIR 1.5.1에서 한국어MUI를 사용한 윈도우 플랫폼을 이용시, InvokeEvent.reason를 정상적으로 받아오지 못하는 문제
현재상태 : Community
투표주소 : https://bugs.adobe.com/jira/browse/ASC-3772
발생빈도 : 매우높음, 해결방법 : 없음, 최초발생시기 : 2009년 2월~
이 문제는, 2009년 2월 릴리즈된 AIR1.5.1에서 추가된 API인 InvokeEvent.reason을 정상적으로 받아오지 못하는 문제입니다. (nativeAplication.startAtLogin true 설정 시) (참고)

이슈트래킹 시스템에 등록된 문제를 투표하는 방법은 아래의 글을 참고하세요.
여러분의 참여로 한글 문제를 함께 해결해 봅시다!

이슈트래킹에 등록된 문제들에 투표하는 것 만으로도, 한글문제에 대한 직접적인 기여자로 참가하게 되며, 어도비의 많은 개발자들과 해당 문제에 대해 직접 의논할 수 있고, 이슈에 대한 해결사항이 있을 경우 바로 이메일을 통해 알려주게 됩니다.

가입에서 투표까진 채 3분도 걸리지 않습니다. 또한, 복잡한 절차나 영어구사 없이 투표만으로도 해당 문제에 대한 중요도를 어도비에 강하게 피력할 수 있기 때문에, 많은 투표 부탁드리겠습니다.

참고 ) 이슈트래킹 참여로, 새로운 기능이 추가된 사례 ([Flex 4]Flex 4 CSS 탄생의 비밀 - Adobe Bug Reporting System)

어도비 개발팀에서, 한국의 개발자분들에게 전합니다.

저희 한글팀은, 이슈트래킹 활동 이외에도 한국어도비, 어도비본사와도 꾸준히 컨텍하여, 한글 문제의 중요성을 피력하고, 해결상황과 관련된 공유를 하였습니다.
그 중, 몇몇 분들께서 한국의 개발자 분들께 한글문제와 관련된 의견을 공유하고 싶어하셨습니다.

라이언 스튜어트(어도비 글로벌 에반젤리스트)
- 한글팀의 활동에 감사드립니다. 내가 본 몇몇 멋진 플래시 플랫폼서비스들은 한국에서 만든 것이었습니다. 한글 문제 해결에 있어서 다른 이벤젤리스트를 비롯해 개발자들에게 회신을 보내어 해결을 위해 노력하겠습니다.

마이크 챔버스(어도비 플래시플랫폼 개발 수석)
- 우선 플랫폼 매니저로, 한글문제에 대해 처음 접했을때 많이 놀랬습니다. 또한, 우리 팀에서도 이 문제 해결을 위해 많은 노력을 기하겠습니다. 한글문제로 인해 불편을 겪고 있는 분들께 사과드립니다. 이외의 한글 문제나 소개하고 싶은 한국의 플래시플랫폼 서비스가 있다면 mesh@adobe.com으로 메일을 보내주십시오.

아르노 고들(어도비 AIR 개발팀)
- 한글 문제에 대해 소개해 주셔서 감사합니다. 우선 AIR의 한글 문제가 여럿 있는 것 같습니다. 이 부분에 대해선 AIR팀 엔지니어로써 빠른 수정을 위해 노력하겠습니다

피터 드한(어도비 QA팀)
- 한글 문제에 대한 지속적인 버그리포팅과, 많은 투표 및 의견 제시에 감사드립니다. 우선 가장 심각한 AIR의 한글 입력문제에 대해서는 최근에도 이런 문제가 지속되어, 중요도를 최대 등급인 A+등급까지 올렸고, Flash Builder 4가 출시되기 이전까지 이 문제를 반드시 해결하기 위해 노력하겠습니다. 또, 이런 문제가 다른 국가에서도 발생하고 있는 것으로 확인했는데, 최초로 발견해서 리포트해준 한국의 플래시 커뮤니티에게 감사드립니다.

한글 문제와 관련하여 많은 제보 부탁드립니다.

저희 한글팀에서는, 한글 입력문제를 비롯해 한글 처리문제, 한글 문서문제등의 해결을 위해 많은 노력을 기하고 있습니다.
특히, 한글처리문제는 한글 입력문제에 비해 문제가 많고, 일일이 한글팀에서 찾아내어 리포트하기 어려운 만큼, 많은 개발자 분들의 도움이 필요한 상태입니다.

한글팀을 7개월간 활동해오면서, 많은 개발자분들을 만나고 이슈트래킹 시스템의 등재방법과 활용방법에 대해 설명드린 적이 있었는데, 한결같이 이슈 등록이나 의견 추가시 반드시 영어를 사용해야 하기 때문에, 부담스러워 하신 분들이 많았던 것 같습니다.

하지만 이제는 부담갖지 마시고, 한글 문제를 발견하셨다면 아래의 메일로 제보를 주시거나 우리 팀블로그(http://flashteam.kr)의 방명록에 남겨주시면, 한글팀에서 자체적으로 테스트 후 버그 여부에 대해 반드시 회신 하겠습니다.
한글문제 이외의 어떤 문제라도 좋습니다. 한글팀에 대한 질문사항이나, 플래시 플랫폼 개발과 관련된 질문사항도 메일로 남겨주시면 회신 하겠습니다.
hot@adnaru.com

한글팀에 집계된 한글 문제를 비롯한 여러 문제들은, 내부 테스트를 거쳐 버그여부를 가린 후 팀 블로그에 포스팅 되며, 여론 수렴 과정을 거쳐, 어도비 이슈트래킹 시스템에 정식으로 버그를 등재하게 됩니다. 이후, 해당 문제에 대한 직접적인 제보자로 글에 알리고, 해당 이슈에 변경사항이 있을 경우 바로 메일로 회신 하겠습니다.

그럼 많은 제보 부탁드리겠습니다 (__)

한글 팀이 어도비 유저그룹(AUG)로 공식적으로 인정되었습니다.

한글문제와 관련해서 경사스러운 소식이 많은데, 한글 팀에도 경사가 생겼습니다.
바로, 얼마 전 한글 팀이 어도비 유저그룹으로 공식적으로 인정되었습니다.

어도비 유저그룹은 각 국가/지역별 사용자 그룹을 지원하는 프로그램으로, 유저그룹에 선정되면 애크로뱃 컨넥프로 계정제공, MAX할인권 제공, 소프트웨어 추첨기회제공, 유저그룹 행사지원등 많은 혜택이 주어지게 됩니다.

한글팀의 유저그룹은 아래링크를 통해서 참여하실 수 있습니다.
http://groups.adobe.com/groups/b1efe7ca0b/summary

저희 한글팀은 앞으로, 한국의 개발자들과 함께하는 어도비 유저그룹으로, 한국의 플래시플랫폼 서비스를 해외에 알리고, 한글 문제 해결을 위해 많은 노력을 하겠습니다.
여러분들께서도 많은 참여 부탁 드리겠습니다.

한글 팀과 함께하실 분을 찾습니다.

저희 한글팀이 발촉 이후 7개월여가 지나면서, 많은 변화를 겪었습니다. 특히, 한글 문제와 관련해서 많은 진척이 있었고, 그 주역이 한국의 많은 플래시플랫폼 개발자 분들이셨습니다.
한글팀은 플래시플랫폼 개발자분들이 자발적으로 모여 현재 총괄,핫라인,블로그, 번역팀으로 나누어, 끈끈한 팀워크를 유지하고 있습니다.

재밌는 점은, 한글 팀 첫 모임 이후, 팀 내에 동갑내기이신 분들이 네분이나 계셔서,
서로 개발과 관련된 정보를 공유하며, 좋은 친구관계를 계속 유지해 오고 있답니다 : )

하지만, 한글 팀 모두 현업에서 일을 하며 동시에 한글 문제와 관련된 여러 활동을 하고 있기 때문에, 
바쁜시간을 쪼개어 활동에 참여하고 있습니다.

한글 팀은 앞으로, 한글 문제 해결을 비롯해, 한국의 플래시 플랫폼 서비스를 해외에 소개하고,
팀블로그를 통해 많은 개발자 분들과 함께 Flash Platform 정보를 공유하는것을 목표로 하고 있습니다.

물론, 한글 팀과 함께한다고 해서 특별한 혜택이 주어지는 것은 아니지만,
한국의 많은 개발자분들과 함께, Flash Platform과 관련된 정보를 공유하며 서로 배워가는 것으로도 큰 의미가 있다고 생각합니다.

한글 팀의 일원으로 활동하게 되면, 총괄, 핫라인, 블로그, 번역팀 중 자신에게 맞는 팀에 참여하며,
월 1회 진행되는 한글 팀 모임에 참석하게 되고, 계속해서 한글 팀 분들과 플래시플랫폼과 관련된 많은 정보를 공유하게 됩니다.

한글팀과 함께하시고 싶으신 분들은 hot@adnaru.com 으로 메일을 보내주시면, 회신드리겠습니다.

Flash Platform 한글문제 공동대응팀
검쉰/블루메탈/열이아빠/에이레네/옥고수/지돌스타/희희덕덕

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

Adobe AIR 애플리케이션은, 개발자 없는 AIR 애플리케이션, AIR 개발자가 바라본 실버라이트3 OOB 에서 소개 드린 것 처럼, 플래시 애플리케이션과는 별도로 AIR 런타임이 필요하며, 패키징 된 단일 설치파일인 .air 파일을 내려 받아 설치할 수 있습니다. 하지만, 일반적으로 클라이언트에 AIR 런타임이 설치되어 있지 않은 경우가 많아, AIR 애플리케이션을 배포시 별도의 안내가 필요합니다.

어도비에서는 이러한 단점을 극복하기 위해, 작년 AIR 릴리즈와 동시에, 플래시 형태의 AIR 배지도 SDK에 함께 포함하여 배포하기 시작하였습니다. AIR 배지는 플래시 플레이어 9이상인 사용자는 누구나 사용할 수 있고, AIR 런타임이 설치되어 있지 않은 환경에서도, 애플리케이션과 AIR 런타임을 함께 설치할 수 있다는 장점이 있습니다.

이베이와, 뉴욕타임스와 같이 AIR 애플리케이션을 채택한 서드파티사의 경우에도, 주로 AIR 배지를 통해 애플리케이션을 배포하였고, 쉬운 설치 방식(Seamless Install)을 비롯해 크로스 플랫폼을 지원하는 장점 등으로 사용자들에게 많은 호응을 얻고 있습니다.

AIR 배지는 AIR SDK내에 포함되어있는 배지파일을 그대로 활용할 수 있지만, 사용 용도에 맞게 적절하게 커스트 마이징 할 수 있습니다. 어도비에서는 AIR SDK내에 AIR 배지와 함께 플래시 파일과 액션스크립트 소스코드 파일을 제공하고 있습니다.

AIR 배지를 커스트마이징 하는 방법은 아래와 같이 크게 두 가지 방법으로 나눌 수 있습니다.

UI를 커스트 마이징

AIR 배지의 사용자 인터페이스(UI)를 커스트마이징 할 때 주로 사용하는 방법으로, AIR SDK내에 포함된 Badge.fla 파일을 커스트마이징 하여 AIR 배지 파일의 배치를 변경할 수 있습니다.
그리고 간단한 UI수정 이외에도 AIR 배지에 부가적으로 추가할 기능이 있을 경우 Badge.fla 파일에 구현하여 사용할 수 있습니다.

위와 같은 방법으로 AIR Badge를 커스트마이징 할 때 특별히 유의해야 할 점은, badge.fla의 Display Class는 AIRBadge.as 파일을 기반으로 하기 때문에, UI 변경과정 중 무비 클립이나 레이어 이름이 변경되지 않도록 특히 유의하여야 하며, 불가피하게 변경이 필요한 경우 반드시 AIRBadge.as 파일을 수정하여야 정상적으로 동작됩니다.

Badge.fla 파일을 이용하여, AIR 배지의 커스트마이징 작업을 모두 마쳤다면 플래시 파일로 export 하여 바로 사용할 수 있습니다. 커스트마이징 과정중 별도로 기능 구현을 위해 추가한 매개변수가 있다면 flashvars에 포함하여 사용하면 됩니다.

AIR 브라우저 API파일을 활용하여 커스트 마이징

AIR SDK에 제공된 AIR Badge의 소스코드를 사용하지 않고, 완전히 새롭게 커스트마이징 하는 방법으로, 주로 AIR Badge에 추가될 부가기능이 많거나 UI를 완전히 새롭게 구현할 때 주로 사용합니다.

일반적으로 위의 방법은 AIR Badge를 완전히 새롭게 개발해야 하기 때문에 주로 많이 이용되지는 않는 편이지만, 최근엔 자바스크립트와 AIR Badge간의 연동을 위해 사용되기도 합니다.
AIR 브라우저 API을 활용한 커스트마이징은 우선 AIR Badge의 작동 구조에 대한 이해가 필요합니다.

AIR Badge는 AIR 브라우저 API파일을 기반으로 작동하게 되는데, 모든 AIR Badge는 이 파일을 경유해야 합니다. AIR 브라우저 API파일은 AIR 런타임의 환경 설정과 설치, AIR 애플리케이션의 설치와 실행 등 AIR런타임과 애플리케이션에 관련된 전반적인 사항을 담고 있습니다.

AIR 브라우저 API파일의 위치는 http://airdownload.adobe.com/air/browserapi/air.swf 그 위치는 이후에도 계속 유지됩니다.

var airSWF:Object; var airSWFLoader:Loader = new Loader(); var loaderContext:LoaderContext = new LoaderContext(); loaderContext.applicationDomain = ApplicationDomain.currentDomain; airSWFLoader.contentLoaderInfo.addEventListener(Event.INIT, onInit); airSWFLoader.load(new URLRequest("http://airdownload.adobe.com/air/browserapi/air.swf"),loaderContext);

AIR Badge는 초기화 과정중 위와 같이 AIR 브라우저 API 파일을 로드하여 사용하게 됩니다. AIR 브라우저 API파일을 정상적으로 로드하였다면, air.swf API들을 사용할 수 있습니다.

AIR Badge는 AIR 브라우저 API파일에서 사용할 수 있는 api 를 활용하여 설치 전반을 진행하게 되는데, 사용자가 설치 버튼을 누르게 되면 위의 순서와 같이 진행됩니다.

우선 제일 처음으로 진행하는 절차는 AIR 애플리케이션을 섪치할 사용자의 컴퓨터에 AIR 런타임이 설치되어 있는지 확인하게 된다. AIR API에서는 getStatus 메서드를 사용하여, AIR 런타임 환경 정보를 알아낼 수 있습니다.

var status:String = airSWF.getStatus();

getStatus 메서드를 호출하게 되면 사용자의 컴퓨터의 런타임의 상태에 따라 아래의 문자열중 하나를 반환하게 됩니다.

getStatus 메서드를 호출해서, AIR 런타임이 이미 설치되어있거나, 설치가 가능한 환경이라면, 다음 환경으로 진행 하고, 설치가 불가능한 환경이라면 사용자에게 적절한 에러메세지를 출력하면 됩니다.

AIR 런타임이 설치 되지 않은 환경이라도, 다음 과정을 진행하는데 별도의 메서드를 호출할 필요가 없으며, AIR 애플리케이션 설치과정중 자동적으로 진행됩니다.

AIR 런타임이 실행이 가능한 환경임이 확인되었다면, 설치할 AIR 애플리케이션의 설치 여부를 확인하는 과정으로 넘어가게 됩니다. AIR API에서는 getApplicationVersion 메서드를 이용하여, AIR 애플리케이션 설치 여부를 알아낼 수 있습니다.

var appID:String = "com.hhdd.airproject.test1"; var pubID:String = "DF388FAED55E310264F183335244F55AC3A629F5.1"; airSWF.getApplicationVersion(appID, pubID, Callback); function Callback(version:String):void { if (version == null) { trace("설치가 안됨"); }else{ trace("설치됨 버전 :", version); } }

getApplicationVersion은 에플리케이션의 버전 정보를 알아내는 메서드 이지만, 반환된 버전 정보가 없을 경우 사용자의 컴퓨터에 사실상 아직 AIR 애플리케이션이 설치가 되지 않았다는 것을 확인할 수 있습니다.

getApplicationVersion 메서드의 매개변수는 아래와 같습니다.

getApplicationVersion 메서드는 비 동기적으로 호출되기 때문에, 사용자의 컴퓨터에 AIR 애플리케이션의 설치 여부를 알기 위해서는 반드시 콜백 함수를 지정해주어야 합니다.
또한, getApplicationVersion 메서드의 매게변수를 모두 지정해주어야 정상적으로 메서드가 호출됩니다.

사용자의 컴퓨터에 AIR 애플리케이션의 설치여부를 확인 하였다면, 사용자의 환경에 따라 AIR 애플리케이션을 설치 또는 실행을 진행 할 수 있습니다.
AIR 애플리케이션의 설치를 할 수 있는 AIR API의 메서드는 installApplication가 있습니다.

var url:String = "myapp.air"; var runtimeVersion:String = "1.5"; var arguments:Array = ["launchFromBrowser"]; airSWF.installApplication(url, runtimeVersion, arguments);

특별히 유의해야 할 점은 installApplication 메서드는 사용자의 마우스 클릭과 같은 직접적인 인터렉션을 반드시 거쳐야 실행할 수 있습니다.

installApplication 메서드의 매개변수는 아래와 같습니다.

위의 매개 변수중 arguments는 생략이 가능한 매개변수 이다. Argument는 설치 완료 후 시작되는 AIR 애플리케이션에 전달할 인수로, BrowserInvokeEvent를 통해 객체를 전달하게 됩니다.
이어서, AIR 애플리케이션 실행할 수 있는 AIR API의 메서드는 launchApplication 가 있습니다.

launchApplication은 실행될 AIR 애플리케이션의 디스크립터 파일의 설정이 중요한데, 반드시 allowBrowserInvocation의 설정이 true일 경우에만 실행이 가능합니다.

var appID:String = "com.hhdd.airproject.test1"; var pubID:String = "DF388FAED55E310264F183335244F55AC3A629F5.1"; var arguments:Array = ["launchFromBrowser"]; // Optional airSWF.launchApplication(appID, pubID, arguments);

launchApplication 메서드는 앞서 설명한 installApplication 메서드와같이 사용자의 마우스 클릭과 같은 직접적인 인터렉션에 의해 동작해야 합니다.
launchApplication 메서드의 매개변수는 아래와 같습니다.

위의 매개 변수중 앞서 설명한, installApplication 메서드처럼 arguments는 생략이 가능한 매개변수 입니다. Arguments는 AIR 애플리케이션이 실행후 전달할 인수로, BrowserInvokeEvent를 통해 객체를 전달하게 됩니다.

지금까지 AIR 브라우저 API 파일에서 사용할 수 있는 메서드에 대해 알아보았습니다. AIR 브라우저 API 파일은 로컬에 있는 자원을 제어할 수 있는 만큼, 어도비 사이트에서 직접 로드해야 하며, 설치나 실행과 같은 동작은 마우스 클릭과 같은 사용자의 직접적인 인터렉션이 필요하다는 점도 주의하여야 합니다.

그럼 아래에서는 플렉스에서 AIR 브라우저 API파일을 이용해 AIR 배지를 커스트마이징 하는 방법에 대해 알아봅시다.

1. UI 설계

AIR 배지를 커스트마이징 하는 방법은 위에서 다루어 본 것 처럼, AIR SDK에 제공된 badge.fla 파일을 커스트마이징 하는 방법과, AIR 브라우저 API파일을 이용해 AIR 배지를 개발하는 방법이 있습니다.

Badge.fla 파일을 커스트마이징 하는것과는 달리, AIR 브라우저 API파일을 이용해 AIR 배지를 개발하는 것은, AIR 배지의 전반적인 사용자 인터페이스나 기능들을 모두 직접 설계하여야 합니다.

따라서, 가장 먼저 AIR 배지에 포함될 기능에 대한 정의와, 유저 인터페이스를 설계하여야 합니다.

일반적으로, Adobe에서 제공하는 AIR 브라우저 API파일을 이용해 사용자에게 제공할 수 있는 정보는 아래와 같습니다.

• AIR 런타임 지원가능여부
• AIR 애플리케이션 설치 여부 및 버전
• AIR 애플리케이션 설치
• AIR 애플리케이션 실행

AIR 브라우저 API 파일을 이용해 제공할 수 있는 기능과, 부가적으로 추가할 기능들을 종합하여 사용자 인터페이스를 설계할 수 있습니다.

아래의 예제에서는 위의 그림과 같이 설치화면, AIR 런타임 지원 불가 환경 알림화면, AIR 애플리케이션 업데이트 화면 등으로 사용자 인터페이스를 설계할 것입니다.

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="230" height="50"> <mx:ViewStack id="vstack" x="0" y="0" width="230" height="50" creationPolicy="all"> <mx:Canvas label="View 1" width="100%" height="100%"> <mx:Label text="불러오는중.." fontSize="12" horizontalCenter="0" verticalCenter="0"/> </mx:Canvas> <mx:Canvas label="View 1" width="100%" height="100%"> <mx:Button label="설치하기" fontSize="12" horizontalCenter="0" verticalCenter="0" click="airinstall();"/> </mx:Canvas> <mx:Canvas label="" width="100%" height="100%"> <mx:Label text="설치가 불가능한 환경입니다." fontSize="12" horizontalCenter="0" verticalCenter="0"/> </mx:Canvas> <mx:Canvas label="" width="100%" height="100%"> <mx:Label x="10" y="4" text="이미 설치가 되어있습니다." fontSize="12"/> <mx:Button x="66" y="23" label="업데이트" fontSize="12" click="airinstall();"/> <mx:Button x="10" y="23" label="실행" fontSize="12" click="airexecute();"/> <mx:Label y="6" color="#000000" textAlign="right" right="10" id="label_version"/> </mx:Canvas> </mx:ViewStack> </mx:Application>

이 예제에서는 화면 전환 및 설계에 viewstack 컴포넌트를 사용하였다. 물론, 이외의 UI컴포넌트를 적절히 활용 하여 AIR 배지 사용자 인터페이스를 설계할 수 있습니다.

2. AIR 브라우저 API 파일 불러오기

커스트마이징 할 AIR 배지의 기능정의와 사용자 인터페이스 설계를 모두 마쳤다면, 이제 본격적으로 AIR 배지에 대한 개발을 진행 할 수 있습니다.

AIR 브라우저 API 파일을 이용해 AIR 배지를 커스트마이징 하는 과정 중 제일 중요한 과정은 AIR 브라우저 API 파일을 불러오는 과정입니다. AIR 브라우저 API 파일은 Adobe 사이트에서 제공하며, http://airdownload.adobe.com/air/browserapi/air.swf 에서 불러와서 사용할 수 있습니다.

AIR 브라우저 API파일은 로컬에 있는 자원을 제어할 수 있는 만큼, 반드시 어도비 사이트를 경유하여야 사용할 수 있습니다. (Adobe에서 제공되는 AIR 브라우저 API파일을 내려받아 다른 위치에서 불러오는 경우 제공되는 메서드들을 사용할 수 없습니다.)

AIR 브라우저 API파일의 위치는 이후에도 변경되지 않기 때문에, swf 파일 위치 변경에 대해 크게 염려할 필요는 없습니다.

private static const AIRAPI_URL:String = 'http://airdownload.adobe.com/air/browserapi/air.swf'; private var airswf:Object; private function doinit():void { var airswfloader:Loader = new Loader(); var loadercontext:LoaderContext = new LoaderContext(); loadercontext.applicationDomain = ApplicationDomain.currentDomain; airswfloader.contentLoaderInfo.addEventListener(Event.INIT, oninit); airswfloader.load(new URLRequest(AIRAPI_URL), loadercontext); } private function oninit(event:Event):void { airswf = event.target.content; }

위의 예제는 Loader 클래스를 이용해 ,AIR 브라우저 API파일을 로드 하는 과정이다. 플렉스 기반으로 개발을 할 경우 ModuleLoader 컴포넌트를 활용해 AIR 브라우저 API 파일을 로드 할 수도 있습니다.
다만 주의할 점은, AIR 브라우저 API 파일은 Adobe 사이트에 위치하기 때문에, 외부 파일의 API를 사용할 수 있도록, ApplicationDomain 설정에 유의하여야 합니다.

3. 예외 처리

AIR 브라우저 API파일을 로드하였다면, 이제 AIR 브라우저 API파일에서 제공되는 메서드들을 활용할 수 있습니다.
일반적으로 가장 먼저 해야 할 작업은, AIR 애플리케이션을 설치할 수 없거나, 이미 설치되어 있는 사용자들에 대한 예외 처리입니다.

AIR 브라우저 API파일에서는 아래와 같이 사용자 로컬 환경에 대한 정보를 제공한다.

• AIR 런타임이 설치여부
• AIR 애플리케이션이 설치여부

AIR 런타임의 설치여부는 설치가능, 설치됨, 설치불가와 같이 총 세가지 분류로 제공되며, 사용자의 환경이 설치 불가(unavailable)일 경우에는 별도의 예외처리를 해주어야 합니다.

그리고, 사용자의 컴퓨터에 AIR 애플리케이션이 설치되어 있는지 체크하는 것도 좋다. 설치된 AIR 애플리케이션의 버전과, AIR 배지에 포함된 애플리케이션의 버전이 다를 경우 업데이트를 유도할 수 있고, AIR 애플리케이션을 실행 할 수도 있습니다.

다만 주의해야할 점은, 사용자의 컴퓨터에 AIR 애플리케이션의 설치 여부를 확인할때에는 애플리케이션의 ID, 배급자 ID가 필요합니다.

애플리케이션의 ID는 디스크립터에서 설정한 ID 엘리멘트 이다. 배급자ID는 ADT에서 AIR 애플리케이션을 패키징 할 때 인증서를 기준으로 자동 생성되는 고유 정보로, 해당 인증서를 계속 사용한다면 배급자 ID는 동일합니다.

배급자 ID정보는 NativeApplication.nativeApplication.publisherID를 통해 알 수 있습니다.

애플리케이션의 ID와, 배급자 ID가 모두 일치하여야, 설치 여부가 정상적으로 리턴되므로 유의하여야 합니다.
(AIR SDK에 포함된 badge.swf 에는 사용자의 컴퓨터에 AIR 애플리케이션이 설치를 체크하지는 않습니다.)

private var appid:String = 'com.hhdd.airproject.test1'; private var pubid:String = 'DF388FAED55E310264F183335244F55AC3A629F5.1'; private function oninit(event:Event):void { airswf = event.target.content; if(airswf.getStatus() == "unavailable") vstack.selectedIndex = 2; else airswf.getApplicationVersion(appid, pubid, onversion); } private function onversion(version:String):void { if(version == null) vstack.selectedIndex = 1; else{ vstack.selectedIndex = 3; label_version.text = version; } }

위의 예제에서는, AIR 런타임의 설치가 불가능한 환경에서는, AIR 애플리케이션이 설치가 불가능하다고 알려주고, 설치가 가능한 환경에서는, AIR 애플리케이션의 설치 여부를 체크해, AIR 애플리케이션이 이미 설치되어 있는 경우, 설치된 애플리케이션의 버전 정보를 알려주게 됩니다

.

4. 동작 처리

AIR 배지의 예외 처리과정은 꼭 필요한 과정은 아니지만, 사용자의 환경을 분석해 좀 더 직관적인 설치 과정을 제공하기 위해서 반드시 처리해 주는 것이 좋습니다.
예외 처리를 모두 마쳤다면, 이제 마지막으로 AIR 배지의 여러 동작들을 처리하는 과정만 남았다. AIR 브라우저 API파일을 이용하여, 다음과 같은 동작을 처리 할 수 있다.

1. AIR 애플리케이션을 설치한다.
2. AIR 애플리케이션을 업데이트한다.
3. AIR 애플리케이션을 실행한다.

일반적으로 AIR 배지에서 사용자들은 AIR 애플리케이션을 설치, 업데이트 하거나 실행하는 동작을 처리하게 됩니다.
AIR 애플리케이션을 설치 할 때에는, 패키징된 .air 파일의 주소, AIR 런타임의 버전 정보가 필요합니다.

그리고, 위에서는 업데이트를 별도의 카테고리로 빼두었지만, 사실 AIR 애플리케이션을 설치하는 동작과 함께 처리하면 됩니다.
AIR 애플리케이션 설치 과정 중 이미 설치된, AIR 애플리케이션의 버전과, AIR 배지에서 설치할 AIR 애플리케이션의 버전이 다르다면, 표준 AIR 애플리케이션 업데이트 화면이 나오게 됩니다.

AIR 애플리케이션을 실행할 때에는 반드시, 애플리케이션 ID와 배급자 ID가 필요하며, 설치된 AIR 애플리케이션의 디스크립터 설정중 allowBrowserInvocation가 true일 경우에만 실행이 가능합니다.
(AIR SDK에 포함된 badge.swf에는 AIR 애플리케이션을 실행하는 기능은 포함되어있지 않습니다.)

private var appid:String = 'com.hhdd.airproject.test1'; private var pubid:String = 'DF388FAED55E310264F183335244F55AC3A629F5.1'; private var runtimeversion:String = '1.5'; private function airinstall():void { airswf.installApplication(airurl, runtimeversion); } private function airexecute():void { airswf.launchApplication(appid, pubid); }

위의 예제는 airinstall 메서드를 호출하게 될 경우, AIR 애플리케이션의 설치와 업데이트 동작을 처리하게 되며, airexecute 메서드를 호출할 경우, 설치된 AIR 애플리케이션을 실행하게 됩니다.
지금까지 AIR 브라우저 API파일을 이용해 AIR 배지를 커스트마이징 하는 과정에 대해 알아보았습니다.

그럼, 위에서 설명한 4가지 과정을 종합해, 플렉스 기반의 AIR 배지를 개발하는 예제에 대해 살펴봅시다.

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="230" height="50" creationComplete="doinit();"> <mx:Script> <![CDATA[ private static const AIRAPI_URL:String = 'http://airdownload.adobe.com/air/browserapi/air.swf '; private var airswf:Object; private var appid:String = 'com.hhdd.airproject.test1'; private var pubid:String = 'DF388FAED55E310264F183335244F55AC3A629F5.1'; private var airurl:String = 'airbadgetest.air'; private var runtimeversion:String = '1.5'; /** * AIR 브라우저 API파일을 불러온다. */ private function doinit():void { var airswfloader:Loader = new Loader(); var loadercontext:LoaderContext = new LoaderContext(); // AIR 브라우저 API파일은 Adobe 사이트에 위치하기때문에, ApplicationDomail 설정에 유의하여야한다. loadercontext.applicationDomain = ApplicationDomain.currentDomain; airswfloader.contentLoaderInfo.addEventListener(Event.INIT, oninit); airswfloader.load(new URLRequest(AIRAPI_URL), loadercontext); } private function oninit(event:Event):void { airswf = event.target.content; /** * AIR 런타임의 설치여부를 확인한다. * AIR 런타임이 지원되지 않는 환경의 경우, AIR 애플리케이션 설치가 되지 않기때문에, 이 과정을 거치는것이 좋다. */ if(airswf.getStatus() == "unavailable") vstack.selectedIndex = 2; else airswf.getApplicationVersion(appid, pubid, onversion); // AIR 애플리케이션의 설치여부를 확인한다.(생략가능) } private function onversion(version:String):void { if(version == null) vstack.selectedIndex = 1; // 사용자의 컴퓨터에 AIR 애플리케이션이 설치되어있지 않은경우 else{ vstack.selectedIndex = 3; // 사용자의 컴퓨터에 AIR 애플리케이션이 설치되어 있는 경우 label_version.text = version; } } private function airinstall():void { // AIR 애플리케이션을 설치한다. airswf.installApplication(airurl, runtimeversion); } private function airexecute():void { // AIR 애플리케이션을 실행한다. airswf.launchApplication(appid, pubid); } ]]> </mx:Script> <mx:ViewStack id="vstack" x="0" y="0" width="230" height="50" creationPolicy="all"> <mx:Canvas label="View 1" width="100%" height="100%"> <mx:Label text="불러오는중.." fontSize="12" horizontalCenter="0" verticalCenter="0"/> </mx:Canvas> <mx:Canvas label="View 1" width="100%" height="100%"> <mx:Button label="설치하기" fontSize="12" horizontalCenter="0" verticalCenter="0" click="airinstall();"/> </mx:Canvas> <mx:Canvas label="" width="100%" height="100%"> <mx:Label text="설치가 불가능한 환경입니다." fontSize="12" horizontalCenter="0" verticalCenter="0"/> </mx:Canvas> <mx:Canvas label="" width="100%" height="100%"> <mx:Label x="10" y="4" text="이미 설치가 되어있습니다." fontSize="12"/> <mx:Button x="66" y="23" label="업데이트" fontSize="12" click="airinstall();"/> <mx:Button x="10" y="23" label="실행" fontSize="12" click="airexecute();"/> <mx:Label y="6" color="#000000" textAlign="right" right="10" id="label_version"/> </mx:Canvas> </mx:ViewStack> </mx:Application>

위의 예제는, 사용자의 화면이 모두 초기화 된 이후 AIR 브라우저 API파일을 불러오고, AIR 런타임의 설치 가능 여부와, AIR 애플리케이션의 설치 여부를 확인하여, 사용자의 환경에 맞는 화면으로 전환하게 됩니다.
아울러, 전환된 화면에서 설치나 업데이트, AIR 애플리케이션의 실행과 같은 동작들을 처리할 수 있습니다.

지금까지, AIR 애플리케이션의 설치방법과, AIR 배지의 사용방법, 그리고 AIR 배지를 사용용도에 마침맞게 커스트마이징 하는 방법에 대해 알아보았습니다.
AIR 배지를 통해 AIR 애플리케이션을 배포할 경우, 몇몇 작업이 필요하지만 목적에 맞게 커스트마이징 하여 사용자들에게 좀 더 편리한 설치 환경을 제공 할 수 있고, AIR 애플리케이션 설치현황등의 자료 수집에도 활용할 수 있습니다.

일반적으로, AIR SDK에 포함된 badge.swf는 AIR 애플리케이션 설치 여부확인과, AIR 애플리케이션 실행은 지원되지 않습니다. 따라서, 부가적으로 위의 기능들이 필요하다면, AIR 브라우저 API파일을 이용한 커스트마이징을 하는것이 좋고, 그리고 간단한 UI 편집이나 기능추가는 AIR SDK에 포함된 fla 파일이나 as파일을 활용하는 편이 유용합니다.

아울러, AIR 브라우저 API 파일을 이용해 커스트마이징 한 AIR 배지를 주로 사용한다면, ASDOC이나 코드 힌트 팝업등을 활용하려면 별도의 클래스를 만들어 두는 것이 좋습니다.

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

LCDS 3.0에 이어, 한국시간으로 어제 콜드퓨전 9, 콜드퓨전 빌더(코드네임 Bolt)가 어도비 랩스에 공개되었습니다.
콜드퓨전 9과 빌더는 작년 MAX 컨퍼런스 이후 처음으로 베타가 공개 되었는데요. 특히, 콜드퓨전은 두 번의 인수합병 과정을 거치면서, 어도비에서는 두번째로 내놓는 릴리즈 이기도 합니다.

어도비랩스 – 콜드퓨전 9
어도비랩스 – 콜드퓨전 빌더(코드네임 Bolt)

콜드퓨전은 CFML(ColdFusion Markup Language)을 기반으로 하는 서버 애플리케이션으로, 특히 콜드퓨전에서 쓰이는 서버사이드 언어인 CFML은 HTML과 구조가 많이 닮아있습니다. 콜드퓨전은 1995년 Allaire에 의해 처음으로 고안되었고, 2001년 매크로미디어와의 인수합병, 2005년 매크로미디어와 어도비의 인수합병으로 많은 굴곡을 겪었습니다.

콜드퓨전은 주로, 데이터 위주의 웹 애플리케이션이나 인트라넷에 사용되는 경우가 많은데 특히, SOA의 미들웨어로 활용하거나, J2EE 상위 레이어로 콜드퓨전을 이용하거나, SOAP, RESTful등으로 웹 서비스를 생성하여 Flash와 연동하는 경우로 자주 활용하고 있습니다.

이처럼, 콜드퓨전은 Allaire이 개발한 초기엔 DB기능이 거의 갖추어지지 않았고, 2000년에 이르러 Java로 다시 개발하기 시작하였습니다. 이후, 매크로미디어, 어도비와 인수합병하면서 Flash Platform과 Adobe PDF와 연동되기 시작하였습니다.

얼마전 베타버전이 출시된 콜드퓨전 9은, ORM을 이용한 SQL 자동화, CFScript의 향상(UDFs와 CFCs를 추가할 수 있음), MS Office와의 연동지원등이 추가되었고, 플렉스/AIR를 위한 CF컴포넌트도 추가되어, 플래시빌더, 플렉스빌더에서도 서버사이드와 손쉽게 연동이 가능해졌습니다.

특히, 이번 베타 릴리즈와 동시에 콜드퓨전 빌더(코드네임 Bolt)도 함께 릴리즈 되었는데, 콜드퓨전 빌더는 이클립스 기반의 에디터로, 콜드퓨전 빌더를 내려받거나, 이클립스에 콜드퓨전 빌더 플러그인을 설치하여 사용할 수 있습니다.

콜드퓨전 빌더는 ORM 자동설정을 지원하고, CFML, HTML과 같은 마크업언어에 하이라이팅을 지원하며, 그 외에 서버관리, 코드 어시스턴트 기능이 지원됩니다. 재밌는점은, 이번에 베타버전이 출시된 콜드퓨전 빌더의 인터페이스에 한글이 적용되었는데, 아직 한글판 도움말은 나오지 않았네요.

아직 콜드퓨전 9과 빌더의 정확한 출시일정은 발표되지 않았지만, 베타 버전이 발표되고, CF컴포넌트 활용방법이 Adobe TV를 통해 계속 공개되고 있는 만큼, 차기 플렉스,플래시빌더의 출시일정과 겹쳐 나오지 않을까 조심스레 추측해봅니다만 ^^;; 아직 모르는 일이겠죠?

(덧붙여 콜드퓨전과 관련된 자세한 정보는 장창학님께서 블로그 Coldfunsion funny log(http://www.nooree.com/blog/)를 통해 계속해서 공유하고 있습니다)

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.