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

Confucian wiki
이동: 둘러보기, 검색
 
(같은 사용자의 중간 판 8개는 보이지 않습니다)
1번째 줄: 1번째 줄:
−
<div style="font-family: 'Noto Sans KR', sans-serif; max-width: 900px; margin: 0 auto; color: #333;">
 
  
−
     <div style="border-bottom: 3px solid #1d4e89; padding-bottom: 10px; margin-bottom: 30px;">
+
<html lang="ko">
−
         <h1 style="color: #1d4e89; margin: 0; font-size: 2.2em; border: none; border-bottom: none;">2026-1학기 로컬 디지털인문학 이해</h1>
+
<head>
−
        <p style="margin: 5px 0 0 0; color: #666; font-size: 1.1em;">Introduction to Digital Humanities</p>
+
    <meta charset="UTF-8">
−
    </div>
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <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 style="display: flex; flex-wrap: wrap; gap: 30px; margin-bottom: 40px;">
+
     <div class="container">
−
         <div style="flex: 1; min-width: 300px;">
+
         <header>
−
            <h3 style="color: #1d4e89; border-left: 4px solid #1d4e89; padding-left: 10px; margin-top: 0; border-bottom: none;">📌 수업 정보</h3>
+
            <h1>로컬 디지털인문학의 이해</h1>
−
            <ul style="list-style: none; padding: 0; line-height: 1.8;">
+
            <p>Understanding Local Digital Humanities</p>
−
                <li><strong>교과목번호:</strong> DH101</li>
+
            <div class="course-info">
−
                 <li><strong>수업 시간:</strong> 매주 금요일 09:00 - 11:30</li>
+
                <!-- 기간 수정: 9주 과정 -->
−
                 <li><strong>강의실:</strong> 인문관 000호 </li>
+
                <span class="info-badge"><i class="far fa-calendar-alt"></i> 2026.03.06 ~ 05.08 (9주)</span>
−
                 <li><strong>학점:</strong> 3학점</li>
+
                 <span class="info-badge"><i class="far fa-clock"></i> 금요일 오전 10:00 ~ 13:00</span>
−
             </ul>
+
                 <span class="info-badge"><i class="fas fa-university"></i> 부산대 인문관 205호</span>
−
         </div>
+
                 <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 style="flex: 1; min-width: 300px;">
+
             </div>
−
             <h3 style="color: #1d4e89; border-left: 4px solid #1d4e89; padding-left: 10px; margin-top: 0; border-bottom: none;">👩‍🏫 교수자 정보</h3>
+
         </header>
−
            <ul style="list-style: none; padding: 0; line-height: 1.8;">
+
   
−
                <li><strong>담당교수:</strong> 김서윤</li>
+
         <div class="curriculum-wrapper">
−
                 <li><strong>이메일:</strong> sy527991@pusan.ac.kr</li>
+
           
−
                <li><strong>연구실:</strong> 인문대교수연구동 북쪽동 105호</li>
+
             <!-- Phase 1 -->
−
                <li><strong>면담시간:</strong> 월~금요일 14:00 - 17:00 (사전예약)</li>
+
            <div class="phase-header">
−
             </ul>
+
                <span class="phase-badge" style="background-color: var(--phase-1);">Phase 1</span>
−
        </div>
+
                 <span class="phase-title">연결의 감각 깨우기 (이해와 기획)</span>
−
    </div>
+
             </div>
  
−
    <div style="margin-bottom: 40px;">
+
            <!-- Week 1 -->
−
        <h3 style="background-color: #f0f4f8; padding: 10px 15px; border-radius: 5px; color: #1d4e89; margin-top: 0; border: none;">📖 수업 개요</h3>
+
            <div class="week-row">
−
        <p style="line-height: 1.6; padding: 0 10px; text-align: justify;">
+
                <div class="col-date">
−
            본 교과목은 지역의 역사·문화 자원을 디지털 아카이브로 구축하고, 네트워크 분석과 AI 기술을 활용하여 새로운 문화 콘텐츠로 재창출하는 로컬 디지털인문학 입문 과정입니다. 학생들은 자신이 속한 지역의 인문 자원을 직접 조사·기록하고, 이를 데이터로 구조화하여 분석한 뒤, 데이터 기반의 창의적인 콘텐츠로 완성하는 전 과정을 경험합니다.<br><br>
+
                    <span class="week-badge">1주차</span>
