AI Storytelling Assistant 2025 Manual 편집하기

<html>
<head>
<meta charset="utf-8"/>
<title>AI Storytelling Assistant User's Manual</title>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<style>
.figure {
	float: right;
	margin: 0 10 0 40
}
.uniform-button {
  width: 10em;
  height: 1.8em;
  font-size: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em; 
  border-radius: 16px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
</style>
</head>
<body>
<h1 style="text-align:center">Semantic Network Data Management Studio</h1>
<h2 style="text-align:center">AI Storytelling Assistant v2025</h1>
<h3 style="text-align:center">2025.11.20</h3>

<div class="figure">
	<table border="0" style="margin:auto; width:10vw; text-align:center;">
		<tr><td><img class="image" src="/static/icon/tutor.png" style="width: 120px;" /></td></tr>
		<tr><td>김현<br/>Digital Curator</td></tr>
	</table>
	<br/>
</div>

<h2>1. 시스템 소개</h2>

<p>AI Storytelling Assistant는 인문학 및 예술 분야의 지식과 창의적 사고를 바탕으로, 생성형 인공지능(Generative AI)과 협업하여 시맨틱 기반의 이야기 콘텐츠를 제작할 수 있도록 설계된 웹 기반 교육 플랫폼입니다. <br/></p>
<p>이 프로그램은 특히 인문·예술을 공부하는 학생들이 자신이 다루는 전공 지식 속의 인물, 사건, 장소, 개념 등을 구조화하여 이야기로 재구성하고, 이를 시각적 콘텐츠(동영상, 슬라이드)로 확장하는 능력을 기를 수 있도록 돕습니다.<br/></p>
<h3>교육적 기획 의도</h3>
<p>오늘날의 인공지능은 단순한 정보 요약을 넘어서, 서사적 구조를 갖춘 창의적 텍스트를 생성할 수 있는 수준에 도달하고 있습니다. 학생들이 인공지능에 수동적으로 의존하는 것이 아니라, 자기의 호기심과 문제의식으로 지식을 탐구하되 인공지능을 도구로 활용하여 정리와 표현, 확장의 성과를 증진하는 방법을 찾게 하는 것이 이 시스템의 기획 의도입니다.<br/></p>
<p>이 시스템을 통해 수행하려 하는 교육 활동은 다음과 같은 교육 철학에 기반합니다:</p>
<ul>
<li>시맨틱 데이터 기반 학습: 인문·예술 분야의 지식은 단편적 정보의 집합이 아니라 맥락적 의미와 인간적 해석이 결합된 복합 구조를 가지고 있습니다. 학생들은 자신의 지식을 RDF/그래프 기반의 시맨틱 구조로 표현함으로써, 지식 요소 상호간의 관계와 논리적/서사적 흐름을 명확히 파악하게 됩니다.</li>
<li>생성형 AI와의 협업 훈련: 구조화된 데이터를 바탕으로 생성형 인공지능(GPT)과의 대화를 통해 스토리를 생성·확장함으로써, AI를 ‘공저자’로 활용하는 새로운 글쓰기 경험을 제공합니다.</li>
<li>시각적 콘텐츠 제작 능력 향상: 텍스트 중심의 내러티브를 영상 및 프레젠테이션 자료로 자동 변환하여 발표력과 표현력을 강화합니다.</li>
</ul>
<h3>활용 가능성</h3>
<p>이 프로그램은 다음과 같은 교육적 상황에서 유용하게 활용될 수 있습니다:</p>
<ul>
<li>디지털 인문학 수업: 역사, 문학, 철학 데이터를 시각적 스토리 콘텐츠로 가공하여 학습의 몰입도를 높임</li>
<li>창의적 스토리텔링 훈련: AI의 제안을 비판적으로 수용하고 재구성하면서 사고력과 창의성을 함께 훈련</li>
<li>미디어 기반 발표 및 평가: 학습자가 만든 콘텐츠를 수업 발표, 포트폴리오, 공공 교육자료 등으로 활용 가능</li>
</ul>
<h2>2. 시스템 구성</h2>
<p>AI Storytelling Assistant는 시맨틱 데이터 기반의 스토리텔링을 지원하는 웹 기반 콘텐츠 제작 도구입니다. 시스템은 다음의 여섯 개 모듈로 구성되어 있으며, 각 모듈은 생성형 인공지능과 사용자 조작을 통해 스토리를 기획, 생성, 편집, 시각화할 수 있도록 합니다.</p>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:30%;">모듈</th>
<th style="text-align:center;width:70%;">주요 기능</th>
</tr>
<tr><td>1) 🔐 로그인 (Login)</td><td>사용자 인증 및 데이터베이스/프로젝트 선택</td></tr>
<tr><td>2) 📓 스토리 큐레이션 (Curator)</td><td>시맨틱 데이터 기반 스토리 구성 요소 선택 및 저장</td></tr>
<tr><td>3) 🤖 ️AI 내러티브 (Narrative Writer)</td><td>AI를 이용한 이야기 내러티브 생성 및 수정</td></tr>
<tr><td>4) 🎬 영상 스크립트 (Script Writer)</td><td>AI를 이용한 미디어 스크립트 생성 및 수정</td></tr>
<tr><td>5) 🎥 미디어 생성 (Producer)</td><td>AI를 이용한 A/V 미디어 콘텐츠 제작</td></tr>
<tr><td>6)  ▶️ 미디어 플레이어 (Presenter)</td><td>완성된 스토리 콘텐츠 열람 및 다운로드</td></tr>
</table>

