Dot Book 사용자 매뉴얼

점자 디스플레이(DotPad) 와 연동하는 eBraille 문서 변환·편집·열람 플랫폼

대상 사이트: book.dotincorp.com 대상 독자: 시각장애 사용자, 특수교육 교사, 점자 콘텐츠 제작자 버전: 2026-06 기준 (한국어 UI)

목차

1. 시작하기
2. 문서 변환하기 — PDF/WORD → eBraille
3. 문서 편집하기 — eBraille 편집기
4. 문서 열람하기 — eBraille 뷰어
5. DotPad 점자 디스플레이 연동
6. 파일 관리
7. 접근성과 키보드 단축키
8. 자주 묻는 질문 (FAQ)

1. 시작하기

1.1 Dot Book 이란

Dot Book 은 일반 PDF·WORD 문서를 시각장애 사용자가 점자 디스플레이로 직접 읽을 수 있는 eBraille (.ebrl) 포맷 으로 바꾸어 주는 웹 플랫폼입니다.

세 가지 일을 한 화면에서 모두 처리할 수 있습니다.

1. 변환 — PDF / WORD 문서를 업로드하면 문서 구조(제목·본문·표·이미지·수식) 를 자동으로 인식하여 시맨틱 HTML 로 추출합니다.
2. 편집 — 추출된 내용을 블록 단위로 다듬고, 묵자(일반 글자) 를 입력하면 자동으로 점자로 변환합니다. Perkins 점자 키 입력도 지원합니다.
3. 열람 — .ebrl 파일을 점자/묵자로 함께 표시하고, 연결된 DotPad 디스플레이에 자동 송출합니다.

1.2 접속과 언어 변경

• 한국어 화면: https://book.dotincorp.com/ko/book
• 영어 화면: https://book.dotincorp.com/en/book

루트 주소(/) 로 접속해도 자동으로 /ko/book 화면으로 이동합니다.

언어를 바꾸려면 주소창의 /ko/ 부분을 /en/ 으로(또는 그 반대로) 직접 수정하면 됩니다. 화면 우측 상단의 Language 메뉴에서도 전환할 수 있습니다.

1.3 화면 구성 한눈에 보기

처음 화면은 크게 네 영역으로 나뉘어 있습니다.

1. 상단 헤더 (네비게이션 바) — 사이트 로고, 주 메뉴(Home, Dot Canvas, Dot Book, Dot Cloud), Language, Dotpad 연결 버튼, Profile.
2. 상단 작업 메뉴 (문서 메뉴) — 현재 문서의 제목·저자가 표시되고, 새로 만들기 · 열기 · 추가하기 · 변환하기 · 내보내기 · 저장하기 가 가로로 놓여 있습니다.
3. 본문 영역 — 가운데 큰 영역. 편집 모드에서는 블록 기반 캔버스, 뷰어 모드에서는 점자/묵자 본문이 보입니다.
4. 우측 속성 패널 — 문서 속성(제목·저자·언어) 과 사용법 안내. 패널은 토글로 닫을 수 있습니다.

1.4 키보드 탐색 기본

Dot Book 의 모든 동작은 키보드만으로 사용할 수 있습니다.

