"소개"의 두 판 사이의 차이

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
 
1번째 줄: 1번째 줄:
 
+
__NOTOC__
<!DOCTYPE html>
+
<html>
<html class="client-nojs" lang="ko" dir="ltr">
 
<head>
 
<meta charset="UTF-8"/>
 
<title>소개 - 광주문화예술인문스토리플랫폼</title>
 
<script>document.documentElement.className = document.documentElement.className.replace( /(^|\s)client-nojs(\s|$)/, "$1client-js$2" );</script>
 
 
 
<link rel="stylesheet" href="/wiki/load.php?debug=false&lang=ko&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.sectionAnchor%7Cmediawiki.ui.button%7Cskins.etbskin.awesome.styles%7Cskins.etbskin.bootstrap.styles%7Cskins.etbskin.bootstraptheme.styles%7Cskins.etbskin.corrections.styles%7Cskins.etbskin.externallinks.styles%7Cskins.etbskin.styles%7Cskins.etbskin.zbase.styles&only=styles&skin=etbskin"/>
 
<link rel="stylesheet" href="../components/intro2025.less">
 
<script async="" src="/wiki/load.php?debug=false&amp;lang=ko&amp;modules=startup&amp;only=scripts&amp;skin=etbskin"></script>
 
<meta name="viewport" content="width=device-width, initial-scale=1"/>
 
</head>
 
<body class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-한국광기술원테스트 rootpage-한국광기술원테스트 skin-etbskin action-view">   
 
<script>
 
document.addEventListener('DOMContentLoaded', function() {
 
    const navItems = document.querySelectorAll('.gnb-list .one-depth');
 
    const gnbArea = document.querySelector('.gnb-area');
 
    const twoDepthBoxes = document.querySelectorAll('.two-depth-bx');
 
 
 
    function activateGnbArea() {
 
        gnbArea.classList.add('active');
 
    }
 
 
 
    function deactivateGnbArea() {
 
        gnbArea.classList.remove('active');
 
    }
 
 
 
    navItems.forEach(item => {
 
        const link = item.querySelector('a');
 
       
 
        link.addEventListener('mouseenter', activateGnbArea);
 
        link.addEventListener('mouseleave', deactivateGnbArea);
 
       
 
        link.addEventListener('focus', activateGnbArea);
 
        link.addEventListener('blur', deactivateGnbArea);
 
    });
 
 
 
    twoDepthBoxes.forEach(box => {
 
 
 
        box.addEventListener('mouseenter', activateGnbArea);
 
        box.addEventListener('mouseleave', deactivateGnbArea);
 
       
 
        box.addEventListener('focusin', activateGnbArea);
 
        box.addEventListener('focusout', function(e) {
 
            if (!box.contains(e.relatedTarget)) {
 
                deactivateGnbArea();
 
            }
 
        });
 
    });
 
 
 
    // Handle when mouse leaves the entire gnb-area
 
    gnbArea.addEventListener('mouseleave', deactivateGnbArea);
 
});
 
</script>
 