<h2>3. 모듈별 프로그램 사용법</h2>

<h3>1) 🔐 로그인 (Login)</h3>

<h4>A. 주요 기능</h4>
<ul>
<li>시맨틱 데이터가 저장된 데이터베이스(DB)와 프로젝트 이름을 입력합니다.</li>
<li>사용자의 계정 정보(ID, PW)를 입력하여 인증을 수행합니다.</li>
<li>인증에 성공하면 자동으로 "스토리 큐레이션" (Curator) 화면으로 이동합니다.</li>
</ul>
<h4>B. 입력 항목</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">항목</th>
<th style="text-align:center;width:75%;">설명</th>
</tr>
<tr><td>database</td><td>시맨틱 데이터를 조회/저장할 DB 이름 </td></tr>
<tr><td>project</td><td>선택한 DB 내의 프로젝트명</td></tr>
<tr><td>account</td><td>사용자 계정 (DB 접속용 ID)</td></tr>
<tr><td>password</td><td>계정 비밀번호 (입력 시 마스킹 처리됨)</td></tr>
</table>
<p>※ 관리자가 큐레이션 대상 자원을 미리 지정한 경우에는 database 및 project를 입력받지 않습니다. (지정된 database와 project를 화면에 표시)</p>
<h4>C. 버튼 기능</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">버튼</th>
<th style="text-align:center;width:75%;">기능</th>
</tr>
<tr><td>🔑 Curator Login</td><td>입력한 정보로 인증 시도. 성공 시 "스토리 큐레이션" (Curator) 모듈로 진입</td></tr>
</table>

<h3>2)📓 스토리 큐레이션 (Curator)</h3>