• Tab — 다음 요소로 포커스 이동
• Shift + Tab — 이전 요소로 포커스 이동
• Enter / Space — 선택한 버튼·링크·블록 실행
• Esc — 열린 팝업·메뉴 닫기
• 포커스가 들어간 요소에는 3px 파란 외곽선 이 표시됩니다 (#3d4aff).

다음 단계 — 첫 사용자라면 2장 의 "샘플 파일로 빠른 체험" 부터 시도해 보세요.

2. 문서 변환하기 — PDF/WORD → eBraille

PDF 와 WORD 문서를 Dot Book 이 이해할 수 있는 시맨틱 HTML 로 바꾸는 과정입니다. 결과는 그대로 다운로드하거나, 바로 편집기로 보내 eBraille (.ebrl) 파일을 만들 수 있습니다.

2.1 파일 업로드

1. 상단 작업 메뉴에서 변환하기 를 누릅니다 — 파일 변환하기 팝업이 열립니다.
2. 팝업 상단의 파일 종류 그룹에서 PDF 또는 WORD 를 선택합니다.
3. 가운데 점선 영역에 파일을 끌어다 놓거나, 클릭해 업로드 를 눌러 파일을 고릅니다.
   • 지원 형식: .pdf, .doc, .docx
   • 최대 크기: 50MB
4. 우측 하단의 변환하기 를 누르면 변환이 시작됩니다.

2.2 변환 진행 상태

변환이 시작되면 진행 표시가 다음 순서로 바뀝니다.

1. PDF 분석 시작...
2. 페이지 N / M 영역 감지 중... — 각 페이지에서 텍스트·표·이미지 영역을 찾아냅니다.
3. 페이지 N / M 인식 중... — OCR 로 글자를 읽어 들입니다.
4. HTML 요소로 변환 중입니다...
5. 마무리 처리 중입니다... — 시맨틱 HTML 로 정돈합니다.

변환 도중에도 첫 페이지 인식이 끝나면 우측에 미리보기가 표시됩니다. Background 변환 버튼을 누르면, 미리보기를 먼저 살펴보면서 나머지 페이지를 백그라운드에서 계속 변환할 수 있습니다.

중간에 멈추고 싶다면 변환 취소 를, 다른 파일을 변환하려면 다른 파일 변환 을 누릅니다. 진행 중에는 확인 다이얼로그가 한 번 더 나타납니다.

2.3 OCR 언어 선택

OCR(글자 인식) 언어는 영역을 추가할 때 팝업 안에서 선택합니다.

• 한국어 + 영어 (기본)
• 영어만
• 한국어만

문서의 주 언어를 정확히 선택할수록 인식 정확도가 올라갑니다. 한국어 위주 문서라면 한국어만 을 권장합니다.

2.4 영역 직접 추가하기

자동 인식이 놓친 부분이 있으면 페이지 위에서 영역을 직접 드래그해 추가할 수 있습니다. 좌측 도구 모음에서 다음 네 가지 버튼이 제공됩니다.

• + 텍스트 영역 추가 — 글자 영역을 드래그하면 OCR 로 텍스트를 추출해 시맨틱 HTML 에 추가합니다.
• + 테이블 영역 추가 — 표 영역을 드래그한 뒤 추출 을 누르면 img2table 이 표 구조를 인식해 데이터 표로 변환합니다.
• + 이미지 영역 추가 — 그림 영역을 드래그하면 해당 부분을 잘라 이미지 요소로 추가합니다.
• + 수식 영역 추가 — 수식 영역을 드래그한 뒤 인식 을 누르면 pix2tex 가 LaTeX 로 인식해 수식 요소를 추가합니다.

각 영역 팝업에서 OCR 언어를 다시 고를 수 있으며, 인식이 잘 안 될 때는 영역을 다시 그리거나 다른 방식(예: 표를 텍스트로) 으로 시도하라는 안내가 나옵니다.

2.5 시맨틱 HTML 미리보기 편집

화면 우측에 시맨틱 HTML (편집 가능) 미리보기가 실시간으로 만들어집니다. 다음과 같이 다듬을 수 있습니다.

• 텍스트 더블클릭 — 글자를 그 자리에서 수정합니다.
• 표 더블클릭 → 저장 — 표의 셀을 직접 편집합니다.
• 항목 좌측 핸들로 위·아래 이동 또는 드래그 정렬.
• 우클릭(또는 컨텍스트 메뉴) 으로 태그 변경 :
  • H1 큰 제목, H2 중간 제목, H3 작은 제목, 본문 사이를 자유롭게 바꿉니다.
• 컨텍스트 메뉴의 위에 추가 / 아래에 추가 로 새 단락·제목·이미지를 삽입.
• 단일 항목 삭제는 삭제, 표·이미지·텍스트 사이 변환은 텍스트로 변환 / 테이블로 변환 / 이미지로 변환.

2.6 다중 선택 모드

여러 항목을 한 번에 삭제할 때 사용합니다.

1. 우측 미리보기 영역의 상단에서 편집 (선택/삭제) 을 누릅니다.
2. 각 항목 왼쪽에 체크박스가 표시됩니다.
3. 전체 선택 또는 개별 체크박스로 대상을 고릅니다.
4. 선택 삭제 (N) 을 누르면 확인 다이얼로그 후 한 번에 지웁니다.
5. 편집 종료 로 일반 모드로 돌아옵니다.

2.7 변환 결과 처리

페이지가 모두 100% 변환된 뒤에는 하단의 세 가지 버튼을 사용할 수 있습니다.

• HTML 다운로드 — 시맨틱 HTML 파일을 내려받습니다. 다른 도구로 옮길 때 유용합니다.
• ebraille 편집하기 — 결과를 바로 편집기로 보내, eBraille 문서 만들기를 이어서 진행합니다 (3장).
• 다른 파일 변환 — 같은 팝업에서 새 파일을 골라 다시 시작합니다.

변환이 100% 끝나기 전에는 이 버튼들이 비활성화되어 있고 마우스를 올리면 변환 100% 완료 후 사용 가능 안내가 보입니다.

2.8 샘플 파일로 빠른 체험

업로드할 파일이 없어도 미리 준비된 샘플로 변환 흐름을 체험할 수 있습니다. 변환 팝업의 샘플 파일 (클릭하면 바로 변환) 영역에서 다음 셋 중 하나를 누르면 즉시 변환이 시작됩니다.

• 과학 1 (영어) — 그림·캡션·본문 혼합
• 화학 실험 (영어) — 표·다이어그램
• 수학 — 수식·차트

다음 단계 — 변환 결과를 더 다듬거나 점자 데이터를 추가하려면 3장 편집기 로 이동합니다.

3. 문서 편집하기 — eBraille 편집기

편집기는 노션과 비슷한 블록 단위 캔버스 입니다. 텍스트·이미지·표·차트·목록·페이지 나누기 블록을 자유롭게 조합해 한 권의 eBraille 문서를 만듭니다.

3.1 문서 시작하기

상단 작업 메뉴에서 다음 세 가지 진입점을 사용합니다.

• 새로 만들기 — 빈 캔버스로 시작합니다. 저장하지 않은 변경이 있으면 확인 팝업이 한 번 더 뜹니다.

  저장하지 않은 변경 사항이 있습니다. 이대로 새로 만드시겠습니까? 현재 편집 중인 내용은 사라집니다.

• 열기 — 저장된 .ebrl 파일이나 샘플 파일을 골라서 엽니다.
• 추가하기 — 다른 .ebrl 파일의 내용을 현재 문서 뒤에 이어 붙입니다.

상단 우측의 편집 / 뷰어 토글로 언제든 뷰어 모드로 미리보기 한 뒤 편집기로 되돌아올 수 있습니다.

3.2 문서 속성 패널 (우측)

화면 오른쪽 문서 속성 패널에서 책의 메타데이터를 입력합니다.

• 제목 (묵자) — 일반 글자로 책 제목을 입력합니다. 입력하면 옆 칸의 점자가 자동으로 만들어집니다.
• 제목 (점자 · Perkins) — 점자로 직접 입력하고 싶을 때 사용합니다. 입력 방식은 3.5절 참고.
• 저자 — 글쓴이 이름.
• 언어 — 드롭다운에서 본문 언어를 선택합니다. 점역기와 음성 출력의 기준이 됩니다.

사용법 섹션의 도움말은 다음 동작을 한눈에 알려 줍니다.

• 묵자 쪽에 입력하면 점자 가 자동 변환됩니다.
• 점자 칸은 Perkins 입력 전용: F·D·S(왼손 1·2·3점) / J·K·L(오른손 4·5·6점) 을 동시에 눌렀다가 함께 떼면 한 셀. Space 는 빈 셀.
• Enter → 다음 텍스트 블록 추가, Shift + Enter → 같은 블록 안 줄바꿈.
• 빈 블록에서 Backspace → 블록 삭제 + 이전 블록으로 포커스.

속성 패널은 우측 상단의 토글 버튼으로 접거나 펼 수 있습니다 (문서 속성 열기 / 문서 속성 닫기).

3.3 블록 추가하기

본문 영역에 마우스를 올리면 블록 왼쪽에 추가 버튼들이, 오른쪽에 ✕ 삭제 버튼이 나타납니다. 사용 가능한 블록 종류는 다음과 같습니다.

• + 텍스트 — 본문/제목 단락
• + 이미지 — 그림 (대체 텍스트 입력 필수 권장)
• + PDF — 편집할 수 없는 PDF 첨부
• + 목록 — 글머리 기호 목록
• + 표 — 행·열 자유 조정
• + 차트 — 막대 / 선 / 파이
• + 페이지 — 페이지 나누기 (점자 단말기 페이지 탐색 기준)

새 문서는 페이지 1 과 텍스트 블록 한 개로 시작합니다. 화면 하단의 페이지 1 선택됨 — 아래 버튼이 이 페이지에 추가됩니다. 안내 아래에 + 텍스트 · + 이미지 · + PDF · + 목록 · + 표 · + 차트 · + 페이지 나누기 버튼이 가로로 놓여 있습니다.

각 블록은 상단 도구 모음의 블록 유형 드롭다운(H1 / H2 / H3 / 본문) 으로 다른 종류로 바꿀 수 있습니다 (예: 본문을 제목 H2 로 변경).

3.4 텍스트 블록과 자동 점자 변환

텍스트 블록은 한 칸에 묵자 와 점자 · Perkins (F D S / J K L / Space) 두 줄이 함께 표시됩니다.

• 위쪽 묵자 칸에 한국어 또는 영어를 입력합니다. 떨어진 시점마다 아래의 점자 칸이 자동 갱신됩니다.
• Enter → 새 텍스트 블록 추가
• Shift + Enter → 같은 블록 안에서 줄바꿈
• 빈 블록에서 Backspace → 그 블록을 지우고 이전 블록 끝으로 포커스 이동
• 본문 위의 도구 모음에서 굵게(bold) · 기울임(italic) 서식을 적용할 수 있습니다.

3.5 Perkins 점자 직접 입력

점자를 직접 입력하려면 점자 칸을 누른 뒤 Perkins 키보드 방식을 씁니다.

• 왼손 검지 = F (1점), 가운데 = D (2점), 약지 = S (3점)
• 오른손 검지 = J (4점), 가운데 = K (5점), 약지 = L (6점)
• 원하는 점들을 동시에 누르고 한꺼번에 떼는 순간 한 셀이 입력됩니다.
• Space 키 = 빈 셀
• Enter, Backspace 는 그대로 줄바꿈·지우기 동작
• 한글 입력기(IME) 가 켜져 있어도 동작합니다 — 실제 글자가 아니라 키보드의 물리적 위치를 읽기 때문입니다.
• 다른 곳에서 복사한 유니코드 점자 (U+2800 ~ U+28FF) 를 그대로 붙여넣어도 됩니다.

3.6 이미지 블록

1. + 이미지 로 블록을 추가합니다.
2. 점선 영역을 클릭하여 이미지 선택 하거나 드래그 앤 드롭 으로 파일을 놓습니다.
3. 첨부 후 이미지 아래의 대체 텍스트 (묵자) 와 대체 텍스트 (점자 · Perkins) 를 입력합니다. 화면 낭독기와 DotPad 출력에 모두 사용되므로 가능한 한 정확하게 적어 주세요.
4. 첨부한 이미지를 클릭하면 닷캔버스 편집 팝업 이 열려 60×40 DotPad 핀 단위로 직접 그릴 수 있습니다 (5.4절 참고).
5. 다른 이미지로 바꾸려면 이미지 파일 변경 또는 파일 변경 을 누릅니다.

이미지 로드에 실패하면 이미지를 불러올 수 없음 — 클릭하여 닷캔버스 편집 으로 표시됩니다.

3.7 표 블록

표 블록에서는 다음 도구가 제공됩니다.

• 행·열 조정: + 행, - 행, + 열, - 열
• 첫 행을 헤더로 토글 — 첫 행을 헤더 셀로 표시합니다.
• 각 셀은 묵자와 점자 두 줄로 구성됩니다. 점자 줄은 위와 동일한 Perkins 방식으로 입력합니다.
• 현재 표 크기는 캔버스에 N행 × M열 로 표시됩니다.

3.8 차트 블록

차트는 데이터를 라벨/값 쌍으로 입력하면 실시간으로 SVG 가 그려집니다.

1. 차트 종류 드롭다운에서 막대, 선, 파이 중 하나를 선택합니다.
2. 차트 제목 (선택) 을 입력합니다.
3. 표 형태로 라벨과 값을 입력합니다 (+ 항목 추가 로 행 추가).
4. 항목 우측의 삭제 버튼으로 행을 지웁니다.

저장 시 차트는 PNG 이미지로 변환되어 .ebrl 안에 들어가며 대체 텍스트도 함께 저장됩니다.

3.9 목록 블록

목록은 단순한 글머리 항목입니다.

• + 항목 으로 줄 추가
• 각 항목은 묵자/점자 두 줄을 함께 가집니다.
• 항목 우측의 삭제 버튼으로 한 줄씩 지웁니다.

3.10 페이지 나누기

페이지 나누기 블록은 화면상으로는 가는 구분선처럼 보이지만, 점자 단말기에서 페이지 탐색의 기준점 이 됩니다.

• + 페이지 로 추가하면 그 자리에서 다음 페이지가 시작됩니다.
• 페이지 영역 자체를 지우려면 페이지 영역 삭제 버튼을 누릅니다. 다음 확인 다이얼로그가 표시됩니다.

  이 페이지 영역과 포함된 모든 요소를 삭제합니다.\n계속하시겠습니까?

페이지 단위 이동(◀ 이전 / 다음 ▶) 과 직접 페이지 번호로 점프하는 입력칸도 캔버스 하단 또는 상단에 함께 제공됩니다.

3.11 저장하기

1. 상단 우측의 저장하기 버튼을 누릅니다.
2. 저장 폴더 선택 팝업에서 위치를 고릅니다.
   • 더블클릭으로 하위 폴더 진입
   • + 새 폴더 로 폴더 만들기
   • 상단 화살표(상위 폴더) 로 한 단계 위로 이동
   • 새로고침 버튼으로 폴더 목록 다시 불러오기
   • 최종 위치는 저장 위치: root/... 형식으로 표시됩니다.
3. 여기에 저장 또는 폴더를 선택한 뒤 선택한 폴더 열기 를 누릅니다.
4. 이어서 파일 이름 지정 다이얼로그가 뜨면 원하는 이름을 입력합니다 (기본값: 문서).

저장이 안 될 때 — 제목 비어 있음

문서 제목이 비어 있으면 저장 시 제목을 입력해 주세요 안내가 뜹니다.

문서 제목이 비어 있어 저장할 수 없습니다. 우측 속성 패널의 제목 (묵자) 칸에 제목을 입력한 후 다시 저장해 주세요.

제목 (묵자) 에 한 글자라도 입력한 뒤 다시 저장하면 됩니다.

상단의 상태 배지는 다음과 같이 바뀝니다.

• 편집중 — 편집 중인 상태
• 저장전 — 변경 사항이 아직 저장되지 않음
• 저장이 끝나면 배지는 사라집니다.

다음 단계 — 만든 문서를 점자로 직접 읽고 싶다면 4장 뷰어 로 이동합니다.

4. 문서 열람하기 — eBraille 뷰어

뷰어는 .ebrl 파일을 묵자로 읽고, 연결된 DotPad 에 점자를 자동 송출하는 화면입니다.

4.1 파일 열기

뷰어 화면에서 열기 또는 첫 진입 화면의 파일 열기 팝업을 사용합니다.

• 좌측 폴더 트리에서 폴더를 더블클릭해 들어갑니다.
• 우측 파일 목록에서 .ebrl 파일을 클릭하면 즉시 열립니다.
• 비어 있는 폴더에는 비어 있습니다 — 아래에서 로컬 파일을 선택하거나 샘플을 열어 보세요 가 표시됩니다.
• 하단의 내 컴퓨터에서 .ebrl 파일 선택 으로 PC 의 파일을 바로 열 수 있습니다.
• 우클릭 메뉴로 폴더·파일을 삭제할 수 있습니다 (확인 다이얼로그 한 번 더 뜸).

4.2 샘플 파일

별도의 파일이 없어도 다음 다섯 가지 샘플을 바로 열 수 있습니다.

1. The Journey of a Silent Traveler (소설)
2. Foundations of Arithmetic (교과서)
3. Dot Pad User Manual (매뉴얼)
4. World Atlas (이미지 포함)
5. Treasure Island (EBRL · eBraille 1.0)

4.3 페이지·문장·문단 탐색

뷰어는 이동 단위 라는 분절 컨트롤을 제공합니다.

• 문장 — ↑ / ↓ 키, F1 / F4 키가 문장 단위로 움직입니다.
• 문단 — 같은 키가 문단 단위로 움직입니다.
• 페이지 — 같은 키가 페이지 단위로 움직입니다.

페이지 전체 단위 이동은 항상 다음 키로도 가능합니다.

• ← / → — 이전 / 다음 페이지
• PageUp / PageDown — 이전 / 다음 페이지

이때 입력창에 포커스가 가 있으면 페이지 이동 키는 무시됩니다.

DotPad 의 하드웨어 기능 키도 연동됩니다.

• DotPad F1 = 이전 (focusable 한 단계 뒤)
• DotPad F2 = 현재 항목 활성화(Enter)
• DotPad F3 = 뒤로
• DotPad F4 = 다음 (focusable 한 단계 앞)

4.4 설정 — 이동 단위·DotPad 라인 수

화면 우측 상단의 톱니 아이콘 (설정) 을 누르면 작은 다이얼로그가 뜹니다.

• 이동 단위 — 문장 / 문단 / 페이지 중 선택.
• DotPad 라인 수 — 6, 7, 8, 10 줄 중 선택. iOS DotBook 의 brailleLines 정책과 동일합니다.

설정값은 자동 저장되어 다음 방문에도 유지됩니다.

4.5 목차로 이동

문서에 목차가 있는 경우 좌측에 목차 목록이 표시됩니다. 항목을 클릭하면 해당 위치로 즉시 이동합니다. 키보드로는 Tab 으로 목차 항목까지 이동 후 Enter 를 누르면 됩니다.

4.6 묵자/점자 송출 방식

뷰어 본문은 묵자로 표시 하고, 점자는 별도로 DotPad 에 자동 송출 합니다. 같은 요소에 두 종류 데이터(data-dotpad-graphic, data-dotpad-text 등) 가 함께 들어 있어 화면 표시와 무관하게 DotPad 가 정확한 점자를 받습니다.

요소에 포커스가 가는 순간 자동 송출이 이뤄지므로, 사용자는 Tab 만 눌러도 됩니다.

4.7 뷰어 → 편집기로 이동, 파일 받기

상단 또는 종료 메뉴에서 다음 기능을 사용합니다.

• ebraille 편집기에서 편집 — 같은 문서를 편집기 모드로 다시 엽니다.
• EBRL 다운로드 — .ebrl 파일을 내려받습니다.
• 다른 파일 읽기 — 파일 선택 팝업으로 돌아갑니다.
• 종료 — 뷰어를 닫고 첫 화면으로 돌아갑니다.

다음 단계 — DotPad 점자 디스플레이를 실제로 연결해 보려면 5장 으로 이동합니다.

5. DotPad 점자 디스플레이 연동

Dot Book 은 DotPad 점자 디스플레이와 Bluetooth Low Energy(BLE) 로 직접 통신합니다. 한 번 연결해 두면 본문에 포커스가 이동할 때마다 해당 요소의 점자/그래픽 데이터가 자동 송출됩니다.

5.1 기기 검색 및 연결

1. 상단 헤더의 DotPad 연결 (또는 Dotpad) 버튼을 누릅니다.
2. DotPad 연결 팝업이 뜹니다.
3. 기기 검색 (BLE) 을 누르면 주변의 DotPad 가 검색됩니다.
4. 연결 중에는 연결 중… (기기명) 으로 표시됩니다.

5. 성공하면 연결된 기기 (개수) 가 늘어나고, 헤더 버튼이 DotPad 연결됨 (N) 상태로 바뀝니다.

※ BLE 검색은 브라우저의 권한 요청을 동반합니다. 브라우저가 권한을 묻는 작은 창에서 허용 을 선택해 주세요. (Chrome / Edge 권장)

5.2 연결 상태 확인 / 연결 해제

• 헤더 아이콘에는 현재 연결된 DotPad 개수가 함께 표시됩니다.
• 팝업의 기기 옆 연결 해제 버튼으로 개별 기기를 끊을 수 있습니다.
• 연결된 기기가 없으면 연결된 기기가 없습니다. 가 표시됩니다.

5.3 개요 모드와 세부 모드

eBraille 문서의 각 요소는 두 가지 그래픽/텍스트 데이터를 함께 가질 수 있습니다.

• 개요 모드 — 한 화면(예: 60×40) 으로 요약된 그래픽과 짧은 점자.
• 세부 모드 — 같은 자료를 더 큰 해상도(예: A4) 로 분할 송출하는 데이터.

뷰어는 사용자가 Tab 으로 요소에 들어갈 때마다 적절한 모드를 자동으로 골라 DotPad 에 보냅니다. 사용자가 별도로 모드를 토글할 필요는 없습니다.

5.4 닷캔버스에서 송출 영역 조정

편집기에서 이미지를 클릭하면 이미지 편집 팝업(닷캔버스) 이 열립니다. 이곳에서 직접 점자 핀 그래픽을 그리거나, 송출 영역을 조정할 수 있습니다.

• 캔버스 사이즈 — 송출 영역의 기준 크기를 고릅니다.
• 도구 모음:
  • 펜, 지우개, 채우기
  • 굵기 — 펜/지우개 두께
  • ↶ 되돌리기 (Ctrl/⌘Z), ↷ 다시 실행 (Ctrl/⌘⇧Z)
  • 전체 지우기
• 송출 영역(A4) — 빨간 점선 영역만 60×40 닷패드로 송출됩니다.
  • 영역 안쪽 드래그 = 이동
  • 가장자리 드래그 = 크기 조절
  • 영역 10% 확대 / 영역 10% 축소
  • 초기화 (60×40) — 화면 중앙 60×40 으로 리셋
  • 현재 영역은 현재 W×H @ (left, top) 으로 표시
• 송출 버튼
  • 닷패드로 보내기 — 캔버스 전체를 송출
  • 선택 영역 보내기 — 빨간 점선 영역만 송출
  • 선택 영역 숨기기 / 선택 영역 보내기 토글로 영역 표시 끄기/켜기

연결된 DotPad 가 없으면 다음 안내가 뜹니다.

연결된 닷패드가 없습니다. 먼저 닷패드를 연결해 주세요.

5.5 DotPad768 전용 송출

96×64 해상도(DotPad768) 로 송출되는 데이터는 DotPad768 기기만 받을 수 있습니다. 일반 60×40 기기로는 표시할 수 없으므로 다음 안내가 표시됩니다.

(DotPad768 기기를 연결해 주세요)

먼저 DotPad768 을 연결한 뒤 송출을 시도하세요.

다음 단계 — 만든 파일을 어디에 어떻게 정리할지는 6장 파일 관리 를 참고하세요.

6. 파일 관리

Dot Book 은 서버에 자체 폴더 구조를 가지며, 편집기와 뷰어 양쪽에서 같은 폴더에 접근합니다.

6.1 파일 열기 팝업

열기 메뉴를 누르면 파일 열기 팝업이 나타납니다.

• 상단의 경로(브레드크럼) 와 상위 폴더 버튼.
• 좌측 폴더 목록 — 더블클릭으로 진입, 우클릭으로 컨텍스트 메뉴(삭제).
• 우측 파일 목록 — 클릭으로 열기, 우클릭으로 컨텍스트 메뉴.
• + 새 폴더 로 즉석에서 폴더 생성.
• 새로고침 버튼으로 목록 다시 불러오기.
• 하단 내 컴퓨터에서 .ebrl 파일 선택 으로 로컬 파일 열기.
• 폴더는 더블클릭으로 진입 · 우클릭 = 삭제, 파일은 클릭으로 열기 · 우클릭 = 삭제 안내가 따라붙습니다.

6.2 저장 폴더 선택 팝업

저장 시 동일한 폴더 트리가 뜨지만, 다음 점이 다릅니다.

• 화면 하단에 여기에 저장 버튼이 큼지막하게 표시됩니다.
• 선택한 폴더에 들어가 보지 않고도 선택한 폴더 열기 로 확인할 수 있습니다.
• 새 폴더를 만들면 '경로' 하위에 새 폴더 또는 root 에 새 폴더 안내가 입력칸에 표시됩니다.
• 하위 폴더가 없을 때는 하위 폴더가 없습니다 — 우측 상단 + 새 폴더로 만들거나 여기에 저장하세요 가 보입니다.
• 오류가 나면 목록을 불러오지 못했습니다 또는 폴더 생성 실패 가 표시됩니다.

6.3 사이드바 — 업로드된 문서 목록

편집/뷰어 화면 왼쪽의 업로드된 문서 사이드바는 최근 업로드한 문서를 카드 형태로 보여 줍니다.

• 카드 클릭 = 활성 문서 전환
• 활성 문서 우측의 편집하기 → 링크 = 편집 화면으로 바로 진입
• 카드는 파일명·크기·형식(PDF / DOCX) · 업로드 일자를 함께 표시합니다.

6.4 삭제 확인 다이얼로그

폴더나 파일을 삭제하면 항상 다음 안내가 뜹니다.

• 폴더: <이름> 폴더와 그 안의 모든 항목을 영구 삭제합니다.
• 파일: <이름> 파일을 영구 삭제합니다.
• 공통: 이 작업은 되돌릴 수 없습니다.

확인하려면 삭제, 취소하려면 취소 를 누릅니다. 삭제가 진행 중일 때는 삭제 중... 으로 표시됩니다.

다음 단계 — 키보드만으로 모든 기능을 쓰는 방법은 7장 접근성 에 정리되어 있습니다.

7. 접근성과 키보드 단축키

Dot Book 은 시각장애 사용자가 보조 기기 없이도 모든 기능을 쓸 수 있도록 설계되었습니다.

7.1 키보드 탐색 원칙

• 모든 콘텐츠 요소에 tabIndex 가 부여되어 Tab 만으로 순차 탐색이 가능합니다.
• 페이지에 처음 들어가면 자동으로 첫 콘텐츠 요소에 포커스가 갑니다.
• 포커스가 들어간 요소는 3px 두께의 파란 외곽선 (#3d4aff) 으로 표시됩니다.
• 마우스 호버로 인한 의도치 않은 포커스 이동은 차단되어 있어, 키보드 사용자의 흐름이 끊기지 않습니다.

7.2 화면 낭독기 (스크린 리더) 호환

• 모든 버튼·입력·팝업에 aria-label, aria-labelledby 가 부여되어 있습니다.
• 답안 제출·에러·확인 알림 등 즉시 안내가 필요한 영역에는 role="alert" 와 aria-live="assertive" 가 적용되어 화면 낭독기가 바로 읽어 줍니다.
• 비활성 상태 요소에는 aria-disabled="true" 가 표시됩니다.

주요 ARIA 역할 요약

7.3 단축키 종합표

공통

편집기

뷰어

변환 팝업

7.4 스크린 리더 시연 팁

• 페이지를 처음 열면 페이지 제목 → 첫 콘텐츠 요소 순서로 낭독됩니다.
• 편집기의 점자 칸은 화면 낭독기가 점자 셀을 한 글자씩 읽도록 aria-label 이 부여되어 있습니다.
• 알림은 role="alert" 로 즉시 낭독되며, 사용자가 포커스를 옮길 필요가 없습니다.

다음 단계 — 잘 동작하지 않는 경우 8장 자주 묻는 질문 을 확인해 보세요.

8. 자주 묻는 질문 (FAQ)

Q1. 묵자에 입력했는데 점자로 자동 변환되지 않아요.

문서 속성 패널에서 언어 가 입력 언어와 같은지 확인하세요. 한국어 본문인데 언어가 영어로 설정되어 있으면 자동 변환 결과가 달라집니다. 변경 후에도 그대로면 새로 텍스트 블록을 만들어 다시 입력해 보세요.

Q2. PDF 변환이 멈춘 것 같아요.

대용량 PDF 는 페이지 수에 따라 수십 초 ~ 몇 분이 걸릴 수 있습니다. 첫 페이지가 인식된 뒤에는 Background 변환 버튼을 눌러 미리보기를 먼저 살펴보면서 나머지를 백그라운드에서 진행할 수 있습니다. 그래도 멈춘 것 같다면 변환 취소 후 다시 시도하세요.

Q3. DotPad 가 연결되지 않아요.

• 브라우저가 BLE 권한을 차단했는지 확인하세요 (Chrome/Edge 의 주소창 좌측 자물쇠 → 권한).
• DotPad 의 전원과 Bluetooth 가 켜져 있는지 확인합니다.
• 다른 앱(예: iOS DotBook) 에서 이미 연결 중이라면 그쪽을 먼저 끊어 주세요.
• 다시 기기 검색 (BLE) 을 눌러 검색합니다.

Q4. 표가 정확히 인식되지 않아요.

• + 테이블 영역 추가 로 표 영역을 직접 드래그한 뒤 추출 을 눌러 다시 인식시켜 보세요.
• 결과가 만족스럽지 않으면 같은 영역을 + 텍스트 영역 추가 로 추출해 본문 텍스트로 가져온 뒤 편집기에서 표 블록으로 다시 만드는 방법도 권장합니다.
• OCR 언어 선택을 한국어 위주 문서에서는 한국어만, 영문 자료에서는 영어만 으로 지정하면 정확도가 향상됩니다.

Q5. 수식이 인식되지 않아요.

수식 영역 추가 팝업에서 인식 결과 가 비어 있으면 수식을 인식하지 못했습니다. 영역을 다시 그려 주세요. 안내가 표시됩니다. 영역을 수식만 포함하도록 좁혀 다시 드래그한 뒤 인식 을 눌러 보세요.

Q6. .ebrl 파일을 저장할 수 없어요.

다음 안내가 떴다면 문서 제목이 비어 있는 경우입니다.

문서 제목이 비어 있어 저장할 수 없습니다. 우측 속성 패널의 제목 (묵자) 칸에 제목을 입력한 후 다시 저장해 주세요.

우측 문서 속성 패널의 제목 (묵자) 에 한 글자라도 입력한 뒤 저장하기 를 다시 누르면 됩니다.

Q7. 만든 문서를 다른 사람과 공유하려면?

1. 편집기에서 내보내기 또는 뷰어에서 EBRL 다운로드 로 .ebrl 파일을 받습니다.
2. 받은 파일을 이메일·메신저 등으로 전달하면 됩니다.
3. 상대방은 Dot Book 의 열기 → 내 컴퓨터에서 .ebrl 파일 선택 으로 즉시 읽을 수 있습니다.

Q8. 화면이 너무 작아서 잘 안 보여요.

• 브라우저 자체 확대(Ctrl/⌘ + +) 를 사용해도 레이아웃이 깨지지 않습니다.
• 변환 결과 화면에는 100% 확대 컨트롤이 있어 본문만 별도로 키워 볼 수 있습니다.
• 화면 낭독기를 사용 중이라면 7장 의 단축키만으로도 모든 기능을 쓸 수 있습니다.

변경 이력

• 2026-06 초판 작성 — Dot Book 한국어 사용자 매뉴얼 (변환·편집·뷰어·DotPad 연동 포함).

문의는 dev@dotincorp.com 으로 보내 주세요.