"Ideathon Hub"의 두 판 사이의 차이
| (같은 사용자의 중간 판 4개는 보이지 않습니다) | |||
| 16번째 줄: | 16번째 줄: | ||
<h2 style="color: #1d4e89; margin: 0 0 30px 0; border-bottom: none;">📌 바로가기 메뉴</h2> | <h2 style="color: #1d4e89; margin: 0 0 30px 0; border-bottom: none;">📌 바로가기 메뉴</h2> | ||
| − | <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: | + | <!-- grid-template-columns: repeat(3, 1fr)로 3열 강제, gap으로 간격 조정 --> |
| + | <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;"> | ||
<!-- 카드 1: 강의개요 --> | <!-- 카드 1: 강의개요 --> | ||
| − | + | <div style="flex: 1; min-width: 220px; max-width: 320px;"> | |
| − | + | [[2025 ideathon Sallybus|<span style="display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 220px; background-color: #fff; border: 1px solid #cbd5e0; border-radius: 12px; padding: 25px 15px; text-align: center; cursor: pointer; transition: 0.2s; box-shadow: 0 4px 6px rgba(0,0,0,0.05);"> | |
| − | + | <span style="font-size: 3em; margin-bottom: 10px;">📘</span> | |
| − | + | <span style="display: block;"> | |
| − | + | <span style="display: block; font-size: 1.2em; font-weight: bold; color: #2d3748; margin-bottom: 5px;">강의개요</span> | |
| − | + | <span style="display: block; font-size: 0.9em; color: #718096;">수업 일정 및 운영 계획</span> | |
| − | + | </span> | |
| − | + | <span style="display: inline-block; padding: 8px 20px; background-color: #1d4e89; color: white; border-radius: 20px; font-size: 0.9em; font-weight: bold; margin-top: 15px;">바로가기</span> | |
| − | + | </span>]] | |
| − | + | </div> | |
| − | |||
<!-- 카드 2: 결과물 아카이브 --> | <!-- 카드 2: 결과물 아카이브 --> | ||
| − | + | <div style="flex: 1; min-width: 220px; max-width: 320px;"> | |
| − | + | [[2025 ideathon Project|<span style="display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 220px; background-color: #fff; border: 1px solid #cbd5e0; border-radius: 12px; padding: 25px 15px; text-align: center; cursor: pointer; transition: 0.2s; box-shadow: 0 4px 6px rgba(0,0,0,0.05);"> | |
| − | + | <span style="font-size: 3em; margin-bottom: 10px;">🏆</span> | |
| − | + | <span style="display: block;"> | |
| − | + | <span style="display: block; font-size: 1.2em; font-weight: bold; color: #2d3748; margin-bottom: 5px;">결과물 아카이브</span> | |
| − | + | <span style="display: block; font-size: 0.9em; color: #718096;">팀별 최종 결과물 (PDF/이미지)</span> | |
| − | + | </span> | |
| − | + | <span style="display: inline-block; padding: 8px 20px; background-color: #1d4e89; color: white; border-radius: 20px; font-size: 0.9em; font-weight: bold; margin-top: 15px;">바로가기</span> | |
| − | + | </span>]] | |
| − | + | </div> | |
| − | |||
<!-- 카드 3: 현장 스케치 --> | <!-- 카드 3: 현장 스케치 --> | ||
| − | + | <div style="flex: 1; min-width: 220px; max-width: 320px;"> | |
| − | + | [[2025 ideathon Sketch|<span style="display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 220px; background-color: #fff; border: 1px solid #cbd5e0; border-radius: 12px; padding: 25px 15px; text-align: center; cursor: pointer; transition: 0.2s; box-shadow: 0 4px 6px rgba(0,0,0,0.05);"> | |
| − | + | <span style="font-size: 3em; margin-bottom: 10px;">📸</span> | |
| − | + | <span style="display: block;"> | |
| − | + | <span style="display: block; font-size: 1.2em; font-weight: bold; color: #2d3748; margin-bottom: 5px;">현장 스케치</span> | |
| − | + | <span style="display: block; font-size: 0.9em; color: #718096;">활동 사진 및 영상</span> | |
| − | + | </span> | |
| − | + | <span style="display: inline-block; padding: 8px 20px; background-color: #1d4e89; color: white; border-radius: 20px; font-size: 0.9em; font-weight: bold; margin-top: 15px;">바로가기</span> | |
| − | + | </span>]] | |
| − | + | </div> | |
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| 84번째 줄: | 81번째 줄: | ||
<div style="padding: 15px;"> | <div style="padding: 15px;"> | ||
<ul style="list-style: none; padding: 0; margin: 0; line-height: 1.8; color: #4a5568;"> | <ul style="list-style: none; padding: 0; margin: 0; line-height: 1.8; color: #4a5568;"> | ||
| − | <li>• | + | <li>• 김*진 (미디어커뮤니케이션학과)</li> |
| − | <li>• | + | <li>• 최*희 (수학과)</li> |
| − | <li>• | + | <li>• 김*랑 (경영학과)</li> |
| − | <li>• | + | <li>• 심*철 (산업공학과)</li> |
| − | <li>• | + | <li>• 강*경 (디자인앤테크놀로지전공)</li> |
</ul> | </ul> | ||
</div> | </div> | ||
| 101번째 줄: | 98번째 줄: | ||
<div style="padding: 15px;"> | <div style="padding: 15px;"> | ||
<ul style="list-style: none; padding: 0; margin: 0; line-height: 1.8; color: #4a5568;"> | <ul style="list-style: none; padding: 0; margin: 0; line-height: 1.8; color: #4a5568;"> | ||
| − | <li>• | + | <li>• 천*우 (미디어커뮤니케이션학과)</li> |
| − | <li>• | + | <li>• 김*연 (건축공학과)</li> |
| − | <li>• | + | <li>• 권*영 (한국화전공)</li> |
| − | <li>• | + | <li>• 강*은 (화학과)</li> |
| − | <li>• | + | <li>• 김*영 (사학과)</li> |
</ul> | </ul> | ||
</div> | </div> | ||
| 118번째 줄: | 115번째 줄: | ||
<div style="padding: 15px;"> | <div style="padding: 15px;"> | ||
<ul style="list-style: none; padding: 0; margin: 0; line-height: 1.8; color: #4a5568;"> | <ul style="list-style: none; padding: 0; margin: 0; line-height: 1.8; color: #4a5568;"> | ||
| − | <li>• | + | <li>• 조*위 (미디어커뮤니케이션학과)</li> |
| − | <li>• | + | <li>• 김*수 (통계학과)</li> |
| − | <li>• | + | <li>• 이*은 (한국화전공)</li> |
| − | <li>• | + | <li>• 권*석 (재료공학부)</li> |
| − | <li>• | + | <li>• 김*민 (교육학과)</li> |
</ul> | </ul> | ||
</div> | </div> | ||
| 135번째 줄: | 132번째 줄: | ||
<div style="padding: 15px;"> | <div style="padding: 15px;"> | ||
<ul style="list-style: none; padding: 0; margin: 0; line-height: 1.8; color: #4a5568;"> | <ul style="list-style: none; padding: 0; margin: 0; line-height: 1.8; color: #4a5568;"> | ||
| − | <li>• | + | <li>• 김*은 (문헌정보학과)</li> |
| − | <li>• | + | <li>• 박*혜 (대기환경과학과)</li> |
| − | <li>• | + | <li>• 박*원 (산업공학과)</li> |
| − | <li>• | + | <li>• 류*하 (수학과)</li> |
| − | <li>• | + | <li>• 전*경 (영어영문학과)</li> |
</ul> | </ul> | ||
</div> | </div> | ||
| 152번째 줄: | 149번째 줄: | ||
<div style="padding: 15px;"> | <div style="padding: 15px;"> | ||
<ul style="list-style: none; padding: 0; margin: 0; line-height: 1.8; color: #4a5568;"> | <ul style="list-style: none; padding: 0; margin: 0; line-height: 1.8; color: #4a5568;"> | ||
| − | <li>• | + | <li>• 강*연 (산업공학과)</li> |
| − | <li>• | + | <li>• 신*희 (수학과)</li> |
| − | <li>• | + | <li>• 황*석 (노어노문학과)</li> |
| − | <li>• | + | <li>• 김*연 (국제학부)</li> |
| − | <li>• | + | <li>• 박*현 (경영학과)</li> |
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- 6. 교육 성과 분석 (수정됨: 윗줄 텍스트, 아랫줄 HTML 그래프) --> | ||
| + | <div style="margin-bottom: 50px;"> | ||
| + | <h2 style="color: #1d4e89; margin: 0 0 30px 0; border-bottom: 2px solid #e2e8f0; padding-bottom: 10px;">📊 교육 성과 분석 (Survey Result)</h2> | ||
| + | |||
| + | <!-- 윗줄: 핵심 인사이트 (가로 100%) --> | ||
| + | <div style="margin-bottom: 30px;"> | ||
| + | <h3 style="color: #2b6cb0; margin-bottom: 15px; font-size: 1.2em;">💡 주요 분석 결과 (Top 3 효과)</h3> | ||
| + | <div style="background-color: #f7fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px;"> | ||
| + | <ul style="list-style: none; padding: 0; margin: 0; color: #4a5568; line-height: 1.8;"> | ||
| + | <li style="margin-bottom: 10px;"> | ||
| + | <strong style="color: #1d4e89;">1. 협업 및 팀워크 역량의 극적인 성장:</strong> | ||
| + | '소통' 항목이 가장 큰 개선폭(+37점)을 보였습니다. 융합 팀 프로젝트를 통해 타 전공자와의 협업 능력이 크게 강화되었습니다. | ||
| + | </li> | ||
| + | <li style="margin-bottom: 10px;"> | ||
| + | <strong style="color: #1d4e89;">2. 융합적 사고의 확장:</strong> | ||
| + | '타전공 이해(+34점)' 및 '분석 관점(+28점)' 항목의 높은 상승은 참여자들이 자신의 전공을 넘어 통합적인 시각을 갖게 되었음을 의미합니다. | ||
| + | </li> | ||
| + | <li> | ||
| + | <strong style="color: #1d4e89;">3. 실무 데이터 역량 강화:</strong> | ||
| + | 초기 역량이 낮았던 '기술 활용' 및 '시장성 예측' 분야에서도 안정적인 성장을 보였습니다. | ||
| + | </li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- 아랫줄: HTML/CSS 막대 그래프 (가로 100%) --> | ||
| + | <div> | ||
| + | <h3 style="color: #2b6cb0; margin-bottom: 15px; font-size: 1.2em;">📈 참여 전/후 역량 총점 변화 (Max 100점)</h3> | ||
| + | <div style="background-color: white; border: 1px solid #e2e8f0; border-radius: 8px; padding: 30px;"> | ||
| + | |||
| + | <!-- 범례 --> | ||
| + | <div style="display: flex; justify-content: flex-end; gap: 15px; margin-bottom: 20px; font-size: 0.85em; color: #666;"> | ||
| + | <div style="display: flex; align-items: center;"><span style="display: block; width: 12px; height: 12px; background-color: #cbd5e0; margin-right: 5px; border-radius: 2px;"></span>참여 전</div> | ||
| + | <div style="display: flex; align-items: center;"><span style="display: block; width: 12px; height: 12px; background-color: #1d4e89; margin-right: 5px; border-radius: 2px;"></span>참여 후</div> | ||
| + | </div> | ||
| + | |||
| + | <!-- 그래프 1: 소통 --> | ||
| + | <div style="margin-bottom: 25px;"> | ||
| + | <div style="display: flex; justify-content: space-between; font-size: 0.95em; margin-bottom: 8px; color: #2d3748; font-weight: bold;"> | ||
| + | <span>소통 및 피드백</span> | ||
| + | <span style="color: #e53e3e; font-size: 0.9em;">+37점</span> | ||
| + | </div> | ||
| + | <!-- 막대 영역 --> | ||
| + | <div style="margin-bottom: 5px;"> | ||
| + | <div style="width: 60%; background-color: #cbd5e0; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 5px; color: #555; font-size: 0.8em;">60</div> | ||
| + | </div> | ||
| + | <div> | ||
| + | <div style="width: 97%; background-color: #1d4e89; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 5px; color: white; font-size: 0.8em;">97</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- 그래프 2: 타전공 이해 --> | ||
| + | <div style="margin-bottom: 25px;"> | ||
| + | <div style="display: flex; justify-content: space-between; font-size: 0.95em; margin-bottom: 8px; color: #2d3748; font-weight: bold;"> | ||
| + | <span>타전공 이해</span> | ||
| + | <span style="color: #e53e3e; font-size: 0.9em;">+34점</span> | ||
| + | </div> | ||
| + | <div style="margin-bottom: 5px;"> | ||
| + | <div style="width: 61%; background-color: #cbd5e0; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 5px; color: #555; font-size: 0.8em;">61</div> | ||
| + | </div> | ||
| + | <div> | ||
| + | <div style="width: 95%; background-color: #1d4e89; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 5px; color: white; font-size: 0.8em;">95</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- 그래프 3: 분석 관점 --> | ||
| + | <div style="margin-bottom: 25px;"> | ||
| + | <div style="display: flex; justify-content: space-between; font-size: 0.95em; margin-bottom: 8px; color: #2d3748; font-weight: bold;"> | ||
| + | <span>분석 관점</span> | ||
| + | <span style="color: #e53e3e; font-size: 0.9em;">+28점</span> | ||
| + | </div> | ||
| + | <div style="margin-bottom: 5px;"> | ||
| + | <div style="width: 63%; background-color: #cbd5e0; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 5px; color: #555; font-size: 0.8em;">63</div> | ||
| + | </div> | ||
| + | <div> | ||
| + | <div style="width: 91%; background-color: #1d4e89; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 5px; color: white; font-size: 0.8em;">91</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- 그래프 4: 시장성 예측 --> | ||
| + | <div style="margin-bottom: 25px;"> | ||
| + | <div style="display: flex; justify-content: space-between; font-size: 0.95em; margin-bottom: 8px; color: #2d3748; font-weight: bold;"> | ||
| + | <span>시장성 예측</span> | ||
| + | <span style="color: #e53e3e; font-size: 0.9em;">+29점</span> | ||
| + | </div> | ||
| + | <div style="margin-bottom: 5px;"> | ||
| + | <div style="width: 49%; background-color: #cbd5e0; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 5px; color: #555; font-size: 0.8em;">49</div> | ||
| + | </div> | ||
| + | <div> | ||
| + | <div style="width: 78%; background-color: #1d4e89; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 5px; color: white; font-size: 0.8em;">78</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- 그래프 5: 기술 활용 --> | ||
| + | <div style="margin-bottom: 25px;"> | ||
| + | <div style="display: flex; justify-content: space-between; font-size: 0.95em; margin-bottom: 8px; color: #2d3748; font-weight: bold;"> | ||
| + | <span>기술 활용</span> | ||
| + | <span style="color: #e53e3e; font-size: 0.9em;">+28점</span> | ||
| + | </div> | ||
| + | <div style="margin-bottom: 5px;"> | ||
| + | <div style="width: 44%; background-color: #cbd5e0; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 5px; color: #555; font-size: 0.8em;">44</div> | ||
| + | </div> | ||
| + | <div> | ||
| + | <div style="width: 72%; background-color: #1d4e89; height: 20px; border-radius: 4px; display: flex; align-items: center; justify-content: flex-end; padding-right: 5px; color: white; font-size: 0.8em;">72</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| 167번째 줄: | 275번째 줄: | ||
<div style="height: 50px; border-top: 1px solid #e2e8f0; margin-top: 50px;"></div> | <div style="height: 50px; border-top: 1px solid #e2e8f0; margin-top: 50px;"></div> | ||
</div> | </div> | ||
| − | |||
2025년 11월 29일 (토) 23:03 기준 최신판
데이터로 상상하는 K-Culture 굿즈 아이디어톤
디지털인문학센터 × 산업수학센터 공동기획
🖼️ 공식 포스터
👥 참여 팀 및 학생 명단
📊 교육 성과 분석 (Survey Result)
💡 주요 분석 결과 (Top 3 효과)
- 1. 협업 및 팀워크 역량의 극적인 성장: '소통' 항목이 가장 큰 개선폭(+37점)을 보였습니다. 융합 팀 프로젝트를 통해 타 전공자와의 협업 능력이 크게 강화되었습니다.
- 2. 융합적 사고의 확장: '타전공 이해(+34점)' 및 '분석 관점(+28점)' 항목의 높은 상승은 참여자들이 자신의 전공을 넘어 통합적인 시각을 갖게 되었음을 의미합니다.
- 3. 실무 데이터 역량 강화: 초기 역량이 낮았던 '기술 활용' 및 '시장성 예측' 분야에서도 안정적인 성장을 보였습니다.
📈 참여 전/후 역량 총점 변화 (Max 100점)
참여 전
참여 후
소통 및 피드백 +37점
60
97
타전공 이해 +34점
61
95
분석 관점 +28점
63
91
시장성 예측 +29점
49
78
기술 활용 +28점
44
72
