"2026 LocalDH Syllabus"의 두 판 사이의 차이

Confucian wiki
이동: 둘러보기, 검색
 
(같은 사용자의 중간 판 9개는 보이지 않습니다)
1번째 줄: 1번째 줄:
−
<div style="font-family: 'Noto Sans KR', sans-serif; max-width: 900px; margin: 0 auto; color: #333;">
 
  
−
     <!-- 1. 타이틀 섹션 -->
+
<html lang="ko">
−
     <div style="border-bottom: 3px solid #1d4e89; padding-bottom: 10px; margin-bottom: 30px;">
+
<head>
−
         <h1 style="color: #1d4e89; margin: 0; font-size: 2.2em; border: none; border-bottom: none;">2026-1학기 로컬 디지털인문학 이해</h1>
+
     <meta charset="UTF-8">
−
         <p style="margin: 5px 0 0 0; color: #666; font-size: 1.1em;">Introduction to Digital Humanities</p>
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
    </div>
+
    <title>로컬 디지털인문학의 이해 커리큘럼</title>
 +
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
 +
     <style>
 +
        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
 +
 
 +
        /* 모든 요소에 box-sizing 적용하여 패딩으로 인한 사이즈 넘침 방지 */
 +
        *, *::before, *::after {
 +
            box-sizing: border-box;
 +
        }
 +
 
 +
        :root {
 +
            --primary-color: #003e7e; /* PNU Blue 계열 */
 +
            --secondary-color: #2c3e50;
 +
            --accent-color: #e67e22;
 +
            --bg-color: #f4f7f6;
 +
            --white: #ffffff;
 +
            --border-color: #e1e4e8;
 +
            --phase-1: #3498db;
 +
            --phase-2: #27ae60;
 +
            --phase-3: #9b59b6;
 +
            --phase-4: #e74c3c;
 +
        }
 +
 
 +
        body {
 +
            font-family: 'Noto Sans KR', sans-serif;
 +
            margin: 0;
 +
            padding: 0;
 +
            color: #333;
 +
            line-height: 1.6;
 +
        }
 +
 
 +
        /* 위키독스 임베딩 시 배경색과 여백을 확보하기 위한 래퍼 */
 +
        /* 화면 크기에 따라 패딩이 조절되도록 수정 */
 +
        .page-wrapper {
 +
            background-color: var(--bg-color);
 +
            padding: 40px 5%; /* 좌우 여백을 %로 주어 화면 크기에 유연하게 반응 */
 +
            min-height: 100vh;
 +
        }
 +
 
 +
        .container {
 +
            width: 100%;
 +
            max-width: 1400px; /* 너비를 900px -> 1400px로 대폭 확장 */
 +
            margin: 0 auto;
 +
            background: var(--white);
 +
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
 +
            border-radius: 12px;
 +
            overflow: hidden;
 +
        }
 +
 
 +
        /* Header Section */
 +
        header {
 +
            background: linear-gradient(135deg, var(--primary-color), #0056b3);
 +
            color: var(--white);
 +
            padding: 40px 20px;
 +
            text-align: center;
 +
        }
 +
 
 +
        header h1 {
 +
            margin: 0;
 +
            font-size: 1.8rem;
 +
            font-weight: 700;
 +
            word-break: keep-all;
 +
        }
 +
 
 +
        header p {
 +
            margin: 10px 0 0;
 +
            font-size: 1rem;
 +
            opacity: 0.9;
 +
        }
 +
 
 +
        .course-info {
 +
            display: flex;
 +
            justify-content: center;
 +
            gap: 10px;
 +
            margin-top: 20px;
 +
            font-size: 0.85rem;
 +
            flex-wrap: wrap;
 +
        }
 +
 
 +
        .info-badge {
 +
            background: rgba(255,255,255,0.2);
 +
            padding: 6px 12px;
 +
            border-radius: 20px;
 +
            backdrop-filter: blur(5px);
 +
            white-space: nowrap;
 +
        }
 +
 
 +
        /* Curriculum Table Style */
 +
        .curriculum-wrapper {
 +
            padding: 30px; /* 기본 패딩 설정 */
 +
        }
 +
 
 +
        /* 화면이 넓을 때 패딩 조정 */
 +
        @media (min-width: 768px) {
 +
            .curriculum-wrapper {
 +
                padding: 40px;
 +
            }
 +
        }
 +
 
 +
        .phase-header {
 +
            display: flex;
 +
            align-items: center;
 +
            margin: 30px 0 15px 0;
 +
            padding-bottom: 10px;
 +
            border-bottom: 2px solid var(--border-color);
 +
            flex-wrap: wrap;
 +
            gap: 10px;
 +
        }
 +
 
 +
        .phase-badge {
 +
            font-size: 0.85rem;
 +
            font-weight: 700;
 +
            color: var(--white);
 +
            padding: 6px 12px;
 +
            border-radius: 6px;
 +
        }
 +
 
 +
        .phase-title {
 +
            font-size: 1.1rem;
 +
            font-weight: 700;
 +
            color: var(--secondary-color);
 +
        }
 +
 
 +
        .week-row {
 +
            display: flex;
 +
            border: 1px solid var(--border-color);
 +
            border-radius: 8px;
 +
            margin-bottom: 15px;
 +
            transition: transform 0.2s, box-shadow 0.2s;
 +
            background: var(--white);
 +
            overflow: hidden;
 +
        }
 +
 
 +
        .week-row:hover {
 +
            transform: translateY(-2px);
 +
            box-shadow: 0 5px 15px rgba(0,0,0,0.08);
 +
            border-color: var(--primary-color);
 +
        }
 +
 
 +
        /* Date Column */
 +
        .col-date {
 +
            flex: 0 0 140px; /* 너비 살짝 증가 */
 +
            background-color: #f8f9fa;
 +
            display: flex;
 +
            flex-direction: column;
 +
            justify-content: center;
 +
            align-items: center;
 +
            padding: 20px;
 +
            border-right: 1px solid var(--border-color);
 +
            text-align: center;
 +
        }
 +
 
 +
        .date-text {
 +
            font-weight: 700;
 +
            color: var(--secondary-color);
 +
            font-size: 1.1rem;
 +
        }
 +
 
 +
        .day-text {
 +
            font-size: 0.85rem;
 +
            color: #7f8c8d;
 +
            margin-top: 4px;
 +
        }
 +
 
 +
        .week-badge {
 +
            margin-bottom: 8px;
 +
            font-size: 0.8rem;
 +
            font-weight: 700;
 +
            color: var(--primary-color);
 +
            background: #e3f2fd;
 +
            padding: 2px 8px;
 +
            border-radius: 4px;
 +
        }
 +
 
 +
        /* Content Column */
 +
        .col-content {
 +
            flex: 1;
 +
            padding: 25px; /* 내부 여백 확보 */
 +
            min-width: 0;
 +
        }
 +
 
 +
        .topic-title {
 +
            font-size: 1.15rem; /* 폰트 크기 살짝 증가 */
 +
            font-weight: 700;
 +
            margin-bottom: 15px;
 +
            color: #2c3e50;
 +
            word-break: keep-all;
 +
        }
 +
 
 +
        /* Grid Layout for Details */
 +
        .detail-grid {
 +
            display: grid;
 +
            grid-template-columns: 80px 1fr; /* 라벨 너비 확보 */
 +
            gap: 8px 20px; /* 간격 조정 */
 +
            font-size: 0.95rem;
 +
        }
 +
 
 +
        .label {
 +
            font-weight: 600;
 +
            color: #7f8c8d;
 +
            font-size: 0.9rem;
 +
            text-align: right;
 +
            padding-top: 2px;
 +
            white-space: nowrap;
 +
        }
 +
 
 +
        .desc {
 +
            color: #555;
 +
            word-break: break-word;
 +
            line-height: 1.5;
 +
        }
 +
 
 +
        .highlight {
 +
            color: var(--primary-color);
 +
            font-weight: 600;
 +
            background: #f0f7ff;
 +
            padding: 0 4px;
 +
            border-radius: 2px;
 +
        }
 +
 
 +
        /* Goal Section */
 +
        .milestone-banner {
 +
            background: linear-gradient(to right, #fff3e0, #ffe0b2);
 +
            border-left: 5px solid var(--accent-color);
 +
            padding: 25px;
 +
            margin: 20px 30px 40px 30px; /* 하단 여백 추가 */
 +
            border-radius: 4px;
 +
            display: flex;
 +
            align-items: flex-start;
 +
            gap: 20px;
 +
        }
 +
       
 +
        .milestone-icon {
 +
            font-size: 2rem;
 +
            color: var(--accent-color);
 +
            margin-top: 2px;
 +
        }
 +
 
 +
         .milestone-text h3 {
 +
            margin: 0 0 8px 0;
 +
            color: #d35400;
 +
            font-size: 1.2rem;
 +
        }
 +
 
 +
        .milestone-text p {
 +
            margin: 0;
 +
            font-size: 1rem;
 +
            color: #6d4c41;
 +
            line-height: 1.6;
 +
        }
 +
 
 +
        /* Mobile Responsive */
 +
        @media (max-width: 768px) {
 +
            .page-wrapper {
 +
                padding: 20px 10px; /* 모바일에서 좌우 여백 축소 */
 +
            }
 +
           
 +
            .container {
 +
                border-radius: 8px;
 +
            }
 +
 
 +
            .curriculum-wrapper {
 +
                padding: 20px;
 +
            }
 +
 
 +
            .week-row {
 +
                flex-direction: column;
 +
            }
 +
 
 +
            .col-date {
 +
                flex-direction: row;
 +
                justify-content: space-between;
 +
                align-items: center;
 +
                width: 100%;
 +
                flex: auto;
 +
                padding: 12px 20px;
 +
                border-right: none;
 +
                border-bottom: 1px solid var(--border-color);
 +
                background-color: #f8f9fa;
 +
            }
 +
 
 +
            .week-badge { margin-bottom: 0; margin-right: 10px; }
 +
            .date-text { font-size: 1rem; }
 +
           
 +
            .col-content {
 +
                padding: 20px;
 +
            }
 +
 
 +
            .detail-grid {
 +
                grid-template-columns: 1fr;
 +
                gap: 6px;
 +
            }
 +
 
 +
            .label {
 +
                text-align: left;
 +
                margin-top: 10px;
 +
                color: var(--primary-color);
 +
                background: #eee;
 +
                display: inline-block;
 +
                padding: 3px 8px;
 +
                border-radius: 4px;
 +
                width: fit-content;
 +
                font-size: 0.85rem;
 +
            }
 +
           
 +
            .label:first-child {
 +
                margin-top: 0;
 +
            }
 +
           
 +
            .desc {
 +
                padding-left: 2px;
 +
            }
 +
 
 +
            .milestone-banner {
 +
                margin: 20px;
 +
                flex-direction: column;
 +
                gap: 10px;
 +
            }
 +
           
 +
            .milestone-icon {
 +
                font-size: 1.5rem;
 +
            }
 +
        }
 +
    </style>
 +
</head>
 +
<body>
 +
 
 +
<!-- page-wrapper: 위키독스 임베딩 시 배경색과 여백 확보 -->
 +
 
 +
    <div class="container">
 +
        <header>
 +
            <h1>로컬 디지털인문학의 이해</h1>
 +
            <p>Understanding Local Digital Humanities</p>
 +
            <div class="course-info">
 +
                <!-- 기간 수정: 9주 과정 -->
 +
                <span class="info-badge"><i class="far fa-calendar-alt"></i> 2026.03.06 ~ 05.08 (9주)</span>
 +
                <span class="info-badge"><i class="far fa-clock"></i> 금요일 오전 10:00 ~ 13:00</span>
 +
                <span class="info-badge"><i class="fas fa-university"></i> 부산대 인문관 205호</span>
 +
                <span class="info-badge"><i class="fas fa-pencil"></i> 강의자료: <a href="https://wikidocs.net/book/19021">https://wikidocs.net/book/19021</a></span>
 +
            </div>
 +
        </header>
 +
   
 +
         <div class="curriculum-wrapper">
 +
           
 +
            <!-- Phase 1 -->
 +
            <div class="phase-header">
 +
                <span class="phase-badge" style="background-color: var(--phase-1);">Phase 1</span>
 +
                <span class="phase-title">연결의 감각 깨우기 (이해와 기획)</span>
 +
            </div>
 +
 
 +
            <!-- Week 1 -->
 +
            <div class="week-row">
 +
                <div class="col-date">
 +
                    <span class="week-badge">1주차</span>
 +
                    <div class="date-text">03.06</div>
 +
                    <div class="day-text">(금) 오전</div>
 +
                </div>
 +
                <div class="col-content">
 +
                    <div class="topic-title">디지털 인문학의 첫걸음: 관계의 발견</div>
 +
                    <div class="detail-grid">
 +
                        <div class="label">이론</div>
 +
                        <div class="desc">디지털 인문학 개념과 배경, 국내외 프로젝트 사례 탐색, 네트워크 그래프 기초 (Node/Edge)</div>
 +
                        <div class="label">실습</div>
 +
                        <div class="desc"><span class="highlight"><a href="https://dh.aks.ac.kr/~kimseoyun/wiki/index.php/2026_LocalDH_Projects">미디어위키</a></span> 실습(계정/자기소개), <span class="highlight"><a href="https://dh.aks.ac.kr/~kimseoyun/archive/makeGraph2024.exe">MakeGraph</a> </span> '첫인상 네트워크' 생성</div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
            <!-- Week 2 -->
 +
            <div class="week-row">
 +
                <div class="col-date">
 +
                    <span class="week-badge">2주차</span>
 +
                    <div class="date-text">03.13</div>
 +
                    <div class="day-text">(금) 오전</div>
 +
                </div>
 +
                <div class="col-content">
 +
                    <div class="topic-title">로컬리티의 재발견: 우리 지역 데이터 수집</div>
 +
                    <div class="detail-grid">
 +
                        <div class="label">이론</div>
 +
                        <div class="desc">지역 인문 자원 연구의 의미, 광주인문스토리 플랫폼 사례, 데이터 수집과 연구 윤리</div>
 +
                        <div class="label">실습</div>
 +
                        <div class="desc"> 주제 선정 및 자료 수집, '지역 아카이브' 위키문서 작성</div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
            <!-- Phase 2 -->
 +
            <div class="phase-header">
 +
                <span class="phase-badge" style="background-color: var(--phase-2);">Phase 2</span>
 +
                <span class="phase-title">데이터의 뼈대 세우기 (수집과 구조화)</span>
 +
            </div>
 +
 
 +
            <!-- Week 3 -->
 +
            <div class="week-row">
 +
                <div class="col-date">
 +
                    <span class="week-badge">3주차</span>
 +
                    <div class="date-text">03.20</div>
 +
                    <div class="day-text">(금) 오전</div>
 +
                </div>
 +
                <div class="col-content">
 +
                    <div class="topic-title">지식의 구조화: 관계 속에서 의미 찾기</div>
 +
                    <div class="detail-grid">
 +
                        <div class="label">이론</div>
 +
                        <div class="desc">선행 온톨로지(Ontology) 탐색, 유로피아나 프로젝트 사례</div>
 +
                        <div class="label">실습</div>
 +
                        <div class="desc">데이터간 의미 맥락 정의, 시각화 도구 실습: <span class="highlight">StoryMap(Knight Lab)</span> </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
            <!-- Week 4 -->
 +
            <div class="week-row">
 +
                <div class="col-date">
 +
                    <span class="week-badge">4주차</span>
 +
                    <div class="date-text">03.27</div>
 +
                    <div class="day-text">(금) 오전</div>
 +
                </div>
 +
                <div class="col-content">
 +
                    <div class="topic-title">데이터의 확장: 지역과 지역을 연결하다</div>
 +
                    <div class="detail-grid">
 +
                        <div class="label">이론</div>
 +
                        <div class="desc">시맨틱 데이터와 그래프 DB, GIS 개념과 인문학 활용 사례</div>
 +
                        <div class="label">실습</div>
 +
                        <div class="desc">지도 위의 관계망, 시각화 도구 실습: <span class="highlight">Palladio</span> </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
            <!-- Phase 3 -->
 +
            <div class="phase-header">
 +
                <span class="phase-badge" style="background-color: var(--phase-3);">Phase 3</span>
 +
                <span class="phase-title">데이터에서 콘텐츠로 (분석과 창작)</span>
 +
            </div>
 +
 
 +
            <!-- Week 5 -->
 +
            <div class="week-row">
 +
                <div class="col-date">
 +
                    <span class="week-badge">5주차</span>
 +
                    <div class="date-text">04.03</div>
 +
                    <div class="day-text">(금) 오전</div>
 +
                </div>
 +
                <div class="col-content">
 +
                    <div class="topic-title">AI와의 협업 I: 데이터 기반 스토리텔링</div>
 +
                    <div class="detail-grid">
 +
                        <div class="label">이론</div>
 +
                        <div class="desc">생성형 AI 원리와 활용, 프롬프트 엔지니어링, AI 윤리</div>
 +
                        <div class="label">실습</div>
 +
                        <div class="desc">지식 그래프 스토리 소재 발굴, <span class="highlight">생성형 AI</span> 활용 스토리 초안 작성, 팀별 창작 워크숍</div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
    <!-- 2. 기본 정보 & 교수자 정보 (2단 구성) -->
+
            <!-- Week 6 -->
−
    <div style="display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 40px;">
+
            <div class="week-row">
−
        <!-- 왼쪽: 수업 정보 -->
+
                <div class="col-date">
−
        <div style="flex: 1; min-width: 300px;">
+
                    <span class="week-badge">6주차</span>
−
            <h3 style="color: #1d4e89; border-left: 4px solid #1d4e89; padding-left: 10px; margin-top: 0; border-bottom: none;">📌 수업 정보</h3>
+
                    <div class="date-text">04.10</div>
−
            <ul style="list-style: none; padding: 0; line-height: 1.8;">
+
                    <div class="day-text">(금) 오전</div>
−
                <li><strong>교과목번호:</strong> DH101</li>
+
                 </div>
−
                <li><strong>수업 시간:</strong> 매주 금요일 00:00 - 00:00</li>
+
                <div class="col-content">
−
                <li><strong>강의실:</strong> 인문관 000호 </li>
+
                    <div class="topic-title">AI와의 협업 II: 멀티모달 콘텐츠 제작</div>
−
                 <li><strong>학점:</strong> 3학점</li>
+
                    <div class="detail-grid">
−
            </ul>
+
                        <div class="label">이론</div>
−
        </div>
+
                        <div class="desc">멀티모달 콘텐츠 이해, 이미지 생성 AI 작동 원리, 지역 문화 홍보 활용 가능성</div>
−
        <!-- 오른쪽: 교수자 정보 -->
+
                        <div class="label">실습</div>
−
        <div style="flex: 1; min-width: 300px;">
+
                        <div class="desc"><span class="highlight">AI 이미지 생성</span> 및 선정, 최종 콘텐츠(카드뉴스/숏폼) 제작, 발표 준비</div>
−
            <h3 style="color: #1d4e89; border-left: 4px solid #1d4e89; padding-left: 10px; margin-top: 0; border-bottom: none;">👩‍🏫 교수자 정보</h3>
+
                    </div>
−
            <ul style="list-style: none; padding: 0; line-height: 1.8;">
+
                </div>
−
                <li><strong>담당교수:</strong> 김서윤</li>
+
            </div>
−
                <li><strong>이메일:</strong> sy527991@pusan.ac.kr</li>
 
−
                <li><strong>연구실:</strong> 인문대 교수연구동 북쪽동 105호</li>
 
−
                <li><strong>면담시간:</strong> 월~목요일 10:00 - 17:00 (사전예약)</li>
 
−
            </ul>
 
−
        </div>
 
−
    </div>
 
  
−
    <!-- 3. 수업 개요 -->
+
            <!-- Phase 4 -->
−
    <div style="margin-bottom: 40px;">
+
            <div class="phase-header">
−
        <h3 style="background-color: #f0f4f8; padding: 10px 15px; border-radius: 5px; color: #1d4e89; margin-top: 0; border: none;">📖 수업 개요</h3>
+
                <span class="phase-badge" style="background-color: var(--phase-4);">Phase 4</span>
−
        <p style="line-height: 1.6; padding: 0 10px;">
+
                <span class="phase-title">결과물 완성 및 공유 (확산과 성찰)</span>
−
            본 수업은 인문학 연구와 교육에 디지털 기술을 어떻게 접목할 수 있는지 탐구합니다. 
+
             </div>
−
            텍스트 마이닝, 데이터 시각화, 디지털 아카이브 구축 등 기초적인 디지털 방법론을 실습하며, 
 
−
            최종적으로 조별 프로젝트를 통해 실제 디지털 인문학 결과물을 제작하는 것을 목표로 합니다. <br/>
 
−
            수강 대상은 전남대 주관의 부산대, 광운대, 공주대, 홍익대 등 인간과 디지털 경제의 공존 HUSS 컨소시엄 소속 학부생이며,
 
−
            교육 목표는 디지털 도구를 활용하여 인문학적 지식(나, 대학, 지역)을 데이터로 구조화하는 것입니다. <br/>
 
−
             네트워크 그래프를 통해 관계성을 시각화하여 그 의미를 해석하는 법을 배우고,
 
−
            생성형 AI(Gemini 등)를 활용하여 로컬 데이터 기반의 창의적 콘텐츠를 제작해 봅니다.
 
−
            핵심 도구는 MediaWiki와 MakeGraph 또는 유사 시각화 도구이며, Google Gemini Storybook 등의 다양한 생성형 AI를 사용합니다. <br/>
 
  
−
        </p>
+
            <!-- Week 7 -->
−
    </div>
+
            <div class="week-row">
 +
                <div class="col-date">
 +
                    <span class="week-badge">7주차</span>
 +
                    <div class="date-text">04.17</div>
 +
                    <div class="day-text">(금) 오전</div>
 +
                </div>
 +
                <div class="col-content">
 +
                    <div class="topic-title">프로젝트 발표: 공유와 성찰</div>
 +
                    <div class="detail-grid">
 +
                        <div class="label">이론</div>
 +
                        <div class="desc">효과적인 발표 전략, 프로젝트의 사회적 확산 사례</div>
 +
                        <div class="label">활동</div>
 +
                        <div class="desc">팀별 최종 프로젝트 발표 및 피드백, 성찰 활동(협업, AI 인식 변화 등)</div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
    <!-- 4. 평가 기준 (카드형) -->
 
−
    <div style="margin-bottom: 40px;">
 
−
        <h3 style="background-color: #f0f4f8; padding: 10px 15px; border-radius: 5px; color: #1d4e89; margin-top: 0; border: none;">📊 평가 기준</h3>
 
−
        <div style="display: flex; gap: 10px; flex-wrap: wrap; text-align: center; color: white;">
 
−
            <div style="flex: 1; background-color: #1d4e89; padding: 15px; border-radius: 8px;">출석<br><strong style="font-size: 1.5em;">10%</strong></div>
 
−
            <div style="flex: 1; background-color: #2b6cb0; padding: 15px; border-radius: 8px;">중간고사<br><strong style="font-size: 1.5em;">40%</strong></div>
 
−
            <div style="flex: 1; background-color: #3182ce; padding: 15px; border-radius: 8px;">기말과제<br><strong style="font-size: 1.5em;">40%</strong></div>
 
−
            <div style="flex: 1; background-color: #63b3ed; padding: 15px; border-radius: 8px;">참여도<br><strong style="font-size: 1.5em;">10%</strong></div>
 
−
        </div>
 
−
    </div>
 
  
−
<!-- 5. 주차별 강의 일정 (표) -->
+
            <!-- Week 8 (New) -->
−
<div style="margin-bottom: 40px;">
+
            <div class="week-row" style="border-color: var(--accent-color); background-color: #fffaf0;">
−
<h3 style="background-color: #f0f4f8; padding: 10px 15px; border-radius: 5px; color: #1d4e89; margin-top: 0; border: none;">📅 주차별 일정</h3>
+
                <div class="col-date">
−
<table style="width: 100%; border-collapse: collapse; margin-top: 10px;">
+
                    <span class="week-badge" style="background-color: var(--accent-color); color: #fff;">8주차</span>
−
<!-- thead, tbody 태그 삭제 -->
+
                    <div class="date-text" style="color: var(--accent-color);">04.24</div>
−
<tr style="background-color: #1d4e89; color: white;">
+
                    <div class="day-text">(금) 마감</div>
−
<th style="padding: 12px; border: 1px solid #ddd; width: 6%;">주차</th>
+
                </div>
−
<th style="padding: 12px; border: 1px solid #ddd; width: 39%;">주제</th>
+
                <div class="col-content">
−
<th style="padding: 12px; border: 1px solid #ddd; width: 35%;">탐색</th>
+
                    <div class="topic-title" style="color: #d35400;">프로젝트 완성 및 과제 제출</div>
−
<th style="padding: 12px; border: 1px solid #ddd; width: 20%;">실습 내용</th>
+
                    <div class="detail-grid">
−
</tr>
+
                        <div class="label">과제</div>
 +
                        <div class="desc"><strong>[중간고사 대체 과제: 디지털 포트폴리오 패키지]</strong> 제출</div>
 +
                        <div class="label">내용</div>
 +
                        <div class="desc">프로젝트 개요, 데이터 수집/구조화, AI 콘텐츠, 활용방안, 개인성찰 포함</div>
 +
                        <div class="label">기한</div>
 +
                        <div class="desc"><span class="highlight" style="color: #c0392b; background-color: #fce4ec;">2026년 4월 24일(금) 23:59 </span></div>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<tr>
+
            <!-- Week 9 -->
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">1주</td>
+
            <div class="week-row">
−
<td style="padding: 10px; border: 1px solid #ddd;">관계의 발견: 위키(Wiki)와 그래프로 만나는 우리</td>
+
                <div class="col-date">
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">"우리는 어떻게 연결되어 있을까?"</td>
+
                    <span class="week-badge">9주차</span>
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">위키 계정 생성 및 MakeGraph 실습</td>
+
                    <div class="date-text">05.08</div>
−
</tr>
+
                    <div class="day-text">(금) 오전 </div>
−
<tr style="background-color: #f9f9f9;">
+
                </div>
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">2주</td>
+
                <div class="col-content">
−
<td style="padding: 10px; border: 1px solid #ddd;">로컬 탐험 1: 내 주변의 '데이터' 수집하기</td>
+
                    <div class="topic-title">전문가 초청 특강(노동절 연휴지정으로 1주 연기)</div>
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">"우리 동네에는 어떤 이야기가 숨어 있을까?"</td>
+
                    <div class="detail-grid">
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">WordCloud 만들기</td>
+
                        <div class="label">특강</div>
−
</tr>
+
                        <div class="desc">부산대 로컬인문학 플랫폼 사례, 광주인문스토리플랫폼 기획자 특강, 지역사회 기여 사례</div>
−
<tr>
+
                        <div class="label">활동</div>
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">3주</td>
+
                        <div class="desc">학생 프로젝트 적용 방안 탐색, 프로젝트 전문가 피드백 요청</div>
−
<td style="padding: 10px; border: 1px solid #ddd;">로컬 탐험 2: 지식의 구조화 (Ontology 맛보기)</td>
+
                    </div>
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">"흩어진 정보를 엮어서 '지식'으로 만들기"</td>
+
                </div>
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">엑셀 구조화 실습</td>
+
            </div>
−
</tr>
+
           
−
<tr style="background-color: #f9f9f9;">
+
        </div>
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">4주</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd;">데이터의 확장: 연결된 로컬, 확장된 세계</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">"데이터가 모이면 어떤 패턴이 보일까?"</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">Gephi/Neo4j 설치 및 실습</td>
 
−
</tr>
 
−
<tr>
 
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">5주</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd;">AI와의 협업 1: 데이터에서 스토리로 (Storytelling)</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">데이터 구슬로 이야기를 만들자</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">Neo4j 데이터 조회하기</td>
 
−
</tr>
 
−
<tr style="background-color: #f9f9f9;">
 
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">6주</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd;"> AI와의 협업 2: 멀티모달 콘텐츠 제작 (Visualizing)</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">"우리의 로컬 이야기가 눈앞에 펼쳐진다"</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">Neo4j 관계 따라가기</td>
 
−
</tr>
 
−
<tr>
 
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">7주</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd;">디지털 로컬 페스타: 공유와 회고</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">"우리가 만든 디지털 지도를 세상에 내놓다"</td>
 
−
<td style="padding: 10px; border: 1px solid #ddd; text-align: center;">-</td>
 
−
</tr>
 
−
</table>
 
−
</div>
 
  
−
<div style="margin-top: 40px; padding-top: 20px; border-top: 1px solid #eee;">
+
        <div class="milestone-banner">
−
<span style="font-weight: bold; color: #555; margin-right: 10px; vertical-align: middle;">🏷️ Tags:</span><span style="display: inline-block; border: 1px solid #cbd5e0; border-radius: 20px; padding: 4px 12px; margin-right: 5px; margin-bottom: 5px; background-color: white;">[[:분류:PNU|<span style="color: #475569; font-size: 0.9em;">PNU</span>]]</span><span style="display: inline-block; border: 1px solid #cbd5e0; border-radius: 20px; padding: 4px 12px; margin-right: 5px; margin-bottom: 5px; background-color: white;">[[:분류:2026|<span style="color: #475569; font-size: 0.9em;">2026</span>]]</span><span style="display: inline-block; border: 1px solid #cbd5e0; border-radius: 20px; padding: 4px 12px; margin-right: 5px; margin-bottom: 5px; background-color: white;">[[:분류:LocalDH|<span style="color: #475569; font-size: 0.9em;">LocalDH</span>]]</span><span style="display: inline-block; border: 1px solid #cbd5e0; border-radius: 20px; padding: 4px 12px; margin-right: 5px; margin-bottom: 5px; background-color: white;">[[:분류:Syllabus|<span style="color: #475569; font-size: 0.9em;">Syllabus</span>]]</span>
+
            <div class="milestone-icon">
−
</div>
+
                <i class="fas fa-flag-checkered"></i>
 +
            </div>
 +
            <div class="milestone-text">
 +
                <h3>중간고사 대체 과제 제출 (8주차)</h3>
 +
                <p>1주차~7주차 실습 결과를 바탕으로 한 <strong>[나만의 로컬 디지털 아카이브 포트폴리오]</strong>를 완성하여 제출합니다.<br>
 +
              <p><a href="https://dh.aks.ac.kr/~kimseoyun/wiki/index.php/Ideathon_Hub">2025 아이디어톤 예시</a> </p>
 +
                <small>* 제출 마감: 2026년 4월 24일(금) 23:59까지 </small></p>
 +
            </div>
 +
        </div>
 +
    </div>
 +
  
−
</div>
+
</body>
−
<!-- 하단 여백 및 목차 숨김 -->
+
</html>
−
<div style="height: 50px;"></div>
 
−
__NOTOC__
 
−
__NOEDITSECTION__
 

2026년 3월 13일 (금) 15:36 기준 최신판

로컬 디지털인문학의 이해 커리큘럼

로컬 디지털인문학의 이해

Understanding Local Digital Humanities

2026.03.06 ~ 05.08 (9주) 금요일 오전 10:00 ~ 13:00 부산대 인문관 205호 강의자료: https://wikidocs.net/book/19021
Phase 1 연결의 감각 깨우기 (이해와 기획)
1주차
03.06
(금) 오전
디지털 인문학의 첫걸음: 관계의 발견
이론
디지털 인문학 개념과 배경, 국내외 프로젝트 사례 탐색, 네트워크 그래프 기초 (Node/Edge)
실습
미디어위키 실습(계정/자기소개), MakeGraph '첫인상 네트워크' 생성
2주차
03.13
(금) 오전
로컬리티의 재발견: 우리 지역 데이터 수집
이론
지역 인문 자원 연구의 의미, 광주인문스토리 플랫폼 사례, 데이터 수집과 연구 윤리
실습
주제 선정 및 자료 수집, '지역 아카이브' 위키문서 작성
Phase 2 데이터의 뼈대 세우기 (수집과 구조화)
3주차
03.20
(금) 오전
지식의 구조화: 관계 속에서 의미 찾기
이론
선행 온톨로지(Ontology) 탐색, 유로피아나 프로젝트 사례
실습
데이터간 의미 맥락 정의, 시각화 도구 실습: StoryMap(Knight Lab)
4주차
03.27
(금) 오전
데이터의 확장: 지역과 지역을 연결하다
이론
시맨틱 데이터와 그래프 DB, GIS 개념과 인문학 활용 사례
실습
지도 위의 관계망, 시각화 도구 실습: Palladio
Phase 3 데이터에서 콘텐츠로 (분석과 창작)
5주차
04.03
(금) 오전
AI와의 협업 I: 데이터 기반 스토리텔링
이론
생성형 AI 원리와 활용, 프롬프트 엔지니어링, AI 윤리
실습
지식 그래프 스토리 소재 발굴, 생성형 AI 활용 스토리 초안 작성, 팀별 창작 워크숍
6주차
04.10
(금) 오전
AI와의 협업 II: 멀티모달 콘텐츠 제작
이론
멀티모달 콘텐츠 이해, 이미지 생성 AI 작동 원리, 지역 문화 홍보 활용 가능성
실습
AI 이미지 생성 및 선정, 최종 콘텐츠(카드뉴스/숏폼) 제작, 발표 준비
Phase 4 결과물 완성 및 공유 (확산과 성찰)
7주차
04.17
(금) 오전
프로젝트 발표: 공유와 성찰
이론
효과적인 발표 전략, 프로젝트의 사회적 확산 사례
활동
팀별 최종 프로젝트 발표 및 피드백, 성찰 활동(협업, AI 인식 변화 등)
8주차
04.24
(금) 마감
프로젝트 완성 및 과제 제출
과제
[중간고사 대체 과제: 디지털 포트폴리오 패키지] 제출
내용
프로젝트 개요, 데이터 수집/구조화, AI 콘텐츠, 활용방안, 개인성찰 포함
기한
2026년 4월 24일(금) 23:59
9주차
05.08
(금) 오전
전문가 초청 특강(노동절 연휴지정으로 1주 연기)
특강
부산대 로컬인문학 플랫폼 사례, 광주인문스토리플랫폼 기획자 특강, 지역사회 기여 사례
활동
학생 프로젝트 적용 방안 탐색, 프로젝트 전문가 피드백 요청

중간고사 대체 과제 제출 (8주차)

1주차~7주차 실습 결과를 바탕으로 한 [나만의 로컬 디지털 아카이브 포트폴리오]를 완성하여 제출합니다.

2025 아이디어톤 예시

* 제출 마감: 2026년 4월 24일(금) 23:59까지

원본 주소 "https://dh.aks.ac.kr/~kimseoyun/wiki/index.php?title=2026_LocalDH_Syllabus&oldid=390"