Skip to content

Commit

Permalink
리포트 화면 수정
Browse files Browse the repository at this point in the history
  • Loading branch information
@bssanyang
bssanyang authored Feb 19, 2025
1 parent 84b6425 commit 69a871e
Showing 1 changed file with 61 additions and 12 deletions.
73 changes: 61 additions & 12 deletions report.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -79,17 +79,16 @@
</tr>
<tr>
<th>AOI<br>(관심영역)</th>
<td style="padding: 0;"><img src="img/eye1.png"><br><span class="report-descmini">눈</span></td>
<td style="padding: 0;"><img src="img/lips1.png"><br><span class="report-descmini"> 입</span></td>

<td style="padding: 0;"><img src="img/attention1.png"><br><span class="report-descmini">주의</span></td>
<td><img src="img/eye1.png"></td>
<td><img src="img/lips1.png"></td>
<td><img src="img/attention1.png"></td>
</tr>


<tr>
<th>성능*</th>
<td colspan="2">민감도 80%, 특이도 100%</td>
<td>민감도 80%, 특이도 92%</td>
<td colspan="2">민감도 100%, 특이도 80%</td>
<td>민감도 88%, 특이도 88%</td>
</tr>
<tr>
<th>측정 내용</th>
Expand Down Expand Up @@ -339,14 +338,15 @@
<div class="pdf-title">2. V2 자극 분석</div>
<div class="minimal-table-container">
<table class="minimal-table2">

<tr>
<th>V 2-1</th>
<th>V 2-2</th>

<td>V 2-1(A)<img src="img/v2_1a.png"></td>
<td>V 2-1(B)<img src="img/v2_1b.png"></td>
</tr>

<tr>
<td><img src="img/v2-1.png"></td>
<td><img src="img/v2-2.png"></td>
<td>V 2-2(A)<img src="img/v2_2a.png"></td>
<td>V 2-2(B)<img src="img/v2_2b.png"></td>
</tr>
</table>
</div>
Expand All @@ -355,6 +355,54 @@
<div class="report-box-1">평균 AOI 반응성이 89.8%, SACCADE 4.7%, AVC 4.7%로</div>
<div class="report-box-2">전반적인 ASD Risk Level은 낮은 것으로 보임.</div>
</div>
</div></div>

<div class="pdf-page" id="pdf-page4">
<div class="pdf-header-container4">
<div class="pdf-header4container">
<div class="pdf-header2sub">사용자의 안전한 사용을 위한</div>
<div class="pdf-header2main">의료기기 사용 안내 및 주의사항</div>
</div>

</div>

<div class="pdf-content">
<div class="pdf-title">1. 본 의료기기는 진단 보조용 기기입니다.</div>
<div class="report-box4">
<ul>
<li>본 기기는 시선 추적 및 분석을 통해 자폐 스펙트럼 장애(Autism Spectrum Disorder, ASD)와 같은 신경발달장애의 조기 식별 및 평가를 보조하도록 설계된 <b>진단 보조용 기기</b>입니다.
</li>
<li>본 기기는 시각적 주의 및 시선 패턴에 대한 객관적인 바이오마커와 통찰을 제공하며, 임상 및 연구 환경에서 훈련된 의료 전문가에 의해 사용하도록 제작되었습니다.</li>
<li>본 기기는 의사의 진단을 보조하는 목적으로 개발되었으며, <b>최종적인 진단 및 의학적 판단은 반드시 전문의가 내립니다.</b></li>
</ul>
</div>
<div class="pdf-title">2. 사용가능 대상 및 제한 사항</div>
<div class="report-box4">
<ul>
<li>본 기기는 <b>16개월에서 38개월 사이 영유아</b>의 시선 추적을 통한 자폐스펙트럼장애 선별 검사를 지원합니다.
</li>
<li>검사 대상 영유아는 <b>시각 기능에 이상이 없는 경우에 한하여 사용 가능합니다.</b>시각적 문제가 있는 경우 검사 결과의 신뢰도가 저하될 수 있습니다.</li>
</ul>
</div>
<div class="pdf-title">3. 검사결과의 변동가능성</div>
<div class="report-box4">
<ul>
<li>검사 당시 영유아의 컨디션(예: 피로, 집중력, 기분 등)에 따라 검사 결과가 영향을 받을 수 있습니다.
</li>
<li>최상의 검사 환경을 위해 <b>영유아가 편안한 상태에서 검사를 진행하는 것이 권장됩니다.</b></li>
</ul>
</div>
<div class="pdf-title">4. 검사주기 권장사항</div>
<div class="report-box4">
<ul>
<li>미국소아의학회(America Academy of Pediatrics, AAP)에서는 <b>30개월 이전에 적어도 3번 이상의 ASD 검사를 받을 것을 권장합니다.</b>
</li>
<li>조기 선별 검사는 자폐스펙트럼장애를 보다 신속하게 발견하고, 필요한 경우 조기에 개입할 수 있도록 돕습니다.</li>
<li>본 안내문을 숙지하시고, <b>사용 전 반드시 의료 전문가와 상담하시기 바랍니다.</b></li>
</ul>
</div>

</div>
</div>
</div>
</div>
Expand All @@ -366,6 +414,7 @@
<span class="pdf-dot pdf-dot-active"></span>
<span class="pdf-dot"></span>
<span class="pdf-dot"></span>
<span class="pdf-dot"></span>
</div>
<button class="pdf-button" onclick="nextPage()">다음</button>
</div>
Expand All @@ -374,7 +423,7 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
<script>
let currentPage = 1;
const totalPages = 3;
const totalPages = 4;

function updatePage() {
document.querySelectorAll('.pdf-page').forEach(page => page.classList.remove('pdf-active'));
Expand Down

0 comments on commit 69a871e

Please sign in to comment.