<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="keywords" content="Sistem Pakar, Forward Chaining, Penyakit Nila Sehat"> <meta name="description" content="Sistem pakar untuk mendeteksi/mendiagnosis penyakit pada Nila Sehat dengan algoritma forward chaining"> <link rel="icon" href="https://nila.caspertrans.com/favicon.ico"> <title> NILA SEHAT</title> <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> <link rel="preload" as="style" href="https://nila.caspertrans.com/spesified-assets/splash-screen.css"> <link rel="stylesheet" href="https://nila.caspertrans.com/spesified-assets/splash-screen.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="preload" as="style" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous"> <link rel="preload" as="style" href="https://nila.caspertrans.com/spesified-assets/user/style.css"> <link rel="stylesheet" href="https://nila.caspertrans.com/spesified-assets/user/style.css"> <script defer src="https://kit.fontawesome.com/06b8a1e79b.js" type="text/javascript" crossorigin="anonymous"></script> <link rel="preload" as="style" href="https://nila.caspertrans.com/spesified-assets/aos.css" /> <link rel="stylesheet" href="https://nila.caspertrans.com/spesified-assets/aos.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.css"> <link rel="stylesheet" href="https://nila.caspertrans.com/spesified-assets/chocolat.css" type="text/css" media="screen"> </head> <body class="bg-light-subtle"> <div class="splash-screen"> <div class="la-timer la-dark la-3x"> <div> </div> </div> </div> <main> <section> <nav class="navbar fixed-top navbar-expand-lg bg-body-transparent" data-aos="fade-down"> <div class="container"> <a class="navbar-brand font-semibold pe-none" href="#"> <div class="d-inline-block"> <i class="d-flex justify-content-center fa-solid fa-fish fa-bounce" style="height: 24px; width: 30px"></i> </div> NILA <div class="d-inline-block"> <i class="d-flex justify-content-center fa-solid fa-user-doctor fa-bounce" style="height: 24px; width: 30px"></i> </div>SEHAT </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mb-2 mb-lg-0 font-medium"> <li class="nav-item"> <a class="nav-link beranda" href="#beranda">Beranda</a> </li> <li class="nav-item"> <a class="nav-link diagnosis" href="#diagnosis">Diagnosa</a> </li> <li class="nav-item"> <a class="nav-link penyakit" href="#penyakit">Informasi Penyakit</a> </li> </ul> <ul class="navbar-nav ms-auto "> <li class="nav-item"> <a href="http://www.nila.my.id/login" class="nav-link"> <div class="d-grid"> <button class="btn btn-outline-dark font-medium text-start"> <i class="fa-solid fa-right-to-bracket pe-2"></i> Masuk/Daftar </button> </div> </a> </li> </ul> </div> </div></nav> <div class="overflow-x-hidden" id="containerContent"> <div id="beranda" class="section"> <div class="container-fluid"> <div class="row min-vh-100 min-vh-u-lg-85 align-content-center"> <div class="col-12 col-lg-6 py-5" data-aos="fade-right" id="container-image-hero"> <img class="img-fluid" id="gambar-ikan" src="https://nila.caspertrans.com/assets/img/dokter.png" width="1000" height="243" alt="Gambar nila"> </div> <div class="col-12 col-lg-6 align-self-center px-3 px-sm-5" data-aos="fade-left" data-aos-anchor="body" id="col2"> <h1 class="text-start font-bold "> Sistem Pakar Diagnosis Penyakit<br> <span class="text-primary">Ikan Nila</span> </h1> <p class="lead">Temukan penyakit yang menyerang Ikan Nila anda serta ketahui penyebab dan solusi pengendaliannya. Daftar sekarang lalu mulai diagnosis untuk hasil panen yang lebih baik!</p> <button class="btn btn-custom1 mt-3" onclick="scrollToSection()">Mulai Diagnosis</button> </div> </div> </div></div> <div id="diagnosis" class="section"> <div class="container"> <h2 class="font-semibold" data-aos="fade-up"> Diagnosis </h2> <div class="row"> <div class="col-12" data-aos="fade-up" id="diagnosis"> <div class="card border border-2"> <div class="card-body"> <div class="card-text"> Sistem ini menggunakan metode forward chaining untuk mendiagnosis penyakit. Proses dimulai dengan mengevaluasi gejala yang diberikan oleh pengguna, kemudian sistem mencocokkannya dengan aturan yang ada. Jika terdapat aturan yang terpenuhi, sistem akan memberikan detail hasil diagnosis penyakit. Detail hasil diagnosis penyakit akan disimpan dalam sistem. Pengguna dapat melihat kembali detail hasil diagnosis yang telah dilakukan pada histori diagnosis di menu profil. </div> <div class="d-grid pt-3"> <button id="btn-diagnosis" class="btn btn-custom1 py-2"> Mulai Diagnosis Penyakit </button> </div> </div> </div> </div> </div> </div></div><div id="penyakit" class="section"> <div class="container"> <h2 class="fw-semibold py-5" data-aos="fade-up"> Daftar Penyakit Ikan Nila </h2> <div class="row"> <div class=" col-md-4"> <nav class="nav nav-pills flex-column " id="pills-tab" role="tablist"> <button class="nav-link" id="pills-1-tab" data-bs-toggle="pill" data-bs-target="#pills-1" type="button" role="tab" aria-controls="pills-1" aria-selected="false"> <p> Motile Aeromonas Septicemia (MAS) </p> </button> <button class="nav-link" id="pills-2-tab" data-bs-toggle="pill" data-bs-target="#pills-2" type="button" role="tab" aria-controls="pills-2" aria-selected="false"> <p> Columnaris Disease </p> </button> <button class="nav-link" id="pills-3-tab" data-bs-toggle="pill" data-bs-target="#pills-3" type="button" role="tab" aria-controls="pills-3" aria-selected="false"> <p> Ichthyophthirius multifiliis (Ich) </p> </button> <button class="nav-link" id="pills-4-tab" data-bs-toggle="pill" data-bs-target="#pills-4" type="button" role="tab" aria-controls="pills-4" aria-selected="false"> <p> Trichodiniasis </p> </button> <button class="nav-link" id="pills-5-tab" data-bs-toggle="pill" data-bs-target="#pills-5" type="button" role="tab" aria-controls="pills-5" aria-selected="false"> <p> Parasit Gyrodactylus (Gyrodactylosis) </p> </button> <button class="nav-link" id="pills-6-tab" data-bs-toggle="pill" data-bs-target="#pills-6" type="button" role="tab" aria-controls="pills-6" aria-selected="false"> <p> vorticelliasis </p> </button> </nav> </div> <div class="col-md-8"> <div class="tab-content" id="pills-tabContent"> <div class="tab-pane fade" id="pills-1" role="tabpanel" aria-labelledby="pills-1-tab" tabindex="0"> <div class="card border border-2"> <div class="card-body"> <div class="row"> <div class="col-12 col-lg-6 pt-5 pt-lg-0 order-1"> <div class="pb-3"> <h4 class="h4">Nama Penyakit</h4> <p class="card-text"> Motile Aeromonas Septicemia (MAS) </p> </div> <div class="pb-3"> <h4 class="h4">Penyebab Penyakit</h4> <p class="card-text"> Bakteri Aeromonas hydrophila </p> </div> <div> <h4 class="h4">Solusi Penyakit</h4> <ol><li>Pemberian antibiotik seperti oxytetracycline atau sulfamerazine</li><li>Meningkatkan kualitas air dengan filtrasi dan aerasi yang baik</li><li>Menurunkan kepadatan ikan dalam kolam</li></ol> </div> </div> <div class="col-12 col-lg-6 order-lg-2 d-flex align-items-center justify-content-center" id="column-img-penyakit"> <div class="container-image-penyakit"> <div class="container-chocolat"> <a href="#" class="open-image-chocolat"> <img width="758" height="433" class="img-fluid chocolat-image" title="Motile Aeromonas Septicemia (MAS)" src="https://nila.caspertrans.com/storage/penyakit/435683942.png" alt="Motile Aeromonas Septicemia (MAS)" srcset="" loading="lazy" data-bs-toggle="tooltip" data-bs-title="Gambar Motile Aeromonas Septicemia (MAS)"> </a> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-2" role="tabpanel" aria-labelledby="pills-2-tab" tabindex="0"> <div class="card border border-2"> <div class="card-body"> <div class="row"> <div class="col-12 col-lg-6 pt-5 pt-lg-0 order-1"> <div class="pb-3"> <h4 class="h4">Nama Penyakit</h4> <p class="card-text"> Columnaris Disease </p> </div> <div class="pb-3"> <h4 class="h4">Penyebab Penyakit</h4> <p class="card-text"> Bakteri Flexibacter columnare </p> </div> <div> <h4 class="h4">Solusi Penyakit</h4> <ol><li>Penggunaan garam (NaCl) dengan konsentrasi 1-2% untuk perawatan tambahan</li><li>Perbaikan kualitas air dan pengurangan kepadatan ikan</li></ol> </div> </div> <div class="col-12 col-lg-6 order-lg-2 d-flex align-items-center justify-content-center" id="column-img-penyakit"> <div class="container-image-penyakit"> <div class="container-chocolat"> <a href="#" class="open-image-chocolat"> <img width="265" height="191" class="img-fluid chocolat-image" title="Columnaris Disease" src="https://nila.caspertrans.com/storage/penyakit/535090558.jpg" alt="Columnaris Disease" srcset="" loading="lazy" data-bs-toggle="tooltip" data-bs-title="Gambar Columnaris Disease"> </a> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-3" role="tabpanel" aria-labelledby="pills-3-tab" tabindex="0"> <div class="card border border-2"> <div class="card-body"> <div class="row"> <div class="col-12 col-lg-6 pt-5 pt-lg-0 order-1"> <div class="pb-3"> <h4 class="h4">Nama Penyakit</h4> <p class="card-text"> Ichthyophthirius multifiliis (Ich) </p> </div> <div class="pb-3"> <h4 class="h4">Penyebab Penyakit</h4> <p class="card-text"> Parasit protozoa Ichthyophthir ius multifiliis </p> </div> <div> <h4 class="h4">Solusi Penyakit</h4> <ol><li>Penggunaan formalin atau malachite green dalam konsentrasi yang dianjurkan</li><li>Peningkatan suhu air secara bertahap untuk mempercepat siklus hidup parasit</li><li>Penggunaan garam (NaCl) dalam konsentrasi 0,1-0,3% untuk mengurangi infeksi</li></ol> </div> </div> <div class="col-12 col-lg-6 order-lg-2 d-flex align-items-center justify-content-center" id="column-img-penyakit"> <div class="container-image-penyakit"> <div class="container-chocolat"> <a href="#" class="open-image-chocolat"> <img width="970" height="582" class="img-fluid chocolat-image" title="Ichthyophthirius multifiliis (Ich)" src="https://nila.caspertrans.com/storage/penyakit/164357165.jpg" alt="Ichthyophthirius multifiliis (Ich)" srcset="" loading="lazy" data-bs-toggle="tooltip" data-bs-title="Gambar Ichthyophthirius multifiliis (Ich)"> </a> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-4" role="tabpanel" aria-labelledby="pills-4-tab" tabindex="0"> <div class="card border border-2"> <div class="card-body"> <div class="row"> <div class="col-12 col-lg-6 pt-5 pt-lg-0 order-1"> <div class="pb-3"> <h4 class="h4">Nama Penyakit</h4> <p class="card-text"> Trichodiniasis </p> </div> <div class="pb-3"> <h4 class="h4">Penyebab Penyakit</h4> <p class="card-text"> Parasit protozoa Trichodina spp. </p> </div> <div> <h4 class="h4">Solusi Penyakit</h4> <ol><li>Penggunaan formalin atau malachite green dalam konsentrasi yang dianjurkan</li><li>Pemberian garam (NaCl) dengan konsentrasi 0,1-0,3% untuk mengurangi infeksi</li><li>Meningkatkan kualitas air dan sanitasi kolam</li></ol> </div> </div> <div class="col-12 col-lg-6 order-lg-2 d-flex align-items-center justify-content-center" id="column-img-penyakit"> <div class="container-image-penyakit"> <div class="container-chocolat"> <a href="#" class="open-image-chocolat"> <img width="318" height="236" class="img-fluid chocolat-image" title="Trichodiniasis" src="https://nila.caspertrans.com/storage/penyakit/1451023587.png" alt="Trichodiniasis" srcset="" loading="lazy" data-bs-toggle="tooltip" data-bs-title="Gambar Trichodiniasis"> </a> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-5" role="tabpanel" aria-labelledby="pills-5-tab" tabindex="0"> <div class="card border border-2"> <div class="card-body"> <div class="row"> <div class="col-12 col-lg-6 pt-5 pt-lg-0 order-1"> <div class="pb-3"> <h4 class="h4">Nama Penyakit</h4> <p class="card-text"> Parasit Gyrodactylus (Gyrodactylosis) </p> </div> <div class="pb-3"> <h4 class="h4">Penyebab Penyakit</h4> <p class="card-text"> Cacing parasit Gyrodactylus spp. </p> </div> <div> <h4 class="h4">Solusi Penyakit</h4> <ol><li>Penggunaan formalin atau permethrin dalam konsentrasi yang dianjurkan</li><li>Pemberian garam (NaCl) dengan konsentrasi 0,1-0,3% untuk mengurangi infeksi</li><li>Meningkatkan kualitas air dan sanitasi kolam</li></ol> </div> </div> <div class="col-12 col-lg-6 order-lg-2 d-flex align-items-center justify-content-center" id="column-img-penyakit"> <div class="container-image-penyakit"> <div class="container-chocolat"> <a href="#" class="open-image-chocolat"> <img width="563" height="502" class="img-fluid chocolat-image" title="Parasit Gyrodactylus (Gyrodactylosis)" src="https://nila.caspertrans.com/storage/penyakit/1540298648.jpg" alt="Parasit Gyrodactylus (Gyrodactylosis)" srcset="" loading="lazy" data-bs-toggle="tooltip" data-bs-title="Gambar Parasit Gyrodactylus (Gyrodactylosis)"> </a> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="pills-6" role="tabpanel" aria-labelledby="pills-6-tab" tabindex="0"> <div class="card border border-2"> <div class="card-body"> <div class="row"> <div class="col-12 col-lg-6 pt-5 pt-lg-0 order-1"> <div class="pb-3"> <h4 class="h4">Nama Penyakit</h4> <p class="card-text"> vorticelliasis </p> </div> <div class="pb-3"> <h4 class="h4">Penyebab Penyakit</h4> <p class="card-text"> Vorticella sp </p> </div> <div> <h4 class="h4">Solusi Penyakit</h4> <ol><li>Penggunaan formalin dalam konsentrasi 25 ppm.</li><li>Kalium Permanganat (KMnO4) dengan konsentrasi 2 mg/L</li><li>Menggunakan garam dengan konsentrasi 0,1- 0,3% 4 Peningkatan kualitas air</li></ol> </div> </div> <div class="col-12 col-lg-6 order-lg-2 d-flex align-items-center justify-content-center" id="column-img-penyakit"> <div class="container-image-penyakit"> <div class="container-chocolat"> <a href="#" class="open-image-chocolat"> <img width="713" height="373" class="img-fluid chocolat-image" title="vorticelliasis" src="https://nila.caspertrans.com/storage/penyakit/419407490.jpg" alt="vorticelliasis" srcset="" loading="lazy" data-bs-toggle="tooltip" data-bs-title="Gambar vorticelliasis"> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> </div> </section> </main> <footer class="d-block bg-dark text-body py-5" data-bs-theme="dark"> <div class="container"> <div class="row "> <div class="col-12 col-md-6 "> <p class="font-semibold h4"> NILA SEHAT </p> <p class="pt-3 pb-2"> <small> NILA SEHAT (Sistem Pakar Diagnosis Penyakit Ikan Nila) merupakan hasil tugas akhir. </small> </p> </div> <div class="col-12 col-md-4 offset-md-2 pt-3 pb-2 pt-md-0"> <strong class="text-white font-medium d-block mb-2"> Kontak </strong> <div class="py-2"> <a class="btn btn-outline-light btn-sm " target="_blank" href="mailto::mail@gmail.com"> <i class="fas fa-envelope"></i> Email </a> <a class="btn btn-outline-light btn-sm " target="_blank" href="https://instagram.com/"> <i class="fa-brands fa-instagram"></i> Instagram </a> </div> </div> </div> <div class="d-flex justify-content-center mt-5 "> <small class="font-monospace"> Copyright © 2024 • <a class="font-monospace text-reset" href="#"> NILA SEHAT </a> </small> </div> </div></footer> <div class="rounded-circle" id="upScroll"> <i class="fas fa-chevron-up fa-lg"></i> </div> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"> </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"> </script> <script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/notyf@3/notyf.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.5.1/dist/simpleParallax.min.js" async type="text/javascript"></script> <script src="https://nila.caspertrans.com/spesified-assets/aos.js" type="text/javascript"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script> <script async type="text/javascript" src="https://nila.caspertrans.com/spesified-assets/chocolat.js"></script> <script type="text/javascript"> const isUser = false; const hasUserProfile = false; let login = false; const csrfToken = '8auSTpYxmHMkOfMEt0muCrCBjaKeq9kMF7vAEtK2'; const penyakitImage = [{"id":1,"name":"Motile Aeromonas Septicemia (MAS)","reason":"Bakteri Aeromonas hydrophila","solution":"1. Pemberian antibiotik seperti oxytetracycline atau sulfamerazine\r\n2. Meningkatkan kualitas air dengan filtrasi dan aerasi yang baik\r\n3. Menurunkan kepadatan ikan dalam kolam","image":"435683942.png"},{"id":2,"name":"Columnaris Disease","reason":"Bakteri Flexibacter columnare","solution":"1 .Pemberian antibiotik seperti oxytetracycline atau furanace\r\n2. Penggunaan garam (NaCl) dengan konsentrasi 1-2% untuk perawatan tambahan\r\n3. Perbaikan kualitas air dan pengurangan kepadatan ikan","image":"535090558.jpg"},{"id":3,"name":"Ichthyophthirius multifiliis (Ich)","reason":"Parasit protozoa Ichthyophthir ius multifiliis","solution":"1. Penggunaan formalin atau malachite green dalam konsentrasi yang dianjurkan\r\n2. Peningkatan suhu air secara bertahap untuk mempercepat siklus hidup parasit\r\n3. Penggunaan garam (NaCl) dalam konsentrasi 0,1-0,3% untuk mengurangi infeksi","image":"164357165.jpg"},{"id":4,"name":"Trichodiniasis","reason":"Parasit protozoa Trichodina spp.","solution":"1. Penggunaan formalin atau malachite green dalam konsentrasi yang dianjurkan\r\n2. Pemberian garam (NaCl) dengan konsentrasi 0,1-0,3% untuk mengurangi infeksi\r\n3. Meningkatkan kualitas air dan sanitasi kolam","image":"1451023587.png"},{"id":5,"name":"Parasit Gyrodactylus (Gyrodactylosis)","reason":"Cacing parasit Gyrodactylus spp.","solution":"1. Penggunaan formalin atau permethrin dalam konsentrasi yang dianjurkan\r\n2. Pemberian garam (NaCl) dengan konsentrasi 0,1-0,3% untuk mengurangi infeksi\r\n4. Meningkatkan kualitas air dan sanitasi kolam","image":"1540298648.jpg"},{"id":6,"name":"vorticelliasis","reason":"Vorticella sp","solution":"1. Penggunaan formalin dalam konsentrasi 25 ppm.\r\n2. Kalium Permanganat (KMnO4) dengan konsentrasi 2 mg\/L\r\n4. Menggunakan garam dengan konsentrasi 0,1- 0,3% 4 Peningkatan kualitas air","image":"419407490.jpg"}]; const assetStoragePenyakit = 'https://nila.caspertrans.com/storage/penyakit'; const assetStorageGejala = 'https://nila.caspertrans.com/storage/gejala'; </script> <script> function scrollToSection() { document.getElementById('diagnosis').scrollIntoView({ behavior: 'smooth' }); } </script> <script type="text/javascript" src="https://nila.caspertrans.com/spesified-assets/user/script.js"></script></body> </html> 