−
            담당 주차는 1주차부터 9주차까지이며, 1-2주차는 ‘데이터 수집’ 기초단계, 3-4주차는 ‘데이터 구조화’ 심화단계, 5-6주차는 ‘AI 협업’ 응용단계, 7-9주차는 '완성 및 성찰' 단계에 해당합니다. 매 주차는 온라인 사전 학습 30분과 대면 수업 2시간 30분으로 구성됩니다. 온라인 학습에서는 디지털인문학의 개념, 이론, 사례를 영상으로 학습하고, 대면 수업에서는 미디어위키 생성형 AI 등을 활용한 실습과 팀별 협업 활동을 진행합니다.
+
                    <div class="date-text">03.06</div>
−
        </p>
+
                    <div class="day-text">(금) 오전</div>
−
    </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>
  
−
    <div style="margin-bottom: 40px;">
+
            <!-- Week 2 -->
−
        <h3 style="background-color: #f0f4f8; padding: 10px 15px; border-radius: 5px; color: #1d4e89; margin-top: 0; border: none;">📊 평가 기준</h3>
+
            <div class="week-row">
−
        <div style="display: flex; gap: 10px; flex-wrap: wrap; text-align: center; color: white;">
+
                <div class="col-date">
−
            <div style="flex: 1; background-color: #1d4e89; padding: 15px; border-radius: 8px;">출석<br><strong style="font-size: 1.5em;">10%</strong></div>
+
                    <span class="week-badge">2주차</span>
−
            <div style="flex: 1; background-color: #2b6cb0; padding: 15px; border-radius: 8px;">포트폴리오<br><strong style="font-size: 1.5em;">40%</strong></div>
+
                    <div class="date-text">03.13</div>
−
            <div style="flex: 1; background-color: #3182ce; padding: 15px; border-radius: 8px;">최종발표<br><strong style="font-size: 1.5em;">40%</strong></div>
+
                    <div class="day-text">(금) 오전</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>
+
                <div class="col-content">
−
    </div>
+
                    <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>
  
−
<div style="margin-bottom: 40px;">
+
            <!-- Phase 2 -->
−
<h3 style="background-color: #f0f4f8; padding: 10px 15px; border-radius: 5px; color: #1d4e89; margin-top: 0; border: none;">📅 주차별 일정</h3>
+
            <div class="phase-header">
−
<table style="width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 0.95em;">
+
                <span class="phase-badge" style="background-color: var(--phase-2);">Phase 2</span>
−
    <tr style="background-color: #1d4e89; color: white;">
+
                <span class="phase-title">데이터의 뼈대 세우기 (수집과 구조화)</span>
−
        <th style="padding: 12px; border: 1px solid #ddd; width: 6%;">주차</th>
+
            </div>
−
        <th style="padding: 12px; border: 1px solid #ddd; width: 30%;">주제</th>
 
−
        <th style="padding: 12px; border: 1px solid #ddd; width: 28%;">온라인 학습 (30분)</th>
 
−
        <th style="padding: 12px; border: 1px solid #ddd; width: 36%;">대면 수업 (150분)</th>
 
−
    </tr>
 
  
−
    <tr>
+
            <!-- Week 3 -->
−
        <td style="padding: 10px; border: 1px solid #ddd; text-align: center; font-weight: bold;">1주</td>
+
            <div class="week-row">
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                <div class="col-date">
−
            <strong style="display: block; text-align: left;">디지털 인문학의 첫걸음: 관계의 발견</strong>
+
                    <span class="week-badge">3주차</span>
−
        </td>  
+
                    <div class="date-text">03.20</div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                    <div class="day-text">(금) 오전</div>
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: circle;">
+
                </div>
−
                <li>디지털 인문학 개념과 배경</li>
+
                <div class="col-content">
−
                <li>국내외 프로젝트 사례 탐색</li>
+
                    <div class="topic-title">지식의 구조화: 관계 속에서 의미 찾기</div>
−
                <li>네트워크 분석 기초 (Node/Edge)</li>
+
                    <div class="detail-grid">
−
            </ul>
+
                        <div class="label">이론</div>
−
        </td>
+
                        <div class="desc">선행 온톨로지(Ontology) 탐색, 유로피아나 프로젝트 사례</div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                        <div class="label">실습</div>
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: square;">
+
                        <div class="desc">데이터간 의미 맥락 정의, 시각화 도구 실습: <span class="highlight">StoryMap(Knight Lab)</span> </div>
