Rev. 2.73

fp.jpg

짬짬이 작업하고 있는 웹갤러리 'FloatPhoto'입니다. 디지털 SLR 카메라가 생긴 후 주변인들에게 사진을 전달하는 용도로 이곳 저곳에서 긁어모은 함수들로 뚝딱 만든 것이었지만, 계속해서 만지다 보니 지금은 자체적인 파일관리를 위한 관리자 모드까지 생기면서 제법 무거워진 상태입니다.

'플롯포토'는 서버의 데이터베이스(MySQL)를 사용하지 않고 FTP에서 직접 작동하는 방식으로 누구나 쉽게 자신의 사진 컨텐츠를 배포 및 전시하는데 그 목적을 두었습니다. Ajax 기반의 비주얼 스크립트가 접목되어 더욱 동적인 화면을 연출해 주며, 방문객 중심의 인터페이스로 구성되어 있습니다. 더불어 사진의 Exif정보가 표시 되도록 하는 플러그인도 갖추었습니다. 지금까지 작업된 결과물을 공개합니다. 아래의 링크를 따라가시면 직접 체험할 수 있습니다. 둘러봐 주세요.

미리보기 : http://ajax.maru.net/

사진을 전시하는 것 외에는 어떠한 것도 포함하지 않을 예정입니다. 때문에 코멘트, 게시판, 방명록 따위의 커뮤니케이션은 가급적 배제하려고 합니다.

FloatPhoto의 기능
- FTP의 특정 폴더에 있는 사진을 지정한 수만큼 분할하여 정렬
- 정렬 과정에서 썸네일 및 프리뷰가 존재하지 않으면 자동으로 생성
- 한글화된 Photo Exif 정보 출력
- LightBoxPlus 스크립트를 이용한 이미지 프리뷰
- Prototype 기반 script.aculo.us 비주얼 이펙트 스크립트

앞으로 구현할 기능
- 스킨기반 설계
- 다양한 정렬방법 구현
- 드래그 앤 드롭을 이용한 쇼핑카트 형식의 포토픽업
- 쇼핑카트에 모인 사진들을 압축 다운로드 및 관리
- 사진별 주제입력
- 사진별 태그입력
- RSS 구독을 위한 XML 파싱

Comments

