🧙🏽

IIIF + Universal Viewer 적용 방법

빠른 적용

Step1. 모듈 설치
Image Server
IIIF Server
Universal Viewer
Common
Step2. Image Server 설정
Module > Image Server > Configuration > Max dynamics size for images > 10MB —> 99MB
Step3. 고해상도 이미지 업로드 후 확대해 보면 원본 해상도에 가깝게 보여준다
(이제 Max 수치를 조정하면 된다)
끝!

설치할 모듈

1.
Image Server
Omeka S에 이미지를 업로드하면, 이 모듈이 원본을 받아 IIIF Image API용 타일 이미지를 생성·저장합니다.
이후 Universal Viewer가 요청하는 …/iiif/…/full/… 같은 이미지 URL에 실제 파일을 반환합니다.
2.
IIIF Server
아이템/미디어와 그에 연결된 이미지(=Image Server가 서비스할 대상)를 읽어 IIIF manifest(JSON)를 만듭니다.
manifest 안에 페이지 순서, 캡션, 권리정보, 그리고 각 이미지의 IIIF URL(위의 Image Server 경로)을 기록합니다.
3.
Universal Viewer
브라우저에서 아이템 페이지를 열면, 이 모듈이 해당 아이템의 manifest URL을 불러옵니다.
manifest 내용을 해석해 화면에 페이지/썸네일/타임라인을 구성하고, 확대·이동 시에는 manifest에 적힌 IIIF 이미지 URL을 통해 Image Server에 이미지를 요청합니다.
4.
Common (선행 의존성)
위 세 모듈이 공통으로 사용하는 PHP 라이브러리, 뷰 헬퍼, 설정 도우미를 제공하는 기반 모듈입니다.
실제 이미지 처리는 직접 하지 않지만, 다른 모듈들이 정상 동작하기 위한 필수 전제조건입니다.

IIIF 프로세스

모듈 설정

Universal Viewer 를 기본 뷰어로 설정

모듈 4개를 설치하면 아이템 페이지 하단에 Universal Viewer가 출력되고 Media도 잘 불러왔다.
그런데, 상단에 기존 미디어 뷰어가 없어지지 않았다.

Universal Viewer를 상단에 보이도록 하려면 아래와 같이 코드를 수정해야 한다. (작성중)