SI1733499446: Perbedaan revisi

Dari widuri
Lompat ke: navigasi, cari
[revisi tidak terperiksa][revisi terperiksa]
k (Melindungi "SI1733499446": Sidang Selesai ([Sunting=Hanya untuk pengurus] (selamanya) [Pindahkan=Hanya untuk pengurus] (selamanya)) [runtun])
 
(46 revisi antara oleh satu pengguna lainnya tidak ditampilkan)
Baris 1: Baris 1:
<div style="-khtml-user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; unselectable:on;">
+
 
  
  
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''PERANCANGAN TRAINER INTERFACE'''</p></div>
+
<p style="line-height: 1">'''PERANCANGAN TRAINER INTERFACE MIKROKONTROLER'''</p></div>
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''MIKROKONTROLER BERBASIS ESP32 SEBAGAI MEDIA'''</p></div>
+
<p style="line-height: 1">'''BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN'''</p></div>
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 16pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''PEMBELAJARAN PADA MATA KULIAH INTERFACING'''</p></div>
+
<p style="line-height: 1">'''PADA MATA KULIAH INTERFACING'''</p></div>
  
  
Baris 35: Baris 35:
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''FAKULTAS SAINS DAN TEKNOLOGI'''</p></div>
+
<p style="line-height: 1">'''FAKULTAS [[SAINS DAN TEKNOLOGI]]'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''PROGRAM STUDI SISTEM KOMPUTER'''</p></div>
+
<p style="line-height: 1">'''PROGRAM STUDI [[Sistem komputer|SISTEM KOMPUTER]]'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''KONSENTRASI CREATIVE COMMUNICATION AND INNOVATIVE TECHNOLOGY'''</p></div>
+
<p style="line-height: 1">'''KONSENTRASI [[Creative Communication and Innovative Technology|CREATIVE COMMUNICATION AND INNOVATIVE TECHNOLOGY]]'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
<p style="line-height: 1">'''UNIVERSITAS RAHARJA'''</p></div>
+
<p style="line-height: 1">'''[[Universitas Raharja|UNIVERSITAS RAHARJA]]'''</p></div>
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center;">
 
<p style="line-height: 1">'''TANGERANG'''</p></div>
 
<p style="line-height: 1">'''TANGERANG'''</p></div>
Baris 56: Baris 56:
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
+
<p style="line-height: 2">'''[[Universitas Raharja|UNIVERSITAS RAHARJA]]'''</p></div>
  
  
Baris 67: Baris 67:
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2" style="text-align: center;">'''BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN PADA'''</p></div>
+
<p style="line-height: 2" style="text-align: center;">'''BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN'''</p></div>
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2" style="text-align: center;">'''MATA KULIAH INTERFACING'''</p></div>
+
<p style="line-height: 2" style="text-align: center;">'''PADA MATA KULIAH INTERFACING'''</p></div>
  
  
Baris 83: Baris 83:
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Restu Adi Pradana|Restu Adi Pradana]]</div>
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Restu Adi Pradana|Restu Adi Pradana]]</div>
 
|-
 
|-
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Fakultas</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sains Dan Teknologi</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Fakultas</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[SAINS DAN TEKNOLOGI|Sains Dan Teknologi]]</div>
 
|-
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Pendidikan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Strata 1</div>
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Pendidikan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Strata 1</div>
 
|-
 
|-
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sistem Komputer</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Sistem komputer|Sistem Komputer]]</div>
 
|-
 
|-
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Creative Communication And
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Creative Communication and Innovative Technology]]</div>
Innovative Technology</div>
+
 
|}
 
|}
  
Baris 108: Baris 107:
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Rektor</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Ketua Program Studi</div>
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Rektor</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Ketua Program Studi</div>
 
|-
 
|-
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Universitas Raharja</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Program Studi Sistem Komputer</div>
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">[[Universitas Raharja]]</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">Program Studi [[Sistem komputer|Sistem Komputer]]</div>
 
|-
 
|-
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
Baris 118: Baris 117:
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
|-
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(Dr. Po. Abas Sunarya, M.Si)</u></div>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Dr. Po. Abas Sunarya, M.Si]])</u></div>|| &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>
  
(Ageng Setiani Rafika, S.Kom., M,Si)
+
([[Ageng|Ageng Setiani Rafika, S.Kom., M,Si]])
  
 
</u></div>
 
</u></div>
 
|-
 
|-
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 000603</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 060003</div>
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NIP : 000603</div> || &nbsp; || &nbsp; || &nbsp; || &nbsp; || <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 13001</div>
 
|}
 
|}
  
Baris 136: Baris 135:
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
+
<p style="line-height: 2">'''[[Universitas Raharja|UNIVERSITAS RAHARJA]]'''</p></div>
  
  
Baris 144: Baris 143:
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2" style="text-align: center;">'''PERANCANGAN TRAINER INTERFACE'''</p></div>
+
<p style="line-height: 2" style="text-align: center;">'''PERANCANGAN TRAINER INTERFACE MIKROKONTROLER'''</p></div>
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2" style="text-align: center;">'''MIKROKONTROLER BERBASIS ESP32 SEBAGAI MEDIA'''</p></div>
+
<p style="line-height: 2" style="text-align: center;">'''BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN'''</p></div>
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2" style="text-align: center;">'''PEMBELAJARAN PADA MATA KULIAH INTERFACING'''</p></div>
+
<p style="line-height: 2" style="text-align: center;">'''PADA MATA KULIAH INTERFACING'''</p></div>
  
  
Baris 172: Baris 171:
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2" style="text-align: center;">Fakultas Sains Dan Teknologi</p></div>
+
<p style="line-height: 2" style="text-align: center;">Fakultas [[SAINS DAN TEKNOLOGI|Sains Dan Teknologi]]</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2" style="text-align: center;">Program Studi Sistem Komputer</p></div>
+
<p style="line-height: 2" style="text-align: center;">Program Studi [[Sistem komputer|Sistem Komputer]]</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">Konsentrasi Creative Communication And
+
<p style="line-height: 2">Konsentrasi [[Creative Communication and Innovative Technology]]</p></div>
Innovative Technology</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
Baris 208: Baris 206:
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
|-
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>( Erick Febriyanto, S.Kom., M.T.I )</u></div>|| &nbsp;
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>( [[Erick Febriyanto|Erick Febriyanto, S.Kom., M.T.I]] )</u></div>|| &nbsp;
||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>( Hendra Kusumah, S.Kom. )</u></div>
+
||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>( [[Hendra Kusumah|Hendra Kusumah, S.Kom., M.T.I]] )</u></div>
 
|-
 
|-
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 14011</div> || &nbsp;
 
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 14011</div> || &nbsp;
Baris 224: Baris 222:
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
+
<p style="line-height: 2">'''[[Universitas Raharja|UNIVERSITAS RAHARJA]]'''</p></div>
  
  
Baris 258: Baris 256:
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">Fakultas Sains Dan Teknologi</p></div>
+
<p style="line-height: 2">Fakultas [[SAINS DAN TEKNOLOGI|Sains Dan Teknologi]]</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">Program Studi Sistem Komputer</p></div>
+
<p style="line-height: 2">Program Studi [[Sistem komputer|Sistem Komputer]]</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">Konsentrasi Creative Communication and Innovative Technology</p></div>
+
<p style="line-height: 2">Konsentrasi [[Creative Communication and Innovative Technology]]</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
Baris 296: Baris 294:
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|&nbsp; || &nbsp; || &nbsp; || &nbsp; || &nbsp;
 
|-
 
|-
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(_______________)</u></div>|| &nbsp;
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Anita B. Wandanaya|Anita B. Wandanaya, A.M.Tru., M.M.]])</u></div>|| &nbsp;
|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(_______________)</u></div>|| &nbsp;
+
|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Euis Siti Nur Aisyah|Euis Sitinur Aisyah, M.Kom.]])</u></div>|| &nbsp;
||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>(_______________)</u></div>
+
||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center"><u>([[Eka Purnama Harahap|Eka Purnama Harahap, S.Kom., M.T.I.]])</u></div>
 
|-
 
|-
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID :__________ </div> || &nbsp; ||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID :__________ </div>|| &nbsp;
+
| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 04048 </div> || &nbsp; ||<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 05066 </div>|| &nbsp;
|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID :__________ </div>
+
|| <div style="font-size: 12pt;font-family: 'times new roman';text-align: center">NID : 16008 </div>
 
|}
 
|}
  
Baris 313: Baris 311:
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">'''UNIVERSITAS RAHARJA'''</p></div>
+
<p style="line-height: 2">'''[[Universitas Raharja|UNIVERSITAS RAHARJA]]'''</p></div>
  
  
Baris 324: Baris 322:
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">'''BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN PADA'''</p></div>
+
<p style="line-height: 2">'''BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN'''</p></div>
  
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
 
<div style="font-size: 14pt;font-family: 'times new roman';text-align: center">
<p style="line-height: 2">'''MATA KULIAH INTERFACING'''</p></div>
+
<p style="line-height: 2">'''PADA MATA KULIAH INTERFACING'''</p></div>
  
  
Baris 340: Baris 338:
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Restu Adi Pradana|Restu Adi Pradana]]</div>
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Nama</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Restu Adi Pradana|Restu Adi Pradana]]</div>
 
|-
 
|-
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Fakultas</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sains Dan Teknologi</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Fakultas</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[SAINS DAN TEKNOLOGI|Sains Dan Teknologi]]</div>
 
|-
 
|-
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Pendidikan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Strata 1</div>
 
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Pendidikan</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Strata 1</div>
 
|-
 
|-
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Sistem Komputer</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Program Studi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Sistem komputer|Sistem Komputer]]</div>
 
|-
 
|-
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: Creative Communication and Innovative Technology</div>
+
|<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">Konsentrasi</div>||<div style="font-size: 12pt;font-family: 'times new roman';text-align: left">: [[Creative Communication and Innovative Technology]]</div>
 
|}
 
|}
  
Baris 352: Baris 350:
  
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<p style="line-height: 2">Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana baik di lingkungan Universitas Raharja maupun di Universitas lain, serta belum pernah dipublikasikan.</p></div>
 
<p style="line-height: 2">Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana baik di lingkungan Universitas Raharja maupun di Universitas lain, serta belum pernah dipublikasikan.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center">
 
<p style="line-height: 2">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.</p></div>
 
<p style="line-height: 2">Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.</p></div>
  
Baris 426: Baris 424:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">
  
Pada program studi sistem komputer di Universitas Raharja terdapat mata kuliah interfacing dimana materi yang diajarkan berupa teknik interfacing mikrokontroler yang menggunakan tiga jenis protokol interface pada mikrokontroler yaitu interface SPI, I2C, dan UART. Ketiga jenis protokol ini digunakan sebagai interface untuk komunikasi mikrokontroler dengan periferal lain. Proses pembelajaran pada mata kuliah ini yaitu dosen menyampaikan teori-teori dan konsep interface mikrokontroler dengan hanya mengilustrasikan konsepnya ke papan tulis dan pada sesi praktikum pun mahasiswa harus membawa bahan dan komponen sendiri yang harus dirangkai terlebih dahulu sebelum digunakan, dalam merangkai bahan praktikum tentunya memakan waktu yang cukup banyak terlebih bagi sebagian mahasiswa yang belum mengerti konsep mikrokontroler, hal ini menyebabkan proses pembelajaran pada mata kuliah interfacing menjadi tidak efektif dan efisien dari sisi waktu dan biaya untuk mencapai tujuan dari pembelajaran mata kuliah interfacing. Dari permasalahan tersebut perlu adanya suatu media pembelajaran berupa alat praktikum atau trainer yang dapat menunjang kegiatan pembelajaran dan praktikum pada mata kuliah interfacing. Penelitian ini menggunakan metode prototyping, perancangan serta metode observasi untuk mengamati proses pembelajaran pada mata kuliah interfacing. Dengan demikian pada penelitian ini akan membahas mengenai perancangan media pembelajaran berupa trainer interface mikrokontroler yang dilengkapi dengan beberapa komponen pendukung yang sudah saling terhubung dalam satu papan sirkuit. Trainer ini nantinya akan digunakan sebagai alat praktikum mahasiswa untuk menerapkan materi interfacing pada mikrokontroler beserta komponen-komponennya secara langsung yang diharapkan mahasiswa yang menggunakan trainer ini akan mendapatkan pemahaman secara teori maupun penerapannya.
+
Pada program studi sistem komputer di Universitas Raharja terdapat mata kuliah interfacing dimana materi yang diajarkan berupa teknik interfacing mikrokontroler yang menggunakan tiga jenis protokol interface pada mikrokontroler yaitu interface SPI, I2C, dan UART. Ketiga jenis protokol ini digunakan sebagai interface untuk komunikasi mikrokontroler dengan periferal lain. Proses pembelajaran pada mata kuliah ini yaitu dosen menyampaikan teori-teori dan konsep interface mikrokontroler dengan hanya mengilustrasikan konsepnya ke papan tulis dan pada sesi praktikum pun mahasiswa harus membawa bahan dan komponen sendiri yang harus dirangkai terlebih dahulu sebelum digunakan, dalam merangkai bahan praktikum tentunya memakan waktu yang cukup banyak terlebih bagi sebagian mahasiswa yang belum mengerti konsep mikrokontroler, hal ini menyebabkan proses pembelajaran pada mata kuliah interfacing menjadi tidak efektif dan efisien dari sisi waktu dan biaya untuk mencapai tujuan dari pembelajaran mata kuliah interfacing. Dari permasalahan tersebut perlu adanya suatu media pembelajaran berupa alat praktikum atau trainer yang dapat menunjang kegiatan pembelajaran dan praktikum pada mata kuliah interfacing. Penelitian ini menggunakan metode prototyping, perancangan dan metode observasi untuk mengamati proses pembelajaran pada mata kuliah interfacing serta Black Box untuk melakukan pengujian sistem yang dibuat. Dengan demikian pada penelitian ini akan membahas mengenai perancangan media pembelajaran berupa trainer interface mikrokontroler yang dilengkapi dengan beberapa komponen pendukung yang sudah saling terhubung dalam satu papan sirkuit. Trainer ini nantinya akan digunakan sebagai alat praktikum mahasiswa untuk menerapkan materi interfacing pada mikrokontroler beserta komponen-komponennya secara langsung yang diharapkan mahasiswa yang menggunakan trainer ini akan mendapatkan pemahaman secara teori maupun penerapannya.
  
 
</p></div>
 
</p></div>
Baris 438: Baris 436:
 
<p style="line-height: 2">''ABSTRACT''</p></div>
 
<p style="line-height: 2">''ABSTRACT''</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''In the computer system study program at Raharja University there are interfacing courses where the material taught is a microcontroller interfacing technique that uses three types of interface protocols on the microcontroller, namely SPI, I2C, and UART interfaces. These three types of protocols are used as interfaces for microcontroller communication with other peripherals. The learning process in this course is that the lecturer conveys the theories and concepts of the interface of the microcontroller by simply illustrating the concept to the board and at the practical session students must bring their own materials and components that must be arranged before use, in arranging practical materials which is quite a lot especially for some students who do not understand the concept of microcontrollers, this causes the learning process in interfacing subjects to be ineffective and efficient in terms of time and cost to achieve the objectives of interfacing subject learning. From these problems it is necessary to have a learning media in the form of a practical tool or trainer who can support learning and practical activities in interfacing subjects. This study uses prototyping methods, design and observation methods to observe the learning process in interfacing subjects. Thus in this study we will discuss the design of learning media in the form of microcontroller interface trainers which is equipped with several supporting components that are interconnected in one circuit board. This trainer will be used as a practical tool for students to apply interfacing material to the microcontroller and its components directly, which is expected that students who use this trainer will get a theoretical understanding and application.''</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 1">''In the computer system study program at Raharja University there are interfacing courses where the material taught is a microcontroller interfacing technique that uses three types of interface protocols on the microcontroller, namely SPI, I2C, and UART interfaces. These three types of protocols are used as interfaces for microcontroller communication with other peripherals. The learning process in this course is that the lecturer conveys the theories and concepts of the interface of the microcontroller by simply illustrating the concept to the board and at the practical session students must bring their own materials and components that must be arranged before use, in arranging practical materials which is quite a lot especially for some students who do not understand the concept of microcontrollers, this causes the learning process in interfacing subjects to be ineffective and efficient in terms of time and cost to achieve the objectives of interfacing subject learning. From these problems it is necessary to have a learning media in the form of a practical tool or trainer who can support learning and practical activities in interfacing subjects. This study uses prototyping methods, design and observation methods to observe the learning process in interfacing subjects and Black Box method to perform testing system created. Thus in this study we will discuss the design of learning media in the form of microcontroller interface trainers which is equipped with several supporting components that are interconnected in one circuit board. This trainer will be used as a practical tool for students to apply interfacing material to the microcontroller and its components directly, which is expected that students who use this trainer will get a theoretical understanding and application.''</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify">
Baris 459: Baris 457:
 
   <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 
   <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;">
 
<p style="line-height:2">Penulis menyadari bahwa tanpa adanya bimbingan dan dorongan dari berbagai pihak, penulis tidak dapat menyelesaikan laporan penelitian ini dengan baik dan tepat pada waktu yang telah ditentukan. Pada kesempatan ini, penulis ingin menyampaikan rasa terima kasih kepada pihak-pihak yang telah membantu serta mendukung penulis dalam menyelesaikan laporan penelitian ini, diantaranya:</p></div>
 
<p style="line-height:2">Penulis menyadari bahwa tanpa adanya bimbingan dan dorongan dari berbagai pihak, penulis tidak dapat menyelesaikan laporan penelitian ini dengan baik dan tepat pada waktu yang telah ditentukan. Pada kesempatan ini, penulis ingin menyampaikan rasa terima kasih kepada pihak-pihak yang telah membantu serta mendukung penulis dalam menyelesaikan laporan penelitian ini, diantaranya:</p></div>
   <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"> <ol> <li style="line-height:2">Bapak Dr. Po. Abas Sunarya, M.Si. selaku Rektor Universitas Raharja</li>
+
   <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;"> <ol> <li style="line-height:2">Bapak [[Dr. Po. Abas Sunarya, M.Si]] selaku Rektor Universitas Raharja</li>
 
   <li style="line-height:2">Bapak Dr. Henderi, S.Kom., M.Kom. selaku Dekan Fakultas Universitas Raharja.</li>
 
   <li style="line-height:2">Bapak Dr. Henderi, S.Kom., M.Kom. selaku Dekan Fakultas Universitas Raharja.</li>
 
   <li style="line-height:2">Bapak Padeli, M.Kom selaku wakil Dekan Fakultas Sains dan Teknologi Universitas Raharja.</li>
 
   <li style="line-height:2">Bapak Padeli, M.Kom selaku wakil Dekan Fakultas Sains dan Teknologi Universitas Raharja.</li>
   <li style="line-height:2">Ibu Ageng Setiani Rafika, S.Kom., M.Si. selaku Ketua program Studi Sistem Komputer dan selaku stakeholder yang telah berkenan memberikan bimbingan dan pengarahan kepada penulis.</li>
+
   <li style="line-height:2">Ibu [[Ageng|Ageng Setiani Rafika, S.Kom., M,Si.]] selaku Ketua program Studi Sistem Komputer dan selaku stakeholder yang telah berkenan memberikan bimbingan dan pengarahan kepada penulis.</li>
   <li style="line-height:2">Bapak Erick Febriyanto, S.Kom., M.T.I. selaku Dosen Pembimbing I yang telah berkenan memberikan bimbingan dan pengarahan serta motivasi dan dukungan kepada penulis sehingga skripsi ini dapat diselesaikan dengan baik.</li>
+
   <li style="line-height:2">Bapak [[Erick Febriyanto|Erick Febriyanto, S.Kom., M.T.I]] selaku Dosen Pembimbing I yang telah berkenan memberikan bimbingan dan pengarahan serta motivasi dan dukungan kepada penulis sehingga skripsi ini dapat diselesaikan dengan baik.</li>
   <li style="line-height:2">Bapak Hendra Kusumah, S.Kom. selaku Dosen Pembimbing II yang telah berkenan memberikan berbagai masukan, bimbingan dan pengarahan kepada penulis.</li>
+
   <li style="line-height:2">Bapak [[Hendra Kusumah|Hendra Kusumah, S.Kom., M.T.I]] selaku Dosen Pembimbing II yang telah berkenan memberikan berbagai masukan, bimbingan dan pengarahan kepada penulis.</li>
 
   <li style="line-height:2">Bapak dan Ibu Dosen Universitas Raharja yang telah memberikan ilmu pengetahuan kepada penulis.</li>
 
   <li style="line-height:2">Bapak dan Ibu Dosen Universitas Raharja yang telah memberikan ilmu pengetahuan kepada penulis.</li>
 
   <li style="line-height:2">Kedua Orang Tua tercinta yang telah banyak memberikan dukungan moril dan materil serta doa bagi keberhasilan penulis sehingga skripsi ini dapat terselesaikan dengan baik.</li>
 
   <li style="line-height:2">Kedua Orang Tua tercinta yang telah banyak memberikan dukungan moril dan materil serta doa bagi keberhasilan penulis sehingga skripsi ini dapat terselesaikan dengan baik.</li>
Baris 599: Baris 597:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
 
<p style="line-height:1.5">[[#t21|Tabel 2.1. Spesifikasi ESP32]]</p>
 
<p style="line-height:1.5">[[#t21|Tabel 2.1. Spesifikasi ESP32]]</p>
 +
<p style="line-height:1.5">[[#t22|Tabel 2.2. Literature Review]]</p>
 
<p style="line-height:1.5">[[#t51|Tabel 5.1. BlackBox Testing Fungsi Interface SPI]]</p>
 
<p style="line-height:1.5">[[#t51|Tabel 5.1. BlackBox Testing Fungsi Interface SPI]]</p>
 
<p style="line-height:1.5">[[#t52|Tabel 5.2. BlackBox Testing Fungsi Interface I2C]]</p>
 
<p style="line-height:1.5">[[#t52|Tabel 5.2. BlackBox Testing Fungsi Interface I2C]]</p>
Baris 627: Baris 626:
  
  
 +
{{pagebreak}}<hr/>
  
 +
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">
 +
<p style="line-height:2">'''DAFTAR SIMBOL'''</p>
 +
 +
<p style="line-height:3">'''DAFTAR SIMBOL ''FLOWCHART'' '''</p>
 +
<div align="center"><img src="https://lh6.googleusercontent.com/-ly7qsk_T4KM/VlU2tEYQX7I/AAAAAAAABDY/mOFbZeuaL-M/w362-h520-no/Simbol%2BFlowchart%2B%2528Yudha%2BQirana%2BMeka%2529.png"/></div>
 +
 +
</div>
  
  
Baris 655: Baris 662:
  
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Perancangan'''</div>==
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Perancangan'''</div>==
 
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Arif (2016:71)<ref name="cit ar">Arif, Muhammad. 2016. “Bahan Ajar Rancangan Teknik Industri”. Yogyakarta: Deepublish.</ref>, “Perancangan adalah kegiatan awal dari suatu rangkaian kegiatan dalam proses pembuatan produk. Dalam tahap perancangan tersebut dibuat keputusan-keputusan penting yang mempengaruhi kegiatan-kegiatan lain yang menyusulnya”.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Arif (2016:71)<ref name="cit ar">Arif, Muhammad. 2016. “Bahan Ajar Rancangan Teknik Industri”. Yogyakarta: Deepublish.</ref>, “Perancangan adalah kegiatan awal dari suatu rangkaian kegiatan dalam proses pembuatan produk. Dalam tahap perancangan tersebut dibuat keputusan-keputusan penting yang mempengaruhi kegiatan-kegiatan lain yang menyusulnya”.</p></div>
Baris 661: Baris 667:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Rizky dalam Hendrawan (2017: 407)<ref name="cit hen">Hendrawan, H., Nugroho, A., & Safirman, M. R. 2017. “Perancangan Sistem Aplikasi Rekam Medik Pada Puskesmas Pakuan Baru Kota Jambi”. Jurnal MEDIA PROCESSOR, vol. 10, no. 1.</ref>, “Perancangan adalah sebuah proses yang mendefinisikan sesuatu yang akan dikerjakan dengan menggunakan teknik yang bervariasi serta didalamnya melibatkan deskripsi mengenai arsitektur serta detail komponen dan juga keterbatasan yang akan dialami dalam proses pengerjaannya”.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Rizky dalam Hendrawan (2017: 407)<ref name="cit hen">Hendrawan, H., Nugroho, A., & Safirman, M. R. 2017. “Perancangan Sistem Aplikasi Rekam Medik Pada Puskesmas Pakuan Baru Kota Jambi”. Jurnal MEDIA PROCESSOR, vol. 10, no. 1.</ref>, “Perancangan adalah sebuah proses yang mendefinisikan sesuatu yang akan dikerjakan dengan menggunakan teknik yang bervariasi serta didalamnya melibatkan deskripsi mengenai arsitektur serta detail komponen dan juga keterbatasan yang akan dialami dalam proses pengerjaannya”.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Jogiyanto dalam Pangemanan (2016:1)<ref name="cit pan">Pangemanan, R., Sengkey, R., & Lantang, O. A. 2016. “Perancangan Animasi 3 Dimensi Alur Pengurusan Administrasi Pasien Umum Dan Jaminan Dibagian Rehabilitasi Medik RSUP Prof. DR. RD Kandou Manado”. JURNAL TEKNIK INFORMATIKA UNIVERSITAS SAM RATULANGI, vol. 9 no. 1.</ref> “Perancangan sistem yaitu menentukan bagaimana suatu sistem akan menyelesaikan apa yang mesti diselesaikan. Tahap ini menyangkut mengkonfigurasikan dari komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah instalasi dari sistem akan benar-benar memuaskan rancangan bangun yang telah ditetapkan pada akhir tahap analisa sistem”.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Wandanaya, et al (2019:16)<ref name="cit anita">Wandanaya, Anita Bawaiqki, Sendy Zul Friandi, dan Fachry Agus Maulana. 2019. “Aplikasi Sistem Pengolahan Data Nilai Siswa Berbasis Web Pada SMKN 1 Kota Tangerang”. CERITA Journal, vol.5, no.1.</ref> “Perancangan sistem adalah tahap awal pendekatan masalah pada sistem. Tujuan perancangan sistem secara umum adalah untuk memberikan gambaran umum kepada pemakai (user) mengenai sistem informasi yang baru serta untuk memenuhi kebutuhanpemakai (user) dalam memperoleh dan mengolah informasi yang ada”.</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Beberapa definisi yang penulis sebutkan dapat diambil kesimpulan bahwa perancangan merupakan tahapan awal sebelum membuat suatu sistem, pada proses perancangan tersebut memuat tentang komponen apa saja yang membangun, bagaimana cara kerjanya, apa yang dihasilkan dari sistem yang akan dibuat.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Beberapa definisi yang penulis sebutkan dapat diambil kesimpulan bahwa perancangan merupakan tahapan awal sebelum membuat suatu sistem, pada proses perancangan tersebut memuat tentang komponen apa saja yang membangun, bagaimana cara kerjanya, apa yang dihasilkan dari sistem yang akan dibuat.</p></div>
 
  
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Trainer'''</div>==
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Trainer'''</div>==
Baris 673: Baris 678:
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan beberapa definisi tadi maka penulis menyimpulkan bahwa trainer merupakan suatu peralatan yang digunakan sebagai media pembelajaran untuk melakukan simulasi dalam menerapkan suatu model sistem yang diharapkan dapat memahami perilaku dan cara kerja suatu sistem seperti pada sistem sesungguhnya.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan beberapa definisi tadi maka penulis menyimpulkan bahwa trainer merupakan suatu peralatan yang digunakan sebagai media pembelajaran untuk melakukan simulasi dalam menerapkan suatu model sistem yang diharapkan dapat memahami perilaku dan cara kerja suatu sistem seperti pada sistem sesungguhnya.</p></div>
 
  
  
Baris 688: Baris 692:
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan dari tiga definisi diatas, dapat disimpulkan bahwa mikrokontroler merupakan chip yang didalamnya terdapat sistem minimum mikroprosesor yang terdiri dari CPU, RAM, memori, dan antarmuka input/output yang berbentuk sebuah IC (''Integrated Circuit''). Mikrokontroler dapat diprogram untuk menjalankan tugas dan fungsi yang biasanya berupa pengontrolan atau kendali.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan dari tiga definisi diatas, dapat disimpulkan bahwa mikrokontroler merupakan chip yang didalamnya terdapat sistem minimum mikroprosesor yang terdiri dari CPU, RAM, memori, dan antarmuka input/output yang berbentuk sebuah IC (''Integrated Circuit''). Mikrokontroler dapat diprogram untuk menjalankan tugas dan fungsi yang biasanya berupa pengontrolan atau kendali.</p></div>
 
  
  
Baris 707: Baris 710:
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Serial Peripheral Interface (SPI)'''</div>===
 
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Serial Peripheral Interface (SPI)'''</div>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Wardana (2017:158)<ref name="cit war">Wardana, I. Nyoman Kusuma. 2017. “Teknik antarmuka secara serial peripheral interface (SPI) menggunakan platform arduino dan matlab”. Matrix Jurnal Manajemen Teknologi dan Informatika, vol. 6, no. 3.</ref>, “Serial Peripheral Interface adalah protokol komunikasi secara synchronous antara dua perangkat (master dan slave), yang memisahkan antara jalur data dan jalur clock”.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Wardana (2017:158)<ref name="cit war">Wardana, I. Nyoman Kusuma. 2017. “Teknik antarmuka secara serial peripheral interface (SPI) menggunakan platform arduino dan matlab”. Matrix Jurnal Manajemen Teknologi dan Informatika, vol. 6, no. 3.</ref>, “Serial Peripheral Interface adalah protokol komunikasi secara synchronous antara dua perangkat (''master'' dan ''slave''), yang memisahkan antara jalur data dan jalur clock”.</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Sulistiyono, et al (2014:2)<ref name="cit sul">Sulistiyono, Taufiq Yudi. Nurussa’adah, dan Eka Maulana. 2014. “Komparasi Sistem Komunikasi Serial Multipoint pada Robot Management Sampah menggunakan I2C dan SPI”. Jurnal Mahasiswa TEUB, vol. 2, vol. 3.</ref>, “SPI merupakan salah satu metode pengiriman data dari suatu device ke device lainnya yang bekerja pada metode full duplex dan merupakan standar sinkronisasi serial data link”.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Sulistiyono, et al (2014:2)<ref name="cit sul">Sulistiyono, Taufiq Yudi. Nurussa’adah, dan Eka Maulana. 2014. “Komparasi Sistem Komunikasi Serial Multipoint pada Robot Management Sampah menggunakan I2C dan SPI”. Jurnal Mahasiswa TEUB, vol. 2, vol. 3.</ref>, “SPI merupakan salah satu metode pengiriman data dari suatu device ke device lainnya yang bekerja pada metode full duplex dan merupakan standar sinkronisasi serial data link”.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Bejo dalam Oktanugraha (2018:26)<ref name="okt" />, “Dalam komunikasi SPI antara perangkat yang saling terhubung terdapat master dan slave. Master adalah perangkat yang menginisialisasi atau mengatur pengiriman data menuju slave yang terdiri dari satu atau beberapa buah (multipoint)”.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Bejo dalam Oktanugraha (2018:26)<ref name="okt" />, “Dalam komunikasi SPI antara perangkat yang saling terhubung terdapat ''master'' dan ''slave''. ''Master'' adalah perangkat yang menginisialisasi atau mengatur pengiriman data menuju ''slave'' yang terdiri dari satu atau beberapa buah (''multipoint'')”.</p></div>
  
  
 
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik SPI'''</div>====
 
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik SPI'''</div>====
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Wardana (2017:158)<ref name="cit war" />, SPI dimulai oleh Motorola (sekarang freescale) merupakan komunikasi serial ''full-duplex'' yang memungkinkan komunikasi dua arah antara master dan slave secara simultan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Wardana (2017:158)<ref name="cit war" />, SPI dimulai oleh Motorola (sekarang freescale) merupakan komunikasi serial ''full-duplex'' yang memungkinkan komunikasi dua arah antara ''master'' dan ''slave'' secara simultan.</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Sulistiyono, et al (2014:2)<ref name="cit sul" />, Komunikasi serial data antara master dan SPI diatur melalui 4 buah pin yang terdiri dari SCLK, MOSI, MISO, dan SS.</p></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Sulistiyono, et al (2014:2)<ref name="cit sul" />, Komunikasi serial data antara master dan SPI diatur melalui 4 buah pin yang terdiri dari SCLK, MOSI, MISO, dan SS.</p></div>
Baris 722: Baris 725:
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
   <li style="text-align: justify;line-height: 2;">MOSI (''master out slave in'') merupakan pin yang berfungsi sebagai jalur data pada saat data keluar dari master dan masuk ke slave. istilah lain pin ini adalah SIMO, SDI, DI, dan SI.</li>
+
   <li style="text-align: justify;line-height: 2;">MOSI (''master out slave in'') merupakan pin yang berfungsi sebagai jalur data pada saat data keluar dari master dan masuk ke ''slave''. istilah lain pin ini adalah SIMO, SDI, DI, dan SI.</li>
     <li style="text-align: justify;line-height: 2;">MISO (''master in slave out'') merupakan pin yang berfungsi sebagai jalur data yang keluar dari slave dan masuk ke master. Istilah lain pin ini adalah SOMI, SDO, DO, dan SO.</li>
+
     <li style="text-align: justify;line-height: 2;">MISO (''master in slave out'') merupakan pin yang berfungsi sebagai jalur data yang keluar dari ''slave'' dan masuk ke master. Istilah lain pin ini adalah SOMI, SDO, DO, dan SO.</li>
     <li style="text-align: justify;line-height: 2;">SCLK (''serial clock'') merupakan komponen prosedur komunikasi data SPI. Data biner yang keluar dari master ke slave berfungsi sebagai clock dengan frekuensi tertentu. Istilah lain pin ini adalah SCK</li>
+
     <li style="text-align: justify;line-height: 2;">SCLK (''serial clock'') merupakan komponen prosedur komunikasi data SPI. Data biner yang keluar dari ''master'' ke ''slave'' berfungsi sebagai clock dengan frekuensi tertentu. Istilah lain pin ini adalah SCK</li>
     <li style="text-align: justify;line-height: 2;">SS (''slave select'') merupakan pin yang berfungsi untuk mengaktifkan slave sehingga pengiriman data hanya dapat dilakukan jika slave dalam keadaan aktif (''active low''). Istilah lain pin SS adalah CS (chip select), nCS, nSS, dan STE (slave transmit enable).</li>
+
     <li style="text-align: justify;line-height: 2;">SS (''slave select'') merupakan pin yang berfungsi untuk mengaktifkan ''slave'' sehingga pengiriman data hanya dapat dilakukan jika slave dalam keadaan aktif (''active low''). Istilah lain pin SS adalah CS (''chip select''), nCS, nSS, dan STE (''slave transmit enable'').</li>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
 
<div id="g22" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-qCZ1bGg--lc/XVZrBipLF0I/AAAAAAAAEXI/X2nPac8eoWM-90yz4bGpRACn5qFTjuE_wCK8BGAs/s0/2019-08-16.png"/></div>
 
<div id="g22" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-qCZ1bGg--lc/XVZrBipLF0I/AAAAAAAAEXI/X2nPac8eoWM-90yz4bGpRACn5qFTjuE_wCK8BGAs/s0/2019-08-16.png"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.2''' Interface SPI.</p><p style="line-height:2">Sumber : Mikhaylov dalam Oktanugraha (2018:27)<ref name="okt" />Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta: Deepublish.</ref></p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.2''' Interface SPI.</p><p style="line-height:2">Sumber : Mikhaylov dalam Oktanugraha (2018:27)<ref name="okt" /></p></div>
  
  
Baris 749: Baris 752:
 
<ol>
 
<ol>
 
   <li style="text-align: justify;line-height: 2;">Data dikirim secara serial per-bit.</li>
 
   <li style="text-align: justify;line-height: 2;">Data dikirim secara serial per-bit.</li>
     <li style="text-align: justify;line-height: 2;">Menggunakan dua penghantar koneksi dengan ground bersama. Dua penghantar tersebut adalah SCL (Serial Clock Line) untuk menghantarkan sinyal clock dan SDA (Serial Data) untuk mentranslasikan data.</li>
+
     <li style="text-align: justify;line-height: 2;">Menggunakan dua penghantar koneksi dengan ''ground'' bersama. Dua penghantar tersebut adalah SCL (''Serial Clock Line'') untuk menghantarkan sinyal clock dan SDA (''Serial Data'') untuk mentranslasikan data.</li>
     <li style="text-align: justify;line-height: 2;">Jumlah slave maksimal 127. Slave dialamatkan melalui 7-bit alamat.</li>
+
     <li style="text-align: justify;line-height: 2;">Jumlah ''slave'' maksimal 127. ''Slave'' dialamatkan melalui 7-bit alamat.</li>
     <li style="text-align: justify;line-height: 2;">Setiap transaksi data terjadi antara pengirim (transmitter) dan penerima (receiver).</li>
+
     <li style="text-align: justify;line-height: 2;">Setiap transaksi data terjadi antara pengirim (''transmitter'') dan penerima (''receiver'').</li>
 
</ol>
 
</ol>
 
</div>
 
</div>
Baris 759: Baris 762:
  
  
#LAST
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Universal Asynchronous Serial Receiver and Transmitter (UART)'''</div>===
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Kurniawan (2016:9)<ref name="cit kur">Kurniawan, Bobi, Eko Budi Setiawan, dan Rodi Hartono. 2015. “Perbaikan sistem parkir kendaraan bermotor di lingkungan universitas komputer indonesia dengan menggunakan RFID dan database”. Majalah Ilmiah UNIKOM, vol. 12, no. 2..</ref>, “UART adalah salah satu metode komunikasi dimana data dikirimkan satu persatu melalui pin TX dan diterima melalui pin RX”.</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Munarso (2014:251)<ref name="cit mun">Munarso, M., & Suryono, S., 2014. “Sistem Telemetri Pemantauan Suhu Lingkungan Menggunakan Mikrokontroler dan Jaringan WIFI”. Youngster physics journal, vol.3, no. 3.</ref>, ''Universal Asynchronous Serial Receiver and Transmitter'' (UART) adalah sebuah perangkat di dalam mikrokontroler yang digunakan untuk melakukan komunikasi data serial. Perangkat keras UART dibagi ke dalam tiga bagian/blok besar yaitu ''transmitter'', ''receiver'' dan ''clock'' (''clock generator''). Blok transmitter melakukan pengiriman data melalui pin TX. Sedangkan bagian ''receiver'' melakukan penerimaan data melalui pin RX. Pada blok clock generator berhubungan dengan setting kecepatan transfer data (''baud rate'').</p></div>
  
  
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik UART'''</div>====
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Mikhaylov dalam Oktanugraha (2018:28)<ref name="okt" />, UART memiliki komunikasi ''full-duplex'' seperti SPI, namun bersifat ''peer-to-peer'' sehingga hanya bisa berkomunikasi dengan 1 perangkat lain dalam 1 bus. UART hanya menggunakan 2 jalur yaitu TX dan RX. TX sebagai ''transmitter'' dan RX sebagai ''receiver''. Jalur UART dihubungkan secara silang dengan menghubungkan RX perangkat A dengan TX perangkat B dan sebaliknya. Kedua perangkat dapat saling mengirim dan menerima data.</p></div>
  
 +
<div id="g24" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-v1A291AbJDQ/XVpSdmsDaWI/AAAAAAAAEX4/Gg5Df9o2Vco2TSpFM2cOX4aIH4cfN4hTQCK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.4''' Interface UART.</p><p style="line-height:2">Sumber : Mikhaylov dalam Oktanugraha (2018:29)<ref name="okt" /></p></div>
  
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi ESP32'''</div>==
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">ESP32 dikenalkan oleh Espressif System yang merupakan penerus dari mikrokontroler ESP8266. Mikrokontroler ESP32 memiliki keunggulan yaitu sistem berbiaya rendah, dan juga berdaya rendah dengan modul WiFi yang terintegrasi dengan chip mikrokontroler serta memiliki bluetooth dengan mode ganda dan fitur hemat daya menjadikannya lebih fleksibel. ESP32 kompatibel dengan perangkat seluler dan aplikasi IoT (Internet of Things). Mikrokontroler ini dapat digunakan sebagai sistem mandiri yang lengkap atau dapat dioperasikan sebagai perangkat pendukung mikrokontroler host. (Biswas, 2018)<ref name="cit bis">Biswas, Shatadru Bipasha, dan M. Tariq Iqbal. 2018. “Solar Water Pumping System Control Using a Low Cost ESP32 Microcontroller.” 2018 IEEE Canadian Conference on Electrical & Computer Engineering (CCECE).</ref>.</p></div>
  
 +
<div id="g25" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-uyqgEug1p-M/XVpULf9RvhI/AAAAAAAAEYE/ixGP6wWx4XUxECTuRuGWDfY3bFhPoUtjQCK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.5''' ESP32.</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">ESP32 adalah chip dengan WiFi 2.4GHz dan bluetooth dengan desain teknologi 40nm yang dirancang untuk daya dan kinerja radio terbaik yang menunjukkan ketahanan, keserbagunaan dan keandalan dalam berbagai aplikasi dan skenario daya. (Espressif, 2019)<ref name="cit esp">ESPRESSIF. ESP32 Resources. https://www.espressif.com/en/products/hardware/esp32/resources . (diakses tanggal 4 Januari 2019).</ref>.</p></div>
  
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi ESP32'''</div>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">ESP32 memiliki spesifikasi seperti yang ditampilkan pada tabel 2.1 sebagai berikut:</p></div>
<ol>
+
 
  <li style="text-align: justify;line-height: 2;">Data menurut Siregar yang dikutip oleh  Sutopo Priyo, dkk (2016:24)<ref name="citation 7"></ref>data merupakan istilah yang berasal dari kata “datum” yang berarti fakta atau bahan-bahan keterangan.</li>
+
<div id="t21" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 2.1.''' Spesifikasi ESP32 (Maier, 2017:144)<ref name="cit mai">Maier, Alexander, Andrew Sharp, dan Yuriy Vagapov. 2017. “Comparative analysis and practical implementation of the ESP32 microcontroller module for the internet of things”. Internet Technologies and Applications (ITA).</ref>.</p></div>
    <li style="text-align: justify;line-height: 2;">Data adalah bentuk mentah yang perlu diolah lebih lanjut. Pengertian informasi dan data yang dikemukakan oleh Romney dan Steinbart (2015:4)<ref name="citation 1"></ref>yang diterjemahkan oleh Kikin dan Novita sebagai berikut “Data mengarah pada fakta-fakta yang kita kumpulkan, simpan, dan proses dengan sistem informasi. Informasi adalah data yang diatur dan diproses untuk memberikan arti”.</li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
    <li style="text-align: justify;line-height: 2;">Pendapat dari Gorden B. Davis dalam Hutahaean (2015:8)<ref name="citation 6"></ref>Data adalah bahan mentah bagi informasi, dirumuskan sebagai kelompok  lambang-lambang tidak acak menunjukan jumlah-jumlah, tindakan, hal-hal, dan sebagainya.</li>
+
<table align="center" width="474" border="1">
</ol>
+
<tr>
 +
<td width="134"><strong>Atribut</strong></td>
 +
<td width="340"><strong>Detail</strong></td>
 +
</tr>
 +
<tr>
 +
<td width="134">CPU</td>
 +
<td width="340">Tensilica Xtensa LX6 32bit Dual-Core di 160/240MHz</td>
 +
</tr>
 +
<tr>
 +
<td width="134">SRAM</td>
 +
<td width="340">520 KB</td>
 +
</tr>
 +
<tr>
 +
<td width="134">FLASH</td>
 +
<td width="340">2MB (max. 64MB)</td>
 +
</tr>
 +
<tr>
 +
<td width="134">Tegangan</td>
 +
<td width="340">2.2V sampai 3.6V</td>
 +
</tr>
 +
<tr>
 +
<td width="134">Arus Kerja</td>
 +
<td width="340">Rata-rata 80mA</td>
 +
</tr>
 +
<tr>
 +
<td width="134">Dapat diprogram</td>
 +
<td width="340">Ya (C, C++, Python, Lua, dll)</td>
 +
</tr>
 +
<tr>
 +
<td width="134">Open Source</td>
 +
<td width="340">Ya</td>
 +
</tr>
 +
<tr>
 +
<td colspan="2" width="474"><strong>Konektivitas</strong></td>
 +
</tr>
 +
<tr>
 +
<td width="134">Wi-Fi</td>
 +
<td width="340">802.11 b/g/n</td>
 +
</tr>
 +
<tr>
 +
<td width="134">BluetoothⓇ</td>
 +
<td width="340">4.2BR/EDR + BLE</td>
 +
</tr>
 +
<tr>
 +
<td width="134">UART</td>
 +
<td width="340">3</td>
 +
</tr>
 +
<tr>
 +
<td colspan="2" width="474"><strong>I/O</strong></td>
 +
</tr>
 +
<tr>
 +
<td width="134">GPIO</td>
 +
<td width="340">32</td>
 +
</tr>
 +
<tr>
 +
<td width="134">SPI</td>
 +
<td width="340">4</td>
 +
</tr>
 +
<tr>
 +
<td width="134">I2C</td>
 +
<td width="340">2</td>
 +
</tr>
 +
<tr>
 +
<td width="134">PWM</td>
 +
<td width="340">8</td>
 +
</tr>
 +
<tr>
 +
<td width="134">ADC</td>
 +
<td width="340">18 (12-bit)</td>
 +
</tr>
 +
<tr>
 +
<td width="134">DAC</td>
 +
<td width="340">2 (8-bit)</td>
 +
</tr>
 +
</table>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dari beberapa definisi data di atas dapat disimpulkan bahwa data adalah fakta dari suatu kejadian atau peristiwa yang terjadi pada suatu objek berupa benda tempat maupun orang, yang mana merupakan hasil dari pengukuran atau pengamatan, hasilnya dapat berupa angka, huruf, simbol, simbol khusus atau gabungan darinya.</p></div>
 
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Media Pembelajaran'''</div>==
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Martin dan Briggs dalam Sumiharsono (2017:9)<ref name="cit sumi">Sumiharsono, Rudy dan Hisbiyatul Hasanah. 2017. “Media Pembelajaran: Buku Bacaan Wajib Dosen, Guru dan Calon Pendidik”. Jember: Pustaka Abadi.</ref> Media pembelajaran mencakup semua sumber yang diperlukan untuk melakukan komunikasi dengan pembelajar. Har ini dapat berupa perangkat keras dan perangkat lunak yang digunakan pada perangkat keras. </p></div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut H. Malik dalam Sumiharsono (2017:10)<ref name="cit sumi" />, Media belajar adalah segala sesuatu yang dapat digunakan untuk menyalurkan pesan (bahan pembelajaran), sehingga dapat merangsang perhatian, minat, pikiran dan perasaan pembelajar dalam kegiatan belajar untuk mencapai tujuan pembelajaran tertentu.</p></div>
 +
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Yaumi (2018:7)<ref name="cit yaumi">Yaumi, Muhammad. 2018. “Media dan Teknologi Pembelajaran”. Jakarta: Kencana.</ref>, Media pembelajaran adalah semua bentuk peralatan fisik yang didesain secara terencana untuk menyampaikan informasi dan membangun interaksi. Peralatan fisik yang dimaksud mencakup bahan asli, bahan cetak, visual, audio, audio-visual, multimedia, dan web. </p></div>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Informasi'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sedangkan fungsi media pembelajaran menurut Soelarko dalam Sumiharsono (2017:10)<ref name="cit sumi" /> yaitu memvisualisasikan sesuatu yang tidak dapat dilihat atau sukar dilihat sehingga nampak jelas dan menimbulkan pengertian atau meningkatkan persepsi seseorang. </p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Informasi merupakan kumpulan dari banyak data yang telah diolah, yang kemduian menghasilkan arti atau makna. Berikut adalah definisi informasi menurut para ahli :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Yaumi (2018:8)<ref name="cit yaumi" /> menjelaskan ada beberapa istilah yang dikaitkan dengan media pembelajaran, yaitu sumber belajar dan alat peraga </p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Menurut Hutahaean (2015:9)<ref name="citation 13">Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta: Deepublish.</ref>Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi penerimanya.</li>
+
  <li style="text-align: justify;line-height: 2;">Sumber belajar adalah perangkat, bahan (materi), peralatan, pengaturan dan orang dimana peserta didik dapat berinteraksi dengannya yang bertujuan untuk memfasilitasi belajar dan memperbaiki kinerja.</li>
     <li style="text-align: justify;line-height: 2;">Pengertian menurut Krismanji (2015:14)<ref name="citation 14">Krismiaji. 2015. Sistem Informasi Akuntansi (Edisi Keempat). Yogyakarta: Unit Penerbit dan Percetakan Sekolah Tinggi Ilmu Manajemen YKPN.</ref>Informasi adalah “data yang telah diorganisasi dan telah meiliki kegunaan dan manfaat”.</li>
+
     <li style="text-align: justify;line-height: 2;">Alat peraga adalah alat bantu pembelajaran berupa benda konkret yang digunakan untuk memperagakan materi pelajaran. Alat peraga sendiri mengandung pengertian bahwa segala sesuatu yang masih bersifat abstrak kemudian dikonkritkan dengan menggunakan alat agar dapat dijangkau dengan pikiran yang sederhana dan dapat dilihat, dipandang, dan dirasakan.</li>
    <li style="text-align: justify;line-height: 2;">Definisi infromasi menurut Romney dan Steinbart (2015:4)<ref name="citation 1"></ref>informasi adalah data yang dikelolah dan proses untuk memberikan arti dan memperbaiki proses pengambilan keputusan yang lebih baik sebagai kuantitas dan kualitas dari peningkatan informasi.</li>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dari beberapa pendapat para ahli di atas maka dapat disimpulkan, informasi adalah sekumpulan data atau fakta yang diolah sehingga mempunyai arti untuk dapat digunakan dalam membuat keputusan.</p></div>
 
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Manfaat Media Pembelajaran'''</div>===
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Kualitas Informasi'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Satrianawati (2018:9)<ref name="cit satrian">Satrianawati. 2018. “Media dan Sumber Belajar”. Yogyakarta: Deepublish.</ref> menguraikan manfaat media pembelajaran bagi pengajar dan pembelajar, yaitu:</p></div>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sebuah informasi haruslah memiliki kualitas agar dapat dikatakan  layak untuk menjadi sebuah landasan dari pengambilan keputusan, menurut Delone Mc Lean dalam penelitianya Eko (2015:2)<ref name="citation 16">Eko Budi Setiawan. 2015.analisis pengaruh nilai teknologi informasi terhadap keunggulan bersaing perusahaan.jurnal sains, teknologi dan industri. Vol 12 No.2.</ref>), kualitas informasi harus didukung dengan indikator-indikator berikut :</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Completeness.</li>
+
  <li style="text-align: justify;line-height: 2;">Memudahkan guru dalam menjelaskan materi pembelajaran dan siswa dapat mudah memahami materi pembelajaran.</li>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Suatu informasi yang dihasilkan oleh sistem informasi dapat dikatakan berkualitas jika informasi yang dihasilkan lengkap.</p>
+
    <li style="text-align: justify;line-height: 2;">Konsep materi mudah dipahami oleh siswa.</li>
  <li style="text-align: justify;line-height: 2;">Relevance.</li>
+
    <li style="text-align: justify;line-height: 2;">Lebih efektif dan efisien, guru mengulang materi hanya seperlunya dan siswa memiliki waktu yang lebih banyak dalam mempelajari materi.</li>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Kualitas informasi dikatakan relevan apabila informasi tersebut bermamfaat bagi penggunanya.</p>
+
    <li style="text-align: justify;line-height: 2;">Mendorong minat belajar dan mengajar</li>
  <li style="text-align: justify;line-height: 2;">Accurate.</li>
+
    <li style="text-align: justify;line-height: 2;">Situasi belajar menjadi interaktif dan multi-aktif.</li>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Informasi yang dihasilkan oleh sistem harus akurat karena sangat bergua bagi pengguna dalam hal pengambillan keputusan.</p>
+
  <li style="text-align: justify;line-height: 2;">Timeliness.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Informasi yang datang kepada penerima tidak boleh terlambat.</p>
+
  <li style="text-align: justify;line-height: 2;">Format.</li>
+
<p style="line-height:2">Dimaksudkan untuk memudahkan pengguna untuk memahami informasi yang disediakan oleh sistem informasi mencerminkan kualitas informasi yang baik.</p>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sedangkan menurut penjelasan Nur Azizah, dkk dalam jurnal SENSI (2017:16)<ref name="citation 17">Azizah, Nur, Lina Yuliana dan Elsa Juliana. 2017. Rancang Bangun Sistem Informasi Penggajian Karyawan Harian Lepas Pada PT Flex Indonesia. Tangerang: Jurnal SENSI Vol. 3 No.1.</ref>kualitas informasi tergnatung dari 3 hal, yaitu informasi yang akurat, tepat waktu, dan relevan. Penjalasan kualitas informasi tersebut dijelaskan dibawah ini :</p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Arduino'''</div>==
<ol>
+
  <li style="text-align: justify;line-height: 2;">Akurat (Accurate)</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Informasi harus bebas dari kesalahan-kesalahan dan tidak menyesatkan. Akurat juga berarti informasi harus jelas mencerminkan maksudnya. Informasi harus akurat karena biasanya dari sumber informasi </p>
+
  <li style="text-align: justify;line-height: 2;">Kelengkapan dan Keluasan</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Informasi akan bernilai semakin tinggi, jika tersaji secara lengkap dalam cakupan yang luas. Informasi yang sepotong-sepotong, apalagi tidak tersusun sistematis, tentu tidak akan banyak artinya. Demikian pun bila informasi itu hanya mencangkup area yang sempit dari suatu permasalahan.</p>
+
  <li style="text-align: justify;line-height: 2;">Kebenaran</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Kebenaran informasi ditentukan oleh validitas atau dapatnya dibuktikan. Informasi berasal dari data, dan data fakta. Informasi yang bernilai tinggi adalah informasi yang benar-benar berasal dari fakta, bukan opini atau ilusi.</p>
+
  <li style="text-align: justify;line-height: 2;">Terukur</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Informasi berasal dari data atau hasil pengukuran dan pencacatan terhadap fakta. Jadi, informasi yang bernilai tinggi adalah informasi yang jika dilacak kembali kepada datanya, data tersebut dapat diukur sesuai dengan faktanya.</p>
+
  <li style="text-align: justify;line-height: 2;">Keakuratan</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Informasi berasal dari data atau hasil pengukuran dan pencacatan terhadap fakta. Oleh karena itu kecermatan dalam mengukur dan mencatat fakta akan menentukan keakuratan data dan nilai dari informasi yang dihasilkan.</p>
+
  <li style="text-align: justify;line-height: 2;">Kejelasan</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Informasi dapat disajikan dalam berbagai bentuk teks, tabel, grafik, chart, dan lain-lain. Namun, apapun bentuk yang dipilih, yang penting adalah menjadikan pemakai mudah memahami maknanya. Oleh sebab itu, selain bentuk penyajiannya harus benar, juga harus diperhatikan kemampuan pemakai dalam memahaminya.</p>
+
  <li style="text-align: justify;line-height: 2;">Keluwesan</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Informasi yang baik adalah yang mudah diubah-ubah bentuk penyajiannya sesuai dengan kebutuhan dan situasi yang dihadapi.</p>
+
  <li style="text-align: justify;line-height: 2;">Ketepatan waktu</li>
+
<p style="line-height:2">Informasi yang baik adalah informasi yang disajikan tepat pada saat dibutuhkan. Informasi yang terlambat datang menjadi informasi basi yang tidak ada lagi nilainya (misalnya untuk pengambilan keputusan).</p>
+
</ol>
+
</div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dari pendapat para ahli di atas dapat disimpulkan bahwa kualitas informasi terdiri dari beberpa faktor yang menentukan layak atau tidaknya menjadi sebuah pertimbangan dalam membuat suatu keputusan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dikutip dari halaman website resmi arduino (http://arduino.cc , 2019)<ref name="cit arduino">Arduino Environment. “Arduino Software (IDE)”. https://www.arduino.cc/en/Guide/Environment# . (diakses tanggal 2 Januari 2019).</ref>, Arduino adalah platform elektronik open source berdasarkan perangkat keras dan perangkat lunak yang mudah digunakan. Papan Arduino dapat membaca input dari sensor, tombol, atau pesan di twitter dan mengubahnya menjadi output seperti menyalakan motor, lampu led, dan mem-publish sesuatu secara online.</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sedangkan Arduino dalam Dharmawan (2017:18)<ref name="cit dhar" /> menyatakan Arduino merupakan prototyping platform yang bersifat open source, menggunakan perangkat keras dan perangkat lunak yang mudah digunakan.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Sistem Informasi'''</div>===
 
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perangkat Keras Arduino'''</div>===
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Sistem Informasi'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Dharmawan (2017:18)<ref name="cit dhar" />, Perangkat keras arduino berupa papan pengembangan yang berisi mikrokontroler AVR buatan Atmel (sekarang Microchip). Terdapat pilihan perangkat keras Arduino yang berupa board, module, shield maupun kit. Perangkat keras Arduino ditawarkan dalam berbagai jenis yang terbagi dalam kategori pemula sampai expert.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Terdapat beberapa pendapat mengenai definisi dari sistem informasi diantaranya: </p></div>
+
<div id="g26" align="center"><img width="700px" src="https://lh3.googleusercontent.com/-QAxHoAYm-hc/XVp2vlJMTOI/AAAAAAAAEYQ/urR1Psqdy5EP1-uhPlhJrXk1EPmDwG6BwCK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.6''' Tabel jenis perangkat keras Arduino.</p><p style="line-height:2">Sumber : Dharmawan (2017:19)<ref name="cit dhar" /></p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
  <li style="text-align: justify;line-height: 2;">Menurut Krismiaji (2015:16)<ref name="citation 14"></ref>, sistem informasi adalah cara-cara yang diorganisasikan untuk mengumpulkan, memasukan dan mengolah serta menyimpan data dan cara-cara yang diorganisasi untuk menyimpan, mengelola, mengendalikan dan melaporkan informasi sedemikian rupa sehingga sebuah organisasi dapat mencapai tujuan yang telah ditetapkan.</li>
 
    <li style="text-align: justify;line-height: 2;">Menurut Khozin Yuliana dkk. Dalam jurnal SENSI (2017:192)<ref name="citation 19">Yuliana, Khozin, Harfizar, dan Muh Afiffudin. 2017. “Perancangan Sistem Informasi Pendataan Karyawan Pada Perusahaan Jasa Berbasis WEB”. Jurnal SENSI Vol. 3 No. 2.</ref>Menjelaskan bahwa, “Informasi adalah fakta yang telah diolah dengan cara tertentu yang menggambarkan suatu kejadian nyata untuk diolah agar dapat dipahami dan digunakan dalam pengambilan suatu keputusan”.</li>
 
    <li style="text-align: justify;line-height: 2;">Menurut Menurut Ida Nuraida dalam Muhammad Muslihudin dan Oktafianto (2016:11)<ref name="citation 20">Muslihudin, Muhammad dan Oktavianto. 2016. “Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML”. Yogyakarta: CV. Andi Offset.</ref>Menjelaskan bahwa, "Sistem informasi merupakan perangkat prosedur yang terorganisasi dengan sistematik, bila dilaksanakan akan menyediakan informasi yang dapat dimanfaatkan dalam proses pembuatan keputusan”</li>
 
</ol>
 
</div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dari pendapat para ahli di atas dapat disimpulkan bahwa, sistem informasi merupakan pengorganisasian data dari sub-sub sistem yang saling terintegrasi untuk menyimpan serta mengelola menjadi informasi yang bermamfaat bagi pengguna.</p></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perangkat Keras Arduino'''</div>===
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Dharmawan (2017:18)<ref name="cit dhar" />, Perangkat lunak arduino terdiri dari bahasa pemrograman dan ''Integrated Development Environment'' (IDE) yang digunakan untuk menulis, mengedit program dan mengkonversinya menjadi kode-kode instruksi untuk selanjutnya diprogram di papan arduino.</p></div>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Komponen Sistem Informasi'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Arduino ''Integrated Development Environment'' atau Arduino ''Software'' (IDE) berisi editor teks untuk menulis kode, area pesan, konsol teks, bilah alat dengan tombol untuk fungsi umum dan serangkaian menu. Terhubung ke perangkat keras Arduino untuk mengunggah program dan berkomunikasi dengannya. Program yang ditulis menggunakan Arduino Software (IDE) disebut ''Sketch''. ''Sketch'' ini ditulis dalam editor teks dan disimpan dengan ekstensi file .ino. Editor memiliki fitur untuk memotong / menempel dan untuk mencari / mengganti teks. Area pesan memberikan umpan balik saat menyimpan dan mengekspor dan juga menampilkan kesalahan pada saat menulis program. Konsol menampilkan output teks oleh Arduino ''Software'' (IDE), termasuk pesan kesalahan lengkap dan informasi lainnya.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sebelum menjadi sebuah sistem informasi, pastilah terdapat komponen-komponen yang kemudian membentuk sistem informasi. Dan beberapa diantaranya sebagai berikut :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Mulyana et al(2014:173)<ref name="cit mulyana">Mulyana, Eka dan Rindi Kharisman. 2014. “Perancangan Alat Peringatan Dini Bahaya Banjir Dengan Mikrokontroler Arduino Uno R3”. Citec Journal Vol. 1, No. 3.</ref>, “''Integrated Development Environment'' (IDE) yaitu berupa ''software processing'' yang digunakan untuk menulis program ke dalam arduino uno, merupakan penggabungan antara bahasa C++ dan Java”. ''Software'' Arduino dapat di-''install'' di berbagai sistem operasi seperti Linux, Mac OS, Windows.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Stair dalam Muhammad Muslihudin dan Oktafianto  (2016:12)<ref name="citation 20"></ref>, sebuah sistem informasi mengandung komponen-komponen seperti berikut :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Software IDE (''Integrated Development Environment'') Arduino terdiri dari tiga bagian yaitu:</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol type="a">
 
<ol type="a">
  <li style="text-align: justify;line-height: 2;">Perangkat keras, yaitu perangkat keras komponen untuk melengkapi kegiatan memasukkan data, memproses data dan keluaran data</li>
+
  <li style="text-align: justify;line-height: 2;">Editor Program</li>
  <li style="text-align: justify;line-height: 2;">Perangkat lunak, yaitu program dan intruksi yang diberikan ke komputer</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Untuk menulis dan mengedit program dalam bahasa ''processing''. ''Listing'' program pada Arduino disebut ''Sketch''.</p>
  <li style="text-align: justify;line-height: 2;">Database, yaitu kumpulan data dan informasi yang diorganisasikansedemikian rupa, sehingga mudah diakses pengguna sistem informasi </li>
+
  <li style="text-align: justify;line-height: 2;">''Compiler''</li>
  <li style="text-align: justify;line-height: 2;">Telekomunikasi, yaitu komunikasi yang menghubungkan antara pengguna sistem dengan sistem komputer secara bersama-sama ke dalam suatu jaringan kerja yang efektif</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Modul yang berfungsi mengubah bahasa processing (kode program) ke dalam kode biner, karena kode biner adalah bahasa satu-satunya bahasa program yang dipahami oleh mikrokontroler.</p>
  <li style="text-align: justify;line-height: 2;">Manusia, yaitu personel dari sistem informasi, meliputi manajer, analis, programmer, dan operator serta bertanggung jawab terhadap perawatan sistem.</li>
+
<li style="text-align: justify;line-height: 2;">''Uploader''</li>
 +
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Modul yang berfungsi memasukan kode biner kedalam memori mikrokontroler.</p>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sedangkan Menurut Hutahaean (2015:13)<ref name="citation 22">Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta: Deepublish.</ref>, komponen sistem informasi terdiri dari  :</p></div>
+
<div id="g27" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-4UVHgzzZFqc/XVp8WifUZYI/AAAAAAAAEYc/zVtRIbFyl90fqY2SVlAQTAMCYgTInSiKQCK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">''Gambar 2.7'' Arduino IDE.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada ''website'' resmi Arduino menjelaskan bahwa Arduino IDE mendukung perangkat keras pihak ketiga yaitu perangkat keras selain platform Arduino semisal NodeMCU, Wemos, ESP8266, ESP32, dan sebagainya. Platform yang dipasang pada Arduino IDE dapat mencakup definisi platform perangkat keras pihak ketiga (yang muncul di menu ''board''), ''library'' utama, ''bootloader'', dan definisi pemrogram.</p></div>
<ol>
+
  <li style="text-align: justify;line-height: 2;">Block masukan (input block)</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Input mewakili data yang masuk kedalam sistem informasi. Input disini termasuk metode-metode dan media-media yang digunakan untuk menangkap data yang dimasukkan, yang dapat berupa dokumen dasar.</p>
+
  <li style="text-align: justify;line-height: 2;">Block model (model block)</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Blok ini terdiri dari kombinasi prosedur, logika dan metode matematik yang akan memanipulasi data input dan data yang tersimpan dibasis data dengan cara tertentu sehingga menghasilkan keluaran yang diinginkan.</p>
+
  <li style="text-align: justify;line-height: 2;">Blok keluaran (output block)</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Produk dari sistem informasi adalah keluaran yang meurpakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem. </p>
+
  <li style="text-align: justify;line-height: 2;">Blok teknologi (technology block)</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian dini secara keseluruhan. Teknologi terdiri dari unsur utama:</p>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol type="a">
 
  <li style="text-align: justify;line-height: 2;">Teknisi (humanware atau brainware)</li>
 
  <li style="text-align: justify;line-height: 2;">Perangkat lunak (software)</li>
 
  <li style="text-align: justify;line-height: 2;">Perangkat keras (hardware)</li>
 
</ol>
 
</div>
 
  <li style="text-align: justify;line-height: 2;">Blok basis data (database block)</li>
 
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Merupakan kumpulan dari data yang saling berhubungan satu dengan lainnya, tersimpan di perangkat keras komputer dan digunakan perangkat lunak untuk memanipulasinya.</p>
 
  <li style="text-align: justify;line-height: 2;">Blok kendali (control block)</li>
 
<p style="line-height:2">Banyak faktor yang dapat merusak sistem informasi, misalnya bencana alam, api, temperatur tinggi, air, debu, kecurangan-kecurangan, kejanggalan sistem itu sendiri, kesalahan-kesalahan ketidak efisiennan, sabotase dan sebagainya. Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dapat dicegah atau bila terlanjur terjadi kesalahan dapat langsung diatasi.</p>
 
</ol>
 
</div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dari dua pendapat ahli di atas dapat disimpulkan bahwa komponen sistem informasi merupakan sesuatu yang harus dimiliki bila ingin  membentuk suatu informasi.</p></div>
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi EasyEDA'''</div>==
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dikutip dari ''website'' resmi nya, EasyEDA adalah ''software tools'' untuk membuat desain PCB secara ''online'' yang diperuntukan untuk insinyur elektronik, guru, siswa, pembuat, dan penggemar elektronika untuk merancang dan berbagi proyek elektronik, ''tools'' ini terintegrasi dengan katalog toko ''online'' komponen elektronika dan layanan jasa percetakan PCB yang membantu pengguna menghemat waktu untuk membuat ide-ide mereka menjadi produk nyata.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Analisa Sistem'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tools ini memiliki kemampuan untuk menggambar skematik rangkaian elektronika dengan mudah yang didukung dengan fitur untuk membuat tangkapan skematik serta layout PCB yang dapat dilakukan oleh pengguna dengan berbagai jenis perangkat komputer, kapanpun dan dimanapun. Kemampuan lain yang dimiliki EasyEDA yaitu mampu digunakan untuk pengguna berkolaborasi mengembangkan proyek elektronik dengan team secara ''real-time'', ''sharing'' project, library komponen yang lengkap karena terdapat suatu komunitas online untuk mengembangkan ''library'' ''add-on'', terintegrasi dengan toko online komponen elektronik beserta jasa pembuatan PCB, kompatibilitas untuk mengenali file dari ''software'' EDA (''Electronics Design Automation'') lainnya.</p></div>
  
 +
<div id="g28" align="center"><img width="900px" src="https://lh3.googleusercontent.com/-3TdG3s6V1Ko/XVp-e90HhqI/AAAAAAAAEYo/3P3qgfZ1e7Ulo08Nsj67OCZp5hoeUxsFgCK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.8''' Tampilan EasyEDA online</p></div>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Analisa Sistem '''</div>====
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Terdapat banyak definisi dari para ahli mengenai analisis sistem dan berikut diantaranya :</p></div>
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Komponen Elektronika'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Secara umum komponen elektronika dibagi kedalam dua kelompok besar, yaitu komponen elektronika pasif dan komponen elektronika aktif. (Listiyarini, 2018:48)<ref name="cit lis">Listiyarini, Ratih. 2018. “Dasar Listrik dan Elektronika”. Yogyakarta: Deepublish.</ref></p></div>
<ol>
+
  <li style="text-align: justify;line-height: 2;">Menurut Whitten dan Bentley dalam Sri Mulyani (2016:38)<ref name="citation 5"></ref>Menjelaskan bahwa, “Analisis sistem adalah sebuah teknik penguraian sebuah sistem menjadi beberapa komponen-komponen dengan tujuan untuk mempelajari bagaimana komponen-komponen pembentuk sistem tersebut saling bekerja dan mencapai tujuan sistem tertentu”.</li>
+
    <li style="text-align: justify;line-height: 2;">Menurut Maniah dan Dini Hamidin (2017:6)<ref name="citation 24">Maniah. Hamidin, Dini. 2017. Analisis Dan Perancangan Sistem Informasi Pembahasan Secara Praktis Dengan Contoh Kasus. Yogyakarta: Deepublish.</ref>Menjelaskan bahwa, “Analisis sistem informasi digunakan untuk menciptakan dan mengelola sistem informasi dalam melakukan fungsi dasar bisnisnya”. </li>
+
    <li style="text-align: justify;line-height: 2;">Menurut Suryadi dalam Jurnal CCIT Vol. 9 No. 3 (2016:270)<ref name="citation 25">Suryadi. Emi. 2016. “Sistem Pendukung Keputusan Pemilihan Kendaraan Dalam Mendistribusikan Zakat, Infak dan Sedekah”. Yogyakarta: STMIK AMIKOM Yogyakarta. Jurnal CCIT. Vol. 9 No. 3.</ref>, “Analisis sistem merupakan penguraian dari suatu sistem yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahan-permasalahan, hambatan-hambatan yang terjadi dari kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikannya”.</li>
+
</ol>
+
</div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan definisi mengenai analisa sistem menurut para ahli di atas dapat ditarik kesimpulan, bahwa analisa sistem merupakan penguraian dari sebuah informasi yang utuh kedalam bagian-bagian tertentu  dari suatu informasi dengan maksud untuk melakukan identifikasi dan evaluasi terhadap permasalahan-permasalahan, kesempatan-kesempatan, hambatan-hambatan, serta kebutuhan-kebutuhan lainnya yang diharapkan sehingga dapat memberikan perbaikan-perbaikan yang diusulkan.</p></div>
 
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Komponen Elektronika Pasif'''</div>===
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Perancangan Sistem'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Komponen Pasif merupakan komponen yang dapat bekerja tanpa sumber tegangan, komponen pasif terdiri dari resistor, kapasitor, induktor, dan transformator.</p></div>
  
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Perancangan Sistem'''</div>====
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Resistor'''</div>====
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Banyak pendapat mengenai perancangan sistem oleh para ahli dan berikut adalah beberapa diantaranya :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Yohandri dan Asrizal (2016:30)<ref name="cit yoh">Yohandri dan Asrizal. 2016. “Elektronika Dasar 1: Komponen, Rangkaian, dan Aplikasi”. Jakarta: Kencana.</ref>, Resistor merupakan salah satu komponen dasar dalam rangkaian elektronik yang berguna untuk membatasi atau menghambat aliran arus dalam suatu rangkaian. Sesuai dengan namanya, resistor memiliki sifat resistif dan jumlah arus yang melaluinya berbanding terbalik dengan nilai resistansinya. Beberapa aplikasi resistor dalam rangkaian antara lain pembagi arus, pembagi tegangan, penurun tegangan, pembatas arus, dan lain sebagainya Berdasarkan nilainya, resistor dapat dibedakan atas tiga jenis, yaitu resistor tetap, resistor tidak tetap dan resistor tidak linier.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div id="g29" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-xElS_Qo2lDU/XVt3n7v6DUI/AAAAAAAAEY4/Bixs6GEbfIwz_-Oo4AM5hd3kv5ID7sOdwCK8BGAs/s0/2019-08-19.png"/></div>
<ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.9''' Resistor.</p></div>
  <li style="text-align: justify;line-height: 2;">Menurut Kausar, dkk (2015:22)<ref name="citation 26">Ahmad Kausar, Yusuf Fazri Setiawan, Vidilia Rosalina. 2015. Perancangan Video Company Profile Kota Serang Dengan Teknik Editing Menggunakan Adobe Premire Pro Cs5. Jurnal PROSISKO ISSN : 2406-7733 Vol. 2 No. 1.</ref>Menjelaskan bahwa, “Perancangan merupakan pengembangan sistem dari sistem yang sudah ada atau sistem yang baru, dimana masalah-masalah yang terjadi pada sistem lama diharapkan sudah teratasi pada sistem yang baru”.</li>
+
    <li style="text-align: justify;line-height: 2;">Menurut Maimunah, dkk (2017:38)<ref name="citation 27">Maimunah, David Ericson Manalu dan Dian Budi Kusuma. 2017. Perancangan Prototype Visual pada Bagian Desain Sebagai Media Informasi dan Promosi pada PT Sulindafin. Yogyakarta: Jurnal Semnasteknomedia Universitas Amikom Yogyakarta. Vol. 5 No. 1.</ref>Menjelaskan bahwa, “Perancangan adalah setiap rancangan harus memenuhi kebutuhan penggunanya dan dapat berfungsi dengan baik, fungsi timbul sebagai akibat dari adanya kebutuhan manusia dalam usaha untuk mempertahankan serta mengembangkan hidup dan kehidupannya di alam semesta ini”</li>
+
    <li style="text-align: justify;line-height: 2;">Menurut Wahyu Hidayat dkk dalam jurnal CERITA (2016:49)<ref name="citation 28">Hidayat, Wahyu, Anita B. Wandayana, Recha Fadriansyah. 2016. “Perancangan Video Profile Sebagai Media Promosi Dan Informasi Di SMK Avicena Rajeg Tangerang”. Jurnal CERITA Vol. 2 No.</ref>, “Perancangan adalah proses merencanakan segala sesuatu terlebih dahulu. Perancangan merupakan wujud visual yang dihasilkan dari bentuk-bentuk kreatif yang telah direncanakan. Langkah awal dalam perancangan desain bermula dari hal-hal yang tidak teratur berupa gagasan atau ide-ide kemudian melalui proses penggarapan dan pengelolaan akan menghasilkan hal-hal yang teratur, sehingga hal-hal yang sudah teratur bisa memenuhi fungsi dan kegunaan secara baik. Perancangan merupakan penggambaran, perencanaan, pembuatan sketsa dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi”.</li>
+
</ol>
+
</div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan beberapa pendapat yang dikemukakan para ahli dapat ditarik kesimpulan bahwa perancangan adalah sebuah rancangan yang harus dapat memenuhi penggunanya.</p></div>
 
  
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Potensiometer'''</div>====
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Teori Khusus'''</div>==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Listiyarini (2018:49)<ref name="cit lis" />, “Potensiometer adalah resistor tiga terminal yang nilai tahanannya dapat diubah dengan cara menggeser atau memutar tuasnya”.</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Yohandri dan Asrizal (2016:44)<ref name="cit yoh" />, “Potensiometer adalah resistor variabel yang nilai tahanannya dapat diubah dengan memindahkan kontak geser atau penyapu sepanjang elemen resistifnya untuk mendapatkan nilai tahanan yang diinginkan”.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Angsuran'''</div>===
+
<div id="g210" align="center"><img width="200px" src="https://lh3.googleusercontent.com/-YCSMNJvtGHw/XVt61G66deI/AAAAAAAAEZE/BhGEmUSyUM8oT0gPYsVnISr553oXamYjACK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.10''' Potensiometer.</p><p style="line-height:2">Sumber : Yohandri dan Asrizal (2016:46)<ref name="cit yoh" /></p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Potensiometer memiliki terminal pada tiap ujung dari elemen resistifnya dan terminal ketiga dihubungkan dengan penyapu yang dapat digeser. Jika penyapu dipindahkan pada posisi pangkal elemen resistif maka nilai tahanan potensiometer akan minimal, dan sebaliknya jika dipindah ke ujung elemen yang jauh maka nilai tahanan akan maksimum. (Yohandri dan Asrizal, 2016:44)<ref name="cit yoh" />.</p></div>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Angsuran'''</div>====
+
<div id="g211" align="center"><img width="500px" src="https://lh3.googleusercontent.com/-cSo4hKYJRis/XVt7k0AgQUI/AAAAAAAAEZM/T7eubnYprIQ_-qshbGMPkn6PrRVrDOqcQCK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.11''' Prinsip Kerja Potensiometer.</p><p style="line-height:2">Sumber : Yohandri dan Asrizal (2016:44)<ref name="cit yoh" /></p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Angsuran sering kita dengar dalam kehidupan sehari, contohnya dalam kegitan berniaga maupun dalam bentuk kegiatan transaksi. Bukan hanya pada kegiatan berniaga maupun transaksi, angsuran juga sering kita dengar pada kegitan sehari-hari yang lain contoh pada dalam kegiata kuliah dimana mahasiswa mengangsur sksnya, dan berikut adalah definisi dari angsuran.</p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Ermawati (2017:19),<ref name="citation 29">Waridah SS. Ernawati. 2017. “Kamus Bahasa Indonesia Untuk Pelajar Mahasiswa Dan Umum”. Jakarta: Bmedia Imprint Kawan Pustaka.</ref>,”membayar tidak sekaligus, sedikit demi sedikit, cicil”,kemudian menurut Eko (2016:32)<ref name="citation 30">Endarmoko, Eko. 2016. “TESAMOKO Tesaurus Bahasa Indonesia Edisi Kedua”. Jakarta: PT. Gramedia Pusaka Utama.</ref> angsuran adalah “Cicilan, kredit”, dan menurut Kamus Besar Bahasa Indonesia (KBBI) Online (2019)<ref name="citation 31">________, Ebta. 2019. Uang https://kbbi.web.id/uang (di akses 20 Juni 2019).</ref> angsuran adalah “uang yang dipakai untuk mengangsur”.</p></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Komponen Elektronika Aktif'''</div>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Maka dari definisi di atas dapat diketahui angsuran adalah suatu kegiatan dalam membayar atau mengerjakan sesuatu secara tidak sekaligus atau sedikit demi sedikit.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Komponen aktif merupakan komponen yang tidak dapat bekerja tanpa adanya sumber tegangan, komponen aktif terdiri dari dioda, transistor, integrated circuit (IC), dan lain lain.</p></div>
  
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Uang Muka '''</div>===
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Transistor'''</div>====
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Yohandri dan Asrizal (2016:198)<ref name="cit yoh" />, Transistor adalah suatu piranti semikonduktor yang biasa digunakan untuk memperkuat atau sebagai saklar sinyal elektronika, transistor terbuat dari material semikonduktor dengan tiga terminal untuk menghubungkan ke rangkaian. Pada dasarnya transistor terdiri dari dua kata, yaitu transfer dan resistor, kedua kata ini merupakan dari definisi transistor yaitu transfer arus listrik dari resistansi rendah ke resistansi tinggi. Dalam elektronika terdapat beberapa fungsi dari transistor, yaitu sebagai penguat arus listrik, sebagai saklar elektronika, sebagai multivibrator, dan sebagainya.</p></div>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Uang Muka'''</div>====
+
<div id="g212" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-caGvA_SoW7g/XVt8NzzCKQI/AAAAAAAAEZY/GEJe4xisj5kBbW6vSCmv6AkmeNC9JNh1gCK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.12''' Transistor</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dalam menjalankan suatu kegitan pembelian atau pembayaran barang atau jasa yang bernilai sanggat tunggi atau mahal, dimana kita selaku pembeli tidak memiliki cukup uang untuk membayarnya sekaligus maka biasanya terdapat opsi untuk mengangsur nilai tersebut dengan ketentuan uang muka, dan uang muka inilah biasanya digunakan sebagai jaminan bagi pelaku penyedia barang atau jasa. Untuk lebih memahi apa arti dari uang muka itu sendiri berikut adalah definisinya menurut para ahli.</p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Eko  (2017:19)<ref name="citation 32">D.E, Agung. 2017. “Kamus Bahasa Indonesia Edisi Super Lengkap”. Jakarta: Gramedia Widiasarana Indonesia.</ref>, uang muka adalah tanda jadi kemudian  menurut Tim Lingua Edukasi  (2017:483), <ref name="citation 33">Tim Lingua Edukasi. 2017. “Kamus Bahasa Indonesia Terlengkap & Terupdate. Jakarta: Cemerlang Publishing.</ref> “Uang yang dibayarkan terlebih dahulu sebagai tanda jadi pembelian dan sebagainy” dan menurut Kamus Besar Bahasa Indonesia (KBBI) Online (2019)<ref name="citation 31"></ref> , uang muka adalah uang yang dibayarkan terlebih dahulu sebagai tanda jadi pembelian dan sebagainya.</p></div>
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi LED'''</div>====
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Maka dapat disimpulkan dari pendapat ahli diatas bahwa uang muka adalah, uang yang dijadikan sebagai tanda jadi pembelian.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">LED (Light Emitting Diode) adalah komponen elektronika yang masih merupakan keluarga dioda yang terbuat dari semikonduktor. LED dapat memancarkan cahaya ketika diberi tegangan maju, warna cahaya yang dipancarkan bergantung pada jenis bahan semikonduktor yang digunakan nya. (Sokop et al, 2016:17)<ref name="cit sok">Sokop, S. J., Mamahit, D. J., & Sompie, S. R. 2016. “Trainer Periferal Antarmuka Berbasis Mikrokontroler Arduino Uno”. Jurnal Teknik Elektro Dan Komputer, vol.5, no.3.</ref>.</p></div>
  
 +
<div id="g213" align="center"><img width="200px" src="https://lh3.googleusercontent.com/-1-wzHj6ta58/XVt9b_Qln7I/AAAAAAAAEZk/pIchQTWNPeMW4twVNULbTABwkdipxnWIQCK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.13''' LED</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Rumah'''</div>===
 
  
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Dioda'''</div>====
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Rumah'''</div>====
+
<div id="g214" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-1__antUECKA/XVt92WQj68I/AAAAAAAAEZs/9dPNUHScAXYJwC5LcDaTkmLn01B58fMnACK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.14''' Simbol Dioda</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Rumah adalah tempat tinggal yang menjadi kebutuhan primer bagi manusia, dan untuk lebih memahami lebih dalam apa itu arti dari rumah maka berikut adalah beberpa pendapat dari para ahli.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Setiyo (2017:125)<ref name="cit setiyo">Setiyo, Muji. 2017. “Listrik & Elektronika Dasar Otomotif: Basic Automotive Electricity & Electronics”. Maglang: Unimma Press.</ref>, menjelaskan bahwa Dioda adalah komponen semikonduktor yang berfungsi mengalirkan listrik dalam satu arah. Selain menyearahkan arus, dioda juga digunakan pada ''switch'' pengatur arus listrik on/off dan untuk melindungi sirkuit elektronik. Arus bolak balik dapat disearahkan dengan menggunakan karakteristik dioda yang hanya mengalirkan listrik dalam satu arah.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Eko (2016:592)<ref name="citation 30"></ref>rumah adalah hunian, dan menurut Agung (2017:410)<ref name="citation 36">Agung. 2017. Kamus Bahasa Indonesia Edisi Super Lengkap & Praktis. Jakarta: Grasindo.</ref> rumah adalah tempat tinggal, dan menurut ahli lainya yaitu Waskito (2016:346)<ref name="citation 37">Waskito, A.A. 2016. “Kamus Bahasa Indonesia SD, SMP, SMA, Mahasiswa dan Umum. Jakarta: Wahyu Media.</ref> rumah adalah bangunan untuk tempat tinggal.</p></div>
+
<div id="g215" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-llynVo9iV_c/XVt93Ghd2HI/AAAAAAAAEZw/44gTSZVq5dYdsAPvJKu6krUW3Q8NuSxpACK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.15''' Sirkuit penyearah setengah gelombang</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan definisi-definisi rumah yang berdasarkan para ahli di atas dapat disimpulkan bahwa rumah adalah bangunan yang dapat dijadikan sebagai tempat tinggal.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Saat dioda diberikan arus bolak balik, pada saat tersebut sinyal positif (+) masuk, arus listrik mengalir ke arah depan, namun apabila sinyal yang masuk adalah negatif (-) maka arus listrik tidak dapat mengalir karena arah nya terbalik. Sirkuit yang hanya mengalirkan arus listrik dalam satu sisi disebut dengan sirkuit penyearah setengah gelombang.</p></div>
  
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Analisa PIECES '''</div>===
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi OLED Display 128x64'''</div>==
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">OLED 128x64 adalah layar berjenis OLED yang terdiri dari 128 segmen dan 64 common atau 128x64 piksel. Untuk menerima atau mengirim data perintah ke mikrokontroler, layar ini menggunakan interface periferal baik I2C maupun SPI. Layar ini menggunakan driver CMOS bertipe SSD1306 yang menyematkan kontrol kontras, RAM display dan osilator yang mana dapat mengurangi jumlah koneksi eksternal dan konsumsi daya. Driver SSD1306 dirancang untuk panel OLED tipe ''common cathode''. Panel OLED ini juga memiliki fungsi ''continuous scrolling'' baik dalam arah vertikal dan horisontal yang memungkinkan untuk menghemat ruang pada layar. (Kodali dan Mahesh, 2016:781)<ref name="cit kod">Kodali, R. K., & Mahesh, K. S. 2016. “Low cost ambient monitoring using ESP8266”. 2016 2nd International Conference on Contemporary Computing and Informatics (IC3I).</ref>.</p></div>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definsi Analisa PIECES '''</div>====
+
<div id="g216" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-JdO7wVdoULY/XVt_1jpb-iI/AAAAAAAAEZ8/PMfWY_AyyaUGk4RkLT4GjnHFqNptxtmHACK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.16''' LCD OLED 128x64.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada sub bab ini akan membahas mengenai analisa PIECES (Peformance, Information, Economy, Control, Efficiency, and Service), dan di bawah ini adalah beberapa definsi dari para ahli mengenai analisa PIECES  :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Dinata (2018:49)<ref name="cit dinata">Dinata, Andi. 2018. “Fun Coding with MicroPython”. Jakarta: PT Elex Media Komputindo.</ref>, OLED atau ''Organic'' LED adalah teknologi layar yang memiliki prinsip kerja yang hampir sama dengan LED, namun letak perbedaannya ada pada lapisan antara kutub positif dan kutub negatif. OLED menggunakan material organik untuk memancarkan cahaya yang terjadi saat muatan positif bertemu dengan negatif. OLED pada SSD1306 tersedia dua macam interface yaitu I2C dan SPI. Interface SPI pada umumnya digunakan untuk tampilan informasi yang tidak membutuhkan ''frame rate'' yang tinggi seperti tampilan animasi dari game. Untuk kebutuhan seperti itu, interface SPI akan mentransfer lebih banyak data dari mikrokontroler menuju ''display'' sehingga animasi akan terlihat. Pada umumnya OLED memiliki dua warna saja yaitu hitam dan putih, namun ada beberapa varian OLED memiliki dua tampilan warna yaitu kuning dan biru. OLED memiliki tingkat kemampuan baca yang baik meskipun di bawah sinar matahari.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
  <li style="text-align: justify;line-height: 2;">Edy Susena, dkk dalam jurnal Sainstech Politehnik Indonusa Surakarta Vol 1 No.3 (2015:6)<ref name="citation 38">Susena, Edy, Ema Utami dan Andi Sunyoto. 2015. Perancangan Strategis Sistem Informasi Smart Campus Untuk Meningkatkan Pelayanan Di Politeknik Indonusa Surakarta. Jurnal Sainstech Indonusa Surakarta. Vol.1 No.3.</ref>, “Analisis PIECES digunakan untuk melakukan pemotretan terhadap sistem yang sedang berjalan. Dengan menggunakan analisis PIECES ini akan diperoleh kelebihan dan kekurangan dari sistem yang sedang berjalan, sehingga dapat disimpulkan untuk perbaikan”.</li>
 
    <li style="text-align: justify;line-height: 2;">Menurut Adhi Priyanto dan Fanji (2017:42)<ref name="citation 39">Priyanto, Adhi & Fanji Ulinnuha. 2017. Perancangan Aplikasi Penerjemah Bahasa Indonesia Ke Bahasa Jawa Untuk Media Bantu Belajar Siste SMK Salafiyah Berbasis Android. Indonesian Journal on Networking and Security. Vol. 6 No 4.</ref>, “Analisa PIECES merupakan analisis yang digunakan untuk menganalisa tentang kinerja, informasi, ekonomi, pengendalian, efisiensi, dan pelayanan dari sistem lama dan sistem baru yang dibuat”.</li>
 
    <li style="text-align: justify;line-height: 2;">Menurut ahli lainya yaitu Istiningsih dalam Jurnal Pendidikan Matematika Volume:5 No: 2 (2015:31)<ref name="citation 40">Bariah, Siti Husnul. 2015. Implementasi Pendekatan Semantic Object Model Pada Rancangan Database Penatausahaan Aset Fasilitas Kantor. Jurnal Pendidikan Matematika. Vol. 5 No. 2.</ref>, Pengertian PIECES (Performance, Information, Economy, Control, Efficiency, and Service), adalah:</li>
 
</ol>
 
</div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi RTC DS3231'''</div>==
<ol type="a">
+
  <li style="text-align: justify;line-height: 2;">Performance (Kinerja): Peningkatan terhadap kinerja (hasil kerja) sistem yang baru sehingga menjadi lebih efektif. Kinerja dapat diukur dari throughput dan response time adalah rata-rata waktu yang tertunda diantara dua transaksi atau pekerjaan ditambah dengan waktu response untuk menanggapi pekerjaan tersebut.</li>
+
  <li style="text-align: justify;line-height: 2;">Information (Informasi): Peningkatan terhadap kualitas informasi yang disajikan.</li>
+
  <li style="text-align: justify;line-height: 2;">Economy (Ekonomis): Peningkatan terhadap manfaat-manfaat atau keuntungan-keuntungan atau penurunan-penurunan biaya yang terjadi.</li>
+
  <li style="text-align: justify;line-height: 2;">Control (Pengendalian): Peningkatan terhadap pengendalian untuk mendeteksi dan memperbaiki kesalahan-kesalahan serta kecurangan-kecurangan yang dan akan terjadi.</li>
+
  <li style="text-align: justify;line-height: 2;">Efficiency (Efisiensi): Peningkatan terhadap efisiensi operasi. Efisiensi berbeda dengan ekonomis. Bila ekonomis berhubungan dengan jumlah sumber daya yang digunakan, efisiensi berhubungan dengan bagaimana sumber daya tersebutdigunakan dengan pemborosan yang paling minimum. Efisiensi dapat diukur dari outputnya dibagi dengan inputnya.</li>
+
  <li style="text-align: justify;line-height: 2;">Service (Pelayanan): Peningkatan terhadap pelayanan yang diberikan oleh sistem.</li>
+
</ol>
+
</div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Maka dilihat dari pendapat ahli di atas dapat disimpulkan bahwa analisa PIECES,  merupakan anailsa yang digunkan untuk melihat kelibihan ataupun kekurangan pada sistem yang ada dengan memfokuskan pada kinerja, informasi, ekonomi, pengendalian efisiensi dan pelayanan dimana hasil dari analisa ini dapat digunakan sebagai catatan perbaikan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">DS3231 adalah IC ''real-time clock'' (RTC) yang terintegrasi dengan sensor temperatur dan kristal. Perangkat ini menggunakan baterai input dan menjaga ketepatan waktu yang akurat ketika daya utama perangkat terganggu. Integrasi resonator kristal meningkatkan akurasi perangkat dalam jangka panjang. RTC menyimpan informasi detik, menit, jam, hari, tanggal, bulan, dan tahun. Tanggal di akhir bulan secara otomatis disesuaikan untuk bulan dengan kurang dari 31 hari, termasuk koreksi untuk tahun kabisat. Jam beroperasi dalam format 24 jam atau 12 jam dengan indikator AM / PM. Modul RTC DS3231 yang biasa dijumpai sudah disertai dengan baterai 3V CR2032 yang berfungsi sebagai baterai backup agar jika sumber daya utama terganggu maka IC ini tetap menyimpan waktu. IC ini berkomunikasi dengan mikrokontroler melalui protokol interface I2C. (Maxim, 2019)<ref name="cit max">Maxim Integrated. DS3231. https://www.maximintegrated.com/en/products/digital/real-time-clocks/DS3231.html. (diakses tanggal 3 Januari 2019).</ref></p></div>
  
 +
<div id="g217" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-yxUPeYofkJ8/XVuBGqtBTrI/AAAAAAAAEaI/1tc58EQEycIk6AoXCOxqLoCzYtWo0xnYwCK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.17''' RTC DS3231.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar PHP (Hypertext Preprocessor)'''</div>===
 
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Sensor BMP180'''</div>==
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definsi PHP (Hypertext Preprocessor)'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Sunarya, et al. (2015:61)<ref name="cit sun">Sunarya, Abas. Asep Saefullah dan Deinsyah Fakhrizal. 2015. “Prototype Weather Station Berbasis Arduino Yun”. CCIT Journal, 8(2), 57-65.</ref>, BMP180 merupakan sensor untuk menangkap data tekanan udara dan ketinggian. Sensor tipe ini merupakan produk penerus dari BMP085 dengan peningkatan tingkat kepresisian untuk berbagai macam aplikasi, serta konsumsi daya yang sangat hemat. BMP180 menggunakan interface I2C yang memungkinkan untuk integrasi sistem yang mudah dengan mikrokontroler.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada sub bab ini akan membahas sebuah bahasa pemograman dengan berorintasikan web programming yaitu  PHP (Hypertext Preprocessor) dan berikut adalah definisinya :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dikutip dari datasheet BMP180 yang di produksi oleh perusahaan BOSCH, sensor ini bekerja pada tegangan 3.3v yang digunakan untuk mengukur tekanan udara berkisar antara 300 hingga 1100 hPa (''hectopascal''). Sensor ini juga dapat digunakan untuk mengukur suhu, yang dapat diaplikasikan pada peningkatan navigasi GPS, dan ramalan cuaca.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div id="g218" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-zYDTs8uv9_4/XVuBuxgy49I/AAAAAAAAEaQ/oM8I49EIpAM1hjqSwb5oFn0nHl35a6EewCK8BGAs/s0/2019-08-19.png"/></div>
<ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.18''' BMP180.</p></div>
  <li style="text-align: justify;line-height: 2;">Menurut Sri Rahayu dkk dalam CCIT Journal Vol.9 No.1 (2015: 53)<ref name="citation 41">_______. Sri, Yusup. 2015. Muhamad, Dewi. Sinta. Puspita. 2015. “Perancangan Aplikasi Absensi Peserta Bimbingan Belajar berbasis Web dengan Menggunakan Framework YII”. Tangerang: STMIK Raharja. Jurnal CCIT. Vol. 9 No.1.</ref>, “PHP adalah bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis”.</li>
+
    <li style="text-align: justify;line-height: 2;">Jubilee Enterprise (2017: 1)<ref name="citation 42">Enterprise, Jubilee. 2017. PHP Komplet. Jakarta: PT. Elex Media Komputindo.</ref>, mengemukakan “PHP merupakan bahasa pemrograman yang digunakan untuk membuat aplikasi berbasis website”.</li>
+
    <li style="text-align: justify;line-height: 2;">Menurut Nugroho Dalam Jurnal Sains dan Informatika Vol. 1 No. 2 (2015:49)<ref name="citation 43">Andini, Mia dan, Khairul Anwar Hafizd. 2015. Perencanaan Dan Pembuatan Aplikasi Alumni Siswa: Studi Kasus SMK-SPP Negeri Pelaihari. Kalimantan Selatan: Jurnal Sains Dan Informatika. Vol.1 No.2.</ref>, “PHP adalah bahasa pemogramannya, dalam membuat website ataupun aplikasi berbasis web, bukan hanya kode PHP saja yang kita dibutuhkan, tapi kita juga akan menggunakan kode HTML (Hyper Text Markup Language) form. Selain itu kita juga akan butuh CSS (Cascading Style Sheets) sebagai kode pemanis web, juga bisa jadi pengganti HTML. Jadi, dalam membuat web, kita pasti akan menggunakan kode HTML dan PHP”.</li>
+
</ol>
+
</div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dari para pendapat ahli diatas maka dapat disimpulkan bahwa PHP merupakan sebuah bahasa pemograman yang biasa digunakan untuk membuat sebauh website ataupun aplikasi berbasis web.</p></div>
 
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi PCB'''</div>==
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Sublime Text '''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Hakiem (2015:5)<ref name="cit hakiem">Hakiem, Ilmiawan. 2015. “TOKOTEKNOLOGI: Electronics Design & Repair”. Malang: PT. Tokoteknologi Mikroelektronik Nusantara.</ref>, PCB merupakan akronim dari ''Printed Circuit Board'', adalah sebuah papan yang penuh dengan sirkuit dari logam konduktor yang menghubungkan komponen elektronik satu dengan yang lain tanpa menggunakan kabel. Papan sirkuit ini mendapatkan namanya karena diproduksi secara masal dengan cara percetakan, di perkenalkan pada tahun 1936 dimana papan sirkuit ini pertama kali ditemukan oleh Paul Eisler, seorang ilmuwan Austria yang memasukan penggunaan papan sirkuit ke dalam sebuah radio.</p></div>
  
 +
<div id="g219" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-gAhhlD388ZA/XVuDM8QkgtI/AAAAAAAAEac/S7KNGNc1vzQKt9BVmdNhunm62lbJcLxwwCK8BGAs/s0/2019-08-19.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.19''' PCB.</p></div>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definsi Sublime Text'''</div>====
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">pada sub bab ini akan membahas apa itu Sublime text, dan berikut adalah definisnya dari para ahli : </p></div>
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Analisis Sistem'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Sunarya, et al(2015:4)<ref name="cit abassun">Sunarya, Abas., Ely Nuryani, dan Mochamad Yusuf Romdoni. 2015. “SISTEM INFORMASI MANAJEMEN PROGRAM KELUARGA HARAPAN PADA DINAS SOSIAL KABUPATEN SERANG”. CICES, vol. 1, no.1 .</ref>, “Sistem adalah penelitian atas sistem yang telah ada dengan tujuan untuk merencanakan sistem yangbaru atau diperbarui.</p></div>
<ol>
+
  <li style="text-align: justify;line-height: 2;">Menurut Adi Tri dalam jurnalnya (2015:723)<ref name="citation 44">Tri, Soelistio Adi, Tody Ariefianto Wibowo dan Agus Ganda Permana. 2015. Aplikasi Sistem Informasi Geografis (Sig) Untuk Pengelolaan Padi Di Pulau Jawa Berbasis Web: e-Proceeding of Applied Science : Vol.1, No. 1.</ref>, “Sublime Text adalah editor teks yang dirancang untuk mengolah potongan-potongan kode, plugin, dan markup. Tetapi sublime text juga dapat digunakan untuk menulis artikel dan mengetik dalam prosa normal keunggulan sublime text terletak pada kualitas dan kuantitas fitur-fiturnya seperti blok multi tempat, kursor banyak, dan pengolahan split.”</li>
+
    <li style="text-align: justify;line-height: 2;">Menurut Faridl Miftah yang di kutip Aulia Fitrul Hadi dalam Jurnal PSYCHE (2018:56)<ref name="citation 45">Fitrul, Hadi, A. 2018. Analisa Ketangkapan Daya Ingat Anak Dengan Menggunakan Game Edukasi Non Player Character “ANI!” Berbasis Android. LPPM UPI YPTK Jurnal PSYCHE 165 Vol. 11, No. 1.</ref>Sublime text adalah teks editor berbasis Python, sebuah teks editor yang elegan, kaya fitur, cross platform, mudah dan simpel yang cukup terkenal di kalangan developer (pengembang), penulis dan desainer.</li>
+
    <li style="text-align: justify;line-height: 2;">Menurut Adi Tri Soelistio dalam jurnalnya (2015)<ref name="citation 44"></ref>“Sublime Text adalah editor teks yang dirancang untuk mengolah potongan-potongan kode, plugin,dan markup. Tetapi Sublime Text juga dapat digunakan untuk menulis artikel dan mengetik dalam prosa normal. Keunggulan Sublime Text terletak pada kualitas dan kuantitas fitur-fiturnya seperti blok multitempat, kursor banyak, dan pengolahan split”.</li>
+
</ol>
+
</div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dari para pendapat ahli di atas dapat disimpulkan bahwa sublime text adalah sebuah text editor berbasis Phyton yang memiliki banyak fitur serta memiliki beberapa keunggulan sehingga cukup terkenal oleh kalangan developer.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Mulyani (2017:38)<ref name="cit mulyani">Mulyani, Sri. 2017. “Metode Analisis dan Perancangan Sistem”. Bandung: Abdi Sistematika.</ref>, “Analisis sistem merupakan suatu teknik penelitian terhadap sebuah sistem dengan menguraikan komponen-komponen pada sistem tersebut dengan tujuan untuk mempelajari komponen itu sendiri serta keterkaitannya dengan komponen yang membentuk sistem sehingga didapat sebuah keputusan atau kesimpulan mengenai sistem tersebut baik itu kelemahan ataupun kelebihan.</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sedangkan menurut Muslihudin (2016:27)<ref name="cit muslih">Muslihudin, Muhammad. 2016. “Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML”. Yogyakarta: Penerbit Andi.</ref>, mengatakan bahwa analisis sistem adalah teknik pemecahan masalah yang menguraikan bagian-bagian komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan mereka.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar HTML (Hyper Text Markup Language)'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan beberapa pendapat yang dikemukakan oleh para peneliti tentang analisis sistem di atas bisa ditarik kesimpulan bahwa analisa sistem merupakan suatu teknik pemecahan masalah pada sistem yang menguraikan komponen-komponennya untuk dipelajari cara kerja dan interaksi antar komponen yang membentuk suatu sistem tersebut untuk mendapatkan kesimpulan mengenai kelebihan dan kekurangannya.</p></div>
  
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definsi HTML (Hyper Text Markup Language)'''</div>====
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tahap-tahap Analisis Sistem'''</div>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada sub bab ini akan membahas apa itu HTML dan dibawah ini adalah beberpa definisinya menurut para ahli :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Muslihudin (2016:31)<ref name="cit muslih" />, Tahapan analisis akan terbagi menjadi beberapa tahapan yang terinci, yaitu:</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Faizal Ari Prabowo dan Mamay Syani dalam Jurnalnya (2017)<ref name="citation 47">Prabowo, Ari Faizal dan Mamay Syani. 2017. “Sistem Informasi Pengolahan Sertifikat Berbasis Web Di Divisi Training SEAMOLEC”. Jawa Barat: Politeknik TEDC Bandung. Jurnal Masyarakat Informatika Indonesia. Vol. 2 No. 1.</ref>berpendapat bahwa “HTML adalah sebuah teks murni sehingga dapat dibuat editor teks sembarang. Dokumen ini dikenal sebagai web page”.</li>
+
  <li style="text-align: justify;line-height: 2;">Analisis kelemahan sistem lama</li>
    <li style="text-align: justify;line-height: 2;">Menurut Solichin (2016:10)<ref name="citation 48">Solichin, Ahmad. 2016. Pemograman Web dengan PHP dan MySQL. Jakarta: Universitas Budi Luhur.</ref>berpendapat bahwa “HTML (Hyper Text Markup Language) merupakan bahasa pemograman web yang memberitahukan permaban web browser bagaimana menyusun dan menyajikan konten di halaman web. </li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Pada analisis kelemahan sistem lama, titik berat analisis adalah sistem lama yang akan diganti dengan sistem baru. Analisis dilakukan untuk mengidentifikasi kelemahan-kelemahan pada proses-proses yang ada dan memastikan sistem baru dapat mengatasi kelemahan-kelemahan. Setelah daftar kelemahan disusun maka analisis kebutuhan sistem baru dilakukan.</p>
    <li style="text-align: justify;line-height: 2;">Definisi HTML menurut Sugiri dalam M.Iqbal Dzulhaq, dkk dalam Jurnal Sisfotek Global (2017:2)<ref name="citation 49">Iqbal, M Dzulhaq, dkk. 2017. Sistem Informasi Akademik Sekolah Berbasis Kurikulum 2013. Jurnal Sisfotek Global. ISSN:2088-1762 Vol.1.</ref>“HTML (Hypertext Markup Language) adalah sebuah protokol yang digunakan untuk membuat format suatu dokumen web yang mampu dibaca dalam browser dari berbagai platform computer”.</li>
+
  <li style="text-align: justify;line-height: 2;">Analisis kebutuhan sistem baru</li>
 +
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Pada analisis ini kebutuhan untuk sistem informasi yang baru didefinisikan dan diajukan.</p>
 +
  <li style="text-align: justify;line-height: 2;">Studi kelayakan.</li>
 +
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Dalam studi kelayakan, kebutuhan yang diajukan kemudian diuji kelayakan dengan beberapa uji kelayakan seperti kelayakan teknis, operasional, ekonomi, hukum, organisasional, dan jadwal.</p>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dari beberapa pendapat ahli di atas dapat disimpulkan bahwa HTML atau Hypertext Markup Language merupakan sebuah text editor yang dapat digunakan untuk membuat web karena mampu dibaca dalam browser di berbagai platform komputer.</p></div>
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Prototype'''</div>==
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Fajarianto (2016:55)<ref name="cit fajari">Fajarianto, Otto. 2016. “Prototype Pelayanan Akademik Terhadap Komplain Mahasiswa Berbasis Mobile”. Jurnal Lentera ICT, Vol 3 No.1.</ref>, “Prototype didefinisikan sebagai alat yang memberikan ide bagi pembuat maupun pemakai potensial tentang cara sistem berfungsi dalam bentuk lengkapnya, dan proses untuk menghasilkan sebuah prototype disebut prototyping”.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Codeigniter '''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Kartadie, et al(2014:24)<ref name="cit kartadie">Kartadie, R., Utami, E., & Pramono, E. 2014. “Prototipe Infrastruktur Software-Defined Network Dengan Protokol Openflow Menggunakan Ubuntu Sebagai Kontroler”. Data Manajemen dan Teknologi Informasi (DASI), vol. 15, no. 1.</ref>, “Prototipe adalah model yg mula-mula (model asli) yg menjadi contoh, sedangkan model adalah sebuah representasi dari sistem atau proses yang ada pada dunia nyata”.</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Harahap, et al (2019:24)<ref name="cit hap">Harahap, Eka Purnama, Untung Rahardja, dan Muhammad Salamuddin. 2019. “Aplikasi Panduan dan Pembayaran Tiket Masuk Mendaki Gunung Menggunakan Metodologi Sistem Multimedia Luther-Sutopo”. SATIN-Sains dan Teknologi Informasi, Vol.4, No.2 </ref>, “''Prototype'' yaitu proses interaktif dalam pengembangan sistem dimana kebutuhan diubah dalam sistem yang bekerja (''working system'') yang secara terus menerus diperbaiki melalui kerjasama antara analis dan pengguna”.</p></div>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definsi Codeigniter'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan dari tiga definisi di atas, maka dapat penulis simpulkan ''Prototype'' merupakan model awal dari produk yang mempresentasikan tentang cara kerjanya secara lengkap serta dapat memberikan suatu contoh gambaran bagi pembuat produk tersebut.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah beberapa definisi dari Codeigniter menurut para ahli :</p></div>
+
 
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Jenis-Jenis Prototype'''</div>===
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">McLeod dan Schell dalam buku Mulyani (2017:27)<ref name="cit mulyani" />, menjelaskan dua tipe dari prototype, yaitu:</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Menurut Betha Sidik (2018:2)<ref name="citation 50">Sidik, Bertha. 2018. Framework Codeigniter Membangun Pemrograman Berbasis Web dengan Berbagai Kemudahan & Fasilitas Codeigniter 3. Bandung: Informatika.</ref>Codeigniter (CI) adalah framework pengembangan aplikasi (application development framework) dengan menggunakan PHP, suatu kerangka pembuatan program dengan menggunakan PHP. Pengembangan dapat langsung menghasilkan program dengan cepat, dengan mengikuti kerangka kerja untuk membuat yang telah disiapkan oleh framework CI ini.</li>
+
  <li style="text-align: justify;line-height: 2;">Evolutionary Prototype</li>
    <li style="text-align: justify;line-height: 2;">Menurut Raharjo (2015:3)<ref name="citation 51">Raharjo, Budi. 2015. Belajar Otodidak Framework CodeIgniter : Teknik Pemrograman Web dengan PHP dan Framework CodeIgniter 3. Bandung: Informatika Bandung.</ref>, “CodeIgniter adalah framework web untuk bahasa pemrograman PHP, yang dibuat oleh Rick Ellis pada tahun 2006, penemu dan pendiri EllisLab.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">''Evolutionary prototype'' adalah ''prototype'' yang secara terus menerus dikembangkan hingga prototype tersebut memenuhi fungsi dan prosedur yang dibutuhkan oleh sistem. Berikut adalah gambar dari tahapan evolutionary prototype.</p><div id="g220" align="center"><img width="270px" src="https://lh3.googleusercontent.com/-LszTtLOwPJQ/XVuGeWVXkkI/AAAAAAAAEao/hqf5_yGdBmsgpFqPFQhPwuJETX0iQxQbgCK8BGAs/s0/2019-08-19.png"/></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.20''' Tahapan Langkah Evolutionary Prototype.</p><p style="line-height:2">Sumber : Mulyani (2017:27)</p></div>
    <li style="text-align: justify;line-height: 2;">Sementara itu Parlika, dkk dalam jurnalnya (2017)<ref name="citation 52">Parlika, Rizky., Achmad Heidhar Mubarok, and M. Syahrul Munir. 2017. Rancangan Sistem Informasi Pegawai Lapangan Rentcar Menggunakan Framework CodeIgniter. Jurnal INFORM, Vol.2 No.2.</ref>, berpendapat bahwa CodeIgniter merupakan salah satu open source framework yang digunakan oleh script pemrograman web PHP (Hypertext Preprocessor) dalam mengembangkan sistem informasi web dinamis dengan dasar kerja CRUD (Create, Read, Update, Delete).</li>
+
  <li style="text-align: justify;line-height: 2;">Requirement Prototype</li>
 +
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">''Requirement prototype'' merupakan prototype yang dibuat oleh pengembang dengan mendefinisikan fungsi dan prosedur sistem dimana pengguna atau pemilik sistem tidak bisa mendefinisikan sistem tersebut. Berikut adalah gambar dari tahapan requirement prototype.</p><div id="g221" align="center"><img width="270px" src="https://lh3.googleusercontent.com/-EAJa6_yGwCM/XVuGfH0zGGI/AAAAAAAAEas/mrPhQksgC90AqQ9kp_dD_Ui2fpveA1m1gCK8BGAs/s0/2019-08-19.png"/></div><div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.21''' Tahapan Langkah Requirement Prototype.</p><p style="line-height:2">Sumber : Mulyani (2017:29)</p></div>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sehingga dari beberapa pendapat ahli di atas dampat disimpulkan bahwa CodeIgniter merupakan sebuah framework web untuk bahasa pemograman PHP guna mengembangkan sistem informasi yang dinamis.</p></div>
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Metode ''Testing'' '''</div>==
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Rahardja, et al (2017 : 54)<ref name="cit rhj17">Rahardja, Untung, Tejosuwito, N. J., dan Armansyah, F. S. 2017. “Perancangan Aplikasi Pen+ Berbasis Mobile untuk Memudahkan Kinerja Dosen pada Perguruan Tinggi”. Technomedia Journal, vol.1, no. 2.</ref>, “Metode testing adalah metode yang memfokuskan pada pengujian logika internal pada ''software'', guna mencari segala kemungkinan adanya kesalahan dan memeriksa input yang dimasukan sehingga dapat memberikan hasil yang sesuai, dan dapat meminimalisir error yang terjadi pada program”.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar XAMPP'''</div>===
 
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Black Box Testing'''</div>===
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definsi XAMPP'''</div>====
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Sunarya, et al (2015 : 3)<ref name="cit absun">Sunarya, Abas, Andri Cahyo Purnomo, dan Muhamad Iqbal Wahib. "PENERAPAN MIDTRANS PAYMENT PADA OFFICIAL SITE ASOSIASI PERGURUAN TINGGI SWASTA INDONESIA." CERITA Journal vol.5, no.1</ref>, “Metode Testing  merupakan sebuah metode untuk melakukan verifikasi dalam  rangka mencari  sebuah  kesalahan  sebuah  aplikasi dan untuk mendeteksi kondisi sistem,”.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Di bawah ini adalah beberapa definisi dari XAMPP menurut para ahli diantaranya :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Maimunah, et al (2016 : 33)<ref name="cit maimunah">Maimunah, Ilamsyah, dan M. Ilham. 2016. “Rancang Bangun Aplikasi Penjualan Furniture Online Pada Mitra Karya Furniture”. CSRID (Computer Science Research and Its Development Journal), vol. 8, no. 1.</ref>, “''Black Box Testing'' adalah pengujian program yang mengutamakan pengujian terhadap kebutuhan fungsi dari sebuah program. Metode ''blackbox testing'' memiliki tujuan guna menemukan kesalahan fungsi dari program yang dirancang. Pengujian dengan menggunakan ''blackbox testing'' dilakukan dengan cara memberikan beberapa inputan pada program. Input tersebut kemudian diproses sesuai dengan kebutuhan fungsionalnya guna memastikan apakah program tersebut dapat menghasilkan output yang sesuai dengan yang diinginkan dan sesuai dengan fungsi dasar program tersebut. Apabila inputan yang diberikan menghasilkan ''output'' yang sesuai maka program yang dibuat sudah benar, tetapi apabila ''output'' yang dihasilkan tidak sesuai maka masih terdapat kesalahan pada program tersebut, dan selanjutnya akan dilakukan perbaikan guna memperbaiki kesalahan yang terjadi pada sistem”.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Aisyah, et al (2016 : 17)<ref name="cit ei">Aisyah, Euis Sitinur, Padeli, dan Sumasih. 2016. “Penerapan Activity Based Costing System Dalam Laporan Keuangan Untuk Mempermudah Pengendalian Biaya”. SENSI Journal, Vol.2, No.2.</ref>, “''BlackBox Testing'' adalah metodologi uji coba yang memfokuskan pada keperluan fungsional perangkat untuk menguji kesesuaian rancangan fungsional aplikasi dengan tampilan dan jalannya aplikasi apakah aplikasi sesuaidengan rancangan fungsional dan memiliki error atau tidak”.</p></div>
<ol>
+
  <li style="text-align: justify;line-height: 2;">Menurut Betha Sidik (2018:6)<ref name="citation 50"></ref>, XAMPP kependekan dari X Apache MySQL PHP and Perl, X mewakili sistem operasi, A untuk Apache adalah server web, M untuk MySQL atau MariDB adalah server database, P yang pertama untuk PHP adalah bahasa pemrograman untuk pembuatan aplikasi, dan P yang kedua untuk Perl adalah bahasa pemrograman untuk pembuatan aplikasi juga. X menyatakan bahwa paket ini bisa untuk Windows ataupun Linux.</li>
+
    <li style="text-align: justify;line-height: 2;">Menurut Santoso, Radna Nurmalina dalam Jurnal Integrasi Vol.9 No.1 (2017:86)<ref name="citation 54">Santoso dan Radna Nurmalina. 2017. Perencanaan dan Pengembangan Aplikasi Absensi Mahasiswa Menggunakan Smart Card Guna Pengembangan Kampus Cerdas:Studi Kasus Politeknik Negeri Tahanh Laut.Kalimantan Selatan:Jurnal Integrasi. Vol.9 No.1.</ref>, “Xampp merupakan alat bantu yang menyediakan paket perangkat lunak ke dalam satu buah paket”.</li>
+
    <li style="text-align: justify;line-height: 2;">Menurut Wahana Komputer dalam Jurnal Sisfotek Global Vol. 6 No. 1 (2016:77)<ref name="citation 55">Siregar, Shanti Ria Serepia dan Penti Sundari. 2016. Rancangan Sistem Informasi Pengelolaan Data Kependudukan Desa:Studi kasus Di Kantor Desa Sangiang Kecamatan Sepatan Timur. Jurnal Sisfotek Global. Vol.6 No.1</ref>, ‘XAMPP adalah salah satu paket instalasi Apache, PHP, dan MySQL secara instan yang dapat digunakan untuk membantu proses instalasi instan.”</li>
+
</ol>
+
</div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dari pendapat ahli di atas mengenai definisi dari XAMPP maka dapat ditarik kesimpulan bahwa XAMPP adalah perangkat lunak yang memiliki fungsi sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache server, Mysql database, dan penerjemah bahasa yang ditulis dengan bahasa pemograma php dan perl.</p></div>
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Tinjauan Pustaka (Literature Review)'''</div>==
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Borden dan Abbott dalam Manzilati (2017:34)<ref name="cit manz">Manzilati, Asfi. 2017. “Metodologi Penelitian Kualitatif: Paradigma, Metode, dan Aplikasi”. Malang: Universitas Brawijaya Press.</ref>, “Literature review adalah proses meletakan, mendapatkan, membaca dan mengevaluasi literatur penelitian yang terkait dengan ketertarikan peneliti”.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Black Box Testing'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Handayani, et al (2018 : 190)<ref name="cit hnd">Handayani, Indri, Erick Febriyanto, dan Egi Wijatriana Bachri. (2018). “Aplikasi Stat Counter Sebagai Alat Monitoring Aktivitas Website PESSTA+ Pada Perguruan Tinggi”. SISFOTENIKA, vol. 8, no. 2.</ref>. “Studi Pustaka merupakan metode yang digunakan untuk mengumpulkan informasi yang relevan sesuai dengan topik dan permasalahan yang menjadi objek penelitian. Penelusuran pustaka merupakan langkah pertama untuk mengumpulkan informasi yang relevan bagi penelitian dengan menentukan studi, model, studi kasus yang mendukung topik serta menentukan lingkup penelitian untuk topik penelitian.”</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Muharto dan Arisandy (2016:58)<ref name="cit muharto">Muharto dan Arisandy Ambarita. 2016. “Metode Penelitian Sistem Informasi: Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian”. Yogyakarta: Deepublish.</ref> berpendapat bahwa “tinjauan pustaka (literature review) menguraikan teori-teori, pengertian-pengertian, dan hasil-hasil penelitian terdahulu yang berhubungan dengan masalah penelitian”.</p></div>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definsi Black Box Testing'''</div>====
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Di bawah ini adalah beberapa pendapat dari para ahli mengenai black box testing dan berikut di antaranya :</p></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tujuan Tinjauan Pustaka (Literature Review)'''</div>===
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Manzilati (2017:34)<ref name="cit manz" />, “Literature review bertujuan untuk mendapatkan pemahaman teoritis dan pemahaman mengenai posisi penelitian terhadap penelitian-penelitian lain yang telah dilakukan”.</p></div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sedangkan tujuan tinjauan pustaka menurut Fink, Hart, Jesson, dan Ridley dalam Dwiastuti (2017:84)<ref name="cit dwiastuti">Dwiastuti, Rini. 2017. Metode Penelitian Sosial Ekonomi Pertanian: Dilengkapi Pengenalan Metode Penelitian Kuantitatif, Kualitatif, dan Kombinasi Kuantitatif-kualitatif. Malang: Universitas Brawijaya Press.</ref> yaitu:</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Menurut Rizky dalam Rini (2016:64)<ref name="citation 56">Rini, Puput Puspito, Muchamad Iqbal dan Dwi Puji Astuti. 2016. Rancangan Sistem Informasi Konversi Nilai Mahasiswa Pindahan dan Lanjutan (Studi Kasus di STMIK Bina Sarana Global). Jurnal SISFOTEK GLOBAL Vol. 6 No. 1.</ref>, “Testing adalah sebuah proses yang disebut sebagai siklus hidup dan merupakan bagian dari proses rekayasa perangkat lunak secara terintegrasi demi memastikan kualitas dari perangkat lunak serta memenuhi kebutuhan teknis yang telah disepakati dari awal”</li>
+
  <li style="text-align: justify;line-height: 2;">Menunjukan kontribusi setiap kegiatan penelitian dalam hal pemecahan masalah..</li>
     <li style="text-align: justify;line-height: 2;">Menurut Mustaqbal (2015:31)<ref name="citation 57">Sidi, Roeri dan Hendra. 2015. Pengujian Aplikasi Menggunakan Black Box Tetsing Boundary Value Analysis (Studi Kasus: Aplikasi Prediksi Kelulusan SNMPTN). Bandung: Jurnal Ilmiah Teknologi Informasi Terapan. Vol. 1, No. 3.</ref>“Pengujian (testing) adalah suatu proses pelaksanaan suatu program dengan tujuan menemukan suatu kesalahan. Suatu kasus test yang baik adalah apabila test tersebut mempunyai kemungkinan menemukan sebuah kesalahan yang tidak terungkap”.</li>
+
     <li style="text-align: justify;line-height: 2;">Mendeskripsikan hubungan suatu kegiatan penelitian dengan kegiatan penelitian lainnya.</li>
     <li style="text-align: justify;line-height: 2;">Menurut Syed Roohillah Jan dalam International Journal Scientific Research in Science Engineering Technology (IJSRSET) (2016:683)<ref name="citation 58">Jan, Syed Roohillah dkk. 2016. An Inovative Approach to Investigate Various Software Testing Techniques and Strategies. International Journal Scientific Research in Science Engineering Technology (IJSRSET) Vol. 2 Issue 2.</ref>“Blackbox testing is a software testing technique which play an important role in software testing”. Yang artinya Blackbox testing adalah pengujian perangkat lunak yang memainkan peran penting dalam pengujian perangkat lunak.</li>
+
    <li style="text-align: justify;line-height: 2;">Mengidentifikasi cara-cara baru dalam menafsirkan penelitian terdahulu.</li>
 +
     <li style="text-align: justify;line-height: 2;">Mengungkapkan kesenjangan yang ada dalam penelitian terdahulu.</li>
 +
    <li style="text-align: justify;line-height: 2;">Memecahkan permasalahan penelitian yang belum terpecahkan pada penelitian terdahulu.</li>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan beberpa pendapat ataupun definisi dari Black box testing di atas kita dapat simpulkan bahwa metode pengujian black box digunakan untuk menguji sistem dari segi user yang dititik beratkan pada pengujian kinerja, spesifikasi dan antarmuka sistem tersebut tanpa menguji kode program yang ada.</p></div>
 
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Literature Review'''</div>==
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Elisitasi'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Metode studi pustaka (''literature review'') dilakukan guna menunjang dari metode observasi dan wawancara yang telah dilakukan. Pengumpulan informasi sangat dibutuhkan dalam menggali referensi-referensi yang berkaitan sesuai dengan penelitian yang dilakukan. Sebelumnya banyak peneliti-peneliti yang melakukan penelitian perihal dengan sistem penerbitan jurnal elektronik dan penelitian lainnya. Adanya studi pustaka (''literature review'') ini untuk mengidentifikasi kesenjangan, meneruskan penelitian yang sudah dilakukan sebelumnya dan menghindari pembuatan ulang.</p></div>
  
 
+
<div id="t22" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 2.2''' Literature Review</p></div>
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definsi Elisitasi '''</div>====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Untuk lebih memahami arti dari elisitasi berikut ini adalah beberapa definisi elisitasi dari para ahli :</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
<ol>
+
<table border="1px" cellspacing="0"  bordercolor="#62C300">
   <li style="text-align: justify;line-height: 2;">Menurut Siahaan dalam Iqbal dkk (2017:1)<ref name="citation 49"></ref>, “Elisitasi adalah pengumpulan kebutuhan aktivitas awal dalam rekayasa kebutuhan (Requirements Engineering).</li>
+
<tr style="background-color: #62C300;">
    <li style="text-align: justify;line-height: 2;">menurut Siahaan yang dikutip oleh Muhammad Iqbal Hanafri dkk dalam Jurnal Sisfotek Global (2017:7)<ref name="citation 60">Hanafri, Muhammad Iqbal, Siti Maisaroh Mustafa dan Arip Hidayat. 2017. Proses Perakitan Trafo Dengan Menggunakan Animasi Multimedia. ISSN : 2088 – 1762. Jurnal SISFOTEK GLOBAL. Vol. 7 No. 1.</ref>mengemukakan bahwa “Elisitasi adalah sekumpulan aktivitas yang ditunjukkan untuk menemukan kebutuhan suatu sistem melalui komunikasi dengan pelanggan, pengguna sistem, dan pihak lain yang memiliki kepentingan dalam pengembangan sistem”.</li>
+
   <th style="padding:1%;width:25%">PENULIS</th>
    <li style="text-align: justify;line-height: 2;">Menurut Agit Amrullah, dkk (2016:27)<ref name="citation 61">Amrullah, Agit dkk. 2016. Kajian Kebutuhan Perangkat Lunak Sistem Informasi Penilaian Prestasi Kerja Pegawai Pada Fakultas Adab dan Ilmu Budaya Universitas Islam Negeri Sunan Kalijaga Yogyakarta. Yogyakarta: Seminar Nasional Teknologi Informasi dan Multimedia.</ref>, “Elisitasi dibuat berdasarkan sistem yang baru yang diinginkan oleh pihak manajemen terkait dan disanggupi penulis untuk dieksekusi”.</li>
+
  <th style="padding:1%;width:25%">JUDUL PENELITIAN</th>
</ol>
+
  <th style="padding:1%;width:25%">METODOLOGI</th>
 +
  <th style="padding:1%;width:25%">HASIL</th>
 +
</tr>
 +
<tr style="background-color: #E8E8E8;vertical-align:top;">
 +
  <td style="padding:1%;">Mohd. Uzir Kamaluddin, Shahrani Shahbudin, Naimah Mat Isa, dan Husna Zainol Abidin (2015)</td>
 +
  <td style="padding:1%;">''Teaching The Intel 8051 Microcontroller With Hands-On Hardware Experiments''<ref name="cit kamal">Kamaluddin, M. U., Shahbudin, S., Isa, N. M., dan Abidin, H. Z. 2015. “Teaching the Intel 8051 Microcontroller with hands-on hardware experiments”. 2015 IEEE 7th International Conference on Engineering Education (ICEED).</ref></td>
 +
  <td style="padding:1%;">''Experiments''</td>
 +
  <td style="padding:1%;">Pada penelitian ini trainer dibuat untuk memberikan kesempatan mahasiswa dan dosen bekerjasama dalam mempelajari mikrokontroler 8051 dengan cara yang lebih menarik dan menyenangkan. Intel 8051 Trainer Board in terdiri dari beberapa komponen seperti mikrokontroler 8051, ROM eksternal 8 kB, RAM eksternal 8 kB, dan menggunakan dua chip Peripheral Programmable Interface (PPI) lainnya. Ke empat PPI tersebut pada trainer ini dihubungkan ke beberapa perangkat input dan output, mahasiswa dapat secara langsung memprogram trainer ini untuk segala jenis operasi yang diinginkan sehingga memberikan pemahaman yang baik bagi mahasiswa tentang interfacing I/O serta memprogramnya.</td>
 +
</tr>
 +
<tr style="vertical-align:top;">
 +
  <td style="padding:1%;">Liakot Ali, Lutfor Rahman dan Shahin Akhter (2017)</td>
 +
  <td style="padding:1%;">''Module-Based Edukit for Teaching and Learning 8051 Microcontroller Programmings''<ref name="cit liakot">Ali, Liakot, Lutfor Rahman, and Shahin Akhter. 2017. "Module-based Edukit for teaching and learning 8051 microcontroller programming." IEEE International Conference on Telecommunications and Photonics (ICTP).</ref>.</td>
 +
  <td style="padding:1%;">''Literature review'' dan ''Experiments''</td>
 +
  <td style="padding:1%;">Penelitian ini mengembangkan trainer berbasis MCU 8501 yang simpel dan portabel, terjangkau untuk semua orang, dan cocok untuk semua disiplin ilmu teknik. Trainer ini berbasis ''multi-module'' dimana MCU 8501 sebagai modul utama dan modul lain yang berhubungan dengan aplikasi interfacing seperti LCD 16x2, seven segment, motor DC, DAC, dll.</td>
 +
</tr>
 +
<tr style="background-color: #E8E8E8;vertical-align:top;">
 +
  <td style="padding:1%;">Ibrahim Burhan, Ahmad Aftas Azman, Saharuddin Talib dan Ahmad Azlan Ab. Aziz (2015)</td>
 +
  <td style="padding:1%;">''Multiple Outputs Programmable Integrated Circuits (MOPICs) Microcontroller Trainer for Educational Applications''<ref name="cit burhan">Burhan, I., Azman, A. A., Talib, S., & Aziz, A. A. A. 2015. “Multiple Outputs Programmable Integrated Circuits (MOPICs) Microcontroller Trainer for Educational Applications”. 2015 3rd International Conference on Artificial Intelligence, Modelling and Simulation (AIMS).</ref></td>
 +
  <td style="padding:1%;">''Development Method''</td>
 +
  <td style="padding:1%;">Penelitian ini merancang trainer IC multiple output yang dapat diprogram (MOPICs) untuk aplikasi pendidikan yang memudahkan dalam melakukan simulasi PIC. Pada trainer MOPICs terdapat komponen input seperti ''push button'', dan komponen output seperti seven segment, motor servo, LED dan LCD yang dapat di program dan diprogram ulang untuk berbagai tugas.</td>
 +
</tr>
 +
<tr style="vertical-align:top;">
 +
  <td style="padding:1%;">Yoyo Somantri (2016)</td>
 +
  <td style="padding:1%;">Pengembangan Microcontroller Embedded System untuk Training Kits<ref name="cit soman">Somantri, Yoyo. 2016. “Pengembangan Microcontroller Embedded System untuk Training Kits”. ELECTRANS, vol 14, no 1.</ref> </td>
 +
  <td style="padding:1%;">Eksperimen</td>
 +
  <td style="padding:1%;">Penelitian ini membahas tentang hasil pengembangan training kit mikrokontroler, dengan menggunakan dua buah mikrokontroler berjenis ATmega 16/32 sebagai master dan AT89S51/52 sebagai target. Training kit ini tidak menggunakan bantuan PC pada proses pemrograman nya, melainkan menggunakan mikrokontroler master untuk menuliskan kode mnemonic dan menerjemahkan kode mnemonik menjadi kode mesin yang di upload ke mikrokontroler target. Output pada trainer mikrokontroler embedded system ini berupa led, relay, seven segment, LCD, dan motor stepper. Sedangkan input menggunakan keypad, ultrasonic sensor, dan ''push button''</td>
 +
</tr>
 +
<tr style="background-color: #E8E8E8;vertical-align:top;">
 +
  <td style="padding:1%;">Julham dan Hikmah Adwin Adam (2018)</td>
 +
  <td style="padding:1%;">Perancangan dan Pembuatan Trainer Komunikasi RS232 Menggunakan Komputer dan Mikrokontroler<ref name="cit jul">Julham, J., & Adam, H. A. 2018. “PERANCANGAN DAN PEMBUATAN TRAINER KOMUNIKASI RS232 MENGGUNAKAN KOMPUTER DAN MIKROKONTROLER ATMEGA”. Jurnal Teknik Informatika Kaputama, vol.2, no. 1.</ref></td>
 +
  <td style="padding:1%;">''Research and Development'' (R&D)</td>
 +
  <td style="padding:1%;">Pada penelitian ini pembuatan trainer dirancang untuk untuk meningkatkan pengetahuan mahasiswa dan keterampilan pemrograman komunikasi RS232 pada mata kuliah Interfacing. Mikrokontroler pada trainer ini menggunakan chip ATmega8535 sebagai media percobaan interfacing mikrokontroler dengan komputer beserta komponen input berupa ''push button'' dan komponen output berupa led.</td>
 +
</tr>
 +
<tr style="vertical-align:top;">
 +
  <td style="padding:1%;">Sokop, Mamahit, dan Sompie (2016)</td>
 +
  <td style="padding:1%;">Trainer Periferal Antarmuka Berbasis Mikrokontroler Arduino Uno<ref name="cit sok" /></td>
 +
  <td style="padding:1%;">Perancangan </td>
 +
  <td style="padding:1%;">Pada penelitian ini trainer yang dihasilkan menggunakan Arduino UNO sebagai board mikrokontroler berbasis ATmega328 dengan komponen input berupa keypad, push button, LDR, sensor suhu LM35 dan potensiometer. Sedangkan komponen output yang digunakan adalah led, 7 segment, buzzer, lcd, dan motor DC. Trainer ini dirancang untuk membantu mahasiswa teknik elektro dalam menyelesaikan setiap percobaan dalam penerapan materi yang diterima. Setiap komponen pada trainer ini tidak terhubung satu dengan yang lain nya, dalam penggunaanya maka diperlukan kabel jumper sebagai penghubungnya.</td>
 +
</tr>
 +
<tr style="background-color: #E8E8E8;vertical-align:top;">
 +
  <td style="padding:1%;">Fayakun Muchlis, Dwi Sulisworo, dan Moh Toifur (2018)</td>
 +
  <td style="padding:1%;">Pengembangan Alat Peraga Fisika Berbasis Internet of Things untuk Praktikum Hukum Newton II<ref name="cit muchlis">Muchlis, F., Sulisworo, D., & Toifur, M. 2018. “Pengembangan Alat Peraga Fisika Berbasis Internet of Things untuk Praktikum Hukum Newton II”. JPF: JURNAL PENDIDIKAN FISIKA, vol. 6, no. 1.</ref></td>
 +
  <td style="padding:1%;">Pengembangan</td>
 +
  <td style="padding:1%;">Penelitian ini bertujuan untuk membuat alat peraga Hukum Newton kedua yang terdiri dari bidang datar yang licin dan kasar, sensor photogate, kotak sistem kontrol, kabel audio, dan aplikasi Newton App. Ada lima buah sensor photogate bertindak sebagai detektor yang mendeteksi percepatan benda yang bergerak melintasi gate tersebut. Masing masing sensor photogate terdapat sensor LDR yang terhubung dengan lampu led. Alat peraga ini menggunakan NodeMCU dengan mikrokontroler ESP8266 untuk mengkalkulasi data waktu yang didapatkan dari kelima sensor photogate dan menampilkannya pada LCD dan mengirim data hasil kalkulasi nilai percepatan benda ke website thingspeak.com.</td>
 +
</tr>
 +
<tr style="vertical-align:top;">
 +
  <td style="padding:1%;">Riza Lukman (2017)</td>
 +
  <td style="padding:1%;">Trainer Mikrokontroler Sebagai Media Pembelajaran Sistem Kontrol Untuk Siswa Kelas XI Program Keahlian Teknik Otomasi Industri di SMK Negeri 2 Kendal<ref name="cit ">Luqman, Riza. 2017, “Trainer Mikrokontroler Sebagai Media Pembelajaran Sistem Kontrol Untuk Siswa Kelas XI Program Keahlian Teknik Otomasi Industri di SMK Negeri 2 Kendal”, Skripsi, Fakultas Teknik, Universitas Negeri Yogyakarta, Yogyakarta.</ref></td>
 +
  <td style="padding:1%;">''Research and Development'' (R&D)</td>
 +
  <td style="padding:1%;">Penelitian ini menghasilkan media pembelajaran berupa trainer mikrokontroler AVR menggunakan ATmega16 dengan 4 modul rangkaian mencakup perangkat input/output yaitu LED, tombol, ADC, seven segment, LCD, matriks LED, komunikasi RS232, PWM, motor servo, dan motor DC. Penelitian ini bertujuan untuk mengembangkan media pembelajaran yang digunakan pada mata pelajaran sistem kontrol terprogram program keahlian Teknik Otomasi Industri di SMK Negeri 2 Kendal.</td>
 +
</tr>
 +
<tr style="background-color: #E8E8E8;vertical-align:top;">
 +
  <td style="padding:1%;">Awal Bakhtera Suhiyar (2017) </td>
 +
  <td style="padding:1%;">Pembuatan Media Pembelajaran Pengenalan Perangkat Keras untuk Antarmuka pada Mata Pelajaran Komunikasi Data dan Antarmuka<ref name="cit suhiyar">Suhiyar, Awal Bakhtera dan Sunomo. 2017. "PEMBUATAN MEDIA PEMBELAJARAN PENGENALAN PERANGKAT KERAS UNTUK ANTARMUKA PADA MATA PELAJARAN KOMUNIKASI DATA DAN ANTARMUKA." Jurnal Pendidikan Teknik Elektro, vol. 7, no. 2.</ref></td>
 +
  <td style="padding:1%;">''Research and Development'' (R&D)</td>
 +
  <td style="padding:1%;">Penelitian yang dilakukan bertujuan untuk menghasilkan media pembelajaran pengenalan perangkat keras untuk antarmuka. Media ini berbentuk perangkat keras yang terdiri dari beberapa rangkaian digital yang terintegrasi dengan mikrokontroler ATmega16 dengan komponen input LCD, LED, dan seven segment.</td>
 +
</tr>
 +
<tr style="vertical-align:top;">
 +
  <td style="padding:1%;">Endi Sailul Haq dan Farisqi Panduardi (2015)</td>
 +
  <td style="padding:1%;">Trainer Mikrokontroler Sebagai Media Pembelajaran Untuk Mata Kuliah Mikrokontroler Di Politeknik Negeri Banyuwangi<ref name="cit haq">Haq, Endi Sailul, dan Farisqi Panduardi. 2015. "Trainer Mikrokontroler Sebagai Media Pembelajaran Untuk Mata Kuliah Mikrokontroler Di Politeknik Negeri Banyuwangi." SEMNASKIT 2015.</ref></td>
 +
  <td style="padding:1%;">Pengembangan</td>
 +
  <td style="padding:1%;">Pada penelitian ini trainer yang dirancang menggunakan mikrokontroler AVR ATmega8535 dengan beberapa komponen input yaitu ''push button'', keypad 3x4, joystick PS, sensor inframerah, sensor ping, photo transistor dan RTC serta beberapa komponen output yaitu 8 buah led, seven segment, LCD 16x2, motor DC, motor servo dan relay yang sudah tertanam pada board trainer ini. Pada penggunaan modul trainer ini terdapat 13 macam kegiatan belajar yang meliputi penggunaan software untuk memprogram modul trainer ini serta percobaan interfacing modul yang ada pada board trainer.</td>
 +
</tr>
 +
</table>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan beberapa definisi di atas dapat disimpulkan bahwa elisitasi adalah sebuah kegiatan pengumpulan kebutuhan yang digunakan untuk pembuatan maupun pengembangan sistem.</p></div>
+
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
 
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''TUJUAN DAN MANFAAT PENELITIAN'''</div>
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar  Studi  Pustaka (Literature Review)'''</div>==
 
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tujuan Penelitian'''</div>==
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Studi Pustaka (Literature Review)'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Terdapat suatu tujuan yang mendasari penelitian ini dilakukan, oleh karena itu penulis membuat rincian dari tujuan penelitian ini dilakukan. Berikut 4 (empat) tujuan dari penelitian yang penulis lakukan diantaranya:</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Menurut Sutrisno, dkk (2018:122)<ref name="citation 62">Sutrisno, Mursalat Asyidiq, Sugeng Santoso. 2018. Perancangan Sistem Pemasangan Iklan Online Pada Aplikasi E-Commerce (E-Gemanusa) Menggunakan Metode Restful Api Dan Framework Laravel. Banten: Fakultas Ilmu Komputer Universitas Banten Jaya. Jurnal Ilmiah Sains Dan Teknologi. Vol. 1 No. 1.</ref>, ”Literature review adalah uraian teori, temuan, dan bahan penelitian lainnya yang digunakan sebagai landasan penyusunan kerangka penelitian dari perumusan masalah yang di teliti".</li>
+
  <li style="text-align: justify;line-height: 2;">Untuk membuat alat yang dapat memperagakan komunikasi mikrokontroler menggunakan berbagai jenis antarmuka yang tersedia pada mikrokontroler.</li>
     <li style="text-align: justify;line-height: 2;">Menurut Budianto dkk dalam jurnal CCIT Vol.8 No.3 (2015:138)<ref name="citation 63">Budianto dkk. 2015. Aplikasi Monitoring Sistem Absensi Sidik Jari Sebagai Pendukung Pembayaran Biaya Pegawai Terpusat Dengan SAP. Tangerang: Jurnal CCIT Vol.8 No.3.</ref>Literature review berisi tentang uraian teori, temuan dan bahan penelitian lain yang diperoleh dari bahan acuan untuk dijadikan landasan kegiatan penelitian. Uraian dalam Literature review ini diarahkan untuk menyusun kerangka pemikiran yang jelas tentang pemecahan masalah yang diuraikan sebelumnya pada perumusan masalah.</li>
+
    <li style="text-align: justify;line-height: 2;">Merancang modul trainer interfacing mikrokontroler sebagai alat praktikum untuk mata kuliah interfacing.</li>
     <li style="text-align: justify;line-height: 2;">Menurut Hermawan dalam Handayani, dkk (2017:51)<ref name="citation 64">Handayani, Indri., Siti Mutmainah, Olis Rosmawati. 2017. Penerapan Rinfo Form Sebagai Media Pengumpulan Data Hasil Kinerja Dosen iLearning. Tangerang: STMIK Raharja. Technomedia Journal (TMJ). Vol. 2 No. 1.</ref>, ”Literature review adalah bahan yang tertulis berupa buku, jurnal yang membahas tentang topik yang hendak diteliti".</li>
+
     <li style="text-align: justify;line-height: 2;">Mempermudah dosen mata kuliah interfacing dalam menyampaikan materi serta mempermudah mahasiswa untuk memahami materi mata kuliah interfacing secara praktik dengan penerapannya.</li>
 +
     <li style="text-align: justify;line-height: 2;">Meningkatkan efisiensi penggunaan waktu praktikum pada mata kuliah interfacing.</li>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan definisi diatas dapat disimpulkan bahwa Literature review adalah analisa berupa kritik (membangun atau menjatuhkan) dari penelitian yang sedang dilakukan terhadap suatu bagian hasil temuan dengan metodologi yang digunakan. Serta menganalisis dan memeriksa kembali tentang topik yang sedang diteliti untuk membantu peneliti dalam  melihat ide-ide dalam sebuah penelitian.</p></div>
 
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Manfaat Penelitian'''</div>==
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Studi Pustaka (Literature Review)'''</div>==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Setiap penelitian tentunya bertujuan untuk memberikan manfaat dari penelitian yang sudah dilakukan. Manfaat yang diberikan tentu saja sangat berguna bagi pengguna hal penelitian tersebut. Berikut beberapa manfaat penelitian yang dilakukan:</p></div>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Fokus utama suatu tinjauan pustaka atau Literature review dalam suatu penelitian adalah mengetahui apakah para peneliti lain menemukan jawaban untuk pertanyaan-pertanyaan penelitian yang kita rumuskan atau tidak. Berikut ini adalah penelitian yang telah dilakukan dan memiliki korelasi yang searah dengan penelitian yang akan dibahas dalam penulisan Skripsi ini, antara lain :</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Abdul dkk (2015)<ref name="citation 65">Hayat, A., Aisyah, E. S., & Ningrum, S. O. (2015). Sistem Informasi Simpan Pinjam Koperasi Pegawai Pada Smk Yuppentek 1 Tangerang. CERITA Journal. Vol. 1 No. 1. </ref>dengan judul “Sistem Informasi Simpan Pinjam Koperasi Pada SMK Yupentek 1 Tangerang” dalam penelitian ini terdapat kesimpulan bahwa sistem konvensional yang ada dalam kegiatan simpan pinjam masih mengandalkan pencatatan menggunakan buku dan  Excel, dinilai tidak efektif dalam mengemban kegiatan transaksi simpan pinjam yang terjadi, karena kebutuhan simpan pinjam dan perhitungan dari simpan pinjma tersebut semakin marak adapun lainya kegitan back up data belum secara otomatis dan kurang memadainya tempat penyimpanan data-data sehingga menimbulkan tumpukan berkas-berkas. Dengan adanya permasalahan tersebut, koperasi ini perlu menggunakan aplikasi simpan pinjam yang dapat membantu dalam proses pengolahan data simpan pinjam dan akuntasi. Adapun metode penelitian yang digunakan dalam penelitian ini yaitu pustaka, wawancara, observasi, analisis sistem,perancangan sistem, dan implementasi sistem. Hasil yang diterapkan dalam penelitian ini adalah dengan menggunakan database MySql.</li>
+
  <li style="text-align: justify;line-height: 2;">Mahasiswa yang mengikuti kelas mata kuliah interfacing dapat langsung mengaplikasikan materi yang didapatkan.</li>
     <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Isnaini (2015)<ref name="citation 66">Irawati, Isnaini; KR, Rum M. Andri. 2015. Komputerisasi Penjualan Sepeda Motor Secara Kredit Pada Dealer Endra Motor Sunggingan Boyolali. IT CIDA. Vol.1 No. 1.</ref>dengan judul “Komputerisasi Penjualan Speda Motor Pada Dealer Endra Motor Sunggingan Boyolali” dalam penelitian ini terdapat kesimpulan bahwa untuk meningkatkan penjualan motor pada Dealer Endra Motor tersebut dibutuhkan suatu sistem yang baru untuk menggantkan sistem manual yang ada, karna sistem manual tersebut banyak memiliki masalah di antaranya keakuratan perhitungan data dan ketepatan waktu dalam menyajikan informasi. Oleh karena itu salah satu cara mengatasi masalah tersebut dengan komputerisasi penjualan kredit sepeda motor tersebut. Metode Penelitian yang dipergunakan dalam penelitian ini yaitu system development life cycle (SDLC). Aplikasi komputerisasi komputerisasi penjualan kredit sepeda motor berhasil mengatasi masalah tersebut sehingga informasi yang disajikan akurat dan tepat waktu.</li>
+
     <li style="text-align: justify;line-height: 2;">Proses pembelajaran pada mata kuliah interfacing memiliki alat trainer yang digunakan untuk praktikum sehingga penyampaian materi lebih maksimal.</li>
    <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Bayu dkk (2015)<ref name="citation 67">Cahyono, Bayu Ilham. 2015. "Analisis Sistem Dan Prosedur Pembiayaan Kredit Pemilikan Rumah Syariah (KPRS) Murabahah Untuk Mendukung Pengendalian Intern (Studi Pada PT. BTN Syariah Cabang Jombang)." Jurnal Administrasi Bisnis. Vol. 25 No. 1. </ref>dengan judul “Analisis Sistem Dan Prosedur Pembiayaan Kredit Pemilikan Rumah Syariah (KPRS) MURABAHAH Untuk Mendukung Pengendalian Intern (Studi Pada PT. BTN Syariah Cabang Jombang)” dalam penelitian ini bertujuan untuk menjelaskan bagaimana sistem dan prosedur pembiayaan KPR Syariah dengan akad Murabahah yang diterapkan pada PT. BTN Syariah Cabang Jombang dalam mendukung pengendalian intern.Jenis penelitian yang digunakan adalah penelitian deskriptif dengan pendekatan kualitatif yang berupaya mendeskripsikan atau memberikan gambaran terhadap suatu fenomena maupun peristiwa yang terjadi.Analisa dilakukan terhadap aspek-aspek mulai dari tahap permohonan pembiayaan, tahap pencairan pembiayaan, dan tahap pengawasan pembayaran.Hasil penelitian menunjukkan bahwa masih terdapat beberapa kekurangan dalam pelaksanaan system dan prosedur KPR Syariah yang dijalankan PT. BTN Syariah Cabang Jombang terutama dalam aspek petugas yang kompeten.Oleh karena itu, PT. BTN Syariah Cabang Jombang masih perlu mengadakan perbaikan dalam sistem dan prosedur yang diterapkan agar dapat mendukung pengendalian intern dengan baik.</li>
+
     <li style="text-align: justify;line-height: 2;">Setiap orang yang mempelajari mikrokontroler dapat dilakukan dengan mudah.</li>
    <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Cepi (2015)<ref name="citation 68">Setiawan, Cepi. 2015. "Implementasi Aplikasi Peminjaman Dan Pembayaran Angsuran Pada BPR Kabupaten Bandung." Jurnal Computech & Bisnis. Vol.9 No.1.</ref>dengan judul “Implementasi Aplikasi Peminjaman Dan Pembayaran Angsuran Pada BPR Kabupaten Bandung” dalam penelitian ini bertujuan untuk merancang sebuah sistem yang dapat menangani sistem pengolahan data peminjaman dan pembayaran angsuran nasabah dengan berbasis komputer. Untuk mendukung penelitian yang dilakukan, diperlukan langkah-langkah pengumpulan data secara teliti. Adapun langkah-langkah yang digunakan untuk memperoleh data dan informasi yang menunjang pelaksanaan penelitian ini adalah observasi dan wawancara, sistem informasi yang diperlukan dibangun dengan menggunakan metode pendekatan yang terstruktur, yaitu metode program Waterfall program komputer disusun untuk mengembangkan sistem informasi dengan database khusus untuk melayani kebutuhan sistem pengolahan data peminjaman dan pembayaran angsuran nasabah. Sistem informasi pengolahan data peminjaman dan pembayaran nasabah yang terkomputerisasi dapat memudahkan dalam pengecekan data pinjaman dan pembayaran nasabah.</li>
+
    <li style="text-align: justify;line-height: 2;">Penilitian yang dilakukan oleh Aria (2017)<ref name="citation 69">Swasono, Aria Budhi, and Yahdi Kusnadi. 2017. "Implementasi Sistem Informasi Angsuran Kredit Mobil (Studi Kasus PT Asrindo Jaya Jakarta)." Jurnal Techno Nusa Mandiri. Vol.14 No.1. </ref>dengan judul “Implementasi Sistem Angsuran Kredit Mobil (Studi Kasus PT. Asrindo Jaya Jakarta)” , penelitian ini terdapat kesimpulan bahwa Seiring semakin ketatnya persaingan antara penjualan produk yang sejenis khususnya kendaraan roda empat, PT Asrindo Jaya yang merupakan salah satu showroom mobil yang beralamat di jalan raya cipayung no 22 rt 003/05 Cipayung Jakarta Timur perlu membuat sebuh inovasi dan improvement dalam melakukan strategi pemasaran untuk meningkatkan minat pembelian konsumen akan produk yang ditawarkan. Media periklanan merupakan salah stategi pemasaran yang digunakan showroom PT Asrindo Jaya dalam memasarkan kendaraan mobil yang ditawarkan. Memberikan pelayanan yang lebih ke konsumen dan menyajikan berbagai informasi ke konsumen merupakan strategi yang jitu dalam menarik konsumen. Saat ini mengalami kesulitan dalam pemasaran, kesulitan dalam melakukan olah data kredit dan ketelitian serta kecepatan dan ketepatan dalam menghitung simulasi angsuran kredit. Dalam penelitian ini merupakan media alat bantu untuk memenuhi salah satu strategi pemasaran di showroom PT Asrindo Jaya. Dengan dibuatnya web Sistem Informasi Angsuran Kredit Mobil Berbasis Web Pada PT Asrindo Jaya Jakarta ini diharapkan dapat memenuhi keinginan pihak showroom untuk menarik konsumen.</li>
+
    <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Sugesti (2016)<ref name="citation 70">Sugesti, Sugesti, Gunawan Putrodjojo, and Fergie Florencia Tandella. 2016. "Merancang Sistem Informasi Pembayaran Uang Sekolah Pada Sunbright International Preschool". Jurnal CISCES. Vol. 2 No. 1.</ref>dengan judul “Merancang Sistem Informasi Pembayaran Uang Sekolah Pada Sunbright International Preschool”, dengan pembahasan mengenai Sunbright International Preschool (SIP) yang memiliki tujuan di bidang sosial, keagamaan dan kemanusiaan. Dan pada pokok permasalahannya SIP membutuhkan suatu sistem yang bisa membantu kinerja petugas tata usaha. Dalam kegiatan transaksi pembayaran uang sekolah, tentu adanya sebuah sistem yang diberlakukan demi kelancaran transaksi tersebut. Untuk memudahkan dalam hal proses pengolahan data transaksi yang terjadi sampai pada pembuatan laporan, sangat dibutuhkan suatu Sistem Informasi pembayaran uang Sekolah. Karena Sistem Informasi Administrasi merupakan langkah awal untuk dapat terlaksananya suatu kegiatan. Pembayaran uang Sekolah yang selama ini digunakan masih sangat sederhama (semi komputerisasi) yang hanya menggunakan Microsoft excel, maka sering terjadi kesalahan pada saat pencatatan data dan laporan yang dihasilkan datanya belum tentu akurat. Berdasarkan permasalahan di atas maka dibutuhkan suatu sistem yang dapat mengurangi terjadinya kesalahan pada saat input data dan dapat menghasilkan laporan yang datanya akurat dan sistem yang dapat mempunyai penyimpanan agar data yang ada tidak hilang. Sehingga proses pembayaran uang Sekolah dapat berjalan dengan efektif dan efisien. Metode perancangan system yang digunakan adalah SDLC (System Development Life Cycle) yang meliputi Perencanaan, Analisis, Desain, Testing dan Implementasi. Sistem yang dibuat memiliki kemampuan mulai menginpt data uang sekolah, melakukan koreksi/edit, membuat jurnal, dan mencetak laporan baik harian, mingguan, bulanan, maupun tahunan. Sistem juga sudah dilengkapi security baik menggunakan user login pada masing-masing level maupun security bentuk lainnya.</li>
+
    <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Abdul (2018)<ref name="citation 71">Hayat, A., Mardiana, M., & Firdaus, F. (2018). RANCANG BANGUN SISTEM INFORMASI PEMBAYARAN SEKOLAH BERBASIS WEB DI SDIT CORDOVA 1 KOTA TANGERANG. ICIT Journal, 4(1), 87-94.</ref>dengan judul “Rancang Bangun Sistem Informasi Pembayaran Sekolah Berbasis WEB Di SDIT Cardova 1 Kota Tangerang” dalam penelitian ini membahas tentang perancangan sebuah sistem informasi yang pada umumnya digunakan di sekolah, yakni Sistem Informasi Pembayaran Sekolah pada SDIT CORDOVA 1 Kota Tangerang. Penggunaan sistem informasi pembayaran yang berjalan pada sekolah tersebut selama ini belum terintegrasi, sebagian proses pencatatan transaksi dilakukan dengan sederhana dengan bantuan aplikasi spreadsheet, dan sebagian proses pencatatan lainnya masih dilakukan dengan cara mencatatnya dalam sebuah buku, dengan kata lain dilakukan dengan cara manual. Hal ini dalam praktik kesehariannya didapati beberapa masalah, antara lain lamanya proses untuk mendapatkan informasi tentang status pembayaran uang SPP, uang iuran lainnya, beberapa tools tidak bekerja dengan sebagaimana mestinya sesuai dengan apa yang diharapkan oleh user, dan sebagainya. Oleh sebab itu, untuk mendukung sistem pembayaran dibutuhkan sistem yang terintegrasi dengan baik, sehingga segala proses transaksi berjalan dengan akurat. Metode yang dilakukan untuk mengembangkan sebuah sistem informasi ini adalah dengan menerapkan pendekatan System Development Life-Cycle (SDLC). Analisis dan desain sistem dilakukan dengan menggunakan UML, Visual Paradigm, dan program aplikasinya menggunakan bahasa PHP serta database MySQL. Hasil penelitian ini adalah berupa Sistem Informasi Pembayaran Sekolah Berbasis Web.</li>
+
    <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Danang (2018)<ref name="citation 72">Rifai, Danang, Sendy Zul Friandi, and Taufan Aditya Pratama. "Rancangan Sistem Aplikasi Pembayaran Spp Berbasis Website Dengan Menggunakan Metode Framework Yii (Studi Kasus Di Sds Mulya Asri Kab. Tangerang)." ICIT Journal Vol. 4 No. 1. </ref>dengan judul “Rancangan Sistem Aplikasi Pembayaran SPP Berbasis Website Dengan Menggunakan Metode Framework Yii (Studi Kasus di SDS Mulya Asri Kab. Tangerang)”. Dalam penelitian ini membahas tentang SDS Mulya Asri Kabupaten Tangerang yang memerlukan system aplikasi pengolahan data pembayaran SPP yang baik terstruktur dan terpadu guna memudahkan dalam pengambilan keputusan dan menciptakan standar komputerisasi Keuangan Sekolah Dasar yang di targetkan oleh pemerintah daerah. Data Sistem informasi yang mudah di oprasikan oleh staff tata usaha sekolah dibutuhkan guna mendukung kinerja dari staff tata usaha. Pada pengolahan data Sistem Aplikasi di SDS Mulya Asri masih di rasakan kurang sempurna di karenakan masih ada yang menggunakan catatan manual buku besar, dimana dalam pengolahan database keuangan masih berkendala hilangnya buku keuangan dan data ganda sehingga data pembayaran SPP tidak terintregrasi. Penelitian ini dibuat melalui tahap (1) Identification, yaitu mengindentifikasi Masalah, (2) Understand, yaitu memahami kerja dari system yang ada di lokasi penelitian, (3) Analyst, yaitu menganalisisa system yang berjalan, (4) Report, yaitu membuat laporan hasil analisa.Fungsi utama dari aplikasi pembayaran ini yaitu untuk memudahkan pengolahan data pembayaran SPP secara cepat, terintergrasi, dan terkomputerisasi. </li>
+
    <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Maimunah (2015)<ref name="citation 73">Maimunah, M., Isnaeni, D., & Ferdiansyah, A. (2016). RANCANG BANGUN APLIKASI SIMPAN PINJAM PADA KOPERASI SAMI BERBASIS WEB. CERITA Journal, 2(1), 23-34.</ref>dengan judul “Rancangan Bangun Aplikasi Simpan Pinjam Pada Koperasi Sami Berbasis WEB” dalam penelitian ini membahas tentang Koperasi SAMI memerlukan sistem pengolahan data yang baik dan terpadu guna memudahkan dalam pengambilan keputusan dan menciptakan standar pelayanan yang baik. Apalagi jika data tersebut berhubungan dengan keuangan dan nasabah. Data dan informasi yang mudah diakses oleh Koperasi Satya Ardhia Mandiri (KOSAMI), karyawan, dan nasabah sangat dibutuhkan guna mendukung kinerja dari koperasi yang bersangkutan. Penelitian ini membahas mengenai program aplikasi simpan pinjam yang terdiri dari form input anggota, form peminjaman, form pembayaran, form anggota, dan laporan pembayaran. Bahasa pemrograman yang digunakan untuk program aplikasi ini adalah bahasa pemrograman PHP dan dengan database SQL Server. Penelitian ini dibuat melalui melalui tahap-tahap (1) Identifikasi, yaitu mengidentifikasi masalah, (2) Understand, yaitu memahami kerja dari sistem yang ada, (3) Analisa, yaitu menganalisis sistem, (4) Report, yaitu membuat laporan hasil analisis.</li>
+
    <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Aris (2016)<ref name="citation 74">Aris, A., Anggara, R., & Zamzami, Z. A. (2016). PERANCANGAN SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB PADA PKBM BHAKTI SEJAHTERA. CICES, 2(1), 87-98.</ref>dengan judul “Perancangan Sistem Informasi Penerimaan Siswa Baru Berbasis WEB Pada PKBM BHAKTI SEJAHTERA”. Dalam penelitian ini membahasa tentang PKBM Bhakti Sejahtera Tangerang adalah sebuah sekolah yang terletak di kecamatan Kota Tangerang yang mempunyai tujuan membantu program pemerintah dalam bidang pendidikan non formal dan menghasilkan generasi muda yang berkualitas, Sekolah ini juga selalu berusaha memberikan pelayanan yang baik untuk masyarakat. Namun sekolah ini juga memiliki kendala terutama dalam system penerimaan siswa baru yang ada. Sistem penerimaan siswa baru yang ada pada sekolah ini sudah menggunakan komputer namun masih menggunakan aplikasi yang sederhana, sehingga sering terjadi keterlambatan dalam penyajian informasi, sehingga perlu ada system baru yang dapat menyempurnakan system yang ada. Untuk menyelesaikan permasalahan ini maka sekolah perlu menggunakan system yang baru dengan system terkomputerisasi yang memiliki database yang lebih baik untuk menyimpan datanya. Dengan sistem terkomputerisasi yang lebih baik pemprosesan data akan lebih efisien dan dapat meminimalisir kesalahan dalam pengimputan data. Dengan demikian sistem penerimaan siswa baru yang ada nantinya akan lebih baik lagi dan dapat meningkatkan pelayanan kepada masarakat yang ingin mendaftar.</li>
+
     <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Ibnu dkk (2016)<ref name="citation 75">Safari, M. Ibnu, and Irfan Setiawan. 2016. "Perancangan Sistem Pengkreditan Pada Showroom Mobil Alya Motor." CERITA Journal. Vol. 2 No.2. </ref>dengan judul “Perancangan Sistem Informasi Pengkreditan Pada Showroom Mobil Alya Motor” dengan tujuan penelitian untuk menganalisa sistem komputerisasi yang tepat dan akurat. Namun dalam kenyataannya hal tersebut terkadang tidak sesuai dengan keinginan dan harapan yang hendak dicapai, karena terbatasnya sistem komputerisasi sehingga mengalami kelemahan pada aplikasi perhitungan piutang yang digunakan pada Showroom Mobil Alya Motor tersebut. Dengan kurangnya sistem yang terkomputerisasi ini,maka banyak sekali masalah yang terjadi khususnya dalam menyusun laporan penjualan dan menentukan limit kredit pada Showroom Mobil Alya Motor. Antara lain yaitu belum adanya sistem input data laporan kredit sehingga sulit untuk pengambilan keputusan, pembuatan laporan masih belum menghasilkan data yang tepat dan akurat karena sering terjadinya kesalahan dalam penghitungan keluar masuknya uang, dan sering terjadinya selisih/ tidak balance akibatnya proses pembuatan laporan jadi tidak tepat waktu. Menggunakan sistem simulasi perhitungan kredit. Hasil yang didapatkan setelah tahapan uji coba implementasi terhadap system cukup memuaskan karena dapat memenuhi kebutuhan user sekaligus mempermudahkan proses transaksi kredit oleh pelanggan.</li>
+
    <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Sri dkk (2019)<ref name="citation 76">Rahayu, Sri, Sandro Alfeno, and Kartika Novianti Wahyono. 2019. "Rancang Bangun Aplikasi Sistem Pengolahan Data Pembuatan Akta Tanah Pada Kantor Desa Cangkudu Tangerang." ICIT Journal Vol. 5 No. 1. </ref>dengan judul “Rancang Bangun Aplikasi Sistem Pengolahan Data Pembuatan Akta Tanah Pada Kantor Desa Cangkudu Tangerang”. Dalam penelitian ini membahas tentang Desa Cangkudu dalam melayani pembuatan surat permohonan pembuatan akta tanah. Dalam pengolahan data pemohon akta tanah masih belum mempunyai sistem yang efektif dan efisien, sehingga menimbulkan kendala pada penyajian surat, proses pencarian dokumen permohonan akta tanah yang sudah lama dibuat membutuhkan waktu yang lama harus mencari data-datanya pada file yang tersimpan, serta penyajian laporan yang belum otomatis. Oleh karena itu, penulis merancang aplikasi sistem yang dapat membantu sekretaris desa dalam melakukan pengolahan data sehingga proses pendataan menjadi lebih cepat. Proses pencarian data pemohon pembuatan akta tanah yang telah lama dibuat menjadi lebih cepat. Serta penyusunan laporan menjadi lebih efisien. </li>
+
    <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Sity dkk (2018)<ref name="citation 77">Aisyah, S., Kalbuana, N., & Patmawati, I. (2012). APLIKASI PENGAJUAN KREDIT BERBASIS WEB PADA PT ADIRA QUANTUM MULTIFINANCE. CCIT Journal, 5(2), 109-123.</ref>dengen judul “Aplikasi Pengajuan Kredit Berbasis WEB Pada PT. Adira Quantum Multifinanc ”. dalam penelitian ini membahas tentang PT. Adira Quantum Multifinance (PT. Adira) yang merupakan salah satu perusahaan bergerak dalam bidang penyelenggaraan dan pengembangan sektor bisnis pembiayaan yang berfokus pada pembiayaan barang elektronik, komputer dan furniture yang berkantor pusat di Jakarta dan membuka cabang di seluruh Indonesia termasuk di Tangerang Jl.Raya serpong KM 7 Pakulonan Serpong (Kompleks Sutera Niaga 1/65). Dalam aktivitas pengajuan kredit yang dilakukan antara pelanggan dan PT. Adira seringkali terjadi masalah diantaranya informasi mengenai disetujui atau tidaknya pengajuan kredit oleh pelanggan terlalu lama dikarenakan dalam proses pengajuan kredit tersebut masih menggunakan proses manual berupa pengisian beberapa formulir-formulir yang mana nantinya formulir tersebut akan di rekapitulasi setelah itu baru disampaikan ke pusat, sehingga menyebabkan informasi yang ditunggu oleh pelanggan tersebut lama. Disamping itu dengan proses yang masih manual, sering adanya kehilangan berkas dikarenakan banyaknya tumpukan pengajuan oleh pelanggan. Oleh karena itu, penulis mencoba mengusulkan suatu alternatif solusi untuk pemecahan masalah dengan merancang suatu sistem aplikasi berbasis web dalam pengajuan kredit. Diharapkan dengan adanya sistem ini akan memecahkan masalah yang dihadapi oleh PT. Adira dan menambah kepercayaan pelanggan terhadap PT. Adira.</li>
+
    <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Nancy (2006)<ref name="citation 78">Tammaro, Nancy A. 2007 "Method And System For Internet Based Financial Auto Credit Application." U.S. Patent No. 7,194,436. </ref>dengan judul “Method and system for internet based financial auto credit application”. Dimana dalam penelitian ini membahas tentang Metode dan sistem disediakan yang memungkinkan dealer otomotif untuk menggunakan PC standar dan paket perangkat lunak browser tipe Internet untuk memasukkan data aplikasi kredit / pinjaman melalui Internet. Data tersebut kemudian dapat didistribusikan secara otomatis melalui Internet ke lembaga keuangan yang ditunjuk atau penyedia layanan pinjaman untuk diproses. Sistem juga menerima tanggapan balik dari penyedia layanan dan menampilkan tanggapan ini kepada dealer yang meminta. Untuk mengakomodasi lembaga keuangan yang belum diberi akses yang telah diatur sebelumnya, sistem ini menyediakan pemberdayaan transmisi faksimili secara otomatis ke bank dan serikat kredit pilihan dealer. Selain itu, informasi lain yang memfasilitasi proses kredit otomotif, seperti penyelesaian standar departemen bentuk kendaraan bermotor, formulir asuransi, dll., Juga dapat dikumpulkan dan dikirim secara elektronik ke lembaga / perusahaan baik secara langsung atau melalui layanan aplikasi kredit penyedia, dengan tanggapan elektronik diberikan kembali ke dealer yang meminta.</li>
+
    <li style="text-align: justify;line-height: 2;">Penelitian yang dilakukan oleh Brian (2008)<ref name="citation 79">Longe, B., Gillard, S., Fleener, B., & Ramakrishnan, P. (2008). U.S. Patent Application No. 12/115,458.</ref>dengan judul “System And Method For Integrated Credit Application and Tax Refund Estimation”. Dimana dalam penelitian ini membahas tentang sistem dan metode untuk menangani berbagai aspek dari perolehan produk dan / atau layanan, seperti kendaraan, disediakan secara terpadu dan efisien. Melalui aplikasi kredit terintegrasi dan aplikasi / sistem layanan estimasi pengembalian pajak, data terkait aplikasi kredit dan data terkait pajak yang tidak tumpang tindih diambil. Pengembalian pajak diperkirakan berdasarkan data terkait pajak dan setidaknya sebagian dari data terkait aplikasi kredit. Setelah tekad untuk menggunakan setidaknya sebagian dari taksiran pengembalian pajak sebagai setidaknya sebagian dari uang muka pinjaman, setidaknya sebagian dari taksiran pajak yang diperkirakan dimasukkan ke dalam struktur kesepakatan pinjaman, dan aplikasi kredit termasuk struktur kesepakatan dan setidaknya data terkait aplikasi kredit diajukan untuk suatu keputusan.</li>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Oleh karena itu, untuk melanjutkan penelitian yang sudah ada sebelumnya seperti yang dikemukakan diatas, maka dilakukan penelitian untuk Perancangan Sistem Informasi Angsuran Uangmuka pada PT. Dinamika Bersama.</p></div>
 
  
  
  
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''ANALISA SISTEM'''</div>
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''METODE PENELITIANN'''</div>
 
+
 
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Gambaran Umum PT. Dinamika Bersama'''</div>==
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada bab 3 (tiga) ini dijelaskan mengenai detail sejarah singkat PT. Dinamika Bersama, detail visi & misi PT. Dinamika Bersama, Struktur Organisasi PT. Dinamika Bersana, dan Tugas Pokok dan Fungsi yang ada di PT. Dinamika Bersama.</p></div>
+
 
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Sejarah Singkat PT. Dinamika Bersama'''</div>===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">PT. Dinamika Bersama merupakan perusahaan yang bergerak pada bidang property dengan fokusnya pada perumahan subsidi yang diperuntukan untuk masyarakat berpenghasilan rendah yang khusus bertempat tinggal di daerah Bekasi, Cikarang dan sekitarnya. PT. Dinamika Bersama  berdomisili di Kabupaten Bekasi. Berdiri sejak tahun 2018. </p></div>
+
 
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Lokasi PT. Dinamika Bersama'''</div>===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">PT. Dinamika Bersama berlokasi di Jalan Gading Terrace Raya, Karangsatria, Tambun Utara, Bekasi Jawa Barat</p></div>
+
 
+
 
+
<div id="g31" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-Hm8QLrh4a58/XUVi-IFaDWI/AAAAAAAAAbU/-7S-MQVKUFgkMwKhRuhIGip_XlmE4ebqACJoC/w530-h707-n/g31.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 3.1. Kantor PT. Dinamika Bersama</p></div>
+
 
+
 
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Visi & Misi PT. Dinamika Bersama'''</div>===
+
 
+
 
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Visi PT. Dinamika Bersama'''</div>====
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Visi PT. Dinamika Bersama meliputi :</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">“Menjadi developer yang berkarakter, terdepan dan terpercaya dalam oleh masyarakat untuk membantu memiliki rumah”.</p></div>
+
  
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Misi PT. Dinamika Bersama'''</div>====
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengumpulan Data'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Misi PT. Dinamika Bersama :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Untuk memperoleh data yang dibutuhkan dalam penelitian ini maka penulis menggunakan beberapa metode, yaitu:</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
<ol type="a">
+
<ol>
  <li style="text-align: justify;line-height: 2;">Menjadi perusahaan yang dapat bersaing dalam pasar global.</li>
+
  <li style="text-align: justify;line-height: 2;">Observasi.</li>
  <li style="text-align: justify;line-height: 2;">Memiliki loyalitas disiplin, jujur & kreatif terhadap perusahaan.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Menurut Rahardja, et al. (2018 : 44)<ref name="cit ura">Rahardja, Untung, Eka Purnama Harahap, dan Sarah Pratiwi. 2018. “Pemanfaatan Mailchimp Sebagai Trend Penyebaran Informasi Pembayaran Bagi Mahasiswa Di Perguruan Tinggi”. Technomedia Journal, Vol.2, No.2.</ref>. “Metode Observasi merupakan teknik pengumpulan data, dimana peneliti melakukan pengamatan secara langsung pada objek penelitian untuk melihat dari dekat kegiatan dan permasalahan yang sedang terjadi yang dilakukan dan sebagai pemecahan permasalahan. Metode observasi dapat diartikan pula sebagai pengamatan dan pencatatan secara sistematik terhadap gejala yang tampak pada subyek penelitian”.  Observasi pada penelitian ini dilakukan dengan mengikuti proses pembelajaran pada mata kuliah interfacing selama satu semester (empat belas pekan) dengan mengamati serta menganalisis cara dosen menyampaikan materi, bagaimana mahasiswa dapat memahami materi yang diberikan dan proses dari sesi praktikum yang berlangsung. Dari hasil observasi dapat diperoleh data mengenai metode pembelajaran dan permasalahan yang dirasakan oleh mahasiswa maupun dosen, kemudian data data hasil observasi dianalisis untuk melakukan perancangan alat trainer interface mikrokontroler.</p>
  <li style="text-align: justify;line-height: 2;">Selalu ingin belajar dalam menambah wawasan dibidang property.</li>
+
  <li style="text-align: justify;line-height: 2;">Studi Pustaka.</li>
  <li style="text-align: justify;line-height: 2;">Saling mendukung serta penuh tanggung jawab berdasarkan profesionalitas.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Metode Studi Pustaka adalah teknik pengumpulan data dengan melakukan penelaahan terhadap berbagai buku, literatur, catatan, serta berbagai laporan yang berkaitan dengan masalah yang ingin dipecahkan. Oleh karena itu studi pustaka merupakan metode dalam melakukan studi literatur untuk mengetahui berbagai penelitian yang berkaitan dengan metode dan masalah yang ingin dipecahkan dalam penelitian ini dengan melihat penelitian yang telah dilakukan sebelumnya.</p>
 +
  <li style="text-align: justify;line-height: 2;">Wawancara.</li>
 +
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Menurut Sutrisno, et al. (2016)<ref name="cit sutrisno">Sutrisno, S., Fathoni, A., & Minarsih, M. M. 2016. “Pengaruh Motivasi Dan Disiplin Kerja Terhadap Kinerja Pegawai Di Kantor Satuan Polisi Pamong Praja Kota Semarang”. Journal of Management, vol. 2, no. 2.</ref>. “Metode wawancara atau interview adalah proses komunikasi langsung untuk memperoleh keterangan dengan tanya jawab dan tatap muka antara pewawancara dengan responden”. Pada penelitian ini wawancara dilakukan dengan beberapa mahasiswa yang mengikuti mata kuliah interfacing serta dosen dan kepala program studi Sistem Komputer.</p>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Perancangan'''</div>==
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Struktur Organisasi PT. Dinamika Bersama'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada penelitian ini penulis menggunakan metode perancangan dalam membuat desain hardware dengan menggunakan diagram blok, kemudian merancang skematik rangkaian komponen dan desain PCB. Metode ini digunakan untuk merancang modul trainer interface mikrokontroler.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sebuah Instansi maupun perusahaan dibidang apapun haruslah memiliki struktur organisasi yang jelas, guna memudahkan pengkoordinasian antara bagian, agar menghindari miss communication antar tiap bagian, sama halnya seperti PT. Dinamika Bersama yang tentunya memiliki struktur organisasi guna memudahkan dalam menjalankan setiap tugas-tugas yang ada, berikut adalah struktur organisasi PT. Dinamika Bersama.</p></div>
 
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Prototype'''</div>==
  
<div id="g32" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-ZBR58FfIeI4/XUWByPORf4I/AAAAAAAAAbo/qvsLMMYXgSczFhVd3X00DH_4cdk3Pi7qQCL0BGAs/w530-d-h169-n/g32.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Metode yang digunakan untuk membuat prototype dalam penelitian ini adalah metode ''prototyping evolutionary'', karena dengan ''evolutionary'' lah sistem atau produk yang sesungguhnya dipandang sebagai evolusi dari versi pertama yang sangat terbatas menuju produk akhir.</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 3.2. Struktur Organisasi  PT. Dinamika Bersama</p></div>
+
  
  
 +
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengujian'''</div>==
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tugas Pokok dan Fungsi PT. Dinamika Bersama'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Penulis menggunakan metode pengujian dalam penelitian ini untuk mengevaluasi kerja sistem apakah bekerja sesuai dengan yang diinginkan serta untuk mengidentifikasi kesalahan sistem yang berakibat pada malfungsi dari suatu komponen sebelum digunakan oleh pengguna akhir (''end-user''). Metode pengujian yang digunakan pada penelitian ini adalah metode'' black box testing'' guna memastikan bahwa sistem yang dibangun memiliki kemampuan sesuai yang diharapkan peneliti.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sama halnya seperti sebuah perusahaan PT. Dinamika Bersama juga memiliki tugas pokok dan fungsi sebagai protokoler organisasi di PT. Dinamika Bersama, berikut tugas pokok dan fungsi yang ada dalam PT. Dinamika Bersama :</p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Pengujian'''</div>==
<ol>
+
  <li style="text-align: justify;line-height: 2;">Direktur</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Tugas Direktur Perusahaan adalah sebagai koordinator, komunikator, pengambil keputusan, pemimpin, pengelola dan eksekutor dalam menjalankan dan memimpin perusahaan Perseroan Terbatas (PT). Diantaranya :</p>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tugas pokok dan fungsi Direktur adalah:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Penulis menggunakan metode pengujian dalam penelitian ini untuk mengevaluasi kerja sistem apakah bekerja sesuai dengan yang diinginkan serta untuk mengidentifikasi kesalahan sistem yang berakibat pada malfungsi dari suatu komponen sebelum digunakan oleh pengguna akhir (''end-user''). Metode pengujian yang digunakan pada penelitian ini adalah metode'' black box testing'' guna memastikan bahwa sistem yang dibangun memiliki kemampuan sesuai yang diharapkan peneliti.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol type="a">
 
  <li style="text-align: justify;line-height: 2;">Memutuskan serta menentukan peraturan yang berlaku dan kebijakan tertinggi perusahaan.</li>
 
  <li style="text-align: justify;line-height: 2;">Bertanggung jawab dalam memimpin dan menjalankan segala kegiatan perusahaan.</li>
 
  <li style="text-align: justify;line-height: 2;">Bertanggung jawab atas kerugian yang dihadapi perusahaan termasuk juga keuntungan perusahaan.</li>
 
  <li style="text-align: justify;line-height: 2;">Merencanakan serta mengembangkan sumber-sumber pendapatan dan pembelanjaan kekayaan perusahaan.</li>
 
  <li style="text-align: justify;line-height: 2;">Bertindak sebagai perwakilan perusahaan dalam hubungannya dengan dunia luar perusahaan.</li>
 
  <li style="text-align: justify;line-height: 2;">Menetapkan strategi-strategi yang stategis untuk mencapai visi dan misi perusahaan.</li>
 
  <li style="text-align: justify;line-height: 2;">Mengkoordinasikan dan mengawasi semua kegiatan di perusahaan, mulai bidang administrasi, kepegawaian hingga pengadaan barang.</li>
 
  <li style="text-align: justify;line-height: 2;">Mengangkat dan memberhentikan karyawan perusahaan.</li>
 
</ol>
 
</div>
 
  <li style="text-align: justify;line-height: 2;">Branch Manager</li>
 
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Bertanggung jawab kepada : Direktur.</p>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tugas pokok dan fungsi Branch Manager adalah:</p></div>
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Analisis Sistem'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada penelitian ini penulis menggunakan metode analisis untuk menganalisis sistem yang sudah ada dan telah berjalan dengan memperhatikan bagaimana cara kerja sistem serta menganalisis kelebihan dan kekurangan sistem yang sedang berjalan.</p></div>
<ol type="a">
+
  <li style="text-align: justify;line-height: 2;">Merencanakan target dan tercapainya target, baik itu kuantitatif dan kualititatif yang telah ditetapkan </li>
+
  <li style="text-align: justify;line-height: 2;">Merencanakan kebutuhan SDM (Sumber Daya Manusia) di cabang </li>
+
  <li style="text-align: justify;line-height: 2;">Merencanakan dan merealisasikan target penjualan.</li>
+
  <li style="text-align: justify;line-height: 2;">Mengatur dan merencanakan cashflow keuangan.</li>
+
</ol>
+
</div>
+
  <li style="text-align: justify;line-height: 2;">Project Management</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Bertanggung jawab kepada : Direktur.</p>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tugas pokok dan fungsi Project Management adalah:</p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Analisis Sistem Yang Berjalan'''</div>===
<ol type="a">
+
  <li style="text-align: justify;line-height: 2;">Menyelesaikan potensi masalah yang akan timbul agar dapat diantisipasi secara dini.</li>
+
  <li style="text-align: justify;line-height: 2;">Melakukan kordinasi dalam kedalam (tim proyek management dan lain-lain).</li>
+
  <li style="text-align: justify;line-height: 2;">Melaksanakan dan mengontrol operasional proyek sehingga operasi proyek dapat berjalan sesuai dengan rencana.</li>
+
  <li style="text-align: justify;line-height: 2;">Mengkomunikasikan lisan dan tulisan (laporan kemajuan perusahaan).</li>
+
</ol>
+
</div>
+
  <li style="text-align: justify;line-height: 2;">Estate Management</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Bertanggung jawab kepada : Project management.</p>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tugas pokok dan fungsi estate management adalah:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan hasil analisa yang penulis lakukan pada proses pembelajaran mata kuliah Interfacing di Universitas Raharja yang beralamat di Jl. Jenderal Sudirman No.40 Modern Cikokol – Tangerang. Penulis mengidentifikasi hasil observasi yang dilakukan dengan cara mengikuti proses pembelajaran pada mata kuliah interfacing serta mengamati cara dosen dalam menyampaikan materi, maka penulis dapat simpulkan hasil observasi dalam bentuk poin poin yang akan dijabarkan sebagai berikut:</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
<ol type="a">
+
<ol>
  <li style="text-align: justify;line-height: 2;">Untuk memastikan perencanaan dan pengaturan semua hal yang berhubungan dengan project dan berjalan dengan baik sesuai dengan prosedur yang berlaku dan ditetapkan oleh perusahaan </li>
+
  <li style="text-align: justify;line-height: 2;">Proses pembelajaran pada mata kuliah interfacing yaitu dosen menyampaikan materi dengan menjabarkan nya secara lisan dan menerangkan gambaran dari salah satu materi di papan tulis.</li>
  <li style="text-align: justify;line-height: 2;">Memastikan kelengkapan komponen-komponen pendukung project. </li>
+
    <li style="text-align: justify;line-height: 2;">Mahasiswa menyimak materi yang diajarkan sembari mencatat di kertas apa yang dosen tulis di papan tulis.</li>
  <li style="text-align: justify;line-height: 2;">Berkordinasi dengan Project Management dalam hal controling project perusahaan. </li>
+
    <li style="text-align: justify;line-height: 2;">Dosen memberikan gambaran mengenai bagaimana teknik interfacing mikrokontroler melalui lisan dan papan tulis.</li>
  <li style="text-align: justify;line-height: 2;">Membuat laporan project mingguan perusahaan. </li>
+
    <li style="text-align: justify;line-height: 2;">Pada saat sesi praktikum, mahasiswa diminta oleh dosen untuk membawa masing-masing peralatan dan komponen bahan praktikum yang akan dirakit dan dirangkai sebelum digunakan untuk praktikum.</li>
  <li style="text-align: justify;line-height: 2;">Membuat laporan realisasi budget project.</li>
+
    <li style="text-align: justify;line-height: 2;">Tidak ada alat praktikum atau trainer yang membantu mahasiswa dalam memahami materi serta bagaimana penerapan dari materi teknik interfacing mikrokontroler secara langsung.</li>
 
</ol>
 
</ol>
 
</div>
 
</div>
  <li style="text-align: justify;line-height: 2;">Manager Marketing</li>
 
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Bertanggung jawab kepada : Direktur.</p>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tugas pokok dan fungsi Manager Marketing adalah:</p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Sistem Yang Berjalan'''</div>===
<ol type="a">
+
  <li style="text-align: justify;line-height: 2;">Memastikan terlaksananya strategi pencapaian target marketing, sesuai dengan target yang telah ditentukan perusahaan untuk tim yang menjadi bawahannya, baik segi kualitatif maupun kuantitatif oleh perusahaan dengan mengkoordinasi pelaksanaanya bersama tim di bawahnya</li>
+
  <li style="text-align: justify;line-height: 2;">Melakukan kegiatan marketing, sehingga tersedianya laporan evaluasi dan hasil kegiatan sesuai waktu dan format, akurasi laporan dan format yang telah ditetapkan </li>
+
  <li style="text-align: justify;line-height: 2;">Melakukan pekerjaan dalam hal koordinasi dan pengawasan pembuatan surat-menyurat serta korespondensi kepada pihak-pihak yang menjadi rekanan dalam marketing</li>
+
  <li style="text-align: justify;line-height: 2;">Memebuat laporan kemajuan penjualan perminggu </li>
+
  <li style="text-align: justify;line-height: 2;">Membuat laporan-laporan penjualan setiap bulan sebagai dasar perhitungan incentive/komisi dibagian marketing</li>
+
  <li style="text-align: justify;line-height: 2;">Membuat rencana pembagian area kerja untuk tim marketing yang ada di bawahnya </li>
+
  <li style="text-align: justify;line-height: 2;">Melakukan perencanaan dan strategi kepada pelanggan untuk mendukung terciptanya penjualan.</li>
+
</ol>
+
</div>
+
  <li style="text-align: justify;line-height: 2;">Marketing</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Bertanggung jawab kepada : Manager Marketing.</p>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tugas pokok dan fungsi Marketing adalah:</p></div>
+
<div id="g41" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-fWpDgQ16-OY/XVvbCTdH6fI/AAAAAAAAEbM/dIajEYR3JzswrQvcufbkMLlzntWbt2MHACK8BGAs/s0/2019-08-20.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 4.1''' Flowchart Sistem Yang Berjalan</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dapat dijelaskan gambar 4.1. Flowchart sistem yang berjalan pada kegiatan pembelajaran pada mata kuliah Interfacing yang berjalan saat ini yaitu :</p></div>
<ol type="a">
+
  <li style="text-align: justify;line-height: 2;">Memasarkan produk rumah yang ada pada perusahaan.</li>
+
  <li style="text-align: justify;line-height: 2;">Membuat strategi yang ciamik dalam menggaet konsumen untuk dapat membeli unit yang ada.</li>
+
  <li style="text-align: justify;line-height: 2;">Berusaha mencapai target dalam menjual unit berdasarkan yang ditentukan oleh manager marketing.</li>
+
</ol>
+
</div>
+
  <li style="text-align: justify;line-height: 2;">Manager Keuangan</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Bertanggung jawab kepada : Direktur.</p>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tugas pokok dan fungsi Manager Keuangan adalah:</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
<ol type="a">
+
<ol>
  <li style="text-align: justify;line-height: 2;">Bekerjasama dengan manager lain untuk meramalkan dan merencanakan segala aspek perusahaan.</li>
+
  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai”dan “selesai” pada aliran proses flowchart .</li>
  <li style="text-align: justify;line-height: 2;">Mengambil keputusan penting dalam investasi dan berbagai pembiayaan serta semua hal yang terkait dengan keputusan tersebut.</li>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol yang menyatakan proses input output, yaitu dosen memberikan materi kepada mahasiswa serta jika dosen mengadakan praktikum maka mahasiswa membawa bahan praktikum sendiri ke dalam proses pembelajaran.</li>
  <li style="text-align: justify;line-height: 2;">Menjalankan dan mengoperasikan roda kehidupan perusahaan se-efisien dan se-efektif mungkin dengan menjalin kerja sama dengan manager lainnya.</li>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses mahasiswa dalam memahami dan mencatat materi yang diberikan dosen serta proses pada saat praktikum berlangsung.</li>
  <li style="text-align: justify;line-height: 2;">Membantu konsumen dalam pengisian formulir maupun penyedian berkas yang telah ditentukan oleh perusahaan.</li>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum dalam proses pembelajaran pada mata kuliah interfacing.</li>
  <li style="text-align: justify;line-height: 2;">Mengkoordinasikan dan mengontrol perencanaan, pelaporan, serta pembayaran kewajiban pajak perusahaan agar efisien, akurat, tepat waktu, dan sesuai dengan peraturan pemerintah yang berlaku.</li>
+
  <li style="text-align: justify;line-height: 2;">Mengelola fungsi akuntansi dalam memproses data dan informasi keuangan untuk menghasilkan laporan keuangan yang dibutuhkan perusahaan secara akurat.</li>
+
  <li style="text-align: justify;line-height: 2;">Merencanakan dan mengkoordinasikan pengembangan sistem serta prosedur keuangan dan akuntansi. Selain itu juga mengontrol pelaksanaannya untuk memastikan semua proses dan transaksi keuangan berjalan dengan tertib dan teratur.</li>
+
  <li style="text-align: justify;line-height: 2;">Merencanakan dan mengkonsolidasikan perpajakan seluruh perusahaan untuk memastikan efisiensi biaya dan kepatuhan terhadap peraturan perpajakan.</li>
+
  <li style="text-align: justify;line-height: 2;">Merencanakan, mengkoordinasi, dan mengontrol arus kas perusahaan (cash flow), terutama pengelolaan piutang dan utang. Sehingga, hal ini dapat memastikan ketersediaan dana untuk operasional perusahaan dan kondisi keuangan dapat tetap stabil.</li>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  <li style="text-align: justify;line-height: 2;">Admin Keuangan</li>
 
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Bertanggung jawab kepada : Manager Keuangan.</p>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tugas pokok dan fungsi Admin Keuangan :</p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Permasalahan yang Dihadapi dan Alternatif Pemecah Masalah'''</div>==
<ol type="a">
+
  <li style="text-align: justify;line-height: 2;">Melaksanakan proses transaksi keungan sesuai dengan dokumen peruntukannya.</li>
+
  <li style="text-align: justify;line-height: 2;">Memastikan kelengkapan dokumen pendukung transaksi sebelum transaksi terjadi </li>
+
  <li style="text-align: justify;line-height: 2;">Untuk melakukan penagihan terhadap pelanggan berkordiansi dengan marketing department</li>
+
  <li style="text-align: justify;line-height: 2;">Membuat laporan mingguan arus kas  (patty cash) perusahaan</li>
+
  <li style="text-align: justify;line-height: 2;">Membuat laporan hutang mingguan perusahaan.</li>
+
</ol>
+
</div>
+
  <li style="text-align: justify;line-height: 2;">Admin KPR</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Bertanggung jawab kepada : Manager Keuangan.</p>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tugas pokok dan fungsi Admin KPR :</p></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Permasalahan yang Dihadapi'''</div>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Ada beberapa permasalahan pada proses pembelajaran di mata kuliah interfacing yang melatarbelakangi penulis dalam melakukan penelitian ini, diantaranya adalah:</p></div>
<ol type="a">
+
  <li style="text-align: justify;line-height: 2;">Sebagai jembatan dengan pihak bank.</li>
+
  <li style="text-align: justify;line-height: 2;">Sebagai negosiator permohonan KPR.</li>
+
  <li style="text-align: justify;line-height: 2;">Mengawal usulan permohonan KPR hingga akhir proses keputusan bank.</li>
+
    <li style="text-align: justify;line-height: 2;">Mengerusi seluruh kebutuhan dalam pembuatan permohonan KPR.</li>
+
  </ol>
+
  </div>
+
</ol>
+
</div>
+
 
+
 
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tata Laksana Sistem Berjalan'''</div>==
+
 
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Prosedur Sistem Yang Berjalan'''</div>===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Urutan prosedur ini berisikan proses pekerjaan pembuatan laporan angsuran uangmuka pada PT. Dinamika Bersama :</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Customer melakukan transaksi booking dengan admin marketing.</li>
+
  <li style="text-align: justify;line-height: 2;">Ketiadaan alat praktikum yang dapat membantu mahasiswa untuk memahami materi interfacing mikrokontroler seperti teori untuk mengkoneksikan mikrokontroler dengan modul-modul yang menggunakan salah satu protokol interface pada mikrokontroler agar dapat saling berkomunikasi.</li>
  <li style="text-align: justify;line-height: 2;">Admin mencatat transaksi booking pada Microsoft Excel dengan inputan tanggal booking, uang biaya booking, data unit yang di booking, dan nama customer yang melakukan booking.</li>
+
    <li style="text-align: justify;line-height: 2;">Dikarenakan tidak adanya alat praktikum pada proses pembelajaran, maka mahasiswa diminta untuk membawa bahan bahan praktikum sendiri yang terkadang beberapa mahasiswa belum memiliki pemahaman bagaimana cara merangkai bahan bahan untuk digunakan dalam praktikum, hal ini menjadi salah satu penyebab mahasiswa tidak mendapatkan pemahaman materi yang maksimal.</li>
  <li style="text-align: justify;line-height: 2;">Marketing memberikan formulir pendaftaran dan meminta sejumlah berkas pada customer.</li>
+
    <li style="text-align: justify;line-height: 2;">Waktu yang digunakan dalam sesi praktikum tidak efektif dikarenakan perlu banyak waktu yang dibutuhkan oleh mahasiswa untuk merangkai komponen dan bahan-bahan praktikum. Hal ini disebabkan karena kurangnya pemahaman dan pengalaman beberapa mahasiswa dalam merangkai bahan-bahan dan komponen praktikum, sehingga pada proses tersebut membuat mahasiswa harus mencari pemahaman melalui teman atau dari internet.</li>
  <li style="text-align: justify;line-height: 2;">Customer mengembalikan formulir dan memberikan sejumlah berkas pada marketing terjadi DP.</li>
+
  <li style="text-align: justify;line-height: 2;">Marketing menyerahkan formulir dan sejumlah berkas kepada admin keuangan. </li>
+
  <li style="text-align: justify;line-height: 2;">Admin keuangan menerima formulir dan sejumlah berkas dan kemudian terjadi DP.</li>
+
  <li style="text-align: justify;line-height: 2;">Melakukan pencatatan transaksi DP pada Microsoft Excel dengan inputan berdasarkan data yang telah diisi dari formulir berserta berkas dan sejumlah nominal DP yang diberikan customer.</li>
+
  <li style="text-align: justify;line-height: 2;">Admin menyerahkan formulir dan sejumlah berkas kepada Manager Keuangan untuk di approve. </li>
+
  <li style="text-align: justify;line-height: 2;">Manager keuangan memberikan formulir dan sejumlah berkas customer yang telah di approve,  kepada admin KPR</li>
+
  <li style="text-align: justify;line-height: 2;">Admin KPR menerima formulir dan sejumlah berkas yang telah di approve dan melakukan permohonan KPR kepada pihak bank terkait.</li>
+
  <li style="text-align: justify;line-height: 2;">Pihak bank menyarahkan SP3K sebagai tanda approve dari kepada admin KPR.</li>
+
  <li style="text-align: justify;line-height: 2;">Admin KPR memberikan SP3K kepada manager keuangan.</li>
+
  <li style="text-align: justify;line-height: 2;">Manager keuangan mencatat dari SP3K ke dalam Microsoft Excel.</li>
+
  <li style="text-align: justify;line-height: 2;">Customer melakukan pembayaran angsuran uangmuka atau DP.</li>
+
  <li style="text-align: justify;line-height: 2;">Admin keuangan mencatat pembayaran oleh customer dengan menggunkan Microsoft Excel.</li>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Prosedur Sistem Yang Berjalan'''</div>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Analisa Batasan Alur'''</div>===
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dalam rancangan prosedur sistem yang berjalan sesuai dengan ruang lingkup penelitian yang dilakukan oleh peneliti, peneliti membatasi pada pembahasan mengenai proses pembuatan laporan angsuran uangmuka pada PT. Dinamika Bersama.</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan kondisi tersebut di atas, maka peneliti menggambarkan prosedur perhitungan biaya service tetap yang berjalan pada saat ini, maka akan dijelaskan lebih lanjut dengan memakai tools Unified Modeling Language (UML) yaitu sebagai berikut:</p></div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Adapun batasan pada analisa alur yang dilakukan penulis, penelitian yang dilakukan oleh penulis adalah untuk memudahkan para dosen menyampaikan serta memberikan pemahaman materi kepada mahasiswa dan mahasiswa dapat memahami materi pembelajaran pada mata kuliah interfacing lebih efektif dan efisien.</p></div>
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Use Case Diagram Sistem Yang Berjalan'''</div>====
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sebuah use case diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem. Yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan “bagaimana”. Sebuah use case mempresentasikan sebuah interaksi antara aktor dengan sistem.</p></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Alternatif Pemecahan Masalah'''</div>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Proses berikut menjelaskan proses yang terkait dengan actor dan sistemnya. Interaksi tersebut dapat digambarkan dengan use case diagram. Berikut ini adalah use case diagram sistem  angsuran uangmuka yang berjalan pada PT. Dinamika Bersama.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Setelah mengamati hingga meneliti dari beberapa permasalahan yang terjadi, terdapat beberapa alternatif pemecahan dari masalah yang dihadapi, yaitu :</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Use Case angsuran uangmuka sistem yang berjalan.</li>
+
  <li style="text-align: justify;line-height: 2;">Pembuatan trainer interface mikrokontroler dapat dijadikan sebagai alat praktikum pada proses pembelajaran yang dapat membantu mahasiswa untuk memahami teori dan prakteknya dalam penerapan mengenai teknik interfacing mikrokontroler dengan modul modul menggunakan beberapa protokol interface.</li>
 
+
    <li style="text-align: justify;line-height: 2;">Diharapkan dengan adanya alat trainer interface mikrokontroler ini dapat membantu mahasiswa maupun dosen dalam penyampaian dan pemahaman materi, karena trainer ini dibuat dengan mempertimbangkan kemudahan pada saat penggunaannya.</li>
 
+
    <li style="text-align: justify;line-height: 2;">Dengan adanya alat praktikum berupa modul trainer dapat meningkatkan efisiensi pada proses pembelajaran pada mata kuliah interfacing.</li>
<div id="g33" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-y6RCbYf9DMg/XUXCLTFA1MI/AAAAAAAAAcQ/p-CQmGWiy00eQfUAH7JkU_VxI_VVHdakQCJoC/w530-h532-n/g33.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 3.3. Use Case Diagram angsuran uangmuka Sistem yang Berjalan</p></div>
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan skema gambar use case diagram di atas, maka penjelasannya peneliti uraikan di dalam skenario berikut ini:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<ul>
+
  <li style="text-align: justify;line-height: 2;">Satu sistem mencakup seluruh pencatatan yang berhubungan dengan proses angsuran uangmuka pada PT. Dinamika Bersama.</li>
+
  <li style="text-align: justify;line-height: 2;">satu actor melakukan proses pencatatan, yaitu actor admin keuangan.</li>
+
  <li style="text-align: justify;line-height: 2;">16 Use case dilakukan oleh actor-actor  tersebut diantaranya : melakukan transaksi booking, mencatat transaksi booking, memberikan formulir pendaftaran dan meminta sejumlah berkas, pengembalian formulir yang telah diisi dan memberikan berkas, serah terima formulir dan berkas konsumen, mencatat data formulir dan berkas dengan menggunakan Excel, membuat laporan booking, memberikan laporan booking kepada manager keuangan, transaksi DP pertama, mencatat transaksi DP dengan menggunakan Excel, pembuatan laporan transaksi DP pertama, memberikan laporan transaksi DP pertama kepada manager keuangan, pembayaran angsuran uangmuka, mencatat pembayaran angsuran uangmuka pada Excel, pembuatan laporan angsuran uangmuka, memberikan laporan angsuran uangmuka.</li>
+
</ul>
+
</div>
+
  <li style="text-align: justify;line-height: 2;">Use case permohonan KPR yang berjalan.</li>
+
 
+
 
+
<div id="g34" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-QIm6QsoCnjw/XUXHvgEDn3I/AAAAAAAAAc0/xnSaFckzuyEMGJVZj39pRGgIMKg3tsimwCJoC/w530-h371-n/g34.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 3.4. Use Case Diagram Permohonan KPR Sistem Berjalan</p></div>
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan skema gambar use case diagram di atas, maka penjelasannya peneliti uraikan di dalam skenario berikut ini:</p></div>
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<ul>
+
  <li style="text-align: justify;line-height: 2;">Suatu sistem mencakup seluruh pencatatan yang berhubungan dengan proses permohonan KPR pada PT. Dinamika Bersama.</li>
+
  <li style="text-align: justify;line-height: 2;">satu actor melakukan proses pencatatan, yaitu actor manager keuangan.</li>
+
  <li style="text-align: justify;line-height: 2;">9 Use case dilakukan oleh actor-actor  tersebut diantaranya : serah terima formulir customer dan berkas, validasi formulir dan berkas, menyerahkan formulir dan berkas yang telah di-aprove, melakukan permohonan KPR, approve permohonan KPR, pembuatan SP3K, serah terima SP3K, serah terima SP3K dengan manager keuangan, mencatat data dari SP3K dengan Excel.</li>
+
</ul>
+
</div>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Activity Diagram Sistem Yang Berjalan'''</div>====
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Activity Diagram menggambarkan berbagai alur aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.</p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
<ol>
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''HASIL DAN PEMBAHASAN'''</div>
  <li style="text-align: justify;line-height: 2;">Activity Diagram angsuran uangmuka sistem yang berjalan</li>
+
  
  
<div id="g35" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-3fQDs28K5tQ/XUXIzzSpqDI/AAAAAAAAAdQ/oijSzpA7eHAQEzqQAtWTHNfSHhC0hF90gCL0BGAs/w530-d-h543-n/g35.jpg"/></div>
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perancangan Sistem yang Diusulkan'''</div>==
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 3.5. Activity Diagram Angsuran Uangmuka Sistem Berjalan </p></div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sistem yang diusulkan berupa rancangan sebuah media pembelajaran untuk digunakan pada proses praktikum di mata kuliah interfacing, media pembelajaran tersebut merupakan modul trainer interface mikrokontroler yang berbasis ESP32 karena pada sistem trainer ini menggunakan mikrokontroler ESP32. Trainer yang dirancang akan ditujukan untuk membantu pemakainya dalam memahami konsep dan penerapan interfacing pada mikrokontroler. Di mata kuliah interfacing mahasiswa akan mendapatkan teori pemahaman teknik interfacing dengan mikrokontroler, seperti penggunaan protokol interface SPI, I2C, dan UART dalam melakukan pengiriman dan pembacaan data antara mikrokontroler dengan komponen elektronik yang memiliki interface tersebut. Sedangkan pada sesi praktikum mahasiswa akan diajarkan untuk menerapkan teknik interfacing mikrokontroler dengan menggunakan beberapa komponen seperti mikrokontroler arduino dan sensor ataupun display. Sistem yang dirancang berupa alat trainer interface mikrokontroler akan menunjang kegiatan pembelajaran di mata kuliah interfacing pada sesi praktikum, karena trainer dapat digunakan untuk memahami konsep interfacing mikrokontroler dengan mempraktikan secara langsung menggunakan komponen komponen pendukung yang juga menggunakan interface sesuai dengan materi yang diajarkan pada mata kuliah interfacing.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan skema gambar activity diagram tersebut di atas, maka penelitiuraikan di dalam penjelasan berikut ini: </p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Sistem yang Diusulkan'''</div>===
<ol>
+
  <li style="text-align: justify;line-height: 2;">Initial Node sebagai yang mengawali objek.</li>
+
  <li style="text-align: justify;line-height: 2;">Terdapat 3 Swimlane yaitu: Customer, Marketing, Admin keuangan.</li>
+
  <li style="text-align: justify;line-height: 2;">21 Action yang diantaranya adalah melakukan transaksi booking, menerima transaksi booking, mencatat transaksi booking dengan Excel, memberikan formulir dan minta sejumlah berkas, menerima formulir dan meminta sejumlah berkas, mengisi formilir, menerima formulir dan sejumlah berkas sebanyak, menyerahkan formulir dan sejumlah berkas sebanyak yang telah diisi, menerima formulir dan berkasi yang telah di isi, melakukan pencatatan data dari formulir dan sejumlah berkas, membuat laporan booking, memberikan laporan booking, melakukan transaksi DP pertama, menerima transaksi DP pertama, mencatat transaksi DP pertama pada Excel, melakukan pembayaran angsuran uangmuka, mencatat pembayaran angsuran uangmuka dengan Excel, membuat laporan angsuran uangmuka, memberikan laporan angsuran uangmuka, menerima laporan angsuran uangmuka.</li>
+
  <li style="text-align: justify;line-height: 2;">1 Fork Node.</li>
+
  <li style="text-align: justify;line-height: 2;">1 Join Node.</li>
+
  <li style="text-align: justify;line-height: 2;">1 Final state sebagai yang mengakhiri objek.</li>
+
</ol>
+
</div>
+
  <li style="text-align: justify;line-height: 2;">Activity Diagram proses permohonan KPR sistem yang berjalan.</li>
+
  
 +
<div id="g51" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-yg3IjwnHQyY/XVvlnFd1l9I/AAAAAAAAEbY/W_LxlQX9-lMc7SMvtE5mdPDIIki4FeBZACK8BGAs/s0/2019-08-20.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.1''' Flowchart Sistem yang Diusulkan</p></div>
  
<div id="g36" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-iAtJdorfqWc/XUXJzBEqieI/AAAAAAAAAd8/_xrsHRYbpTcc6JrfsQnI3-TpjNrueY7WwCJoC/w530-h462-n/g36.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dapat dijelaskan gambar 5.1 Flowchart sistem yang diusulkan pada kegiatan pembelajaran pada mata kuliah Interfacing yang berjalan saat ini yaitu :</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 3.6. Activity Diagram Permohonan KPR Sistem  Berjalan.</p></div>
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan skema gambar activity diagram tersebut di atas, maka penelitiuraikan di dalam penjelasan berikut ini: </p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Initial Node sebagai yang mengawali objek.</li>
+
  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
  <li style="text-align: justify;line-height: 2;">Terdapat 4 Swimlane yaitu: Admin Keuangan, Manager Keuangan, Admin KPR, Bank.</li>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol yang menyatakan proses input, yaitu dosen memberikan materi kepada mahasiswa.</li>
  <li style="text-align: justify;line-height: 2;">21 Action yang diantaranya adalah menyarahkan formulir dan berkas, menerima formulir dan berkas customer, valiadsi formulir dan berkas, formulir dan berkas dikembalikan, aprove formulir dan berkas, menyerahkan formulir dan berkas telah di aprove, menerima formulir dan berkas telah diaprove, melakukan permohonan KPR, validasi permohonan KPR, permohonan dikembalikan, menyerahkan formulir dan berkas, menerima formuli dan berkas, mengembalikan uang angsuran dan berkas, pembuatan SP3K, menyerahkan SP3K, menerima SP3K, mencatat dari SP3K.</li>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses mahasiswa dalam memahami dan mencatat materi yang diberikan dosen serta proses pada saat praktikum berlangsung yang menggunakan alat trainer sebagai media praktikum.</li>
  <li style="text-align: justify;line-height: 2;">2 Decision Node.</li>
+
     <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum dalam proses pembelajaran pada mata kuliah interfacing.</li>
     <li style="text-align: justify;line-height: 2;">1 Final state sebagai yang mengakhiri objek.</li>
+
  </ol>
+
  </div>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
  
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Sequence Diagram  Sistem Yang Berjalan.'''</div>====
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perancangan dan Pembuatan Alat'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah sequence diagram yang berjalan pada PT. Dinamika Bersama.</p></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konfigurasi Sistem Usulan'''</div>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada perancangan sistem usulan ini terdapat komponen ''hardware'' dan ''software'' yang digunakan untuk melakukan prototyping, perancangan dan pembuatan sistem. Adapun perangkat keras (''hardware'') dan perangkat lunak (''software'') yang digunakan dapat dilihat sebagai berikut:</p></div>
<ol>
+
  <li style="text-align: justify;line-height: 2;">Sequence Diagram angsuran uangmuka sistem yang berjalan</li>
+
  
  
<div id="g37" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-Sga6rbXh_SA/XUXKjEIF3HI/AAAAAAAAAec/ZXsBDK2GokcmKg74ThL49HrbKzFaG2WaACJoC/w530-h235-n/g37.jpg"/></div>
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi Hardware'''</div>====
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 3.7. Sequence Diagram Angsuran Uangmuka Sistem Berjalan.</p></div>
+
  
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Spesifikasi perangkat keras (hardware) dibawah ini merupakan perangkat keras atau komponen yang digunakan untuk membangun alat trainer, setiap komponen memiliki fungsi dan kegunaannya masing-masing. Adapun perangkat keras (hardware) sebagai berikut:</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan Gambar 3.2.2.5. Sequence Diagram angsuran uangmuka yang berjalan saat ini terdapat :</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Tiga actor melakukan proses angsuran uangmuka diantaranya  : customer, marketing dan admin keuangan.</li>
+
  <li style="text-align: justify;line-height: 2;">ESP32</li>
  <li style="text-align: justify;line-height: 2;">Empat Lifeline yaitu: Booking, Formulir dan Berkas, DP pertama, Angsuran uangmuka.</li>
+
    <li style="text-align: justify;line-height: 2;">Sensor Tekanan Udara BMP180</li>
  <li style="text-align: justify;line-height: 2;">Sebanyak enam belas massage spesifikasi dari komunikasi antar objek dengan memuat informasi yang dimana dilakukan oleh actor-actor, diantaranya: melakukan transaksi booking, menerima transaksi booking, mencatat transaksi booking, memberikan formulir dan meminta berkas, menerima formulir telah diisi dan beberapa berkas, memberikan formulir dan berkas, menerima formulir dan berkas, mencatat data dari formulir dan berkas, melakukan transaksi DP pertama, menerima transaksi DP pertama,  mencatat transaksi DP pertama,  melakukan pembayaran angsuran uangmuka, menerima pembayaran angsuran uangmuka, mencatat pembayaran angsuran uangmuka.</li>
+
    <li style="text-align: justify;line-height: 2;">Modul Real Time Clock RTC DS3231</li>
 +
    <li style="text-align: justify;line-height: 2;">OLED Display SSD1306 128x64</li>
 +
    <li style="text-align: justify;line-height: 2;">Buzzer</li>
 +
    <li style="text-align: justify;line-height: 2;">Potensiometer</li>
 +
    <li style="text-align: justify;line-height: 2;">Push button</li>
 +
    <li style="text-align: justify;line-height: 2;">LED</li>
 +
    <li style="text-align: justify;line-height: 2;">Logic Level Converter</li>
 +
    <li style="text-align: justify;line-height: 2;">Transistor NPN</li>
 +
    <li style="text-align: justify;line-height: 2;">Resistor</li>
 +
    <li style="text-align: justify;line-height: 2;">Dioda</li>
 +
    <li style="text-align: justify;line-height: 2;">Regulator Tegangan</li>
 +
    <li style="text-align: justify;line-height: 2;">Jack DC</li>
 +
    <li style="text-align: justify;line-height: 2;">Pin Header Male</li>
 
</ol>
 
</ol>
 
</div>
 
</div>
  <li style="text-align: justify;line-height: 2;">Sequence Diagram angsuran uangmuka sistem yang berjalan.</li>
 
  
  
<div id="g38" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-Xrxqh8fBOJM/XUXLXL3t4wI/AAAAAAAAAfA/NaOzwxGqLxg7Wp5BPNbQvsh6GqH401grACJoC/w530-h285-n/g38.jpg"/></div>
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi Software'''</div>====
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 3.8. Sequence Diagram Permohonan KPR sistem yang berjalan.</p></div>
+
  
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada spesifikasi perangkat lunak (software) dibawah ini merupakan aplikasi yang digunakan dalam proses prototyping, perancangan, pembuatan dan pemrograman alat trainer interface mikrokontroler, yaitu sebagai berikut:</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan gambar 3.2.2.7. Sequence Diagram peromohonan KPR yang berjalan saat ini terdapat :</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Sebanyak empat actor melakukan proses permohonan KPR diantaranya: admin keuangan, manager keuangan, admin KPR, Bank.</li>
+
  <li style="text-align: justify;line-height: 2;">Arduino IDE 1.8.9</li>
  <li style="text-align: justify;line-height: 2;">Sebanyak tiga Lifeline yaitu : Formulir dan berkas, KPR dan SP3K.</li>
+
     <li style="text-align: justify;line-height: 2;">EasyEDA ''Online''</li>
     <li style="text-align: justify;line-height: 2;">Sebanyak tiga belas massage yaitu  spesifikasi dari komunikasi antar objek yang memuat inofarmasi oleh actor-actor, diantaranaya: Menyerahkan formulir dan berkas, menerima formulir dan berkas,validasi formulir dan berkas, aprover formulir dan berkas, menyerahkan formulir dan berkas telah di aprove, menerima formulir dan berkas telah di aprove, melakukan permohona KPR, validasi permohonan KPR, pembuatan SP3K, menyerahkan SP3K sebanyak dua massage, menerima SP3K sebanyak dua massage, mencatat data dari SP3K.</li>
+
  </ol>
+
  </div>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Analisa Sistem Yang Berjalan'''</div>==
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Diagram Blok'''</div>===
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada setiap sistem yang ada pastinya memiliki batasan yang memisahkan sistem dengan lingkungan luarnya. Sesuai dengan masalah yang diambil oleh peniliti, maka pada sub bab ini akan menjelaskan analisa PIECES sistem.</p></div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Perancangan perangkat keras dari alat trainer interfacing mikrokontroler ini membutuhkan beberapa komponen dan modul modul yang saling terhubung dengan mikrokontroler. Agar mempermudah dalam memahami alur kerja dari alat ini maka penulis membuat diagram blok beserta keterangan dari setiap komponen.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Analisa PIECES'''</div>===
+
<div id="g52" align="center"><img width="700px" src="https://lh3.googleusercontent.com/-r41iDmXQyLE/XVvp_JM8lQI/AAAAAAAAEbk/L0UWS0A_UjciFfNyv7y6Mzd5XrwiinZTQCK8BGAs/s0/2019-08-20.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.2''' Diagram Blok</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Analisa PIECES diperuntukan untuk menilai sistem yang berjalan pada perusahan dengan fokus analisanya berdsarkan Performance, Information, Economic, Control, Efficiency, dan Service. Berikut adalah hasil analisa PIECES yang dilakukan:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Keterangan:</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Performance: Pengolahan input data belum efektif dan efisien, pada sistem angsuran uangmuka masih manual dengan mengandalkan Excel sehingga ketika sedang melakukan proses transaksi booking dan transaksi lainya  pada saat menginput data transaksi memakan waktu yang lama.</li>
+
  <li style="text-align: justify;line-height: 2;">Mikrokontroler ESP32 sebagai pusat kendali seluruh rangkaian trainer untuk menyimpan dan menjalankan program untuk memproses data dari ''input'' dan mengolahnya kemudian data yang sudah di proses ditampilkan pada ''output'' yang terhubung pada mikrokontroler.</li>
  <li style="text-align: justify;line-height: 2;">Information: Penyajian informasi masih sering terjadi kesalahan karena pengolahan data yang kurang akurat (masih besar kemungkinan terjadinya human error), oleh karena itu dibutuhkan sebuah sistem yang terkomputerisasi.</li>
+
    <li style="text-align: justify;line-height: 2;">Modul RTC DS3231 sebagai komponen input yang memberikan data kepada mikrokontroler. Komponen ini dapat menyimpan data waktu seperti jam, menit, detik, hingga hari bulan dan tahun yang akan dibaca oleh mikrokontroler melalui ''interface'' I2C. Pada rangkaian trainer, komponen ini berfungsi untuk mensimulasikan komunikasi dengan mikrokontroler melalui protokol ''interface'' I2C pada saat penggunaan alat trainer ini.</li>
  <li style="text-align: justify;line-height: 2;">Economic (Biaya): cukup banyak mengeluarkan biaya ekonomis, tenaga dan waktu dalam proses pencatatan data hingga pengolahan laporan karena masih menggunakan Excel.</li>
+
    <li style="text-align: justify;line-height: 2;">OLED ''Display'' sebagai komponen ''output'' yang akan menampilkan teks atau gambar dari mikrokontroler yang menggunakan ''interface'' SPI untuk berkomunikasi dengan mikrokontroler. Pada penggunaan trainer ini, OLED ''Display'' dipakai untuk mempraktekkan komunikasi mikrokontroler dengan ''display'' menggunakan protokol ''interface'' SPI pada penggunaan alat trainer.</li>
  <li style="text-align: justify;line-height: 2;">Efficiency (Sumber Daya Biaya) : Kertas yang digunakan untuk mencetak laporan yang tidak akurat atau terjadi kesalahan. Sumber Daya Tenaga: Pengerjaan yang dilakukan oleh bagian penjualan yang proses pengerjaannya belum menggunakan sistem yang terkomputerisasi, sehingga proses transaksi yang ada membutuhkan waktu lama, sehingga pembuatan laporan yang dihasilkan juga membutuhkan waktu lama.</li>
+
    <li style="text-align: justify;line-height: 2;">BMP180 sebagai komponen ''input'' yang memberikan data berupa tekanan udara dan suhu pada mikrokontroler, berfungsi untuk mempraktekkan komunikasi dengan mikrokontroler menggunakan protokol ''interface'' I2C yang jalur data nya akan di paralel dengan modul RTC pada penggunaan trainer karna komponen ini menggunakan interface I2C untuk berkomunikasi.</li>
  <li style="text-align: justify;line-height: 2;">ServiceProses pelayanan sistem yang berjalan saat ini belum mempermudah admin bagian keuangan dalam proses transaksi hingga proses pembuatan laporan.</li>
+
    <li style="text-align: justify;line-height: 2;">Potensiometer merupakan komponen ''input'' yang berfungsi sebagai bahan praktik untuk mempelajari penerapan pembacaan data analog ''input'' oleh mikrokontroler pada penggunaan alat trainer.</li>
 +
    <li style="text-align: justify;line-height: 2;">LED sebagai komponen ''output'' yang berfungsi untuk menampilkan digital output dari mikrokontroler.</li>
 +
    <li style="text-align: justify;line-height: 2;">Pin header merupakan konektor untuk ''input output'' dari mikrokontroler dengan komponen lain, pada trainer ini terdapat empat kelompok pin header yang merupakan ekspansi dari pin ''interface'' SPI, I2C, dan UART serta beberapa pin GPIO pada mikrokontroler ESP32. Pin header pada trainer ini berfungsi sebagai antarmuka trainer agar dapat dihubungkan dengan modul eksternal.</li>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dari analisa PIECES ini dapat menyimpulkan bahwa sistem yang saat ini berlangsung kurang optimal serta ditambah dengan adanya analisa UML, dapat memperkuat dirangcangnya sistem angsuran uangmuka rumah yang terkomputerisasi demi memudahkan bagian keuangan dalam proses angsuran uangmuka customer hingga sampai dengan pembuatan laporan. </p></div>
 
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pembuatan Alat'''</div>===
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''User Requirement'''</div>==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Proses pembuatan alat trainer interface mikrokontroler ini terdiri dari beberapa tahapan, yaitu mulai dari penentuan spesifikasi dari alat berdasarkan hasil analisis dan pengumpulan data, pengadaan komponen dan bahan, perancangan skematik diagram, prototyping, mendesain dan membuat PCB, perakitan komponen ke PCB, serta beberapa rangkaian uji coba alat.</p></div>
  
<p style="font-size: 12pt;font-family: 'times new roman';text-align: justify; line-height:2">'''Elisitasi Tahap I'''</p>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Elisitasi tahap satu merupakan daftar yang diperoleh dari hasil pengumpulan data dari instasi yang menjadi studi kasus, dilakukan dengan wawancara dan observasi. Dan dibawah ini adalah tabel </p></div>
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perancangan Skematik Diagram'''</div>====
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sebelum melakukan pembuatan keseluruhan alat, maka dibutuhkan desain skematik sebagai acuan dalam merancang alat, bagaimana seluruh komponen saling terhubung akan digambarkan pada skematik rangkaian. Penulis menggunakan software EDA (''electronic design automatio''n) bernama EasyEDA yang berbasis ''online'' sebagai ''software'' untuk merancang skematik diagram.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Elisitasi Tahap I'''</div>===
+
<div id="g53" align="center"><img width="900px" src="https://lh3.googleusercontent.com/-Cxs49XClAzk/XVvrQgk4uoI/AAAAAAAAEbw/XAztDnU6IYcwXdE11CSK6mWycjlMPFRgACK8BGAs/s0/2019-08-20.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.3''' Skematik Rangkaian Alat</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Elisitasi tahap satu ini disusun berdasarkan hasil wawancara dengan staf admin keuangan. Berikut adalah Elistasi Tahap I :</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dalam gambar skematik terdapat gambar dan simbol dari setiap komponen yang digunakan pada trainer interface mikrokontroler, setiap komponen saling terhubung sesuai fungsi dari kegunaan trainer interface mikrokontroler ini. Dalam merancang skematik penulis menggunakan fungsi NetPort agar desain skematik terlihat lebih rapi dan lebih mudah untuk dipahami.</p></div>
  
<div id="t31" align="center">
+
<div id="g54" align="center"><img width="300px" src="https://lh3.googleusercontent.com/--U3vLhq51y4/XVvrjfooDgI/AAAAAAAAEb4/knah0HJOgmESQaypf0deQlw5HAAsWG5EQCK8BGAs/s0/2019-08-20.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.4''' Simbol NetPort</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 3.1. Elisitasi Tahap I</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dengan menggunakan NetPort maka rancangan skematik akan terlihat ringkas dan bersih karena tidak perlu menarik garis untuk menghubungkan pin antar komponen yang letak nya berjauhan, cukup dengan memberi nama pada NetPort di kedua pin komponen yang akan dihubungkan.</p></div>
<img width="400px" src="https://lh3.googleusercontent.com/-5mD2fKEwltk/XUXSGQejQhI/AAAAAAAAAfw/QyR-qJcjH64SNC3rQT7w-yJzpyIfs5MawCJoC/w530-h1507-n/t31.jpg"/></div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Setiap komponen akan dihubungkan dengan komponen lain sesuai fungsi dan memperhatikan ketentuan dari setiap ''datasheet'' komponen, mikrokontroler ESP32 terdapat beberapa pin GPIO (''General Purpose Input Output'') yang masing masing pin nya memiliki berbagai seperti pin out untuk protokol ''interface'' SPI, I2C, UART serta pin out untuk ADC (''Analog Digital Converter'') dan GPIO seperti yang terlihat pada gambar 5.5</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Elisitasi Tahap II'''</div>===
+
<div id="g55" align="center"><img width="700px" src="https://lh3.googleusercontent.com/-kNW_SPG7l9U/XVvr98J1WfI/AAAAAAAAEcA/Yfc--vj8dB0NDthTWVarCIXRF74j84o8ACK8BGAs/s0/2019-08-20.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.5''' Pin Out ESP32</p><p style="line-height:2">Sumber: http://circuits4you.com</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Elisitasi Tahap II ini disusun berdarkan Elisitasi Tahap I dengan melakukan klarifikasi terlebih dahulu dengan menggunakan metode MDI. Berikut adalah penjelasan beberapa requirement yang diberi opsi Inessential (I) dan harus dieliminasi .</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sesuai pada gambar 5.3 skematik rangkaian, komponen dengan ''interface'' SPI yaitu OLED Display akan dihubungkan dengan mikrokontroler ESP32 sesuai dengan jalur data yang ditetapkan pada protokol SPI, begitupun dengan komponen yang memiliki ''interface'' I2C seperti IC RTC DS3231 dan sensor tekanan udara BMP180 akan dihubungkan dengan jalur data I2C di mikrokontroler ESP32. Untuk komponen LED akan dihubungkan dengan pin GPIO2 pada ESP32.</p></div>
  
<div id="t32" align="center">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Khusus pada blok rangkaian potensiometer, buzzer, dan keempat ''push button'' akan dihubungkan dengan beberapa pin GPIO pada ESP32 namun jalur sinyal yang menjadi penghubung akan diputus dan melalui saklar berjenis DIP ''switch'' agar nantinya pada saat penggunaan trainer, ketiga jenis komponen tersebut dapat diaktifkan maupun dinonaktifkan.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 3.2. Elisitasi Tahap II</p></div>
+
<div id="g56" align="center"><img width="700px" src="https://lh3.googleusercontent.com/-Z3wgbFjg2xM/XVvseggnoVI/AAAAAAAAEcM/0Ea1UuNuheg8RTWLh14L3pDHokvCqWM0ACK8BGAs/s0/2019-08-20.png"/></div>
<img width="400px" src="https://lh3.googleusercontent.com/-HXrA2a4x0mw/XUXUiYfUZXI/AAAAAAAAAgU/3Wpze4fZIj0kc6U5N4APqwQ72aOWGgyRwCJoC/w530-h1609-n/t32.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.6.''' Blok Rangkaian Push Button, Potensiometer dan Buzzer</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada rangkaian empat buah ''push button'', masing masing terdapat komponen resistor ''pull down'', resistor ''pull down'' ini berfungsi agar pada saat ''button'' tidak ditekan, nilai input dari ''push button'' tidak mengambang (''float state'') antara ''high'' atau ''low'' dan akan membuat nilai input menjadi ''low'' pada saat ''push button'' tidak ditekan.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Elisitasi Tahap III'''</div>===
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan Elisitasi Tahap II,  kemudian dibentuklah Elisitasi Tahap III yang diklasifikasikan kembali dengan menggunakan metode TOE dengan menambahkan opsi HML. Terdapat requirement yang opsinya High (H) dan  jika ada requirement yang berada pada kolom high maka harus dieliminasi. Berikut adalah requirement tersebut</p></div>
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perancangan Desain PCB'''</div>====
  
<div id="t33" align="center">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Agar semua komponen dapat saling terhubung dan tertata rapi dalam satu alat serta alat dapat digunakan dengan mudah, maka perlu dibuat PCB yang didesain menggunakan ''software'' EasyEDA. Pada layout PCB dibuat jalur sinyal yang menghubungkan antar pin kaki komponen sesuai skematik yang telah dibuat, kemudian terdapat ''silk screen'' pada permukaan PCB yang berfungsi untuk memberikan keterangan atau tanda pada komponen yang dirangkai pada PCB.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 3.3. Elisitasi Tahap III</p></div>
+
<div id="g57" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-GLcbknhdaf0/XVzCUbITFaI/AAAAAAAAEcY/rTi4vFII3Tohx7CpR3fN1piO2iAqghlswCK8BGAs/s0/2019-08-20.png"/></div>
<img width="400px" src="https://lh3.googleusercontent.com/-PY37wUgdB7w/XUXX7g7AmYI/AAAAAAAAAg4/P9dkkwsjDj4WnNiTOmv2XsUhIGfLH5XpwCJoC/w530-h1693-n/t33.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.7''' Desain PCB Sisi Atas</p></div>
  
 +
<div id="g58" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-7yOegDshbHE/XVzCWQ6yqaI/AAAAAAAAEcc/W3psj0GC4uQiJVMVwLeJN1xMK8hx7cAlgCK8BGAs/s0/2019-08-20.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.8''' Desain PCB Sisi Bawah</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Final Draft Elisitasi'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dalam pembuatan desain PCB juga perlu memperhatikan peletakan komponen sehingga memudahkan dalam membentuk jalur yang menghubungkan antar komponen serta rapi dan mudah digunakan. Untuk menghubungkan jalur antar komponen penulis menggunakan fitur autorouter, fitur ini akan membuat jalur antar pin komponen secara otomatis sesuai ketentuan yang sudah di atur seperti lebar jalur dan lebar lubang bor pada PCB.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Final draft elisitasi merupakan bentuk akhir dari tahap-tahap elisitasi yang dapat dijadikan acuan dan dasar pengembangan sistem yang akan dibentuk. Berikut ini saya lampirkan Diagram Final Draft Elisitasi:</p></div>
 
  
<div id="t34" align="center">
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perakitan Alat'''</div>====
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 3.4. Final Draft Elisitasi </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Setelah PCB diproduksi sesuai desain yang telah dibuat, komponen komponen akan dirakit dan dipasang dengan PCB melalui proses penyolderan. Penyolderan dilakukan menggunakan teknik manual dengan bantuan timah, flux, dan pinset beserta cairan isopropyl alkohol untuk membersihkan PCB.</p></div>
<img width="400px" src="https://lh3.googleusercontent.com/-9u8p6XHG91k/XUXaFcqDATI/AAAAAAAAAhc/K43iBKpsBc8iJSCkyW0sK7Fzs-KchISQQCJoC/w530-h1808-n/t34.jpg"/></div>
+
  
 +
<div id="g59" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-7FVHtPWmDlU/XVzCYiMYB7I/AAAAAAAAEcg/HSdrxkp3Ig4u9hGzaGZpfQuH37WtONHDwCK8BGAs/s0/2019-08-20.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.9''' Trainer Interface Mikrokontroler Sisi Atas</p></div>
  
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB IV'''</div>=
+
<div id="g510" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-J2pXxcwtl3k/XVzCaU4COwI/AAAAAAAAEck/OWbOCOsbTRkeKZiQBRHAdOGZBWRYIfpUACK8BGAs/s0/2019-08-20.png"/></div>
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''RANCANGAN SISTEM YANG DIUSULKAN'''</div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.10''' Trainer Interface Mikrokontroler Sisi Bawah</p></div>
  
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Sistem Usulan'''</div>==
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Sistem'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Setelah peneliti melakukan analisa dan penelitian sistem yang berjalan dengan secara langsung pada PT. Dinamika Bersama, maka ditemukan beberapa masalah yang terjadi pada sistem berjalan, dikarenakan sistem yang berjalan masih berupa sistem semi tekomputerisasi yaitu dengan mengandalkan Microsoft Excel sehingga pada kegiatan penginputan data maupun sampai dengan pembuatan laporan angsuran uangmuka. Untuk mengatasi masalah yang terjadi maka peniliti mengusulkan sistem angsuran uangmuka yang terkomputerisasi dan tersistem. Semua data akan tersimpan langsung dalam database, proses pencatatan transaksi booking, proses pencatatan transaksi angsuran, proses input data costumer, proses pembuatan laporan booking¸ dan proses pembuatan laporan angsuran uangmuka. Untuk selanjutnya peneliti akan membahas tentang rancangan sistem yang akan dibangun. Sistem usulan dibangun untuk memperbaiki ataupun menyempurnakan sistem yang berjalan. Dan kemudian setelah menentukan sistem maka selanjutnya adalah perancangan atau desain sistem yang diusulkan yang ditujuan untuk memberikan gambaran yang jelas tentang desain sistem dari awal pembuatan sampai dengan akhir pembutan maupun penelitian  </p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada tahap ini akan dilakukan serangkaian uji coba untuk memastikan fungsionalitas sistem yang dibuat berjalan sesuai apa yang diinginkan serta pengujian untuk menemukan kesalahan fungsi atau error pada sisi program maupun perangkat keras.</p></div>
  
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Prosedur Sistem Usulan'''</div>===
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Black Box Testing'''</div>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut ini merupakan perubahan sistem angsuran uangmuka yang harus dijalankan kan pada PT. Dinamika Bersama, yaitu:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah tabel Black Box Testing trainer interface mikrokontroler berdasarkan kegunaan fitur yang dimiliki.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
  <li style="text-align: justify;line-height: 2;">Admin Keuangan </li>
 
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Admin keuangan dapat melakukan kegiatan keseluruahan hak akses dalam sistem,  yaitu:</p>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Saat Praktik Interface SPI'''</div>====
<ol type="a">
+
  <li style="text-align: justify;line-height: 2;">Admin keuangan dapat melakukan login</li>
+
  <li style="text-align: justify;line-height: 2;">Admin dapat menampilkan semua menu yang ada pada sistem, mulai dari dashboard, booking, customer, angsuran, plafon, hook, blok, angsuran report, booking report sampai dengan logout</li>
+
  <li style="text-align: justify;line-height: 2;">Admin dapat melakukan logout </li>
+
</ol>
+
</div>
+
  
  <li style="text-align: justify;line-height: 2;">Manager Keuangan</li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep interface SPI mikrokontroler dengan komponen OLED Display SPI.</p></div>
  
  <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div id="t51" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.1''' BlackBox Testing Fungsi Interface SPI</p></div>
  <ol type="a">
+
  <li style="text-align: justify;line-height: 2;">Manager keuangan dapat melakukan login</li>
+
  <li style="text-align: justify;line-height: 2;">Menampilkan menu dashboard </li>
+
  <li style="text-align: justify;line-height: 2;">Dapat menampilkan angsuran report, booking report.</li>
+
    <li style="text-align: justify;line-height: 2;">Dapat melakukan logout.</li>
+
  </ol>
+
  </div>
+
  
</ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
 +
<table align="center" width="586" border="1">
 +
<tr>
 +
<td width="37">No</td>
 +
<td width="123">Skenario Pengujian</td>
 +
<td width="95">Tes Case</td>
 +
<td width="132">Hasil yang diharapkan</td>
 +
<td width="104">Hasil  Pengujian</td>
 +
<td width="95">Kesimpulan</td>
 +
</tr>
 +
<tr>
 +
<td width="37">1</td>
 +
<td width="123">Memprogram trainer dengan <em>example code</em> penampil teks dan gambar pada OLED Display SPI</td>
 +
<td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-8FEI4S4QAwI/XVzFxXITR5I/AAAAAAAAEcw/qpuLEvRfIJYxl4eN4QGAzD0fB0ZwxznbgCK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="132">OLED Display menampilkan teks dan gambar dengan baik.</td>
 +
<td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-MjoVLvF3r_E/XVzFzgRcKkI/AAAAAAAAEc0/P9A1eNC2icYh8EhQqu8MgjD_d-_LmD-ngCK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="95">Valid</td>
 +
</tr>
 +
</table>
 
</div>
 
</div>
  
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Use Case Diagram Sistem yang Diusulkan'''</div>===
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Saat Praktik Interface I2C'''</div>====
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut ini adalah gambar Usecase diagram sistem yang diusulkan peneliti dengan berdasarkan hak aksesnya:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep interface I2C mikrokontroler dengan komponen sensor BMP180 dan RTC DS3231.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div id="t52" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.2''' BlackBox Testing Fungsi Interface I2C</p></div>
<ol type="a">
+
  <li style="text-align: justify;line-height: 2;">Usecase diagram sistem usulan hak akses admin keuangan</li>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
 +
<table align="center" width="586" border="1">
 +
<tr>
 +
<td width="37">No</td>
 +
<td width="123">Skenario Pengujian</td>
 +
<td width="95">Tes Case</td>
 +
<td width="132">Hasil yang diharapkan</td>
 +
<td width="104">Hasil  Pengujian</td>
 +
<td width="95">Kesimpulan</td>
 +
</tr>
 +
<tr>
 +
<td width="37">1</td>
 +
<td width="123">Memprogram trainer dengan <em>example code</em> membaca data tekanan udara dan suhu dari sensor BMP180</td>
 +
<td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-V_zjCiD44M4/XVzIfuggF6I/AAAAAAAAEdA/s-Tbrw1KFzEvT-duw3dWCcIAOVVfplX4QCK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="132">Data kondisi tekanan udara dan suhu terbaca pada serial monitor.</td>
 +
<td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-csnj5hjizUw/XVzIgS2Xa8I/AAAAAAAAEdE/FJ5yhGqphCUdT1BhhiMJfVPjfD_QkA4gwCK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="95">Valid</td>
 +
</tr>
 +
<tr>
 +
<td width="37">2</td>
 +
<td width="123">Memprogram trainer dengan <em>example code</em> mengatur jam serta membaca data waktu dan tanggal.</td>
 +
<td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-k3XnHoif9d4/XVzIqS524yI/AAAAAAAAEdI/DtvfVm5ywFEmfRN7pYgBZZVrZhSqn3h-QCK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="132">Data waktu dan tanggal terbaca pada serial monitor.</td>
 +
<td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-OOuOSRjiSXs/XVzIrpsrDEI/AAAAAAAAEdM/21Q1DakXjfw4mq7PfYt6Y2uiQ8wdcwcpgCK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="95">Valid</td>
 +
</tr>
 +
</table>
 +
</div>
  
<div id="g41" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-IjLu2XhoPS8/XUhPDWFWqJI/AAAAAAAAAiI/a_7OE7tYb4cBS2WpA0JUI7vmFZRcDyq2ACJoC/w530-h289-n/g41.jpg"/></div>
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar Use Case Diagram Sistem Usulan Hak Akses Admin Keuangan.</p></div>
 
  
 +
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Saat Praktik Interface UART'''</div>====
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan gambar di atas usecase sistem angusuran uangmuka rumah usulan terdapat:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep interface UART mikrokontroler dengan komponen lain di luar rangkaian trainer. Komponen tersebut yaitu mikrokontroler arduino uno yang sudah di program untuk menerima data serial yang ditampilkan pada LCD arduino.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div id="t53" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.3''' BlackBox Testing Fungsi Interface UART</p></div>
<ol>
+
  <li style="text-align: justify;line-height: 2;">1 sistem yang mencamgkup keseluruhan hak akses admin keuangan pada sistem usulan angsuran uangmuka rumah.</li>
+
  <li style="text-align: justify;line-height: 2;">1 Actor yang melakukan kegiatan: Admin keuangan</li>
+
  <li style="text-align: justify;line-height: 2;">22 usecase yang dikerjakan oleh Actor-actor: login, dashboard, angsuran activity, angsuran uangmuka, angsuran plafon, angsuran hook, master data, blok, unit, hook, plafon, cotumer, sp3k, menu, user, role, booking, pengembalian, angsuran report, lihat view angsuran keseluruhan,  dan lihat view angsuran percostumer, logout.</li>
+
  <li style="text-align: justify;line-height: 2;">17 extend yang dikerjakan oleh Actor-Actor: Angusran activity, angsuran uangmuka, angsuran plafon, angsuran hook, angsuran report, report keseluruhan, report costumer, master data, blok, unit, hook, plafon, costumer, sp3k, menu, user, dan role.</li>
+
</ol>
+
</div>
+
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan Gambar 4.1. di atas usecase sistem angusuran uangmuka rumah usulan terdapat:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
 
+
<table align="center" width="586" border="1">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<tr>
<ol>
+
<td width="37">No</td>
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Login.</li>
+
<td width="123">Skenario Pengujian</td>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan</p>
+
<td width="95">Tes Case</td>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan melakukan login dengan menggunakan username dan password.</p>
+
<td width="132">Hasil yang diharapkan</td>
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Dashboard.</li>
+
<td width="104">Hasil  Pengujian</td>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan</p>
+
<td width="95">Kesimpulan</td>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan masuk kedalam menu utama atau dashboard.</p>
+
</tr>
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Master data.</li>
+
<tr>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Amin keuangan</p>
+
<td width="37">1</td>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan masuk kedalam menu master data.</p>
+
<td width="123">Memprogram trainer dengan <em>example code</em> kirim dan terima data serial</td>
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Menu.</li>
+
<td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-zvs82yP4NfE/XVzP13ikIgI/AAAAAAAAEdY/xKMNEhxrL4EFxlpkXxaxODkyjDPGyJ9eACK8BGAs/s0/2019-08-20.png"/></td>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<td width="132">Trainer dapat mengirim dan menerima data serial melalui interface UART.</td>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan masuk kedalam menu, untuk mengatur tampilan menu dengan melakukan (add, edit, dan delete) pada menu.</p>
+
<td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-cdOTf1W8rWg/XVzP2nBb8KI/AAAAAAAAEdc/oQfD_kbTeQswe-1GK1XYd59hM5CbloBZACK8BGAs/s0/2019-08-20.png"/></td>
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Role</li>
+
<td width="95">Valid</td>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Amin keuangan.</p>
+
</tr>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan keuangan masuk kedalam menu role untuk mengatur hak akses Actor sesuai yang ditentukan dengan melakukan (add, edit, dan delete) pada menu role.</p>
+
</table>
  <li style="text-align: justify;line-height: 2;">Nama Use Case: user.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan masuk kedalam menu user, untuk menambah, mengubah dan menghapus sesuai ketentuan dengan melakukan (add, edit dan delete) pada menu user.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: blok.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan masuk kedalam menu blok , untuk menambah, mangubah, dan menghapus sesuai ketentuan dengan melakukan (add, edit, dan delete) pada menu blok.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: unit.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan masuk kedalam menu unit , untuk menambah, mangubah, dan menghapus sesuai ketentuan dengan melakukan (add, edit, dan delete) pada menu unit.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: hook.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan  masuk kedalam menu hook , untuk menambah, mangubah, dan menghapus sesuai ketentuan dengan melakukan (add, edit, dan delete) pada menu hook.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Plafon.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin  keuangan masuk kedalam menu plafon, untuk menambah, mangubah, dan menghapus sesuai ketentuan dengan melakukan (add, edit, dan delete) pada menu plafon.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: costumer.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin  keuangan masuk kedalam menu costumer , untuk menambah, mangubah, dan menghapus sesuai ketentuan dengan melakukan (add, edit, dan delete) pada menu costumer.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: sp3k.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Manager keuangan masuk kedalam menu sp3k , untuk menambah, mangubah, dan menghapus sesuai ketentuan dengan melakukan (add, edit, dan delete) pada menu sp3k.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Blok.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan masuk kedalam menu blok , untuk menambah, mangubah, dan menghapus sesuai ketentuan dengan melakukan (add, edit, dan delete) pada menu blok.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Angsuran activity.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan melihat menu Angsuran activity.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Angsuran uangmuka.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan menambah, mangubah, dan menghapus sesuai transaksi angsuran uangmuka dengan melakukan (add, edit, dan delete).</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Angsuran plafon.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan menambah, mangubah, dan menghapus sesuai transaksi angsuran plafon dengan melakukan (add, edit, dan delete).</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Angsuran hook.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan menambah, mangubah, dan menghapus sesuai transaksi angsuran hook dengan melakukan (add, edit, dan delete).</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Booking.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan menambah, mangubah, dan menghapus sesuai transaksi booking dengan melakukan (add, edit, dan delete).</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Pengembalian.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan menambah, mangubah, dan menghapus sesuai transaksi pengembalian dengan melakukan (add, edit, dan delete).</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Angsuran Report.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keunagan melihat menu Angsuran Report.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: view angsuran keseluruhan.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan melihat laporan angsuran keseluruhan pada menu report keseluruhan.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: view angsuran percostumer.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Admin keuangan.</p>
+
<p style="line-height:2">Skenario: Admin keuangan melihat laporan angsuran costumer pada menu lihat report costumer.</p>
+
</ol>
+
 
</div>
 
</div>
  <li style="text-align: justify;line-height: 2;">Usecase diagram sistem usulan hak akses admin keuangan</li>
 
  
  
<div id="g42" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-aO_xmeDKcqw/XUhYaEaojTI/AAAAAAAAAis/yy52Vp5PQ40LEfT1G84JKSwFZcmkmQLdgCJoC/w530-h344-n/g42.jpg"/></div>
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Saat Praktik Digital Input / Output'''</div>====
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.2. Use Case Diagram Sistem Usulan Hak Akses Manager Keuangan.</p></div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep digital input atau output mikrokontroler dengan komponen ''push button'', LED, dan buzzer.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan gambar di atas usecase sistem angusuran uangmuka rumah usulan terdapat:</p></div>
+
<div id="t54" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.4''' BlackBox Testing Fungsi Digital Input / Output</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
<ol>
+
<table align="center" width="586" border="1">
  <li style="text-align: justify;line-height: 2;">1 sistem yang mencangkup keseluruhan hak akses manager keuangan pada sistem usulan angsuran uangmuka rumah.</li>
+
<tr>
  <li style="text-align: justify;line-height: 2;">1 Actor yang melakukan kegiatan: Manager keuangan</li>
+
<td width="37">No</td>
  <li style="text-align: justify;line-height: 2;">6 usecase yang dikerjakan oleh Actor-actor: login, dashboard, angsuran report, lihat view angsuran keseluruhan,  dan lihat view angsuran percostumer, logout.</li>
+
<td width="123">Skenario Pengujian</td>
  <li style="text-align: justify;line-height: 2;">3 extend yang dikerjakan oleh actor: Angsuran report, view angsuran keseluruhan dan view angsuran percostumer</li>
+
<td width="95">Tes Case</td>
</ol>
+
<td width="132">Hasil yang diharapkan</td>
 +
<td width="104">Hasil  Pengujian</td>
 +
<td width="95">Kesimpulan</td>
 +
</tr>
 +
<tr>
 +
<td width="37">1</td>
 +
<td width="123">Memprogram trainer dengan <em>example code</em> digital<em> read</em> membaca kondisi nilai dengan serial monitor saat <em>push button</em> ditekan.</td>
 +
<td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-proMT0P1AW4/XVzWW3FuwzI/AAAAAAAAEdo/4DSrGCSxHGYWz_6AwMmei0ejFn4Sr2MkwCK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="132">Serial monitor menampilkan nilai kondisi dari setiap tombol yang ditekan</td>
 +
<td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-dSw6knjW0-k/XVzWXS3iwSI/AAAAAAAAEds/24GfQC76lDMGM3dSkYTukegdgvtHTBKyACK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="95">Valid</td>
 +
</tr>
 +
<tr>
 +
<td width="37">2</td>
 +
<td width="123">Memprogram trainer dengan <em>example code</em> digital<em> write</em> menyalakan LED berkedip.</td>
 +
<td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-jbEXOL_ELq4/XVzWYxde_rI/AAAAAAAAEdw/r2DtNA3oqIsu-0eD0f-a4WTQSk-roLWcQCK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="132">LED akan menyala berkedip (<em>blinking</em>) sesuai jeda yang ditetapkan dalam program</td>
 +
<td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-uTuawcdvJ84/XVzWZhZynQI/AAAAAAAAEd0/hnKGxqpcyA8ycNbUhkwQmAQCQv-5Ev7WwCK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="95">Valid</td>
 +
</tr>
 +
<tr>
 +
<td width="37">3</td>
 +
<td width="123">Memprogram trainer dengan <em>example code</em> digital<em> write</em> menghidupkan buzzer.</td>
 +
<td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-C6uD9E3zK-A/XVzWbDF04ZI/AAAAAAAAEd4/j2WH5DDLRzEBGnmtWquPQxHTyCBgdEgygCK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="132">Buzzer berbunyi</td>
 +
<td width="104">Buzzer berhasil berbunyi</td>
 +
<td width="95">Valid</td>
 +
</tr>
 +
</table>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan Gambar 4.2. di atas usecase sistem angusuran uangmuka rumah usulan terdapat:</p></div>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Saat Praktik Analog Input'''</div>====
<ol>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Login.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Manager keuangan</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan melakukan login dengan menggunakan username dan password.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Dashboard.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Manager keuangan</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan masuk kedalam menu utama atau dashboard.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: Angsuran Report.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Manager keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Manager keunagan melihat menu Angsuran Report.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: view angsuran keseluruhan.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Manager keuangan.</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Skenario: Admin keuangan dan manager keuangan melihat laporan angsuran keseluruhan pada menu report keseluruhan.</p>
+
  <li style="text-align: justify;line-height: 2;">Nama Use Case: view angsuran percostumer.</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Manager keuangan.</p>
+
<p style="line-height:2">Skenario: Admin keuangan dan manager keuangan melihat laporan angsuran costumer pada menu lihat report costumer.</p>
+
</ol>
+
</div>
+
</ol>
+
</div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep analog input mikrokontroler dengan komponen potensiometer.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Activity Diagram Sistem Usulan'''</div>===
+
<div id="t55" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.5''' BlackBox Testing Fungsi Analog Input</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Activity Diagram menggambarkan berbagai alur dari aktivitas yang berada pada sistem rancangan, bagaimana masing-masing alur, decision yang terjadi dan bagaimana mereka berakhir.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
 +
<table align="center" width="586" border="1">
 +
<tr>
 +
<td width="37">No</td>
 +
<td width="123">Skenario Pengujian</td>
 +
<td width="95">Tes Case</td>
 +
<td width="132">Hasil yang diharapkan</td>
 +
<td width="104">Hasil  Pengujian</td>
 +
<td width="95">Kesimpulan</td>
 +
</tr>
 +
<tr>
 +
<td width="37">1</td>
 +
<td width="123">Memprogram trainer dengan <em>example code</em> analog read untuk membaca nilai analog dengan serial monitor dari potensiometer yang diputar.</td>
 +
<td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-lw8o7oGIfMQ/XVzW3kEFPtI/AAAAAAAAEeA/MxTkz1PUQYYzQpR69D9fwyT7EM3vyzIVACK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="132">Serial monitor menampilkan nilai analog dari pembacaan potensiometer yang diputar</td>
 +
<td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-UO51MMIInBw/XVzW4hSPLbI/AAAAAAAAEeE/EW5whMDAQIc6EbMmIkWSrM5-gAoC1HGjACK8BGAs/s0/2019-08-20.png"/></td>
 +
<td width="95">Valid</td>
 +
</tr>
 +
</table>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol type="a">
 
  <li style="text-align: justify;line-height: 2;">Activity diagram sistem yang diusulkan pada admin keuangan dibagi menjadi tiga berdasarkan hak aksesnya</li>
 
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Implementasi'''</div>==
<ol>
+
  <li style="text-align: justify;line-height: 2;">Activity diagram hak akses  Master Data</li>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Wandanaya dan Wicaksono (2018:111)<ref name="cit wandan">Wandanaya, Anita Bawaiqki, dan Andrian Wicaksono. 2018. “Rancang Bangun Sistem Informasi Rencana Anggaran Biaya (Rab) Perusahaan Berbasis Web Pada PT. Bumitangerang Mesindotama”. CERITA Journal, Vol.4, No.2.</ref>, “Implementasi atau penerapan adalah tahap dimana desain sistem dibentuk menjadi suatu kode (program) yang siap untuk dioperasikan”.</p></div>
  
<div id="g43" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-zRfobXwqblg/XUha-R9iHhI/AAAAAAAAAjU/Tu5hWJP2of0TPxw9P9grqSj1R2KUPQM-gCJoC/w530-h203-n/g43.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Setelah alat trainer interface mikrokontroler selesai dirancang dengan memperhatikan analisa masalah, konfigurasi sistem usulan dan perancangan sistem, maka hasil dari perancangan trainer interface mikrokontroler akan digunakan untuk mendukung kegiatan praktikum pada mata kuliah interfacing di Universitas Raharja. Alat trainer interface mikrokontroler ini memiliki komponen-komponen yang dapat membantu pemakainya dalam memahami konsep dan penerapan interface pada mikrokontroler serta input outputnya, serta dilengkapi dengan buku panduan yang didalamnya terdapat petunjuk cara menggunakannya dan beberapa project studi kasus yang akan diterapkan pada trainer.</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.3. Activity Diagram Hak Akses Mater Data Pada Admin Keuangan.</p></div>
+
  
 +
<div id="g511" align="center"><img width="600px" src="https://lh3.googleusercontent.com/-FkaRX_c-Eis/XVzYZN1mjXI/AAAAAAAAEeQ/0t0jlrcYvDIBwcRxWqSj6E8KWfkpaHx7wCK8BGAs/s0/2019-08-20.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.11''' Sisi Atas Komponen Trainer Interface Mikrokontroler</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan Gambar 4.2. di atas activity diagram sistem usulan pada Admin keuangan mendapati sebuah keterangan berupa:</p></div>
+
<div id="g512" align="center"><img width="600px" src="https://lh3.googleusercontent.com/-2BiVuBJbliA/XVzYainvC7I/AAAAAAAAEeU/rbEQiDINLDk-XNeIe971ks-A1XoIwucnACK8BGAs/s0/2019-08-20.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.12''' Sisi Bawah Komponen Trainer Interface Mikrokontroler</p></div>
 +
 
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada gambar 5.11 dan gambar 5.12 merupakan hasil rancangan trainer interface mikrokontroler dengan berbagai jenis komponen yang ditunjukan dengan nomor, komponen pada trainer akan dijelaskan fitur serta fungsi nya sebagai berikut:</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Satu initial node, objek awal dalam melakukan kegiatan.</li>
+
  <li style="text-align: justify;line-height: 2;">OLED Display bertipe SSD1306 yang memiliki resolusi layar 128x64, display ini menggunakan interface SPI untuk berkirim data dengan mikrokontroler. Dalam penggunaan trainer, display ini akan digunakan sebagai media output dalam mempraktikkan dan menerapkan konsep komunikasi data melalui interface SPI dengan cara mengirim data berupa teks atau gambar dari mikrokontroler ke display untuk ditampilkan pada OLED display.</li>
  <li style="text-align: justify;line-height: 2;">40 action state, yang mewakilkan eksekusi dari kegiatan yang terdapat pada sistem usulan.</li>
+
    <li style="text-align: justify;line-height: 2;">Jack DC digunakan untuk power input jika trainer akan digunakan dengan banyak komponen eksternal lain yang terhubung. Tegangan input yang dapat diterima melalui Jack ini antara 9-12 volt.</li>
  <li style="text-align: justify;line-height: 2;">10 fork node, yang merupakan pilihan dari action yang ada.</li>
+
    <li style="text-align: justify;line-height: 2;">RTC DS3231 digunakan untuk mempraktikkan konsep interface I2C. Dalam penggunaan trainer, komponen ini sebagai media input untuk menerapkan konsep komunikasi data dengan mikrokontroler melalui interface I2C dengan cara mikrokontroler membaca data waktu dan tanggal untuk kemudian ditampilkan pada serial monitor maupun media output lain seperti display.</li>
  <li style="text-align: justify;line-height: 2;">Satu decision node, pada saat login yang terdapat dua  kemungkinan, apabila login benar dengan memasukan username dan password yang benar maka login akan langsung menuju halaman dasboard, dan bila login salah makan akan kembali ke halaman utama untuk mengisi username dan password dengan benar.</li>
+
    <li style="text-align: justify;line-height: 2;">Jumper untuk memilih mode sumber daya apakah memilih sumber daya dari USB atau dari jack DC.</li>
  <li style="text-align: justify;line-height: 2;">Satu join node</li>
+
    <li style="text-align: justify;line-height: 2;">''Push button'' sebanyak 4 buah yang digunakan sebagai media input pada praktikum menerapkan konsep digital input. Dalam penggunaan trainer, mikrokontroler akan membaca kondisi dari ''push button''.</li>
  <li style="text-align: justify;line-height: 2;">Satu activity final node,  akhiran untuk mengakhiri kegiatan.</li>
+
    <li style="text-align: justify;line-height: 2;">LED yang berfungsi sebagai komponen pendukung media praktikum untuk menerapkan konsep digital output.</li>
 +
    <li style="text-align: justify;line-height: 2;">DIP ''Switch'' untuk mengaktifkan atau menonaktifkan keempat ''push button''.</li>
 +
    <li style="text-align: justify;line-height: 2;">DIP ''Switch'' untuk mengaktifkan atau menonaktifkan buzzer dan potensiometer.</li>
 +
    <li style="text-align: justify;line-height: 2;">Potensiometer berfungsi sebagai komponen input mikrokontroler untuk mempraktikkan analog input pada penggunaan trainer.</li>
 +
    <li style="text-align: justify;line-height: 2;">Tombol BOOT pada mikrokontroler ESP32 untuk memasukan trainer ke mode programming.</li>
 +
    <li style="text-align: justify;line-height: 2;">Port MicroUSB sebagai interface trainer dengan komputer untuk memprogram mikrokontroler ESP32.</li>
 +
    <li style="text-align: justify;line-height: 2;">Tombol RESET pada mikrokontroler untuk me-reset agar trainer mengulang program yang dijalankan.</li>
 +
    <li style="text-align: justify;line-height: 2;">GPIO Header berfungsi sebagai interface GPIO mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal.</li>
 +
    <li style="text-align: justify;line-height: 2;">Mikrokontroler ESP32 sebagai pengendali dari semua rangkaian trainer yang dapat diprogram untuk mempraktikkan komunikasi data dengan komponen komponen yang ada pada trainer.</li>
 +
    <li style="text-align: justify;line-height: 2;">SPI Header berfungsi sebagai interface pin SPI pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface SPI.</li>
 +
    <li style="text-align: justify;line-height: 2;">I2C Header berfungsi sebagai interface pin I2C pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface I2C.</li>
 +
    <li style="text-align: justify;line-height: 2;">Buzzer yang berfungsi sebagai komponen pendukung media praktikum untuk menerapkan konsep digital output.</li>
 +
    <li style="text-align: justify;line-height: 2;">UART0 Header berfungsi sebagai interface pin UART 0 pada mikrokontroler ESP32. Header UART0 ini menggunakan jalur data serial yang sama dengan jalur data untuk memprogram mikrokontroler ESP32 dari komputer.</li>
 +
    <li style="text-align: justify;line-height: 2;">UART2 Header berfungsi sebagai interface pin UART pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface UART.</li>
 +
    <li style="text-align: justify;line-height: 2;">LLC (''Logic Level Converter'') Header sebagai konverter tegangan jalur data jika trainer akan dihubungkan dengan komponen eksternal yang memiliki tegangan kerja 5 volt.</li>
 +
    <li style="text-align: justify;line-height: 2;">Sensor BMP180 digunakan untuk mempraktikkan konsep interface I2C. Dalam penggunaan trainer, komponen ini sebagai media input untuk menerapkan konsep komunikasi data dengan mikrokontroler melalui interface I2C dengan cara mikrokontroler membaca data tekanan udara dan suhu untuk kemudian ditampilkan pada serial monitor maupun media output lain seperti display. Komponen ini terhubung menggunakan jalur data yang sama dengan RTC DS3231 karena sama sama memiliki interface I2C</li>
 +
    <li style="text-align: justify;line-height: 2;">QR Code sebagai ''shortcut'' untuk membuka panduan penggunaan trainer secara online dengan cara scan QR code untuk kemudian membuka panduan penggunaan melalui gadget.</li>
 +
    <li style="text-align: justify;line-height: 2;">Regulator tegangan untuk menurunkan tegangan input power dari Jack DC ke rangkaian trainer.</li>
 
</ol>
 
</ol>
 
</div>
 
</div>
  <li style="text-align: justify;line-height: 2;">Activity diagram hak akses menu transaksi</li>
 
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Penggunaan trainer interface mikrokontroler dapat disesuaikan dengan materi praktikum yang sedang diajarkan, namun sebelum menggunakan trainer mahasiswa perlu meng-install software Arduino IDE pada komputer, install driver USB to Serial, serta beberapa library pendukung di Arduino IDE sesuai dari fitur yang akan digunakan pada trainer. Dalam menerapkan konsep interfacing mikrokontroler, trainer perlu diprogram mengikuti ketentuan dari library program sesuai protokol interface yang digunakan. Trainer ini dapat diprogram menggunakan bahasa C yang kompatibel dengan arduino, beberapa project arduino pun dapat diterapkan pada trainer Selain bahasa C trainer juga dapat diprogram dengan bahasa python dengan compiler MicroPython.</p></div>
  
<div id="g44" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-SSG9hc3qonQ/XUhmbo7g_BI/AAAAAAAAAkE/23xvb-wlgoEf8N1DHlE9aI-F3ZUw_jk5wCJoC/w530-h311-n/g44.jpg"/></div>
+
<div id="g513" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-IkHGzGTbKTI/XVzgVTBOfgI/AAAAAAAAEeg/zAkbFGd6LJgV4aXRbC85oIoQo6SrSZmogCK8BGAs/s0/2019-08-20.png"/></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.4. Activity Diagram Hak Akses Transaksi Pada Admin Keuangan.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.13''' Program Dengan Bahasa C di Arduino IDE</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Ada beberapa percobaan praktikum yang dapat dilakukan dengan trainer ini sesuai pada materi interfacing mikrokontroler, yaitu percobaan menerapkan konsep interface SPI menggunakan OLED Display, lalu percobaan menerapkan konsep interface I2C menggunakan sensor tekanan udara BMP180 dan RTC, percobaan menerapkan konsep UART dengan menggunakan komponen eksternal yang memiliki interface UART, lalu percobaan menerapkan digital input / output menggunakan ''push button'', LED dan buzzer, sampai percobaan menerapkan pembacaan data analog input menggunakan potensiometer.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Beberapa percobaan tersebut diterapkan sebagai media pembelajaran pada sesi praktikum di mata kuliah interfacing yang akan dijabarkan dengan ''flowchart'' sebagai berikut:</p></div>
<ol>
+
  <li style="text-align: justify;line-height: 2;">Satu initial node, objek awal dalam melakukan kegiatan.</li>
+
  <li style="text-align: justify;line-height: 2;">26 action state, yang mewakilkan eksekusi dari kegiatan yang terdapat pada sistem usulan.</li>
+
  <li style="text-align: justify;line-height: 2;">7 fork node, yang merupakan pilihan dari action yang ada.</li>
+
  <li style="text-align: justify;line-height: 2;">Satu decision node, pada saat login yang terdapat dua  kemungkinan, apabila login benar dengan memasukan username dan password yang benar maka login akan langsung menuju halaman dasboard, dan bila login salah makan akan kembali ke halaman utama untuk mengisi username dan password dengan benar.</li>
+
  <li style="text-align: justify;line-height: 2;">Satu join node</li>
+
  <li style="text-align: justify;line-height: 2;">Satu activity final node, akhiran untuk mengakhiri kegiatan.</li>
+
</ol>
+
</div>
+
  <li style="text-align: justify;line-height: 2;">Activity Diagram hak akses menu laporan</li>
+
  
  
<div id="g45" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-7_LVN5zMVfw/XUhnddBexBI/AAAAAAAAAkw/lvWrI335NUoiswrAwPPHZn8-rZX8uHaSgCJoC/w432-h970-n/g45.jpg"/></div>
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Penerapan Konsep Interface SPI Pada Trainer'''</div>===
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.5. Activity Diagram Hak Akses Laporan Admin Keuangan.</p></div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum interfacing SPI dengan mikrokontroler.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div id="g514" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-U7C2F-dyJgY/XYxnV-1IVbI/AAAAAAAAEyI/T8-a7AvwpmkMG3NVCVv0HNXLQNN2U6NkQCK8BGAsYHg/s0/2019-09-26.png"/></div>
<ol>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.14''' Flowchart Proses Pembelajaran Materi Interface SPI</p></div>
  <li style="text-align: justify;line-height: 2;">Satu initial node, objek awal dalam melakukan kegiatan.</li>
+
  <li style="text-align: justify;line-height: 2;">10 action state, yang mewakilkan eksekusi dari kegiatan yang terdapat pada sistem usulan.</li>
+
  <li style="text-align: justify;line-height: 2;">2 fork node, yang merupakan pilihan dari action yang ada.</li>
+
  <li style="text-align: justify;line-height: 2;">Satu decision node, pada saat login yang terdapat dua  kemungkinan, apabila login benar dengan memasukan username dan password yang benar maka login akan langsung menuju halaman dasboard, dan bila login salah makan akan kembali ke halaman utama untuk mengisi username dan password dengan benar.</li>
+
  <li style="text-align: justify;line-height: 2;">Satu join node</li>
+
  <li style="text-align: justify;line-height: 2;">Satu activity final node,  akhiran untuk mengakhiri kegiatan.</li>
+
</ol>
+
</div>
+
  <li style="text-align: justify;line-height: 2;">Activity diagram sistem yang di usulkan pada manager keungan.</li>
+
  
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dapat dijelaskan gambar 5.14 Flowchart kegiatan pembelajaran materi interface SPI pada mikrokontroler pada mata kuliah Interfacing yaitu:</p></div>
<div id="g46" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-54P9OeEMsR8/XUi9B3wi0LI/AAAAAAAAAmQ/ZrAGiduPCjUKarsRr8iLznSV39lbaCqQACJoC/w432-h970-n/g46.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.6. Activity Diagram Sistem Usulan Pada Manager Keuangan.</p></div>
+
 
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan Gambar 4.6. di atas activity diagram sistem usulan pada admin keuangan mendapati sebuah keterangan berupa:</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Satu initial node, objek awal dalam melakukan kegiatan.</li>
+
  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
  <li style="text-align: justify;line-height: 2;">10 action state, yang mewakilkan eksekusi dari kegitan yang terdapat pada sistem ususlan.</li>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi interface SPI pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkan konsep interface SPI pada trainer dan melakukan percobaan menampilkan data ke OLED display melalui interface SPI.</li>
  <li style="text-align: justify;line-height: 2;">2 fork node, yang merupakan pilihan dari action yang ada.</li>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar interface SPI pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep interface SPI pada mikrokontroler dan output mahasiswa memahami hanya teori dasar interface SPI saja.</li>
  <li style="text-align: justify;line-height: 2;">Satu decision node, pada saat login yang terdapat dua  kemungkinan, apabila login benar dengan memasukan username dan password yang bener maka login akan langsung menuju halaman dasboard, dan bila login salah makan akan kembali ke halaman utama untuk mengisi username dan password dengan benar.</li>
+
     <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.</li>
  <li style="text-align: justify;line-height: 2;">Satu join node</li>
+
     <li style="text-align: justify;line-height: 2;">Satu activity final node, akhiran untuk mengakhiri kegiatan.</li>
+
  </ol>
+
  </div>
+
</ol>
+
</div>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada saat dosen menyampaikan materi praktikum tentang interface SPI pada mikrokontroler, mahasiswa akan menerapkan konsep interface SPI dengan menggunakan OLED Display sebagai media praktik pada trainer. Mahasiswa akan belajar cara mengirim data teks atau gambar untuk ditampilkan pada display dari cara memprogram dan pendefinisian pin out untuk melakukan komunikasi data melalui interface SPI.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Sequence Diagram Sistem Usulan'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep SPI dengan OLED display pada trainer:</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Sequence Diagram menggambarkan interaksi yang terjadi antar objek baik dalam maupun di sekitar sistem berupa messages yang digambarkan terhadap waktu. Berikut ini merupakan sequence diagram sistem usulan.</p></div>
+
<div id="t56" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.6''' Listing Program SPI ''Example''</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
<ol type="a">
+
<table align="center" width="700" border="1">
  <li style="text-align: justify;line-height: 2;">Sequence diagram Admin keuangan.</li>
+
<tr>
 +
<td width="700">
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">
 +
  .
 +
  #include <SPI.h> //deklarasi library SPI
 +
  #include <Wire.h> //deklarasi library SPI
 +
  #include <Adafruit_GFX.h> //deklarasi library OLED display
 +
  #include <Adafruit_SSD1306.h> //deklarasi library OLED display
 +
 
 +
  #define SCREEN_WIDTH 128 // OLED display width, in pixels
 +
  #define SCREEN_HEIGHT 64 // OLED display height, in pixels
 +
 
 +
  // Deklaarasi pin SPI OLED display:
 +
  #define OLED_MOSI  23
 +
  #define OLED_CLK  18
 +
  #define OLED_DC    4
 +
  #define OLED_CS    5
 +
  #define OLED_RESET 15
 +
  Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT,
 +
  OLED_MOSI, OLED_CLK, OLED_DC, OLED_RESET, OLED_CS);
 +
 
 +
  void setup() {
 +
  Serial.begin(9600);
 +
  }
 +
 
 +
  void loop() {
 +
  display.clearDisplay(); // Display Text
 +
  display.setTextSize(1);
 +
  display.setTextColor(WHITE);
 +
  display.setCursor(0,28);
 +
  display.println("Hello world!"); // tampilkan teks pada layar
 +
  display.display();
 +
  delay(2000);
 +
  display.clearDisplay();
 +
  }
 +
</p></div>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Penerapan Konsep Interface I2C Pada Trainer'''</div>===
  
<div id="g47" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-fOPZzICBoLw/XUjDOSD5RRI/AAAAAAAAAm0/1YfCl_UtoMEZLeZN-XUanfMC_RmmXvWmQCL0BGAs/w530-d-h197-n/g47.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum interfacing I2C dengan mikrokontroler.</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.7. Sequence Diagram Sistem Usulan Pada Admin Keuangan.</p></div>
+
  
 +
<div id="g515" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-J2kw_LhuzOU/XYxnXm_3ZMI/AAAAAAAAEyM/1tbvlHMyklkkFormAjtSo3ikfgJ598MIQCK8BGAsYHg/s0/2019-09-26.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.15''' Flowchart Proses Pembelajaran Materi Interface I2C</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan gambar di atas, sequence diagram sistem usulan terdapat:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dapat dijelaskan gambar 5.15 Flowchart kegiatan pembelajaran materi interface I2C pada mikrokontroler pada mata kuliah Interfacing yaitu:</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Satu Actor yang melakukan kegiatan yaitu admin keuangan.</li>
+
  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
  <li style="text-align: justify;line-height: 2;">20 Lifeline antarmuka yang saling berinteraksi, diantaranya: Halaman Utama, Login, Blok, unit, hook, plafon, costumer, sp3k, menu, user, role, angsuran uangmuka, angsuran plafon, angsuran hook, booking, pengembalian, report keseluruhan, report costumer dan logout.</li>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi interface I2C pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkan konsep interface I2C pada trainer dan melakukan percobaan membaca data tekanan udara dari sensor BMP180 dan membaca data waktu dari RTC melalui interface I2C.</li>
  <li style="text-align: justify;line-height: 2;">22 spesifikasi massage diantaranya: mengakses sistem dan masuk kedelam halaman utama, melakukan login, validasi, login gagal, login berhasil, (add, edit, delete) blok, (add, edit, delete) unit, (add, edit, delete) hook, (add, edit, delete) plafon, (add, edit, delete) costumer, (add, edit, delete) sp3k, (add, edit, delete) menu, (add, edit, delete) user,  (add, edit, delete) role, (add, edit, delete) angsuran uangmuka, (add, edit, delete) angsuran plafon, (add, edit, delete) angsuran hook, (add, edit, delete) booking, (add, edit, delete) pengembalian, view dan print report keseluruhan, view report costumer.</li>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar interface I2C pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep interface I2C pada mikrokontroler dan output mahasiswa memahami hanya teori dasar interface I2C saja.</li>
 +
    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.</li>
 
</ol>
 
</ol>
 
</div>
 
</div>
  <li style="text-align: justify;line-height: 2;">Sequence diagram manager keuangan</li>
 
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada saat dosen menyampaikan materi praktikum tentang interface I2C pada mikrokontroler, mahasiswa akan menerapkan konsep interface I2C dengan menggunakan sensor tekanan udara BMP180 dan RTC DS3231 sebagai media praktik pada trainer. Mahasiswa akan belajar cara mengakses data dari sensor dan kemudian mengambil data yang dihasilkan sensor berupa data tekanan udara, suhu dan data waktu. Serta mahasiswa akan belajar cara memprogram, pengalamatan dalam mengakses data sensor dan pendefinisian pinout untuk melakukan komunikasi data melalui interface I2C.</p></div>
  
<div id="g48" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-LZPO76hNrOo/XUjDvkoqnII/AAAAAAAAAnQ/7cPz4_BqpTgwhME7MzyfpC-9T-vIMydZgCL0BGAs/w530-d-h159-n/g48.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep I2C dengan RTC pada trainer:</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.8. Sequence Diagram Sistem Usulan Pada Manager Keuangan.</p></div>
+
  
 +
<div id="t57" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.7''' Listing Program I2C ''Example''</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan gambar di atas, sequence diagram sistem usulan terdapat:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
 
+
<table align="center" width="900" border="1">
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<tr>
<ol>
+
<td width="900">
  <li style="text-align: justify;line-height: 2;">Satu Actor yang melakukan kegiatan yaitu manager keuangan.</li>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">
   <li style="text-align: justify;line-height: 2;">6 lifeline antar muka yang saling berinteraksi diantaranya: Halaman utama, home, dashboard, report keseluruhan, report costumer, logout.</li>
+
  .
     <li style="text-align: justify;line-height: 2;">8 massage diantaranya: mengakses sistem dan masuk kehalaman utama, melakukan login, validasi, login gagal, login gagal, view dan print report keseluruhan, view report costumer, logout.</li>
+
  #include <Wire.h> //deklarasi library I2C
  </ol>
+
   #include "RTClib.h" //deklarasi library RTC (alamat I2C sudah terdeklarasi)
  </div>
+
  RTC_DS3231 rtc; //pemanggilan fungsi RTC
</ol>
+
  char daysOfTheWeek[7][12] = {"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday",  
 +
    "Friday", "Saturday"};
 +
 
 +
  void setup () {
 +
  Serial.begin(9600); //deklarasi serial
 +
  }
 +
  void loop () {
 +
     DateTime now = rtc.now();
 +
    Serial.print(now.year(), DEC); //tampilkan data tahun pada serial monitor
 +
    Serial.print('/');
 +
    Serial.print(now.month(), DEC); //tampilkan data bulan pada serial monitor
 +
    Serial.print('/');
 +
    Serial.print(now.day(), DEC); //tampilkan data tangga pada serial monitor
 +
    Serial.print(" (");
 +
    Serial.print(daysOfTheWeek[now.dayOfTheWeek()]); //data hari
 +
    Serial.print(") ");
 +
    Serial.print(now.hour(), DEC); //tampilkan data jam
 +
    Serial.print(':');
 +
    Serial.print(now.minute(), DEC); //tampilkan data meit
 +
    Serial.print(':');
 +
    Serial.print(now.second(), DEC); //tampilkan data detik
 +
    Serial.println();
 +
    delay(3000);
 +
  }
 +
 
 +
</p></div>
 +
</td>
 +
</tr>
 +
</table>
 
</div>
 
</div>
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Penerapan Konsep Interface UART Pada Trainer'''</div>===
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perbedaan Prosedur Antara Sistem Berjalan Dengan Sistem Usulan '''</div>==
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum interfacing UART dengan mikrokontroler.</p></div>
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan analisa yang dilakukan oleh peneliti, maka terdapat sejumlah perberdaan pada prosedur yang ada, antara prosedur yang berjalan dengan prosedur yang diusulkan peneliti, dan berikut perbedaanya:</p></div>
+
 
+
<div id="t41" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.1. Perbedaan Prosedur Antara Sistem Yang Berjalan Dengan Sistem Usulan</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-9-RX_0j9iD0/XUjFNktnggI/AAAAAAAAAn8/kHaKmRikX4gHe3MOEGtjjjAfhoDEN_3OgCL0BGAs/w530-d-h703-n/t41.jpg"/></div>
+
 
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Basis Data '''</div>==
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada sub bab ini akan menjelaskan secara terperinci mengenai rancangan-rancangan sistem yang diusulkan pada bagian basis data yang merupakan penjabaran diagram-diagram diatas.</p></div>
+
 
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Class Diagram  '''</div>===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut ini adalah gambar rancangan class diagram sistem usulan:</p></div>
+
 
+
 
+
<div id="g49" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-NO5GWJc0UlM/XUjFWEzZcwI/AAAAAAAAAoQ/DauhLa3m2McM03wmAA8V39lUqRlSJ-tLwCL0BGAs/w530-d-h448-n/g49.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.9. Class Diagram Sistem Usulan</p></div>
+
  
 +
<div id="g516" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-SJowbTbOZsM/XYxnUzqMqII/AAAAAAAAEyE/U2wxBmQcAcI-KEV8M7VVZJPSp2bgO1qxACK8BGAsYHg/s0/2019-09-26.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.16''' Flowchart Proses Pembelajaran Materi Interface UART</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan gambar di atas, terdapat sebuah keterangan mengenai desain database sistem usulan, berikut keterangannya:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dapat dijelaskan gambar 5.16 Flowchart kegiatan pembelajaran materi interface UART pada mikrokontroler pada mata kuliah Interfacing yaitu :</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">14 Class himpunan dari objek-objek yang berbagi atribut serta operasi yang sama yaitu: sys_user, sys_role, sys_menu, m_unit, m_hook, m_costumer, m_sp3k, m_plafon, m_blok, t_booking, t_byrplafon, t_byrhook, t_angsuran, t_dikembalikan.</li>
+
  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
  <li style="text-align: justify;line-height: 2;">13 assocation, hubungan antar objek satu dengan objek lainya yang mempunyai nilai.</li>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi interface UART pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkan konsep interface UART pada trainer dan melakukan percobaan mengirim dan menerima data dari trainer ke mikrokontroler lain atau komponen lain yang menggunakan interface UART.</li>
 +
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar interface UART pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep interface UART pada mikrokontroler dan output mahasiswa memahami hanya teori dasar interface UART saja.</li>
 +
    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.</li>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada saat dosen menyampaikan materi praktikum tentang interface UART pada mikrokontroler, mahasiswa akan menerapkan konsep interface UART dengan komponen eksternal yang memiliki interface UART seperti mikrokontroler atau sensor dengan data serial sebagai media praktik pada trainer. Mahasiswa akan belajar cara membaca dan mengirim data dengan komponen eksternal tersebut yang harus dihubungkan dengan pin header UART2 pada trainer. Mahasiswa juga akan belajar cara memprogram, cara pengiriman atau menerima data dan pendefinisian pin out untuk melakukan komunikasi data melalui interface UART.</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Spesifikasi Basis Data'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep UART dengan komponen eksternal:</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada sus bab ini akan membahas tentang spesifikasi basis data yang merupakan rincian dari suatu class diagram yang dibuat. Spesifikasi basis data yang digunakan dalam pembuatan sistem adalah sebagai berikut:</p></div>
+
<div id="t58" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.8''' Listing Program UART2 ''Example''</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
<ol>
+
<table align="center" width="900" border="1">
  <li style="text-align: justify;line-height: 2;">Nama Tabel : m_unit </li>
+
<tr>
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<td width="900">
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : unit_id</p>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 37</p>
+
  .
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
  #define RXD2 16  //deklarasi pin RX2 pada trainer
 +
  #define TXD2 17 //deklarasi TX2 pada trainer
 +
 
 +
  //UART2 terhubung dengan komponen eksternal yaitu aduino uno
 +
 
 +
  void setup() {
 +
 
 +
    // Serial2.begin(baud-rate, protocol, RX pin, TX pin);
 +
    Serial.begin(115200); //serial ke USB
 +
   
 +
    Serial2.begin(9600, SERIAL_8N1, RXD2, TXD2); //serial ke UART2
 +
    Serial.println("Serial Txd is on pin: "+String(TX));
 +
    Serial.println("Serial Rxd is on pin: "+String(RX));
 +
  }
 +
  void loop() { //Choose Serial1 or Serial2 as required
 +
    while (Serial2.available()) {
 +
      Serial.print(char(Serial2.read())); //membaca data UART2 dan tampilkan ke serial monitor
 +
    }
 +
  }
 +
 
 +
</p></div>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
  
<div id="t42" align="center">
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Penerapan Konsep Digital Input Output pada Trainer'''</div>===
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.2. Tabel m_unit</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum digital input output pada mikrokontroler.</p></div>
<img width="400px" src="https://lh3.googleusercontent.com/-icQi1keufoo/XUk5l7HUp2I/AAAAAAAAApI/-DpJtVb0m_wOq5Dta3_aqx0sdksK2ODdwCJoC/w530-h260-n/t42.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : m_blok</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : blok_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 13</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
  
<div id="t43" align="center">
+
<div id="g517" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-8yqBqnFjB5s/XYxnY8dlgsI/AAAAAAAAEyQ/7-qbuzmgdS4E14L_wCwo7U40Sya-WnWEQCK8BGAsYHg/s0/2019-09-26.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.17''' Flowchart Proses Pembelajaran Materi Digital Input Output</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.3. Tabel m_blok</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dapat dijelaskan gambar 5.17 Flowchart kegiatan pembelajaran materi digital input output pada mikrokontroler pada mata kuliah Interfacing yaitu:</p></div>
<img width="400px" src="https://lh3.googleusercontent.com/-9agHUq3Iryk/XUk6JET90qI/AAAAAAAAApo/kk8s1lOYOJIHiZeBKe_muoMwsz9Q-i7VACJoC/w530-h135-n/t43.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : m_costumer</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : costumer_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 465</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
 
+
<div id="t44" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.4 Tabel m_costumer</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-OoNGa_K8L5Q/XUk7W3cBDWI/AAAAAAAAAqw/klKs4Fe0AtgcQvT_s45T0WPrF2Y-3mhBwCJoC/w530-h884-n/t44.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : m_sp3k</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : sp3k_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 33</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
 
+
<div id="t45" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.5.  Tabel m_sp3k</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-AYJHyD-FgRs/XUk731pQ_pI/AAAAAAAAArM/Zj74kFMGs2QtnT4XtPU_kWarFob-1OIDgCJoC/w530-h281-n/t45.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : m_plafon</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : plafon_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 45</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
 
+
<div id="t46" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.6.  Tabel m_plafon</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-KUTkrx9dhqE/XUk8kZO-6EI/AAAAAAAAAr4/zdV34raoG5QJyIa3sv3Wq58Z85YVYSNjwCJoC/w530-h188-n/t46.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : m_hook</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : hook_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : </p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
 
+
<div id="t47" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.7.  Tabel m_hook</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/--gPp30jecSg/XUpC-PjyAnI/AAAAAAAAAtM/vxkQGWz11H08O-5WP5e9kkB1ZWUKdx7AgCL0BGAs/w530-d-h167-n/t47.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : m_hook</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : hook_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 154</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
 
+
<div id="t48" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.8. Tabel t_booking</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-P-j3EB4unW4/XUpD54TpsBI/AAAAAAAAAts/tjw3_V0AbtMsrpLyOFP9R9meFu4JhGCYwCJoC/w530-h879-n/t48.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : t_byrplafon</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : byrplafon_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 42</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
 
+
<div id="t49" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.9. Tabel t_byrplafon</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-C-t1tCaHpDI/XUpEs3sBHfI/AAAAAAAAAuU/Bn9Ul0y7Jsst72AcxsZfrX9hK4g7VVUJQCJoC/w530-h498-n/t49.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : t_byrhook</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : byrhook_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 42</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
 
+
<div id="t410" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.10. Tabel t_byrhook</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-RtnjCP_StLg/XUpFhkPwAoI/AAAAAAAAAu8/HZiox5tpB8cMXEdlTHtNOUa8ibzQrXxAQCJoC/w530-h427-n/t410.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : t_angsuran</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : angsuran_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 56</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
 
+
<div id="t411" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.11.  Tabel t_angsuran</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-j_7dCxUUIo4/XUpGEsf9fRI/AAAAAAAAAvk/QUwfy1Y5SCwMoMHfegxexi4jNv9Yj1oUgCJoC/w530-h547-n/t411.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : t_dikembalikan</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : pengembalian_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 55</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
 
+
<div id="t412" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.12. Tabel t_pengembalian</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-nAxiRbZGy-o/XUpGk-ZNKbI/AAAAAAAAAwI/pjbQOmaD9xknhduRgTvYNE_xLeRNPCBlwCL0BGAs/w530-d-h526-n/t412.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : sys_user</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : user_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 307</p>
+
 
+
<div id="t413" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.13.  Tabel sys_user</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-StghEjnIsLU/XUpG_ePJVnI/AAAAAAAAAww/mO-jnu1ogRsnBFzmk8BhGKCs035g_qrvQCJoC/w530-h233-n/t413.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : sys_role</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : role_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 543</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
 
+
<div id="t414" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.14. Tabel sys_role</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-IuyeddDyVQQ/XUpH086H_vI/AAAAAAAAAxc/EZrPV3j1z8IN9HCy1NMgJdl8SihIsCR5QCJoC/w530-h481-n/t414.jpg"/></div>  <li style="text-align: justify;line-height: 2;">Nama Tabel : sys_menu</li>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : menu_id</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 1330</p>
+
<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+
 
+
<div id="t415" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.15.  Tabel sys_menu</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-wTy4tM8I6E0/XUpIn4iP3-I/AAAAAAAAAx8/QJfo9wYyLq4SuKhWbsytZ5hL6GlDstEtgCJoC/w530-h639-n/t415.jpg"/></div>
+
</ol>
+
</div>
+
 
+
 
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Rancangan Prototype'''</div>==
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada tahapan ini peneliti akan menggambarkan rancangan gambar bangun sistem usulan secara lengkap terhadap para pengguna sistem usulan kedepannya. Berikut adalah prototype atau tampilan dari perancangan sistem informasi angsuran uangmuka rumah yang akan dibuat yaitu:</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Tampilan Prototype Halaman Menu Login</li>
+
  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
 
+
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi digital input output pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkannya pada trainer dan melakukan percobaan membaca nilai kondisi dari ''push button'' jika ditekan kemudian menyalakan LED dan buzzer.</li>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Tampilan menu login berisi tampilan untuk memasukan username dan password.</p></div>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar “digital input output” pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep “digital input output” pada mikrokontroler dan output mahasiswa memahami hanya teori dasar “digital input output” saja.</li>
 
+
    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.</li>
 
+
<div id="g410" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-JYLRhJXAVhw/XUpJrDDrz8I/AAAAAAAAAzI/AGBFOET8He0_6ewXKvVyREu600S1BxYdACL0BGAs/w530-d-h291-n/g410.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.10. Prototype Halaman Menu Login</p></div>
+
 
+
  <li style="text-align: justify;line-height: 2;">Tampilan prototype halaman menu dashboard, yang berisikan tampilan grafik penjulan unit.</li>
+
 
+
 
+
<div id="g411" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-TrCn5K4tLiI/XUpJ3kCy4bI/AAAAAAAAAzk/cb-9pM7SFpsFwqQlPAGJCIH3H6TYWM3qwCL0BGAs/w530-d-h283-n/g411.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.11. Prototype Halaman Dashboard</p></div>
+
 
+
  <li style="text-align: justify;line-height: 2;">Tampilan prototype halaman menu booking, dengan berisikan inputan transksi booking unit yang terjadi pada perusahaan.</li>
+
 
+
 
+
<div id="g412" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-OUUjfpx99Sc/XUpKlUhQ6VI/AAAAAAAAA00/dn6GirAPIpYadnlZNQRtUJ_qmj8VjPwYgCL0BGAs/w530-d-h283-n/g412.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.12. Prototype Halaman Booking</p></div>
+
 
+
  <li style="text-align: justify;line-height: 2;">Tampilan prototype halaman menu angsuran uangmuka, dengan berisikan inputan transksi angsuran uangmuka yang terjadi pada perusahaan.</li>
+
 
+
 
+
<div id="g413" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-cjGDvmm2k_M/XUpK6vDFs1I/AAAAAAAAA1c/A1jjG8dvZBAR7KC-9oSGgzFXtI0IlLZWACL0BGAs/w530-d-h284-n/g413.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.13. Prototype Halaman Angsuran Uangmuka</p></div>
+
 
+
  <li style="text-align: justify;line-height: 2;">Tampilan prototype halaman menu angsuran plafon, dengan berisikan inputan transksi angsuran plafon yang terjadi pada perusahaan.</li>
+
 
+
 
+
<div id="g414" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-WVPM18Kyh3c/XUpOG2UQWFI/AAAAAAAAA2Y/PxvMnAR3uoEI9QxZJbj9rs-0w-52o1-cwCJoC/w530-h282-n/g414.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.14. Prototype Halaman Angsuran Plafon</p></div>
+
 
+
  <li style="text-align: justify;line-height: 2;">Tampilan prototype halaman menu angsuran hook, dengan berisikan inputan transksi angsuran hook yang terjadi pada perusahaan.</li>
+
 
+
 
+
<div id="g415" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-5MI2nG-XofE/XUpOlm02DMI/AAAAAAAAA3A/aI7pLMFBtHgMZvH17io9F1t1BNOzIqyPACJoC/w530-h283-n/g415.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.15. Prototype Halaman Angsuran Hook</p></div>
+
 
+
  <li style="text-align: justify;line-height: 2;">Tampilan prototype halaman menu pengembalian, dengan berisikan inputan transksi pengembalian sejumlah uang yang telah diangsur kepada costumer yang terjadi pada perusahaan.</li>
+
 
+
 
+
<div id="g416" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-4UDp_xKq-po/XUpPQx7jNaI/AAAAAAAAA3o/T1PWotp71GYgZ0eKbCmV38hsnyjK_73QwCJoC/w530-h282-n/g416.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.16. Prototype Halaman Pengembalian</p></div>
+
 
</ol>
 
</ol>
 
</div>
 
</div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada saat dosen menyampaikan materi praktikum tentang digital input output pada mikrokontroler, mahasiswa akan menerapkan konsep tersebut dengan menggunakan ''push button'', LED dan buzzer sebagai media praktik pada trainer. Mahasiswa akan belajar cara membaca nilai input dari push button, kemudian bagaimana cara menyalakan LED dan buzzer baik menggunakan ''trigger'' maupun sudah ditetapkan pada program.</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep digital input dengan ''push button'':</p></div>
  
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Impelementasi Sistem Yang Diusulkan'''</div>==
+
<div id="t59" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.9''' Listing Program Digital Input</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
 +
<table align="center" width="900" border="1">
 +
<tr>
 +
<td width="700">
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">
 +
  .
 +
  int atas = 34;
 +
  int bawah = 35;
 +
  int kiri = 36;
 +
  int kanan = 39;
 +
 
 +
  void setup() {
 +
    // put your setup code here, to run once:
 +
    Serial.begin(9600);
 +
   
 +
    pinMode(atas, INPUT);
 +
    pinMode(bawah, INPUT);
 +
    pinMode(kiri, INPUT);
 +
    pinMode(kanan, INPUT);
 +
  }
 +
 
 +
  void loop() {
 +
    // put your main code here, to run repeatedly:
 +
    int up = digitalRead(atas);
 +
    int down = digitalRead(bawah);
 +
    int left = digitalRead(kiri);
 +
    int right = digitalRead(kanan);
 +
    if (up == HIGH)
 +
    {
 +
      Serial.println("UP");
 +
    }
 +
    if (down == HIGH)
 +
    {
 +
      Serial.println("DOWN");
 +
    }
 +
    if (left == HIGH)
 +
    {
 +
      Serial.println("LEFT");
 +
    }
 +
    if (right == HIGH)
 +
    {
 +
      Serial.println("RIGHT");
 +
    }
 +
    delay(150);
 +
  }
 +
 
 +
</p></div>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Menampilkan Halaman Login'''</div>===
 
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep digital output dengan LED':</p></div>
  
<div id="g417" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-ImCYDfVosT8/XUpkqet8deI/AAAAAAAAA4Y/YrYWfd5naiosnJ1fEGeKdhoa6i4_oR50QCL0BGAs/w530-d-h366-n/g417.jpg"/></div>
+
<div id="t510" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.10''' Listing Program Digital Output</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.17. Tampilan Halaman Login</p></div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
 +
<table align="center" width="900" border="1">
 +
<tr>
 +
<td width="900">
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">
 +
  .
 +
  void setup() {
 +
    pinMode(2, OUTPUT); //inisialisasi pin 2 sebagai output
 +
  }
 +
 
 +
  void loop() {
 +
    digitalWrite(2, HIGH);    //menyalakan LED pada pin no 2 (HIGH yaitu level tegangan)
 +
    delay(1000);              //jeda 1000 mili second (1 detik)
 +
    digitalWrite(2, LOW);    //mematikan LED pada dengan mengubah level tegangan ke LOW
 +
    delay(1000);
 +
  }
 +
 
 +
</p></div>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
  
 +
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Penerapan Konsep Analog Input pada Trainer'''</div>===
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Menampilkan Halaman Dashboard'''</div>===
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum analog input pada mikrokontroler.</p></div>
  
 +
<div id="g518" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-8XNkcUxjcEE/XYxnToQ-awI/AAAAAAAAEyA/CbahGcSbP80xpN5ikrphFDQ40s3d2FeOQCK8BGAsYHg/s0/2019-09-26.png"/></div>
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 5.18''' Flowchart Proses Pembelajaran Materi Analog Input</p></div>
  
<div id="g418" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-qQkUHYQoGiE/XUpk9x_kKyI/AAAAAAAAA44/gHPt2WXY9hUqR_Gs7eFarsAr0wymm5_fACJoC/w530-h261-n/g418.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Dapat dijelaskan gambar 5.18 Flowchart kegiatan pembelajaran materi analog input pada mikrokontroler pada mata kuliah Interfacing yaitu:</p></div>
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.18. Tampilan Halaman Dashboard</p></div>
+
 
+
 
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Menampilkan Halaman Menu Booking'''</div>===
+
 
+
 
+
<div id="g419" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-n2WajkQOa50/XUplyyoQeGI/AAAAAAAAA5o/5nuiJBA0FVYC4cUcJWSNvtWPcSR4FC5EwCJoC/w530-h248-n/g419.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.19. Tampilan Halaman Booking</p></div>
+
 
+
 
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Menampilkan Halaman Menu Angsuran Uangmuka'''</div>===
+
 
+
 
+
<div id="g420" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-nFXOZdLmZ80/XUpmjeeXCBI/AAAAAAAAA6A/IBHBYql1bjwFuN90lffZJ2koJnYJTxZqACL0BGAs/w530-d-h248-n/g420.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.20. Tampilan Halaman Angsuran Uangmuka</p></div>
+
 
+
 
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Menampilkan Halaman Menu Bayar Plafon'''</div>===
+
 
+
 
+
<div id="g421" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-EcbRiqW78fA/XUpnFArSMWI/AAAAAAAAA6o/r1KDE3KLxZsnVigbnBhJOYIzkayxHn4cgCJoC/w530-h246-n/g421.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.21. Tampilan Halaman Menu Bayar Plafon</p></div>
+
 
+
 
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Menampilkan Halaman Menu Bayar Hook'''</div>===
+
 
+
 
+
<div id="g422" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-CrQcoHr2j6E/XUpnoWNPQmI/AAAAAAAAA7I/dydmip3E2xQDtLp4THrYDBY61hO8KMYZwCJoC/w530-h253-n/g422.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.22. Tampilan Halaman Menu Bayar Hook</p></div>
+
 
+
 
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Menampilkan Halaman Menu Pengembalian'''</div>===
+
 
+
 
+
<div id="g423" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-dOzvXw7_iBg/XUpoHH4GwCI/AAAAAAAAA7s/-pmSLvT-UJMpj4DLVQpDpiJ3iWXc_8YPgCJoC/w530-h241-n/g423.jpg"/></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Gambar 4.23. Tampilan Halaman Menu Pengembalian</p></div>
+
 
+
 
+
 
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Testing'''</div>==
+
 
+
 
+
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Metode Implementasi'''</div>===
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Implementasi dari Program Sistem Informasi Anguran Uangmuka Rumah Berbasis WEB demi memaksimalkan kinerja pada perusahaan, sebelum diimplementasikannya program tersebut maka dilakukan terlebih dahulu pengujian dengan menggunakan metode Black Box Testing. Metode tersebut merupakan metode pengujian yang mengutamakan kebutuhan fungsi dari suatu program. Dan tujuan dari Black Box Testing adalah:</p></div>
+
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
<ol type="a">
+
<ol>
  <li style="text-align: justify;line-height: 2;">Dapat mengetahui pesan kesalahan dan umpan balik (feedback) atau tanggapan yang diberikan oleh sistem pada tahapan pengujian</li>
+
  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</li>
  <li style="text-align: justify;line-height: 2;">Bisa melaksanakan analisa serta mengevaluasi dari pengujian yang dilakukan pada sistem tersebut.</li>
+
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi analog input pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkannya pada trainer dan melakukan percobaan membaca nilai analog input dari potensiometer jika diputar.</li>
 +
    <li style="text-align: justify;line-height: 2;">Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar “analog input” pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep “analog input” pada mikrokontroler dan output mahasiswa memahami hanya teori dasar “analog input” saja.</li>
 +
    <li style="text-align: justify;line-height: 2;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.</li>
 
</ol>
 
</ol>
 
</div>
 
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pengujian dengan metode Black Box Testing ini dilakukan dengan cara memberikan sejumlah input pada program. Input tersebut kemudian akan diproses sesuai dengan kebutuhan fungsionalnya yaitu untuk mengetahui apakah program aplikasi tersebut dapat menghasilkan output yang sesuai dengan yang diinginkan dan sesuai pula dengan fungsi dasar dari program tersebut. Apabila dari input yang diberikan, proses dapat menghasilkan output yang sesuai dengan kebutuhan fungsionalnya, maka program yang dibuat sudah benar, tetapi jika output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya, maka dapat dikatakan masih terdapat kesalahan pada program tersebut, dan selanjutnya akan dilakukan penelusuran untuk memperbaiki kesalahan yang terjadi.</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Pada saat dosen menyampaikan materi praktikum tentang analog input pada mikrokontroler, mahasiswa akan menerapkan konsep tersebut dengan menggunakan potensiometer sebagai media praktik pada trainer. Mahasiswa akan belajar cara membaca nilai input berupa data analog dari potensiometer.</p></div>
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep analog input dengan Potensiometer:</p></div>
  
===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Testing'''</div>===
+
<div id="t511" style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Tabel 5.11''' Listing Program Analog Input</p></div>
  
<div id="t416" align="center">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
 +
<table align="center" width="900" border="1">
 +
<tr>
 +
<td width="900">
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">
 +
  .
 +
  #define pot 33
 +
 
 +
  void setup()
 +
  {
 +
    Serial.begin(9600);  // inisialisasi baud rate serial monitor
 +
    pinMode(pot, INPUT); //set pin 33 sebagai input potensiometer
 +
  }
 +
 
 +
  void loop()
 +
  {
 +
    int value = analogRead(pot); //membaca nilai analog
 +
    Serial.println(value);      //mencetak nilai analog input ke serial monitor
 +
    delay(300);
 +
  }
 +
 
 +
</p></div>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.16. Tabel Pengujian Black Box Testing</p></div>
+
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB VI'''</div>=
<img width="400px" src="https://lh3.googleusercontent.com/-_GufikYHFJk/XUpqJ9guY8I/AAAAAAAAA8c/S0Fgee9sY8AAmnfO7NdOWWDUu3jnvWoJQCJoC/w530-h1836-n/t416.jpg"/></div>
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''KESIMPULAN DAN SARAN'''</div>
 
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Time Schedule'''</div>==
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Perancangan sistem yang diusulkan pada PT. Dinamika Bersama memakan waktu kurang lebih 5 bulan, dan berikut adalah keterangan waktu pada kegiatan yang dilakukan selam merancanng system usulan:</p></div>
+
 
+
<div id="t417" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.17.  Tabel Time Schedule</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-v0P3GS_v1ac/XUpqsoON0BI/AAAAAAAAA84/_o8ifGCycQI8TXMgNOBNWyg2WYeVZnT_wCJoC/w530-h496-n/t417.jpg"/></div>
+
 
+
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Estmasi Biaya'''</div>==
+
 
+
<div id="t418" align="center">
+
 
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">Tabel 4.18.  Estimasi Biaya</p></div>
+
<img width="400px" src="https://lh3.googleusercontent.com/-fa-GRaeMYuc/XUprTpnu3zI/AAAAAAAAA9c/1Zo6n5zWKu08ZQ3vqccDS-LWpYTmicIBwCJoC/w530-h491-n/t418.jpg"/></div>
+
 
+
 
+
=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB V'''</div>=
+
<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''PENUTUP'''</div>
+
  
  
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Kesimpulan'''</div>==
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Kesimpulan'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan rumusan masalah yang tercabtum pada bab satu maka penelitian ini dapat disumpulkan, adapun kesimpulannya sebagai berikut:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Berdasarkan hasil analisis dan penelitian yang telah dilakukan pada proses pembelajaran di mata kuliah interfacing pada Universitas Raharja, maka dapat diambil kesimpulan bahwa perancangan trainer interface mikrokontroler sebagai media pembelajaran pada mata kuliah interfacing menghasilkan sebuah alat yang ditujukan sebagai media untuk membantu menerapkan dan mempraktikkan konsep dasar teknik interfacing pada mikrokontroler untuk dapat digunakan dalam kegiatan praktikum.</p></div>
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Saat ini proses praktikum yang berjalan pada mata kuliah interfacing masih belum efektif dan efisien, dimana beberapa mahasiswa masih kesulitan dalam memahami materi interfacing karena ketiadaan media praktikum. Pada mata kuliah interfacing juga terdapat sesi praktikum namun karena tidak adanya media praktikum yang tersedia membuat mahasiswa diharuskan membawa sendiri bahan dan komponen praktikum yang selanjutnya harus dirangkai dan dirakit terlebih dahulu sebelum digunakan untuk mempraktikkan teori interfacing mikrokontroler yang tentunya sangat menyita waktu pada sesi praktikum sehingga materi pemahaman yang didapatkan kurang maksimal.</p></div>
<ol>
+
  <li style="text-align: justify;line-height: 2;">Bahwa sistem angsuran uangmuka rumah yang sedang berjalan masih semi terkomputerisasi karena masih  mengandalkan kertas dan komputer yaitu (Microsoft Exel dan Microsoft Word).  </li>
+
  <li style="text-align: justify;line-height: 2;">Sistem angsuran uangmuka rumah pada PT. Dinamika Bersama belum dilaksanakan secara efektif dan efisien, karena kurangnya sistem yang memadai, dan belum terkomputerisasi dengan baik.</li>
+
  <li style="text-align: justify;line-height: 2;">Sistem angsuran uangmuka rumah memerlukan sistem yang terkomputerisasi agar pengolahan data yang diinginkan menjadi akurat dan mudah didapat. Maka peneliti merancang sistem informasi penyewaan angsuran uangmuka rumah  dengan menggunakan Sublime text  sebagai proses penulisan dan PHP seabagai Bootstrap, serta XAMPP sebagai localhost dan MySQL sebagai Database. Untuk merancang sistem </li>
+
</ol>
+
</div>
+
  
 +
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Merancang media pembelajaran berupa trainer yang didalamnya terdapat komponen pendukung dan buku panduan untuk mempraktikkan konsep interface mikrokontroler diantaranya interface SPI, I2C, UART serta input output digital maupun analog yang semua komponen tersebut sudah tertanam pada satu papan sirkuit (PCB) trainer beserta mikrokontroler nya yang sudah saling terhubung, diharapkan dapat memberikan kemudahan bagi mahasiswa maupun dosen pada sesi praktikum di mata kuliah interfacing. Trainer yang dirancang nantinya akan digunakan sebagai media praktikum untuk menerapkan konsep interfacing mikrokontroler dengan melakukan percobaan percobaan yang diterapkan ke mikrokontroler dan komponen pendukung pada trainer. Penggunaan trainer pada proses praktikum diharapkan dapat meningkatkan efektifitas dan efisiensi karena tidak memerlukan banyak waktu untuk menyiapkan bahan praktikum, serta materi yang diberikan dosen mampu dipahami sesuai tujuan dari pembelajaran mata kuliah interfacing.</p></div>
  
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Saran'''</div>==
 
==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Saran'''</div>==
  
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Untuk mendapat menunjang kinerja yang lebih baik serta menyelesaikan permasalahan yang ada pada sistem angsuran uangmuka rumah saat ini, penulis mencoba memberikan saran dan pendapat sebagai berikut:</p></div>
+
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Adapun saran yang diberikan penulis sebagai acuan untuk melakukan pengembangan sehingga pada penelitian selanjutnya agar dapat mengembangkan rancangan lebih baik lagi. Sehingga kekurangan dan mungkin kesalahannya dapat diperbaiki. Berikut adalah beberapa saran dari penulis yaitu:</p></div>
  
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 
<ol>
 
<ol>
  <li style="text-align: justify;line-height: 2;">Adanya sistem yang baru, pemakai disarankan untuk memperhatikan kekurangan dan kelemahan sistem agar dapat segera dicari pemecahan dan segera diperbaiki.</li>
+
  <li style="text-align: justify;line-height: 2;">Alat trainer ini dapat dikembangkan sebagai alat pembelajaran ''Internet Of Things'' karena mikrokontroler yang digunakan pada trainer ini sudah dilengkapi kemampuan untuk terhubung dengan jaringan Wi-Fi.</li>
  <li style="text-align: justify;line-height: 2;">Untuk para penulis yang tertarik untuk melanjutkan ananalisis ini diharapkan untuk dapat lebih memperbaiki dan mengurangi kekurangan sistem angsuran uangmuka rumah.</li>
+
    <li style="text-align: justify;line-height: 2;">Penggunaan trainer yang dihasilkan dapat digunakan tidak hanya untuk mempraktikkan konsep interfacing mikrokontroler saja, namun bisa untuk mempelajari konsep dasar mikrokontroler, sistem digital, dan beberapa konsep ''embedded system''.</li>
  <li style="text-align: justify;line-height: 2;">Sistem informasi angsuran uangmuka rumah pada PT. Dinamika Bersama dapat diimplementasikan semaksimal mungkin atau mengusulkan sistem informasi terkomputerisasi yang lebih baik sehingga informasi dapat diperoleh secara cepat dan akurat.</li>
+
    <li style="text-align: justify;line-height: 2;">Dibuat suatu ''dashboard online'' untuk menampilkan input output serta panel konfigurasi dari traine yang saling terhubung melalui jaringan internet.</li>
 +
    <li style="text-align: justify;line-height: 2;">Modul trainer ini dapat digunakan sebagai kontroler untuk automatisasi perlatan elektronik seperti kontrol lampu otomatis, keran air otomatis, ''weather station'', dan sebagainya.</li>
 
</ol>
 
</ol>
 
</div>
 
</div>

Revisi terkini pada 8 Oktober 2019 02.59


PERANCANGAN TRAINER INTERFACE MIKROKONTROLER

BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN

PADA MATA KULIAH INTERFACING


SKRIPSI





Disusun Oleh :


NIM
: 1733499446
NAMA


FAKULTAS SAINS DAN TEKNOLOGI

PROGRAM STUDI SISTEM KOMPUTER

KONSENTRASI CREATIVE COMMUNICATION AND INNOVATIVE TECHNOLOGY

UNIVERSITAS RAHARJA

TANGERANG

TA. 2018/2019






UNIVERSITAS RAHARJA


LEMBAR PENGESAHAN SKRIPSI


PERANCANGAN TRAINER INTERFACE MIKROKONTROLER

BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN

PADA MATA KULIAH INTERFACING


Disusun Oleh :


NIM
: 1733499446
Nama
Fakultas
Program Pendidikan
: Strata 1
Program Studi
Konsentrasi



Disahkan Oleh :

Tangerang, November 2019


Rektor
       
Ketua Program Studi
       
Program Studi Sistem Komputer
           
           
           
           
       
NIP : 000603
       
NID : 13001






UNIVERSITAS RAHARJA


LEMBAR PERSETUJUAN PEMBIMBING


PERANCANGAN TRAINER INTERFACE MIKROKONTROLER

BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN

PADA MATA KULIAH INTERFACING


Dibuat Oleh :


NIM
: 1733499446
Nama



Telah disetujui untuk dipertahankan di hadapan Tim Penguji Ujian Komprehensif


Fakultas Sains Dan Teknologi

Program Studi Sistem Komputer

Konsentrasi Creative Communication and Innovative Technology

Disetujui Oleh :


Tangerang, 1 Juli 2019


Pembimbing I
 
Pembimbing II
         
         
         
         
 
NID : 14011
 
NID : 14017






UNIVERSITAS RAHARJA


LEMBAR PERSETUJUAN DEWAN PENGUJI


PERANCANGAN TRAINER INTERFACE MIKROKONTROLER

BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN

PADA MATA KULIAH INTERFACING


Disusun Oleh :


NIM
: 1733499446
Nama


Disetujui setelah berhasil dipertahankan dihadapan Tim Penguji Ujian Komprehensif

Fakultas Sains Dan Teknologi

Program Studi Sistem Komputer

Konsentrasi Creative Communication and Innovative Technology

Tahun Akademik 2018/2019


Disetujui Penguji :

Tangerang, September 2019


Ketua Penguji
 
Penguji I
 
Penguji II
         
         
         
         
   
NID : 04048
 
NID : 05066
 
NID : 16008






UNIVERSITAS RAHARJA


LEMBAR KEASLIAN SKRIPSI


PERANCANGAN TRAINER INTERFACE MIKROKONTROLER

BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN

PADA MATA KULIAH INTERFACING


Dibuat Oleh :


NIM
: 1733499446
Nama
Fakultas
Program Pendidikan
: Strata 1
Program Studi
Konsentrasi



Menyatakan bahwa Skripsi ini merupakan karya tulis saya sendiri dan bukan merupakan tiruan, salinan, atau duplikat dari Skripsi yang telah dipergunakan untuk mendapatkan gelar Sarjana baik di lingkungan Universitas Raharja maupun di Universitas lain, serta belum pernah dipublikasikan.

Pernyataan ini dibuat dengan penuh kesadaran dan rasa tanggung jawab, serta bersedia menerima sanksi jika pernyataan diatas tidak benar.


Tangerang, 1 Juli 2019


Restu Adi Pradana
NIM. 1733499446


)*Tandatangan dibubuhi materai 6.000;






ABSTRAK

Pada program studi sistem komputer di Universitas Raharja terdapat mata kuliah interfacing dimana materi yang diajarkan berupa teknik interfacing mikrokontroler yang menggunakan tiga jenis protokol interface pada mikrokontroler yaitu interface SPI, I2C, dan UART. Ketiga jenis protokol ini digunakan sebagai interface untuk komunikasi mikrokontroler dengan periferal lain. Proses pembelajaran pada mata kuliah ini yaitu dosen menyampaikan teori-teori dan konsep interface mikrokontroler dengan hanya mengilustrasikan konsepnya ke papan tulis dan pada sesi praktikum pun mahasiswa harus membawa bahan dan komponen sendiri yang harus dirangkai terlebih dahulu sebelum digunakan, dalam merangkai bahan praktikum tentunya memakan waktu yang cukup banyak terlebih bagi sebagian mahasiswa yang belum mengerti konsep mikrokontroler, hal ini menyebabkan proses pembelajaran pada mata kuliah interfacing menjadi tidak efektif dan efisien dari sisi waktu dan biaya untuk mencapai tujuan dari pembelajaran mata kuliah interfacing. Dari permasalahan tersebut perlu adanya suatu media pembelajaran berupa alat praktikum atau trainer yang dapat menunjang kegiatan pembelajaran dan praktikum pada mata kuliah interfacing. Penelitian ini menggunakan metode prototyping, perancangan dan metode observasi untuk mengamati proses pembelajaran pada mata kuliah interfacing serta Black Box untuk melakukan pengujian sistem yang dibuat. Dengan demikian pada penelitian ini akan membahas mengenai perancangan media pembelajaran berupa trainer interface mikrokontroler yang dilengkapi dengan beberapa komponen pendukung yang sudah saling terhubung dalam satu papan sirkuit. Trainer ini nantinya akan digunakan sebagai alat praktikum mahasiswa untuk menerapkan materi interfacing pada mikrokontroler beserta komponen-komponennya secara langsung yang diharapkan mahasiswa yang menggunakan trainer ini akan mendapatkan pemahaman secara teori maupun penerapannya.

Kata Kunci : Trainer, Interface, Mikrokontroler


ABSTRACT

In the computer system study program at Raharja University there are interfacing courses where the material taught is a microcontroller interfacing technique that uses three types of interface protocols on the microcontroller, namely SPI, I2C, and UART interfaces. These three types of protocols are used as interfaces for microcontroller communication with other peripherals. The learning process in this course is that the lecturer conveys the theories and concepts of the interface of the microcontroller by simply illustrating the concept to the board and at the practical session students must bring their own materials and components that must be arranged before use, in arranging practical materials which is quite a lot especially for some students who do not understand the concept of microcontrollers, this causes the learning process in interfacing subjects to be ineffective and efficient in terms of time and cost to achieve the objectives of interfacing subject learning. From these problems it is necessary to have a learning media in the form of a practical tool or trainer who can support learning and practical activities in interfacing subjects. This study uses prototyping methods, design and observation methods to observe the learning process in interfacing subjects and Black Box method to perform testing system created. Thus in this study we will discuss the design of learning media in the form of microcontroller interface trainers which is equipped with several supporting components that are interconnected in one circuit board. This trainer will be used as a practical tool for students to apply interfacing material to the microcontroller and its components directly, which is expected that students who use this trainer will get a theoretical understanding and application.

Keywords : Trainer, Interface, Microcontroller





KATA PENGANTAR


Puji syukur kepada Allah SWT yang telah melimpahkan segala rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan laporan Skripsi ini dengan judul “PERANCANGAN TRAINER INTERFACE MIKROKONTROLER BERBASIS ESP32 SEBAGAI MEDIA PEMBELAJARAN PADA MATA KULIAH INTERFACING”.

Tujuan penulisan laporan Skripsi ini sebagai syarat dalam menyelesaikan Program Pendidikan Strata 1 Program Studi Sistem Komputer pada Universitas Raharja.

Penulis menyadari bahwa tanpa adanya bimbingan dan dorongan dari berbagai pihak, penulis tidak dapat menyelesaikan laporan penelitian ini dengan baik dan tepat pada waktu yang telah ditentukan. Pada kesempatan ini, penulis ingin menyampaikan rasa terima kasih kepada pihak-pihak yang telah membantu serta mendukung penulis dalam menyelesaikan laporan penelitian ini, diantaranya:

  1. Bapak Dr. Po. Abas Sunarya, M.Si selaku Rektor Universitas Raharja
  2. Bapak Dr. Henderi, S.Kom., M.Kom. selaku Dekan Fakultas Universitas Raharja.
  3. Bapak Padeli, M.Kom selaku wakil Dekan Fakultas Sains dan Teknologi Universitas Raharja.
  4. Ibu Ageng Setiani Rafika, S.Kom., M,Si. selaku Ketua program Studi Sistem Komputer dan selaku stakeholder yang telah berkenan memberikan bimbingan dan pengarahan kepada penulis.
  5. Bapak Erick Febriyanto, S.Kom., M.T.I selaku Dosen Pembimbing I yang telah berkenan memberikan bimbingan dan pengarahan serta motivasi dan dukungan kepada penulis sehingga skripsi ini dapat diselesaikan dengan baik.
  6. Bapak Hendra Kusumah, S.Kom., M.T.I selaku Dosen Pembimbing II yang telah berkenan memberikan berbagai masukan, bimbingan dan pengarahan kepada penulis.
  7. Bapak dan Ibu Dosen Universitas Raharja yang telah memberikan ilmu pengetahuan kepada penulis.
  8. Kedua Orang Tua tercinta yang telah banyak memberikan dukungan moril dan materil serta doa bagi keberhasilan penulis sehingga skripsi ini dapat terselesaikan dengan baik.
  9. Rekan-rekan semua khususnya di TimUR 7 (Vivid, Alan, Joe, Shofwa) yang selalu memberikan dukungan dan semangat.

Laporan penelitian ini masih jauh dari sempurna. Oleh sebab itu, penulis mengharapkan kritik dan saran yang membangun, sebagai pemicu agar berkarya lebih baik lagi. Semoga laporan penelitian ini dapat bermanfaat bagi semua pihak khususnya bagi Universitas Raharja.


Tangerang, Juli 2019
Restu Adi Pradana
NIM. 1733499446












DAFTAR GAMBAR

Gambar 2.1. Mikrokontroler ATmega328

Gambar 2.2. Interface SPI

Gambar 2.3. Interface I2C

Gambar 2.4. Interface UART

Gambar 2.5. ESP32

Gambar 2.6. Tabel jenis perangkat keras Arduino

Gambar 2.7. Arduino IDE

Gambar 2.8. Tampilan EasyEDA Online

Gambar 2.9. Resistor

Gambar 2.10. Potensiometer

Gambar 2.11. Prinsip Kerja Potensiometer

Gambar 2.12. Transistor

Gambar 2.13. LED

Gambar 2.14. Simbol Dioda

Gambar 2.15. Sirkuit penyearah setengah gelombang

Gambar 2.16. LCD OLED 128x64

Gambar 2.17. RTC DS3231

Gambar 2.18. BMP180

Gambar 2.19. PCB

Gambar 2.20. Tahapan Langkah Evolutionary Prototype.

Gambar 2.21. Tahapan Langkah Requirement Prototype

Gambar 4.1. Flowchart Sistem Yang Berjalan

Gambar 5.1. Flowchart Sistem Yang Diusulkan

Gambar 5.2. Diagram Blok

Gambar 5.3. Skematik Rangkaian Alat

Gambar 5.4. Simbol NetPort

Gambar 5.5. Pin Out ESP32

Gambar 5.6. Blok Rangkaian Push Button, Potensiometer dan Buzzer

Gambar 5.7. Desain PCB Sisi Atas

Gambar 5.8. Desain PCB Sisi Bawah

Gambar 5.9. Trainer Interface Mikrokontroler Sisi Atas

Gambar 5.10. Trainer Interface Mikrokontroler Sisi Bawah

Gambar 5.11. Sisi Atas Komponen Trainer Interface Mikrokontroler

Gambar 5.12. Sisi Bawah Komponen Trainer Interface Mikrokontroler

Gambar 5.13. Program Dengan Bahasa C di Arduino IDE

Gambar 5.14. Flowchart Proses Pembelajaran Materi Interface SPI

Gambar 5.15. Flowchart Proses Pembelajaran Materi Interface I2C

Gambar 5.16. Flowchart Proses Pembelajaran Materi Interface UART

Gambar 5.17. Flowchart Proses Pembelajaran Materi Digital Input Output

Gambar 5.18. Flowchart Proses Pembelajaran Materi Analog Input



DAFTAR TABEL







Daftar isi



DAFTAR SIMBOL

DAFTAR SIMBOL FLOWCHART





BAB I

PENDAHULUAN


Latar Belakang

Menurut Febriyanto (2017:35)[1], Belajar merupakan suatu proses memperoleh pengetahuan dan pengalaman dalam wujud perubahan tingkah laku dan kemampuan bereaksi yang relatif permanen atau menetap karena adanya interaksi individu dengan lingkungannya. Oleh karena itu pembelajaran adalah proses dimana peserta didik dan pengajar saling berinteraksi yang mengakibatkan perpindahan suatu materi ilmu pengetahuan dari pengajar ke peserta didik melalui proses belajar mengajar. Proses belajar mengajar ini biasa dilakukan oleh pengajar dengan menyampaikan materi secara teori maupun praktik. Untuk menyampaikan suatu ilmu pengetahuan dengan metode praktikum dibutuhkan suatu media berupa alat peraga atau trainer yang dapat membantu peserta didik dalam memahami materi yang tidak hanya sebatas teori dari suatu ilmu saja namun juga bagaimana cara penerapannya

Kurangnya media pembelajaran praktikum masih menjadi salah satu alasan terhambatnya materi yang disampaikan dosen untuk dapat dipahami oleh mahasiswa, hal ini sesuai dengan penelitian yang dilakukan oleh Ristiyani dan Bahirah (2016:26)[2] yang menyatakan “siswa akan cenderung berhasil apabila dibantu oleh alat-alat pelajaran yang memadai dan sarana yang baik. Alat pelajaran tersebut akan menunjang proses pemahaman siswa”. Ketiadaan media praktikum mengakibatkan materi yang didapat hanya sebatas teori saja tanpa memahami praktek untuk penerapannya. Materi tersebut diberikan oleh dosen dengan cara mengilustrasikan dengan gambar blok alur bagaimana mikrokontroler dapat berkomunikasi dengan perangkat elektronik lain, materi yang disampaikan tidak disertai dengan contoh penerapannya secara langsung pada mikrokontroler dikarenakan belum adanya modul trainer untuk materi interfacing. Hal ini menyebabkan materi tidak tersampaikan dengan baik kepada mahasiswa sehingga mahasiswa sulit untuk memahami materi bahkan tidak dipahami sama sekali, selain karena kurangnya dasar pengetahuan mahasiswa tentang mikrokontroler, gambaran penerapan dari tujuan mempelajari materi pada mata kuliah interfacing masih belum terilustrasikan dengan baik oleh mahasiswa sehingga sulit untuk memahami materi yang disampaikan oleh dosen.

Beberapa penjelasan diatas mengenai permasalahan yang terjadi membuat penulis berinisiatif untuk melakukan penelitian yang diharapkan mampu mengatasi beberapa permasalahan yang dijelaskan sebelumnya dengan merancang suatu alat peraga atau trainer sebagai modul praktikum pada mata kuliah interfacing. Oleh karena itu penulis membuat sebuah judul yaitu “Perancangan Trainer Interface Mikrokontroler Berbasis ESP32 Sebagai Media Pembelajaran Pada Mata Kuliah Interfacing”.


BAB II

LANDASAN TEORI


Definisi Perancangan

Menurut Arif (2016:71)[3], “Perancangan adalah kegiatan awal dari suatu rangkaian kegiatan dalam proses pembuatan produk. Dalam tahap perancangan tersebut dibuat keputusan-keputusan penting yang mempengaruhi kegiatan-kegiatan lain yang menyusulnya”.

Menurut Rizky dalam Hendrawan (2017: 407)[4], “Perancangan adalah sebuah proses yang mendefinisikan sesuatu yang akan dikerjakan dengan menggunakan teknik yang bervariasi serta didalamnya melibatkan deskripsi mengenai arsitektur serta detail komponen dan juga keterbatasan yang akan dialami dalam proses pengerjaannya”.

Menurut Wandanaya, et al (2019:16)[5] “Perancangan sistem adalah tahap awal pendekatan masalah pada sistem. Tujuan perancangan sistem secara umum adalah untuk memberikan gambaran umum kepada pemakai (user) mengenai sistem informasi yang baru serta untuk memenuhi kebutuhanpemakai (user) dalam memperoleh dan mengolah informasi yang ada”.

Beberapa definisi yang penulis sebutkan dapat diambil kesimpulan bahwa perancangan merupakan tahapan awal sebelum membuat suatu sistem, pada proses perancangan tersebut memuat tentang komponen apa saja yang membangun, bagaimana cara kerjanya, apa yang dihasilkan dari sistem yang akan dibuat.

Definisi Trainer

Menurut Suryani dalam Pratikno et al (2014:147)[6], Trainer merupakan proses simulasi aplikasi membangun model dari sistem nyata atau usulan sistem, melakukan eksperimen dengan model tersebut untuk menjelaskan perilaku sistem, mempelajari kinerja sistem, atau untuk membangun sistem baru sesuai dengan kinerja yang diinginkan.

Menurut Hasan dalam Wahyudi dan Rijanto (2017:2)[7] mengemukakan bahwa trainer adalah suatu set peralatan di laboratorium yang digunakan sebagai media pendidikan yang merupakan gabungan antara model kerja dan mock-up. Trainer ditujukan untuk menunjang pembelajaran peserta didik dalam menerapkan pengetahuan/konsep yang diperolehnya pada benda nyata.

Berdasarkan beberapa definisi tadi maka penulis menyimpulkan bahwa trainer merupakan suatu peralatan yang digunakan sebagai media pembelajaran untuk melakukan simulasi dalam menerapkan suatu model sistem yang diharapkan dapat memahami perilaku dan cara kerja suatu sistem seperti pada sistem sesungguhnya.


Definisi Mikrokontroler

Menurut Sujarwata (2018:3)[8], Mikrokontroler adalah sebuah sistem mikroprosesor lengkap yang terkandung di dalam sebuah chip. Mikrokontroler pada umumnya telah berisi komponen pendukung minimum sistem mikroprosesor, yaitu memori dan antarmuka I/O (input output). Mikrokontroler juga merupakan single chip computer yang memiliki kemampuan untuk diprogram dan digunakan untuk tugas-tugas yang berorientasi pada pengendali.

Menurut Dharmawan (2017:1)[9], Mikrokontroler merupakan chip mikrokomputer yang secara fisik berupa IC (integrated circuit). Mikrokontroler berisikan bagian-bagian utama, yaitu CPU (Central Processing Unit), RAM (Random-Access Memory), ROM (Read-Only Memory), dan port I/O (input/output). Mikrokontroler bekerja berdasarkan program (perangkat lunak) yang dibenamkan di dalamnya.

Menurut Kusumah et al. (2016:170)[10], “Mikrokontroler adalah IC yang dapat diprogram berulang kali, baik ditulis atau dihapus. Biasanya digunakan untuk pengontrolan otomatis dan manual pada perangkat elektronika.”.

Gambar 2.1 Mikrokontroler ATmega328.

Sumber : http://microchip.com

Berdasarkan dari tiga definisi diatas, dapat disimpulkan bahwa mikrokontroler merupakan chip yang didalamnya terdapat sistem minimum mikroprosesor yang terdiri dari CPU, RAM, memori, dan antarmuka input/output yang berbentuk sebuah IC (Integrated Circuit). Mikrokontroler dapat diprogram untuk menjalankan tugas dan fungsi yang biasanya berupa pengontrolan atau kendali.


Konsep Dasar Interface (Antarmuka)

Menurut Yasin dan Yumarlin (2016:80)[11], Interface atau antarmuka merupakan penghubung antara sistem dan pengguna. Dimana seperti halnya dalam proses komunikasi secara umum, antarmuka merupakan media yang menghubungkan komunikasi antara sistem dan manusia, dan berperan penuh dalam menerjemahkan setiap aksi dan reaksi dari keduanya.

Sedangkan dikutip dari Kamus Besar Bahasa Indonesia (KBBI) daring[12], antarmuka merupakan hubungan atau batasan umum antara dua unit atau alat, atau merupakan perangkat lunak yang memungkinkan program untuk bekerja dengan pengguna, atau merupakan kartu, colokan, atau perangkat lain yang menghubungkan perangkat keras dengan komputer sehingga informasi dapat dipindahkan dari satu tempat ke tempat lainnya.

Dari beberapa definisi di atas maka penulis menyimpulkan bahwa antarmuka merupakan pintu penghubung antara perangkat keras atau perangkat lunak dengan perangkat yang sama atau sebaliknya, maupun dengan pengguna sistem sehingga dapat terjadi komunikasi dan perpindahan informasi dari suatu perangkat dengan perangkat atau dengan pengguna sistem.


Protokol Interface Mikrokontroler

Menurut Mikhaylov dalam Oktanugraha (2018:25)[13], Komunikasi data merupakan bagian terpenting dalam bidang elektronika khususnya mikrokontroler, baik antar mikrokontroler maupun perangkat lain seperti sensor akan saling terhubung dan berkomunikasi satu sama lain. Komunikasi data tiap perangkat akan melalui protokol komunikasi tertentu, sistem komunikasi serial adalah jenis protokol komunikasi yang sering digunakan. Komunikasi serial atau yang biasa disebut sebagai interface (antarmuka) terdiri dari SPI, I2C, dan UART. Interface ini banyak terdapat pada perangkat mikrokontroler.


Serial Peripheral Interface (SPI)

Menurut Wardana (2017:158)[14], “Serial Peripheral Interface adalah protokol komunikasi secara synchronous antara dua perangkat (master dan slave), yang memisahkan antara jalur data dan jalur clock”.

Menurut Sulistiyono, et al (2014:2)[15], “SPI merupakan salah satu metode pengiriman data dari suatu device ke device lainnya yang bekerja pada metode full duplex dan merupakan standar sinkronisasi serial data link”.

Menurut Bejo dalam Oktanugraha (2018:26)[13], “Dalam komunikasi SPI antara perangkat yang saling terhubung terdapat master dan slave. Master adalah perangkat yang menginisialisasi atau mengatur pengiriman data menuju slave yang terdiri dari satu atau beberapa buah (multipoint)”.


Karakteristik SPI

Menurut Wardana (2017:158)[14], SPI dimulai oleh Motorola (sekarang freescale) merupakan komunikasi serial full-duplex yang memungkinkan komunikasi dua arah antara master dan slave secara simultan.

Menurut Sulistiyono, et al (2014:2)[15], Komunikasi serial data antara master dan SPI diatur melalui 4 buah pin yang terdiri dari SCLK, MOSI, MISO, dan SS.

  1. MOSI (master out slave in) merupakan pin yang berfungsi sebagai jalur data pada saat data keluar dari master dan masuk ke slave. istilah lain pin ini adalah SIMO, SDI, DI, dan SI.
  2. MISO (master in slave out) merupakan pin yang berfungsi sebagai jalur data yang keluar dari slave dan masuk ke master. Istilah lain pin ini adalah SOMI, SDO, DO, dan SO.
  3. SCLK (serial clock) merupakan komponen prosedur komunikasi data SPI. Data biner yang keluar dari master ke slave berfungsi sebagai clock dengan frekuensi tertentu. Istilah lain pin ini adalah SCK
  4. SS (slave select) merupakan pin yang berfungsi untuk mengaktifkan slave sehingga pengiriman data hanya dapat dilakukan jika slave dalam keadaan aktif (active low). Istilah lain pin SS adalah CS (chip select), nCS, nSS, dan STE (slave transmit enable).

Gambar 2.2 Interface SPI.

Sumber : Mikhaylov dalam Oktanugraha (2018:27)[13]


Inter Integrated Circuit (I2C)

Menurut Kurniawan dalam Sari (2015:113)[16], I2C merupakan singkatan dari Inter Integrated Circuit, yaitu sebuah protokol untuk komunikasi serial antar IC dan sering disebut juga Two Wire Interface (TWI).

Menurut Hardana (2018:131)[17], I2C (Inter Integrated Circuit) adalah cara berkomunikasi atau protokol komunikasi antar IC secara serial menggunakan 2 kabel, yaitu serial data (SDA), dan serial clock (SCL).

Berdasarkan datasheet Semiconductor UM10204 dalam Oktanugraha (2018:29)[13], Philips Semiconductor (NXP Semiconductor) menciptakan sebuah bus two-wire yang bersifat bidirectional untuk meningkatkan efisiensi kontrol inter-IC yang disebut juga I2C-bus. Bus ini terdiri dari 2 jalur yaitu serial data line (SDA) dan serial clock line (SCL). Pada bus I2C ini juga dibutuhkan resistor pull-up sebesar 4k7 ohm. pada satu bus I2C dapat menghubungkan banyak perangkat atau periferal hingga 128 buah.


Karakteristik I2C

Sulistiyono, et al (2014:2)[15] menjabarkan karakter I2C yaitu:

  1. Data dikirim secara serial per-bit.
  2. Menggunakan dua penghantar koneksi dengan ground bersama. Dua penghantar tersebut adalah SCL (Serial Clock Line) untuk menghantarkan sinyal clock dan SDA (Serial Data) untuk mentranslasikan data.
  3. Jumlah slave maksimal 127. Slave dialamatkan melalui 7-bit alamat.
  4. Setiap transaksi data terjadi antara pengirim (transmitter) dan penerima (receiver).

Gambar 2.3 Interface I2C.

Sumber : Mikhaylov dalam Oktanugraha (2018:28)[13]


Universal Asynchronous Serial Receiver and Transmitter (UART)

Menurut Kurniawan (2016:9)[18], “UART adalah salah satu metode komunikasi dimana data dikirimkan satu persatu melalui pin TX dan diterima melalui pin RX”.

Menurut Munarso (2014:251)[19], Universal Asynchronous Serial Receiver and Transmitter (UART) adalah sebuah perangkat di dalam mikrokontroler yang digunakan untuk melakukan komunikasi data serial. Perangkat keras UART dibagi ke dalam tiga bagian/blok besar yaitu transmitter, receiver dan clock (clock generator). Blok transmitter melakukan pengiriman data melalui pin TX. Sedangkan bagian receiver melakukan penerimaan data melalui pin RX. Pada blok clock generator berhubungan dengan setting kecepatan transfer data (baud rate).


Karakteristik UART

Menurut Mikhaylov dalam Oktanugraha (2018:28)[13], UART memiliki komunikasi full-duplex seperti SPI, namun bersifat peer-to-peer sehingga hanya bisa berkomunikasi dengan 1 perangkat lain dalam 1 bus. UART hanya menggunakan 2 jalur yaitu TX dan RX. TX sebagai transmitter dan RX sebagai receiver. Jalur UART dihubungkan secara silang dengan menghubungkan RX perangkat A dengan TX perangkat B dan sebaliknya. Kedua perangkat dapat saling mengirim dan menerima data.

Gambar 2.4 Interface UART.

Sumber : Mikhaylov dalam Oktanugraha (2018:29)[13]


Definisi ESP32

ESP32 dikenalkan oleh Espressif System yang merupakan penerus dari mikrokontroler ESP8266. Mikrokontroler ESP32 memiliki keunggulan yaitu sistem berbiaya rendah, dan juga berdaya rendah dengan modul WiFi yang terintegrasi dengan chip mikrokontroler serta memiliki bluetooth dengan mode ganda dan fitur hemat daya menjadikannya lebih fleksibel. ESP32 kompatibel dengan perangkat seluler dan aplikasi IoT (Internet of Things). Mikrokontroler ini dapat digunakan sebagai sistem mandiri yang lengkap atau dapat dioperasikan sebagai perangkat pendukung mikrokontroler host. (Biswas, 2018)[20].

Gambar 2.5 ESP32.

ESP32 adalah chip dengan WiFi 2.4GHz dan bluetooth dengan desain teknologi 40nm yang dirancang untuk daya dan kinerja radio terbaik yang menunjukkan ketahanan, keserbagunaan dan keandalan dalam berbagai aplikasi dan skenario daya. (Espressif, 2019)[21].


Spesifikasi ESP32

ESP32 memiliki spesifikasi seperti yang ditampilkan pada tabel 2.1 sebagai berikut:

Tabel 2.1. Spesifikasi ESP32 (Maier, 2017:144)[22].

Atribut Detail
CPU Tensilica Xtensa LX6 32bit Dual-Core di 160/240MHz
SRAM 520 KB
FLASH 2MB (max. 64MB)
Tegangan 2.2V sampai 3.6V
Arus Kerja Rata-rata 80mA
Dapat diprogram Ya (C, C++, Python, Lua, dll)
Open Source Ya
Konektivitas
Wi-Fi 802.11 b/g/n
BluetoothⓇ 4.2BR/EDR + BLE
UART 3
I/O
GPIO 32
SPI 4
I2C 2
PWM 8
ADC 18 (12-bit)
DAC 2 (8-bit)


Definisi Media Pembelajaran

Menurut Martin dan Briggs dalam Sumiharsono (2017:9)[23] Media pembelajaran mencakup semua sumber yang diperlukan untuk melakukan komunikasi dengan pembelajar. Har ini dapat berupa perangkat keras dan perangkat lunak yang digunakan pada perangkat keras.

Menurut H. Malik dalam Sumiharsono (2017:10)[23], Media belajar adalah segala sesuatu yang dapat digunakan untuk menyalurkan pesan (bahan pembelajaran), sehingga dapat merangsang perhatian, minat, pikiran dan perasaan pembelajar dalam kegiatan belajar untuk mencapai tujuan pembelajaran tertentu.

Menurut Yaumi (2018:7)[24], Media pembelajaran adalah semua bentuk peralatan fisik yang didesain secara terencana untuk menyampaikan informasi dan membangun interaksi. Peralatan fisik yang dimaksud mencakup bahan asli, bahan cetak, visual, audio, audio-visual, multimedia, dan web.

Sedangkan fungsi media pembelajaran menurut Soelarko dalam Sumiharsono (2017:10)[23] yaitu memvisualisasikan sesuatu yang tidak dapat dilihat atau sukar dilihat sehingga nampak jelas dan menimbulkan pengertian atau meningkatkan persepsi seseorang.

Yaumi (2018:8)[24] menjelaskan ada beberapa istilah yang dikaitkan dengan media pembelajaran, yaitu sumber belajar dan alat peraga

  1. Sumber belajar adalah perangkat, bahan (materi), peralatan, pengaturan dan orang dimana peserta didik dapat berinteraksi dengannya yang bertujuan untuk memfasilitasi belajar dan memperbaiki kinerja.
  2. Alat peraga adalah alat bantu pembelajaran berupa benda konkret yang digunakan untuk memperagakan materi pelajaran. Alat peraga sendiri mengandung pengertian bahwa segala sesuatu yang masih bersifat abstrak kemudian dikonkritkan dengan menggunakan alat agar dapat dijangkau dengan pikiran yang sederhana dan dapat dilihat, dipandang, dan dirasakan.


Manfaat Media Pembelajaran

Satrianawati (2018:9)[25] menguraikan manfaat media pembelajaran bagi pengajar dan pembelajar, yaitu:

  1. Memudahkan guru dalam menjelaskan materi pembelajaran dan siswa dapat mudah memahami materi pembelajaran.
  2. Konsep materi mudah dipahami oleh siswa.
  3. Lebih efektif dan efisien, guru mengulang materi hanya seperlunya dan siswa memiliki waktu yang lebih banyak dalam mempelajari materi.
  4. Mendorong minat belajar dan mengajar
  5. Situasi belajar menjadi interaktif dan multi-aktif.


Definisi Arduino

Dikutip dari halaman website resmi arduino (http://arduino.cc , 2019)[26], Arduino adalah platform elektronik open source berdasarkan perangkat keras dan perangkat lunak yang mudah digunakan. Papan Arduino dapat membaca input dari sensor, tombol, atau pesan di twitter dan mengubahnya menjadi output seperti menyalakan motor, lampu led, dan mem-publish sesuatu secara online.

Sedangkan Arduino dalam Dharmawan (2017:18)[9] menyatakan Arduino merupakan prototyping platform yang bersifat open source, menggunakan perangkat keras dan perangkat lunak yang mudah digunakan.


Perangkat Keras Arduino

Menurut Dharmawan (2017:18)[9], Perangkat keras arduino berupa papan pengembangan yang berisi mikrokontroler AVR buatan Atmel (sekarang Microchip). Terdapat pilihan perangkat keras Arduino yang berupa board, module, shield maupun kit. Perangkat keras Arduino ditawarkan dalam berbagai jenis yang terbagi dalam kategori pemula sampai expert.

Gambar 2.6 Tabel jenis perangkat keras Arduino.

Sumber : Dharmawan (2017:19)[9]


Perangkat Keras Arduino

Menurut Dharmawan (2017:18)[9], Perangkat lunak arduino terdiri dari bahasa pemrograman dan Integrated Development Environment (IDE) yang digunakan untuk menulis, mengedit program dan mengkonversinya menjadi kode-kode instruksi untuk selanjutnya diprogram di papan arduino.

Arduino Integrated Development Environment atau Arduino Software (IDE) berisi editor teks untuk menulis kode, area pesan, konsol teks, bilah alat dengan tombol untuk fungsi umum dan serangkaian menu. Terhubung ke perangkat keras Arduino untuk mengunggah program dan berkomunikasi dengannya. Program yang ditulis menggunakan Arduino Software (IDE) disebut Sketch. Sketch ini ditulis dalam editor teks dan disimpan dengan ekstensi file .ino. Editor memiliki fitur untuk memotong / menempel dan untuk mencari / mengganti teks. Area pesan memberikan umpan balik saat menyimpan dan mengekspor dan juga menampilkan kesalahan pada saat menulis program. Konsol menampilkan output teks oleh Arduino Software (IDE), termasuk pesan kesalahan lengkap dan informasi lainnya.

Menurut Mulyana et al(2014:173)[27], “Integrated Development Environment (IDE) yaitu berupa software processing yang digunakan untuk menulis program ke dalam arduino uno, merupakan penggabungan antara bahasa C++ dan Java”. Software Arduino dapat di-install di berbagai sistem operasi seperti Linux, Mac OS, Windows.

Software IDE (Integrated Development Environment) Arduino terdiri dari tiga bagian yaitu:

  1. Editor Program
  2. Untuk menulis dan mengedit program dalam bahasa processing. Listing program pada Arduino disebut Sketch.

  3. Compiler
  4. Modul yang berfungsi mengubah bahasa processing (kode program) ke dalam kode biner, karena kode biner adalah bahasa satu-satunya bahasa program yang dipahami oleh mikrokontroler.

  5. Uploader
  6. Modul yang berfungsi memasukan kode biner kedalam memori mikrokontroler.

Gambar 2.7 Arduino IDE.

Pada website resmi Arduino menjelaskan bahwa Arduino IDE mendukung perangkat keras pihak ketiga yaitu perangkat keras selain platform Arduino semisal NodeMCU, Wemos, ESP8266, ESP32, dan sebagainya. Platform yang dipasang pada Arduino IDE dapat mencakup definisi platform perangkat keras pihak ketiga (yang muncul di menu board), library utama, bootloader, dan definisi pemrogram.


Definisi EasyEDA

Dikutip dari website resmi nya, EasyEDA adalah software tools untuk membuat desain PCB secara online yang diperuntukan untuk insinyur elektronik, guru, siswa, pembuat, dan penggemar elektronika untuk merancang dan berbagi proyek elektronik, tools ini terintegrasi dengan katalog toko online komponen elektronika dan layanan jasa percetakan PCB yang membantu pengguna menghemat waktu untuk membuat ide-ide mereka menjadi produk nyata.

Tools ini memiliki kemampuan untuk menggambar skematik rangkaian elektronika dengan mudah yang didukung dengan fitur untuk membuat tangkapan skematik serta layout PCB yang dapat dilakukan oleh pengguna dengan berbagai jenis perangkat komputer, kapanpun dan dimanapun. Kemampuan lain yang dimiliki EasyEDA yaitu mampu digunakan untuk pengguna berkolaborasi mengembangkan proyek elektronik dengan team secara real-time, sharing project, library komponen yang lengkap karena terdapat suatu komunitas online untuk mengembangkan library add-on, terintegrasi dengan toko online komponen elektronik beserta jasa pembuatan PCB, kompatibilitas untuk mengenali file dari software EDA (Electronics Design Automation) lainnya.

Gambar 2.8 Tampilan EasyEDA online


Konsep Dasar Komponen Elektronika

Secara umum komponen elektronika dibagi kedalam dua kelompok besar, yaitu komponen elektronika pasif dan komponen elektronika aktif. (Listiyarini, 2018:48)[28]


Komponen Elektronika Pasif

Komponen Pasif merupakan komponen yang dapat bekerja tanpa sumber tegangan, komponen pasif terdiri dari resistor, kapasitor, induktor, dan transformator.


Definisi Resistor

Menurut Yohandri dan Asrizal (2016:30)[29], Resistor merupakan salah satu komponen dasar dalam rangkaian elektronik yang berguna untuk membatasi atau menghambat aliran arus dalam suatu rangkaian. Sesuai dengan namanya, resistor memiliki sifat resistif dan jumlah arus yang melaluinya berbanding terbalik dengan nilai resistansinya. Beberapa aplikasi resistor dalam rangkaian antara lain pembagi arus, pembagi tegangan, penurun tegangan, pembatas arus, dan lain sebagainya Berdasarkan nilainya, resistor dapat dibedakan atas tiga jenis, yaitu resistor tetap, resistor tidak tetap dan resistor tidak linier.

Gambar 2.9 Resistor.


Definisi Potensiometer

Menurut Listiyarini (2018:49)[28], “Potensiometer adalah resistor tiga terminal yang nilai tahanannya dapat diubah dengan cara menggeser atau memutar tuasnya”.

Menurut Yohandri dan Asrizal (2016:44)[29], “Potensiometer adalah resistor variabel yang nilai tahanannya dapat diubah dengan memindahkan kontak geser atau penyapu sepanjang elemen resistifnya untuk mendapatkan nilai tahanan yang diinginkan”.

Gambar 2.10 Potensiometer.

Sumber : Yohandri dan Asrizal (2016:46)[29]

Potensiometer memiliki terminal pada tiap ujung dari elemen resistifnya dan terminal ketiga dihubungkan dengan penyapu yang dapat digeser. Jika penyapu dipindahkan pada posisi pangkal elemen resistif maka nilai tahanan potensiometer akan minimal, dan sebaliknya jika dipindah ke ujung elemen yang jauh maka nilai tahanan akan maksimum. (Yohandri dan Asrizal, 2016:44)[29].

Gambar 2.11 Prinsip Kerja Potensiometer.

Sumber : Yohandri dan Asrizal (2016:44)[29]


Komponen Elektronika Aktif

Komponen aktif merupakan komponen yang tidak dapat bekerja tanpa adanya sumber tegangan, komponen aktif terdiri dari dioda, transistor, integrated circuit (IC), dan lain lain.


Definisi Transistor

Menurut Yohandri dan Asrizal (2016:198)[29], Transistor adalah suatu piranti semikonduktor yang biasa digunakan untuk memperkuat atau sebagai saklar sinyal elektronika, transistor terbuat dari material semikonduktor dengan tiga terminal untuk menghubungkan ke rangkaian. Pada dasarnya transistor terdiri dari dua kata, yaitu transfer dan resistor, kedua kata ini merupakan dari definisi transistor yaitu transfer arus listrik dari resistansi rendah ke resistansi tinggi. Dalam elektronika terdapat beberapa fungsi dari transistor, yaitu sebagai penguat arus listrik, sebagai saklar elektronika, sebagai multivibrator, dan sebagainya.

Gambar 2.12 Transistor


Definisi LED

LED (Light Emitting Diode) adalah komponen elektronika yang masih merupakan keluarga dioda yang terbuat dari semikonduktor. LED dapat memancarkan cahaya ketika diberi tegangan maju, warna cahaya yang dipancarkan bergantung pada jenis bahan semikonduktor yang digunakan nya. (Sokop et al, 2016:17)[30].

Gambar 2.13 LED


Definisi Dioda

Gambar 2.14 Simbol Dioda

Setiyo (2017:125)[31], menjelaskan bahwa Dioda adalah komponen semikonduktor yang berfungsi mengalirkan listrik dalam satu arah. Selain menyearahkan arus, dioda juga digunakan pada switch pengatur arus listrik on/off dan untuk melindungi sirkuit elektronik. Arus bolak balik dapat disearahkan dengan menggunakan karakteristik dioda yang hanya mengalirkan listrik dalam satu arah.

Gambar 2.15 Sirkuit penyearah setengah gelombang

Saat dioda diberikan arus bolak balik, pada saat tersebut sinyal positif (+) masuk, arus listrik mengalir ke arah depan, namun apabila sinyal yang masuk adalah negatif (-) maka arus listrik tidak dapat mengalir karena arah nya terbalik. Sirkuit yang hanya mengalirkan arus listrik dalam satu sisi disebut dengan sirkuit penyearah setengah gelombang.


Definisi OLED Display 128x64

OLED 128x64 adalah layar berjenis OLED yang terdiri dari 128 segmen dan 64 common atau 128x64 piksel. Untuk menerima atau mengirim data perintah ke mikrokontroler, layar ini menggunakan interface periferal baik I2C maupun SPI. Layar ini menggunakan driver CMOS bertipe SSD1306 yang menyematkan kontrol kontras, RAM display dan osilator yang mana dapat mengurangi jumlah koneksi eksternal dan konsumsi daya. Driver SSD1306 dirancang untuk panel OLED tipe common cathode. Panel OLED ini juga memiliki fungsi continuous scrolling baik dalam arah vertikal dan horisontal yang memungkinkan untuk menghemat ruang pada layar. (Kodali dan Mahesh, 2016:781)[32].

Gambar 2.16 LCD OLED 128x64.

Menurut Dinata (2018:49)[33], OLED atau Organic LED adalah teknologi layar yang memiliki prinsip kerja yang hampir sama dengan LED, namun letak perbedaannya ada pada lapisan antara kutub positif dan kutub negatif. OLED menggunakan material organik untuk memancarkan cahaya yang terjadi saat muatan positif bertemu dengan negatif. OLED pada SSD1306 tersedia dua macam interface yaitu I2C dan SPI. Interface SPI pada umumnya digunakan untuk tampilan informasi yang tidak membutuhkan frame rate yang tinggi seperti tampilan animasi dari game. Untuk kebutuhan seperti itu, interface SPI akan mentransfer lebih banyak data dari mikrokontroler menuju display sehingga animasi akan terlihat. Pada umumnya OLED memiliki dua warna saja yaitu hitam dan putih, namun ada beberapa varian OLED memiliki dua tampilan warna yaitu kuning dan biru. OLED memiliki tingkat kemampuan baca yang baik meskipun di bawah sinar matahari.


Definisi RTC DS3231

DS3231 adalah IC real-time clock (RTC) yang terintegrasi dengan sensor temperatur dan kristal. Perangkat ini menggunakan baterai input dan menjaga ketepatan waktu yang akurat ketika daya utama perangkat terganggu. Integrasi resonator kristal meningkatkan akurasi perangkat dalam jangka panjang. RTC menyimpan informasi detik, menit, jam, hari, tanggal, bulan, dan tahun. Tanggal di akhir bulan secara otomatis disesuaikan untuk bulan dengan kurang dari 31 hari, termasuk koreksi untuk tahun kabisat. Jam beroperasi dalam format 24 jam atau 12 jam dengan indikator AM / PM. Modul RTC DS3231 yang biasa dijumpai sudah disertai dengan baterai 3V CR2032 yang berfungsi sebagai baterai backup agar jika sumber daya utama terganggu maka IC ini tetap menyimpan waktu. IC ini berkomunikasi dengan mikrokontroler melalui protokol interface I2C. (Maxim, 2019)[34]

Gambar 2.17 RTC DS3231.


Definisi Sensor BMP180

Menurut Sunarya, et al. (2015:61)[35], BMP180 merupakan sensor untuk menangkap data tekanan udara dan ketinggian. Sensor tipe ini merupakan produk penerus dari BMP085 dengan peningkatan tingkat kepresisian untuk berbagai macam aplikasi, serta konsumsi daya yang sangat hemat. BMP180 menggunakan interface I2C yang memungkinkan untuk integrasi sistem yang mudah dengan mikrokontroler.

Dikutip dari datasheet BMP180 yang di produksi oleh perusahaan BOSCH, sensor ini bekerja pada tegangan 3.3v yang digunakan untuk mengukur tekanan udara berkisar antara 300 hingga 1100 hPa (hectopascal). Sensor ini juga dapat digunakan untuk mengukur suhu, yang dapat diaplikasikan pada peningkatan navigasi GPS, dan ramalan cuaca.

Gambar 2.18 BMP180.


Definisi PCB

Menurut Hakiem (2015:5)[36], PCB merupakan akronim dari Printed Circuit Board, adalah sebuah papan yang penuh dengan sirkuit dari logam konduktor yang menghubungkan komponen elektronik satu dengan yang lain tanpa menggunakan kabel. Papan sirkuit ini mendapatkan namanya karena diproduksi secara masal dengan cara percetakan, di perkenalkan pada tahun 1936 dimana papan sirkuit ini pertama kali ditemukan oleh Paul Eisler, seorang ilmuwan Austria yang memasukan penggunaan papan sirkuit ke dalam sebuah radio.

Gambar 2.19 PCB.


Definisi Analisis Sistem

Menurut Sunarya, et al(2015:4)[37], “Sistem adalah penelitian atas sistem yang telah ada dengan tujuan untuk merencanakan sistem yangbaru atau diperbarui.”

Menurut Mulyani (2017:38)[38], “Analisis sistem merupakan suatu teknik penelitian terhadap sebuah sistem dengan menguraikan komponen-komponen pada sistem tersebut dengan tujuan untuk mempelajari komponen itu sendiri serta keterkaitannya dengan komponen yang membentuk sistem sehingga didapat sebuah keputusan atau kesimpulan mengenai sistem tersebut baik itu kelemahan ataupun kelebihan.”

Sedangkan menurut Muslihudin (2016:27)[39], mengatakan bahwa analisis sistem adalah teknik pemecahan masalah yang menguraikan bagian-bagian komponen tersebut bekerja dan berinteraksi untuk mencapai tujuan mereka.

Berdasarkan beberapa pendapat yang dikemukakan oleh para peneliti tentang analisis sistem di atas bisa ditarik kesimpulan bahwa analisa sistem merupakan suatu teknik pemecahan masalah pada sistem yang menguraikan komponen-komponennya untuk dipelajari cara kerja dan interaksi antar komponen yang membentuk suatu sistem tersebut untuk mendapatkan kesimpulan mengenai kelebihan dan kekurangannya.


Tahap-tahap Analisis Sistem

Menurut Muslihudin (2016:31)[39], Tahapan analisis akan terbagi menjadi beberapa tahapan yang terinci, yaitu:

  1. Analisis kelemahan sistem lama
  2. Pada analisis kelemahan sistem lama, titik berat analisis adalah sistem lama yang akan diganti dengan sistem baru. Analisis dilakukan untuk mengidentifikasi kelemahan-kelemahan pada proses-proses yang ada dan memastikan sistem baru dapat mengatasi kelemahan-kelemahan. Setelah daftar kelemahan disusun maka analisis kebutuhan sistem baru dilakukan.

  3. Analisis kebutuhan sistem baru
  4. Pada analisis ini kebutuhan untuk sistem informasi yang baru didefinisikan dan diajukan.

  5. Studi kelayakan.
  6. Dalam studi kelayakan, kebutuhan yang diajukan kemudian diuji kelayakan dengan beberapa uji kelayakan seperti kelayakan teknis, operasional, ekonomi, hukum, organisasional, dan jadwal.

Definisi Prototype

Menurut Fajarianto (2016:55)[40], “Prototype didefinisikan sebagai alat yang memberikan ide bagi pembuat maupun pemakai potensial tentang cara sistem berfungsi dalam bentuk lengkapnya, dan proses untuk menghasilkan sebuah prototype disebut prototyping”.

Menurut Kartadie, et al(2014:24)[41], “Prototipe adalah model yg mula-mula (model asli) yg menjadi contoh, sedangkan model adalah sebuah representasi dari sistem atau proses yang ada pada dunia nyata”.

Menurut Harahap, et al (2019:24)[42], “Prototype yaitu proses interaktif dalam pengembangan sistem dimana kebutuhan diubah dalam sistem yang bekerja (working system) yang secara terus menerus diperbaiki melalui kerjasama antara analis dan pengguna”.

Berdasarkan dari tiga definisi di atas, maka dapat penulis simpulkan Prototype merupakan model awal dari produk yang mempresentasikan tentang cara kerjanya secara lengkap serta dapat memberikan suatu contoh gambaran bagi pembuat produk tersebut.


Jenis-Jenis Prototype

McLeod dan Schell dalam buku Mulyani (2017:27)[38], menjelaskan dua tipe dari prototype, yaitu:

  1. Evolutionary Prototype
  2. Evolutionary prototype adalah prototype yang secara terus menerus dikembangkan hingga prototype tersebut memenuhi fungsi dan prosedur yang dibutuhkan oleh sistem. Berikut adalah gambar dari tahapan evolutionary prototype.

    Gambar 2.20 Tahapan Langkah Evolutionary Prototype.

    Sumber : Mulyani (2017:27)

  3. Requirement Prototype
  4. Requirement prototype merupakan prototype yang dibuat oleh pengembang dengan mendefinisikan fungsi dan prosedur sistem dimana pengguna atau pemilik sistem tidak bisa mendefinisikan sistem tersebut. Berikut adalah gambar dari tahapan requirement prototype.

    Gambar 2.21 Tahapan Langkah Requirement Prototype.

    Sumber : Mulyani (2017:29)

Definisi Metode Testing

Menurut Rahardja, et al (2017 : 54)[43], “Metode testing adalah metode yang memfokuskan pada pengujian logika internal pada software, guna mencari segala kemungkinan adanya kesalahan dan memeriksa input yang dimasukan sehingga dapat memberikan hasil yang sesuai, dan dapat meminimalisir error yang terjadi pada program”.


Definisi Black Box Testing

Menurut Sunarya, et al (2015 : 3)[44], “Metode Testing merupakan sebuah metode untuk melakukan verifikasi dalam rangka mencari sebuah kesalahan sebuah aplikasi dan untuk mendeteksi kondisi sistem,”.

Menurut Maimunah, et al (2016 : 33)[45], “Black Box Testing adalah pengujian program yang mengutamakan pengujian terhadap kebutuhan fungsi dari sebuah program. Metode blackbox testing memiliki tujuan guna menemukan kesalahan fungsi dari program yang dirancang. Pengujian dengan menggunakan blackbox testing dilakukan dengan cara memberikan beberapa inputan pada program. Input tersebut kemudian diproses sesuai dengan kebutuhan fungsionalnya guna memastikan apakah program tersebut dapat menghasilkan output yang sesuai dengan yang diinginkan dan sesuai dengan fungsi dasar program tersebut. Apabila inputan yang diberikan menghasilkan output yang sesuai maka program yang dibuat sudah benar, tetapi apabila output yang dihasilkan tidak sesuai maka masih terdapat kesalahan pada program tersebut, dan selanjutnya akan dilakukan perbaikan guna memperbaiki kesalahan yang terjadi pada sistem”.

Menurut Aisyah, et al (2016 : 17)[46], “BlackBox Testing adalah metodologi uji coba yang memfokuskan pada keperluan fungsional perangkat untuk menguji kesesuaian rancangan fungsional aplikasi dengan tampilan dan jalannya aplikasi apakah aplikasi sesuaidengan rancangan fungsional dan memiliki error atau tidak”.

Definisi Tinjauan Pustaka (Literature Review)

Menurut Borden dan Abbott dalam Manzilati (2017:34)[47], “Literature review adalah proses meletakan, mendapatkan, membaca dan mengevaluasi literatur penelitian yang terkait dengan ketertarikan peneliti”.

Menurut Handayani, et al (2018 : 190)[48]. “Studi Pustaka merupakan metode yang digunakan untuk mengumpulkan informasi yang relevan sesuai dengan topik dan permasalahan yang menjadi objek penelitian. Penelusuran pustaka merupakan langkah pertama untuk mengumpulkan informasi yang relevan bagi penelitian dengan menentukan studi, model, studi kasus yang mendukung topik serta menentukan lingkup penelitian untuk topik penelitian.”

Muharto dan Arisandy (2016:58)[49] berpendapat bahwa “tinjauan pustaka (literature review) menguraikan teori-teori, pengertian-pengertian, dan hasil-hasil penelitian terdahulu yang berhubungan dengan masalah penelitian”.


Tujuan Tinjauan Pustaka (Literature Review)

Menurut Manzilati (2017:34)[47], “Literature review bertujuan untuk mendapatkan pemahaman teoritis dan pemahaman mengenai posisi penelitian terhadap penelitian-penelitian lain yang telah dilakukan”.

Sedangkan tujuan tinjauan pustaka menurut Fink, Hart, Jesson, dan Ridley dalam Dwiastuti (2017:84)[50] yaitu:

  1. Menunjukan kontribusi setiap kegiatan penelitian dalam hal pemecahan masalah..
  2. Mendeskripsikan hubungan suatu kegiatan penelitian dengan kegiatan penelitian lainnya.
  3. Mengidentifikasi cara-cara baru dalam menafsirkan penelitian terdahulu.
  4. Mengungkapkan kesenjangan yang ada dalam penelitian terdahulu.
  5. Memecahkan permasalahan penelitian yang belum terpecahkan pada penelitian terdahulu.


Literature Review

Metode studi pustaka (literature review) dilakukan guna menunjang dari metode observasi dan wawancara yang telah dilakukan. Pengumpulan informasi sangat dibutuhkan dalam menggali referensi-referensi yang berkaitan sesuai dengan penelitian yang dilakukan. Sebelumnya banyak peneliti-peneliti yang melakukan penelitian perihal dengan sistem penerbitan jurnal elektronik dan penelitian lainnya. Adanya studi pustaka (literature review) ini untuk mengidentifikasi kesenjangan, meneruskan penelitian yang sudah dilakukan sebelumnya dan menghindari pembuatan ulang.

Tabel 2.2 Literature Review

PENULIS JUDUL PENELITIAN METODOLOGI HASIL
Mohd. Uzir Kamaluddin, Shahrani Shahbudin, Naimah Mat Isa, dan Husna Zainol Abidin (2015) Teaching The Intel 8051 Microcontroller With Hands-On Hardware Experiments[51] Experiments Pada penelitian ini trainer dibuat untuk memberikan kesempatan mahasiswa dan dosen bekerjasama dalam mempelajari mikrokontroler 8051 dengan cara yang lebih menarik dan menyenangkan. Intel 8051 Trainer Board in terdiri dari beberapa komponen seperti mikrokontroler 8051, ROM eksternal 8 kB, RAM eksternal 8 kB, dan menggunakan dua chip Peripheral Programmable Interface (PPI) lainnya. Ke empat PPI tersebut pada trainer ini dihubungkan ke beberapa perangkat input dan output, mahasiswa dapat secara langsung memprogram trainer ini untuk segala jenis operasi yang diinginkan sehingga memberikan pemahaman yang baik bagi mahasiswa tentang interfacing I/O serta memprogramnya.
Liakot Ali, Lutfor Rahman dan Shahin Akhter (2017) Module-Based Edukit for Teaching and Learning 8051 Microcontroller Programmings[52]. Literature review dan Experiments Penelitian ini mengembangkan trainer berbasis MCU 8501 yang simpel dan portabel, terjangkau untuk semua orang, dan cocok untuk semua disiplin ilmu teknik. Trainer ini berbasis multi-module dimana MCU 8501 sebagai modul utama dan modul lain yang berhubungan dengan aplikasi interfacing seperti LCD 16x2, seven segment, motor DC, DAC, dll.
Ibrahim Burhan, Ahmad Aftas Azman, Saharuddin Talib dan Ahmad Azlan Ab. Aziz (2015) Multiple Outputs Programmable Integrated Circuits (MOPICs) Microcontroller Trainer for Educational Applications[53] Development Method Penelitian ini merancang trainer IC multiple output yang dapat diprogram (MOPICs) untuk aplikasi pendidikan yang memudahkan dalam melakukan simulasi PIC. Pada trainer MOPICs terdapat komponen input seperti push button, dan komponen output seperti seven segment, motor servo, LED dan LCD yang dapat di program dan diprogram ulang untuk berbagai tugas.
Yoyo Somantri (2016) Pengembangan Microcontroller Embedded System untuk Training Kits[54] Eksperimen Penelitian ini membahas tentang hasil pengembangan training kit mikrokontroler, dengan menggunakan dua buah mikrokontroler berjenis ATmega 16/32 sebagai master dan AT89S51/52 sebagai target. Training kit ini tidak menggunakan bantuan PC pada proses pemrograman nya, melainkan menggunakan mikrokontroler master untuk menuliskan kode mnemonic dan menerjemahkan kode mnemonik menjadi kode mesin yang di upload ke mikrokontroler target. Output pada trainer mikrokontroler embedded system ini berupa led, relay, seven segment, LCD, dan motor stepper. Sedangkan input menggunakan keypad, ultrasonic sensor, dan push button
Julham dan Hikmah Adwin Adam (2018) Perancangan dan Pembuatan Trainer Komunikasi RS232 Menggunakan Komputer dan Mikrokontroler[55] Research and Development (R&D) Pada penelitian ini pembuatan trainer dirancang untuk untuk meningkatkan pengetahuan mahasiswa dan keterampilan pemrograman komunikasi RS232 pada mata kuliah Interfacing. Mikrokontroler pada trainer ini menggunakan chip ATmega8535 sebagai media percobaan interfacing mikrokontroler dengan komputer beserta komponen input berupa push button dan komponen output berupa led.
Sokop, Mamahit, dan Sompie (2016) Trainer Periferal Antarmuka Berbasis Mikrokontroler Arduino Uno[30] Perancangan Pada penelitian ini trainer yang dihasilkan menggunakan Arduino UNO sebagai board mikrokontroler berbasis ATmega328 dengan komponen input berupa keypad, push button, LDR, sensor suhu LM35 dan potensiometer. Sedangkan komponen output yang digunakan adalah led, 7 segment, buzzer, lcd, dan motor DC. Trainer ini dirancang untuk membantu mahasiswa teknik elektro dalam menyelesaikan setiap percobaan dalam penerapan materi yang diterima. Setiap komponen pada trainer ini tidak terhubung satu dengan yang lain nya, dalam penggunaanya maka diperlukan kabel jumper sebagai penghubungnya.
Fayakun Muchlis, Dwi Sulisworo, dan Moh Toifur (2018) Pengembangan Alat Peraga Fisika Berbasis Internet of Things untuk Praktikum Hukum Newton II[56] Pengembangan Penelitian ini bertujuan untuk membuat alat peraga Hukum Newton kedua yang terdiri dari bidang datar yang licin dan kasar, sensor photogate, kotak sistem kontrol, kabel audio, dan aplikasi Newton App. Ada lima buah sensor photogate bertindak sebagai detektor yang mendeteksi percepatan benda yang bergerak melintasi gate tersebut. Masing masing sensor photogate terdapat sensor LDR yang terhubung dengan lampu led. Alat peraga ini menggunakan NodeMCU dengan mikrokontroler ESP8266 untuk mengkalkulasi data waktu yang didapatkan dari kelima sensor photogate dan menampilkannya pada LCD dan mengirim data hasil kalkulasi nilai percepatan benda ke website thingspeak.com.
Riza Lukman (2017) Trainer Mikrokontroler Sebagai Media Pembelajaran Sistem Kontrol Untuk Siswa Kelas XI Program Keahlian Teknik Otomasi Industri di SMK Negeri 2 Kendal[57] Research and Development (R&D) Penelitian ini menghasilkan media pembelajaran berupa trainer mikrokontroler AVR menggunakan ATmega16 dengan 4 modul rangkaian mencakup perangkat input/output yaitu LED, tombol, ADC, seven segment, LCD, matriks LED, komunikasi RS232, PWM, motor servo, dan motor DC. Penelitian ini bertujuan untuk mengembangkan media pembelajaran yang digunakan pada mata pelajaran sistem kontrol terprogram program keahlian Teknik Otomasi Industri di SMK Negeri 2 Kendal.
Awal Bakhtera Suhiyar (2017) Pembuatan Media Pembelajaran Pengenalan Perangkat Keras untuk Antarmuka pada Mata Pelajaran Komunikasi Data dan Antarmuka[58] Research and Development (R&D) Penelitian yang dilakukan bertujuan untuk menghasilkan media pembelajaran pengenalan perangkat keras untuk antarmuka. Media ini berbentuk perangkat keras yang terdiri dari beberapa rangkaian digital yang terintegrasi dengan mikrokontroler ATmega16 dengan komponen input LCD, LED, dan seven segment.
Endi Sailul Haq dan Farisqi Panduardi (2015) Trainer Mikrokontroler Sebagai Media Pembelajaran Untuk Mata Kuliah Mikrokontroler Di Politeknik Negeri Banyuwangi[59] Pengembangan Pada penelitian ini trainer yang dirancang menggunakan mikrokontroler AVR ATmega8535 dengan beberapa komponen input yaitu push button, keypad 3x4, joystick PS, sensor inframerah, sensor ping, photo transistor dan RTC serta beberapa komponen output yaitu 8 buah led, seven segment, LCD 16x2, motor DC, motor servo dan relay yang sudah tertanam pada board trainer ini. Pada penggunaan modul trainer ini terdapat 13 macam kegiatan belajar yang meliputi penggunaan software untuk memprogram modul trainer ini serta percobaan interfacing modul yang ada pada board trainer.

BAB III

TUJUAN DAN MANFAAT PENELITIAN


Tujuan Penelitian

Terdapat suatu tujuan yang mendasari penelitian ini dilakukan, oleh karena itu penulis membuat rincian dari tujuan penelitian ini dilakukan. Berikut 4 (empat) tujuan dari penelitian yang penulis lakukan diantaranya:

  1. Untuk membuat alat yang dapat memperagakan komunikasi mikrokontroler menggunakan berbagai jenis antarmuka yang tersedia pada mikrokontroler.
  2. Merancang modul trainer interfacing mikrokontroler sebagai alat praktikum untuk mata kuliah interfacing.
  3. Mempermudah dosen mata kuliah interfacing dalam menyampaikan materi serta mempermudah mahasiswa untuk memahami materi mata kuliah interfacing secara praktik dengan penerapannya.
  4. Meningkatkan efisiensi penggunaan waktu praktikum pada mata kuliah interfacing.


Manfaat Penelitian

Setiap penelitian tentunya bertujuan untuk memberikan manfaat dari penelitian yang sudah dilakukan. Manfaat yang diberikan tentu saja sangat berguna bagi pengguna hal penelitian tersebut. Berikut beberapa manfaat penelitian yang dilakukan:

  1. Mahasiswa yang mengikuti kelas mata kuliah interfacing dapat langsung mengaplikasikan materi yang didapatkan.
  2. Proses pembelajaran pada mata kuliah interfacing memiliki alat trainer yang digunakan untuk praktikum sehingga penyampaian materi lebih maksimal.
  3. Setiap orang yang mempelajari mikrokontroler dapat dilakukan dengan mudah.



BAB IV

METODE PENELITIANN


Metode Pengumpulan Data

Untuk memperoleh data yang dibutuhkan dalam penelitian ini maka penulis menggunakan beberapa metode, yaitu:

  1. Observasi.
  2. Menurut Rahardja, et al. (2018 : 44)[60]. “Metode Observasi merupakan teknik pengumpulan data, dimana peneliti melakukan pengamatan secara langsung pada objek penelitian untuk melihat dari dekat kegiatan dan permasalahan yang sedang terjadi yang dilakukan dan sebagai pemecahan permasalahan. Metode observasi dapat diartikan pula sebagai pengamatan dan pencatatan secara sistematik terhadap gejala yang tampak pada subyek penelitian”. Observasi pada penelitian ini dilakukan dengan mengikuti proses pembelajaran pada mata kuliah interfacing selama satu semester (empat belas pekan) dengan mengamati serta menganalisis cara dosen menyampaikan materi, bagaimana mahasiswa dapat memahami materi yang diberikan dan proses dari sesi praktikum yang berlangsung. Dari hasil observasi dapat diperoleh data mengenai metode pembelajaran dan permasalahan yang dirasakan oleh mahasiswa maupun dosen, kemudian data data hasil observasi dianalisis untuk melakukan perancangan alat trainer interface mikrokontroler.

  3. Studi Pustaka.
  4. Metode Studi Pustaka adalah teknik pengumpulan data dengan melakukan penelaahan terhadap berbagai buku, literatur, catatan, serta berbagai laporan yang berkaitan dengan masalah yang ingin dipecahkan. Oleh karena itu studi pustaka merupakan metode dalam melakukan studi literatur untuk mengetahui berbagai penelitian yang berkaitan dengan metode dan masalah yang ingin dipecahkan dalam penelitian ini dengan melihat penelitian yang telah dilakukan sebelumnya.

  5. Wawancara.
  6. Menurut Sutrisno, et al. (2016)[61]. “Metode wawancara atau interview adalah proses komunikasi langsung untuk memperoleh keterangan dengan tanya jawab dan tatap muka antara pewawancara dengan responden”. Pada penelitian ini wawancara dilakukan dengan beberapa mahasiswa yang mengikuti mata kuliah interfacing serta dosen dan kepala program studi Sistem Komputer.

Metode Perancangan

Pada penelitian ini penulis menggunakan metode perancangan dalam membuat desain hardware dengan menggunakan diagram blok, kemudian merancang skematik rangkaian komponen dan desain PCB. Metode ini digunakan untuk merancang modul trainer interface mikrokontroler.


Metode Prototype

Metode yang digunakan untuk membuat prototype dalam penelitian ini adalah metode prototyping evolutionary, karena dengan evolutionary lah sistem atau produk yang sesungguhnya dipandang sebagai evolusi dari versi pertama yang sangat terbatas menuju produk akhir.


Metode Pengujian

Penulis menggunakan metode pengujian dalam penelitian ini untuk mengevaluasi kerja sistem apakah bekerja sesuai dengan yang diinginkan serta untuk mengidentifikasi kesalahan sistem yang berakibat pada malfungsi dari suatu komponen sebelum digunakan oleh pengguna akhir (end-user). Metode pengujian yang digunakan pada penelitian ini adalah metode black box testing guna memastikan bahwa sistem yang dibangun memiliki kemampuan sesuai yang diharapkan peneliti.


Metode Pengujian

Penulis menggunakan metode pengujian dalam penelitian ini untuk mengevaluasi kerja sistem apakah bekerja sesuai dengan yang diinginkan serta untuk mengidentifikasi kesalahan sistem yang berakibat pada malfungsi dari suatu komponen sebelum digunakan oleh pengguna akhir (end-user). Metode pengujian yang digunakan pada penelitian ini adalah metode black box testing guna memastikan bahwa sistem yang dibangun memiliki kemampuan sesuai yang diharapkan peneliti.


Metode Analisis Sistem

Pada penelitian ini penulis menggunakan metode analisis untuk menganalisis sistem yang sudah ada dan telah berjalan dengan memperhatikan bagaimana cara kerja sistem serta menganalisis kelebihan dan kekurangan sistem yang sedang berjalan.


Analisis Sistem Yang Berjalan

Berdasarkan hasil analisa yang penulis lakukan pada proses pembelajaran mata kuliah Interfacing di Universitas Raharja yang beralamat di Jl. Jenderal Sudirman No.40 Modern Cikokol – Tangerang. Penulis mengidentifikasi hasil observasi yang dilakukan dengan cara mengikuti proses pembelajaran pada mata kuliah interfacing serta mengamati cara dosen dalam menyampaikan materi, maka penulis dapat simpulkan hasil observasi dalam bentuk poin poin yang akan dijabarkan sebagai berikut:

  1. Proses pembelajaran pada mata kuliah interfacing yaitu dosen menyampaikan materi dengan menjabarkan nya secara lisan dan menerangkan gambaran dari salah satu materi di papan tulis.
  2. Mahasiswa menyimak materi yang diajarkan sembari mencatat di kertas apa yang dosen tulis di papan tulis.
  3. Dosen memberikan gambaran mengenai bagaimana teknik interfacing mikrokontroler melalui lisan dan papan tulis.
  4. Pada saat sesi praktikum, mahasiswa diminta oleh dosen untuk membawa masing-masing peralatan dan komponen bahan praktikum yang akan dirakit dan dirangkai sebelum digunakan untuk praktikum.
  5. Tidak ada alat praktikum atau trainer yang membantu mahasiswa dalam memahami materi serta bagaimana penerapan dari materi teknik interfacing mikrokontroler secara langsung.


Flowchart Sistem Yang Berjalan

Gambar 4.1 Flowchart Sistem Yang Berjalan

Dapat dijelaskan gambar 4.1. Flowchart sistem yang berjalan pada kegiatan pembelajaran pada mata kuliah Interfacing yang berjalan saat ini yaitu :

  1. Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai”dan “selesai” pada aliran proses flowchart .
  2. Terdapat 2 (dua) simbol yang menyatakan proses input output, yaitu dosen memberikan materi kepada mahasiswa serta jika dosen mengadakan praktikum maka mahasiswa membawa bahan praktikum sendiri ke dalam proses pembelajaran.
  3. Terdapat 3 (tiga) simbol proses, yang menyatakan proses mahasiswa dalam memahami dan mencatat materi yang diberikan dosen serta proses pada saat praktikum berlangsung.
  4. Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum dalam proses pembelajaran pada mata kuliah interfacing.


Permasalahan yang Dihadapi dan Alternatif Pemecah Masalah

Permasalahan yang Dihadapi

Ada beberapa permasalahan pada proses pembelajaran di mata kuliah interfacing yang melatarbelakangi penulis dalam melakukan penelitian ini, diantaranya adalah:

  1. Ketiadaan alat praktikum yang dapat membantu mahasiswa untuk memahami materi interfacing mikrokontroler seperti teori untuk mengkoneksikan mikrokontroler dengan modul-modul yang menggunakan salah satu protokol interface pada mikrokontroler agar dapat saling berkomunikasi.
  2. Dikarenakan tidak adanya alat praktikum pada proses pembelajaran, maka mahasiswa diminta untuk membawa bahan bahan praktikum sendiri yang terkadang beberapa mahasiswa belum memiliki pemahaman bagaimana cara merangkai bahan bahan untuk digunakan dalam praktikum, hal ini menjadi salah satu penyebab mahasiswa tidak mendapatkan pemahaman materi yang maksimal.
  3. Waktu yang digunakan dalam sesi praktikum tidak efektif dikarenakan perlu banyak waktu yang dibutuhkan oleh mahasiswa untuk merangkai komponen dan bahan-bahan praktikum. Hal ini disebabkan karena kurangnya pemahaman dan pengalaman beberapa mahasiswa dalam merangkai bahan-bahan dan komponen praktikum, sehingga pada proses tersebut membuat mahasiswa harus mencari pemahaman melalui teman atau dari internet.


Analisa Batasan Alur

Adapun batasan pada analisa alur yang dilakukan penulis, penelitian yang dilakukan oleh penulis adalah untuk memudahkan para dosen menyampaikan serta memberikan pemahaman materi kepada mahasiswa dan mahasiswa dapat memahami materi pembelajaran pada mata kuliah interfacing lebih efektif dan efisien.


Alternatif Pemecahan Masalah

Setelah mengamati hingga meneliti dari beberapa permasalahan yang terjadi, terdapat beberapa alternatif pemecahan dari masalah yang dihadapi, yaitu :

  1. Pembuatan trainer interface mikrokontroler dapat dijadikan sebagai alat praktikum pada proses pembelajaran yang dapat membantu mahasiswa untuk memahami teori dan prakteknya dalam penerapan mengenai teknik interfacing mikrokontroler dengan modul modul menggunakan beberapa protokol interface.
  2. Diharapkan dengan adanya alat trainer interface mikrokontroler ini dapat membantu mahasiswa maupun dosen dalam penyampaian dan pemahaman materi, karena trainer ini dibuat dengan mempertimbangkan kemudahan pada saat penggunaannya.
  3. Dengan adanya alat praktikum berupa modul trainer dapat meningkatkan efisiensi pada proses pembelajaran pada mata kuliah interfacing.



BAB V

HASIL DAN PEMBAHASAN


Perancangan Sistem yang Diusulkan

Sistem yang diusulkan berupa rancangan sebuah media pembelajaran untuk digunakan pada proses praktikum di mata kuliah interfacing, media pembelajaran tersebut merupakan modul trainer interface mikrokontroler yang berbasis ESP32 karena pada sistem trainer ini menggunakan mikrokontroler ESP32. Trainer yang dirancang akan ditujukan untuk membantu pemakainya dalam memahami konsep dan penerapan interfacing pada mikrokontroler. Di mata kuliah interfacing mahasiswa akan mendapatkan teori pemahaman teknik interfacing dengan mikrokontroler, seperti penggunaan protokol interface SPI, I2C, dan UART dalam melakukan pengiriman dan pembacaan data antara mikrokontroler dengan komponen elektronik yang memiliki interface tersebut. Sedangkan pada sesi praktikum mahasiswa akan diajarkan untuk menerapkan teknik interfacing mikrokontroler dengan menggunakan beberapa komponen seperti mikrokontroler arduino dan sensor ataupun display. Sistem yang dirancang berupa alat trainer interface mikrokontroler akan menunjang kegiatan pembelajaran di mata kuliah interfacing pada sesi praktikum, karena trainer dapat digunakan untuk memahami konsep interfacing mikrokontroler dengan mempraktikan secara langsung menggunakan komponen komponen pendukung yang juga menggunakan interface sesuai dengan materi yang diajarkan pada mata kuliah interfacing.


Flowchart Sistem yang Diusulkan

Gambar 5.1 Flowchart Sistem yang Diusulkan

Dapat dijelaskan gambar 5.1 Flowchart sistem yang diusulkan pada kegiatan pembelajaran pada mata kuliah Interfacing yang berjalan saat ini yaitu :

  1. Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
  2. Terdapat 1 (satu) simbol yang menyatakan proses input, yaitu dosen memberikan materi kepada mahasiswa.
  3. Terdapat 3 (tiga) simbol proses, yang menyatakan proses mahasiswa dalam memahami dan mencatat materi yang diberikan dosen serta proses pada saat praktikum berlangsung yang menggunakan alat trainer sebagai media praktikum.
  4. Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum dalam proses pembelajaran pada mata kuliah interfacing.


Perancangan dan Pembuatan Alat

Konfigurasi Sistem Usulan

Pada perancangan sistem usulan ini terdapat komponen hardware dan software yang digunakan untuk melakukan prototyping, perancangan dan pembuatan sistem. Adapun perangkat keras (hardware) dan perangkat lunak (software) yang digunakan dapat dilihat sebagai berikut:


Spesifikasi Hardware

Spesifikasi perangkat keras (hardware) dibawah ini merupakan perangkat keras atau komponen yang digunakan untuk membangun alat trainer, setiap komponen memiliki fungsi dan kegunaannya masing-masing. Adapun perangkat keras (hardware) sebagai berikut:

  1. ESP32
  2. Sensor Tekanan Udara BMP180
  3. Modul Real Time Clock RTC DS3231
  4. OLED Display SSD1306 128x64
  5. Buzzer
  6. Potensiometer
  7. Push button
  8. LED
  9. Logic Level Converter
  10. Transistor NPN
  11. Resistor
  12. Dioda
  13. Regulator Tegangan
  14. Jack DC
  15. Pin Header Male


Spesifikasi Software

Pada spesifikasi perangkat lunak (software) dibawah ini merupakan aplikasi yang digunakan dalam proses prototyping, perancangan, pembuatan dan pemrograman alat trainer interface mikrokontroler, yaitu sebagai berikut:

  1. Arduino IDE 1.8.9
  2. EasyEDA Online


Diagram Blok

Perancangan perangkat keras dari alat trainer interfacing mikrokontroler ini membutuhkan beberapa komponen dan modul modul yang saling terhubung dengan mikrokontroler. Agar mempermudah dalam memahami alur kerja dari alat ini maka penulis membuat diagram blok beserta keterangan dari setiap komponen.

Gambar 5.2 Diagram Blok

Keterangan:

  1. Mikrokontroler ESP32 sebagai pusat kendali seluruh rangkaian trainer untuk menyimpan dan menjalankan program untuk memproses data dari input dan mengolahnya kemudian data yang sudah di proses ditampilkan pada output yang terhubung pada mikrokontroler.
  2. Modul RTC DS3231 sebagai komponen input yang memberikan data kepada mikrokontroler. Komponen ini dapat menyimpan data waktu seperti jam, menit, detik, hingga hari bulan dan tahun yang akan dibaca oleh mikrokontroler melalui interface I2C. Pada rangkaian trainer, komponen ini berfungsi untuk mensimulasikan komunikasi dengan mikrokontroler melalui protokol interface I2C pada saat penggunaan alat trainer ini.
  3. OLED Display sebagai komponen output yang akan menampilkan teks atau gambar dari mikrokontroler yang menggunakan interface SPI untuk berkomunikasi dengan mikrokontroler. Pada penggunaan trainer ini, OLED Display dipakai untuk mempraktekkan komunikasi mikrokontroler dengan display menggunakan protokol interface SPI pada penggunaan alat trainer.
  4. BMP180 sebagai komponen input yang memberikan data berupa tekanan udara dan suhu pada mikrokontroler, berfungsi untuk mempraktekkan komunikasi dengan mikrokontroler menggunakan protokol interface I2C yang jalur data nya akan di paralel dengan modul RTC pada penggunaan trainer karna komponen ini menggunakan interface I2C untuk berkomunikasi.
  5. Potensiometer merupakan komponen input yang berfungsi sebagai bahan praktik untuk mempelajari penerapan pembacaan data analog input oleh mikrokontroler pada penggunaan alat trainer.
  6. LED sebagai komponen output yang berfungsi untuk menampilkan digital output dari mikrokontroler.
  7. Pin header merupakan konektor untuk input output dari mikrokontroler dengan komponen lain, pada trainer ini terdapat empat kelompok pin header yang merupakan ekspansi dari pin interface SPI, I2C, dan UART serta beberapa pin GPIO pada mikrokontroler ESP32. Pin header pada trainer ini berfungsi sebagai antarmuka trainer agar dapat dihubungkan dengan modul eksternal.


Pembuatan Alat

Proses pembuatan alat trainer interface mikrokontroler ini terdiri dari beberapa tahapan, yaitu mulai dari penentuan spesifikasi dari alat berdasarkan hasil analisis dan pengumpulan data, pengadaan komponen dan bahan, perancangan skematik diagram, prototyping, mendesain dan membuat PCB, perakitan komponen ke PCB, serta beberapa rangkaian uji coba alat.


Perancangan Skematik Diagram

Sebelum melakukan pembuatan keseluruhan alat, maka dibutuhkan desain skematik sebagai acuan dalam merancang alat, bagaimana seluruh komponen saling terhubung akan digambarkan pada skematik rangkaian. Penulis menggunakan software EDA (electronic design automation) bernama EasyEDA yang berbasis online sebagai software untuk merancang skematik diagram.

Gambar 5.3 Skematik Rangkaian Alat

Dalam gambar skematik terdapat gambar dan simbol dari setiap komponen yang digunakan pada trainer interface mikrokontroler, setiap komponen saling terhubung sesuai fungsi dari kegunaan trainer interface mikrokontroler ini. Dalam merancang skematik penulis menggunakan fungsi NetPort agar desain skematik terlihat lebih rapi dan lebih mudah untuk dipahami.

Gambar 5.4 Simbol NetPort

Dengan menggunakan NetPort maka rancangan skematik akan terlihat ringkas dan bersih karena tidak perlu menarik garis untuk menghubungkan pin antar komponen yang letak nya berjauhan, cukup dengan memberi nama pada NetPort di kedua pin komponen yang akan dihubungkan.

Setiap komponen akan dihubungkan dengan komponen lain sesuai fungsi dan memperhatikan ketentuan dari setiap datasheet komponen, mikrokontroler ESP32 terdapat beberapa pin GPIO (General Purpose Input Output) yang masing masing pin nya memiliki berbagai seperti pin out untuk protokol interface SPI, I2C, UART serta pin out untuk ADC (Analog Digital Converter) dan GPIO seperti yang terlihat pada gambar 5.5

Gambar 5.5 Pin Out ESP32

Sumber: http://circuits4you.com

Sesuai pada gambar 5.3 skematik rangkaian, komponen dengan interface SPI yaitu OLED Display akan dihubungkan dengan mikrokontroler ESP32 sesuai dengan jalur data yang ditetapkan pada protokol SPI, begitupun dengan komponen yang memiliki interface I2C seperti IC RTC DS3231 dan sensor tekanan udara BMP180 akan dihubungkan dengan jalur data I2C di mikrokontroler ESP32. Untuk komponen LED akan dihubungkan dengan pin GPIO2 pada ESP32.

Khusus pada blok rangkaian potensiometer, buzzer, dan keempat push button akan dihubungkan dengan beberapa pin GPIO pada ESP32 namun jalur sinyal yang menjadi penghubung akan diputus dan melalui saklar berjenis DIP switch agar nantinya pada saat penggunaan trainer, ketiga jenis komponen tersebut dapat diaktifkan maupun dinonaktifkan.

Gambar 5.6. Blok Rangkaian Push Button, Potensiometer dan Buzzer

Pada rangkaian empat buah push button, masing masing terdapat komponen resistor pull down, resistor pull down ini berfungsi agar pada saat button tidak ditekan, nilai input dari push button tidak mengambang (float state) antara high atau low dan akan membuat nilai input menjadi low pada saat push button tidak ditekan.


Perancangan Desain PCB

Agar semua komponen dapat saling terhubung dan tertata rapi dalam satu alat serta alat dapat digunakan dengan mudah, maka perlu dibuat PCB yang didesain menggunakan software EasyEDA. Pada layout PCB dibuat jalur sinyal yang menghubungkan antar pin kaki komponen sesuai skematik yang telah dibuat, kemudian terdapat silk screen pada permukaan PCB yang berfungsi untuk memberikan keterangan atau tanda pada komponen yang dirangkai pada PCB.

Gambar 5.7 Desain PCB Sisi Atas

Gambar 5.8 Desain PCB Sisi Bawah

Dalam pembuatan desain PCB juga perlu memperhatikan peletakan komponen sehingga memudahkan dalam membentuk jalur yang menghubungkan antar komponen serta rapi dan mudah digunakan. Untuk menghubungkan jalur antar komponen penulis menggunakan fitur autorouter, fitur ini akan membuat jalur antar pin komponen secara otomatis sesuai ketentuan yang sudah di atur seperti lebar jalur dan lebar lubang bor pada PCB.


Perakitan Alat

Setelah PCB diproduksi sesuai desain yang telah dibuat, komponen komponen akan dirakit dan dipasang dengan PCB melalui proses penyolderan. Penyolderan dilakukan menggunakan teknik manual dengan bantuan timah, flux, dan pinset beserta cairan isopropyl alkohol untuk membersihkan PCB.

Gambar 5.9 Trainer Interface Mikrokontroler Sisi Atas

Gambar 5.10 Trainer Interface Mikrokontroler Sisi Bawah


Pengujian Sistem

Pada tahap ini akan dilakukan serangkaian uji coba untuk memastikan fungsionalitas sistem yang dibuat berjalan sesuai apa yang diinginkan serta pengujian untuk menemukan kesalahan fungsi atau error pada sisi program maupun perangkat keras.


Black Box Testing

Berikut adalah tabel Black Box Testing trainer interface mikrokontroler berdasarkan kegunaan fitur yang dimiliki.


Pengujian Black Box Saat Praktik Interface SPI

Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep interface SPI mikrokontroler dengan komponen OLED Display SPI.

Tabel 5.1 BlackBox Testing Fungsi Interface SPI

No Skenario Pengujian Tes Case Hasil yang diharapkan Hasil  Pengujian Kesimpulan
1 Memprogram trainer dengan example code penampil teks dan gambar pada OLED Display SPI OLED Display menampilkan teks dan gambar dengan baik. Valid


Pengujian Black Box Saat Praktik Interface I2C

Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep interface I2C mikrokontroler dengan komponen sensor BMP180 dan RTC DS3231.

Tabel 5.2 BlackBox Testing Fungsi Interface I2C

No Skenario Pengujian Tes Case Hasil yang diharapkan Hasil  Pengujian Kesimpulan
1 Memprogram trainer dengan example code membaca data tekanan udara dan suhu dari sensor BMP180 Data kondisi tekanan udara dan suhu terbaca pada serial monitor. Valid
2 Memprogram trainer dengan example code mengatur jam serta membaca data waktu dan tanggal. Data waktu dan tanggal terbaca pada serial monitor. Valid


Pengujian Black Box Saat Praktik Interface UART

Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep interface UART mikrokontroler dengan komponen lain di luar rangkaian trainer. Komponen tersebut yaitu mikrokontroler arduino uno yang sudah di program untuk menerima data serial yang ditampilkan pada LCD arduino.

Tabel 5.3 BlackBox Testing Fungsi Interface UART

No Skenario Pengujian Tes Case Hasil yang diharapkan Hasil  Pengujian Kesimpulan
1 Memprogram trainer dengan example code kirim dan terima data serial Trainer dapat mengirim dan menerima data serial melalui interface UART. Valid


Pengujian Black Box Saat Praktik Digital Input / Output

Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep digital input atau output mikrokontroler dengan komponen push button, LED, dan buzzer.

Tabel 5.4 BlackBox Testing Fungsi Digital Input / Output

No Skenario Pengujian Tes Case Hasil yang diharapkan Hasil  Pengujian Kesimpulan
1 Memprogram trainer dengan example code digital read membaca kondisi nilai dengan serial monitor saat push button ditekan. Serial monitor menampilkan nilai kondisi dari setiap tombol yang ditekan Valid
2 Memprogram trainer dengan example code digital write menyalakan LED berkedip. LED akan menyala berkedip (blinking) sesuai jeda yang ditetapkan dalam program Valid
3 Memprogram trainer dengan example code digital write menghidupkan buzzer. Buzzer berbunyi Buzzer berhasil berbunyi Valid


Pengujian Black Box Saat Praktik Analog Input

Pengujian ini bertujuan untuk memastikan trainer dapat bekerja dengan baik saat digunakan untuk mempraktikkan konsep analog input mikrokontroler dengan komponen potensiometer.

Tabel 5.5 BlackBox Testing Fungsi Analog Input

No Skenario Pengujian Tes Case Hasil yang diharapkan Hasil  Pengujian Kesimpulan
1 Memprogram trainer dengan example code analog read untuk membaca nilai analog dengan serial monitor dari potensiometer yang diputar. Serial monitor menampilkan nilai analog dari pembacaan potensiometer yang diputar Valid


Implementasi

Menurut Wandanaya dan Wicaksono (2018:111)[62], “Implementasi atau penerapan adalah tahap dimana desain sistem dibentuk menjadi suatu kode (program) yang siap untuk dioperasikan”.

Setelah alat trainer interface mikrokontroler selesai dirancang dengan memperhatikan analisa masalah, konfigurasi sistem usulan dan perancangan sistem, maka hasil dari perancangan trainer interface mikrokontroler akan digunakan untuk mendukung kegiatan praktikum pada mata kuliah interfacing di Universitas Raharja. Alat trainer interface mikrokontroler ini memiliki komponen-komponen yang dapat membantu pemakainya dalam memahami konsep dan penerapan interface pada mikrokontroler serta input outputnya, serta dilengkapi dengan buku panduan yang didalamnya terdapat petunjuk cara menggunakannya dan beberapa project studi kasus yang akan diterapkan pada trainer.

Gambar 5.11 Sisi Atas Komponen Trainer Interface Mikrokontroler

Gambar 5.12 Sisi Bawah Komponen Trainer Interface Mikrokontroler

Pada gambar 5.11 dan gambar 5.12 merupakan hasil rancangan trainer interface mikrokontroler dengan berbagai jenis komponen yang ditunjukan dengan nomor, komponen pada trainer akan dijelaskan fitur serta fungsi nya sebagai berikut:

  1. OLED Display bertipe SSD1306 yang memiliki resolusi layar 128x64, display ini menggunakan interface SPI untuk berkirim data dengan mikrokontroler. Dalam penggunaan trainer, display ini akan digunakan sebagai media output dalam mempraktikkan dan menerapkan konsep komunikasi data melalui interface SPI dengan cara mengirim data berupa teks atau gambar dari mikrokontroler ke display untuk ditampilkan pada OLED display.
  2. Jack DC digunakan untuk power input jika trainer akan digunakan dengan banyak komponen eksternal lain yang terhubung. Tegangan input yang dapat diterima melalui Jack ini antara 9-12 volt.
  3. RTC DS3231 digunakan untuk mempraktikkan konsep interface I2C. Dalam penggunaan trainer, komponen ini sebagai media input untuk menerapkan konsep komunikasi data dengan mikrokontroler melalui interface I2C dengan cara mikrokontroler membaca data waktu dan tanggal untuk kemudian ditampilkan pada serial monitor maupun media output lain seperti display.
  4. Jumper untuk memilih mode sumber daya apakah memilih sumber daya dari USB atau dari jack DC.
  5. Push button sebanyak 4 buah yang digunakan sebagai media input pada praktikum menerapkan konsep digital input. Dalam penggunaan trainer, mikrokontroler akan membaca kondisi dari push button.
  6. LED yang berfungsi sebagai komponen pendukung media praktikum untuk menerapkan konsep digital output.
  7. DIP Switch untuk mengaktifkan atau menonaktifkan keempat push button.
  8. DIP Switch untuk mengaktifkan atau menonaktifkan buzzer dan potensiometer.
  9. Potensiometer berfungsi sebagai komponen input mikrokontroler untuk mempraktikkan analog input pada penggunaan trainer.
  10. Tombol BOOT pada mikrokontroler ESP32 untuk memasukan trainer ke mode programming.
  11. Port MicroUSB sebagai interface trainer dengan komputer untuk memprogram mikrokontroler ESP32.
  12. Tombol RESET pada mikrokontroler untuk me-reset agar trainer mengulang program yang dijalankan.
  13. GPIO Header berfungsi sebagai interface GPIO mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal.
  14. Mikrokontroler ESP32 sebagai pengendali dari semua rangkaian trainer yang dapat diprogram untuk mempraktikkan komunikasi data dengan komponen komponen yang ada pada trainer.
  15. SPI Header berfungsi sebagai interface pin SPI pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface SPI.
  16. I2C Header berfungsi sebagai interface pin I2C pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface I2C.
  17. Buzzer yang berfungsi sebagai komponen pendukung media praktikum untuk menerapkan konsep digital output.
  18. UART0 Header berfungsi sebagai interface pin UART 0 pada mikrokontroler ESP32. Header UART0 ini menggunakan jalur data serial yang sama dengan jalur data untuk memprogram mikrokontroler ESP32 dari komputer.
  19. UART2 Header berfungsi sebagai interface pin UART pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface UART.
  20. LLC (Logic Level Converter) Header sebagai konverter tegangan jalur data jika trainer akan dihubungkan dengan komponen eksternal yang memiliki tegangan kerja 5 volt.
  21. Sensor BMP180 digunakan untuk mempraktikkan konsep interface I2C. Dalam penggunaan trainer, komponen ini sebagai media input untuk menerapkan konsep komunikasi data dengan mikrokontroler melalui interface I2C dengan cara mikrokontroler membaca data tekanan udara dan suhu untuk kemudian ditampilkan pada serial monitor maupun media output lain seperti display. Komponen ini terhubung menggunakan jalur data yang sama dengan RTC DS3231 karena sama sama memiliki interface I2C
  22. QR Code sebagai shortcut untuk membuka panduan penggunaan trainer secara online dengan cara scan QR code untuk kemudian membuka panduan penggunaan melalui gadget.
  23. Regulator tegangan untuk menurunkan tegangan input power dari Jack DC ke rangkaian trainer.

Penggunaan trainer interface mikrokontroler dapat disesuaikan dengan materi praktikum yang sedang diajarkan, namun sebelum menggunakan trainer mahasiswa perlu meng-install software Arduino IDE pada komputer, install driver USB to Serial, serta beberapa library pendukung di Arduino IDE sesuai dari fitur yang akan digunakan pada trainer. Dalam menerapkan konsep interfacing mikrokontroler, trainer perlu diprogram mengikuti ketentuan dari library program sesuai protokol interface yang digunakan. Trainer ini dapat diprogram menggunakan bahasa C yang kompatibel dengan arduino, beberapa project arduino pun dapat diterapkan pada trainer Selain bahasa C trainer juga dapat diprogram dengan bahasa python dengan compiler MicroPython.

Gambar 5.13 Program Dengan Bahasa C di Arduino IDE

Ada beberapa percobaan praktikum yang dapat dilakukan dengan trainer ini sesuai pada materi interfacing mikrokontroler, yaitu percobaan menerapkan konsep interface SPI menggunakan OLED Display, lalu percobaan menerapkan konsep interface I2C menggunakan sensor tekanan udara BMP180 dan RTC, percobaan menerapkan konsep UART dengan menggunakan komponen eksternal yang memiliki interface UART, lalu percobaan menerapkan digital input / output menggunakan push button, LED dan buzzer, sampai percobaan menerapkan pembacaan data analog input menggunakan potensiometer.

Beberapa percobaan tersebut diterapkan sebagai media pembelajaran pada sesi praktikum di mata kuliah interfacing yang akan dijabarkan dengan flowchart sebagai berikut:


Flowchart Penerapan Konsep Interface SPI Pada Trainer

Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum interfacing SPI dengan mikrokontroler.

Gambar 5.14 Flowchart Proses Pembelajaran Materi Interface SPI

Dapat dijelaskan gambar 5.14 Flowchart kegiatan pembelajaran materi interface SPI pada mikrokontroler pada mata kuliah Interfacing yaitu:

  1. Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
  2. Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi interface SPI pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkan konsep interface SPI pada trainer dan melakukan percobaan menampilkan data ke OLED display melalui interface SPI.
  3. Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar interface SPI pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep interface SPI pada mikrokontroler dan output mahasiswa memahami hanya teori dasar interface SPI saja.
  4. Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.

Pada saat dosen menyampaikan materi praktikum tentang interface SPI pada mikrokontroler, mahasiswa akan menerapkan konsep interface SPI dengan menggunakan OLED Display sebagai media praktik pada trainer. Mahasiswa akan belajar cara mengirim data teks atau gambar untuk ditampilkan pada display dari cara memprogram dan pendefinisian pin out untuk melakukan komunikasi data melalui interface SPI.

Berikut contoh program dasar penerapan konsep SPI dengan OLED display pada trainer:

Tabel 5.6 Listing Program SPI Example

 .
 #include <SPI.h> //deklarasi library SPI
 #include <Wire.h> //deklarasi library SPI
 #include <Adafruit_GFX.h> //deklarasi library OLED display
 #include <Adafruit_SSD1306.h> //deklarasi library OLED display
 
 #define SCREEN_WIDTH 128 // OLED display width, in pixels
 #define SCREEN_HEIGHT 64 // OLED display height, in pixels
 
 // Deklaarasi pin SPI OLED display:
 #define OLED_MOSI   23
 #define OLED_CLK   18
 #define OLED_DC    4
 #define OLED_CS    5
 #define OLED_RESET 15
 Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT,
 OLED_MOSI, OLED_CLK, OLED_DC, OLED_RESET, OLED_CS);
 
 void setup() {
 Serial.begin(9600);
 }
 
 void loop() {
 display.clearDisplay(); // Display Text
 display.setTextSize(1);
 display.setTextColor(WHITE);
 display.setCursor(0,28);
 display.println("Hello world!"); // tampilkan teks pada layar
 display.display();
 delay(2000);
 display.clearDisplay();
 }

Flowchart Penerapan Konsep Interface I2C Pada Trainer

Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum interfacing I2C dengan mikrokontroler.

Gambar 5.15 Flowchart Proses Pembelajaran Materi Interface I2C

Dapat dijelaskan gambar 5.15 Flowchart kegiatan pembelajaran materi interface I2C pada mikrokontroler pada mata kuliah Interfacing yaitu:

  1. Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
  2. Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi interface I2C pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkan konsep interface I2C pada trainer dan melakukan percobaan membaca data tekanan udara dari sensor BMP180 dan membaca data waktu dari RTC melalui interface I2C.
  3. Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar interface I2C pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep interface I2C pada mikrokontroler dan output mahasiswa memahami hanya teori dasar interface I2C saja.
  4. Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.

Pada saat dosen menyampaikan materi praktikum tentang interface I2C pada mikrokontroler, mahasiswa akan menerapkan konsep interface I2C dengan menggunakan sensor tekanan udara BMP180 dan RTC DS3231 sebagai media praktik pada trainer. Mahasiswa akan belajar cara mengakses data dari sensor dan kemudian mengambil data yang dihasilkan sensor berupa data tekanan udara, suhu dan data waktu. Serta mahasiswa akan belajar cara memprogram, pengalamatan dalam mengakses data sensor dan pendefinisian pinout untuk melakukan komunikasi data melalui interface I2C.

Berikut contoh program dasar penerapan konsep I2C dengan RTC pada trainer:

Tabel 5.7 Listing Program I2C Example

 .
 #include <Wire.h>  //deklarasi library I2C
 #include "RTClib.h" //deklarasi library RTC (alamat I2C sudah terdeklarasi)
 RTC_DS3231 rtc; //pemanggilan fungsi RTC
 char daysOfTheWeek[7][12] = {"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", 
   "Friday", "Saturday"};
 
 void setup () {
 Serial.begin(9600); //deklarasi serial
 }
 void loop () {
   DateTime now = rtc.now();
   Serial.print(now.year(), DEC); //tampilkan data tahun pada serial monitor
   Serial.print('/');
   Serial.print(now.month(), DEC); //tampilkan data bulan pada serial monitor
   Serial.print('/');
   Serial.print(now.day(), DEC); //tampilkan data tangga pada serial monitor
   Serial.print(" (");
   Serial.print(daysOfTheWeek[now.dayOfTheWeek()]); //data hari
   Serial.print(") ");
   Serial.print(now.hour(), DEC); //tampilkan data jam
   Serial.print(':');
   Serial.print(now.minute(), DEC); //tampilkan data meit
   Serial.print(':');
   Serial.print(now.second(), DEC); //tampilkan data detik
   Serial.println();
   delay(3000);
 }
 

Flowchart Penerapan Konsep Interface UART Pada Trainer

Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum interfacing UART dengan mikrokontroler.

Gambar 5.16 Flowchart Proses Pembelajaran Materi Interface UART

Dapat dijelaskan gambar 5.16 Flowchart kegiatan pembelajaran materi interface UART pada mikrokontroler pada mata kuliah Interfacing yaitu :

  1. Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
  2. Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi interface UART pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkan konsep interface UART pada trainer dan melakukan percobaan mengirim dan menerima data dari trainer ke mikrokontroler lain atau komponen lain yang menggunakan interface UART.
  3. Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar interface UART pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep interface UART pada mikrokontroler dan output mahasiswa memahami hanya teori dasar interface UART saja.
  4. Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.

Pada saat dosen menyampaikan materi praktikum tentang interface UART pada mikrokontroler, mahasiswa akan menerapkan konsep interface UART dengan komponen eksternal yang memiliki interface UART seperti mikrokontroler atau sensor dengan data serial sebagai media praktik pada trainer. Mahasiswa akan belajar cara membaca dan mengirim data dengan komponen eksternal tersebut yang harus dihubungkan dengan pin header UART2 pada trainer. Mahasiswa juga akan belajar cara memprogram, cara pengiriman atau menerima data dan pendefinisian pin out untuk melakukan komunikasi data melalui interface UART.

Berikut contoh program dasar penerapan konsep UART dengan komponen eksternal:

Tabel 5.8 Listing Program UART2 Example

 .
 #define RXD2 16  //deklarasi pin RX2 pada trainer
 #define TXD2 17 //deklarasi TX2 pada trainer
 
 //UART2 terhubung dengan komponen eksternal yaitu aduino uno
 
 void setup() {
 
   // Serial2.begin(baud-rate, protocol, RX pin, TX pin);
   Serial.begin(115200); //serial ke USB
   
   Serial2.begin(9600, SERIAL_8N1, RXD2, TXD2); //serial ke UART2
   Serial.println("Serial Txd is on pin: "+String(TX));
   Serial.println("Serial Rxd is on pin: "+String(RX));
 }
 void loop() { //Choose Serial1 or Serial2 as required
   while (Serial2.available()) {
     Serial.print(char(Serial2.read())); //membaca data UART2 dan tampilkan ke serial monitor
   }
 }
 

Flowchart Penerapan Konsep Digital Input Output pada Trainer

Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum digital input output pada mikrokontroler.

Gambar 5.17 Flowchart Proses Pembelajaran Materi Digital Input Output

Dapat dijelaskan gambar 5.17 Flowchart kegiatan pembelajaran materi digital input output pada mikrokontroler pada mata kuliah Interfacing yaitu:

  1. Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
  2. Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi digital input output pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkannya pada trainer dan melakukan percobaan membaca nilai kondisi dari push button jika ditekan kemudian menyalakan LED dan buzzer.
  3. Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar “digital input output” pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep “digital input output” pada mikrokontroler dan output mahasiswa memahami hanya teori dasar “digital input output” saja.
  4. Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.

Pada saat dosen menyampaikan materi praktikum tentang digital input output pada mikrokontroler, mahasiswa akan menerapkan konsep tersebut dengan menggunakan push button, LED dan buzzer sebagai media praktik pada trainer. Mahasiswa akan belajar cara membaca nilai input dari push button, kemudian bagaimana cara menyalakan LED dan buzzer baik menggunakan trigger maupun sudah ditetapkan pada program.

Berikut contoh program dasar penerapan konsep digital input dengan push button:

Tabel 5.9 Listing Program Digital Input

 .
 int atas = 34;
 int bawah = 35;
 int kiri = 36;
 int kanan = 39; 
 
 void setup() {
   // put your setup code here, to run once:
   Serial.begin(9600);
   
   pinMode(atas, INPUT);
   pinMode(bawah, INPUT);
   pinMode(kiri, INPUT);
   pinMode(kanan, INPUT);
 }
 
 void loop() {
   // put your main code here, to run repeatedly:
   int up = digitalRead(atas);
   int down = digitalRead(bawah);
   int left = digitalRead(kiri);
   int right = digitalRead(kanan);
   if (up == HIGH)
   {
     Serial.println("UP");
   }
   if (down == HIGH)
   {
     Serial.println("DOWN");
   }
   if (left == HIGH)
   {
     Serial.println("LEFT");
   }
   if (right == HIGH)
   {
     Serial.println("RIGHT");
   }
   delay(150);
 }
 


Berikut contoh program dasar penerapan konsep digital output dengan LED':

Tabel 5.10 Listing Program Digital Output

 .
 void setup() {
   pinMode(2, OUTPUT); //inisialisasi pin 2 sebagai output
 }
 
 void loop() {
   digitalWrite(2, HIGH);    //menyalakan LED pada pin no 2 (HIGH yaitu level tegangan)
   delay(1000);              //jeda 1000 mili second (1 detik)
   digitalWrite(2, LOW);     //mematikan LED pada dengan mengubah level tegangan ke LOW
   delay(1000);
 }
 

Flowchart Penerapan Konsep Analog Input pada Trainer

Berikut adalah gambar flowchart proses penggunaan media trainer pada saat praktikum analog input pada mikrokontroler.

Gambar 5.18 Flowchart Proses Pembelajaran Materi Analog Input

Dapat dijelaskan gambar 5.18 Flowchart kegiatan pembelajaran materi analog input pada mikrokontroler pada mata kuliah Interfacing yaitu:

  1. Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
  2. Terdapat 3 (tiga) simbol proses, yang menyatakan proses pembahasan materi analog input pada mikrokontroler oleh dosen, kemudian praktikum secara langsung menerapkannya pada trainer dan melakukan percobaan membaca nilai analog input dari potensiometer jika diputar.
  3. Terdapat 3 (tiga) simbol yang menyatakan proses input output, yaitu dosen memberikan pemahaman teori dasar “analog input” pada mikrokontroler kepada mahasiswa, lalu output dari proses praktikum mahasiswa mampu menerapkan konsep “analog input” pada mikrokontroler dan output mahasiswa memahami hanya teori dasar “analog input” saja.
  4. Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.

Pada saat dosen menyampaikan materi praktikum tentang analog input pada mikrokontroler, mahasiswa akan menerapkan konsep tersebut dengan menggunakan potensiometer sebagai media praktik pada trainer. Mahasiswa akan belajar cara membaca nilai input berupa data analog dari potensiometer.

Berikut contoh program dasar penerapan konsep analog input dengan Potensiometer:

Tabel 5.11 Listing Program Analog Input

 .
 #define pot 33
 
 void setup()
 {
   Serial.begin(9600);  // inisialisasi baud rate serial monitor
   pinMode(pot, INPUT); //set pin 33 sebagai input potensiometer
 }
 
 void loop()
 {
   int value = analogRead(pot); //membaca nilai analog
   Serial.println(value);       //mencetak nilai analog input ke serial monitor
   delay(300);
 }
 

BAB VI

KESIMPULAN DAN SARAN


Kesimpulan

Berdasarkan hasil analisis dan penelitian yang telah dilakukan pada proses pembelajaran di mata kuliah interfacing pada Universitas Raharja, maka dapat diambil kesimpulan bahwa perancangan trainer interface mikrokontroler sebagai media pembelajaran pada mata kuliah interfacing menghasilkan sebuah alat yang ditujukan sebagai media untuk membantu menerapkan dan mempraktikkan konsep dasar teknik interfacing pada mikrokontroler untuk dapat digunakan dalam kegiatan praktikum.

Saat ini proses praktikum yang berjalan pada mata kuliah interfacing masih belum efektif dan efisien, dimana beberapa mahasiswa masih kesulitan dalam memahami materi interfacing karena ketiadaan media praktikum. Pada mata kuliah interfacing juga terdapat sesi praktikum namun karena tidak adanya media praktikum yang tersedia membuat mahasiswa diharuskan membawa sendiri bahan dan komponen praktikum yang selanjutnya harus dirangkai dan dirakit terlebih dahulu sebelum digunakan untuk mempraktikkan teori interfacing mikrokontroler yang tentunya sangat menyita waktu pada sesi praktikum sehingga materi pemahaman yang didapatkan kurang maksimal.

Merancang media pembelajaran berupa trainer yang didalamnya terdapat komponen pendukung dan buku panduan untuk mempraktikkan konsep interface mikrokontroler diantaranya interface SPI, I2C, UART serta input output digital maupun analog yang semua komponen tersebut sudah tertanam pada satu papan sirkuit (PCB) trainer beserta mikrokontroler nya yang sudah saling terhubung, diharapkan dapat memberikan kemudahan bagi mahasiswa maupun dosen pada sesi praktikum di mata kuliah interfacing. Trainer yang dirancang nantinya akan digunakan sebagai media praktikum untuk menerapkan konsep interfacing mikrokontroler dengan melakukan percobaan percobaan yang diterapkan ke mikrokontroler dan komponen pendukung pada trainer. Penggunaan trainer pada proses praktikum diharapkan dapat meningkatkan efektifitas dan efisiensi karena tidak memerlukan banyak waktu untuk menyiapkan bahan praktikum, serta materi yang diberikan dosen mampu dipahami sesuai tujuan dari pembelajaran mata kuliah interfacing.

Saran

Adapun saran yang diberikan penulis sebagai acuan untuk melakukan pengembangan sehingga pada penelitian selanjutnya agar dapat mengembangkan rancangan lebih baik lagi. Sehingga kekurangan dan mungkin kesalahannya dapat diperbaiki. Berikut adalah beberapa saran dari penulis yaitu:

  1. Alat trainer ini dapat dikembangkan sebagai alat pembelajaran Internet Of Things karena mikrokontroler yang digunakan pada trainer ini sudah dilengkapi kemampuan untuk terhubung dengan jaringan Wi-Fi.
  2. Penggunaan trainer yang dihasilkan dapat digunakan tidak hanya untuk mempraktikkan konsep interfacing mikrokontroler saja, namun bisa untuk mempelajari konsep dasar mikrokontroler, sistem digital, dan beberapa konsep embedded system.
  3. Dibuat suatu dashboard online untuk menampilkan input output serta panel konfigurasi dari traine yang saling terhubung melalui jaringan internet.
  4. Modul trainer ini dapat digunakan sebagai kontroler untuk automatisasi perlatan elektronik seperti kontrol lampu otomatis, keran air otomatis, weather station, dan sebagainya.




DAFTAR PUSTAKA

  1. Febriyanto, Erick. 2017. “Model Pembelajaran Ilearning Pada Kelas Independent Study Terhadap Peningkatan Motivasi Pembelajaran Dan Kualitas Penilaian (Studi Kasus Pada Perguruan Tinggi Raharja)”. THESIS Program Studi Magister Teknik Informatika. STMIK Raharja Tangerang.
  2. Ristiyani, E., & Bahriah, E. S. 2016. “Analisis kesulitan belajar kimia siswa di SMAN X Kota Tangerang Selatan”. Jurnal Penelitian dan Pembelajaran IPA, vol. 2, no. 1.
  3. Arif, Muhammad. 2016. “Bahan Ajar Rancangan Teknik Industri”. Yogyakarta: Deepublish.
  4. Hendrawan, H., Nugroho, A., & Safirman, M. R. 2017. “Perancangan Sistem Aplikasi Rekam Medik Pada Puskesmas Pakuan Baru Kota Jambi”. Jurnal MEDIA PROCESSOR, vol. 10, no. 1.
  5. Wandanaya, Anita Bawaiqki, Sendy Zul Friandi, dan Fachry Agus Maulana. 2019. “Aplikasi Sistem Pengolahan Data Nilai Siswa Berbasis Web Pada SMKN 1 Kota Tangerang”. CERITA Journal, vol.5, no.1.
  6. Praktikno, Teguh, Ewo Tarmedi, dan Wahid Munawar. 2016. “Studi Komparasi Hasil Belajar Siswa yang Menggunakan Aurora 3 Dimensi Presentation Dengan Siswa yang Menggunakan Media Engine Trainer Pada Kompetensi Menjelaskan Konsep Motor Bakar”. Journal of Mechanical Engineering Education, vol. 1, no. 1.
  7. Wahyudi, Lukman dan Tri Rijanto. 2017. “Pengembangan Trainer Miniatur Pintu Perlintasan Kereta Api Berbasis PLC Untuk Meningkatkan Standar Kompetensi Merangkai PLC Di SMK Dwija Bakti Jombang”. Jurnal Pendidikan Teknik Elektro, vol. 6, no. 1.
  8. Sujarwata. 2018. “Belajar Mikrokontroler BS2SX Teori, Penerapan dan Contoh pemrograman PBasic”. Yogyakarta: Deepublish.
  9. 9,0 9,1 9,2 9,3 9,4 Dharmawan, Hari Arief. 2017. “Mikrokontroler: Konsep Dasar dan Praktis”. Malang: Universitas Brawijaya Press.
  10. Kusumah, Hendra, Alfian Toro dan Muhammad Idris. 2016. “Sistem Pengukur Tinggi Dan Berat Badan Untuk Posyandu Menggunakan Mikrokontroler ATmega853”. CCIT Journal, vol. 9, no. 2.
  11. Yasin, Alimuddin, dan Yumarlin, M. Z. 2016. “Evaluasi Web UJB menggunakan Golden Rules Of User Interface Design Theo Mandel”. SEMNASTEKNOMEDIA ONLINE, vol. 4, no. 1.
  12. Kamus Besar Bahasa Indonesia (KBBI) Daring. https://kbbi.kemdikbud.go.id/entri/antarmuka. (diakses tanggal 1 Juli 2019)
  13. 13,0 13,1 13,2 13,3 13,4 13,5 13,6 Oktanugraha, Dimas. 2018. “PERANCANGAN ANTARMUKA I2C PADA SENSOR CO2 MHZ-19”. SKRIPSI Prodi Teknik Elektro Fakultas Teknik Universitas Muhammadiyah Yogyakarta.
  14. 14,0 14,1 Wardana, I. Nyoman Kusuma. 2017. “Teknik antarmuka secara serial peripheral interface (SPI) menggunakan platform arduino dan matlab”. Matrix Jurnal Manajemen Teknologi dan Informatika, vol. 6, no. 3.
  15. 15,0 15,1 15,2 Sulistiyono, Taufiq Yudi. Nurussa’adah, dan Eka Maulana. 2014. “Komparasi Sistem Komunikasi Serial Multipoint pada Robot Management Sampah menggunakan I2C dan SPI”. Jurnal Mahasiswa TEUB, vol. 2, vol. 3.
  16. Sari, Kartika, Cucu Suhery dan Yudha Arman. 2015. “Implementasi sistem pakan ikan menggunakan buzzer dan aplikasi antarmuka berbasis mikrokontroler”. Jurnal Coding Sistem Komputer Universitas Tanjungpura, vol. 3, no. 2.
  17. Hardana. 2018. “Belajar Mudah Mikrokontroler ARM STM32: Dasar-Dasar Mikrokontroler Arsitektur ARM ST Microelectronics”. Jakarta: PT. Mitra Sinergi Optima.
  18. Kurniawan, Bobi, Eko Budi Setiawan, dan Rodi Hartono. 2015. “Perbaikan sistem parkir kendaraan bermotor di lingkungan universitas komputer indonesia dengan menggunakan RFID dan database”. Majalah Ilmiah UNIKOM, vol. 12, no. 2..
  19. Munarso, M., & Suryono, S., 2014. “Sistem Telemetri Pemantauan Suhu Lingkungan Menggunakan Mikrokontroler dan Jaringan WIFI”. Youngster physics journal, vol.3, no. 3.
  20. Biswas, Shatadru Bipasha, dan M. Tariq Iqbal. 2018. “Solar Water Pumping System Control Using a Low Cost ESP32 Microcontroller.” 2018 IEEE Canadian Conference on Electrical & Computer Engineering (CCECE).
  21. ESPRESSIF. ESP32 Resources. https://www.espressif.com/en/products/hardware/esp32/resources . (diakses tanggal 4 Januari 2019).
  22. Maier, Alexander, Andrew Sharp, dan Yuriy Vagapov. 2017. “Comparative analysis and practical implementation of the ESP32 microcontroller module for the internet of things”. Internet Technologies and Applications (ITA).
  23. 23,0 23,1 23,2 Sumiharsono, Rudy dan Hisbiyatul Hasanah. 2017. “Media Pembelajaran: Buku Bacaan Wajib Dosen, Guru dan Calon Pendidik”. Jember: Pustaka Abadi.
  24. 24,0 24,1 Yaumi, Muhammad. 2018. “Media dan Teknologi Pembelajaran”. Jakarta: Kencana.
  25. Satrianawati. 2018. “Media dan Sumber Belajar”. Yogyakarta: Deepublish.
  26. Arduino Environment. “Arduino Software (IDE)”. https://www.arduino.cc/en/Guide/Environment# . (diakses tanggal 2 Januari 2019).
  27. Mulyana, Eka dan Rindi Kharisman. 2014. “Perancangan Alat Peringatan Dini Bahaya Banjir Dengan Mikrokontroler Arduino Uno R3”. Citec Journal Vol. 1, No. 3.
  28. 28,0 28,1 Listiyarini, Ratih. 2018. “Dasar Listrik dan Elektronika”. Yogyakarta: Deepublish.
  29. 29,0 29,1 29,2 29,3 29,4 29,5 Yohandri dan Asrizal. 2016. “Elektronika Dasar 1: Komponen, Rangkaian, dan Aplikasi”. Jakarta: Kencana.
  30. 30,0 30,1 Sokop, S. J., Mamahit, D. J., & Sompie, S. R. 2016. “Trainer Periferal Antarmuka Berbasis Mikrokontroler Arduino Uno”. Jurnal Teknik Elektro Dan Komputer, vol.5, no.3.
  31. Setiyo, Muji. 2017. “Listrik & Elektronika Dasar Otomotif: Basic Automotive Electricity & Electronics”. Maglang: Unimma Press.
  32. Kodali, R. K., & Mahesh, K. S. 2016. “Low cost ambient monitoring using ESP8266”. 2016 2nd International Conference on Contemporary Computing and Informatics (IC3I).
  33. Dinata, Andi. 2018. “Fun Coding with MicroPython”. Jakarta: PT Elex Media Komputindo.
  34. Maxim Integrated. DS3231. https://www.maximintegrated.com/en/products/digital/real-time-clocks/DS3231.html. (diakses tanggal 3 Januari 2019).
  35. Sunarya, Abas. Asep Saefullah dan Deinsyah Fakhrizal. 2015. “Prototype Weather Station Berbasis Arduino Yun”. CCIT Journal, 8(2), 57-65.
  36. Hakiem, Ilmiawan. 2015. “TOKOTEKNOLOGI: Electronics Design & Repair”. Malang: PT. Tokoteknologi Mikroelektronik Nusantara.
  37. Sunarya, Abas., Ely Nuryani, dan Mochamad Yusuf Romdoni. 2015. “SISTEM INFORMASI MANAJEMEN PROGRAM KELUARGA HARAPAN PADA DINAS SOSIAL KABUPATEN SERANG”. CICES, vol. 1, no.1 .
  38. 38,0 38,1 Mulyani, Sri. 2017. “Metode Analisis dan Perancangan Sistem”. Bandung: Abdi Sistematika.
  39. 39,0 39,1 Muslihudin, Muhammad. 2016. “Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML”. Yogyakarta: Penerbit Andi.
  40. Fajarianto, Otto. 2016. “Prototype Pelayanan Akademik Terhadap Komplain Mahasiswa Berbasis Mobile”. Jurnal Lentera ICT, Vol 3 No.1.
  41. Kartadie, R., Utami, E., & Pramono, E. 2014. “Prototipe Infrastruktur Software-Defined Network Dengan Protokol Openflow Menggunakan Ubuntu Sebagai Kontroler”. Data Manajemen dan Teknologi Informasi (DASI), vol. 15, no. 1.
  42. Harahap, Eka Purnama, Untung Rahardja, dan Muhammad Salamuddin. 2019. “Aplikasi Panduan dan Pembayaran Tiket Masuk Mendaki Gunung Menggunakan Metodologi Sistem Multimedia Luther-Sutopo”. SATIN-Sains dan Teknologi Informasi, Vol.4, No.2
  43. Rahardja, Untung, Tejosuwito, N. J., dan Armansyah, F. S. 2017. “Perancangan Aplikasi Pen+ Berbasis Mobile untuk Memudahkan Kinerja Dosen pada Perguruan Tinggi”. Technomedia Journal, vol.1, no. 2.
  44. Sunarya, Abas, Andri Cahyo Purnomo, dan Muhamad Iqbal Wahib. "PENERAPAN MIDTRANS PAYMENT PADA OFFICIAL SITE ASOSIASI PERGURUAN TINGGI SWASTA INDONESIA." CERITA Journal vol.5, no.1
  45. Maimunah, Ilamsyah, dan M. Ilham. 2016. “Rancang Bangun Aplikasi Penjualan Furniture Online Pada Mitra Karya Furniture”. CSRID (Computer Science Research and Its Development Journal), vol. 8, no. 1.
  46. Aisyah, Euis Sitinur, Padeli, dan Sumasih. 2016. “Penerapan Activity Based Costing System Dalam Laporan Keuangan Untuk Mempermudah Pengendalian Biaya”. SENSI Journal, Vol.2, No.2.
  47. 47,0 47,1 Manzilati, Asfi. 2017. “Metodologi Penelitian Kualitatif: Paradigma, Metode, dan Aplikasi”. Malang: Universitas Brawijaya Press.
  48. Handayani, Indri, Erick Febriyanto, dan Egi Wijatriana Bachri. (2018). “Aplikasi Stat Counter Sebagai Alat Monitoring Aktivitas Website PESSTA+ Pada Perguruan Tinggi”. SISFOTENIKA, vol. 8, no. 2.
  49. Muharto dan Arisandy Ambarita. 2016. “Metode Penelitian Sistem Informasi: Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian”. Yogyakarta: Deepublish.
  50. Dwiastuti, Rini. 2017. Metode Penelitian Sosial Ekonomi Pertanian: Dilengkapi Pengenalan Metode Penelitian Kuantitatif, Kualitatif, dan Kombinasi Kuantitatif-kualitatif. Malang: Universitas Brawijaya Press.
  51. Kamaluddin, M. U., Shahbudin, S., Isa, N. M., dan Abidin, H. Z. 2015. “Teaching the Intel 8051 Microcontroller with hands-on hardware experiments”. 2015 IEEE 7th International Conference on Engineering Education (ICEED).
  52. Ali, Liakot, Lutfor Rahman, and Shahin Akhter. 2017. "Module-based Edukit for teaching and learning 8051 microcontroller programming." IEEE International Conference on Telecommunications and Photonics (ICTP).
  53. Burhan, I., Azman, A. A., Talib, S., & Aziz, A. A. A. 2015. “Multiple Outputs Programmable Integrated Circuits (MOPICs) Microcontroller Trainer for Educational Applications”. 2015 3rd International Conference on Artificial Intelligence, Modelling and Simulation (AIMS).
  54. Somantri, Yoyo. 2016. “Pengembangan Microcontroller Embedded System untuk Training Kits”. ELECTRANS, vol 14, no 1.
  55. Julham, J., & Adam, H. A. 2018. “PERANCANGAN DAN PEMBUATAN TRAINER KOMUNIKASI RS232 MENGGUNAKAN KOMPUTER DAN MIKROKONTROLER ATMEGA”. Jurnal Teknik Informatika Kaputama, vol.2, no. 1.
  56. Muchlis, F., Sulisworo, D., & Toifur, M. 2018. “Pengembangan Alat Peraga Fisika Berbasis Internet of Things untuk Praktikum Hukum Newton II”. JPF: JURNAL PENDIDIKAN FISIKA, vol. 6, no. 1.
  57. Luqman, Riza. 2017, “Trainer Mikrokontroler Sebagai Media Pembelajaran Sistem Kontrol Untuk Siswa Kelas XI Program Keahlian Teknik Otomasi Industri di SMK Negeri 2 Kendal”, Skripsi, Fakultas Teknik, Universitas Negeri Yogyakarta, Yogyakarta.
  58. Suhiyar, Awal Bakhtera dan Sunomo. 2017. "PEMBUATAN MEDIA PEMBELAJARAN PENGENALAN PERANGKAT KERAS UNTUK ANTARMUKA PADA MATA PELAJARAN KOMUNIKASI DATA DAN ANTARMUKA." Jurnal Pendidikan Teknik Elektro, vol. 7, no. 2.
  59. Haq, Endi Sailul, dan Farisqi Panduardi. 2015. "Trainer Mikrokontroler Sebagai Media Pembelajaran Untuk Mata Kuliah Mikrokontroler Di Politeknik Negeri Banyuwangi." SEMNASKIT 2015.
  60. Rahardja, Untung, Eka Purnama Harahap, dan Sarah Pratiwi. 2018. “Pemanfaatan Mailchimp Sebagai Trend Penyebaran Informasi Pembayaran Bagi Mahasiswa Di Perguruan Tinggi”. Technomedia Journal, Vol.2, No.2.
  61. Sutrisno, S., Fathoni, A., & Minarsih, M. M. 2016. “Pengaruh Motivasi Dan Disiplin Kerja Terhadap Kinerja Pegawai Di Kantor Satuan Polisi Pamong Praja Kota Semarang”. Journal of Management, vol. 2, no. 2.
  62. Wandanaya, Anita Bawaiqki, dan Andrian Wicaksono. 2018. “Rancang Bangun Sistem Informasi Rencana Anggaran Biaya (Rab) Perusahaan Berbasis Web Pada PT. Bumitangerang Mesindotama”. CERITA Journal, Vol.4, No.2.

Contributors

Admin, Restuadi