−
                <li>미디어위키 실습: 계정 및 자기소개</li>
+
                    </div>
−
                <li>데이터 구조화 연습</li>
+
                 </div>
−
                 <li>MakeGraph '첫인상 네트워크' 생성</li>
+
             </div>
−
             </ul>
 
−
        </td>
 
−
    </tr>
 
  
−
    <tr style="background-color: #f9f9f9;">
+
            <!-- Week 4 -->
−
        <td style="padding: 10px; border: 1px solid #ddd; text-align: center; font-weight: bold;">2주</td>
+
            <div class="week-row">
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                <div class="col-date">
−
            <strong style="display: block; text-align: left;">로컬리티의 재발견: 내 주변의 데이터 수집</strong>
+
                    <span class="week-badge">4주차</span>
−
        </td>
+
                    <div class="date-text">03.27</div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                    <div class="day-text">(금) 오전</div>
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: circle;">
+
                </div>
−
                <li>지역 인문 자원 연구의 의미</li>
+
                <div class="col-content">
−
                <li>비정형 데이터의 정형화</li>
+
                    <div class="topic-title">데이터의 확장: 지역과 지역을 연결하다</div>
−
                <li>데이터 수집과 연구 윤리</li>
+
                    <div class="detail-grid">
−
            </ul>
+
                        <div class="label">이론</div>
−
        </td>
+
                        <div class="desc">시맨틱 데이터와 그래프 DB, GIS 개념과 인문학 활용 사례</div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                        <div class="label">실습</div>
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: square;">
+
                        <div class="desc">지도 위의 관계망, 시각화 도구 실습: <span class="highlight">Palladio</span> </div>
−
                <li>지역별 소그룹 구성 및 주제 선정</li>
+
                    </div>
−
                <li>Google My Maps 데이터 수집 실습</li>
+
                 </div>
−
                 <li>위키 '지역 아카이브' 문서 작성</li>
+
             </div>
−
             </ul>
 
−
        </td>
 
−
    </tr>
 
  
−
    <tr>
+
            <!-- Phase 3 -->
−
        <td style="padding: 10px; border: 1px solid #ddd; text-align: center; font-weight: bold;">3주</td>
+
             <div class="phase-header">
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                <span class="phase-badge" style="background-color: var(--phase-3);">Phase 3</span>
−
             <strong style="display: block; text-align: left;">지식의 구조화: 관계 속에서 의미 찾기</strong>
+
                 <span class="phase-title">데이터에서 콘텐츠로 (분석과 창작)</span>
−
        </td>
+
             </div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
 
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: circle;">
 
−
                <li>온톨로지(Ontology) 개념 입문</li>
 
−
                 <li>시맨틱 데이터와 그래프 DB</li>
 
−
                <li>광주인문스토리 플랫폼 사례</li>
 
−
            </ul>
 
−
        </td>
 
−
        <td style="padding: 10px; border: 1px solid #ddd;">
 
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: square;">
 
−
                <li>로컬 데이터 관계(Relation) 정의</li>
 
−
                <li>Triple 구조(S-P-O) 실습</li>
 
−
                <li>MakeGraph 네트워크 시각화</li>
 
−
                <li>Gephi 설치 및 시연</li>
 
−
             </ul>
 
−
        </td>
 
−
    </tr>
 
  
−
    <tr style="background-color: #f9f9f9;">
+
            <!-- Week 5 -->
−
        <td style="padding: 10px; border: 1px solid #ddd; text-align: center; font-weight: bold;">4주</td>
+
            <div class="week-row">
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                <div class="col-date">
−
            <strong style="display: block; text-align: left;">데이터의 확장: 지역과 지역을 연결하다</strong>
+
                    <span class="week-badge">5주차</span>
−
        </td>
+
                    <div class="date-text">04.03</div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                    <div class="day-text">(금) 오전</div>
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: circle;">
+
                </div>
−
                <li>네트워크 분석 핵심 지표 이해</li>
+
                <div class="col-content">
−
                <li>GIS 개념과 인문학 활용 사례</li>
+
                    <div class="topic-title">AI와의 협업 I: 데이터 기반 스토리텔링</div>
−
            </ul>
+
                    <div class="detail-grid">
−
        </td>
+
                        <div class="label">이론</div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                        <div class="desc">생성형 AI 원리와 활용, 프롬프트 엔지니어링, AI 윤리</div>
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: square;">
+
                        <div class="label">실습</div>
