geuni

http://www.11st.co.kr
모자이크의 경우는 제품으로 모자이크를 구성하는 방식이다.
원래는 이미지에 각각의 포인트를 잡아서 그 포인트의 색상값에 따라서 제품별로 가장 근사한 색상을 가진 제품을 이미지의 위치로 이동을 시켜로 했었지만 제품의 업데이트의 용이성과 기획전의 성격을 가지는 서비스를 제공하기 위해서는 많은 양의 썸네일을 로드해 올수는 없는 노릇이었다.
그리고 개발쪽에서도 너무 많은 통신은 서버자체에 무리를 줄수 있다는 의견이 있었기 때문에 지금과 같은 형태로 구현이 되었다.
기본적으로 최대 30개의 제품이미지와 제품 정보를 xml로 받아서 제품의 이미지를 뿌리면서 각 이미지에
각각의 포인트에 색상에 맞추어서 이미지의 색상을 변경해 주는 식으로 모자이크가 구현이 된다.
이 모자이크는 기획전용이 있으며 사용자가 자신이 원하는 이미지를 업로드해서 모자이크를 구현할수도 있으며 기획전의 모자이크 또한 블로그로 가져가는 것이 가능하게 구현이 되어있다.

작년 6개월정도를 진행한 프로젝트 이다.
초기 제안부터 해서 실구축에서의 기획의 및 클라이언트와 의견조율등 플래쉬에 관한 전반에 대한걸 수행을 했다. 정말이지 어찌보며 코드를 짜내면서 보내는 시간 보다 회의나 기타 업무 외적인 부분에 쏟아 부은 시간이 더 많다고 느껴질 정도이다.
우선은 11st의 특징인 즐거운 쇼핑과 , 빠른 쇼핑 이 거대한 두개의 카테고리중 즐거운 쇼핑을 구현하였고 이 즐거운 쇼핑쪽에 들어가는 5가지의 서비의 플래쉬 구축의 전반에 대해서 수행을 했다 그중 내가 실제 작업을 한부분은 2가지의 서비스 이다.
입체검색과 모자이크30을 내가 실제 제작을 하였고 나머지 i,m 코디 , 비교쇼핑, t-map 등은 초기 플래쉬 시안 제작과 기획에 참여를 하였다.
마지막으로 버츄얼 카테고리 보기또한 제작은 내가 하였다.

입체검색
http://www.11st.co.kr
즐거운 검색의 메인에서 검색을 하시면 색다른 검색을 할수 있습니다..^^





제작은 2.0 클래스 기반으로 제작을 하였다
초기 기획때 디자이너와 상의를 하면서 검색에 대한 모션을 제작을 하면서도 검색API와의 연동이 어떤식으로 될지에 대해서 검색API개발자와는 애기를 해볼 기회가 없었기에 초기 제작때는 막연함 감이 많아서 힘든 부분이 많았다.
검색자에서 파생되는 기능들인 제검색,결과내 재검색,속성검색,재솔트,거기에 백으로 이동해야 하는 기능
부가적으로 UI적인 측면에서는 휠을 이용해서 한계의 카테고리에 한에서 페이지의 갱신 없이 카테고리에 가지고있는 제품을 다 보여주기 위해서 기능적의로나 디자인적으로 양쪽다 잡아내기 위해서 너무나 코드가 방대해진면도 없지않아 있고 추가적으로 ui를 html베이스의 ui또한 플래쉬에서 구현하는것이 어려우면서도 재미있었지만 힘든작업이기도 했다.