brainage.egloos.com

포토로그



[DIY]자작 이미지 뷰어 웹사이트 프로그래밍 by 천하귀남

직업이 이계통이기도 하고 원래 책을 좋아하는지라 사놓은 디카는 야외 출사용이아닌 책 접사에 특화시켜 사용중입니다.

그러기를 3년이 넘다보니 이제는 쌓인 자료도 장난이 아니더군요,책만 3만장 30기가정도로 불어났습니다.

200페이지정도의 일반서적 기준으로 300권정도? 책많이 보시는 분들에 비하면 새발의 피겠지만 저것들이 온전한 책한권이라기 보다는 이책 저책에서 부분촬영한 것들이다보니 시간이 보통 들어간게 아닙니다.

헌데... 있으면 뭘합니까 언제 어디서나 볼수 있는게 아닌데


그래서 고민끝에 2004년 12월부터 이것들을 자유롭게 볼수있는 웹 프로그램을 짜기 시작했습니다.

원래는 2005년부터는 어떤형태로든 무선인터넷이 활성화 되리라는 예상으로 시작한건데 요즘에나 HSDPA모뎀이 좀 쓸만하게 나오더군요

실제 완성은 올해 초에 끝났습니다만 집에 있는 컴을 항상 켜두기가 뭐한탓에 잘 사용하지 않다가 최근 새로 노트북을 구입하면서 구형노트북으로 서버구축이 가능해져 다시 사용하기 시작했습니다.



그럼 공개합니다. Photo/File Storage Service를!
이름은 거창하지만 실상은 웹페이지를 통해 내컴에 저장된 이미지 파일과 일반파일을 보고 다운로드할수 있게 만든 홉페이지 입니다.


DDNS라고하는 서비스로 집컴퓨터에 도메인 네임을 부여하면 언제어디서나 집에있는 홈페이지에 접속 가능합니다. 일단 페이지에 접속하면 이렇게 보입니다.
상단은 출력되는 이미지의 확대/축소와 페이지 넘김등을 조작합니다. 대부분의 사진이 책이라서 앞으로 몇장하는 식의 이동방법이 필요하더군요

좌측메뉴는 현재 해당 폴더안의 하위디렉토리와 파일들의 리스트 입니다. 여기서 파일을 선택하면 해당 파일이 다운로드 되고 사진인경우 해당 사진이 우측의 넗은 공간에 출력됩니다.








이런식으로 선택된 사진이 나옵니다.








헌데 보통 디카로 찍은 원본 이미지는 모니터 사이즈의 두배이상이 보통이라서 사진을 클릭해 드래그해서 이리저리 움직일수 있습니다.







또한 미리보기 기능의 목적으로 나온 이미지를 자유롭게 확대 축소가 가능합니다. 30%로 축소해 전체가 나온 사진입니다. 다만 이건 원래 의 큰 이미지를 웹브라우져상에서 확대 축소 하는거라 로딩하는데는 똑깥은 시간이 들어가더군요 그것때문에 섬네일 기능을 추가했습니다. 섬네일 기능은 전송되기전에 미리 이미지를 줄여서 보내기 때문에 아주 적은 용량으로 빠르게 받아올수 있습니다.








섬네일보기에서도 마우스로 이동시키는게 자유롭습니다. 더블클릭할경우 다음 페이지로 넘어갑니다.







우연한 기회에 EXIF정보를 알아내는 프로그램을 찾아 페이지에 적용시켰습니다. 언제 어디서 어떤값으로 찍은건지 알수 있습니다.



프로그램 자체는 허접합니다. 근 2년동안 어쩌대 생각나면 몇시간 수정하고 방치하고 하는식으로 짜온데다 저 프로그램의 데이터 자체는 누구에게 공개할수 없는 것들이라(도서관 자료는 개인 카피는 허용되도 배포는 금지되있습니다.) 대충대충 장난으로 짠 물건입니다.

물론 소스 코드야 공개 가능합니다만 어낙 허접이라 필요하신 분이 있을지 모르겠군요. 설치도 상당히 귀챦은 절차가 필요합니다.

하지만 DIY정신이 별겁니까 필요하면 만들어다 쓰는거지요. 남이 뭐라 하거나 말거나 디자인신경안쓰고 목적에 충실하다면 쉽고 재미있게 만들수 있습니다.

그리고 이제 2차제작에 들어갈 시기가 되어갑니다. 작년부터 AJAX라는 아주 좋은 프로그램기술이 등장했는데 여기도 한번 적용시켜 볼까 합니다.