<div class="header-inner">
 
    <div class="header-content">
 
        <div class="gnb-wrap">
 
        <!-- add-etribe -->
 
        <div class="gnb-inner">
 
        <!-- // add-etribe -->
 
            <div class="gnb-logo">
 
                <h1>
 
                    <a href="" class="logo">광주문화예술인문<br> 스 토 리 플 랫 폼</a>
 
                </h1>
 
            </div>
 
            <div class="gnb-area">
 
                <span class="bg-bar" aria-hidden="true" style=""></span>
 
                <div class="gnb-list">
 
                    <ul>
 
                        <li class="one-depth"><a href="/wiki/index.php/소개">사업소개</a>
 
                            <div class="two-depth-bx"></div>
 
                        </li>
 
                        <li class="one-depth"><a href="#">히스토리</a>
 
                            <div class="two-depth-bx">
 
                                <ul class="two-depth-list">
 
                                    <li class="two-depth"><a href="/wiki/index.php/Ontology:EKC_광주"><span class="btn-txt">온톨로지</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/편찬항목:Class:목록"><span class="btn-txt">콘텐츠 편찬현황</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/참고문헌"><span class="btn-txt">참고문헌</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/참고자료"><span class="btn-txt">참고자료</span></a></li>
 
                                </ul>
 
                            </div>
 
                        </li>
 
                        <li class="one-depth"><a href="/wiki/index.php/시맨틱_데이터_네트워크">인문스토리 네트워크</a>
 
                            <div class="two-depth-bx"></div>
 
                        </li>
 
                        <li class="one-depth"><a href="#">인문스토리 컨텐츠</a>
 
                            <div class="two-depth-bx">
 
                                <ul class="two-depth-list">
 
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Actor"><span class="btn-txt">인물/단체 (Actor)</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Concept"><span class="btn-txt">개념/용어 (Concept)</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Event"><span class="btn-txt">사건 (Event)</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Food"><span class="btn-txt">음식 (Food)</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Object"><span class="btn-txt">사물 (Object)</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Place"><span class="btn-txt">장소 (Place)</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Architecture"><span class="btn-txt">건축물 (Architecture)</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/분류:Record"><span class="btn-txt">기록물 (Record)</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/분류:문맥항목"><span class="btn-txt">문맥항목</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/스토리_목록"><span class="btn-txt">스토리 목록</span></a></li>
 
                                </ul>
 
                            </div>
 
                        </li>
 
                        <li class="one-depth"><a href="#">인문 메타버스</a>
 
                            <div class="two-depth-bx">
 
                                <ul class="two-depth-list">
 
                                    <li class="two-depth"><a href="/wiki/index.php/Metaverse"><span class="btn-txt">메타버스</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/스토리_목록"><span class="btn-txt">스토리 컨텐츠</span></a></li>
 
                                </ul>
 
                            </div>
 
                        </li>
 
                        <li class="one-depth"><a href="#">인문 아카이브</a>
 
                            <div class="two-depth-bx">
 
                                <ul class="two-depth-list">
 
                                    <li class="two-depth"><a href="/wiki/index.php/3D_어셋_목록"><span class="btn-txt">3D 어셋</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/Video"><span class="btn-txt">Video</span></a></li>
 
                                    <li class="two-depth current"><a href="/wiki/index.php/사진_자료관"><span class="btn-txt">사진자료관</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/김홍인_사진관"><span class="btn-txt">김홍인 사진관</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/광주_자료관"><span class="btn-txt">광주 자료관</span></a></li>
 
                                    <li class="two-depth"><a target="_blank" href="https://daedong-mobile-web.vercel.app/landing"><span class="btn-txt">AR 체험</span></a></li>
 
                                </ul>
 
                            </div>
 
                        </li>
 
                        <li class="one-depth"><a href="#">인문스토리 교육</a>
 
                            <div class="two-depth-bx">
 
                                <ul class="two-depth-list">
 
                                    <li class="two-depth"><a href="/wiki/index.php/2023_교육자료(시민교육)"><span class="btn-txt">2023 시민교육</span></a></li>
 
                                    <li class="two-depth"><a href="/wiki/index.php/2023_교육자료(디지털작가)"><span class="btn-txt">작가교육</span></a></li>
 
                                </ul>
 
                            </div>
 
                        </li>
 
                    </ul>
 
                </div>
 
            </div>
 
            <div class="gnb-user">
 
                <button class="btn-search">
 
                    <i class="icon-search" aria-hidden="true"></i>
 
                    <span class="hide-txt">검색하기</span>
 
                </button>
 
                <div id="hbg-ico-wrap">
 
                    <input id="basic-02" type="checkbox" />
 
                    <label for="basic-02" class="basic-02">
 
                        <div class="menu center">
 
                            <div class="menu_part"></div>
 
                            <div class="menu_part"></div>
 
                        </div>
 
                    </label>
 
                </div>
 
                <!-- <button class="btn-all-menu">
 
                    <i class="icon-allmenu" aria-hidden="true"></i>
 
                    <span class="hide-txt">전체메뉴</span>
 
                </button> -->
 
            </div>
 
        <!-- add-etribe -->
 
        </div>
 
        <!-- //add-etribe -->
 
 
 
        </div>
 
    </div>
 
    <div class="allmenu">
 
       
 
 
 
    </div>
 
</div>
 
           
 
<!-- navbar -->
 
