Spaces:

ybjeong
/

leaderboard_kr_static

Running

App Files Files Community

leaderboard_kr_static / index.html

ybjeong

Update index.html

73a6066 verified 9 months ago

raw

history blame

5.85 kB

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width" />
	<title>🏅 Korean AI leaderboard</title>
	<link rel="stylesheet" href="style.css" />
	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
	<style>

	</style>
	</head>
	<body>
	<!-- <div class="card">
	<h1>🏅 Korean AI leaderboard</h1>
	<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
	<p>
	Also don't forget to check the
	<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
	</p>
	</div> -->
	<div class="header">
	<div id="header_title"><h1>🏅 Korean AI leaderboard</h1></div>
	<div id="header_content">[2024 국립국어원 인공 지능 언어 능력 평가]<br><br>

	- 인공 지능, 인간의 감정을 이해하고 이야기를 완성하다<br>
	- 과제 상세 링크: <a>https://kli.korean.go.kr/benchmark/taskBoardsOrdtm/boardsOrdtm/noticeView.do?page=0&recordId=130&boardOrdtmId=&base.condition=boardOrdtm.title&base.keyword=&size=10</a><br><br>

	🚀 경진 대회 과제<br>
	- 2024년 7~8월 개최 예정인 "2024년 인공지능의 한국어 능력 평가" 경진대회 과제입니다.<br>
	- 일상 대화 요약: 다자간 대화에서 주제별 요약문을 생성<br>
	- 대화 맥락 추론: 발화의 맥락을 정확하게 추론한 문장을 선택<br><br>

	🚀 상시 평가 과제<br>
	- 연구·개발자들이 인공지능의 한국어 성능을 검증하고 평가할 수 있도록 상시 공개합니다.<br>
	- 연결 문장 추론: 두 문장 사이에 들어갈 가장 적합한 문장을 선택<br>
	- 부적절 발언 탐지: 다양한 문서에서 명시적·비명시적 부적절 발언 탐지<br>
	- 함의 분석 결과 설명문 생성: 두 문장 사이의 함의 관계 근거를 생성<br>
	- 국회 회의록 요약: 국회 회의록 내 주요 안건별 요약문을 작성<br> </div>
	</div>
	<div class="content">
	<div id="content-title" style="display:flex;"><p id="p-progress">진행 중 과제</p>    <p id="p-past">진행 중 과제</p></div>
	<div class="tab" id = "task-in-progress">
	<table id = "table-progress">
	<thead>
	<tr>
	<td>No</td>
	<td>과제명</td>
	<td>과제 기간</td>
	<td>상태</td>
	</tr>
	</thead>
	<tbody>
	</tbody>
	</table>

	<table id = "table-progress-detail" style="display:none;">
	<thead>
	<tr>
	<td>No</td>
	<td>팀명</td>
	<td>모델명</td>
	<td>점수A</td>
	<td>점수B</td>
	<td>점수C</td>
	<td>점수D</td>
	<td>제출 일시</td>
	</tr>
	</thead>
	<tbody>
	</tbody>
	</table>
	</div>
	<div class="tab" id = "task-past" style="display:none;">
	</div>
	</div>
	</body>
	<script>
	$(document).ready(function() {
	postdata = {"key":"hello"}

	$.ajax({
	type: 'POST',
	url: 'http://112.170.149.129:5000/get_row',
	async: false,
	data: JSON.stringify(postdata),
	dataType: 'JSON',
	async : false,
	contentType: "application/json",
	success: function(data) {
	if(response.status === "success") {
	// 테이블 내용을 업데이트합니다.
	var tableBody = $('#table-progress tbody');
	tableBody.empty(); // 기존 내용을 비웁니다.

	response.data.forEach(function(item) {
	var row = $('<tr>');
	row.append($('<td>').text(item[0])); // No
	row.append($('<td>').text(item[1])); // 과제명
	row.append($('<td>').text(item[2])); // 과제 기간
	row.append($('<td>').text(item[3])); // 상태
	tableBody.append(row);

	// 클릭 이벤트 추가
	row.on('click', function() {
	TaskInProgressRowClicked(item);
	});
	});
	}
	},
	error: function(request, status, error) {
	alert('ajax 통신 실패');
	alert(error);
	}
	})
	});

	function TaskInProgressRowClicked(item) {
	var postdata = {
	no: item[0],
	taskName: item[1],
	taskPeriod: item[2],
	status: item[3]
	};

	// 새 AJAX 요청을 보냅니다.
	$.ajax({
	type: 'POST',
	url: 'http://112.170.149.129:5000/get_score', // 서버 URL을 지정하세요.
	data: JSON.stringify(postdata),
	dataType: 'JSON',
	contentType: "application/json",
	success: function(response) {
	// 성공적으로 데이터를 받았을 때 두 번째 테이블에 데이터를 추가합니다.
	if (response.status === "success") {
	var detailTableBody = $('#table-progress-detail tbody');
	detailTableBody.empty(); // 기존 내용을 비웁니다.

	response.rows.forEach(function(rowData) {
	var detailRow = $('<tr>');
	rowData.forEach(function(cellData) {
	detailRow.append($('<td>').text(cellData));
	});
	detailTableBody.append(detailRow);
	});

	$('#table-progress-detail').show(); // 두 번째 테이블을 보이게 합니다.
	}
	},
	error: function(xhr, status, error) {
	alert('Error: ' + error);
	}
	});
	}
	</script>
	</html>