615 lines
29 KiB
PHP
615 lines
29 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="id">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<title>SPK Bansos - Desa Bendelan</title>
|
|
<meta name="description" content="Sistem Pendukung Keputusan Penerima Bantuan Sosial Desa Bendelan menggunakan metode Fuzzy AHP">
|
|
<meta name="keywords" content="SPK, Bansos, Fuzzy AHP, Desa Bendelan, Sistem Pendukung Keputusan">
|
|
|
|
<link href="{{ asset('assetslandingpage/img/fav.png') }}" rel="icon">
|
|
<link href="{{ asset('assetslandingpage/img/apple-touch-icon.png') }}" rel="apple-touch-icon">
|
|
|
|
<link href="https://fonts.googleapis.com" rel="preconnect">
|
|
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
|
|
|
|
<link href="{{ asset('assetslandingpage/vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assetslandingpage/vendor/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assetslandingpage/vendor/aos/aos.css') }}" rel="stylesheet">
|
|
<link href="{{ asset('assetslandingpage/vendor/glightbox/css/glightbox.min.css') }}" rel="stylesheet">
|
|
|
|
<link href="{{ asset('assetslandingpage/css/main.css') }}" rel="stylesheet">
|
|
|
|
<style>
|
|
/* Style form cek bansos */
|
|
.btn-cek-bansos {
|
|
background-color: #71c55d;
|
|
color: white;
|
|
border: none;
|
|
}
|
|
.btn-cek-bansos:hover {
|
|
background-color: #71c55d;
|
|
color: white;
|
|
}
|
|
|
|
/* Style khusus untuk mempercantik Carousel Pengumuman */
|
|
.carousel-item img {
|
|
height: 450px; /* Sedikit lebih tinggi agar lebih megah */
|
|
object-fit: cover;
|
|
}
|
|
.carousel-overlay {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 70%; /* Gradasi transparan dari bawah menutupi 70% foto */
|
|
background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
|
|
}
|
|
.carousel-caption {
|
|
bottom: 40px;
|
|
z-index: 10;
|
|
}
|
|
.carousel-caption h5 {
|
|
font-size: 1.8rem;
|
|
font-weight: 700;
|
|
text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
|
|
margin-bottom: 10px;
|
|
}
|
|
.carousel-caption p {
|
|
font-size: 1.1rem;
|
|
text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
|
|
color: #e9ecef;
|
|
}
|
|
|
|
.misi-list li {
|
|
margin-bottom: 8px;
|
|
}
|
|
/* Mencegah teks turun ke bawah pada navbar */
|
|
.nowrap-text {
|
|
white-space: nowrap !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="index-page">
|
|
|
|
<header id="header" class="header d-flex align-items-center sticky-top">
|
|
<div class="container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
|
|
|
<a href="{{ route('beranda') }}" class="logo d-flex align-items-center">
|
|
<h1 class="sitename nowrap-text" style="font-size: 22px;"><span>SPK</span> F-AHP <span>DESAKU</span></h1>
|
|
</a>
|
|
|
|
<nav id="navmenu" class="navmenu">
|
|
<ul>
|
|
<li><a href="#hero" class="active">Beranda</a></li>
|
|
<li><a href="#profil-desa">Profil</a></li>
|
|
<li><a href="#about">Sistem</a></li>
|
|
<li><a href="#pengumuman">Info Bansos</a></li>
|
|
<li><a href="#cek-bansos">Cek Status</a></li>
|
|
<li><a href="#services">Kriteria</a></li>
|
|
<li><a href="#features">Metodologi</a></li>
|
|
<li><a href="#faq">FAQ</a></li>
|
|
<li><a href="#contact">Kontak</a></li>
|
|
</ul>
|
|
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
|
</nav>
|
|
|
|
<a class="btn-getstarted d-none d-lg-block nowrap-text" style="background: #71c55d; color: #fff; padding: 8px 20px; border-radius: 50px; font-weight: 500; margin-left: 15px;" href="{{ route('login') }}">Login</a>
|
|
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main">
|
|
|
|
<section id="hero" class="hero section light-background">
|
|
<div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="row gy-5">
|
|
<div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center">
|
|
<h2>
|
|
<span class="d-block text-secondary fw-normal mb-2" style="font-size: 1.2rem;">Sistem Pendukung Keputusan</span>
|
|
Seleksi Penerima Bantuan Sosial
|
|
</h2>
|
|
<p>Mewujudkan transparansi dan keadilan sosial di Desa Bendelan melalui sistem berbasis Fuzzy Analytical Hierarchy Process (F-AHP) untuk penentuan prioritas penerima bantuan yang lebih akurat.</p>
|
|
<div class="d-flex flex-wrap gap-2">
|
|
<a href="#cek-bansos" class="btn-get-started">Cek Status Penerima</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 order-1 order-lg-2">
|
|
<img src="{{ asset('assetslandingpage/img/hero-img.png') }}" class="img-fluid" alt="Ilustrasi SPK">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="icon-boxes position-relative" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="container position-relative">
|
|
<div class="row gy-4 mt-5">
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="bi bi-easel"></i></div>
|
|
<h4 class="title"><a href="" class="stretched-link">Transparan</a></h4>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="bi bi-gem"></i></div>
|
|
<h4 class="title"><a href="" class="stretched-link">Objektif</a></h4>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="bi bi-geo-alt"></i></div>
|
|
<h4 class="title"><a href="" class="stretched-link">Tepat Sasaran</a></h4>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-md-6">
|
|
<div class="icon-box">
|
|
<div class="icon"><i class="bi bi-command"></i></div>
|
|
<h4 class="title"><a href="" class="stretched-link">Sistematis</a></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="profil-desa" class="about section">
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Profil</h2>
|
|
<div><span>Mengenal</span> <span class="description-title">Desa Bendelan</span></div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row gy-5 align-items-center">
|
|
|
|
@if(isset($profil) && $profil)
|
|
<div class="col-lg-5 text-center" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="position-relative d-inline-block shadow-lg rounded" style="overflow: hidden; border: 6px solid #fff;">
|
|
@if($profil->foto_kepala_desa)
|
|
<img src="{{ asset('storage/' . $profil->foto_kepala_desa) }}" alt="Kepala Desa" class="img-fluid" style="width: 100%; max-height: 450px; object-fit: cover;">
|
|
@else
|
|
<img src="{{ asset('assetslandingpage/img/about-company-1.jpg') }}" alt="Kepala Desa" class="img-fluid" style="width: 100%; max-height: 450px; object-fit: cover;">
|
|
@endif
|
|
</div>
|
|
<h4 class="mt-4 mb-1 fw-bold" style="color: #313336;">{{ $profil->nama_kepala_desa }}</h4>
|
|
<p class="text-muted font-italic mb-0">Kepala Desa Bendelan</p>
|
|
</div>
|
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="content px-xl-4">
|
|
<h3 class="mb-3 fw-bold" style="color: #313336;">Sejarah & Visi Misi</h3>
|
|
<p class="text-justify mb-4" style="line-height: 1.8;">
|
|
{{ $profil->sejarah_singkat }}
|
|
</p>
|
|
<div class="row gy-4">
|
|
<div class="col-md-12">
|
|
<div class="p-4 rounded shadow-sm" style="background-color: #f4fcfa; border-left: 5px solid #38d39f;">
|
|
<h5 class="text-success fw-bold mb-2"><i class="bi bi-bullseye me-2"></i>Visi</h5>
|
|
<p class="mb-0" style="line-height: 1.6;">{{ $profil->visi }}</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="p-4 rounded shadow-sm" style="background-color: #f4fcfa; border-left: 5px solid #38d39f;">
|
|
<h5 class="text-success fw-bold mb-2"><i class="bi bi-list-check me-2"></i>Misi</h5>
|
|
<p class="mb-0" style="line-height: 1.6;">{!! nl2br(e($profil->misi)) !!}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@else
|
|
<div class="col-lg-5 text-center" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="position-relative d-inline-block shadow-lg rounded" style="overflow: hidden; border: 6px solid #fff;">
|
|
<img src="{{ asset('assetslandingpage/img/about-company-1.jpg') }}" alt="Kepala Desa" class="img-fluid" style="width: 100%; max-height: 450px; object-fit: cover;">
|
|
</div>
|
|
<h4 class="mt-4 mb-1 fw-bold" style="color: #313336;">Bapak Kepala Desa</h4>
|
|
<p class="text-muted font-italic mb-0">Kepala Desa Bendelan</p>
|
|
</div>
|
|
<div class="col-lg-7" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="content px-xl-4">
|
|
<h3 class="mb-3 fw-bold" style="color: #313336;">Sejarah & Visi Misi</h3>
|
|
<p class="text-justify mb-4" style="line-height: 1.8;">
|
|
Data profil desa belum ditambahkan ke dalam sistem. Silakan masuk menggunakan akun perangkat desa untuk melengkapi informasi profil, sejarah, dan visi misi.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="about" class="about section light-background">
|
|
<div class="container">
|
|
<div class="row gy-4 align-items-center">
|
|
|
|
<div class="col-lg-6 content" data-aos="fade-up" data-aos-delay="100">
|
|
<p class="who-we-are">Tentang Sistem</p>
|
|
<h3>Digitalisasi Layanan Bantuan Sosial</h3>
|
|
<p class="fst-italic">
|
|
Sistem Pendukung Keputusan (SPK) ini dikembangkan secara khusus untuk membantu pemerintah Desa Bendelan dalam menyeleksi calon penerima bantuan sosial secara adil.
|
|
</p>
|
|
<ul>
|
|
<li><i class="bi bi-check-circle text-success"></i> <span>Menggunakan metode Fuzzy AHP untuk mengurangi subjektivitas penilaian.</span></li>
|
|
<li><i class="bi bi-check-circle text-success"></i> <span>Kriteria dan pembobotan divalidasi langsung oleh pakar perangkat desa.</span></li>
|
|
<li><i class="bi bi-check-circle text-success"></i> <span>Membantu memastikan bantuan didistribusikan kepada warga yang benar-benar membutuhkan.</span></li>
|
|
</ul>
|
|
<a href="#features" class="read-more"><span>Pelajari Metodologi</span><i class="bi bi-arrow-right"></i></a>
|
|
</div>
|
|
|
|
<div class="col-lg-6 about-images" data-aos="fade-up" data-aos-delay="200">
|
|
<style>
|
|
.img-hover-zoom {
|
|
overflow: hidden;
|
|
border-radius: 12px;
|
|
}
|
|
.img-hover-zoom img {
|
|
transition: transform .5s ease;
|
|
}
|
|
.img-hover-zoom:hover img {
|
|
transform: scale(1.08); /* Efek zoom saat kursor disorot */
|
|
}
|
|
</style>
|
|
|
|
<div class="row gy-3 gx-3">
|
|
|
|
<div class="col-6">
|
|
<div class="img-hover-zoom shadow-sm">
|
|
<img src="{{ asset('assetslandingpage/img/foto-1.jpeg') }}" class="img-fluid" style="width: 100%; height: 210px; object-fit: cover;" alt="Musyawarah Validasi">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
<div class="img-hover-zoom shadow-sm">
|
|
<img src="{{ asset('assetslandingpage/img/foto-2.jpeg') }}" class="img-fluid" style="width: 100%; height: 210px; object-fit: cover;" alt="Survei Lapangan">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
<div class="img-hover-zoom shadow-sm">
|
|
<img src="{{ asset('assetslandingpage/img/foto-3.jpeg') }}" class="img-fluid" style="width: 100%; height: 210px; object-fit: cover;" alt="Proses Sistem">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
<div class="img-hover-zoom shadow-sm">
|
|
<img src="{{ asset('assetslandingpage/img/foto-4.jpeg') }}" class="img-fluid" style="width: 100%; height: 210px; object-fit: cover;" alt="Dashboard Admin">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="pengumuman" class="section">
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Informasi</h2>
|
|
<div><span>Pengumuman</span> <span class="description-title">& Galeri Desa</span></div>
|
|
</div>
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
@if(isset($pengumumans) && $pengumumans->count() > 0)
|
|
<div id="pengumumanCarousel" class="carousel slide shadow-lg" data-bs-ride="carousel" style="border-radius: 15px; overflow: hidden;">
|
|
|
|
<div class="carousel-indicators">
|
|
@foreach($pengumumans as $key => $info)
|
|
<button type="button" data-bs-target="#pengumumanCarousel" data-bs-slide-to="{{ $key }}" class="{{ $key == 0 ? 'active' : '' }}" aria-current="{{ $key == 0 ? 'true' : 'false' }}" aria-label="Slide {{ $key + 1 }}"></button>
|
|
@endforeach
|
|
</div>
|
|
|
|
<div class="carousel-inner">
|
|
@foreach($pengumumans as $key => $info)
|
|
<div class="carousel-item {{ $key == 0 ? 'active' : '' }}">
|
|
<img src="{{ asset('storage/' . $info->foto) }}" class="d-block w-100" alt="{{ $info->judul }}">
|
|
<div class="carousel-overlay"></div>
|
|
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<span class="badge bg-success mb-2 px-3 py-2 rounded-pill">Info Terbaru</span>
|
|
<h5 class="text-white">{{ $info->judul }}</h5>
|
|
<p class="text-white-50">{{ $info->deskripsi }}</p>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
<button class="carousel-control-prev" type="button" data-bs-target="#pengumumanCarousel" data-bs-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-bs-target="#pengumumanCarousel" data-bs-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Next</span>
|
|
</button>
|
|
</div>
|
|
@else
|
|
<div class="text-center p-5 bg-light rounded shadow-sm">
|
|
<i class="bi bi-info-circle text-muted" style="font-size: 3rem;"></i>
|
|
<p class="mt-3 text-muted">Belum ada pengumuman penyaluran bansos terbaru saat ini.</p>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</section>
|
|
|
|
<section id="cek-bansos" class="contact section light-background">
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Transparansi</h2>
|
|
<div><span>Cek Status</span> <span class="description-title">Penerima Bansos</span></div>
|
|
<p class="mt-2 text-muted">Masukkan 16 digit Nomor Induk Kependudukan (NIK) Kepala Keluarga untuk melihat hasil seleksi kelayakan bantuan sosial.</p>
|
|
</div>
|
|
|
|
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="card shadow border-0 p-4" style="border-radius: 15px;">
|
|
<form action="{{ route('cek.bansos') }}" method="POST">
|
|
@csrf
|
|
<div class="input-group input-group-lg mb-3">
|
|
<span class="input-group-text bg-white"><i class="bi bi-person-vcard text-success"></i></span>
|
|
<input type="number" name="nik" class="form-control" placeholder="Masukkan NIK Kepala Keluarga..." required>
|
|
<button class="btn btn-cek-bansos px-4 nowrap-text" type="submit">Cek Sekarang</button>
|
|
</div>
|
|
@error('nik')
|
|
<small class="text-danger">{{ $message }}</small>
|
|
@enderror
|
|
</form>
|
|
|
|
@if(session('hasil_pencarian'))
|
|
@php $hasil = session('hasil_pencarian'); @endphp
|
|
<div class="alert alert-success mt-4 border-0 shadow-sm rounded">
|
|
<h4 class="alert-heading"><i class="bi bi-check-circle-fill me-2"></i>Data Ditemukan!</h4>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<p class="mb-1"><strong>Nama Kepala Keluarga:</strong></p>
|
|
<p>{{ $hasil->warga->nama }}</p>
|
|
<p class="mb-1"><strong>NIK:</strong></p>
|
|
<p>{{ substr($hasil->warga->nik, 0, 6) }}**********</p>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<p class="mb-1"><strong>Periode Seleksi:</strong></p>
|
|
<p>{{ $hasil->periode->nama_periode ?? 'Periode Berjalan' }}</p>
|
|
<p class="mb-1"><strong>Status Keputusan:</strong></p>
|
|
<span class="badge bg-success p-2" style="font-size: 14px;">{{ $hasil->status_keputusan }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
@if(session('error_pencarian'))
|
|
<div class="alert alert-danger mt-4 border-0 shadow-sm rounded d-flex align-items-center">
|
|
<i class="bi bi-exclamation-triangle-fill fs-3 me-3"></i>
|
|
<div>
|
|
<strong>Pencarian Gagal!</strong><br>
|
|
{{ session('error_pencarian') }}
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="services" class="services section">
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Kriteria</h2>
|
|
<div><span>Parameter Penilaian</span> <span class="description-title">Bansos</span></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row gy-4">
|
|
@php
|
|
$icons = ['bi-activity', 'bi-broadcast', 'bi-easel', 'bi-bounding-box-circles', 'bi-calendar4-week', 'bi-chat-square-text', 'bi-house', 'bi-wallet2'];
|
|
@endphp
|
|
|
|
@if(isset($kriterias) && $kriterias->count() > 0)
|
|
@foreach($kriterias as $index => $kriteria)
|
|
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="{{ 100 * ($index + 1) }}">
|
|
<div class="service-item position-relative">
|
|
<div class="icon">
|
|
<i class="{{ $icons[$index % count($icons)] }}"></i>
|
|
</div>
|
|
<a href="#" class="stretched-link">
|
|
<h3>{{ $kriteria->kode }} - {{ $kriteria->nama }}</h3>
|
|
</a>
|
|
<p>Parameter ini digunakan sebagai salah satu variabel dalam perhitungan Fuzzy AHP untuk mengukur tingkat kelayakan warga.</p>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
@else
|
|
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="service-item position-relative">
|
|
<div class="icon"><i class="bi bi-activity"></i></div>
|
|
<a href="#" class="stretched-link"><h3>C1 - Pendapatan</h3></a>
|
|
<p>Menilai total pendapatan kotor keluarga per bulan.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="service-item position-relative">
|
|
<div class="icon"><i class="bi bi-broadcast"></i></div>
|
|
<a href="#" class="stretched-link"><h3>C2 - Tanggungan</h3></a>
|
|
<p>Jumlah anggota keluarga yang menjadi tanggungan.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="service-item position-relative">
|
|
<div class="icon"><i class="bi bi-easel"></i></div>
|
|
<a href="#" class="stretched-link"><h3>C3 - Status Rumah</h3></a>
|
|
<p>Mengevaluasi kelayakan tempat tinggal warga.</p>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="features" class="features section light-background">
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Metodologi</h2>
|
|
<div><span>Keunggulan Metode</span> <span class="description-title">Fuzzy AHP</span></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row gy-5 justify-content-between">
|
|
<div class="col-xl-5" data-aos="zoom-out" data-aos-delay="100">
|
|
<img src="{{ asset('assetslandingpage/assets/img//template/eStartup/features.svg') }}" class="img-fluid" alt="Ilustrasi Fitur">
|
|
</div>
|
|
<div class="col-xl-6 d-flex">
|
|
<div class="row align-self-center gy-4">
|
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="feature-box d-flex align-items-center">
|
|
<i class="bi bi-check"></i>
|
|
<h3>Perhitungan Matematis Akurat</h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="300">
|
|
<div class="feature-box d-flex align-items-center">
|
|
<i class="bi bi-check"></i>
|
|
<h3>Meminimalisir Subjektivitas</h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="400">
|
|
<div class="feature-box d-flex align-items-center">
|
|
<i class="bi bi-check"></i>
|
|
<h3>Bobot Tervalidasi Pakar</h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="500">
|
|
<div class="feature-box d-flex align-items-center">
|
|
<i class="bi bi-check"></i>
|
|
<h3>Ranking Kelayakan Otomatis</h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="600">
|
|
<div class="feature-box d-flex align-items-center">
|
|
<i class="bi bi-check"></i>
|
|
<h3>Sistem Kuota & Pemerataan</h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6" data-aos="fade-up" data-aos-delay="700">
|
|
<div class="feature-box d-flex align-items-center">
|
|
<i class="bi bi-check"></i>
|
|
<h3>Keamanan Data Terpusat</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="faq" class="faq section">
|
|
<div class="container">
|
|
<div class="row gy-4">
|
|
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="content px-xl-5">
|
|
<h3><span>Pertanyaan </span><strong>Sering Diajukan</strong></h3>
|
|
<p>Informasi lebih lanjut mengenai cara kerja Sistem Pendukung Keputusan Bantuan Sosial (SPK Bansos) di Desa Bendelan.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-8" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="faq-container">
|
|
<div class="faq-item faq-active">
|
|
<h3><span class="num">1.</span> <span>Apa itu metode Fuzzy AHP yang digunakan sistem ini?</span></h3>
|
|
<div class="faq-content">
|
|
<p>Fuzzy Analytical Hierarchy Process (F-AHP) adalah metode matematika yang menggabungkan logika fuzzy dengan AHP. Metode ini menangani ketidakpastian dalam pengambilan keputusan, sehingga pembobotan kriteria dari pakar desa menjadi lebih fleksibel dan akurat dibandingkan penilaian manual.</p>
|
|
</div>
|
|
<i class="faq-toggle bi bi-chevron-right"></i>
|
|
</div>
|
|
<div class="faq-item">
|
|
<h3><span class="num">2.</span> <span>Siapa yang berwenang memasukkan data warga?</span></h3>
|
|
<div class="faq-content">
|
|
<p>Proses input data warga dilakukan oleh Admin atau Perangkat Desa Bendelan yang ditunjuk, berdasarkan hasil survei lapangan dan data riil dari RT/RW setempat.</p>
|
|
</div>
|
|
<i class="faq-toggle bi bi-chevron-right"></i>
|
|
</div>
|
|
<div class="faq-item">
|
|
<h3><span class="num">3.</span> <span>Bagaimana penentuan kelayakan warga penerima bansos?</span></h3>
|
|
<div class="faq-content">
|
|
<p>Sistem ini sudah tidak menggunakan ambang batas nilai yang kaku. Keputusan didasarkan pada perhitungan skor tertinggi (ranking), ketersediaan kuota desa, dan penerapan prinsip pemerataan agar bantuan lebih adil dan tepat sasaran.</p>
|
|
</div>
|
|
<i class="faq-toggle bi bi-chevron-right"></i>
|
|
</div>
|
|
<div class="faq-item">
|
|
<h3><span class="num">4.</span> <span>Apakah warga umum bisa melihat hasil kelayakannya?</span></h3>
|
|
<div class="faq-content">
|
|
<p>Tentu. Warga dapat mengecek secara mandiri status kelayakannya melalui fitur <strong>Cek Bansos</strong> di halaman ini hanya dengan memasukkan NIK Kepala Keluarga yang terdaftar.</p>
|
|
</div>
|
|
<i class="faq-toggle bi bi-chevron-right"></i>
|
|
</div>
|
|
<div class="faq-item">
|
|
<h3><span class="num">5.</span> <span>Bagaimana jika terjadi kesalahan pendataan kriteria warga?</span></h3>
|
|
<div class="faq-content">
|
|
<p>Data yang telah diinput dapat diperbarui melalui menu Data Master oleh admin. Setelah diperbarui, sistem akan menghitung ulang dan menyesuaikan urutan ranking prioritas secara otomatis.</p>
|
|
</div>
|
|
<i class="faq-toggle bi bi-chevron-right"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact" class="contact section light-background">
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Kontak</h2>
|
|
<div><span>Pusat Bantuan</span> <span class="description-title">Desa Bendelan</span></div>
|
|
</div>
|
|
|
|
<div class="container" data-aos="fade" data-aos-delay="100">
|
|
<div class="row gy-4 justify-content-center">
|
|
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="info-item d-flex flex-column justify-content-center align-items-center text-center p-4 shadow-sm rounded bg-white" data-aos="fade-up" data-aos-delay="200" style="height: 100%;">
|
|
<i class="bi bi-geo-alt flex-shrink-0 text-success mb-3" style="font-size: 32px;"></i>
|
|
<h3>Alamat Kantor</h3>
|
|
<p class="mb-0">Pal Sembilan, Bendelan, Kec. Binakal, <br> Kabupaten Bondowoso<br>Jawa Timur 68251</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="info-item d-flex flex-column justify-content-center align-items-center text-center p-4 shadow-sm rounded bg-white" data-aos="fade-up" data-aos-delay="300" style="height: 100%;">
|
|
<i class="bi bi-telephone flex-shrink-0 text-success mb-3" style="font-size: 32px;"></i>
|
|
<h3>Telepon</h3>
|
|
<p class="mb-0">+62 814-5505-7453</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="info-item d-flex flex-column justify-content-center align-items-center text-center p-4 shadow-sm rounded bg-white" data-aos="fade-up" data-aos-delay="400" style="height: 100%;">
|
|
<i class="bi bi-envelope flex-shrink-0 text-success mb-3" style="font-size: 32px;"></i>
|
|
<h3>Email</h3>
|
|
<p class="mb-0">elisaoktaviana985@gmail.com</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer id="footer" class="footer">
|
|
<div class="container">
|
|
<div class="copyright text-center ">
|
|
<p>© 2026 <span>Hak Cipta</span> <strong class="px-1 sitename">Elisa Oktaviana</strong> <span>- Manajemen Informatika - Politeknik Negeri Jember</span></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
|
|
|
|
<script src="{{ asset('assetslandingpage/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
|
|
<script src="{{ asset('assetslandingpage/vendor/aos/aos.js') }}"></script>
|
|
<script src="{{ asset('assetslandingpage/vendor/glightbox/js/glightbox.min.js') }}"></script>
|
|
<script src="{{ asset('assetslandingpage/js/main.js') }}"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|