준비 사항

교육 자료

필수 자료

• 서지정보 기입 양식

  • edu.semaphotolibrary.org 내 자체 폼으로 대체
  • 디지털 입력, 실시간 갤러리 반영

• 서지정보 항목 설명 가이드

  • 각 항목의 정의와 찾는 방법
  • 사진도서 특화 항목 포함 (에디션, 사진가 표기 등)

• 포토라이브러리 검색 시스템 사용 가이드

  • 기본 검색 방법
  • 필터 활용법
  • 스크린샷 포함

선택 자료

• 서지정보 예시 책 (실물)

  • 강의 시 시연용
  • 파라텍스트가 풍부한 사진집

• 프레젠테이션 슬라이드

  • 1부 강의용

---

현장 준비

공간

• 열람실 좌석 배치 확인 (16명)
• 강의/발표 공간 확보
• 서가 접근 동선 확인

참여자

• 참여자 명단 확보 (미술관 모집)
• 사전 안내 발송 (일시, 장소, 준비물: 개인 노트북 지참)
• 당일 출석 체크 방법

기자재

• 프로젝터 / 모니터 (검색 시스템 시연용)
• 마이크 (필요시)
• 필기도구 (참여자용, 여분)
• 자 / 줄자 (판형 측정용)

---

기술 지원

사전 확인

• 포토라이브러리 검색 시스템 정상 동작 확인
• 열람실 Wi-Fi 상태 점검
• 시연용 기기 테스트
• 도서카드 갤러리 시스템 테스트

당일 지원

• 기술 지원 담당자 배정
• 비상 연락처 공유
• 백업 계획 (시스템 장애 시)

---

워크숍 도구: 교육 플랫폼

개요

교육 자료 + 서지정보 입력 + 도서카드 갤러리를 하나의 웹사이트에서 제공하는 원스톱 플랫폼.

• 도메인: edu.semaphotolibrary.org
• 호스팅: Cloudflare Workers
• 참고: neworder.xyz 스타일 단일 페이지
• 도서카드 UI 참고: birdcall.online/library-card.html

사이트 구조

edu.semaphotolibrary.org (단일 페이지, 스크롤)
│
├── 섹션 1: 교육 소개
│   ├── 교육 제목, 일정, 장소
│   └── 교육 목표, 흐름 안내
│
├── 섹션 2: 서지정보 가이드
│   ├── 서지정보란?
│   ├── 항목별 설명 (제목, 저자, 출판사...)
│   └── 찾는 방법 안내
│
├── 섹션 3: 서지정보 입력 (폼)
│   └── 자체 폼 → Google Sheets 연동
│       (빈티지 도서카드 스타일 UI)
│
└── 섹션 4: 도서카드 갤러리
    └── 제출된 서지정보 실시간 표시 + 검색

기술 스택

구성	도구	비고
폼	자체 HTML 폼	도서카드 스타일 UI
저장	Google Apps Script → Sheets	제출 즉시 반영
CSS	Pico CSS (Sand 테마)	빈티지 도서카드 스타일
검색	Fuse.js	클라이언트 fuzzy search
파싱	PapaParse	CSV → JSON
호스팅	Cloudflare Workers	edu.semaphotolibrary.org

참여자 경험

1. 접속: QR 코드 스캔 → edu.semaphotolibrary.org
2. 학습: 스크롤하며 교육 내용, 서지정보 가이드 확인
3. 입력: 같은 페이지에서 서지정보 폼 작성
4. 제출: 제출 버튼 클릭 → 즉시 갤러리에 반영
5. 확인: 아래로 스크롤하여 자신의 도서카드 확인
6. 공유: 3부 시간에 프로젝터로 전체 갤러리 공유

개발 Todo

• 사이트 디자인 및 콘텐츠 구성
• HTML/CSS/JS 단일 페이지 작성
• 자체 폼 UI 구현 (빈티지 도서카드 스타일)
• Google Apps Script 설정 (폼 → Sheets 연동)
• Google Sheets 공개 설정 (갤러리용 CSV)
• 갤러리 섹션 구현 (실시간 표시 + 검색)
• Cloudflare Workers 배포
• edu.semaphotolibrary.org DNS 설정 (Cloudflare)
• QR 코드 생성 (사이트 접근용)
• 전체 테스트 (입력 → 갤러리 반영 확인)

---

체크리스트 타임라인

시점	확인 사항
D-14	교육 자료 초안 완성
D-7	자료 인쇄, 기자재 점검
D-3	참여자 최종 명단 확보, 사전 안내 발송
D-1	현장 세팅, 시스템 테스트
D-day	1시간 전 최종 점검

---

담당자

역할	담당	연락처
강사	담
기술지원
미술관 담당	박소진 (학예연구사)