오늘의..

[CHAMO] 사진 메모 - 지금까지의 결과물

dolhim 2017. 5. 28. 18:05

0. 배경


웹 서핑 중, 기억하고 싶은 정보를 캡쳐하는데 사진이 정리가 안되어 나중에 찾기 힘들었습니다.

캡처된 사진을 관리하기 위해 만들게 되었습니다.



1. 운영 환경


URL - dolhim.com/chamo

호스팅 - 고도호스팅

서버 - Apache Web Server, PHP 7.0

DB - Mysql 5.5



2. 화면 


- PC




- 모바일




3. 기능

  1. 카드 도시 - 사진과 제목, 카테고리(임시), 생성 날짜, 생성자, 설명을 카드형식으로 도시함. 카드에 움직임 효과를 주기 위해 Masonry.js 라이브러리 사용.
  2. 태그 검색 - 상단 입력 부분에 태그를 입력하면 해당 태그를 포함하는 카드가 필터링 됨. Selectize.js 라이브러리 사용.
  3. 로그인 기능 - 카드 옵션에 따라 특정 카드는 생성자만이 볼 수 있도록 설정할 수 있음.
  4. 카드 추가 - 사진, 제목, 설명을 입력하여 카드를 생성함. 로그인 되어 있을 경우 카드에 생성자 이름이 표시되고, 로그인 되어있지 않을 경우 생성자 이름은 guest로 저장됨.
  5. 카드 제거 - 카드 우상단에 표시된 X 버튼을 누르면 카드를 삭제함.
  6. 알림 기능 - 카드를 삭제할 경우 하단 알림 창에 알림 도시

 

4. 문제점

  1. 사진 저장 공간 한계, 응용 서버와 같은 공간에 저장되고 있으므로 외부에 사진 저장 전용 서버가 필요함. 
    1. 방안 1. 드롭박스 API? 
      1. PHP 지원 여부 확인 필요
      2. 무료로 사용 가능한지 확인 필요
  2. 페이지 검사에 대한 수정 필요
    1. 사양 테스트 결과가 좋지 않았으므로 확인 후 중요도에 따라 개선 필요
      1. 방안 1 - HTML 표준 국내 사이트 (https://www.koreahtml5.kr/jsp/diagnosis/SP04.jsp)
      2. 방안 2 - 구글 PageSpeed (https://developers.google.com/speed/pagespeed/insights/)

5. 추가 (예정) 기능
  1. 마이너 버전 (조만간)
    1. '자주 사용하는 태그' 기능
    2. 사진 여러장을 한 카드에 등록하기
    3. 회원가입 기능
  2. 메이저 버전 (언제..?)
    1. '사진 기반 자동 태그' 기능
      1. 클라우드 영상 인식 서비스(Amazon Rekognition, Google Vision)를 이용하여 사진에 자동으로 태그를 달아주는 기능


 


'오늘의..' 카테고리의 다른 글

티스토리 초대장 나눔합니다.  (0) 2016.07.11