"CurriculumDesign(NMJ)"의 두 판 사이의 차이
CNUDH
NMJ LECCHINA CNU (토론 | 기여) (→워드 클라우드 예시) |
NMJ LECCHINA CNU (토론 | 기여) |
||
| 80번째 줄: | 80번째 줄: | ||
[[파일:명심보감 워드 클라우드1.jpg|500픽셀]] | [[파일:명심보감 워드 클라우드1.jpg|500픽셀]] | ||
| + | =='''<span style="color:#3CB371">데이터 네트워크 에시</span>'''== | ||
| + | <div style="float:center; background:#3CB371; width:100%; height:10px; text-align:right; padding:2px 2px 2px;"></div><br/> | ||
| + | <font face="나눔바른고딕 UltraLight"> | ||
| + | <div align="right">{{button|[[MassMedia&ChineseCulture(2024)#목차|상단으로 이동]]}}</div> | ||
| + | <br/> | ||
| + | <!DOCTYPE html> | ||
| + | <html> | ||
| + | <head> | ||
| + | <title>효를 중심으로 한 네트워크 그래프</title> | ||
| + | <script type="text/javascript" src="https://unpkg.com/vis-network/standalone/umd/vis-network.min.js"></script> | ||
| + | <style type="text/css"> | ||
| + | #mynetwork { | ||
| + | width: 800px; | ||
| + | height: 600px; | ||
| + | border: 1px solid lightgray; | ||
| + | } | ||
| + | </style> | ||
| + | </head> | ||
| + | <body> | ||
| + | <h2>효를 중심으로 한 네트워크 그래프</h2> | ||
| + | <div id="mynetwork"></div> | ||
| + | |||
| + | <script type="text/javascript"> | ||
| + | // 네트워크 데이터 정의 | ||
| + | var nodes = new vis.DataSet([ | ||
| + | { id: 1, label: '孝 (효)' }, | ||
| + | { id: 2, label: '親 (친)' }, | ||
| + | { id: 3, label: '敬 (경)' }, | ||
| + | { id: 4, label: '養 (양)' }, | ||
| + | { id: 5, label: '悌 (제)' } | ||
| + | ]); | ||
| + | |||
| + | var edges = new vis.DataSet([ | ||
| + | { from: 1, to: 2 }, | ||
| + | { from: 1, to: 3 }, | ||
| + | { from: 1, to: 4 }, | ||
| + | { from: 1, to: 5 } | ||
| + | ]); | ||
| + | |||
| + | var container = document.getElementById('mynetwork'); | ||
| + | var data = { | ||
| + | nodes: nodes, | ||
| + | edges: edges | ||
| + | }; | ||
| + | var options = { | ||
| + | nodes: { | ||
| + | shape: 'dot', | ||
| + | size: 16, | ||
| + | font: { | ||
| + | size: 16 | ||
| + | }, | ||
| + | borderWidth: 2 | ||
| + | }, | ||
| + | edges: { | ||
| + | width: 2 | ||
| + | }, | ||
| + | physics: { | ||
| + | stabilization: true | ||
| + | } | ||
| + | }; | ||
| + | var network = new vis.Network(container, data, options); | ||
| + | </script> | ||
| + | </body> | ||
| + | </html> | ||
</font> | </font> | ||
2024년 7월 4일 (목) 08:01 판
목차
Contents
기본정보
● 개설기관 : 전남대학교
● 강좌명 : 한문의 이해 -위키미티어를 활용한 능동적 고전 읽기-
● 강사 : 노민정
강의목표
1. 한문 고전인 명심보감의 이해 및 분석 능력 향상
2. 위키미디어를 활용한 정보 공유 및 협업 능력 배양
3. 고전 문헌에 대한 비판적 사고와 해석 능력 증진
4. 명심보감의 내용 이해 및 현대적 적용 방법 탐색
강의방법
1. 이론 강의
- 수업 목표와 계획 설명
- 명심보감 개요 소개
- 한문법 기초 강의
- 명심보감의 주요 구절 번역 연습
- 주석 작성 방법 강의 및 실습
2. 시연과 실습
- 위키미디어 전자문서 작성 방법 시연
- 명심보감 번역 및 주석 작성
- 내용 재해석 작업(워드클라우드 분석,데이터 네트워크)
- 현대적 적용 방안 작성
3. 발표와 토론
- 위키미디어 프로젝트 결과 발표
- 피드백을 반영한 최종 문서 수정 및 제출
워드 클라우드 예시
데이터 네트워크 에시
<!DOCTYPE html>
효를 중심으로 한 네트워크 그래프
학생평가
1. 중간고사는 필기시험으로 진행되며, 시험문항은 선다형·단답형·서술형 등으로 다양하게 구성합니다.
2.'기말 보고서는 명심보감의 각 권에서 선별된 한문 문장을 개인별로 선정하여, 능동적인 고전 읽기 보고서를 위키미디어 기반의 전자문서로 작성하여 제출합니다.'
3. 기발발표는 위키미디어에 작성한 기말보고서를 발표합니다.
4. 출석: 10점 만점, 결석 1회에 1점 감점, 지각 1회에 0.5점 감점.(1/4선 이상 결석은 F)
주차계획
| 주차 | 날짜 | 강의 내용 | 강의 형식 |
|---|---|---|---|
| 01주차 | 0904 | 오리엔테이션 | 강의소개 |
| 02주차 | 0911 | 한문법 기초강의 | 이론 |
| 03주차 | 0918 | 한문법 기초강의 | 이론 |
| 04주차 | 0925 | 한문법 기초강의 | 이론 |
| 05주차 | 1002 | 한문법 기초강의 | 이론 |
| 06주차 | 1009 | 위키미디어 전자문서 작성 실습 | 시연 및 실습 |
| 07주차 | 1016 | Triple(S-P-O) Data와 Network Graph 디자인(기초) | 시연 및 실습 |
| 08주차 | 1023 | (중간고사 실시) | 시험 및 평가 |
| 09주차 | 1023 | 위키미디어에 명심보감 읽기 프로젝트 작성 1 | 발표 및 토론 |
| 10주차 | 1030 | 위키미디어에 명심보감 읽기 프로젝트 작성 2 | 이론 및 실습 |
| 11주차 | 1106 | 위키미디어에 명심보감 읽기 프로젝트 작성 3 | 실습 및 토론 |
| 12주차 | 1113 | 위키미디어에 명심보감 읽기 프로젝트 작성 4 | 실습 및 토론 |
| 13주차 | 1120 | 위키미디어에 명심보감 읽기 프로젝트 작성 5 | 실습 및 토론 |
| 14주차 | 1127 | 최종 결과물 발표 1 | 시험 및 평가 |
| 15주차 | 1211 | 최종 결과물 발표 2 | 시험 및 평가 |
How to use Mediawiki
○ 위키 콘텐츠의 체계 구상
○ 위키 문서 제작 방법
○ 위키백과 - 위키문법
○ 위키백과 - 위키문법 요약
○ 한국학중앙연구원 박사과정 김지선의 위키문법
○ 2019 DH워크숍 제공 위키문법 자료
○ 2016 디지털 인문학 교육 워크샵 - 03 wiki 콘텐츠 편찬 방법(동영상 강의)
○ 데이터의 시각화: 네트워크 그래프
○ 나의 네트워크 그래프 제작 방법
○ 위키에서 네트워크 그래프 그리기(DH위키)
○ 워드클라우드 생성기
○ 워드클라우드 생성기(한국)