쇼핑몰 제작에 하나의 아이디어로서 올립니다

소스코드와 compile된 파일들을 아래에 올려 놉니다
유용한 자료가 되기 바랍니다



readme.txt 파일의 내용입니다

제목:
Cairngorm Flex Store


무엇:
Flex 3, Actionscript 3.0 과 Cairngorm Architecture를
이용한 웹스토아입니다
소스 코드가 첨부 되어 있읍니다.


원본과의 비교:
http://www.cairngormdocs.org/
원본은 여기를 가면 있고 원본은 coldfusion을 이용한 web service로 상품 목록을
얻기 때문에 실지로 운영되는 것을 보기 어렵습니다

http://ntier.wordpress.com/modcairngormstore/
이것은 위의 web service를 이용하지 않고 자체내에서 자료를 공급하도록
임시변통으로 고쳐서 store의 demo가 가능하도록 한 것입니다

제가 만든 것은 http service를 이용하여 웹사이트에서 xml 정보를 얻어서
상품을 보여 주도록 한 것입니다

이 3가지의 소스를 비교하는 것도 플렉스를 배우는 데 도움이 될 것입니다.


cairngorm architecture:
http://www.brightworks.com/technology/adobe_flex/cairngorm.html
cairngorm를 더 알고 싶으신 분은 위의 사이트로 가 보시기 바랍니다.
cairngorm architecture는 design pattern에 따라 coding이 가능하도록 해주는
구조입니다.(Cairngorm은 한 원저자의 고향의 산 이름입니다)


설치하기전의 조건:
Flash Player 9.0.28 이상이 설치된 브라우저가 있어야 합니다


경고:
실지로 쓰기에는 완전하지 않습니다.
교육용으로 쓰시기를 바랍니다


설치:

1.다운로드해서 풉니다

2. CairngormStoreWeb/ 폴더는 zbxe가 설치되어 있는 곳에 올립니다
즉 classes나 modules가 보이는 폴더에 올려 놓으면 됩니다.

2 페이지에 링크하기

<!-- Flex Store -->
<div class="widgetBox">
  <img src="./images/common/blank.gif" class="zbxe_widget_output" widget="newest_trackback" skin="blog_newest_trackback" colorset="layout" title="Flex Store" subject_cut_size="26" list_count="5" mid_list="{$layout_info->target_mid}" />
  <a href="CairngormStoreWeb/CairngormStoreWeb.html" target="_new">Flex Store</a>
</div>

위의 코드를 그대로 copy하여 웹페이지 레이아웃의 위젯이 들어 가는
자리에 그대로 paste해 주면 됩니다

3.브라우저에서 Flex Store라는 링크를 클릭해주면
새로운 창이나 탭이 뜨면서 store를 볼 수 있습니다.

웨젯에 대한 연구가 부족하여 제작을 못했습니다.
그리고 넓이를 많이 차지해서 새로운 창에서 보아야 합니다.


기능:

drag and drop이 되고 check out까지 가능합니다
가격에 의한 filter기능, shopping cart기능,sort
그림 목록, 텍스트 목록 선택
다만 크레딧 카드를 check하는 것은 웹에서 하기 때문에
항상 ok로 응답하도록 되어있습니다 소스를 보면 아실 것입니다.

실지로 사용하기보다는 플렉스를 이용하여 만들수 있는 store가
어떠한가를 알게 해주는 demo로 보시면 됩니다


참고:
크레딧 카드의 최종결제는 안됨
한 페이지 즉 16개의 상품만 보임, paging 기능이 없음

내가 고친 것은 data 로딩부분(http service/xml)이고
다른 코드는 건드리지 않았습니다


라이센스:
Apache License, Version 2.0
소스 코드 안에 있으니 읽어 보시기 바랍니다.


감사합니다.


레미짱