Got something to add? You can just leave a comment.

  • 멋진 갤러리네요..
    완성되면 꼭 한번 사용해보고 싶네요 ^^

    reply edit

  • 파이어준 파이어준

    멋지게 완성시켜 보겠습니다.

    reply edit

  • 우와 우아하게 보입니다. 사진이 보여지는 방법도 그렇구.
    썸네일이 생기는것도 너무 멋지네요 . - web버전의 아이포토 같은 느낌입니다..
    완성되면 저도좀 쓰게 해주시면 감사하겠습니다.

    reply edit

  • 파이어준 파이어준

    원하시는 분이 계시면 배포해 보겠습니다.

    reply edit

  • FTP로 직접 작동한다니.. Only 사진만 올리기 위해서라면 정말 좋은 갤러리가 될것 같네요.
    저도 완성되면 써보고 싶네요 >ㅅ<

    reply edit

  • 파이어준 파이어준

    성에 차는 그날까지 달려보겠습니다.

    reply edit

  • 저기 위에 메뉴에서 마우스 같다 대면 설명나오는거 어뜨케 하는건가요?
    가르쳐 주시면 감사할게요^^

    reply edit

  • 파이어준 파이어준

    딱히 어떻게 하라고 말씀드리기는 힘들고요. 소스의 출처는 아래의 링크입니다.
    http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm

    reply edit

  • 오, 이거 완성되면 동아리 홈페이지에 써도 될까요? ^^;
    저도 ftp나 samba를 이용해 폴더를 만들고 이미지를 올리면 그것이 바로 앨범화되는 방식으로 프로그램을 짜서 돌리고 있습니다만 Firejune님이 만드신 건 UI가 너무 깔끔하군요. ㅠ.ㅠ

    reply edit

  • 파이어준 파이어준

    완성만 된다면 기꺼이 드리겠습니다.

    reply edit

  • 와, 대단하십니다^^
    저는 구상은 해도 실행을 못해서 걱정인데;

    reply edit

  • 파이어준 파이어준

    별말씀을요... 전, 즐기고 있는걸요 ^^

    reply edit

  • 멋진 프로그램이군요!! 배포해주시면 꼭 써보고싶습니다.

    reply edit

  • 파이어준 파이어준

    넵 기꺼이..

    reply edit

  • 웹표준 준수라는게 가장 크게 맘에 듭니다. 파이어폭스에서도 쌩쌩~

    reply edit

  • 파이어준 파이어준

    스스로에게 웹 표준을 준수하자고 다짐하였습니다. 사실 저도 불여우 유저거든요 ^^;

    reply edit

  • 음... 페이지 로딩전에 뜨는 스크립트 어떻게 알 수 없을까요? 페이지가 로딩이 다 되면 없어지는 것 말이죠.

    reply edit

  • 파이어준 파이어준

    일전에 소개한 바 있는 script.aculo.us 기능의 일부분입니다. 로딩 이벤트를 넣어주고 처음부터 보여주고 있는 로딩 DIV에 Effect.Fade를 사용하여 감춰준 것이지요.

    reply edit

  • 너무 멋지십니다. 정말 기다려지네요. 블로그에 관심은 많으나, 이런거 참 어찌하는건지..
    배우고 싶다 생각만 하다고도, 이런거 보면, 그저 기다리고 싶습니다. ㅎㅋ
    아, 또 이 스킨도 혹시 배포하신 건가요..지금 현재 사용중이신 블로그 스킨말입니다.
    이것저것 다 갖고만 싶네요..
    리더에 등록해 놓고 항상 지켜보고 잇습니다.!! 팟튕!~ㅋㅋ

    reply edit

  • 파이어준 파이어준

    댓글 감사합니다. 저도 블로그에 관하여서는 일자무식으로 시작하였고 그렇게 2년이라는 시간이 흐르다 보니, 블로그 오타쿠가 되었습니다. ㅡ.ㅡ; 스킨은 아직 완전하지 않은것으로 배포되지 않았습니다. 조만간에 액션을 취하도록 하겠습니다.

    reply edit

  • 제가 이런 말씀 드려도 되느지 모르겠습니다만,
    갤러리에 사진 팝업시에 배경은 좀더 어두워지거나
    밝아졌으면 조을거 같습니다. (순전히 제 취향..ㅡ.ㅡ)
    왜냐면, 사진에 대한 집중도를 높이기 위함입니다.
    (혹시 불쾌하시다면 지우셔도..^^;; 사실 기대가 너무 크다보니.. 올린 건의사항입니다. ^^;;)
    빨리 배포하여주사요~~ㅋㅋ

    reply edit

  • 파이어준 파이어준

    저와 취향이 다르시군요 ㅡ.ㅡ;; 사용자가 모양을 쉽게 커스터마이징할 수 있도록 스킨파일을 별도로 설계하였습니다. 스킨을 취향별로 몇 종류 만들어 보도록 하겠습니다. 피드백 감사합니다. ^^

    reply edit

  • 와...너무 멎져요!! 반드시 배포해주세요~ =ㅂ=)ㅋㅋ
    배포는 여기를 통해서 하실건가요~? 아니면 태터홈에~? ^^ 아무튼 어여 완성하시길 바랍니다.히힛~

    reply edit

  • 파이어준 파이어준

    이것저것 구현하고 싶은 것이 너무도 많아서 끝이 보이질 않는군요. orz... 배포는 태터툴즈와는 전여 관계가 없는 것으로 배본 블로그를 통하여 배포될 것입니다.

    reply edit

  • 안녕하세요..파이어준님이 만드신 갤러리 너무 산뜻하고 멋있습니다.
    한가지 궁금한게,많은 유저들이 몰리는 곳에다가,저 갤러리를 설치했을때?
    반응속도 같은게 궁금합니다..즉 10명이 동시에 사용할때랑 1000명이 동시에 사용했을떄랑
    많이 차이가 나는지 궁금해용

    reply edit

  • 파이어준 파이어준

    글쎄요... 저도 궁금한걸요? DB를 사용하지 않고 단순히 ftp에서 파일만 긁어오는 것이기 때문에 과부하는 줄것으로 보이지만, 확답을 드리지는 못하겠군요. 천명 동접정도의 수준이라면 서버의 능력이 가장 중요하겠죠?

    reply edit

  • bok ku bok ku

    와 정말 좋은 겔러리입니다... 짱!!! 완전 좋은 설계인거 같습니다... 저도 이것을 쓸수 있을까요?? 사진을 대량으로 찍어서 하는 일을 많이하는데 (갠적으로 가벼운 사진..) 완전 좋은 프로그램인거 같습니다.. ^^ 구할수 없을까요?

    reply edit

Your Reaction Time!

captcha

avatar