231 lines
13 KiB
PHP
231 lines
13 KiB
PHP
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>SPK - SISWA BERPRESTASI</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.datatables.net/2.0.7/js/dataTables.js">
|
|
|
|
<link rel="icon" href="{{ asset('img/logo.png') }}" type="image/x-icon">
|
|
</head>
|
|
|
|
<!-- CSS -->
|
|
<style>
|
|
.jumbotron {
|
|
padding-top: 6rem;
|
|
background-color: #0d6efd;
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
|
|
section {
|
|
padding-top: 7rem;
|
|
}
|
|
|
|
.container-mt4 {
|
|
margin-top: 6rem;
|
|
}
|
|
</style>
|
|
|
|
<body id="home">
|
|
<!-- navigation bar -->
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary shadow fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand logo text-uppercase fs-3" href="#">SI-WAPRES</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#home">HOME</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#tentang">TENTANG</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#video">VIDEO</a>
|
|
</li>
|
|
<!-- <li class="nav-item">
|
|
<a class="nav-link" href="#main">SI-WAPRES</a>
|
|
</li> -->
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#kontak">KONTAK</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="{{ route('login-admin') }}" class="nav-link">LOGIN</a>
|
|
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- content -->
|
|
|
|
<section class="jumbotron text-center">
|
|
<h1 class="display-3 mb-3">Website Sistem Pendukung Keputusan</h1>
|
|
<img src="img/logo2.png" alt="Ini logo SI-Wapres" width="350" class="rounded-circle img-thumbnail">
|
|
<h2 class="display-4">SI-WAPRES</h2>
|
|
<p class="lead fs-3">Sistem Informasi - Siswa Berprestasi</p>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
|
|
<path fill="#ffffff" fill-opacity="1" d="M0,0L30,48C60,96,120,192,180,197.3C240,203,300,117,360,122.7C420,128,480,224,540,240C600,256,660,192,720,154.7C780,117,840,107,900,133.3C960,160,1020,224,1080,224C1140,224,1200,160,1260,133.3C1320,107,1380,117,1410,122.7L1440,128L1440,320L1410,320C1380,320,1320,320,1260,320C1200,320,1140,320,1080,320C1020,320,960,320,900,320C840,320,780,320,720,320C660,320,600,320,540,320C480,320,420,320,360,320C300,320,240,320,180,320C120,320,60,320,30,320L0,320Z"></path>
|
|
</svg>
|
|
</section>
|
|
|
|
<!-- tentang -->
|
|
<section id="tentang">
|
|
<div class="container">
|
|
<div class="row text-center">
|
|
<div class="col">
|
|
<h3>TENTANG APLIKASI</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row justify-content-center fs-5 text-center mt-4">
|
|
<div class="col-md-5 mb-5">
|
|
<p>Aplikasi Si-Wapres dirancang khusus untuk memudahkan tenaga pengajar dalam mencari siswa berprestasi. Dengan fitur-fitur canggih yang dimilikinya. Guru dapat dengan mudah mengakses data lengkap mengenai pencapaian siswa, mulai dari nilai ulangan akhir semester hingga partisipasi dalam kegiatan belajar. Selain itu, aplikasi Si-Wapres juga menyediakan laporan yang terperinci dan mudah dipahami, sehingga memudahkan guru dalam mengambil keputusan terkait penghargaan dan pengembangan potensi siswa. Dengan adanya aplikasi ini, proses pemilihan siswa berprestasi menjadi lebih efisien dan transparan.</p>
|
|
</div>
|
|
<div class="col-md-5 mb-5">
|
|
<p>Aplikasi Si-Wapres menggunakan metode Fuzzy Multi-Criteria Decision Making (FMCDM) untuk memudahkan tenaga pengajar dalam mencari siswa berprestasi. Metode FMCDM memungkinkan aplikasi ini untuk menilai dan mengintegrasikan berbagai kriteria penilaian dengan lebih akurat dan objektif. Salah satu keunggulan metode FMCDM adalah kemampuannya untuk menangani ketidakpastian dan ambigu dalam proses pengambilan keputusan. Dengan menggunakan FMCDM, aplikasi Si-Wapres mampu memberikan rekomendasi yang komprehensif dan dapat diandalkan dalam menentukan siswa yang layak mendapatkan penghargaan. </p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 text-center">
|
|
<a href="{{ route('main') }}" type="button" class="btn btn-primary fs-4">CEK Si-Wapres</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row text-center">
|
|
<div class="col mt-5 mb-2">
|
|
<h3>TENTANG SEKOLAH</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row justify-content-center fs-5 text-center mt-4">
|
|
<div class="col-md-5">
|
|
<p>SMP negeri ini memulai kegiatan pendidikan belajar mengajarnya pada tahun 1983. Sekarang SMP Negeri 1 Tapin Tengah memakai panduan belajar kurikulum merdeka. SMP Negeri 1 Tapin Tengah dikepalai oleh seorang kepala sekolah bernama Sajiyo ditangani oleh seorang operator yang bernama Haifa Hardianti.</p>
|
|
</div>
|
|
<div class="col-md-5">
|
|
SMP Negeri 1 Tapin Tengah beralamat di Jl. Pembangunan No.2, Kecamatan Tapin Tengah, Kabupaten Tapin, Kalimantan Selatan. Jika ingin mengetahui info lebih lanjut mengenai PPDB atau penerimaan siswa baru di SMP Negeri 1 Tapin Tengah, Kabupaten Tapin langsung kontak melalui email sekolah di <a href="mailto:smpnegeri1tapintengah@gmail.com">smpnegeri1tapintengah@gmail.com</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
|
|
<path fill="#e2edff" fill-opacity="1" d="M0,128L24,128C48,128,96,128,144,138.7C192,149,240,171,288,186.7C336,203,384,213,432,202.7C480,192,528,160,576,138.7C624,117,672,107,720,122.7C768,139,816,181,864,165.3C912,149,960,75,1008,58.7C1056,43,1104,85,1152,117.3C1200,149,1248,171,1296,181.3C1344,192,1392,192,1416,192L1440,192L1440,320L1416,320C1392,320,1344,320,1296,320C1248,320,1200,320,1152,320C1104,320,1056,320,1008,320C960,320,912,320,864,320C816,320,768,320,720,320C672,320,624,320,576,320C528,320,480,320,432,320C384,320,336,320,288,320C240,320,192,320,144,320C96,320,48,320,24,320L0,320Z"></path>
|
|
</svg>
|
|
</section>
|
|
<!-- akhir tentang -->
|
|
|
|
<!-- Video -->
|
|
<section id="video" style="background-color: #e2edff;">
|
|
<div class="container">
|
|
<div class="row text-center">
|
|
<div class="col">
|
|
<h3>VIDEO PEMBELAJARAN SISWA</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-5">
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card">
|
|
<img src="https://i.ytimg.com/vi/CFDAj_dGNfk/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLB72DuIod6g_aPdiUFMGloyvOeZPA" class="card-img-top" alt="...">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Cara Mudah Membuat Animasi</h5>
|
|
<p class="card-text">Berikut video pembelajaran dari YouTube</p>
|
|
<div class="text-center">
|
|
<a href="https://youtu.be/CFDAj_dGNfk?si=hoojo5aFUMvL200t" class="btn btn-primary">Tonton</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card">
|
|
<img src="https://i.ytimg.com/vi/GN-3S5n8x1Q/hqdefault.jpg?sqp=-oaymwE2COADEI4CSFXyq4qpAygIARUAAIhCGAFwAcABBvABAfgB_g6AArgIigIMCAAQARhyIFsoPzAP&rs=AOn4CLCP_BzkRmzI1RnUkOQV9a_vLMcphw" class="card-img-top" alt="...">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Bahaya Narkoba Pada Remaja</h5>
|
|
<p class="card-text">Berikut video pembelajaran dari YouTube</p>
|
|
<div class="text-center">
|
|
<a href="https://youtu.be/GN-3S5n8x1Q?si=Z_8nnA5I6Nzb2QS7" class="btn btn-primary">Tonton</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card">
|
|
<img src="https://i.ytimg.com/vi/JMx173FvuQc/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDxij6UQwv8mlpU9XJcpjznVIBK8Q" class="card-img-top" alt="...">
|
|
<div class="card-body">
|
|
<h5 class="card-title">Cara Belajar Dengan Video</h5>
|
|
<p class="card-text">Berikut video pembelajaran dari YouTube</p>
|
|
<div class="text-center">
|
|
<a href="https://youtu.be/1T2gaG5vPk8?si=00isMokI3vG9Ttfx" class="btn btn-primary">Tonton</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
|
|
<path fill="#ffffff" fill-opacity="1" d="M0,128L15,133.3C30,139,60,149,90,149.3C120,149,150,139,180,144C210,149,240,171,270,197.3C300,224,330,256,360,272C390,288,420,288,450,272C480,256,510,224,540,186.7C570,149,600,107,630,106.7C660,107,690,149,720,144C750,139,780,85,810,64C840,43,870,53,900,48C930,43,960,21,990,58.7C1020,96,1050,192,1080,202.7C1110,213,1140,139,1170,138.7C1200,139,1230,213,1260,213.3C1290,213,1320,139,1350,117.3C1380,96,1410,128,1425,144L1440,160L1440,320L1425,320C1410,320,1380,320,1350,320C1320,320,1290,320,1260,320C1230,320,1200,320,1170,320C1140,320,1110,320,1080,320C1050,320,1020,320,990,320C960,320,930,320,900,320C870,320,840,320,810,320C780,320,750,320,720,320C690,320,660,320,630,320C600,320,570,320,540,320C510,320,480,320,450,320C420,320,390,320,360,320C330,320,300,320,270,320C240,320,210,320,180,320C150,320,120,320,90,320C60,320,30,320,15,320L0,320Z"></path>
|
|
</svg>
|
|
</section>
|
|
<!-- akhir video -->
|
|
|
|
<!-- kontak -->
|
|
<section id="kontak" style="background-color: #fff;">
|
|
<div class="container">
|
|
<div class="row text-center">
|
|
<div class="col">
|
|
<h3>KONTAK</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-5 text-center">
|
|
<!-- IG -->
|
|
<div class="col-md-3">
|
|
<div class="card-body">
|
|
<a href="https://www.instagram.com/smpnegeri1tapintengah"><img src="img/ig.png" alt="Logo Instagram" width="100"></a>
|
|
</div>
|
|
</div>
|
|
<!-- FB -->
|
|
<div class="col-md-3">
|
|
<div class="card-body">
|
|
<a href="https://www.facebook.com/profile.php?id=100063679550831"><img src="img/fb.png" alt="Logo Facebook" width="100"></a>
|
|
</div>
|
|
</div>
|
|
<!-- WA -->
|
|
<div class="col-md-3">
|
|
<div class="card-body">
|
|
<a href="https://wa.me/6281348016462"><img src="img/wa.png" alt="Logo WhatsApp" width="100"></a>
|
|
</div>
|
|
</div>
|
|
<!-- Mail -->
|
|
<div class="col-md-3 mt-3">
|
|
<div class="card-body">
|
|
<a href="mailto:smpn1tapteng@yahoo.com"><img src="img/mail.png" alt="Logo Email" width="100"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
|
|
<path fill="#0d6efd" fill-opacity="1" d="M0,160L18.5,176C36.9,192,74,224,111,197.3C147.7,171,185,85,222,53.3C258.5,21,295,43,332,48C369.2,53,406,43,443,74.7C480,107,517,181,554,224C590.8,267,628,277,665,245.3C701.5,213,738,139,775,101.3C812.3,64,849,64,886,96C923.1,128,960,192,997,192C1033.8,192,1071,128,1108,117.3C1144.6,107,1182,149,1218,160C1255.4,171,1292,149,1329,144C1366.2,139,1403,149,1422,154.7L1440,160L1440,320L1421.5,320C1403.1,320,1366,320,1329,320C1292.3,320,1255,320,1218,320C1181.5,320,1145,320,1108,320C1070.8,320,1034,320,997,320C960,320,923,320,886,320C849.2,320,812,320,775,320C738.5,320,702,320,665,320C627.7,320,591,320,554,320C516.9,320,480,320,443,320C406.2,320,369,320,332,320C295.4,320,258,320,222,320C184.6,320,148,320,111,320C73.8,320,37,320,18,320L0,320Z"></path></svg>
|
|
</section>
|
|
<!-- akhir kontak -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
|
</body>
|
|
|
|
<!-- footer -->
|
|
|
|
<footer class="bg-primary text-white text-center pb-3">
|
|
<p>© 2024 Created by Berry. Want to Donate? <a class="text-white" href="https://saweria.co/BerrySahaja">Click Here</a></p>
|
|
</footer>
|
|
</html> |