−
                <li>HUSS 컨소시엄 통합 그래프 구축</li>
+
                        <div class="desc">지식 그래프 스토리 소재 발굴, <span class="highlight">생성형 AI</span> 활용 스토리 초안 작성, 팀별 창작 워크숍</div>
−
                <li>Gephi 통합 네트워크 분석 실습</li>
+
                    </div>
−
                 <li>Google My Maps 통합 지도 완성</li>
+
                 </div>
−
             </ul>
+
             </div>
−
        </td>
 
−
    </tr>
 
  
−
    <tr>
+
            <!-- Week 6 -->
−
        <td style="padding: 10px; border: 1px solid #ddd; text-align: center; font-weight: bold;">5주</td>
+
            <div class="week-row">
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                <div class="col-date">
−
            <strong style="display: block; text-align: left;">AI와의 협업 I: 데이터 기반 스토리텔링</strong>
+
                    <span class="week-badge">6주차</span>
−
        </td>
+
                    <div class="date-text">04.10</div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                    <div class="day-text">(금) 오전</div>
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: circle;">
+
                </div>
−
                <li>생성형 AI 원리와 활용</li>
+
                <div class="col-content">
−
                <li>프롬프트 엔지니어링</li>
+
                    <div class="topic-title">AI와의 협업 II: 멀티모달 콘텐츠 제작</div>
−
                <li>AI 윤리(편향성, 저작권 등)</li>
+
                    <div class="detail-grid">
−
            </ul>
+
                        <div class="label">이론</div>
−
        </td>
+
                        <div class="desc">멀티모달 콘텐츠 이해, 이미지 생성 AI 작동 원리, 지역 문화 홍보 활용 가능성</div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                        <div class="label">실습</div>
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: square;">
+
                        <div class="desc"><span class="highlight">AI 이미지 생성</span> 및 선정, 최종 콘텐츠(카드뉴스/숏폼) 제작, 발표 준비</div>
−
                <li>지식 그래프 스토리 소재 발굴</li>
+
                    </div>
−
                <li>생성형 AI 활용 스토리 초안 작성</li>
+
                </div>
−
                <li>팀별 창작 워크숍 및 토론</li>
+
            </div>
−
            </ul>
 
−
        </td>
 
−
    </tr>
 
  
−
    <tr style="background-color: #f9f9f9;">
+
            <!-- Phase 4 -->
−
        <td style="padding: 10px; border: 1px solid #ddd; text-align: center; font-weight: bold;">6주</td>
+
             <div class="phase-header">
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                <span class="phase-badge" style="background-color: var(--phase-4);">Phase 4</span>
−
             <strong style="display: block; text-align: left;">AI와의 협업 II: 멀티모달 콘텐츠 제작</strong>
+
                 <span class="phase-title">결과물 완성 및 공유 (확산과 성찰)</span>
−
        </td>
+
             </div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
 
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: circle;">
 
−
                <li>멀티모달 콘텐츠 이해</li>
 
−
                <li>이미지 생성 AI 작동 원리</li>
 
−
                 <li>지역 문화 홍보 활용 가능성</li>
 
−
            </ul>
 
−
        </td>
 
−
        <td style="padding: 10px; border: 1px solid #ddd;">
 
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: square;">
 
−
                <li>AI 이미지 생성 및 선정</li>
 
−
                <li>최종 콘텐츠(카드뉴스/숏폼 등) 제작</li>
 
−
                <li>발표 준비(의도 및 활용 방안)</li>
 
−
             </ul>
 
−
        </td>
 
−
    </tr>
 
  
−
    <tr>
+
            <!-- Week 7 -->
−
        <td style="padding: 10px; border: 1px solid #ddd; text-align: center; font-weight: bold;">7주</td>
+
            <div class="week-row">
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                <div class="col-date">
−
            <strong style="display: block; text-align: left;">프로젝트 발표: 공유와 성찰</strong>
+
                    <span class="week-badge">7주차</span>
−
        </td>
+
                    <div class="date-text">04.17</div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                    <div class="day-text">(금) 오전</div>
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: circle;">
+
                </div>
−
                <li>효과적인 발표 전략</li>
+
                <div class="col-content">
−
                <li>프로젝트의 사회적 확산 사례</li>
+
                    <div class="topic-title">프로젝트 발표: 공유와 성찰</div>
−
            </ul>
+
                    <div class="detail-grid">
−
        </td>