이글루스 가든 - DIY 나에게 필요한것들을 자작해 보기

핑백

  • 귀냄이의 BrainAge : KT와이브로 체험기 2007-07-10 16:56:12 #

    ... .헌데 제가 책을 좋아하다보니 도서관등에서 잡지나 책내용을 수집한게 30만장이 넘습니다.웹하고 30만장의 사진, 결합시켜서 어디서고 볼수있는 이미지뷰어를 만들었습니다.귀냄이 포토 스토리지여기에 집하고 회사간에 공통으로 볼수있는 메모장도 필요해서 정보관리 프로그램도 웹으로 구현했습니다.간략한 메모장형태이긴 하지만 제법 쓸모가 많더군요활용하기 나 ... more

  • 귀냄이의 BrainAge : DIY 다이어리 프로그램을 자작 2008-01-02 17:57:14 #

    ... 프로그램을 24시간 켜두어야 한다는 문제가 있기는 하지만 요즘은 와이브로 덕분에 언제 어디서나 접근이 가능해져 전기세 아까운건 없습니다. 여기에 [DIY]자작 이미지 뷰어 웹사이트 프로그래밍 이라는 제 예전 포스트에서도 보이듯 자료수집용으로 찍은 수많은 책들을 웹으로 연결해 놨습니다. 갖고있는것중 원하는건 언제든지 볼수 있습니 ... more

  • 귀냄이의 BrainAge : Berryz WebShare 간편한 개인용 공개파일서버 2008-04-26 21:24:32 #

    ... 노고에 진정 감사드립니다.참고로 이 비슷한걸 저는 직접 만들어 썼었습니다.갈수록 사진도 늘어나고 회사에서 집에있는 파일을 가져와야할 일도 있고 하다보니 http://brainage.egloos.com/2727551 이런 간이 파일서버/이미지사이트를 직접 만들어서 운영했습니다. 헌데 직업이 웹으로 밥먹고 사는사람이라 그렇지 일반인이라면 서버 설정에 프 ... more

  • 귀냄이의 BrainAge : 귀냄이의 정보 관리 UMPC 홈서버 자작 소프트 웨어 2008-07-15 09:36:36 #

    ... 텍스트적인 정보를 관리하는 데 사용합니다.뭐 - -; 완성판도 아니고 기능도 문제가 있는데 혼자서 뚝딱대다보니 너무 방대해져서 전면 리뉴얼을 구상중입니다.http://brainage.egloos.com/2727551 http://brainage.egloos.com/4318304결정적으로 이런 자료에 언제나 접근가능한 기기가 필요하기는 합니다.그래서 와 ... more

덧글

  • done 2007/04/07 09:41 # 삭제 답글

    저도 책을 접사촬용해서 자료를 사용하는데, 혹시 좋은 삼각대 혹은 사각대를 알고 계신가요?
    이제까지 삼각대 없이 책장을 지지대로 찍었더니, 좀 흔들리는 경향이 있어요.
    인터넷에서 적절한 삼각대를 하나 찾았는데 30만원대의 고가더라구요.
    혹시 사용하시거나 알고 있는 삼각대가 있으면 답변 부탁드려요. done2009@gmail.com
  • 천하귀남 2007/04/07 14:05 # 답글

    책촬영의 핵심은 삼각대보다는 조명입니다. 바닥을 수직으로 찍을수 있는 삼각대는 많습니다. 하지만 빈약한 실내 조명은 1/10초도 안나오고 그나마 책전체를 균일하게 비추지도 못합니다. 싸구려 스탠드 2개라도 있으면 크게 도움이 됩니다.

    일간한번 제가 책촬영하는 방법을 올려드리겠습니다.
댓글 입력 영역
* 비로그인 덧글의 IP 전체보기를 설정한 이글루입니다.

구글 애널리틱스

통계 위젯 (화이트)

127882
6091
5700177

이 이글루를 링크한 사람 (화이트)

408

당부드리는 말

블로그 사진을 포함한 전체가 아닌 일부의 내용은 얼마든지 사용하셔도 상관없습니다.

상대방을 존중하는 생각이 있다면 욕설과 과도한 비아냥은 자제를 부탁드립니다. 정도가 심하거나 비로그인의 글은 임의 삭제 가능함을 알려드립니다.

A타입 클린 캠페인 위젯

방문자

Map