</ul>
<h4>A. 주요 기능</h4>
<ul>
<li>스토리 구성에 필요한 노드를 시맨틱 네트워크로부터 탐색하고 선택</li>
<li>스토리 ID를 기준으로 기존의 스토리 데이터를 불러와 수정 가능</li>
<li>선택된 노드 리스트로부터 스토리 그래프를 시각화</li>
<li>선택된 노드 리스트를 데이터베이스에 새 스토리로 저장하거나 기존 스토리를 갱신</li>
<li>큐레이션 작업 완료시 "AI 내러티브" (Narrative Writer) 모듈로 이동 가능</li>
</ul>
<h4>B. 화면 구성</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">구역</th>
<th style="text-align:center;width:75%;">기능 설명</th>
</tr>
<tr><td style="text-align:center">📌 스토리 노드 선택 (화면 좌측)</td><td>- 특정 노드 중심의 시맨틱 네트워크 그래프를 표시하고, 중심 노드를 클릭하면 스토리 네트워크 요소로 추가하는 기능<br/>- 데이터베이스에 저장된 스토리 데이터 네트워크 그래프를 호출하여 참조할 수 있게 하는 기능</td></tr>
<tr><td style="text-align:center">🧾 스토리 노드 리스트 (화면 우측)</td><td>- 스토리 네트워크를 구성하는 요소들을 열람, 편집할 수 있는 기능<br/>- 생성중인 스토리 데이터 네트워크 그래프를 화면에 표시하여 확인할 수 있게 하는 기능<br/>- 스토리 네트워크 데이터를 저장하거나 갱신하는 기능</td></tr>
</table>
<h4>C. 버튼 기능</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">버튼</th>
<th style="text-align:center;width:75%;">설명</th>
</tr>
<tr><td style="text-align:center"><button class="uniform-button">🔍 관계망 탐색</button></td><td>특정 노드 ID를 입력해 해당 노드와 관련된 그래프를 표시</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">🕸 스토리 불러오기</button></td><td>기존에 저장된 스토리 ID를 불러와 구성 요소를 재확인</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">🤖 AI 내러티브</button></td><td>"AI 내러티브" (Narrative Writer) 모듈로 이동</td></tr>
<tr><td style="text-align:center"><button class="uniform-button" style="background-color: #c66; color: white;width: 6em">🧹 Clear</button></td><td>스토리 네트워크 / 선택된 노드 리스트 초기화</td></tr>
<tr><td style="text-align:center">🗑️<td>해당 노드를 리스트에서 삭제</td></tr>
<tr><td style="text-align:center"><button class="uniform-button" style="background-color: green; color: white;">스토리 그래프 보기</button></td><td>현재 노드 리스트로부터 스토리 네트워크 그래프 생성</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">새 스토리 데이터 저장</button></td><td>새로운 스토리 ID로 DB에 저장 (신규)</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">스토리 데이터 갱신</button></td><td>기존 스토리 ID에 대응되는 DB 레코드 수정 (기존 덮어쓰기)</td></tr>
</table>
<p>※ 저장 및 갱신 버튼은 시스템에서 해당 스토리 ID가 존재하는지 자동으로 검사한 후 활성화됩니다.</p>

<h3>3) 🤖 ️AI 내러티브 (Narrative Writer)</h3>

<h4>A. 주요 기능</h4>
<ul>
<li>시맨틱 스토리 데이터를 기반으로 스토리 내러티브를 생성할 수 있으며, 인공지능과 대화를 통해 스토리 내러티브를 수정할 수 있습니다.</li>
<li>생성된 내러티브는 편집, 저장 가능하며, 이후 이 내러티브를 기반으로 A/V 미디어 스크립트를 제작할 수 있습니다. </li>
<li>스토리 소재와 구성을 바꾸고 싶을 때에는 다시 큐레이터로 돌아가 스토리 데이터를 수정할 수 있습니다.</li>
</ul>
<h4>B. 화면 구성</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">구역</th>
<th style="text-align:center;width:75%;">기능 설명</th>
</tr>
<tr><td style="text-align:center">내러티브 편집 창 (화면 상단)</td><td>- GPT가 생성한 내러티브를 확인/편집/저장하는 기능</td></tr>
<tr><td style="text-align:center">인공지능 대화 창 (화면 하단)</td><td>- GPT와 대화하고 메시지를 관리하는 기능</td></tr>
</table>
<h4>C. 버튼 기능</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">버튼</th>
<th style="text-align:center;width:75%;">설명</th>
</tr>
<tr><td style="text-align:center"><button class="uniform-button">📝 내러티브 생성</button></td><td>GPT를 통해 새로운 내러티브 생성 (🌡︎: Temperature, 🌎︎: 언어 선택 )</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">💾 내러티브 저장</button></td><td>현재까지 작성된 내러티브를 데이터베이스에 저장</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">🔄 불러오기</button></td><td>데이터베이스에 저장된 내러티브를 편집 창에 표시</td></tr>
<tr><td style="text-align:center"><button class="uniform-button" style="background-color: #6c6; color: white;width: 8em">💬 Send</button></td><td>입력된 사용자 메시지를 GPT에게 전송, 응답을 출력</td></tr>
<tr><td style="text-align:center"><button class="uniform-button" style="background-color: #66c; color: white;width: 8em">📃 History</button></td><td>GPT와의 대화 이력을 화면에 표시</td></tr>
<tr><td style="text-align:center"><button class="uniform-button" style="background-color: #c66; color: white;width: 8em">🧹 Clear</button></td><td>이전 대화 내용을 모두 삭제</td></tr></tr>
<tr><td style="text-align:center"><button class="uniform-button">🎬 영상 스크립트</button></td><td>"영상 스크립트" (Script Writer) 모듈로 이동</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">📓 스토리 큐레이션</button></td><td>"스토리 큐레이션" (Curator) 모듈로 돌아가기</td></tr>
</table>
<p>※ GPT와의 대화 이력은 내러티브를 다시 생성하기 전까지 유지되며, GPT가 사용자 메시지에 응답할 때 기초 자료로 사용됩니다.</p>