<div id="mw-navigation" class="navbar navbar-default navbar-fixed-top" role="navigation">
 
  <h2>둘러보기 메뉴</h2>
 
  <div id="mw-head" class="navbar-inner">
 
    <div class="container">
 
 
 
      <div class="navbar-header">
 
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
          <span class="sr-only">Toggle navigation</span>
 
          <span class="icon-bar"></span>
 
          <span class="icon-bar"></span>
 
          <span class="icon-bar"></span>
 
        </button>
 
 
 
        <a href="/wiki/index.php/%EB%8C%80%EB%AC%B8" class="navbar-brand">광주문화예술인문스토리플랫폼</a>
 
      </div>
 
 
 
      <div id="navbar" class="navbar-collapse collapse">
 
        <ul class="nav navbar-nav">
 
        </ul>             
 
        <ul class="nav navbar-nav navbar-right">
 
        </ul>
 
        <form class="navbar-form navbar-right" action="/wiki/index.php" id="searchform">
 
          <div class="form-group">
 
            <label for="wpSearch" class="hidden-xs">
 
              검색
 
            </label><input type="search" name="search" placeholder="검색" title="광주문화예술인문스토리플랫폼 검색 [f]" accesskey="f" id="wpSearch" class="search-query form-control"/><input type="submit" name="go" value="보기" title="이 이름의 문서가 존재하면 그 문서로 바로 가기" id="mw-searchButton" class="searchButton btn hidden"/>
 
          </div>
 
        </form>
 
      </div>
 
    </div>
 
  </div>
 
</div>
 
<!-- /navbar -->
 
 
 
<!-- content -->
 
<div id="contentwrapper" class="user-loggedout not-editable container with-navbar with-navbar-fixed">
 
 
 
 
 
<!-- __NOTOC__ -->
 
 
 
<!-- as-is 소스 백업 -->
 
<!-- <html>
 
<img src="https://work-note.net/g-img/about-4.png" style="width:100%">
 
<style>
 
 
 
.firstHeading,
 
.tweekiFirstHeading {
 
display: none;
 
 
 
}
 
 
 
#catlinks
 
{
 
display:none !important;
 
}
 
</style>
 
</html> -->
 
<!-- //as-is 소스 백업 -->
 
 
 
 
 
 
 
 
 
 
 
<!-- 에디터 컨텐츠 등록 영역 -->
 
 
<div class="etb-content-intro-wrap bg-black">
 
<div class="etb-content-intro-wrap bg-black">
 
     <div class="etb-content-intro">
 
     <div class="etb-content-intro">
336번째 줄: 109번째 줄:
 
     </div>
 
     </div>
 
</div>
 
</div>
<!-- // 에디터 컨텐츠 등록 영역 -->
+
<script>
 
+
  // 스크롤 시 헤더 스타일 변경
 
+
  window.addEventListener('scroll', function () {
<!-- <style>
+
    const headerInner = document.querySelector('.header-inner');
.skin-etbskin #contentwrapper{
+
    if (!headerInner) return;
width:100%;
 
max-width:none;
 
padding:0 !important;
 
}
 
#firstHeading{
 
display:none;
 
}
 
#footer.footer-sticky{
 
margin-top:0;
 
}
 
</style> -->
 
 
 
 
 
 
 
 
 
 
 
  
 +
    if (window.scrollY <= 10) {
 +
      headerInner.classList.add('type-white');
 +
    } else {
 +
      headerInner.classList.remove('type-white');
 +
    }
 +
  });
  
</div>
+
  // 페이지 로드 시 초기 상태 설정
