-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
267 lines (248 loc) · 16 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Sensor dan Transuder</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Poppins:300,300i,400,500,600,700,800,900,900i%7CRoboto:400%7CRubik:100,400,700">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
<style>.ie-panel{display: none;background: #212121;padding: 10px 0;box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);clear: both;text-align:center;position: relative;z-index: 1;} html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {display: block;}</style>
</head>
<body>
<div class="preloader">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"></div>
</div>
<p>Loading...</p>
</div>
</div>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px" data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
<!-- RD Navbar Brand-->
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap">
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item active"><a class="rd-nav-link" href="index.html">README</a>
</li>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<section class="parallax-container" data-parallax-img="images/airputih.jpg">
<div class="parallax-content breadcrumbs-custom context-dark">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-9">
<h2 class="breadcrumbs-custom-title">DISPENSER OTOMATIS</h2>
<ul class="breadcrumbs-custom-path">
<li class="active">Mekantronika Dan Kecerdasan Buatan</li>
<li class="active">KAMPUS UPI PURWAKARTA</li>
<li class="active">UAS</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- body page-->
<section class="section section-lg bg-default">
<div class="container">
<div class="row">
<div class="col-lg-10">
<p></p>
<h3>Dispenser Otomatis Menggunakan Sensor Gerak</h3>
<p></p>
<h5>Problem Yang Diangkat</h5>
<p>Air merupakan kebutuhan pokok manusia untuk memenuhi kandungan mineral bagi tubuh. Pada jaman tradisional , masyarakat biasanya menempatkan air minum pada teko atau semacamnya untuk disimpan.
Namun pada jaman modern ini masyarakat sudah mengenal yang namanya dispenser. Dispenser telah digunakan oleh banyak masyarakat. Pengambilan air pada dispenser masih dilakukan secara manual yaitu dengan cara membuka dan menutup keran pada dispenser.
Meskipun terlihat mudah , pengguna juga harus mengeluarka sedikit tenaga untuk membukan dan menutup keran. Terkadang air yang di ambil berkebihan sehingga air terbuang sia-sia.
Oleh karena itu untuk mengatasi masalah tersebut, kami meberikan solusi dengan membuat dispenser otomatis yang dapat medeteksi gerak dan volume air pada gelas.
</p>
<p></p>
<h5>Solusi Project</h5>
<p >
Dispenser otomatis ini akan menggunakan sensor sensor ultrasonic untuk medeteksi ada nya gelas yang datang.
Ketika sensor ultrasonic mendeteksi gelas Servo akan langsung bekerja dan otomatis menarik keran dispenser.
Kemudian sensor ultrasonic akan meeteksi ketinggian air pada gelas,ketika sudah cukup servo akan menutup keran dispenser.
</p>
<li>Dispenser</li>
<a href="https://static.bmdstatic.com/pk/product/medium/5da3e5f9b84d8.jpg" title="Menuju Website Gambar">
<img src="images/dispenser.jpg" alt="Dispenser" width="300" border="300">
</a>
<p>Dispenser yang hanya berfungsi sebagai tempat menyimpan air saja, dalam pemakaiannya, sebuah gallon berisi air minum harus disimpan dalam posisi terbalik diatas dispenser,
kemudian sebuah keran yang didesain khusus untuk dispenser akan bekerja mengeluarkan air jika keran tersebut di tarik.</p>
<p></p>
<li>Servo SG90</li>
<a href="https://s1.bukalapak.com/img/19804705/large/sg90.jpg" title="Menuju Website Gambar">
<img src="images/sg90.jpg" alt="Servo SG90" width="300" border="300">
</a>
<p>Motor Servo adalah jenis Aktuator elektromekanis yang tidak berputar secara kontinu seperti motor DC atau motor stepper.
Motor Servo SG90 adalah sebuah motor servo kecil dengan output power yang tinggi.
Motor ini dapat berotasi sekitar 180 derajat dan bisa bekerja seperti servo standar lainnya hanya saja ukurannya lebih kecil.
. Motor jenis ini digunakan dimana rotasi kontinu tidak diperlukan sehingga tidak digunakan untuk mengendalikan roda .
Motor servo digunakan dimana sesuatu yang dibutuhkan pindah ke posisi tertentu dan kemudian berhenti dan bertahan pada posisi itu.
</p>
<p></p>
<li>Ultrasonic HCSR04</li>
<a href="https://cf.shopee.co.id/file/0abb3f169ab01a130fc0ec828d441728" title="Menuju Website Gambar">
<img src="images/ultrasonik.jpg" alt="Ultrasonic HCSR04" width="300" border="300">
</a>
<p>Sensor ultrasonik adalah sebuah sensor yang
berfungsi untuk mengubah besaran (bunyi) menjadi
besaran listrik dan sebaliknya. Cara kerja sensor ini
didasarkan pada prinsip dari pantulan suatu
gelombang suara sehingga dapat dipakai untuk
menafsirkan eksistensi (jarak) suatu benda dengan
frekuensi tertentu.</p>
<p></p>
<li>Arduino Uno R3</li>
<a href="https://images.tokopedia.net/img/cache/500-square/VqbcmM/2021/3/29/e09460ed-e34b-4da4-8cad-6354bc12ba94.jpg" title="Menuju Website Gambar">
<img src="images/ardiuno.jpg" alt="Arduino Uno R3" width="300" border="300">
</a>
<p>Arduino Uno adalah board mikrokontroler berbasis
ATmega328 (datasheet). Memiliki 14 pin input dari
output digital dimana 6 pin input tersebut dapat
digunakan sebagai output PWM dan 6 pin input
analog, 16 MHz osilator kristal, koneksi USB, jack
power, ICSP header, dan tombol reset.</p>
<p></p>
<li>Mini Breadboard</li>
<a href="https://cdn.sparkfun.com//assets/parts/8/6/2/6/12043-01.jpg" title="Menuju Website Gambar">
<img src="images/minibreadboard.jpg" alt="Mini Breadboard" width="300" border="300">
</a>
<p>Mini breadboard merupakan jenis terkecil dari papan elektronil solderless yang satu ini. Mini breadboard digunakan untuk membuat sebuah rangkaian mini yang tidak membutuhkan komponen elektronik dalam jumlah banyak.
Jumlah lubang koneksi yang dimiliki oleh mini breadboard adalah kurang lebih 170 titik. Titik koneksi digunakan sebagai jalur koneksi dari komponen-komponen elektronik tersebut.
</p>
<p></p>
<li>Kabel Jumper</li>
<a href="https://images.tokopedia.net/img/cache/500-square/product-1/2019/1/25/12656782/12656782_6c39e75c-54bf-43f1-a813-a87881b01dbe_700_700.jpg" title="Menuju Website Gambar">
<img src="images/kabeljumper.jpg" alt="Kabel Jumper" width="300" border="300">
</a>
<p>Kabel jumper adalah suatu istilah kabel yang ber-diameter kecil yang di dalam dunia elektronika digunakan untuk menghubungkan dua titik atau lebih dan dapat juga untuk menghubungkan 2 komponen elektronika.
Kabel jumper jenis ini digunakan untuk koneksi male to male pada kedua ujung kabelnya.
Fungsi kabel listrik sebagai jumper maksudnya ialah kabel berperan sebagai penghubung atau penghantar secara langsung arus listrik.
</p>
<p></p>
<li>Arduino IDE</li>
<a href="https://1.bp.blogspot.com/-TEKJ1M32MNA/YJ7ZUNxWlcI/AAAAAAAADTk/Cd6ynl6K54oGxvsh80HOUF_fPPknEV-hQCLcBGAsYHQ/s512/arduino_official_logo_icon_167833.png" title="Menuju Website Gambar">
<img src="images/ardiunoinde.png" alt="Ardiuno IDE" width="300" border="300">
</a>
<p>Arduino IDE adalah suatu perangkat lunak yang
bersifat open source yang digunakan untuk
memprogram Arduino. Arduino IDE menggunakan
bahasa pemrograman Arduino yang mirip dengan
bahasa pemrograman C dan C++ dengan pembeda
berupa library yang melengkapi Arduino IDE.
Struktur penulisan program dalam bahasa C harus
memiliki fungsi utama, yang bernama main()
</p>
<p></p>
</p>
<p></p>
<h5>Analisis dan Diskusi Project</h5>
<p >
<b>Cara Kerja </b></p>
<p>
Dalam melakukan perancangan sistem, Dispenser otomatis ini akan menggunakan sensor sensor ultrasonic untuk medeteksi ada nya gelas yang datang. Ketika sensor ultrasonic mendeteksi gelas Servo akan langsung bekerja dan otomatis menarik keran dispenser. dispenser.Tinggi air didalam gelas sesuai tinggi yang sudah ditentukan, setelah gelas terisi sesuai tinggi yang ditentukan, lalu berhenti.
</p>
<p>
Perangkat Keras
</p>
<p>
<li>Arduino Uno sebagai Mikrokontroler</li>
<li>Ultrasonik HC-SR04 Pendeteksi gelas </li>
<li>Servo sebagai motor yang menggerakan keran dispenser</li>
<li>Ultrasonik HC-SR04 Pengukur tinggi air dalam gelas </li>
</p>
<p>
Perangkat Lunak
</p>
<p><li> IDE Mengubah atau membuat program sistem</li> </p>
<p></p>
<p>Kesimpulan </p>
<p>
Kesimpulan dari hasil pembuatan DISPENSER OTOMATIS dapat ditarik kesimpulan sebagai berikut
<li>Hasil pengujian arduino uno sebagai mikrokontroler, sensor Ultrasonik sebagai sensor jarak dan servo sebagai motor dapat bekerja seperti yang diharapkan. </li>
<li> penuangan air kedalam gelas dan menghentikan aliran air ketika tinggi air didalam gelas sudah sesuai ketentuan.</li>
</p>
<p>
</p>
<h6>Referensi</h6>
<p>
<li><a href="http://repository.unej.ac.id/bitstream/handle/123456789/26932/S_S%20%28170%29S_1.pdf?sequence=1&isAllowed=y"> "Dispenser Otomatis", Bangkit Priska Yuda</a></li>
<li><a href="https://www.aldyrazor.com/2020/04/kabel-jumper-arduino.html">Kabel Jumper Arduino</a></li>
<li><a href="https://www.nesabamedia.com/pengertian-breadboard/">Pengertian Breadboard</a></li>
<li><a href="https://www.edukasielektronika.com/2020/12/motor-servo-sg90.html">Motor Servo SG90</a></li>
<li><a href="https://ariefeeiiggeennblog.wordpress.com/2014/02/07/pengertian-fungsi-dan-kegunaan-arduino/#:~:text=Arduino%20adalah%20pengendali%20mikro%20single,softwarenya%20memiliki%20bahasa%20pemrograman%20sendiri.">Fungsi Arduino</a></li>
<li><a href="https://ariefeeiiggeennblog.wordpress.com/2014/02/07/pengertian-fungsi-dan-kegunaan-arduino/#:~:text=Arduino%20adalah%20pengendali%20mikro%20single,softwarenya%20memiliki%20bahasa%20pemrograman%20sendiri.">Arduino IDE</a></li>
<li><a href="https://beetrona.com/membahas-cara-kerja-sensor-ultrasonic-hc-sr04/#:~:text=Sinyal%20dipancarkan%20oleh%20pemancar%20ultrasonik,yang%20umum%20digunakan%20adalah%2040kHz.">Cara Kerja Sensor Ultrasonic</a></li>
</p>
</div>
</div>
</div>
</section>
<!--gambar Pcb wirinng-->
<section class="section section-lg bg-default">
<div class="container">
<div class="row row-50">
<div class="col-lg-6">
<h4>PCB Wiring</h4>
<p>
<img src="images/download.jpeg" />
</p>
<p></p>
<p>Wiring Project</p>
</div>
</div>
</div>
</section>
<!-- Page Footer-->
<footer class="section footer-minimal context-dark">
<div class="container wow-outer">
<div class="wow fadeIn">
<div class="row row-50 row-lg-60">
<div class="col-12">
<ul class ="social-list">
<li><a class="icon icon-sm icon-circle icon-circle-md icon-bg-white fa-youtube-play" href="https://www.youtube.com/watch?v=QgCFHVTdP24&feature=youtu.be"></a></li>
</ul>
</div>
<div class = "col-12">
<ul class="footer-minimal-nav">
<li><a href="https://instagram.com/mkb_upi?igshid=YmMyMTA2M2Y=">About Us</a></li>
<li><a href="https://instagram.com/lsaaa00_?igshid=YmMyMTA2M2Y=">Melisa Galuh Parwati</a></li>
<li><a href="https://instagram.com/kelvinpad?igshid=YmMyMTA2M2Y=">M.Kelvin Fadhilah</a></li>
<li><a href="https://instagram.com/cartlev?igshid=YmMyMTA2M2Y=">Ramadhirra Azzahra Putri</a></li>
<li><a href="https://instagram.com/vladio_smb?igshid=YmMyMTA2M2Y=">Vladio Sada Arihta Sembiring</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<div class="snackbars" id="form-output-global"></div>
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>