Fotomat

2021.이기영
Fotomat은 이미지, 영상 등을 쉬운 방법으로 저장하고 전시하기 위한 사진아카이빙 툴입니다.
Fotomat은 자료를 업로드하고, 구성하고, 디자인하는 것에 별도의 요금을 지불하지 않으며, 전시를 퍼블리싱 하는 시점에서부터 요금을 지불하게 됩니다.
Fotomat은 이미지, 영상 등을 관리하는 툴이 아닌 감각적 전시를 위한 툴로 최적화 되어 있습니다.
목차

Fotomat 에 가입하기

•
https://fotomat.app/ 사이트로 이동
•
우측 상단 "Sign up" 항목을 통해 회원가입 페이지로 이동합니다.
•
요구하는 정보를 입력하여 계정을 만들고 "Sign up"을 통해 가입합니다.
•
회원가입이 완료되면 위와 같이 초기화면을 볼 수 있게 됩니다.
•
이후 홈페이지에서 로그인 시, 자동으로 초기화면 페이지로 전환됩니다.

Fotomat의 주요 항목

•
Fotomat의 주요 항목은 크게 다음과 같이 구분할 수 있습니다.
1.
Page: 온라인상에서 보여질 페이지의 모습, 이미지 배치 등을 커스터마이징 할 수 있는 항목
2.
Menu: 여러 주제의 갤러리를 사용하는 경우, 그 목록을 편집할 수 있는 항목
3.
Site: 전체 페이지의 기본적인 레이아웃 커스터마이징 항목
4.
Images: 사진첩을 추가하거나, 이미지를 업로드/다운로드 하거나, 기술할 수 있는 항목

사진, 동영상 업로드 방법

•
초기 이미지 항목은 위와 같은 형태로 구성되어 있습니다.
•
"Image Sets" 항목에서 새로운 사진첩을 만들거나 기존 사진첩을 수정, 삭제할 수 있습니다.
•
각 사진첩에 업로드 되는 사진들은 공유되지 않으며, 중복으로 업로드할 수 있습니다.
•
이미지는 한 번에 다수의 이미지를 선택하여 업로드할 수 있습니다.
•
드래그 앤 드롭(Drag and Drop)을 통한 업로드 방식은 지원하지 않습니다.
•
이미지는 업로드 즉시 썸네일로 보여지며, 파일이 업로드 되기까지 시간이 필요합니다.
•
업로드 중 이미지 탭을 닫아도 업로드는 계속 되나, 전체 업로드가 마무리 되기까지 사진이 표시되지 않습니다.
•
그렇기 때문에 만약 업로드 중 실수로 창을 닫았을 경우, 보이지 않는 이미지를 재업로드 하기 전에 우선 시간을 두고 모든 사진이 업로드 되었을 때 누락된 이미지가 있는지를 확인해야 합니다.
•
업로드한 이미지는 삭제할 수 있으나, 한 번에 여러장을 삭제하는 기능은 제공하지 않습니다.
•
좌측 하단의 "download this set" 기능을 통해, 업로드한 사진을 사진첩 단위로 다운로드받을 수 있습니다.

이미지 정보 기술(Description) 방법

•
Fotomat에 업로드되는 이미지는 기존의 이미지 정보 중 파일명 정보만을 가지고 있습니다.
•
업로드 이후 이미지를 클릭하여 해당 이미지의 제목(Title)과 관련내용 기술(Description)을 수행할 수 있습니다.
•
또한 원하는 이미지를 해당 사진첩의 대표 이미지로 설정하는 "Coverimage" 기능을 사용할 수 있습니다.
•
이미지의 제목과 내용을 기술하는 방법은 이외에도, Page 메뉴의 최하단에서 입력하는 방법이 있으며, 그 방법은 Images 메뉴에서 입력하는 방법과 같습니다.
* 이미지 하단에 기술내용을 표시하고싶은 경우, Page 메뉴의 "Caption" 옵션을 켜야 합니다.

Site 메뉴(페이지 레이아웃) 설정방법

•
Site 메뉴에서는 페이지의 레이아웃을 설정할 수 있는 기능을 제공합니다.
•
Layout 에서는 메뉴바 레이아웃을 다양한 형태로 변경할 수 있습니다.
•
Layout 항목의 Content Size는 화면상 보이는 사진과 배경의 비율을 조정합니다.
•
Content Size는 Page 메뉴에서 조정하는 것을 기본으로 제공하며, 해당 페이지에서 "Default"값을 옵션으로 설정하였을 경우, Site의 Layout 항목에서 설정한 사이즈와 동일하게 설정합니다.
•
Typography 항목은 페이지에 보여지는 전체 텍스트의 폰트와 크기를 조정합니다.
•
폰트 크기는 S, M, L 세 종류로만 제공되며, 한글폰트는 별도로 지원되지 않습니다.
•
Color 항목에서는 페이지의 배경색상을 결정합니다.
•
Logo는 좌측 상단의 페이지 로고를 설정하는 기능으로, 텍스트 혹은 이미지를 삽입할 수 있으며, 텍스트의 경우 위에서 설정한 폰트에 영향을 받습니다.
•
전체 텍스트 크기와 별개로 Logo는 추가로 크기를 줄이거나 키울 수 있습니다.
•
Icon 항목을 통해 512*512 사이즈의 png 파일을 업로드하여 로고를 대체해 사용할 수 있습니다.
•
Special Effects는 Fade in 등 서비스 페이지에서 보여지는 특수효과를 모아둔 도구입니다.

