first commit
This commit is contained in:
sas.fajri
635
light_measurement_report_template.html
Normal file
635
light_measurement_report_template.html
Normal file
@@ -0,0 +1,635 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user