<h3>4) 🎬 영상 스크립트 (Script Writer)</h3>

<h4>A. 주요 기능</h4>
<ul>
<li>내러티어의 내용을 기반으로 e-Book, 및 동영상을 제작하기 위한 A/V 미디어 스크립트를 생성하고, 편집할 수 있습니다.</li>
<li>생성, 수정된 스크립트는 저장 가능하며, 이후 A/V 미디어 콘텐츠 제작 모듈로 이동할 수 있습니다.</li>
</ul>
<h4>B. 화면 구성</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">구역</th>
<th style="text-align:center;width:75%;">기능 설명</th>
</tr>
<tr><td style="text-align:center">🏫 Overview</td><td>미디어 콘텐츠 전체 내용 요약</td></tr>
<tr><td style="text-align:center">Scene 1, Scene 2, Scene 3 .....</td><td>각 장면을 선택할 수 있는 버튼</td></tr>
<tr><td style="text-align:center">🌿 Title</td><td>선택된 장면의 제목</td></tr>
<tr><td style="text-align:center">📃 Synopsis</td><td>선택된 장면의 내용 줄거리</td></tr>
<tr><td style="text-align:center">🎧 Narration</td><td>선택된 장면의 나레이션 스크립트</td></tr>
<tr><td style="text-align:center">🖼 Image</td><td>선택된 장면의 이미지 생성 스크립트</td></tr>
</table>
<h4>C. 버튼 기능</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">버튼</th>
<th style="text-align:center;width:75%;">설명</th>
</tr>
<tr><td style="text-align:center"><button class="uniform-button">📝 스크립트 생성</button></td><td>GPT를 통해 새로운 A/V 미디어 스크립트를 생성</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">💾 스크립트 저장</button></td><td>현재까지 작성된 A/V 미디어 스크립트를 데이터베이스에 저장</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">🎥 미디어 생성</button></td><td>"미디어 생성" (Producer) 모듈로 이동하여  A/V 미디어 콘텐츠 생성 진행</td></tr></tr>
<tr><td style="text-align:center"><button class="uniform-button">📓 스토리 큐레이션</button></td><td>"스토리 큐레이션" (Curator) 모듈로 돌아가기</td></tr>
</table>
<p>※A/V 미디어 스크립트는 내러티브와 동일한 언어로 생성됩니다.</p>

<h3>5) 🎥 미디어 생성 (Producer)</h3>