Menu 항목 설정방법

•
Menu 항목은 간단하게 구성되어 있으며, 여기서는 각 항목의 명칭과 순서, 메인화면을 결정할 수 있습니다.
•
Menu에서 선택한 항목을 page 항목에서 수정하는 것이 Fotomat 페이지 구성의 주요 실행기능입니다.
•
Not In Menu의 경우, 접근할 수 없는 페이지로 접근을 시도하였을 때 보여지는 화면을 나타내는 것으로, 해당 화면도 배경이미지를 넣는 등 수정할 수 있습니다.

Page 항목 설정방법

•
Page 항목은 실제 보여지는 페이지의 이미지 배치 등을 설정합니다.
•
가장 상단에 위치하는 General, Advandced, SEO 항목은 페이지 타이틀과 접근 등에 관하여 설정합니다.
•
General 에서는 해당 페이지의 타이틀명을 수정할 수 있으며, 이는 Manu의 항목명 수정과 동일한 기능입니다.
•
Grid Page는 실제 서비스되는 페이지의 견본을 확인할 수 있는 프로토타입 페이지입니다.
•
Advanced 에서는 커버이미지를 선택할 수 있으며, 이는 Images 항목에서 설정한 커버 이미지와 동일한 기능입니다.
•
Summary는 해당 페이지에 대한 요약을 적는 항목입니다.
•
Background Color와 Text Color는 각각 배경과 텍스트의 색상을 설정하며, Background Color의 경우 Site 항목에서 제공하는 것과 같으나, 각 페이지별로 별개의 색상을 적용할 수 있도록 지원합니다.
•
SEO 에서는 서비스 페이지 노출설정과 관련된 기능을 제공합니다.
•
Preview를 통해 실시간으로 작성한 페이지 링크의 형태를 확인할 수 있습니다.

Page 이미지 배치방식 설정방법

•
Display는 페이지의 이미지를 어떤 형식으로 배치할지를 결정합니다.
•
Grid는 상하 스크롤 형식으로 이미지를 배치하며, 5가지 배치방식을 제공합니다.
•
Site에서와 마찬가지로, Content Size를 통해 이미지 틀의 사이즈를 조정할 수 있으며, Default로 설정할 경우, Site 항목에서 설정한 기본값과 맞춰집니다.
•
Image Size를 통해 이미지 자체의 사이즈를 조정할 수 있으며, Gutter는 이미지 간 여백의 크기를 조정할 수 있도록 제공합니다.
•
그외 선택항목은 다음과 같습니다.
◦
Description: 페이지 전체에 대한 설명을 노출할 것인지를 결정
◦
Captions: 페이지 내 이미지들의 제목과 설명을 노출할 것인지를 결정
◦
Open Slideshow: 이미지를 클릭하면 슬라이드쇼 형태로 보여줄 것인지를 결정
◦
Video Autoplay: 영상의 경우 자동으로 재생할 것인지를 결정
•
Row는 좌우 스크롤 형식으로 이미지를 배치하며, 3가지 배치방식을 제공합니다.
•
Site에서와 마찬가지로, Content Size를 통해 이미지 틀의 사이즈를 조정할 수 있으며, Default로 설정할 경우, Site 항목에서 설정한 기본값과 맞춰집니다.
•
Gutter는 이미지 간 여백의 크기를 조정할 수 있도록 제공합니다.
•
그외 선택항목은 다음과 같습니다.
◦
Description: 페이지 전체에 대한 설명을 노출할 것인지를 결정
◦
Captions: 페이지 내 이미지들의 제목과 설명을 노출할 것인지를 결정
◦
Video Autoplay: 영상의 경우 자동으로 재생할 것인지를 결정
•
Slideshow는 이미지 슬라이드의 형식으로 제공합니다.
•
Slideshow를 선택할 경우, 초기 화면에 나타낼 문구를 입력하는 화면이 별도로 생성됩니다.
•
Site에서와 마찬가지로, Content Size를 통해 이미지 틀의 사이즈를 조정할 수 있으며, Default로 설정할 경우, Site 항목에서 설정한 기본값과 맞춰집니다.
•
그외 선택항목은 다음과 같습니다.
◦
Description: 페이지 전체에 대한 설명을 노출할 것인지를 결정
◦
Captions: 페이지 내 이미지들의 제목과 설명을 노출할 것인지를 결정
◦
Count: 페이지 우측 하단에 표시되는 "현재페이지/전체페이지" 를 노출할 것인지를 결정
◦
Autoplay: 페이지를 자동으로 넘길 것인지를 설정
◦
Video Autoplay: 영상의 경우 자동으로 재생할 것인지를 결정

