Code - yangart/sejongOn

<!DOCTYPE html> <html lang="ko"> <head> <title>온세종학교</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta name="format-detection" content="telephone=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> <link href="/resources/front/site/SITE_00000/css/style.css" rel="stylesheet">  <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-3.6.0.min.js"></script> <script src="/resources/front/site/SITE_00000/js/common/jquery/jquery-ui.min.js"></script>   <script src="/resources/front/site/SITE_00000/js/common/vendor/swiper/swiper-bundle.js"></script> <script src="/resources/front/site/SITE_00000/js/common/vendor/etc/jQuery.tagify.min.js"></script>  <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chart4.3.0.js"></script> <script src="/resources/front/site/SITE_00000/js/common/vendor/chart/chartjs-plugin-datalabels@2.0.js"></script>    <script src="/resources/front/site/SITE_00000/js/_layout.js"></script>     <script src="/resources/front/site/SITE_00000/js/common.js"></script> <script src="/resources/front/site/SITE_00000/js/common-custom.js"></script>  </head> <body> <div class="popup-modal" data-popuppub="popupmodal"> <div class="pop-header"> <h1>과제물 조회/평가</h1> </div> <div class="pop-body"> <div class="fnc-area"> <div class="r-area"> <p class="msg"><i class="required">*<span class="txt-hide">필수</span></i> 필수 입력</p> </div> </div> <div class="write-type"> <table> <caption>과제물 조회/평가 입력</caption> <colgroup> <col style="width:160px"> <col> </colgroup> <tbody> <tr> <th scope="row">이름(ID)</th> <td> NAME(ID) <small>OO고등학교 #학년 #반 #번</small> </td> </tr> <tr> <th scope="row">제출일</th> <td> 2024년 11월 15일 오후 11:59 <span class="label sm">마감 후 제출</span> </td> </tr> <tr> <th scope="row">내용</th> <td>3조 이민서입니다. 늦어서 죄송합니다. 과제 마감일이 겹친 것들이 많아서 완성도를 높이지 못한 것에 스스로도 아쉬움이 큽니다. 피드백 보강해서 최종제출 합니다. 감사합니다!! ^^</td> </tr> <tr> <th scope="row">첨부된 파일</th> <td> <div class="item-list-box order-front"> <div class="item"> <div class="txt-area"> <i class="ico-attach"></i> <p class="txt"> 첨부파일명.pdf </p> <small>124kb</small> </div> <div class="item-fnc-area"> <a href="#none" class="ico-download">다운로드</a> </div> </div> <div class="item"> <div class="txt-area"> <i class="ico-attach"></i> <p class="txt"> 첨부파일명.pdf </p> <small>124kb</small> </div> <div class="item-fnc-area"> <a href="#none" class="ico-download">다운로드</a> </div> </div> </div> </td> </tr> </tbody> </table> </div> <section class="section"> <header class="tit-area"> <div class="l-area"><h3 class="title">지정된 서식</h3></div> </header> <div class="form-view-result"> <div class="form-section bg-area"> <div class="form-section-body wrap-sm"> <div class="form-item-section"> <div class="form-item-list"> <div class="form-item"> <div class="q-area"> <div class="q-tit"> <div class="l-area"> <span class="label num lg">1</span> <div class="q-txt"> ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. </div> </div> </div> </div> <div class="a-area"> <div class="txt-count-area"> <div class="txt">㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용 ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. 내용</div> <div class="txt-count">9999자</div> </div> </div> </div> <div class="form-item"> <div class="q-area"> <div class="q-tit"> <div class="l-area"> <span class="label num lg">2</span> <div class="q-txt"> ㉠ ~ ㉣ 안에 알맞은 수를 써 넣으세요. </div> </div> </div> </div> <div class="a-area"> <div class="txt-count-area"> <div class="txt">내용 내용</div> <div class="txt-count">9999자</div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section"> <header class="tit-area"> <div class="l-area"><h3 class="title">점수</h3></div> </header> <div class="border-box sm"> <h4 class="title-sm">루브릭 평가기준</h4> <ul class="bullet"> <li>주제 선정 : 과제에서 선정한 주제가 맥락을 포함하고 있는가?</li> <li>정보 제시 : 다양한 정보를 수집하여 제시하고 있는가?</li> <li>피드백 : 초안 발표 후 동료 및 교수자의 피드백을 얼마나 고려하였는가?</li> <li>결과물 : 발표가 청중에게 논리적이고 효과적으로 전달되었는가?</li> </ul> </div> <div class="info-type"> <table> <caption>루프릭 평가기준 표</caption> <colgroup> <col style="width: 15%;"> <col> <col> <col> <col> </colgroup> <thead> <tr> <th scope="row">구분</th> <th scope="row">0점</th> <th scope="row">1점</th> <th scope="row">2점</th> <th scope="row">3점</th> </tr> </thead> <tbody> <tr> <th scope="col">주제 선정</th> <td>학습자가 맥락을 알 수 없다</td> <td>맥락을 알기 어렵다.</td> <td>맥락을 알 수 있다.</td> <td>맥락을 쉽게 파악할 수 있다.</td> </tr> <tr> <th scope="col">정보 제시</th> <td>정보가 매우 부족하다.</td> <td>교과서의 정보만 전달한다.</td> <td>다양한 미디어에서 정보를 찾아 전달한다.</td> <td>정보를 찾아 재구성 및 가공하여 전달한다.</td> </tr> <tr> <th scope="col">피드백</th> <td>피드백을 고려하지 않았다.</td> <td>피드백을 일부 수용하였다.</td> <td>피드백을을 일부 수용하고 비평/대응을 하였다.</td> <td>피드백을을 수용하여 새로운 결과를 구성하였다.</td> </tr> </tbody> </table> </div> <textarea placeholder="학생에게 전달할 피드백을 입력하세요." title="학생에게 전달할 피드백을 입력하세요."></textarea> </section> </div> <div class="pop-footer"> <div class="pop-btn-cont"> <button type="button" class="btn" onclick="popupClosePub('popupmodal')">취소</button> <button type="button" class="btn primary" onclick="popupClosePub('popupmodal')">확인</button> </div> </div> <button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button> </div>  <div class="toast"></div>  <div class="dim"></div> <script> $(document).ready(function () { popupOpenPub('popupmodal'); }); </script> </body> </html>