388 lines
25 KiB
PHP
388 lines
25 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<title>Page | Landing</title>
|
|
<meta name="description" content="">
|
|
<meta name="keywords" content="">
|
|
<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('landing/assets/vendor/bootstrap/css/bootstrap.min.css') }} " rel="stylesheet">
|
|
<link href="{{ asset('landing/assets/vendor/bootstrap-icons/bootstrap-icons.css') }} " rel="stylesheet">
|
|
<link href="{{ asset('landing/assets/vendor/aos/aos.css') }} " rel="stylesheet">
|
|
<link href="{{ asset('landing/assets/vendor/glightbox/css/glightbox.min.css') }} " rel="stylesheet">
|
|
<link href="{{ asset('landing/assets/vendor/swiper/swiper-bundle.min.css') }} " rel="stylesheet">
|
|
<link href="{{ asset('landing/assets/css/main.css') }} " rel="stylesheet">
|
|
</head>
|
|
|
|
<body class="index-page">
|
|
<header id="header" class="header sticky-top">
|
|
<div class="branding d-flex align-items-cente">
|
|
|
|
<div class="container position-relative d-flex align-items-center justify-content-between">
|
|
<a href="index.html" class="logo d-flex align-items-center">
|
|
<h2 class="sitename" style="color: black; font: 900;">Malaria</h2>
|
|
</a>
|
|
<nav id="navmenu" class="navmenu">
|
|
<ul>
|
|
<li><a href="#hero" class="active">Home</a></li>
|
|
<li><a href="#about">About</a></li>
|
|
<li><a href="#sampel">Pengambilan Sampel</a></li>
|
|
</ul>
|
|
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main class="main">
|
|
<section id="hero" class="hero section accent-background">
|
|
<div id="hero-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel"
|
|
data-bs-interval="5000">
|
|
<div class="carousel-item active">
|
|
<img src="{{ asset('landing/assets/img/hero-carousel/hero-carousel-1.jpg') }} " alt="">
|
|
<div class="carousel-container">
|
|
<h2>Welcome</h2>
|
|
<p>Penelitian ini bertujuan menganalisis potensi tempat perindukan nyamuk Anopheles di wilayah
|
|
Bondowoso menggunakan metode Fuzzy Inference System. Data diperoleh melalui survei lapangan
|
|
dengan mengukur suhu, pH, dan salinitas air. Hasil pengukuran diproses menggunakan metode
|
|
fuzzy Sugeno untuk memprediksi kemungkinan suatu lokasi menjadi habitat nyamuk malaria.</p>
|
|
<a href="{{ route('dashboard') }}" class="btn-get-started">Get Started</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="about" class="about section">
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>About Us</h2>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row gy-4">
|
|
<div class="col-lg-6 position-relative align-self-start" data-aos="fade-up" data-aos-delay="100">
|
|
<img src="{{ asset('landing/assets/img/about.jpg') }} " class="img-fluid" alt="">
|
|
</div>
|
|
<div class="col-lg-6 content" data-aos="fade-up" data-aos-delay="200">
|
|
<h3>Analisis Vektor Malaria dengan Metode Fuzzy Inference System</h3>
|
|
<p class="fst-italic">
|
|
Penelitian ini dilakukan untuk menganalisis potensi tempat perindukan nyamuk Anopheles
|
|
sebagai vektor malaria di wilayah Bondowoso dengan pendekatan berbasis Fuzzy Inference
|
|
System.
|
|
</p>
|
|
<ul>
|
|
<li><i class="bi bi-check2-all"></i> <span>Data dikumpulkan melalui survei lapangan pada
|
|
beberapa lokasi potensial genangan air.</span></li>
|
|
<li><i class="bi bi-check2-all"></i> <span>Parameter yang diukur meliputi suhu, pH, dan
|
|
salinitas air di setiap titik lokasi.</span></li>
|
|
<li><i class="bi bi-check2-all"></i> <span>Metode Fuzzy Sugeno digunakan untuk mengolah data
|
|
dan memprediksi tingkat kemungkinan suatu lokasi menjadi habitat nyamuk
|
|
Anopheles.</span></li>
|
|
</ul>
|
|
<p>
|
|
Hasil dari penelitian ini diharapkan dapat membantu pihak terkait dalam pengambilan
|
|
keputusan strategis untuk pencegahan dan pengendalian penyakit malaria secara lebih efektif
|
|
berbasis data lingkungan lokal.
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<section id="why-us" class="why-us section">
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Metode Penelitian</h2>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row no-gutters">
|
|
<div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="100">
|
|
<span>01</span>
|
|
<h4>Identifikasi Masalah</h4>
|
|
<p>Berfokus pada belum tersedianya sistem prediksi yang akurat untuk mengidentifikasi
|
|
potensi
|
|
tempat perindukan nyamuk Anopheles berdasarkan suhu, pH, dan salinitas air
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="200">
|
|
<span>02</span>
|
|
<h4>Studi Literatur</h4>
|
|
<p>Fuzzy Inference System (FIS) terbukti
|
|
mampu mengolah data lingkungan yang bersifat tidak pasti dan variatif, seperti suhu, pH,
|
|
dan
|
|
salinitas air. Studi oleh peneliti lain menunjukkan bahwa pendekatan fuzzy efektif dalam
|
|
mendukung pengambilan keputusan berbasis parameter lingkungan.</p>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="300">
|
|
<span>03</span>
|
|
<h4>Pengumpulan Data</h4>
|
|
<p>Proses mengumpulkan informasi atau fakta dari berbagai sumber untuk keperluan analisis
|
|
yang
|
|
bertujuan untuk untuk memastikan bahwa
|
|
informasi yang dikumpulkan akurat, relevan, dan dapat diandalkan untuk mendukung tujuan
|
|
yang
|
|
diinginkan.
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="400">
|
|
<span>04</span>
|
|
<h4>Analisis Kebutuhan Sistem</h4>
|
|
<p>proses untuk mengidentifikasi dan mendefinisikan kebutuhan fungsional dan non-fungsional
|
|
dari
|
|
sebuah sistem yang akan dibangun memastikan bahwa sistem yang dibangun dapat memenuhi
|
|
harapan pengguna dan berfungsi secara optimal.</p>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="400">
|
|
<span>05</span>
|
|
<h4>Implementasi Metode</h4>
|
|
<p>Teknik sistem logika fuzzy yang digunakan untuk membuat keputusan berdasarkan input yang
|
|
tidak pasti atau ambigu. Metode ini memanfaatkan aturan-aturan fuzzy yang menghasilkan
|
|
output yang berbentuk fungsi matematika</p>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="600">
|
|
<span>06</span>
|
|
<h4>Pengujian</h4>
|
|
<p>Tahapan penting dalam pengembangan untuk memastikan bahwa sistem yang dibangun berfungsi
|
|
sesuai
|
|
dengan yang diharapkan dan memenuhi kebutuhan yang telah ditetapkan.</p>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="600">
|
|
<span>07</span>
|
|
<h4>Hasil dan Pembahasan</h4>
|
|
<p>Bagian penting dalam laporan penelitian atau pengembangan sistem
|
|
yang menyajikan temuan dari pengujian serta penjelasan mendalam terkait dengan hasil
|
|
tersebut.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="sampel" class="portfolio section">
|
|
<div class="container section-title" data-aos="fade-up">
|
|
<h2>Pengambilan Sampel</h2>
|
|
</div>
|
|
<div class="container">
|
|
<div class="isotope-layout" data-default-filter="*" data-layout="masonry"
|
|
data-sort="original-order">
|
|
<div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (1).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (1).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan
|
|
Klabang</a>
|
|
</h4>
|
|
<p>6 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (2).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (2).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan Tapen
|
|
Bws</a></h4>
|
|
<p>6 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (3).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (3).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan Sumber
|
|
Wringin</a></h4>
|
|
<p>6 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (4).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (4).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan
|
|
Tegalampel</a>
|
|
</h4>
|
|
<p>8 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (5).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (5).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan Binakal
|
|
Bws</a>
|
|
</h4>
|
|
<p>8 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (6).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (6).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan Binakal
|
|
Bws</a>
|
|
</h4>
|
|
<p>8 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (7).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (7).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan Curat
|
|
Dami</a>
|
|
</h4>
|
|
<p>8 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (9).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (9).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan
|
|
Curah Dami</a>
|
|
</h4>
|
|
<p>8 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (9).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (9).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan
|
|
Tlogosari</a>
|
|
</h4>
|
|
<p>8 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (10).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (10).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan
|
|
Jambesari</a>
|
|
</h4>
|
|
<p>8 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (11).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (11).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan
|
|
Grujugan</a>
|
|
</h4>
|
|
<p>8 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
|
|
<div class="portfolio-content h-100">
|
|
<a href="{{ asset('landing/assets/img/portfolio/portofolio (12).jpeg') }} "
|
|
data-gallery="portfolio-gallery-app" class="glightbox"><img
|
|
src="{{ asset('landing/assets/img/portfolio/portofolio (12).jpeg') }} "
|
|
class="img-fluid" alt=""></a>
|
|
<div class="portfolio-info">
|
|
<h4><a href="portfolio-details.html" title="More Details">Kecamatan Nangkaan
|
|
Bws</a>
|
|
</h4>
|
|
<p>8 Maret 2025</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<footer id="footer" class="footer dark-background">
|
|
<div class="container footer-top">
|
|
<div class="row gy-4">
|
|
<div class="col-lg-5 col-md-12 footer-about">
|
|
<a href="index.html" class="logo d-flex align-items-center">
|
|
<span class="sitename">Malaria</span>
|
|
</a>
|
|
<p>Sistem ini dikembangkan untuk menganalisis potensi tempat perindukan nyamuk Anopheles, vektor
|
|
malaria, di wilayah Bondowoso. Dengan menggunakan metode Fuzzy Inference System, sistem membantu
|
|
memprediksi lokasi berisiko berdasarkan data suhu, pH, dan salinitas air dari hasil survei
|
|
lapangan.</p>
|
|
</div>
|
|
<div class="col-lg-2 col-6 footer-links">
|
|
<h4>Navigasi</h4>
|
|
<ul>
|
|
<li><a href="#">Home</a></li>
|
|
<li><a href="#about">About us</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-2 col-6 footer-links">
|
|
<h4>Our Services</h4>
|
|
<ul>
|
|
<li><a href="#">Landing Page</a></li>
|
|
<li><a href="{{ route('dashboard') }}">Dashbaord</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
|
|
<h4>Contact Us</h4>
|
|
<p><strong>Ida Sevia</strong></p>
|
|
<p class=""><strong>Phone:</strong> <span>+62 821-3261-9688</span></p>
|
|
<p><strong>Email:</strong> <span>idasevia09@gmail.com</span></p>
|
|
</div>
|
|
|
|
</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>
|
|
<div id="preloader"></div>
|
|
<script src="{{ asset('landing/assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }} "></script>
|
|
<script src="{{ asset('landing/assets/vendor/php-email-form/validate.js') }} "></script>
|
|
<script src="{{ asset('landing/assets/vendor/aos/aos.js') }} "></script>
|
|
<script src="{{ asset('landing/assets/vendor/glightbox/js/glightbox.min.js') }} "></script>
|
|
<script src="{{ asset('landing/assets/vendor/swiper/swiper-bundle.min.js') }} "></script>
|
|
<script src="{{ asset('landing/assets/vendor/imagesloaded/imagesloaded.pkgd.min.js') }} "></script>
|
|
<script src="{{ asset('landing/assets/vendor/isotope-layout/isotope.pkgd.min.js') }} "></script>
|
|
<script src="{{ asset('landing/assets/js/main.js') }} "></script>
|
|
</body>
|
|
|
|
</html>
|