Page 추가하기

◦
메뉴의 우측 하단 파란색 + 버튼상자를 클릭하면 새로운 페이지를 추가할 수 있습니다.

Cover 페이지

•
Cover: 메뉴나 로고표시 없이 이미지만을 전체화면으로 보여줄 수 있는 페이지를 추가합니다.
•
Cover 페이지를 생성한 후, Logo와 Menu의 체크박스를 해제하면 이미지만 노출되는 페이지를 구성할 수 있습니다.
•
보여지는 이미지를 클릭하면 이미지셋의 다음 이미지로 넘어가며, Slidshow Autoplay 기능 설정시 일정 시간이 지나면 자동으로 다음 이미지로 넘어갑니다.

Blank 페이지

•
Blank: 자유롭게 이미지 혹은 텍스트를 배치할 수 있는 빈 페이지를 추가합니다.
•
중앙에 위치한 + 버튼상자를 통해 텍스트, 이미지, 슬라이드쇼, 그리드를 추가할 수 있으며, 이후 아래 방향으로 텍스트, 이미지 등을 추가하여 페이지를 구성할 수 있습니다.
•
이미지를 추가할 경우 이미지 셋에 업로드된 이미지 중 하나를 선택할 수 있으며, 추가된 이미지의 사이즈와 캡션노출 여부를 설정할 수 있습니다.
•
또한 Advanced 항목에서 해당 이미지를 클릭할 경우, 미리 구성한 메뉴, 컬렉션, 전시 등 내부의 다른 페이지로 링크되도록 설정할 수 있습니다. (단, 퍼블리싱을 통해 도메인을 활성화 한 경우만 작동되는 것으로 추정됩니다.)
•
텍스트를 추가할 경우, 1단 혹은 2단으로 텍스트를 입력할 수 있습니다.

Collection 페이지

•
Page Collection은 여러 페이지를 모아서 보여주고, 해당 페이지로 연결시켜주는 역할을 합니다.
•
Display 항목을 통해 텍스트로 목록을 보여주거나, 그리드 형태로 목록을 보여줄 수 있습니다.
•
Collection에 속하는 페이지는 Menu 항목에서 드로그앤 드롭을 통해 설정할 수 있습니다.
•
또한 Collection의 하위 페이지에 Collection을 추가하여 구성할 수 있습니다.

Sub-Menu 페이지

•
Sub-Menu는 Collection과 같이 하위에 다른 페이지를 삽입할 수 있도록 하는 기능을 제공하며, 일종의 기능 페이지로서 별도의 페이지 화면을 갖지 않습니다.

External Link 페이지

•
External Link는 외부링크로 연결되는 하이퍼링크를 제공합니다.
•
링크주소는 자유롭게 입력할 수 있으며, 기본으로 제공하는 아이콘을 삽입할 수도 있습니다.
•
해당 링크는 메뉴에 추가되며, 클릭 시 하이퍼링크에 입력된 페이지로 바로 연결됩니다.

Fotomat 사용의 장단점

장점
•
복잡하지 않은 기능으로 간단하게 감각적인 뷰 사이트를 구성할 수 있음
•
Blank 페이지를 통해, 기본으로 제공하는 레이아웃을 활용하여 원하는 구조의 사이트를 만들기 용이함
•
내부 페이지간 연계가 가능하여, 전시 컬렉션 활용 목적으로 사용할 수 있음 (퍼블리싱 필요)
•
이미지와 영상을 간단하게 업로드할 수 있으며, 이미지 셋 구조로 간단한 폴더구분을 할 수 있음
•
퍼블리싱을 하지 않을 경우, 이와 관련된 일부 기능(페이지 간 연계이동 등)을 제외한 모든 기능을 사용할 수 있도록 제공하기 때문에, 개인활용 용도로 사용할 경우 별도 추가비용이 발생하지 않음
•
같은 이유로, 사이트를 퍼블리싱하기 이전에 충분히 페이지를 원하는 만큼 구성할 수 있는 시간을 확보할 수 있음
단점
•
서비스 페이지를 활용할 경우, 적지 않은 구독료를 지불해야 함
◦
월 $17(약 19,000원) / 연 $150(약 170,000원)
•
기존에 등록된 이미지 여부를 확인하는 중복검색 등 기능을 제공하지 않음
•
관리를 위한 툴이 아니기 때문에, 이미지 일괄 삭제, 관리 등 일부 관리기능이 불편하게 구현되어 있음
•
업로드한 사진을 확대해보는 기능을 제공하지 않음