136 lines
7.0 KiB
HTML
136 lines
7.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>데이터 분석 - Project Master Sabermetrics</title>
|
|
<link rel="stylesheet" as="style" crossorigin
|
|
href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css" />
|
|
<link rel="stylesheet" href="style/common.css">
|
|
<link rel="stylesheet" href="style/analysis.css">
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="topbar">
|
|
<div class="topbar-header">
|
|
<a href="/">
|
|
<h2>Project Master Test</h2>
|
|
</a>
|
|
</div>
|
|
<ul class="nav-list">
|
|
<li class="nav-item" onclick="location.href='/dashboard'">대시보드</li>
|
|
<li class="nav-item" onclick="location.href='/inquiries'">문의사항</li>
|
|
<li class="nav-item" onclick="location.href='/mailTest'">메일관리</li>
|
|
<li class="nav-item active" onclick="location.href='/analysis'">분석</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<main class="analysis-content">
|
|
<header class="analysis-header">
|
|
<div class="title-group">
|
|
<div class="ai-badge">AI Sabermetrics</div>
|
|
<h2>시스템 운영 빅데이터 분석</h2>
|
|
<p>수집된 활동 로그 및 문의사항 데이터를 기반으로 한 통계적 성능 지표 (Beta)</p>
|
|
</div>
|
|
<div class="analysis-actions">
|
|
<button class="btn-refresh" onclick="location.reload()">데이터 갱신</button>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- 핵심 세이버메트릭스 지표 요약 -->
|
|
<section class="metrics-grid">
|
|
<div class="metric-card sra">
|
|
<div class="metric-info">
|
|
<span class="label" data-tooltip="Avg. P-WAR Score: 시스템 내 모든 프로젝트의 평균 기여도입니다. 양수(+)가 높을수록 시스템이 활발하게 운영되고 있음을 의미합니다.">평균 P-WAR (기여도) <i class="info-icon">?</i></span>
|
|
<h3 class="value">0.00</h3>
|
|
<span class="trend up">대체 수준(0.0) 대비</span>
|
|
</div>
|
|
<div class="metric-chart-mini" id="sraChart"></div>
|
|
</div>
|
|
<div class="metric-card iwar">
|
|
<div class="metric-info">
|
|
<span class="label" data-tooltip="Total Pending Risks: 현재 해결되지 않고 방치된 문의사항의 총합입니다. P-WAR 감점 요인입니다.">미결 리스크 총합 <i class="info-icon">?</i></span>
|
|
<h3 class="value">0</h3>
|
|
<span class="trend steady">실시간 집계</span>
|
|
</div>
|
|
<div class="metric-chart-mini" id="iwarChart"></div>
|
|
</div>
|
|
<div class="metric-card piso">
|
|
<div class="metric-info">
|
|
<span class="label" data-tooltip="Active Resource Scale: P-WAR가 양수(+)인 활성 프로젝트들이 관리 중인 총 파일 규모입니다.">활성 자원 규모 <i class="info-icon">?</i></span>
|
|
<h3 class="value">0</h3>
|
|
<span class="trend up">시스템 기여 자원</span>
|
|
</div>
|
|
<div class="metric-chart-mini" id="pisoChart"></div>
|
|
</div>
|
|
<div class="metric-card stability">
|
|
<div class="metric-info">
|
|
<span class="label" data-tooltip="Zombie Project Rate: P-WAR 점수가 -1.0 이하인 '대체 수준 미달' 프로젝트의 비중입니다.">좀비 프로젝트 비율 <i class="info-icon">?</i></span>
|
|
<h3 class="value">0%</h3>
|
|
<span class="trend steady">집중 관리 대상</span>
|
|
</div>
|
|
<div class="metric-chart-mini" id="stabilityChart"></div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 메인 분석 영역 -->
|
|
<div class="analysis-main-grid">
|
|
<!-- P-WAR 분석 테이블 -->
|
|
<div class="analysis-card timeline-analysis">
|
|
<div class="card-header">
|
|
<div style="display: flex; flex-direction: column; gap: 4px;">
|
|
<h4>Project Performance Above Replacement (P-WAR Ranking)</h4>
|
|
<p style="font-size: 11px; color: #888; margin: 0;">대체 수준(Replacement Level) 프로젝트 대비 기여도를 측정합니다.</p>
|
|
</div>
|
|
<div class="card-tools">
|
|
<span id="avg-system-info" style="font-size: 11px; color: #888;">* 0.0 = 시스템 평균 계산 중...</span>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<!-- P-WAR 판정 가이드 범례 수정 -->
|
|
<div class="d-war-guide">
|
|
<div class="guide-item active-low"><span>양수(+)</span> 운영 중</div>
|
|
<div class="guide-item warning-mid"><span>음수(-)</span> 위험군</div>
|
|
<div class="guide-item danger-high"><span>-0.3 이하</span> 방치-삭제대상</div>
|
|
<div class="guide-item hazard-critical"><span>시스템삭제</span> 잠김예정 프로젝트</div>
|
|
</div>
|
|
<div class="chart-placeholder">
|
|
<p>R-Engine 시각화 대기 중...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 위험 신호 및 예측 -->
|
|
<div class="analysis-card risk-prediction">
|
|
<div class="card-header">
|
|
<h4>Deep Learning 기반 장애 예보 (Risk Signal)</h4>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="risk-signal-list">
|
|
<div class="risk-item high">
|
|
<div class="risk-project">프로젝트 A (해외/중동)</div>
|
|
<div class="risk-reason">파일 급증 대비 활동 정체 (P-ISO 급락)</div>
|
|
<div class="risk-status">위험</div>
|
|
</div>
|
|
<div class="risk-item warning">
|
|
<div class="risk-project">프로젝트 B (기술개발)</div>
|
|
<div class="risk-reason">특정 환경(IE/Edge) 문의 집중 발생</div>
|
|
<div class="risk-status">주의</div>
|
|
</div>
|
|
<div class="risk-item safe">
|
|
<div class="risk-project">프로젝트 C (국내/장헌)</div>
|
|
<div class="risk-reason">로그 활동성 및 해결률 안정적 유지</div>
|
|
<div class="risk-status">안전</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="js/common.js"></script>
|
|
<script src="js/analysis.js"></script>
|
|
</body>
|
|
|
|
</html> |