<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="author" content="Untree.co">
  <link rel="shortcut icon" href="favicon.png">

  <meta name="description" content="" />
  <meta name="keywords" content="bootstrap, bootstrap4" />

		<!-- Bootstrap CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
		<link href="css/tiny-slider.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">
		<title>ARI.SCAN | Detection of Acute Respiratory Infections </title>
	</head>

	<body>

		<!-- Start Header/Navigation -->
		<nav class="custom-navbar navbar navbar navbar-expand-md navbar-dark bg-dark" arial-label="Furni navigation bar">

			<div class="container">
				<a class="navbar-brand" href="index.php">ARI.<span>SCAN</span></a>

				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsFurni" aria-controls="navbarsFurni" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>

				<div class="collapse navbar-collapse" id="navbarsFurni">
					<ul class="custom-navbar-nav navbar-nav ms-auto mb-2 mb-md-0">
						<li class="nav-item active">
							<a class="nav-link" href="index.php">Home</a>
						</li>
						<li><a class="nav-link" href="bacteria.php">Bacteria</a></li>
						<li><a class="nav-link" href="blog.php">Blog</a></li>
						<li><a class="nav-link" href="about.php">About us</a></li>
					</ul>

					<!-- <ul class="custom-navbar-cta navbar-nav mb-2 mb-md-0 ms-5">
						<li><a class="nav-link" href="#"><img src="images/user.svg"></a></li>
						<li><a class="nav-link" href="cart.html"><img src="images/cart.svg"></a></li>
					</ul> -->
				</div>
			</div>
				
		</nav>
		<!-- End Header/Navigation -->

		<!-- Start Hero Section -->
			<div class="hero">
				<div class="container">
					<div class="row justify-content-between">
						<div class="col-lg-5">
							<div class="intro-excerpt">
								<h1>Detection of <span clsas="d-block">Acute Respiratory Infections</span></h1>
								<p class="mb-4">We believe that a good understanding of the bacteria that cause ARI can help society in effective prevention and treatment efforts. Feel free to explore our site and be part of the effort to combat acute respiratory infections caused by bacteria. Thank you for visiting ARI.SCAN.</p>
								<p><a href="bacteria.php" class="btn btn-secondary me-2">Test Bacterial</a><a href="about.php" class="btn btn-white-outline">More..</a></p>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="hero-img-wrap">
								<img src="images/hero.png" class="img-fluid">
							</div>
						</div>
					</div>
				</div>
			</div>
		<!-- End Hero Section -->

		<!-- Start Why Choose Us Section -->
		<div class="why-choose-section">
			<div class="container">
				<div class="row justify-content-between">
					<div class="col-lg-6">
						<h2 class="section-title">Best Features</h2>
						<p>Advantages of Website for Identification of Bacteria that Cause Acute Respiratory Infections.</p>

						<div class="row my-5">
							<div class="col-6 col-md-6">
								<div class="feature">
									<div class="icon">
										<img src="images/truck.svg" alt="Image" class="imf-fluid">
									</div>
									<h3>High Accessibility:</h3>
									<p>As a web-based application, ARI.SCAN can be accessed from various devices connected to the internet, such as computers, tablets and smartphones, without the need for additional software installation.</p>
								</div>
							</div>

							<div class="col-6 col-md-6">
								<div class="feature">
									<div class="icon">
										<img src="images/bag.svg" alt="Image" class="imf-fluid">
									</div>
									<h3>Ease of Use:</h3>
									<p>This website is designed with an intuitive and user-friendly user interface, so that users with various levels of expertise can easily use this application to identify bacteria that cause ARI.</p>
								</div>
							</div>

							<div class="col-6 col-md-6">
								<div class="feature">
									<div class="icon">
										<img src="images/support.svg" alt="Image" class="imf-fluid">
									</div>
									<h3>High Accuracy:</h3>
									<p>By applying the Random Forest method which is known for its reliability in data classification, ARI.SCAN is able to provide identification results with a high level of accuracy, helping in more precise diagnoses.</p>
								</div>
							</div>

							<div class="col-6 col-md-6">
								<div class="feature">
									<div class="icon">
										<img src="images/return.svg" alt="Image" class="imf-fluid">
									</div>
									<h3>Affordability:</h3>
									<p>Being web-based, ARI.SCAN can be accessed at a lower cost compared to special software that requires installation and maintenance of certain hardware.</p>
								</div>
							</div>

						</div>
					</div>

					<div class="col-lg-6 mt-5">
						<div class="img-wrap mt-5">
							<img src="images/fitur.png" alt="Image" class="img-fluid mt-5">
						</div>
					</div>

				</div>
			</div>
		</div>
		<!-- End Why Choose Us Section -->

		<!-- Start We Help Section -->
		<div class="we-help-section">
			<div class="container">
				<div class="row justify-content-between">
					<div class="col-lg-6">
						<div class="row">
							<div class="col-md-6 mb-4"><img src="images/logo-python.png" alt="Python Logo" class="img-fluid"></div>
							<div class="col-md-6 mb-4"><img src="images/logo-vscode.png" alt="VSCode Logo" class="img-fluid"></div>
							<div class="col-md-6 mb-4"><img src="images/logo-xampp.png" alt="XAMPP Logo" class="img-fluid"></div>
							<div class="col-md-6 mb-4"><img src="images/logo-chrome.png" alt="Chrome Logo" class="img-fluid"></div>
						</div>
					</div>
					<div class="col-lg-5 ps-lg-5">
						<h2 class="section-title mb-4">Software used</h2>
						<p>The software used for this website includes various tools and libraries that enable image analysis and understanding. The following is some of the software used on this website:</p>

						<ul class="list-unstyled custom-list my-4">
							<div class="row">
								<li>Python: Used for bacterial classification.</li>
								<li>Visual Studio Code (VSCode): Utilized for developing various applications, including web-based ones.</li>
								<li>XAMPP: Employed for local development and testing of web applications.</li>
								<li>Google Chrome: Utilized to display website development results.</li>
							</div>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- End We Help Section -->

		<!-- Start Testimonial Slider -->
		<!-- <div class="testimonial-section">
			<div class="container">
				<div class="row">
					<div class="col-lg-7 mx-auto text-center">
						<h2 class="section-title">Testimonials</h2>
					</div>
				</div>

				<div class="row justify-content-center">
					<div class="col-lg-12">
						<div class="testimonial-slider-wrap text-center">

							<div id="testimonial-nav">
								<span class="prev" data-controls="prev"><span class="fa fa-chevron-left"></span></span>
								<span class="next" data-controls="next"><span class="fa fa-chevron-right"></span></span>
							</div>

							<div class="testimonial-slider">
								
								<div class="item">
									<div class="row justify-content-center">
										<div class="col-lg-8 mx-auto">

											<div class="testimonial-block text-center">
												<blockquote class="mb-5">
													<p>&ldquo;Donec facilisis quam ut purus rutrum lobortis. Donec vitae odio quis nisl dapibus malesuada. Nullam ac aliquet velit. Aliquam vulputate velit imperdiet dolor tempor tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer convallis volutpat dui quis scelerisque.&rdquo;</p>
												</blockquote>

												<div class="author-info">
													<div class="author-pic">
														<img src="images/person-1.png" alt="Maria Jones" class="img-fluid">
													</div>
													<h3 class="font-weight-bold">Maria Jones</h3>
													<span class="position d-block mb-3">CEO, Co-Founder, XYZ Inc.</span>
												</div>
											</div>

										</div>
									</div>
								</div> 

								<div class="item">
									<div class="row justify-content-center">
										<div class="col-lg-8 mx-auto">

											<div class="testimonial-block text-center">
												<blockquote class="mb-5">
													<p>&ldquo;Donec facilisis quam ut purus rutrum lobortis. Donec vitae odio quis nisl dapibus malesuada. Nullam ac aliquet velit. Aliquam vulputate velit imperdiet dolor tempor tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer convallis volutpat dui quis scelerisque.&rdquo;</p>
												</blockquote>

												<div class="author-info">
													<div class="author-pic">
														<img src="images/person-1.png" alt="Maria Jones" class="img-fluid">
													</div>
													<h3 class="font-weight-bold">Maria Jones</h3>
													<span class="position d-block mb-3">CEO, Co-Founder, XYZ Inc.</span>
												</div>
											</div>

										</div>
									</div>
								</div> 

								<div class="item">
									<div class="row justify-content-center">
										<div class="col-lg-8 mx-auto">

											<div class="testimonial-block text-center">
												<blockquote class="mb-5">
													<p>&ldquo;Donec facilisis quam ut purus rutrum lobortis. Donec vitae odio quis nisl dapibus malesuada. Nullam ac aliquet velit. Aliquam vulputate velit imperdiet dolor tempor tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer convallis volutpat dui quis scelerisque.&rdquo;</p>
												</blockquote>

												<div class="author-info">
													<div class="author-pic">
														<img src="images/person-1.png" alt="Maria Jones" class="img-fluid">
													</div>
													<h3 class="font-weight-bold">Maria Jones</h3>
													<span class="position d-block mb-3">CEO, Co-Founder, XYZ Inc.</span>
												</div>
											</div>

										</div>
									</div>
								</div> 
							</div>
						</div>
					</div>
				</div>
			</div>
		</div> -->
		<!-- End Testimonial Slider -->

		<!-- Start Blog Section -->
		<div class="blog-section">
			<div class="container">
				<div class="row mb-5">
					<div class="col-md-6">
						<h2 class="section-title">Recent Blog</h2>
					</div>
					<div class="col-md-6 text-start text-md-end">
						<a href="blog.html" class="more">View All Blogs</a>
					</div>
				</div>

				<div class="row">

					<div class="col-12 col-sm-6 col-md-4 mb-5">
						<div class="post-entry">
							<a href="https://royalprogress.com/id/blog/spesialisasi-medis/paru-dan-pernapasan/infeksi-saluran-pernapasan-akut-ispa-penyebab-gejala-pengobatan-dan-pencegahannya/" class="post-thumbnail"><img src="images/blog1.webp" alt="Image" class="img-fluid"></a>
							<div class="post-content-entry">
								<h3><a href="https://royalprogress.com/id/blog/spesialisasi-medis/paru-dan-pernapasan/infeksi-saluran-pernapasan-akut-ispa-penyebab-gejala-pengobatan-dan-pencegahannya/">Infeksi Saluran Pernapasan Akut (ISPA): Penyebab, Gejala, Pengobatan, dan Pencegahannya</a></h3>
								<div class="meta">
									<span>Reviewed by <a href="https://www.alodokter.com/cari-dokter/dr-steven-jonathan-spp">dr. Steven Jonathan, Sp.P., FAPSR</a></span> <span>on <a href="#">April 18, 2024</a></span>
								</div>
								<p>ISPA atau infeksi saluran pernapasan akut bisa terjadi pada siapa saja. Meskipun demikian, kelompok yang berisiko tinggi adalah anak-anak dan lansia. Umumnya ISPA mewabah pada musim hujan, ketika suhu rendah dan cuaca lembap, sehingga virus penyebab gangguan pernapasan ini tumbuh subur.</p>
							</div>
						</div>
					</div>
			  
					<div class="col-12 col-sm-6 col-md-4 mb-5">
						<div class="post-entry">
							<a href="https://www.halodoc.com/artikel/alasan-anak-lebih-rentan-kena-infeksi-saluran-pernapasan" class="post-thumbnail"><img src="images/blog2.webp" alt="Image" class="img-fluid"></a>
							<div class="post-content-entry">
								<h3><a href="https://www.halodoc.com/artikel/alasan-anak-lebih-rentan-kena-infeksi-saluran-pernapasan">Alasan Anak Lebih Rentan Kena Infeksi Saluran Pernapasan</a></h3>
								<div class="meta">
									<span>Reviewed by <a href="https://www.halodoc.com/cari-dokter/search">Redaksi Halodoc</a></span> <span>on <a href="#">April 25, 2019</a></span>
								</div>
								<p>Halodoc, Jakarta – Infeksi saluran pernapasan atau ISPA merupakan infeksi yang menyerang saluran pernapasan pada manusia. ISPA disebabkan karena adanya bakteri atau virus yang menyebabkan infeksi pada saluran pernapasan. Kondisi ini memiliki dua jenis yang perlu ibu ketahui, infeksi saluran pernapasan bagian bawah, dan infeksi saluran pernapasan bagian atas.</p>
							</div>
						</div>
					</div>
			  
					<div class="col-12 col-sm-6 col-md-4 mb-5">
						<div class="post-entry">
							<a href="https://sehatnegeriku.kemkes.go.id/baca/blog/20240108/0244638/infeksi-di-saluran-atas-dan-bawah/" class="post-thumbnail"><img src="images/blog3.jpg" alt="Image" class="img-fluid"></a>
							<div class="post-content-entry">
								<h3><a href="https://sehatnegeriku.kemkes.go.id/baca/blog/20240108/0244638/infeksi-di-saluran-atas-dan-bawah/">Infeksi di Saluran Atas dan Bawah</a></h3>
								<div class="meta">
									<span>by <a href="https://sehatnegeriku.kemkes.go.id/baca/author/puskom/">Rokom</a></span> <span>on <a href="#">January 08, 2024</a></span>
								</div>
								<p>Polusi udara di beberapa kota di Indonesia telah mengkhawatirkan masyarakat karena dampaknya terhadap kesehatan yang mungkin timbul. Kualitas udara yang buruk menjadi salah satu faktor risiko seseorang mengalami penyakit infeksi saluran pernapasan akut (ISPA). Namun, masih banyak orang yang masih salah dengan pengertian penyakit saluran pernapasan tersebut.</p>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>
		<!-- End Blog Section -->	

		<!-- Start Footer Section -->
		<footer class="footer-section mt-5 custom-navbar text-white">
			<div class="container relative">
				<div class="sofa-img mt-5"> <br> <br>
					<img src="images/vision.png" alt="Image" class="img-fluid mt-5">
				</div>

				<div class="row g-5">
					<div class="col-lg-4">
						<div class="mb-4 footer-logo-wrap"><a href="index.php" class="footer-logo">ARI<span>.SCAN</span></a></div>
					</div>
				</div>
				<div class="row g-5">
					<div class="col-lg-4">
						<div class="mb-4 footer-logo-wrap">
							<img src="images/logo jti.svg" alt="logojti" class="footer-logo">
						</div>
						<span class="elementor-icon-list-text">Politeknik Negeri Jember - Kampus 2 Bondowoso</span>
						<span class="elementor-icon-list-text">Alamat: Jl. KH. Wahid Hasyim No 41, Bondowoso - Jawa Timur</span>
					</div>
				</div>
				<div class="border-top copyright">
					<div class="row pt-4">
					<div class="col-lg-6">
						<p class="mb-2 text-center text-lg-start">Copyright &copy;<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. &mdash; Created by <a href="https://www.linkedin.com/in/dimas-fany-azzuzi-77793b1b6/">Dimas Fany Azzuzi.</a>
						</p>
					</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- End Footer Section -->  
		<style>
			.footer-logo {
				max-width: 300px; /* Atur lebar maksimum gambar */
				height: auto; /* Biarkan tinggi menyesuaikan proporsi */
				}
		</style>

		<script src="js/bootstrap.bundle.min.js"></script>
		<script src="js/tiny-slider.js"></script>
		<script src="js/custom.js"></script>
	</body>

</html>
