Files
LAB_LINGKUNGAN/light_measurement_report_template.html
2025-04-24 10:25:31 +07:00

635 lines
21 KiB
HTML

<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Laporan Hasil Pengukuran Intensitas Cahaya</title>
<style>
:root {
--primary-color: #1e5288;
--secondary-color: #4a8fde;
--accent-color: #f39c12;
--success-color: #27ae60;
--danger-color: #e74c3c;
--warning-color: #f1c40f;
--light-color: #f8f9fa;
--dark-color: #343a40;
--gray-color: #6c757d;
--border-color: #dee2e6;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Arial', sans-serif;
}
body {
background-color: #f5f5f5;
color: #333;
line-height: 1.6;
}
.container {
max-width: 1140px;
margin: 0 auto;
padding: 20px;
background-color: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
border-bottom: 2px solid var(--primary-color);
margin-bottom: 20px;
}
.logo {
display: flex;
align-items: center;
}
.logo img {
height: 80px;
margin-right: 20px;
}
.company-info {
flex-grow: 1;
}
.company-info h1 {
font-size: 24px;
color: var(--primary-color);
margin-bottom: 5px;
}
.company-info p {
font-size: 14px;
color: var(--gray-color);
margin: 0;
}
.report-title {
text-align: center;
margin: 30px 0;
}
.report-title h2 {
font-size: 22px;
text-transform: uppercase;
color: var(--primary-color);
margin-bottom: 5px;
}
.report-title p {
font-size: 16px;
color: var(--gray-color);
}
.report-meta {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
background-color: var(--light-color);
padding: 15px;
border-radius: 5px;
}
.meta-section {
flex: 1;
padding: 0 10px;
}
.meta-section h3 {
font-size: 16px;
color: var(--primary-color);
margin-bottom: 10px;
border-bottom: 1px solid var(--border-color);
padding-bottom: 5px;
}
.meta-item {
display: flex;
margin-bottom: 5px;
}
.meta-item .label {
width: 140px;
font-weight: bold;
font-size: 14px;
}
.meta-item .value {
flex-grow: 1;
font-size: 14px;
}
.section {
margin-bottom: 30px;
}
.section-title {
font-size: 18px;
color: var(--primary-color);
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px solid var(--border-color);
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
table th, table td {
padding: 12px 15px;
text-align: left;
border: 1px solid var(--border-color);
font-size: 14px;
}
table th {
background-color: var(--primary-color);
color: white;
font-weight: bold;
}
table tr:nth-child(even) {
background-color: var(--light-color);
}
.status-badge {
display: inline-block;
padding: 3px 10px;
border-radius: 3px;
font-size: 12px;
font-weight: bold;
text-align: center;
}
.status-comply {
background-color: var(--success-color);
color: white;
}
.status-not-comply {
background-color: var(--danger-color);
color: white;
}
.summary {
background-color: var(--light-color);
padding: 15px;
border-radius: 5px;
margin-bottom: 30px;
}
.summary h3 {
font-size: 16px;
color: var(--primary-color);
margin-bottom: 10px;
}
.chart-container {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.chart {
flex: 1;
background-color: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
padding: 15px;
margin: 0 10px;
border-radius: 5px;
}
.chart-placeholder {
width: 100%;
height: 250px;
background-color: var(--light-color);
display: flex;
align-items: center;
justify-content: center;
color: var(--gray-color);
font-style: italic;
}
.footer {
margin-top: 50px;
padding-top: 20px;
border-top: 1px solid var(--border-color);
display: flex;
justify-content: space-between;
}
.signature-section {
flex: 1;
padding: 0 20px;
text-align: center;
}
.signature-line {
margin: 50px 0 10px;
border-top: 1px solid var(--dark-color);
width: 80%;
margin-left: auto;
margin-right: auto;
}
.notes {
margin-top: 30px;
padding: 15px;
background-color: var(--light-color);
border-left: 4px solid var(--warning-color);
}
.notes h3 {
font-size: 16px;
color: var(--dark-color);
margin-bottom: 10px;
}
.regulatory-reference {
margin-top: 20px;
padding: 15px;
background-color: var(--light-color);
border-radius: 5px;
}
.regulatory-reference h3 {
font-size: 16px;
color: var(--primary-color);
margin-bottom: 10px;
}
.regulatory-item {
margin-bottom: 10px;
font-size: 14px;
}
.regulatory-item strong {
color: var(--primary-color);
}
@media print {
body {
background-color: white;
}
.container {
max-width: 100%;
box-shadow: none;
padding: 15px;
}
.chart-container {
page-break-inside: avoid;
}
.section {
page-break-inside: avoid;
}
}
</style>
</head>
<body>
<div class="container">
<!-- Header -->
<div class="header">
<div class="logo">
<img src="https://via.placeholder.com/150x80?text=LOGO" alt="Logo Perusahaan">
<div class="company-info">
<h1>PT. LINGKUNGAN ANALITIK</h1>
<p>Jl. Analisa No. 123, Bandung, Jawa Barat 40123</p>
<p>Telp: (022) 1234567, Email: info@lingkungan-analitik.co.id</p>
<p>Laboratorium Terakreditasi KAN LP-001-IDN</p>
</div>
</div>
<div>
<p><strong>No. Laporan:</strong> LHU/CAH/2024/001</p>
<p><strong>Tanggal Terbit:</strong> 25 Januari 2024</p>
<p><strong>Halaman:</strong> 1 dari 4</p>
</div>
</div>
<!-- Report Title -->
<div class="report-title">
<h2>Laporan Hasil Pengukuran Intensitas Cahaya</h2>
<p>Periode Pengukuran: Triwulan I 2024</p>
</div>
<!-- Report Metadata -->
<div class="report-meta">
<div class="meta-section">
<h3>Informasi Client</h3>
<div class="meta-item">
<div class="label">Nama Client:</div>
<div class="value">PT. Industri Tekstil Nusantara</div>
</div>
<div class="meta-item">
<div class="label">Alamat:</div>
<div class="value">Jl. Industri No. 123, Bandung, Jawa Barat 40123</div>
</div>
<div class="meta-item">
<div class="label">Kontak Person:</div>
<div class="value">Budi Santoso</div>
</div>
<div class="meta-item">
<div class="label">Telepon:</div>
<div class="value">08123456789</div>
</div>
</div>
<div class="meta-section">
<h3>Informasi Sampling</h3>
<div class="meta-item">
<div class="label">Tanggal Sampling:</div>
<div class="value">20 Januari 2024</div>
</div>
<div class="meta-item">
<div class="label">Waktu Sampling:</div>
<div class="value">09:00 - 14:00 WIB</div>
</div>
<div class="meta-item">
<div class="label">Petugas Sampling:</div>
<div class="value">Budi Santoso (EMP003)</div>
</div>
<div class="meta-item">
<div class="label">Metode Sampling:</div>
<div class="value">MS-CAHAYA-01 (SNI 16-7062-2004)</div>
</div>
</div>
</div>
<!-- Summary Section -->
<div class="summary">
<h3>Ringkasan Hasil</h3>
<p>Berdasarkan hasil pengukuran intensitas cahaya yang dilakukan pada 5 lokasi di PT. Industri Tekstil Nusantara pada tanggal 20 Januari 2024, diperoleh hasil bahwa seluruh titik pengukuran (100%) memenuhi baku mutu yang dipersyaratkan sesuai dengan Permenaker No.5 Tahun 2018 dan PMK RI No.2 Tahun 2023.</p>
</div>
<!-- Measurement Results -->
<div class="section">
<h3 class="section-title">1. Hasil Pengukuran Intensitas Cahaya</h3>
<table>
<thead>
<tr>
<th>No</th>
<th>Lokasi</th>
<th>Titik Pengukuran</th>
<th>Hasil (Lux)</th>
<th>Baku Mutu (Lux)</th>
<th>Keterangan</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Area Kerja Produksi</td>
<td>Titik 1 (Depan)</td>
<td>325.50</td>
<td>200</td>
<td>Permenaker No.5/2018 (Pekerjaan Sedang)</td>
<td><span class="status-badge status-comply">Memenuhi</span></td>
</tr>
<tr>
<td>2</td>
<td>Area Kerja Produksi</td>
<td>Titik 2 (Tengah)</td>
<td>310.20</td>
<td>200</td>
<td>Permenaker No.5/2018 (Pekerjaan Sedang)</td>
<td><span class="status-badge status-comply">Memenuhi</span></td>
</tr>
<tr>
<td>3</td>
<td>Area Kerja Produksi</td>
<td>Titik 3 (Belakang)</td>
<td>290.80</td>
<td>200</td>
<td>Permenaker No.5/2018 (Pekerjaan Sedang)</td>
<td><span class="status-badge status-comply">Memenuhi</span></td>
</tr>
<tr>
<td>4</td>
<td>Area IPAL</td>
<td>Titik 1 (Pintu Masuk)</td>
<td>180.40</td>
<td>100</td>
<td>Permenaker No.5/2018 (Pekerjaan Kasar)</td>
<td><span class="status-badge status-comply">Memenuhi</span></td>
</tr>
<tr>
<td>5</td>
<td>Area IPAL</td>
<td>Titik 2 (Area Kontrol)</td>
<td>165.30</td>
<td>100</td>
<td>Permenaker No.5/2018 (Pekerjaan Kasar)</td>
<td><span class="status-badge status-comply">Memenuhi</span></td>
</tr>
<tr>
<td>6</td>
<td>Ruang Administrasi</td>
<td>Meja Kerja Utama</td>
<td>350.20</td>
<td>300</td>
<td>PMK RI No.2/2023 (Ruang Kerja Perkantoran)</td>
<td><span class="status-badge status-comply">Memenuhi</span></td>
</tr>
<tr>
<td>7</td>
<td>Ruang Desain Produk</td>
<td>Meja Kerja Utama</td>
<td>520.40</td>
<td>500</td>
<td>PMK RI No.2/2023 (Ruang Komputer)</td>
<td><span class="status-badge status-comply">Memenuhi</span></td>
</tr>
<tr>
<td>8</td>
<td>Laboratorium QC</td>
<td>Area Inspeksi Produk</td>
<td>540.80</td>
<td>500</td>
<td>PMK RI No.2/2023 (Ruang Laboratorium)</td>
<td><span class="status-badge status-comply">Memenuhi</span></td>
</tr>
</tbody>
</table>
</div>
<!-- Luminance Results -->
<div class="section">
<h3 class="section-title">2. Hasil Pengukuran Luminansi</h3>
<table>
<thead>
<tr>
<th>No</th>
<th>Lokasi</th>
<th>Titik Pengukuran</th>
<th>Hasil (cd/m²)</th>
<th>Baku Mutu (cd/m²)</th>
<th>Keterangan</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Ruang Desain Produk</td>
<td>Layar Monitor 1</td>
<td>120.50</td>
<td>5000</td>
<td>Permenaker No.5/2018 (Luminansi Maksimum)</td>
<td><span class="status-badge status-comply">Memenuhi</span></td>
</tr>
</tbody>
</table>
</div>
<!-- Chart Section -->
<div class="section">
<h3 class="section-title">3. Visualisasi Data</h3>
<div class="chart-container">
<div class="chart">
<h4>Perbandingan Intensitas Cahaya Terhadap Baku Mutu</h4>
<div class="chart-placeholder">
[Grafik Intensitas Cahaya - Bar Chart]
</div>
</div>
<div class="chart">
<h4>Distribusi Intensitas Cahaya Per Area</h4>
<div class="chart-placeholder">
[Grafik Distribusi - Pie Chart]
</div>
</div>
</div>
</div>
<!-- Instruments Information -->
<div class="section">
<h3 class="section-title">4. Informasi Peralatan Pengukuran</h3>
<table>
<thead>
<tr>
<th>Nama Peralatan</th>
<th>Kode Alat</th>
<th>Merk/Model</th>
<th>No. Seri</th>
<th>Tanggal Kalibrasi</th>
<th>Kalibrasi Berikutnya</th>
</tr>
</thead>
<tbody>
<tr>
<td>Lux Meter Digital</td>
<td>LUX001</td>
<td>Testo 540</td>
<td>TS5401234</td>
<td>15 November 2023</td>
<td>13 Mei 2024</td>
</tr>
<tr>
<td>Lux Meter Digital</td>
<td>LUX002</td>
<td>Konica Minolta T-10A</td>
<td>KM10A5678</td>
<td>20 Agustus 2023</td>
<td>16 Februari 2024</td>
</tr>
<tr>
<td>Luminance Meter</td>
<td>LUM003</td>
<td>Konica Minolta LS-150</td>
<td>KM1501234</td>
<td>10 Agustus 2023</td>
<td>6 Februari 2024</td>
</tr>
</tbody>
</table>
</div>
<!-- Conditions & Notes -->
<div class="section">
<h3 class="section-title">5. Kondisi Pengukuran</h3>
<table>
<tbody>
<tr>
<td><strong>Kondisi Cuaca</strong></td>
<td>Cerah</td>
</tr>
<tr>
<td><strong>Suhu Lingkungan</strong></td>
<td>28.5°C</td>
</tr>
<tr>
<td><strong>Kelembaban Relatif</strong></td>
<td>65%</td>
</tr>
<tr>
<td><strong>Sumber Cahaya</strong></td>
<td>Lampu fluorescent (area produksi, administrasi), Lampu LED (area IPAL), Kombinasi cahaya alami dan buatan (area kantor)</td>
</tr>
<tr>
<td><strong>Kondisi Operasional</strong></td>
<td>Pengukuran dilakukan saat aktivitas produksi dan operasional normal</td>
</tr>
</tbody>
</table>
</div>
<!-- Regulatory References -->
<div class="regulatory-reference">
<h3>Referensi Baku Mutu</h3>
<div class="regulatory-item">
<strong>1. PMK RI No.2 Tahun 2023</strong> tentang Standar Baku Mutu Kesehatan Lingkungan dan Persyaratan Kesehatan
</div>
<div class="regulatory-item">
<strong>2. Permenaker No.5 Tahun 2018</strong> tentang Keselamatan dan Kesehatan Kerja Lingkungan Kerja
</div>
</div>
<!-- Notes -->
<div class="notes">
<h3>Catatan:</h3>
<ol>
<li>Hasil pengukuran hanya berlaku untuk lokasi dan waktu saat pengukuran dilakukan.</li>
<li>Laporan hasil pengukuran tidak boleh digandakan kecuali secara lengkap dan dengan izin tertulis dari laboratorium.</li>
<li>Pengukuran dilakukan sesuai dengan metode standar SNI 16-7062-2004 tentang Pengukuran Intensitas Cahaya di Tempat Kerja.</li>
<li>Ketidakpastian pengukuran intensitas cahaya: ± 3% dari nilai hasil pengukuran.</li>
</ol>
</div>
<!-- Footer & Signatures -->
<div class="footer">
<div class="signature-section">
<p>Petugas Pengukuran</p>
<div class="signature-line"></div>
<p><strong>Budi Santoso</strong></p>
<p>Field Technician</p>
<p>NIP. EMP003</p>
</div>
<div class="signature-section">
<p>Analis</p>
<div class="signature-line"></div>
<p><strong>Nita Anggraini</strong></p>
<p>Analyst</p>
<p>NIP. EMP010</p>
</div>
<div class="signature-section">
<p>Menyetujui</p>
<div class="signature-line"></div>
<p><strong>Siti Aminah</strong></p>
<p>Sampling Team Leader</p>
<p>NIP. EMP002</p>
</div>
</div>
</div>
</body>
</html>