<!-- /content -->
+
  document.addEventListener('DOMContentLoaded', function () {
 +
    const headerInner = document.querySelector('.header-inner');
 +
    if (!headerInner) return;
  
<!-- sidebar-right -->
+
    if (window.scrollY <= 10) {
<div class="sidebar-wrapper sidebar-right-wrapper">
+
      headerInner.classList.add('type-white');
<div class="sidebar-container container">
+
    } else {
<div class="row">
+
      headerInner.classList.remove('type-white');
<div id="sidebar-right" class="col-md-3 col-md-offset-9">
 
<div class="btn-group btn-block"><a href="/wiki/index.php?title=%ED%95%9C%EA%B5%AD%EA%B4%91%EA%B8%B0%EC%88%A0%EC%9B%90%ED%85%8C%EC%8A%A4%ED%8A%B8&amp;action=edit&amp;etbeditor=1" id="ca-etbeditor" name="ca-etbeditor-ext" class="btn btn-primary btn-block"><span class="glyphicon glyphicon-etb-editor"></span> 입력기</a></div><div class="btn-group btn-block"><a href="/wiki/index.php?title=%ED%95%9C%EA%B5%AD%EA%B4%91%EA%B8%B0%EC%88%A0%EC%9B%90%ED%85%8C%EC%8A%A4%ED%8A%B8&amp;action=edit" id="ca-edit" class="btn btn-primary btn-block" title="이 문서 편집하기 [e]" accesskey="e"><span class="glyphicon glyphicon-pencil"></span> Edit </a></div>
 
<div id="tweekiTOC"></div>               
 
</div>
 
</div>
 
</div>
 
</div>
 
<!-- /sidebar-right -->
 
 
 
<!-- footer -->
 
<div id="footer" role="contentinfo" class="footer container footer-sticky">
 
<ul id="footer-places"><li id="footer-places-privacy"><a href="/wiki/index.php/Gwangju:%EA%B0%9C%EC%9D%B8%EC%A0%95%EB%B3%B4_%EC%A0%95%EC%B1%85" title="Gwangju:개인정보 정책">개인정보 정책</a></li><li id="footer-places-about"><a href="/wiki/index.php/Gwangju:%EC%86%8C%EA%B0%9C" title="Gwangju:소개">광주문화예술인문스토리플랫폼 소개</a></li><li id="footer-places-disclaimer"><a href="/wiki/index.php/Gwangju:%EB%A9%B4%EC%B1%85_%EC%A1%B0%ED%95%AD" title="Gwangju:면책 조항">면책 조항</a></li></ul><ul id="footer-custom"><li class="dropup"><a href="/wiki/index.php?title=%ED%8A%B9%EC%88%98:%EB%A1%9C%EA%B7%B8%EC%9D%B8&amp;returnto=%ED%95%9C%EA%B5%AD%EA%B4%91%EA%B8%B0%EC%88%A0%EC%9B%90%ED%85%8C%EC%8A%A4%ED%8A%B8" title="꼭 로그인해야 하는 것은 아니지만, 로그인을 권장합니다. [o]" accesskey="o">Login / Create Account</a></li></ul><ul id="footer-icons"><li id="footer-copyrightico"><span><a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">크리에이티브 커먼즈 저작자표시-동일조건변경허락</a></span></li><li id="footer-poweredbyico"><span><a href="//www.mediawiki.org/" target="_blank">Powered by MediaWiki</a></span></li></ul><div style="clear:both"></div><div class="footer-inner"><div class="footer-logo">광주문화예술인문<br>스 토 리 플 랫 폼</div><div class="footer-login"><a href="/wiki/index.php/특수:로그인">LOGIN &amp; CREATE ACCOUNT</a></div><div class="footer-info"><ul><li><a href=""><strong>개인정보 정책</strong></a></li><li><a href="">면책조항</a></li></ul><ul><li><span>© 2025, CC BY-SA 4.0</span></li><li><a href="">Powered by MediaWiki</a></li></ul></div></div>          </div>
 
<!-- /footer -->
 
<script>(window.RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgPageParseReport":{"limitreport":{"cputime":"0.046","walltime":"0.317","ppvisitednodes":{"value":507,"limit":1000000},"ppgeneratednodes":{"value":4048,"limit":1000000},"postexpandincludesize":{"value":5754,"limit":2097152},"templateargumentsize":{"value":2152,"limit":2097152},"expansiondepth":{"value":5,"limit":40},"expensivefunctioncount":{"value":0,"limit":100},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":4398,"limit":5000000},"timingprofile":["100.00%  253.709      1 -total"," 10.30%  26.133      1 틀:기본정보테이블","  9.02%  22.873      1 틀:동영상스와이퍼","  8.50%  21.564      1 틀:이미지스와이퍼","  8.49%  21.539      1 틀:관련항목태그","  7.87%  19.958      1 틀:구글지도","  2.92%    7.420      1 틀:SemeanticGraph"]},"cachereport":{"timestamp":"20250612051339","ttl":86400,"transientcontent":false}}});});</script><script>(window.RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgBackendResponseTime":1114});});</script>      <!-- add-etrbie -->
 
<script>
 
// TOC를 sidebar-wrapper 다음으로 이동시키는 스크립트
 
(function() {
 
    // TOC가 완전히 생성된 후 이동하기 위해 MutationObserver 사용
 
    function checkAndMoveTOC() {
 
        var tocElement = document.getElementById('tweekiTOC');
 
        if (!tocElement) return;
 
       
 
        // TOC가 완전히 생성되었는지 확인 (.toctitle 요소가 있는지)
 
        if (tocElement.querySelector('.toctitle')) {
 
            // 이미 이동되었는지 확인
 
            var sidebarWrappers = document.querySelectorAll('.sidebar-wrapper');
 
            if (sidebarWrappers.length === 0) return;
 
           
 
            var lastSidebarWrapper = sidebarWrappers[sidebarWrappers.length - 1];
 
            var parentElement = tocElement.parentNode;
 
           
 
            // sidebar-right 내부에 있는지 확인
 
            if (parentElement && parentElement.id === 'sidebar-right') {
 
                // tweekiTOC를 sidebar-wrapper 다음에 삽입
 
                if (lastSidebarWrapper.nextSibling) {
 
                    lastSidebarWrapper.parentNode.insertBefore(tocElement, lastSidebarWrapper.nextSibling);
 
                } else {
 
                    lastSidebarWrapper.parentNode.appendChild(tocElement);
 
                }
 
                console.log('TOC moved outside sidebar');
 
            }
 
        }
 
 
     }
 
     }
   
+
  });
    // 초기 실행
 
    setTimeout(function() {
 
        checkAndMoveTOC();
 
       
 
        // MutationObserver를 사용하여 DOM 변화 감지
 
        var observer = new MutationObserver(function(mutations) {
 
            checkAndMoveTOC();
 
        });
 
       
 
        // body 전체를 감시
 
        observer.observe(document.body, {
 
            childList: true,
 
            subtree: true
 
        });
 
       
 
        // 10초 후 추가 확인 (모든 스크립트가 실행된 후)
 
        setTimeout(checkAndMoveTOC, 10000);
 
    }, 500);
 
})();
 
 
</script>
 