<h4>A. 주요 기능</h4>
<ul>
<li>영상 스크립트 (Script Writer) 모듈에서 생성된 영상 제작 스크립트를 기반으로 A/V 미디어 콘텐츠 생성합니다.</li>
<li>나레이션 음성 생성, 이미지 생성, 동영상 합성을 통해 A/V 미디어 콘텐츠 제작</li>
<li>생성된 콘텐츠는 미디어 플레이어 (Presenter) 모듈에서 재생 및 다운로드 가능</li>
</ul>
<h4>B. 화면 구성</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">구역</th>
<th style="text-align:center;width:75%;">기능 설명</th>
</tr>
<tr><td style="text-align:center">No.</td><td>- 장면 번호</td></tr>
<tr><td style="text-align:center">Scene Title</td><td>- 장면 제목</td></tr>
<tr><td style="text-align:center">Narration</td><td>- "음성 생성" 버튼을 누른 후 나레이션 스크립트가 생성되면 🔊 표시</td></tr>
<tr><td style="text-align:center">Image</td><td>- "이미지 생성" 버튼을 누른 후 해당 장면의 배경 이미지가 생성되면 🖼 표시<br/>- 이 🖼 표시를 클릭하면 생성된 이미지를 볼 수 있고,<br/>- 이미지 생성 인공지능과 대화를 통해 이미지의 수정을 지시할 수 있습니다.</td></tr>
<tr><td style="text-align:center">Video</td><td>- "비디오 생성" 버튼을 누른 후 전체 장면을 엮은 동영상이 생성되면 🎥 표시</td></tr>
</table>
<h4>C. 버튼 기능</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">버튼</th>
<th style="text-align:center;width:75%;">설명</th>
<tr><td style="text-align:center"><button class="uniform-button">🎧 음성 생성</button></td><td>각 장면의 나레이션 음성을 생성</td></tr></tr>
<tr><td style="text-align:center"><button class="uniform-button">🖼 이미지 생성</button></td><td>각 장면의 배경 이미지 생성</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">🎥 비디오 생성</button></td><td>배경 이미지와 나레이션 음성을 합성하여 동영상 제작</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">▶️ 미디어 플레이어</button></td><td>"미디어 플레이어"  (Presenter) 모듈로 이동</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">📓 스토리 큐레이션</button></td><td>"스토리 큐레이션" (Curator) 모듈로 돌아가기</td></tr>
</table>
<p>※스크립트 또는 이미지가 존재하지 않으면 해당 버튼이 비활성화되거나 경고 메시지를 표시합니다.</p>

<h3>6) ▶️ 미디어 플레이어 (Presenter)</h3>

<h4>A. 주요 기능</h4>
<ul>
<li>A/V 미디어 콘텐츠를 열람하거나 다운로드할 수 있습니다.</li>
</ul>
<h4>B. 화면 구성</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">구역</th>
<th style="text-align:center;width:75%;">기능 설명</th>
</tr>
<tr><td style="text-align:center">A/V 콘텐츠 뷰어</td><td>- "eBook" 버튼을 누른 경우, eBook 콘텐츠 표시<br/>- "비디오" 버튼을 누른 경우, 비디오 재생<br/>- "내러티브" 버튼을 누른 경우, 내러티브 텍스트 표시</td></tr>
</table>
<h4>C. 버튼 기능</h4>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">버튼</th>
<th style="text-align:center;width:75%;">설명</th>
</tr>
<tr><td style="text-align:center"><button class="uniform-button">🌎︎ 언어 선택</button></td><td>다국어 콘텐츠가 존재할 경우, 내러티브 및 A/V 콘텐츠의 언어를 선택</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">🪅 eBook</button></td><td>eBook 형태의 A/V 콘텐츠 디스플레이</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">🎥 비디오</button></td><td>동영상으로 제작된 A/V 콘텐츠 재생</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">💁🏻 ️내러티브</button></td><td>내러티브 텍스트를 화면에 표시</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">📥 다운로드</button></td><td>생성된 A/V 미디어 콘텐츠 전체를  ZIP으로 다운로드 (eBook html, 비디오 mp4, 각 장면의 배경 이미지 jpg, 나레이션 음성 파일 mp3 등)</td></tr>
<tr><td style="text-align:center"><button class="uniform-button">📓 스토리 큐레이션</button></td><td>"스토리 큐레이션" (Curator) 모듈로 돌아가기</td></tr>
</table>

