PENGUMUMAN KELULUSAN XII 2024/2025
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Pengumuman Kelulusan SMKN 4 AMPANA KOTA</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
}
header, footer {
background-color: #003366;
color: white;
text-align: center;
padding: 1rem;
}
.container {
padding: 2rem;
max-width: 800px;
margin: auto;
background-color: white;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.judul {
text-align: center;
margin-bottom: 2rem;
}
.login-btn {
display: block;
width: 100%;
padding: 1rem;
background-color: #007BFF;
color: white;
border: none;
font-size: 1.2rem;
cursor: pointer;
}
.form-section {
margin-top: 2rem;
}
label, input {
display: block;
width: 100%;
margin-bottom: 1rem;
}
input[type="text"] {
padding: 0.5rem;
border: 1px solid #ccc;
border-radius: 4px;
}
.status {
font-weight: bold;
font-size: 1.2rem;
margin: 1rem 0;
}
.status.pending {
color: red;
}
.pdf-btn {
padding: 0.75rem 1.5rem;
background-color: #28a745;
color: white;
border: none;
cursor: pointer;
}
.footer-right {
text-align: right;
font-size: 0.9rem;
margin-top: 2rem;
}
</style>
</head>
<body>
<header>
<h1>Pengumuman Kelulusan SMKN 4 AMPANA KOTA<br>Tahun Ajaran 2024/2025</h1>
</header>
<div class="container">
<div class="judul">
<img src="graduation_illustration.jpg" alt="Ilustrasi kelulusan" style="width:100%; max-height:300px; object-fit:cover;">
</div>
<p><strong>Sambutan dari Kepala Sekolah:</strong></p>
<blockquote>
Selamat dan sukses kepada siswa kelas XII SMKN 4 AMPANA KOTA tahun pelajaran 2024-2025 yang telah menyelesaikan pendidikan selama tiga tahun dengan penuh semangat dan dedikasi. Semoga ilmu yang didapat menjadi bekal yang berharga untuk jenjang berikutnya. Kami bangga atas perjuangan kalian semua!
<br><br>
<em>- Dra. Hj. Kasturi, M.Pd</em>
</blockquote>
<button class="login-btn" onclick="document.getElementById('login-section').style.display='block'; this.style.display='none';">LOGIN untuk Cek Kelulusan</button>
<div id="login-section" class="form-section" style="display:none">
<label for="nisn">Masukkan NISN:</label>
<input type="text" id="nisn" placeholder="Contoh: 65664656" />
<button class="login-btn" onclick="cekKelulusan()">Cek Kelulusan</button>
<div id="hasil" style="display:none">
<p><strong>Nama Lengkap:</strong> <span id="nama"></span></p>
<p class="status" id="status"></p>
<p id="pesan"></p>
<div class="footer-right">
Ampana, 5 Mei 2025<br>
Tertanda,<br>
<strong>Dra. Hj. Kasturi, M.Pd</strong><br>
Kepala Sekolah
</div>
<br>
<button class="pdf-btn" onclick="window.print()">CETAK PDF</button>
</div>
</div>
</div>
<footer>
SMKN 4 AMPANA KOTA © 2025
</footer>
<script>
const dataSiswa = {
"65664656": { nama: "Abd Malik H.H Gento", status: "LULUS" },
"66986254": { nama: "Alkaf Ndobe", status: "LULUS" },
"65680833": { nama: "Aulia", status: "LULUS" },
"65224929": { nama: "DITA A. POGO", status: "LULUS" },
"58667749": { nama: "FATIR L. PAWELAI", status: "LULUS" },
"71709352": { nama: "Fiara Adella", status: "LULUS" },
"65352320": { nama: "FITHRYYAH M. SUMBA", status: "LULUS" },
"77409200": { nama: "GLORIANA KARLINA LANU", status: "LULUS" },
"63412410": { nama: "ILMA S. SALIHI", status: "LULUS" },
"65411821": { nama: "INDRA TANGKASI", status: "PENDING" },
"79661226": { nama: "MOH. TEGUH R. DJAFAR", status: "PENDING" },
"55185638": { nama: "Mohamad Ridho Ibrahim", status: "LULUS" },
"78684135": { nama: "Nabila R. Panusu", status: "LULUS" },
"54271517": { nama: "Nurdiana Subehi", status: "LULUS" },
"53966299": { nama: "Rahman A. Lapaduai", status: "LULUS" },
"73105206": { nama: "Rendi Rahmad Lamandadju", status: "PENDING" },
"55924023": { nama: "Rosdiana", status: "LULUS" },
"66036882": { nama: "Safarudin", status: "LULUS" },
"63801485": { nama: "SAMSUL", status: "LULUS" },
"77596127": { nama: "Siti syalwah ntaki", status: "LULUS" },
"62667169": { nama: "SUCI RAMADHANI J. MAPIPI", status: "LULUS" },
"65695444": { nama: "sutrisno Male'es", status: "LULUS" },
"51494580": { nama: "Tri Dara Cantika", status: "LULUS" },
"74133602": { nama: "TRISYA ANGGRAINI AZZAHRA", status: "LULUS" },
"64773576": { nama: "Umar G. Lamuhu", status: "LULUS" },
"69757743": { nama: "WIRDA", status: "LULUS" },
"3066306200": { nama: "YAHYA", status: "LULUS" }
};
function cekKelulusan() {
const nisn = document.getElementById("nisn").value;
const hasil = document.getElementById("hasil");
const namaSpan = document.getElementById("nama");
const statusSpan = document.getElementById("status");
const pesan = document.getElementById("pesan");
if (dataSiswa[nisn]) {
const data = dataSiswa[nisn];
namaSpan.textContent = data.nama;
statusSpan.textContent = "Status: " + data.status;
statusSpan.className = "status" + (data.status === "PENDING" ? " pending" : "");
if (data.status === "LULUS") {
pesan.textContent = "Bagi yang dinyatakan lulus, silakan mengambil Surat Keterangan Lulus (SKL) di Ruang Administrasi dengan berpakaian seragam sekolah.";
} else {
pesan.textContent = "Bagi yang dinyatakan PENDING, silakan menghubungi Wali Kelas, Kepala Jurusan dan Pembimbing Prakerin sekolah.";
}
hasil.style.display = 'block';
} else {
alert("NISN tidak ditemukan. Mohon periksa kembali.");
}
}
</script>
</body>
</html>
Halaman Lainnya
ERAPOR 2023
Pengumuman Kelulusan SMKN 4 AMPANA KOTA Pengumuman Kelulusan SMKN 4 AMPANA KOTATahun Ajaran 2024/2025 Sambutan dari Kepala Sekolah: Selamat dan sukses kepada siswa kelas XII
Visi dan Misi
VISI SMK NEGERI 4 AMPANA KOTA UNGGUL DALAM PENGEMBANGAN SUMBER DAYA MANUSIA DENGAN KOMPETENSI DIBIDANG PARIWISATA SESUAI DENGAN KEBUTUHAN MASYARAKAT
Dra. Kasturi, M.Pd
- Kepala Sekolah -
Selamat Datang di Website Resmi SMK NEGERI 4 Ampana Kota -- Perkembangan Teknologi Informasi serta Perkembangan peradaban manusia diiringi dengan perkembangan…