+
                        <div class="label">이론</div>
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                        <div class="desc">효과적인 발표 전략, 프로젝트의 사회적 확산 사례</div>
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: square;">
+
                        <div class="label">활동</div>
−
                <li>팀별 최종 프로젝트 발표 및 피드백</li>
+
                        <div class="desc">팀별 최종 프로젝트 발표 및 피드백, 성찰 활동(협업, AI 인식 변화 등)</div>
−
                <li>성찰 활동(협업, AI 인식 변화 등)</li>
+
                    </div>
−
            </ul>
+
                </div>
−
        </td>
+
            </div>
−
    </tr>
 
  
−
    <tr style="background-color: #f9f9f9;">
 
−
        <td style="padding: 10px; border: 1px solid #ddd; text-align: center; font-weight: bold;">8주</td>
 
−
        <td style="padding: 10px; border: 1px solid #ddd;">
 
−
            <strong style="display: block; text-align: left;">전문가 초청 특강: 로컬인문학 플랫폼</strong>
 
−
        </td>
 
−
        <td style="padding: 10px; border: 1px solid #ddd;">
 
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: circle;">
 
−
                <li>부산대 로컬인문학 플랫폼 사례</li>
 
−
                <li>학생 프로젝트 적용 방안 탐색</li>
 
−
            </ul>
 
−
        </td>
 
−
        <td style="padding: 10px; border: 1px solid #ddd;">
 
−
            <ul style="padding-left: 20px; margin: 0; list-style-type: square;">
 
−
                <li>광주인문스토리플랫폼 기획자 특강</li>
 
−
                <li>지역사회 기여 사례 공유</li>
 
−
                <li>프로젝트 피드백 요청</li>
 
−
            </ul>
 
−
        </td>
 
−
    </tr>
 
  
−
    <tr>
+
            <!-- Week 8 (New) -->
−
        <td style="padding: 10px; border: 1px solid #ddd; text-align: center; font-weight: bold;">9주</td>
+
            <div class="week-row" style="border-color: var(--accent-color); background-color: #fffaf0;">
−
        <td style="padding: 10px; border: 1px solid #ddd;">
+
                <div class="col-date">
−
            <strong style="display: block; text-align: left;">프로젝트 완성 및 과제 제출</strong>
+
                    <span class="week-badge" style="background-color: var(--accent-color); color: #fff;">8주차</span>
−
        </td>
+
                    <div class="date-text" style="color: var(--accent-color);">04.24</div>
−
        <td colspan="2" style="padding: 10px; border: 1px solid #ddd;">
+
                    <div class="day-text">(금) 마감</div>
−
            <strong>[중간고사 대체 과제: 디지털 포트폴리오 패키지] </strong><br>
+
                </div>
−
            <ul style="padding-left: 20px; margin-top: 5px;">
+
                <div class="col-content">
−
                <li>프로젝트 개요, 데이터 수집/구조화, AI 콘텐츠, 활용방안, 개인성찰 포함</li>
+
                    <div class="topic-title" style="color: #d35400;">프로젝트 완성 및 과제 제출</div>
−
                <li>제출 마감: 2026년 5월 1일(금) 23:59 (LMS 업로드)</li>
+
                    <div class="detail-grid">
−
            </ul>
+
                        <div class="label">과제</div>
−
        </td>
+
                        <div class="desc"><strong>[중간고사 대체 과제: 디지털 포트폴리오 패키지]</strong> 제출</div>
−
    </tr>
+
                        <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>
  
−
</table>
+
            <!-- Week 9 -->
−
</div>
+
            <div class="week-row">
 +
                <div class="col-date">
 +
                    <span class="week-badge">9주차</span>
 +
                    <div class="date-text">05.08</div>
 +
                    <div class="day-text">(금) 오전 </div>
 +
                </div>
 +
                <div class="col-content">
 +
                    <div class="topic-title">전문가 초청 특강(노동절 연휴지정으로 1주 연기)</div>
 +
                    <div class="detail-grid">
 +
                        <div class="label">특강</div>
 +
                        <div class="desc">부산대 로컬인문학 플랫폼 사례, 광주인문스토리플랫폼 기획자 특강, 지역사회 기여 사례</div>
 +
                        <div class="label">활동</div>
 +
                        <div class="desc">학생 프로젝트 적용 방안 탐색, 프로젝트 전문가 피드백 요청</div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
           
 +
        </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>
−
<div style="height: 50px;"></div>
+
</html>
−
__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"