<h2>4. 활용 안내</h2>
<p>AI Storytelling Assistant는 시맨틱 데이터 기반의 스토리텔링 콘텐츠를 생성하고 이를 시청각 자료로 변환할 수 있는 AI 지원 플랫폼입니다. 이 시스템은 맥락적·구조적 지식이 중요한 인문·예술 분야의 교육에서 특히 효과적으로 활용될 수 있으며, 데이터 기반 서사 능력과 AI 협업 능력을 동시에 함양할 수 있습니다.</p>
<h3>활용 목적 및 대상</h3>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">목적</th>
<th style="text-align:center;width:75%;">설명</th>
</tr>
<tr>
<td>교육용 콘텐츠 제작</td>
<td>학생들이 직접 시맨틱 데이터를 큐레이션하고, AI와 협업하여 스토리를 작성하고 시각화함으로써 데이터 기반 서사 훈련을 경험</td>
</tr>
<tr>
<td>디지털 인문학 연구</td>
<td>구조화된 역사 데이터(RDF, 시맨틱 네트워크 등)를 이야기로 재구성하여 디지털 아카이빙 또는 문화유산 콘텐츠로 활용</td>
</tr>
<tr>
<td>AI 서사 훈련</td>
<td>GPT의 내러티브 생성 능력을 사용자가 직접 수정, 저장하며 AI의 스토리 생성 기법을 학습</td>
</tr>
<tr>
<td>프레젠테이션 자동화</td>
<td>복잡한 주제나 프로젝트 내용을 프리젠테이션 자료 또는 영상으로 자동 전환하여 발표 자료로 활용 가능</td>
</tr>
</table>
<h3>권장 워크플로우</h3>
<p>아래는 시스템 활용의 일반적인 단계입니다. 각 단계는 UI 모듈과 연결되어 직관적으로 진행됩니다.</p>
<table border="1" style="border-collapse:collapse; text-align:left;" width="90%">
<tr>
<th style="text-align:center;width:25%;">단계</th>
<th style="text-align:center;width:50%;">설명</th>
<th style="text-align:center;width:25%;">해당 모듈</th>
</tr>
<tr>
<td>① 로그인 및 프로젝트 선택</td>
<td>사용할 데이터베이스 및 계정 지정</td>
<td>🔐 로그인 (Login)</td>
</tr>
<tr>
<td>② 스토리 데이터 큐레이션</td>
<td>시맨틱 네트워크 탐색 및 스토리 데이터 리스트 구성 → 저장</td>
<td>📓 스토리 큐레이션 (Curator)</td>
</tr>
<tr>
<td>③ 스토리 내러티브 생성</td>
<td>GPT와 대화하며 서사 생성 → 편집 → 저장</td>
<td>🤖 ️AI 내러티브 (Narrative Writer)</td>
</tr>
<tr>
<td>④ 시각 콘텐츠 제작</td>
<td>스크립트 생성 → eBook 및 동영상 생성</td>
<td>🎬 영상 스크립트 (Script Writer) → 🎥 미디어 생성 (Producer)</td>
</tr>
<tr>
<td>⑤ 콘텐츠 열람 및 배포</td>
<td>결과물 확인, 다운로드 또는 수업/발표에 활용</td>
<td>▶️ 미디어 플레이어 (Presenter)</td>
</tr>
</table>
<h4>활용 시 유의사항</h4>
<p>※ 인공지능의 응답은 컨텍스트에 따라 달라질 수 있으며, 시맨틱 데이터의 정보가 충분하지 않을 경우, 과장 왜곡이 있을 수 있습니다. 학습 목적일 경우 교사의 지도와 피드백을 권장합니다.</p>
<div class="container" style="width: 100vw; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;">
	<table border="2" style="margin:auto; width:50vw; border-collapse:collapse; text-align:center;">
	<tr>
	<td><b>AI Storytelling Assistant</b>는 <b>의미 기반 데이터 해석 능력</b>, <b>AI 활용 소통력</b>, <b>시각적 표현력</b>을 통합적으로 키우는 미래형 인문·예술 교육 플랫폼입니다.</td>
	</tr>
	</table>
	<br/>
</div>
<br/>
</body>
</html>