</script>
<!-- // add-etrbie -->
 
</body>
 
 
</html>
 
</html>

2025년 12월 22일 (월) 17:50 기준 최신판

ABOUT 광주 문화예술 인문스토리 플랫폼이란?

디지털 데이터 아카이브
광주광역시에 산재한 문화예술자료와 근현대문화유적(1940년 이후, 역사의 격변기를 살아온 광주 시민들의 생활과 문화의 흔적을 담고 있는 문화재와 미래유산)을 발굴 및 기록
시맨틱(의미 기반) 데이터베이스
정보 객체의 개별적인 속성 정보뿐 아니라 객체와객체 사이의 관계 정보를 데이터로 기록함으로써 대상 정보의 의미적 맥락을 파악
디지털 어셋 공유 플랫폼
글과 데이터로 표현되는 정보뿐 아니라 다양한 2D, 3D 어셋을 제공하고, 이를 자유롭게 활용토록 함으로써 새로운 디지털 콘텐츠의 창작을 촉진
디지털 스토리텔링 플랫폼
가치와 의미를 지닌 데이터 세계에서 자신의 흥밋거리를 발견하고 호기심을 유발하여 자유롭게 자신의 이야기를 만들어가도록 하여, 주체적으로 지식 체계를 설계하는 미래세대(디지털 원어민)와 소통

BUSINESS 광주 문화예술 인문스토리 플랫폼 구축 사업

문화예술인문 자원 발굴 및 데이터화
광주 문화예술 인문스토리 자원 발굴 및 기초 자료 조사 및 연구, 자문 위원 구성
디지털 백과사전식 아카이브를 위한 광주 스토리 자원 기초 현황조사, 자료 수집, 목록화 및 분류
핵심 항목의 배경과 맥락을 설명하는 데 필요한 관련 문맥 항목(인물, 장소/건물, 사건/행사, 물품/음식/복식, 작품, 문헌/음반/영상, 개념/용어, 참고문헌, 웹 자원) 등 조사
기초 조사자료 검수(관련 자료 대조, 신뢰도 검사 등) 및 분류
백과사전식으로 기술된 데이터를 데이터 상호 간의 관계성을 파악하여 데이터 네트워크 형태로 시각화한 시맨틱 데이터 아카이브 구축
데이터 기반 스토리텔링 콘텐츠화
일반 시민의 자료 접근성 및 활용도 확보를 위한 조사 및 수집 자료의 스토리텔링 정보화
이를 토대로 개별 대상 문화자원들의 역사적 •문화적 맥락과 이야기를 시각적으로 표현될 수 있도록 데이터 큐레이션에 의한 지역학 교육용 스토리, 해외 한국학 교육용 스토리 콘텐츠 제작
멀티미디어 개발및 플랫폼 운영
광주 문화예술 인문스토리 데이터 아카이브에 축적할 다양한 디지털 어셋(2D 멀티미디어, 3D 지도, 3D 모델 등) 및 3D 메타버스 씬 개발
사용자들이 메타버스 플랫폼 안에서 제공되는 디지털 어셋을 활용해 자기 주도적으로 다양한 3D 공간을 제작할 수 있는 환경 구현

2022 문화예술 인문스토리 플랫폼 개발

사업기간
2022. 06 ~ 2022. 12
공동수행사
한국학중앙연구원 디지털인문학연구소, (주)스마트큐브
문화체육관광부
광주광역시
대동문화재단

2023 문화예술 인문스토리 플랫폼 개발

사업기간
2023. 09 ~ 2024. 04
공동수행사
한국학중앙연구원 디지털인문학연구소, 아트앤데이터
문화체육관광부
광주광역시
대동문화재단