Rev. 2.73

Untitled-1 copy.gif

스킨 유료화 프로젝트는 잠시 접어두고 Ajax 모션을 공부하면서 작업중인 디지털 사진관리를 위한 웹어플리케이션 '플롯포토'의 개발 로그입니다. 현재 버전은 알파 0.64입니다. 0.9x가 되는 시점에서 오픈베타를 실시하게 됩니다. 플롯포토에 대한 서문은 이 곳에서 볼 수 있습니다.

프리뷰 : http://ajax.maru.net/

SQL 데이터베이스를 사용하지 않는다는 것이 큰 걸림돌이 되는군요. 그래도 마음먹은 대로 진행하려 합니다. 드래그 앤 드롭 '다운로드 카트'의 레이아웃이 잡혔습니다. 받은 아이템을 데이터로 배열하고 그 값을 쿠키로 굽는 과정까지 진행되었습니다. 배열된 파일을 압축하여 다운로드 가능하도록 하고, 드롭시에 발생하는 이벤트 문제와 구글IG처럼의 사용자가 UI를 직접 설정하는 UI와 사진 소트에이블도 추가해볼 생각입니다.

그리고 이곳 저곳에서 퍼다 나른 자바스크립트를 Prototype JavaScript framework 형식으로 변환하고 있습니다. 결과, 페이지 전환이 매우 순조롭고 모션에서 발생하는 자원 낭비를 줄였으며, 프레임도 상승하였습니다. 그리고 비동기식 데이터 전송을 다운로드 카트에 우선 적용해 보았습니다. 실시간으로 변화하는 php를 한 페이지에 머물며 비동기로 업데이트합니다.(신기해요.) 더불어 이미지 뷰어로 사용중인 라이트박스_플러스 라이브러리도 대대적으로 뜯어고쳐 경량화와 동시에 비주얼 이팩트와 맞물렸습니다. 나중에 알고 보니 script.aculo.us기반으로 만들어진 라이트박스 2.x 버전이 출시되었습니다만, 저는 플러스가 더 좋아 보이는군요. 2.x의 몇몇 기능만을 따와서 추가할 예정입니다.

앞으로 할 작업 :
- 라이트박스 뷰어에 슬라이드기능 추가
- 다운로드 카트 열고닫힘 기억시키기
- 다운로드 카트 파일처리 완성하기
- 슬라이드 바로 조정하여 실시간 반영되는 썸네일 사이즈
- UI 소트에이블 구현하기
- 포토 소트에이블 구현하기
- 켜고 끄기 가능한 효과음 삽입하기
- 여러 파일 정렬방식 구현하기
- 비동기로 변화하는 스킨 추가하기
- 플래시스러운(?) 인트로 추가하기

Comments

드래그 쇼핑 아이템

배추 매론 양배추 포도 귤

Your cart:

이곳에 아이템을 끌어다 놓아 주십시오.
이곳에 필요없는 아이템을 버리세요.

http://demo.script.aculo.us/shop 의 소스를 응용하여 PHP와 연동되는 쇼핑카트 실습을 해 보았습니다. 카트의 정보는 쿠키에 저장됩니다. 태터툴즈에 응용하면 재미있는 것을 많이 만들수 있겠어요. 예를 들어 포스트 카트 라던지, 이미지 카트, 키워드 카트, 태그 카트, RSS카트... 생각만해도 즐겁군요.

※ 이 페이지는 RSS리더기에서 비정상으로 보일 수 있으며 정상 작동하지 않을 수 있습니다.

Comments