[revisi tidak terperiksa]

[revisi terperiksa]

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	: RESTU ADI PRADANA

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	: Restu Adi Pradana
Fakultas	: Sains Dan Teknologi
Program Pendidikan	: Strata 1
Program Studi	: Sistem Komputer
Konsentrasi	: Creative Communication and Innovative Technology

Disahkan Oleh :

Tangerang, November 2019

Rektor					Ketua Program Studi
Universitas Raharja					Program Studi Sistem Komputer




(Dr. Po. Abas Sunarya, M.Si)					(Ageng Setiani Rafika, S.Kom., M,Si)
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	: Restu Adi Pradana

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




( Erick Febriyanto, S.Kom., M.T.I )		( Hendra Kusumah, S.Kom., M.T.I )
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	: Restu Adi Pradana

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




(Anita B. Wandanaya, A.M.Tru., M.M.)	(Euis Sitinur Aisyah, M.Kom.)	(Eka Purnama Harahap, S.Kom., M.T.I.)
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	: Restu Adi Pradana
Fakultas	: Sains Dan Teknologi
Program Pendidikan	: Strata 1
Program Studi	: Sistem Komputer
Konsentrasi	: Creative Communication and Innovative Technology

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:

Bapak Dr. Po. Abas Sunarya, M.Si selaku Rektor Universitas Raharja
Bapak Dr. Henderi, S.Kom., M.Kom. selaku Dekan Fakultas Universitas Raharja.
Bapak Padeli, M.Kom selaku wakil Dekan Fakultas Sains dan Teknologi Universitas Raharja.
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.
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.
Bapak Hendra Kusumah, S.Kom., M.T.I selaku Dosen Pembimbing II yang telah berkenan memberikan berbagai masukan, bimbingan dan pengarahan kepada penulis.
Bapak dan Ibu Dosen Universitas Raharja yang telah memberikan ilmu pengetahuan kepada penulis.
Kedua Orang Tua tercinta yang telah banyak memberikan dukungan moril dan materil serta doa bagi keberhasilan penulis sehingga skripsi ini dapat terselesaikan dengan baik.
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 Tabel 2.1. Spesifikasi ESP32 Tabel 2.2. Literature Review Tabel 5.1. BlackBox Testing Fungsi Interface SPI Tabel 5.2. BlackBox Testing Fungsi Interface I2C Tabel 5.3. BlackBox Testing Fungsi Interface UART Tabel 5.4. BlackBox Testing Fungsi Digital Input / Output Tabel 5.5. BlackBox Testing Fungsi Analog Input Tabel 5.6. Listing Program SPI Example Tabel 5.7. Listing Program I2C Example Tabel 5.8. Listing Program UART2 Example

Daftar isi

1 BAB I
- 1.1 Latar Belakang
2 BAB II
3 BAB III
- 3.1 Tujuan Penelitian
- 3.2 Manfaat Penelitian
4 BAB IV
5 BAB V
6 BAB VI
- 6.1 Kesimpulan
- 6.2 Saran
7 DAFTAR PUSTAKA

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.

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.
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.
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
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:

Data dikirim secara serial per-bit.
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.
Jumlah slave maksimal 127. Slave dialamatkan melalui 7-bit alamat.
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

Sumber belajar adalah perangkat, bahan (materi), peralatan, pengaturan dan orang dimana peserta didik dapat berinteraksi dengannya yang bertujuan untuk memfasilitasi belajar dan memperbaiki kinerja.
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:

Memudahkan guru dalam menjelaskan materi pembelajaran dan siswa dapat mudah memahami materi pembelajaran.
Konsep materi mudah dipahami oleh siswa.
Lebih efektif dan efisien, guru mengulang materi hanya seperlunya dan siswa memiliki waktu yang lebih banyak dalam mempelajari materi.
Mendorong minat belajar dan mengajar
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:

Editor Program

Untuk menulis dan mengedit program dalam bahasa processing. Listing program pada Arduino disebut Sketch.

Compiler

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.

Uploader

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:

Analisis kelemahan sistem lama

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.

Analisis kebutuhan sistem baru

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

Studi kelayakan.

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:

Evolutionary Prototype

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)

Requirement Prototype

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:

Menunjukan kontribusi setiap kegiatan penelitian dalam hal pemecahan masalah..
Mendeskripsikan hubungan suatu kegiatan penelitian dengan kegiatan penelitian lainnya.
Mengidentifikasi cara-cara baru dalam menafsirkan penelitian terdahulu.
Mengungkapkan kesenjangan yang ada dalam penelitian terdahulu.
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:

Untuk membuat alat yang dapat memperagakan komunikasi mikrokontroler menggunakan berbagai jenis antarmuka yang tersedia pada mikrokontroler.
Merancang modul trainer interfacing mikrokontroler sebagai alat praktikum untuk mata kuliah interfacing.
Mempermudah dosen mata kuliah interfacing dalam menyampaikan materi serta mempermudah mahasiswa untuk memahami materi mata kuliah interfacing secara praktik dengan penerapannya.
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:

Mahasiswa yang mengikuti kelas mata kuliah interfacing dapat langsung mengaplikasikan materi yang didapatkan.
Proses pembelajaran pada mata kuliah interfacing memiliki alat trainer yang digunakan untuk praktikum sehingga penyampaian materi lebih maksimal.
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:

Observasi.

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.

Studi Pustaka.

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.

Wawancara.

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:

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.
Mahasiswa menyimak materi yang diajarkan sembari mencatat di kertas apa yang dosen tulis di papan tulis.
Dosen memberikan gambaran mengenai bagaimana teknik interfacing mikrokontroler melalui lisan dan papan tulis.
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.
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 :

Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai”dan “selesai” pada aliran proses flowchart .
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.
Terdapat 3 (tiga) simbol proses, yang menyatakan proses mahasiswa dalam memahami dan mencatat materi yang diberikan dosen serta proses pada saat praktikum berlangsung.
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:

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.
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.
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 :

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.
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.
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 :

Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
Terdapat 1 (satu) simbol yang menyatakan proses input, yaitu dosen memberikan materi kepada mahasiswa.
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.
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:

ESP32
Sensor Tekanan Udara BMP180
Modul Real Time Clock RTC DS3231
OLED Display SSD1306 128x64
Buzzer
Potensiometer
Push button
LED
Logic Level Converter
Transistor NPN
Resistor
Dioda
Regulator Tegangan
Jack DC
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:

Arduino IDE 1.8.9
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:

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.
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.
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.
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.
Potensiometer merupakan komponen input yang berfungsi sebagai bahan praktik untuk mempelajari penerapan pembacaan data analog input oleh mikrokontroler pada penggunaan alat trainer.
LED sebagai komponen output yang berfungsi untuk menampilkan digital output dari mikrokontroler.
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:

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.
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.
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.
Jumper untuk memilih mode sumber daya apakah memilih sumber daya dari USB atau dari jack DC.
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.
LED yang berfungsi sebagai komponen pendukung media praktikum untuk menerapkan konsep digital output.
DIP Switch untuk mengaktifkan atau menonaktifkan keempat push button.
DIP Switch untuk mengaktifkan atau menonaktifkan buzzer dan potensiometer.
Potensiometer berfungsi sebagai komponen input mikrokontroler untuk mempraktikkan analog input pada penggunaan trainer.
Tombol BOOT pada mikrokontroler ESP32 untuk memasukan trainer ke mode programming.
Port MicroUSB sebagai interface trainer dengan komputer untuk memprogram mikrokontroler ESP32.
Tombol RESET pada mikrokontroler untuk me-reset agar trainer mengulang program yang dijalankan.
GPIO Header berfungsi sebagai interface GPIO mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal.
Mikrokontroler ESP32 sebagai pengendali dari semua rangkaian trainer yang dapat diprogram untuk mempraktikkan komunikasi data dengan komponen komponen yang ada pada trainer.
SPI Header berfungsi sebagai interface pin SPI pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface SPI.
I2C Header berfungsi sebagai interface pin I2C pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface I2C.
Buzzer yang berfungsi sebagai komponen pendukung media praktikum untuk menerapkan konsep digital output.
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.
UART2 Header berfungsi sebagai interface pin UART pada mikrokontroler ESP32 untuk menghubungkan dengan komponen eksternal yang memiliki interface UART.
LLC (Logic Level Converter) Header sebagai konverter tegangan jalur data jika trainer akan dihubungkan dengan komponen eksternal yang memiliki tegangan kerja 5 volt.
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
QR Code sebagai shortcut untuk membuka panduan penggunaan trainer secara online dengan cara scan QR code untuk kemudian membuka panduan penggunaan melalui gadget.
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:

Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
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.
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.
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:

Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
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.
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.
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 :

Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
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.
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.
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:

Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
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.
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.
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:

Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.
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.
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.
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:

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.
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.
Dibuat suatu dashboard online untuk menampilkan input output serta panel konfigurasi dari traine yang saling terhubung melalui jaringan internet.
Modul trainer ini dapat digunakan sebagai kontroler untuk automatisasi perlatan elektronik seperti kontrol lampu otomatis, keran air otomatis, weather station, dan sebagainya.

DAFTAR PUSTAKA

↑ 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.
↑ 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.
↑ Arif, Muhammad. 2016. “Bahan Ajar Rancangan Teknik Industri”. Yogyakarta: Deepublish.
↑ 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.
↑ 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.
↑ 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.
↑ 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.
↑ Sujarwata. 2018. “Belajar Mikrokontroler BS2SX Teori, Penerapan dan Contoh pemrograman PBasic”. Yogyakarta: Deepublish.
↑ ^9,0 ^9,1 ^9,2 ^9,3 ^9,4 Dharmawan, Hari Arief. 2017. “Mikrokontroler: Konsep Dasar dan Praktis”. Malang: Universitas Brawijaya Press.
↑ 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.
↑ 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.
↑ Kamus Besar Bahasa Indonesia (KBBI) Daring. https://kbbi.kemdikbud.go.id/entri/antarmuka. (diakses tanggal 1 Juli 2019)
↑ ^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,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,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.
↑ 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.
↑ Hardana. 2018. “Belajar Mudah Mikrokontroler ARM STM32: Dasar-Dasar Mikrokontroler Arsitektur ARM ST Microelectronics”. Jakarta: PT. Mitra Sinergi Optima.
↑ 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..
↑ Munarso, M., & Suryono, S., 2014. “Sistem Telemetri Pemantauan Suhu Lingkungan Menggunakan Mikrokontroler dan Jaringan WIFI”. Youngster physics journal, vol.3, no. 3.
↑ 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).
↑ ESPRESSIF. ESP32 Resources. https://www.espressif.com/en/products/hardware/esp32/resources . (diakses tanggal 4 Januari 2019).
↑ 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,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,0 ^24,1 Yaumi, Muhammad. 2018. “Media dan Teknologi Pembelajaran”. Jakarta: Kencana.
↑ Satrianawati. 2018. “Media dan Sumber Belajar”. Yogyakarta: Deepublish.
↑ Arduino Environment. “Arduino Software (IDE)”. https://www.arduino.cc/en/Guide/Environment# . (diakses tanggal 2 Januari 2019).
↑ Mulyana, Eka dan Rindi Kharisman. 2014. “Perancangan Alat Peringatan Dini Bahaya Banjir Dengan Mikrokontroler Arduino Uno R3”. Citec Journal Vol. 1, No. 3.
↑ ^28,0 ^28,1 Listiyarini, Ratih. 2018. “Dasar Listrik dan Elektronika”. Yogyakarta: Deepublish.
↑ ^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,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.
↑ Setiyo, Muji. 2017. “Listrik & Elektronika Dasar Otomotif: Basic Automotive Electricity & Electronics”. Maglang: Unimma Press.
↑ Kodali, R. K., & Mahesh, K. S. 2016. “Low cost ambient monitoring using ESP8266”. 2016 2nd International Conference on Contemporary Computing and Informatics (IC3I).
↑ Dinata, Andi. 2018. “Fun Coding with MicroPython”. Jakarta: PT Elex Media Komputindo.
↑ Maxim Integrated. DS3231. https://www.maximintegrated.com/en/products/digital/real-time-clocks/DS3231.html. (diakses tanggal 3 Januari 2019).
↑ Sunarya, Abas. Asep Saefullah dan Deinsyah Fakhrizal. 2015. “Prototype Weather Station Berbasis Arduino Yun”. CCIT Journal, 8(2), 57-65.
↑ Hakiem, Ilmiawan. 2015. “TOKOTEKNOLOGI: Electronics Design & Repair”. Malang: PT. Tokoteknologi Mikroelektronik Nusantara.
↑ 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,0 ^38,1 Mulyani, Sri. 2017. “Metode Analisis dan Perancangan Sistem”. Bandung: Abdi Sistematika.
↑ ^39,0 ^39,1 Muslihudin, Muhammad. 2016. “Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML”. Yogyakarta: Penerbit Andi.
↑ Fajarianto, Otto. 2016. “Prototype Pelayanan Akademik Terhadap Komplain Mahasiswa Berbasis Mobile”. Jurnal Lentera ICT, Vol 3 No.1.
↑ 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.
↑ 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
↑ 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.
↑ 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
↑ 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.
↑ 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,0 ^47,1 Manzilati, Asfi. 2017. “Metodologi Penelitian Kualitatif: Paradigma, Metode, dan Aplikasi”. Malang: Universitas Brawijaya Press.
↑ 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.
↑ Muharto dan Arisandy Ambarita. 2016. “Metode Penelitian Sistem Informasi: Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian”. Yogyakarta: Deepublish.
↑ Dwiastuti, Rini. 2017. Metode Penelitian Sosial Ekonomi Pertanian: Dilengkapi Pengenalan Metode Penelitian Kuantitatif, Kualitatif, dan Kombinasi Kuantitatif-kualitatif. Malang: Universitas Brawijaya Press.
↑ 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).
↑ 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).
↑ 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).
↑ Somantri, Yoyo. 2016. “Pengembangan Microcontroller Embedded System untuk Training Kits”. ELECTRANS, vol 14, no 1.
↑ 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.
↑ 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.
↑ 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.
↑ 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.
↑ Haq, Endi Sailul, dan Farisqi Panduardi. 2015. "Trainer Mikrokontroler Sebagai Media Pembelajaran Untuk Mata Kuliah Mikrokontroler Di Politeknik Negeri Banyuwangi." SEMNASKIT 2015.
↑ 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.
↑ 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.
↑ 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

[cit_er-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.

[cit_bah-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.

[cit_ar-3] Arif, Muhammad. 2016. “Bahan Ajar Rancangan Teknik Industri”. Yogyakarta: Deepublish.

[cit_hen-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.

[cit_anita-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.

[cit_prak-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.

[cit_wah-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.

[cit_suj-8] Sujarwata. 2018. “Belajar Mikrokontroler BS2SX Teori, Penerapan dan Contoh pemrograman PBasic”. Yogyakarta: Deepublish.

[cit_dhar-9] 9,0 ^9,1 ^9,2 ^9,3 ^9,4 Dharmawan, Hari Arief. 2017. “Mikrokontroler: Konsep Dasar dan Praktis”. Malang: Universitas Brawijaya Press.

[cit_kus-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.

[cit_yas-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.

[cit_kbbi-12] Kamus Besar Bahasa Indonesia (KBBI) Daring. https://kbbi.kemdikbud.go.id/entri/antarmuka. (diakses tanggal 1 Juli 2019)

[okt-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.

[cit_war-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.

[cit_sul-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.

[cit_sari-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.

[cit_hard-17] Hardana. 2018. “Belajar Mudah Mikrokontroler ARM STM32: Dasar-Dasar Mikrokontroler Arsitektur ARM ST Microelectronics”. Jakarta: PT. Mitra Sinergi Optima.

[cit_kur-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..

[cit_mun-19] Munarso, M., & Suryono, S., 2014. “Sistem Telemetri Pemantauan Suhu Lingkungan Menggunakan Mikrokontroler dan Jaringan WIFI”. Youngster physics journal, vol.3, no. 3.

[cit_bis-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).

[cit_esp-21] ESPRESSIF. ESP32 Resources. https://www.espressif.com/en/products/hardware/esp32/resources . (diakses tanggal 4 Januari 2019).

[cit_mai-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).

[cit_sumi-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.

[cit_yaumi-24] 24,0 ^24,1 Yaumi, Muhammad. 2018. “Media dan Teknologi Pembelajaran”. Jakarta: Kencana.

[cit_satrian-25] Satrianawati. 2018. “Media dan Sumber Belajar”. Yogyakarta: Deepublish.

[cit_arduino-26] Arduino Environment. “Arduino Software (IDE)”. https://www.arduino.cc/en/Guide/Environment# . (diakses tanggal 2 Januari 2019).

[cit_mulyana-27] Mulyana, Eka dan Rindi Kharisman. 2014. “Perancangan Alat Peringatan Dini Bahaya Banjir Dengan Mikrokontroler Arduino Uno R3”. Citec Journal Vol. 1, No. 3.

[cit_lis-28] 28,0 ^28,1 Listiyarini, Ratih. 2018. “Dasar Listrik dan Elektronika”. Yogyakarta: Deepublish.

[cit_yoh-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.

[cit_sok-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.

[cit_setiyo-31] Setiyo, Muji. 2017. “Listrik & Elektronika Dasar Otomotif: Basic Automotive Electricity & Electronics”. Maglang: Unimma Press.

[cit_kod-32] Kodali, R. K., & Mahesh, K. S. 2016. “Low cost ambient monitoring using ESP8266”. 2016 2nd International Conference on Contemporary Computing and Informatics (IC3I).

[cit_dinata-33] Dinata, Andi. 2018. “Fun Coding with MicroPython”. Jakarta: PT Elex Media Komputindo.

[cit_max-34] Maxim Integrated. DS3231. https://www.maximintegrated.com/en/products/digital/real-time-clocks/DS3231.html. (diakses tanggal 3 Januari 2019).

[cit_sun-35] Sunarya, Abas. Asep Saefullah dan Deinsyah Fakhrizal. 2015. “Prototype Weather Station Berbasis Arduino Yun”. CCIT Journal, 8(2), 57-65.

[cit_hakiem-36] Hakiem, Ilmiawan. 2015. “TOKOTEKNOLOGI: Electronics Design & Repair”. Malang: PT. Tokoteknologi Mikroelektronik Nusantara.

[cit_abassun-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 .

[cit_mulyani-38] 38,0 ^38,1 Mulyani, Sri. 2017. “Metode Analisis dan Perancangan Sistem”. Bandung: Abdi Sistematika.

[cit_muslih-39] 39,0 ^39,1 Muslihudin, Muhammad. 2016. “Analisis dan Perancangan Sistem Informasi Menggunakan Model Terstruktur dan UML”. Yogyakarta: Penerbit Andi.

[cit_fajari-40] Fajarianto, Otto. 2016. “Prototype Pelayanan Akademik Terhadap Komplain Mahasiswa Berbasis Mobile”. Jurnal Lentera ICT, Vol 3 No.1.

[cit_kartadie-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.

[cit_hap-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

[cit_rhj17-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.

[cit_absun-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

[cit_maimunah-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.

[cit_ei-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.

[cit_manz-47] 47,0 ^47,1 Manzilati, Asfi. 2017. “Metodologi Penelitian Kualitatif: Paradigma, Metode, dan Aplikasi”. Malang: Universitas Brawijaya Press.

[cit_hnd-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.

[cit_muharto-49] Muharto dan Arisandy Ambarita. 2016. “Metode Penelitian Sistem Informasi: Mengatasi Kesulitan Mahasiswa Dalam Menyusun Proposal Penelitian”. Yogyakarta: Deepublish.

[cit_dwiastuti-50] Dwiastuti, Rini. 2017. Metode Penelitian Sosial Ekonomi Pertanian: Dilengkapi Pengenalan Metode Penelitian Kuantitatif, Kualitatif, dan Kombinasi Kuantitatif-kualitatif. Malang: Universitas Brawijaya Press.

[cit_kamal-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).

[cit_liakot-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).

[cit_burhan-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).

[cit_soman-54] Somantri, Yoyo. 2016. “Pengembangan Microcontroller Embedded System untuk Training Kits”. ELECTRANS, vol 14, no 1.

[cit_jul-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.

[cit_muchlis-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.

[cit-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.

[cit_suhiyar-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.

[cit_haq-59] Haq, Endi Sailul, dan Farisqi Panduardi. 2015. "Trainer Mikrokontroler Sebagai Media Pembelajaran Untuk Mata Kuliah Mikrokontroler Di Politeknik Negeri Banyuwangi." SEMNASKIT 2015.

[cit_ura-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.

[cit_sutrisno-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.

[cit_wandan-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.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]

[17]

[18]

[19]

[20]

[21]

[22]

[23]

[24]

[25]

[26]

[27]

[28]

[29]

[30]

[31]

[32]

[33]

[34]

[35]

[36]

[37]

[38]

[39]

[40]

[41]

[42]

[43]

[44]

[45]

[46]

[47]

[48]

[49]

[50]

[51]

[52]

[53]

[54]

[55]

[56]

[57]

[58]

[59]

[60]

[61]

[62]

@@ 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;">
-<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;">
-<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;">
-<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;">
-<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;">
-<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;">
-<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;">
-<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;">
 <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">
-<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">
-<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">
-<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">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 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">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;
@@ Baris 118: / Baris 117: @@
 |&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>
 |-
-| <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">
-<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">
-<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">
-<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">
-<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">
-<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">
-<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">
-<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">
@@ Baris 208: / Baris 206: @@
 |&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;
@@ Baris 224: / Baris 222: @@
 <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">
-<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">
-<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">
-<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">
@@ Baris 296: / Baris 294: @@
 |&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">
-<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">
-<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">
-<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">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 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>
-<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>
@@ Baris 426: / Baris 424: @@
 <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>
@@ Baris 438: / Baris 436: @@
 <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">
@@ Baris 459: / Baris 457: @@
    <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>
-   <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 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">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;">
 <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">[[#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 648: / Baris 655: @@
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">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”'''.</p></div>
-#LAST2
@@ Baris 655: / Baris 661: @@
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Teori Umum'''</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: left;">'''Konsep Dasar Sistem'''</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 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: left;">'''Definisi Sistem  '''</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">Terdapat banyak pendapat maupun pandangan mengenai definisi sistem menurut beberapa ahli, berikut diantaranya :</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: justify;">
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Suryani dalam Pratikno et al (2014:147)<ref name="cit prak">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.</ref>, 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.</p></div>
-<ol>
-  <li style="text-align: justify;line-height: 2;">Menurut Romney dan Steinbart (2015:3)<ref name="citation 1">Romney, M. B., Steinbart, P. J., & Cushing, B. E. 2000. Accounting information systems (pp. 638-641). Upper Saddle River, NJ: Prentice Hall.</ref>, sistem adalah suatu rangkaian yang terdiri dari dua atau lebih komponen yang saling berhubungan dan saling berinteraksi satu sama lain untuk mencapai tujuan dimana sistem biasanya terbagi dalam sub sistem yang lebih kecil yang mendukung sistem yang lebih besar.</li>
-    <li style="text-align: justify;line-height: 2;">Menurut Mulyadi (2016:4)<ref name="citation 2">Mulyadi. 2016. Sistem Akuntansi. Jakarta: Salemba Empat.</ref>, sistem adalah “Suatu jaringan prosedur yang dibuat menurut pola yang terpadu untuk melaksanakan kegiatan pokok perusahaan.</li>
-    <li style="text-align: justify;line-height: 2;">Menurut Marshall (2015:3)<ref name="citation 3">Marshall B, Romney Dan Paul John Steinbart. 2015. Sistem Informasi Akuntansi. Jakarta: Salemba Empat.</ref>, sistem adalah serangkaian dua atau lebih komponen yang saling terkait dan berinteraksi untuk mencapai tujuan. Sebagian besar sistem terdiri dari subsistem yang lebih kecil yang mendukung sistem yang lebih besar.</li>
-    <li style="text-align: justify;line-height: 2;">Menurut Yulia Djahir dan Pratita (2015:7)<ref name="citation 4">Djahir, Yulia dan Dewi Pratita, 2015. Bahan Ajar Sistem Informasi Manajemen.  Yogyakarta: CV Budi Utama.</ref>, mengemukakan bahwa “sistem adalah kumpulan/grup dari subsistem/bagian/ komponen apapun baik fisik ataupun nonfisik yang saling berhubungan satu  sama lain dan bekerja sama secara harmonis untuk mencapai tujuan tertentu”.</li>
-    <li style="text-align: justify;line-height: 2;">Dan menurut Mulyani (2016:2)<ref name="citation 5">Mulyani, Sri. 2016. Analisis dan Perancangan Sistem Informasi. Jakarta: Abdi Sistematika.</ref>, menyatkan bahwa “Sistem bisa diartikan sebagai sekumpulan sub sistem, komponen yang saling bekerja sama dengan tujuan yang sama untuk menghasilkan output yang sudah ditentukan sebelumnya”.</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 serangkaian pendapat para ahli di atas, maka dapat  ditarik kesimpulan bahwa suatu sistem merupakan kumpulan unsur-unsur atau komponen-komponen yang berkaitan yang memiliki hubungan satu sama lain dan saling berinteraksi satu sama lain, guna melakukan sebuah proses untuk mencapai sebuah tujuan 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 Hasan dalam Wahyudi dan Rijanto (2017:2)<ref name="cit wah">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.</ref> 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.</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>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik Sistem'''</div>====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Suatu sistem mempunyai ciri-ciri karakteristik yang terdapat pada sekumpulan elemen yang harus dipahami dalam megidentifikasi pembuatan sistem. Adapun karakteristik sistem Hutahaean (2015:3) <ref name="citation 6">Hutahaean, Jeperson. 2015. Konsep Sistem Informasi. Yogyakarta: Deepublish.</ref>yang dimaksud adalah sebagai berikut: </p></div>
+==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Mikrokontroler'''</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 Sujarwata (2018:3)<ref name="cit suj">Sujarwata. 2018. “Belajar Mikrokontroler BS2SX Teori, Penerapan dan Contoh pemrograman PBasic”. Yogyakarta: Deepublish.</ref>, 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.</p></div>
-<ol>
-  <li style="text-align: justify;line-height: 2;">Komponen Sistem terdiri dari sejumlah komponen yang saling berinteraksi dan bekerja sama untuk membentuk satu kesatuan. Komponen sistem dapat berupa sub sistem atau bagian-bagian dari sistem. </li>
-  <li style="text-align: justify;line-height: 2;">Batasan sistem (Boundary) Daerah yang membatasi antara suatu sistem dengan sistem lainnya atau dengan lingkungan luar dinamakan dengan batasan sistem. Batasan sistem ini memungkinkan sistem dipandang sebagai satu kesatuan dan juga menunjukkan ruang lingkup (Scope) dari sistem tersebut. </li>
-  <li style="text-align: justify;line-height: 2;">Lingkungan luar sistem (Environment) Apapun yang berada di luar batas dari sistem dan mempengaruhi sistem tersebut dinamakan dengan lingkungan luar sistem. Lingkungan luar yang 9 bersifat menguntungkan wajib dipelihara dan yang merugikan harus dikendalikan agar tidak mengganggu kelangsungan sistem. </li>
-  <li style="text-align: justify;line-height: 2;">Penghubung sistem (Interface) Media penghubung diperlukan untuk mengalirkan sumber-sumber daya dari sub sistem ke sub sistem lainnya dinamakan dengan penghubung sistem. </li>
-  <li style="text-align: justify;line-height: 2;">Masukkan sistem (input) Energi yang dimasukkan ke dalam sistem dinamakan dengan masukan sistem (input) dapat berupa perawatan dan masukan sinyal. Perawatan ini berfungsi agar sistem dapat beroperasi dan masukan sinyal adalah energi yang diproses untuk menghasilkan keluaran (output). </li>
-  <li style="text-align: justify;line-height: 2;">Keluaran sistem (output) Hasil dari energi yang telah diolah dan diklasifikasikan menjadi keluaran yang berguna dinamakan dengan keluaran sistem (output). Informasi merupakan contoh keluaran sistem. </li>
-  <li style="text-align: justify;line-height: 2;">Pengolah sistem Untuk mengolah masukan menjadi keluaran diperlukan suatu pengolah yang dinamakan dengan pengolah sistem. </li>
-  <li style="text-align: justify;line-height: 2;">Sasaran sistem Sistem pasti memiliki tujuan atau sasaran yang sangat menentukan input yang dibutuhkan oleh sistem dan keluaran yang dihasilkan.</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">Sedangkan Menurut Jogiyanto yang dikutip oleh Priyo Sutopo, Dedy Cahyadi, Zainal Arifin dalam jurnal Informatika Mulawarman (2016:24)<ref name="citation 7">Sutopo, Priyo, Dedi Cahyadi dan Zainal Arifin. 2016. Sistem Informasi Eksekutif Sebaran Penjualan Kendaraan Bermotor Roda 2 di Kalimantan Timur Berbasis Web. Jurnal Informatika Mulawarman. Vol.11 No.1.</ref>Sistem mempunyai karakteristik atau sifat – sifat tertentu, 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">Menurut Dharmawan (2017:1)<ref name="cit dhar">Dharmawan, Hari Arief. 2017. “Mikrokontroler: Konsep Dasar dan Praktis”. Malang: Universitas Brawijaya Press.</ref>, 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.</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 Kusumah et al. (2016:170)<ref name="cit kus">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.</ref>, “Mikrokontroler adalah IC yang dapat diprogram berulang kali, baik ditulis atau dihapus. Biasanya digunakan untuk pengontrolan otomatis dan manual pada perangkat elektronika.”.</p></div>
-<ol>
-  <li style="text-align: justify;line-height: 2;">Komponen</li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Komponen Sistem Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi, yang artinya saling bekerjasama membetuk satu kesatuan. Komponen-komponen sistem atau elemenelemen sistem dapat berupa suatu subsistem atau bagian-bagian dari sistem. </p>
-  <li style="text-align: justify;line-height: 2;">Batasan Sistem (Boundary)</li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Batasan Sistem Batas sistem merupakan daerah yang membatasi antara suatu sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. </p>
-  <li style="text-align: justify;line-height: 2;">Lingkungan Luar Sistem (Environment)</li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Lingkungan Luar Sistem Lingkungan luar dari suatu sistem adalah apapun diluar batas dari sistem yang mempengaruhi operasi sistem.</p>
-  <li style="text-align: justify;line-height: 2;">Penghubung Sistem (Interface)</li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Penghubung Sistem Penghubung merupakan media penghubung antara satu subsistem dengan subsistem yang lainnya. Melalui penghubung ini memungkinkan sumber-sumber daya mengalir dari satu subsistem ke subsistem yang lainnya. </p>
-  <li style="text-align: justify;line-height: 2;">Masukan Sistem (Input)</li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Masukan Sistem Masukan (input) adalah energi yang dimasukkan ke dalam sistem. Masukan dapat berupa masukan perawatan (maintenance input) dan masukan sinyal (signal input). </p>
-  <li style="text-align: justify;line-height: 2;">Keluaran Sistem (Output)</li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Keluaran Sistem Keluaran (output) adalah hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang berguna dan sisa pembuangan. </p>
-  <li style="text-align: justify;line-height: 2;">Pengolahan Sistem.</li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Pengolahan Sistem Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah masukan menjadi keluaran.</p>
-  <li style="text-align: justify;line-height: 2;">Sasaran Sistem.</li>
-<p style="line-height:2">Sasaran Sistem Suatu sistem pasti mempunyai tujuan atau sasaran. Jika suatu sistem tidak mempunyai sasaran, maka operasi sistem tidak akan ada gunanya.</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">Sistem merupakan suatu bentuk integrasi antara satu komponen dan komponen lain karena sistem memiliki sasaran yang berbeda untuk setiap kasus yang terjadi di dalam sistem tersebut. Oleh karena itu sistem dapat diklasifikasikan dari beberapa sudut pandang. Adapun klasifikasi sistem menurut Hutahaean (2015:6)<ref name="citation 6"></ref>diuraikan sebagai berikut:</p></div>
+<div id="g21" align="center"><img width="312px" src="https://www.microchip.com/_images/ics/medium-ATmega328-SPDIP-28.png"/></div>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.1''' Mikrokontroler ATmega328.</p><p style="line-height:2">Sumber : http://microchip.com</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">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>
-<ol>
-  <li style="text-align: justify;line-height: 2;">Sistem Abstrak dan Sistem Fisik Sistem abstrak merupakan sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik, misalnya sistem teologi. Sedangkan sistem fisik diartikan sebagai sistem yang nampak secara fisik sehingga setiap mahluk dapat melihatnya, misalnya sistem komputer. </li>
-  <li style="text-align: justify;line-height: 2;">Sistem Alamiah dan Sistem Buatan Manusia Sistem alamiah merupakan sistem yang terjadi melalui proses alam, tidak dibuat oleh manusia, misalnya sistem tata surya, sistem galaksi, sistem 11 reproduksi dan lain-lain. Sedangkan sistem buatan manusia merupakan sistem yang dirancang oleh manusia. Sistem buatan yang melibatkan interaksi manusia, misalnya sistem akuntansi, sistem informasi, dan lain-lain. </li>
-  <li style="text-align: justify;line-height: 2;">Sistem Deterministik dan Sistem Probabilistik Sistem deterministik merupakan sistem yang beroperasi dengan tingkah laku yang sudah dapat diprediksi. Interaksi bagian-bagiannya dapat dideteksi dengan pasti sehingga keluaran dari sistem dapat diramalkan, misalnya sistem komputer, adalah contoh sistem yang tingkah lakunya dapat dipastikan berdasarkan program-program komputer yang dijalankan. Sedangkan sistem robabilistik merupakan sistem yang kondisi masa depanya tidak dapat diprediksi karena mengandung unsur probabilitas, misalnya sistem manusia. </li>
-  <li style="text-align: justify;line-height: 2;">Sistem Terbuka dan Sistem Tertutup Sistem terbuka merupakan sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Lebih sepesifik dikenal juga yang disebut dengan sistem terotomasi, yang merupakan bagian dari sistem buatan manusia dan beriteraksi dengan kontrol oleh satu atau lebih komputer sebagai bagian dari sistem yang digunakan dalam masyarakat modern. Sistem ini menerima masukan dan menghasilkan keluaran untuk subsistem lainnya, misalnya sistem kebudayaan manusia. Sedangkan sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengaruh dengan lingkungan luarnya. Sistem ini bekerja secara otomatis tanpa danya campur tangan dari pihak luar. Secara teoritis sistem tersebut ada, tetapi kenyataannya tidak ada sistem yang benar- benar tertutup, yang ada hanyalah relatively closed sistem (secara relatif tertutup, tidak benar-benar tertutup).</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">Sedangkan Menurut Mustakini yang di kutip oleh Ruhul Amin (2017:2)<ref name="citation 9">Ruhul Amin. 2017. Rancang bangun Sistem Informasi penerimaan siswa baru pada SMK Budhi Warman 1 Jakarta. Jurnal ilmu pengetahuan dan teknologi komputer. Vol.2 No.3. </ref>mengatakan Sistem dapat diklasifikasikan dari beberapa sudut pandangan, diantaranya adalah 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: left;">'''Konsep Dasar ''Interface'' (Antarmuka)'''</div>==
-<ol>
-  <li style="text-align: justify;line-height: 2;">Sistem Abstrak (Abstract Sistem). </li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Sistem diklasifikasikan sebagai sistem abstrak (abstract sistem) dan sistem fisik (physical sistem). Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik. Misalnya sistem teologia, yaitu sistem yang berupa pemikiran-pemikiran hubungan antara manusia dengan Tuhan. Sistem fisik merupakan sistem yang ada secara fisik. Misalnya sistem komputer, sistem akutansi, sistem produksi dan lain sebgainya. </p>
-  <li style="text-align: justify;line-height: 2;">Sistem Alamiah (Natural Sistem)</li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Sistem diklasifikasikan sebagai sistem alamiah (natural sistem) dan sistem buatan manusia (human made sistem). Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak dibuat manusia. Misalnya sistem perputaran bumi. Sistem buatan manusia adalah sistem yang dirancang oleh manusia. Sistem buatan manusia yang melibatkan interaksi antara manusia dengan mesin disebut dengan human-machine sistem atau ada yang menyebut dengan man-machine sistem. Sistem informasi merupakan contoh man machine sistem, karena menyangkut penggunaan komputer yang berinteraksi dengan manusia.</p>
-  <li style="text-align: justify;line-height: 2;">Sistem Tertentu (probabilitas Sistem)</li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Sistem diklasifikasikan sebagai sistem tertentu dan sistem tak tentu (probabilitas sistem). Sistem tertentu beroperasi dengan tingkah laku yang sudah dapat diprediksi interaksi diantara bagian-bagiannya dapat dideteksi dengan pasti. Sehingga keluaran dari sistem dapat diramalkan. Sistem komputer adalah contoh dari sistem interaksi yang tingkah lakunya dapat dipastikan berdasarkan program-program yang dijalankan. Sistem tak tentu adalah sistem yang kondisi masa depannya tidak dapat diprediksikan karena mengandung unsur probabilitas.</p>
-  <li style="text-align: justify;line-height: 2;">Sistem Tertutup (Close Sistem)</li>
-<p style="line-height:2">Sistem diklasisfikasikan sebagai sistem tertutup (close sistem) dan sistem terbuka (open sistem). Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengaruh dengan lingkungan luarnya. Sistem ini bekerja secara otomatis tanpa adanya turut campur tangan dari pihak luarnya. Secara teoritis sistem tertutup ini ada, tetapi kenyataannya tidak ada sitem yang benarbenar tertutup, yang ada hanyalah relatively closed sistem (secara relatip tertutup, tidak benar-benar tertutup). Sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya. Sistem ini menerima masukan dan menghasilkan keluaran untuk lingkungan luar atau subsistem yang lainnya. Karena sistem sifatnya terbuka dan terpengaruh oleh lingkungan luarnya, maka sistem harus mempunyai suatu sistem pengendalian yang baik. Sistem yang baik harus dirancang sedemikian rupa, sehingga secara relatip tertututp karena sistem tertutup akan bekerja secara otomatis dan terbuka hanya untuk pengaruh yang baik saja.</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">Menurut Yasin dan Yumarlin (2016:80)<ref name="cit yas">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.</ref>, 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.</p></div>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Data dan 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 dikutip dari Kamus Besar Bahasa Indonesia (KBBI) daring<ref name="cit kbbi">Kamus Besar Bahasa Indonesia (KBBI) Daring. https://kbbi.kemdikbud.go.id/entri/antarmuka. (diakses tanggal 1 Juli 2019)</ref>, 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.</p></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 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.</p></div>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Data'''</div>====
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;text-indent: 0.5in;"><p style="line-height:2">Data merupakan sumber dari informasi. Sebelum menjadi informasi data merupakan kumpulan dari berbagai kejadian atau peristiwa yang terjadi pada benda, tempat maupun orang, yang mana data ini masih belum memiliki arti. Terdapat beberapa pendapat para ahli tentang definisi data diantaranya:</p></div>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Protokol ''Interface'' Mikrokontroler'''</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 Mikhaylov dalam Oktanugraha (2018:25)<ref name="okt">Oktanugraha, Dimas. 2018. “PERANCANGAN ANTARMUKA I2C PADA SENSOR CO2 MHZ-19”. SKRIPSI Prodi Teknik Elektro Fakultas Teknik Universitas Muhammadiyah Yogyakarta.</ref>, 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.</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>
-    <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>
-    <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>
-</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 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;">'''Serial Peripheral Interface (SPI)'''</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">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">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">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;">
+<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>
-<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;">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;">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>
-</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;">'''Karakteristik SPI'''</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">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">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;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;">
 <ol>
-  <li style="text-align: justify;line-height: 2;">Completeness.</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>
-<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;">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;">Relevance.</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>
-<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;">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;">Accurate.</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>
 </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 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" /></p></div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<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: left;">'''Inter Integrated Circuit (I2C)'''</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 dalam Sari (2015:113)<ref name="cit sari">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.</ref>, I2C merupakan singkatan dari ''Inter Integrated Circuit'', yaitu sebuah protokol untuk komunikasi serial antar IC dan sering disebut juga ''Two Wire Interface'' (TWI).</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: justify;text-indent: 0.5in;"><p style="line-height:2">Menurut Hardana (2018:131)<ref name="cit hard">Hardana. 2018. “Belajar Mudah Mikrokontroler ARM STM32: Dasar-Dasar Mikrokontroler Arsitektur ARM ST Microelectronics”. Jakarta: PT. Mitra Sinergi Optima.</ref>, 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).</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 ''datasheet'' Semiconductor UM10204 dalam Oktanugraha (2018:29)<ref name="okt" />, 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.</p></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">Terdapat beberapa pendapat mengenai definisi dari sistem informasi diantaranya: </p></div>
+====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik I2C'''</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">Sulistiyono, et al (2014:2)<ref name="cit sul" /> menjabarkan karakter I2C yaitu:</p></div>
-<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;">'''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">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 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;">
-<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;">Perangkat lunak, yaitu program dan intruksi yang diberikan ke komputer</li>
-  <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;">Telekomunikasi, yaitu komunikasi yang menghubungkan antara pengguna sistem dengan sistem komputer secara bersama-sama ke dalam suatu jaringan kerja yang efektif</li>
-  <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>
-</ol>
-</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 style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 <ol>
-  <li style="text-align: justify;line-height: 2;">Block masukan (input block)</li>
+  <li style="text-align: justify;line-height: 2;">Data dikirim secara serial per-bit.</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;">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;">Block model (model block)</li>
+    <li style="text-align: justify;line-height: 2;">Jumlah ''slave'' maksimal 127. ''Slave'' dialamatkan melalui 7-bit alamat.</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;">Setiap transaksi data terjadi antara pengirim (''transmitter'') dan penerima (''receiver'').</li>
-  <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 id="g23" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-xZsloH4-loc/XVaaDRRnE5I/AAAAAAAAEXU/PLO_Kkgk8cgF8SUg0CDPyrCP7uLyLmwgQCK8BGAs/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.3''' Interface I2C.</p><p style="line-height:2">Sumber : Mikhaylov dalam Oktanugraha (2018:28)<ref name="okt" /></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: 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: 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">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: 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: justify;">
+====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Karakteristik UART'''</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: 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;">'''Konsep Dasar Perancangan Sistem'''</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: left;">'''Definisi 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">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 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 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;">
+<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>
-<ol>
-  <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;">'''Spesifikasi ESP32'''</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">ESP32 memiliki spesifikasi seperti yang ditampilkan pada tabel 2.1 sebagai berikut:</p></div>
+<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>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Angsuran'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
+<table align="center" width="474" border="1">
+<tr>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Angsuran'''</div>====
+<td width="134"><strong>Atribut</strong></td>
+<td width="340"><strong>Detail</strong></td>
-<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>
+</tr>
+<tr>
-<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>
+<td width="134">CPU</td>
+<td width="340">Tensilica Xtensa LX6 32bit Dual-Core di 160/240MHz</td>
-<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>
+</tr>
+<tr>
+<td width="134">SRAM</td>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Uang Muka '''</div>===
+<td width="340">520 KB</td>
+</tr>
+<tr>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Uang Muka'''</div>====
+<td width="134">FLASH</td>
+<td width="340">2MB (max. 64MB)</td>
-<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>
+</tr>
+<tr>
-<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>
+<td width="134">Tegangan</td>
+<td width="340">2.2V sampai 3.6V</td>
-<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>
+</tr>
+<tr>
+<td width="134">Arus Kerja</td>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Rumah'''</div>===
+<td width="340">Rata-rata 80mA</td>
+</tr>
+<tr>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Rumah'''</div>====
+<td width="134">Dapat diprogram</td>
+<td width="340">Ya (C, C++, Python, Lua, dll)</td>
-<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>
+</tr>
+<tr>
-<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>
+<td width="134">Open Source</td>
+<td width="340">Ya</td>
-<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>
+</tr>
+<tr>
+<td colspan="2" width="474"><strong>Konektivitas</strong></td>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Konsep Dasar Analisa PIECES '''</div>===
+</tr>
+<tr>
+<td width="134">Wi-Fi</td>
-====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definsi Analisa PIECES '''</div>====
+<td width="340">802.11 b/g/n</td>
+</tr>
-<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>
+<tr>
+<td width="134">BluetoothⓇ</td>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+<td width="340">4.2BR/EDR + BLE</td>
-<ol>
+</tr>
-  <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>
+<tr>
-    <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>
+<td width="134">UART</td>
-    <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>
+<td width="340">3</td>
-</ol>
+</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 style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<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: 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: left;">'''Konsep Dasar 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 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;">'''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">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">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">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;">
 <ol>
-  <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;">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;">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;">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;">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;">'''Manfaat Media Pembelajaran'''</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">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: 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: justify;">
 <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;">Memudahkan guru dalam menjelaskan materi pembelajaran dan siswa dapat mudah memahami materi pembelajaran.</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;">Konsep materi mudah dipahami oleh siswa.</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>
+     <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>
+     <li style="text-align: justify;line-height: 2;">Mendorong minat belajar dan mengajar</li>
+    <li style="text-align: justify;line-height: 2;">Situasi belajar menjadi interaktif dan multi-aktif.</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: left;">'''Definisi Arduino'''</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">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;">'''Definsi 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">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: left;">'''Perangkat Keras Arduino'''</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 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>
-<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;">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>
-    <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>
-</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 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 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: left;">'''Konsep Dasar Codeigniter '''</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;">'''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">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">Berikut adalah beberapa definisi dari Codeigniter 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 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;">
+<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>
-<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;">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>
-    <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>
-</ol>
-</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;">'''Konsep Dasar XAMPP'''</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">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;">
-<ol>
+<ol type="a">
-  <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;">Editor Program</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>
+ <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;">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>
+  <li style="text-align: justify;line-height: 2;">''Compiler''</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;">''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>
 </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 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;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>
-===<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: left;">'''Definisi EasyEDA'''</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">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: 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: 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 style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+<div id="g28" align="center"><img width="900px" src="https://lh3.googleusercontent.com/-3TdG3s6V1Ko/XVp-e90HhqI/AAAAAAAAEYo/3P3qgfZ1e7Ulo08Nsj67OCZp5hoeUxsFgCK8BGAs/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.8''' Tampilan EasyEDA online</p></div>
-  <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;">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;">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>
-</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 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;">'''Konsep Dasar Komponen Elektronika'''</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">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>
-====<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: left;">'''Komponen Elektronika Pasif'''</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;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: justify;">
-<ol>
-  <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>
-    <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>
-    <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>
-</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 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: 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">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: left;">'''Konsep Dasar  Studi  Pustaka (Literature Review)'''</div>==
+<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>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;"><p style="line-height:2">'''Gambar 2.9''' Resistor.</p></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: left;">'''Definisi Potensiometer'''</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 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>
-<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;">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;">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>
-</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 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: 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 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: 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">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: 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 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;">
-<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;">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;">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;">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>
-</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: 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">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: 14pt;font-family: 'times new roman'; text-align: center">'''BAB III'''</div>=
+====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Definisi Transistor'''</div>====
-<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''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">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;">'''Gambaran Umum PT. Dinamika Bersama'''</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">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;">'''Definisi LED'''</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">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 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 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;">'''Lokasi PT. Dinamika Bersama'''</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: 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="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">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 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 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 3.1. Kantor PT. Dinamika Bersama</p></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">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;">'''Visi & Misi PT. Dinamika Bersama'''</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;">'''Visi PT. Dinamika Bersama'''</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">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">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;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;">'''Definisi RTC DS3231'''</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: 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 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 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: justify;">
-<ol type="a">
-  <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;">Memiliki loyalitas disiplin, jujur & kreatif terhadap perusahaan.</li>
-  <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;">Saling mendukung serta penuh tanggung jawab berdasarkan profesionalitas.</li>
-</ol>
-</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;">'''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">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">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: 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 id="g218" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-zYDTs8uv9_4/XVuBuxgy49I/AAAAAAAAEaQ/oM8I49EIpAM1hjqSwb5oFn0nHl35a6EewCK8BGAs/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.18''' BMP180.</p></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: 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;">'''Definisi PCB'''</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 style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Tugas Pokok dan Fungsi PT. Dinamika Bersama'''</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: 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;">'''Definisi Analisis Sistem'''</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">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>
-<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 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>
-<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: 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: justify;">
+<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>
-<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;">'''Tahap-tahap Analisis Sistem'''</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">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;">
-<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;">Analisis kelemahan sistem lama</li>
-  <li style="text-align: justify;line-height: 2;">Memastikan kelengkapan komponen-komponen pendukung project. </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;">Berkordinasi dengan Project Management dalam hal controling project perusahaan. </li>
+  <li style="text-align: justify;line-height: 2;">Analisis kebutuhan sistem baru</li>
-  <li style="text-align: justify;line-height: 2;">Membuat laporan project mingguan perusahaan. </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;">Membuat laporan realisasi budget project.</li>
+  <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>
 </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: left;">'''Definisi Prototype'''</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 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>
-<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 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;">
-<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;">
-<ol type="a">
-  <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;">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;">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;">Membantu konsumen dalam pengisian formulir maupun penyedian berkas yang telah ditentukan oleh perusahaan.</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>
-</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;">
-<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: justify;">
-<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: 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;">'''Tata Laksana Sistem Berjalan'''</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: left;">'''Prosedur Sistem Yang Berjalan'''</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">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;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;">
 <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;">Evolutionary Prototype</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>
+ <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;">Marketing memberikan formulir pendaftaran dan meminta sejumlah berkas pada customer.</li>
+  <li style="text-align: justify;line-height: 2;">Requirement Prototype</li>
-  <li style="text-align: justify;line-height: 2;">Customer mengembalikan formulir dan memberikan sejumlah berkas pada marketing terjadi DP.</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>
-  <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>
 </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: left;">'''Rancangan 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">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: 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: left;">'''Definisi 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 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: 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">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;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: 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>
-<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: left;">'''Definisi Tinjauan Pustaka (Literature Review)'''</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 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>
-<ol>
-  <li style="text-align: justify;line-height: 2;">Use Case angsuran uangmuka sistem yang berjalan.</li>
+<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 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: 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: 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: left;">'''Tujuan Tinjauan Pustaka (Literature Review)'''</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 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>
-<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 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 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>
+<ol>
-  <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;">Menunjukan kontribusi setiap kegiatan penelitian dalam hal pemecahan masalah..</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;">Mendeskripsikan hubungan suatu kegiatan penelitian dengan kegiatan penelitian lainnya.</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>
+    <li style="text-align: justify;line-height: 2;">Mengidentifikasi cara-cara baru dalam menafsirkan penelitian terdahulu.</li>
-</ul>
+    <li style="text-align: justify;line-height: 2;">Mengungkapkan kesenjangan yang ada dalam penelitian terdahulu.</li>
-</div>
+    <li style="text-align: justify;line-height: 2;">Memecahkan permasalahan penelitian yang belum terpecahkan pada penelitian terdahulu.</li>
 </ol>
 </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: left;">'''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">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;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 style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+<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>
-<ol>
-  <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: 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">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;">
-<ol>
+<table border="1px" cellspacing="0"  bordercolor="#62C300">
-   <li style="text-align: justify;line-height: 2;">Initial Node sebagai yang mengawali objek.</li>
+<tr style="background-color: #62C300;">
-  <li style="text-align: justify;line-height: 2;">Terdapat 3 Swimlane yaitu: Customer, Marketing, Admin keuangan.</li>
+   <th style="padding:1%;width:25%">PENULIS</th>
-   <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>
+  <th style="padding:1%;width:25%">JUDUL PENELITIAN</th>
-   <li style="text-align: justify;line-height: 2;">1 Fork Node.</li>
+  <th style="padding:1%;width:25%">METODOLOGI</th>
-   <li style="text-align: justify;line-height: 2;">1 Join Node.</li>
+  <th style="padding:1%;width:25%">HASIL</th>
-   <li style="text-align: justify;line-height: 2;">1 Final state sebagai yang mengakhiri objek.</li>
+</tr>
-</ol>
+<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>
-  <li style="text-align: justify;line-height: 2;">Activity Diagram proses permohonan KPR sistem yang berjalan.</li>
+=<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 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: 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: left;">'''Tujuan Penelitian'''</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;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;">
 <ol>
-  <li style="text-align: justify;line-height: 2;">Initial Node sebagai yang mengawali objek.</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;">Terdapat 4 Swimlane yaitu: Admin Keuangan, Manager Keuangan, Admin KPR, Bank.</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;">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;">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;">2 Decision Node.</li>
+     <li style="text-align: justify;line-height: 2;">Meningkatkan efisiensi penggunaan waktu praktikum pada mata kuliah interfacing.</li>
-     <li style="text-align: justify;line-height: 2;">1 Final state sebagai yang mengakhiri objek.</li>
-  </ol>
-  </div>
 </ol>
 </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;">'''Manfaat Penelitian'''</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: justify;">
-<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: 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">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;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;">
 <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;">Mahasiswa yang mengikuti kelas mata kuliah interfacing dapat langsung mengaplikasikan materi yang didapatkan.</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;">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;">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;">Setiap orang yang mempelajari mikrokontroler dapat dilakukan dengan mudah.</li>
 </ol>
 </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: 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">Berdasarkan gambar 3.2.2.7. Sequence Diagram peromohonan KPR yang berjalan saat ini terdapat :</p></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">'''METODE PENELITIANN'''</div>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
-<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;">Sebanyak tiga Lifeline yaitu : Formulir dan berkas, KPR dan SP3K.</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>
-</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: 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: left;">'''Analisa PIECES'''</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">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">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;">
 <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;">Observasi.</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>
+ <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;">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;">Studi Pustaka.</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>
+ <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;">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;">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>
 </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;">'''Metode Perancangan'''</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: left;">'''User Requirement'''</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: left;">'''Metode Prototype'''</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 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: 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: left;">'''Elisitasi Tahap I'''</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: 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">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 id="t31" align="center">
-<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: left;">'''Metode Pengujian'''</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">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: left;">'''Elisitasi Tahap II'''</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: left;">'''Metode Analisis Sistem'''</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">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>
-<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>
-<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: left;">'''Analisis Sistem Yang Berjalan'''</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 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;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 id="t33" align="center">
-<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>
-<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: 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">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: center;"><p style="line-height:2">Tabel 3.4. Final Draft Elisitasi </p></div>
-<img width="400px" src="https://lh3.googleusercontent.com/-9u8p6XHG91k/XUXaFcqDATI/AAAAAAAAAhc/K43iBKpsBc8iJSCkyW0sK7Fzs-KchISQQCJoC/w530-h1808-n/t34.jpg"/></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">'''RANCANGAN SISTEM YANG DIUSULKAN'''</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: 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: left;">'''Prosedur 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 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;">
 <ol>
-  <li style="text-align: justify;line-height: 2;">Admin Keuangan </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>
-<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>
+    <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;">Dosen memberikan gambaran mengenai bagaimana teknik interfacing mikrokontroler melalui lisan dan papan tulis.</li>
-<div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+    <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>
-<ol type="a">
+    <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>
-  <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;">
+===<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;">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 id="g41" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-fWpDgQ16-OY/XVvbCTdH6fI/AAAAAAAAEbM/dIajEYR3JzswrQvcufbkMLlzntWbt2MHACK8BGAs/s0/2019-08-20.png"/></div>
-</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;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>
-===<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: 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;">
-<ol type="a">
+<ol>
-  <li style="text-align: justify;line-height: 2;">Usecase diagram sistem usulan hak akses 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;">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;">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;">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>
+</ol>
+</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: left;">'''Permasalahan yang Dihadapi dan Alternatif Pemecah Masalah'''</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;">'''Permasalahan yang Dihadapi'''</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">Ada beberapa permasalahan pada proses pembelajaran di mata kuliah interfacing yang melatarbelakangi penulis dalam melakukan penelitian ini, diantaranya adalah:</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 <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;">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;">1 Actor yang melakukan kegiatan: Admin keuangan</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;">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;">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;">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: justify;">
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Analisa Batasan Alur'''</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: Admin 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: 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 utama atau dashboard.</p>
-  <li style="text-align: justify;line-height: 2;">Nama Use Case: Master data.</li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Amin keuangan</p>
-<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>
-  <li style="text-align: justify;line-height: 2;">Nama Use Case: Menu.</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, untuk mengatur tampilan menu dengan melakukan (add, edit, dan delete) pada menu.</p>
-  <li style="text-align: justify;line-height: 2;">Nama Use Case: Role</li>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Actor: Amin keuangan.</p>
-<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>
-  <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>
-  <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: 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 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: 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: 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">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">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;">
 <ol>
-  <li style="text-align: justify;line-height: 2;">1 sistem yang mencangkup keseluruhan hak akses manager keuangan pada sistem usulan angsuran uangmuka rumah.</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;">1 Actor yang melakukan kegiatan: Manager keuangan</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;">6 usecase yang dikerjakan oleh Actor-actor: login, dashboard, angsuran report, lihat view angsuran keseluruhan,  dan lihat view angsuran percostumer, logout.</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>
-  <li style="text-align: justify;line-height: 2;">3 extend yang dikerjakan oleh actor: Angsuran report, view angsuran keseluruhan dan view angsuran percostumer</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.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;">
-<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: left;">'''Activity Diagram Sistem Usulan'''</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">'''HASIL DAN PEMBAHASAN'''</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: justify;">
+==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perancangan Sistem yang Diusulkan'''</div>==
-<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: 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>
-<ol>
-  <li style="text-align: justify;line-height: 2;">Activity diagram hak akses  Master Data</li>
-<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: left;">'''Flowchart Sistem yang Diusulkan'''</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="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 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 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: justify;">
 <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;">40 action state, yang mewakilkan eksekusi dari kegiatan yang terdapat pada sistem usulan.</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;">10 fork node, yang merupakan pilihan dari action yang ada.</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;">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;">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;">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 transaksi</li>
-<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 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: 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: 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;">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;">'''Spesifikasi Hardware'''</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">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;">
 <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;">ESP32</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;">Sensor Tekanan Udara BMP180</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;">Modul Real Time Clock RTC DS3231</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;">OLED Display SSD1306 128x64</li>
-  <li style="text-align: justify;line-height: 2;">Satu join node</li>
+    <li style="text-align: justify;line-height: 2;">Buzzer</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;">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>
 </div>
-  <li style="text-align: justify;line-height: 2;">Activity diagram sistem yang di usulkan pada manager keungan.</li>
-<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: left;">'''Spesifikasi Software'''</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">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 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;">
 <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;">Arduino IDE 1.8.9</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;">EasyEDA ''Online''</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 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;">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>
 </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: 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">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 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: justify;">
+<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>
-<ol type="a">
+<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>
-  <li style="text-align: justify;line-height: 2;">Sequence diagram Admin keuangan.</li>
+<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 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: center;"><p style="line-height:2">Gambar 4.7. Sequence Diagram Sistem Usulan Pada 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">Berdasarkan gambar di atas, sequence diagram sistem usulan terdapat:</p></div>
 <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
 <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;">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;">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;">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;">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;">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;">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;">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>
 </div>
-  <li style="text-align: justify;line-height: 2;">Sequence diagram manager keuangan</li>
-<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: left;">'''Pembuatan Alat'''</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 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>
-<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;">
+====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perancangan Skematik Diagram'''</div>====
-<ol>
-  <li style="text-align: justify;line-height: 2;">Satu Actor yang melakukan kegiatan yaitu manager keuangan.</li>
-  <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>
-  </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">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;">'''Perbedaan Prosedur Antara Sistem Berjalan Dengan Sistem Usulan '''</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">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 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="t41" 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 4.1. Perbedaan Prosedur Antara Sistem Yang Berjalan Dengan Sistem Usulan</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/-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">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: 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 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">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 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">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: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut ini adalah gambar rancangan class diagram sistem usulan:</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>
+<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 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 style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Perancangan Desain PCB'''</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">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: justify;">
+<div id="g57" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-GLcbknhdaf0/XVzCUbITFaI/AAAAAAAAEcY/rTi4vFII3Tohx7CpR3fN1piO2iAqghlswCK8BGAs/s0/2019-08-20.png"/></div>
-<ol>
+<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>
-  <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;">13 assocation, hubungan antar objek satu dengan objek lainya yang mempunyai nilai.</li>
-</ol>
-</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;">'''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">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">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 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;">'''Perakitan Alat'''</div>====
-<ol>
-  <li style="text-align: justify;line-height: 2;">Nama Tabel : m_unit </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 : unit_id</p>
-<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>
-<div id="t42" align="center">
+<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>
-<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 id="g59" align="center"><img width="400px" src="https://lh3.googleusercontent.com/-7FVHtPWmDlU/XVzCYiMYB7I/AAAAAAAAEcg/HSdrxkp3Ig4u9hGzaGZpfQuH37WtONHDwCK8BGAs/s0/2019-08-20.png"/></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>
+<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>
-<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="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: 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: center;"><p style="line-height:2">Tabel 4.3. Tabel m_blok</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: left;">'''Pengujian Sistem'''</div>==
-<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>
+<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>
-<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>
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Black Box Testing'''</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: 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: 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: left;">'''Pengujian Black Box Saat Praktik Interface SPI'''</div>====
-<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>
+<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>
-<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 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>
-<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>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
-<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>
+ <table align="center" width="586" border="1">
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+ <tr>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : byrplafon_id</p>
+ <td width="37">No</td>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 42</p>
+ <td width="123">Skenario Pengujian</td>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+ <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 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>
+====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Saat Praktik Interface I2C'''</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: 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: center;"><p style="line-height:2">Tabel 4.10. Tabel t_byrhook</p></div>
+<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>
-<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;">
+ <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 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: left;">'''Pengujian Black Box Saat Praktik Interface UART'''</div>====
-<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>
+<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>
-<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 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>
-<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>
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: center;">
-<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>
+ <table align="center" width="586" border="1">
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Media : Harddisk</p>
+ <tr>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Primary Key : role_id</p>
+ <td width="37">No</td>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Panjang Record : 543</p>
+ <td width="123">Skenario Pengujian</td>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+ <td width="95">Tes Case</td>
-<p style="font-size: 12pt;font-family: 'times new roman'; text-align: left; line-height:2">Isi :</p>
+ <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> kirim dan terima data serial</td>
+ <td width="95"><img width="100px" src="https://lh3.googleusercontent.com/-zvs82yP4NfE/XVzP13ikIgI/AAAAAAAAEdY/xKMNEhxrL4EFxlpkXxaxODkyjDPGyJ9eACK8BGAs/s0/2019-08-20.png"/></td>
+ <td width="132">Trainer dapat mengirim dan menerima data serial melalui interface UART.</td>
+ <td width="104"><img width="100px" src="https://lh3.googleusercontent.com/-cdOTf1W8rWg/XVzP2nBb8KI/AAAAAAAAEdc/oQfD_kbTeQswe-1GK1XYd59hM5CbloBZACK8BGAs/s0/2019-08-20.png"/></td>
+ <td width="95">Valid</td>
+ </tr>
+ </table>
+</div>
-<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>
+====<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Pengujian Black Box Saat Praktik Digital Input / Output'''</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: 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: center;"><p style="line-height:2">Tabel 4.15.  Tabel sys_menu</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>
-<img width="400px" src="https://lh3.googleusercontent.com/-wTy4tM8I6E0/XUpIn4iP3-I/AAAAAAAAAx8/QJfo9wYyLq4SuKhWbsytZ5hL6GlDstEtgCJoC/w530-h639-n/t415.jpg"/></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> 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 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: left;">'''Pengujian Black Box Saat Praktik Analog Input'''</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;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: justify;">
+<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>
-<ol>
-  <li style="text-align: justify;line-height: 2;">Tampilan Prototype Halaman Menu Login</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>
+<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 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: left;">'''Implementasi'''</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 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 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 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 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 4.11. Prototype Halaman Dashboard</p></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>
-  <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="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 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: justify;">
-<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>
+<ol>
+  <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;">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;">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;">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;">''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;">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>
+</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 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="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 5.13''' Program Dengan Bahasa C di Arduino IDE</p></div>
-<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: 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: 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 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>
-<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: 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.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 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 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>
+<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>
-<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: 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 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 style="font-size: 12pt;font-family: 'times new roman';text-align: justify;">
+<ol>
+  <li style="text-align: justify;line-height: 2;">Terdapat 2 (dua) simbol terminal, yang berperan sebagai “mulai” dan “selesai” pada aliran proses flowchart.</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>
+    <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>
-<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>
+    <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;">Terdapat 1 (satu) simbol decision, yang berperan untuk menunjukan sebuah langkah pengambilan keputusan apakah dosen akan mengadakan praktikum atau tidak.</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">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: 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: left;">'''Impelementasi Sistem Yang Diusulkan'''</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: left;">
+ <table align="center" width="700" 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">
+  .
+  #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;">'''Menampilkan Halaman Login'''</div>===
+===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Flowchart Penerapan Konsep Interface I2C Pada Trainer'''</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 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="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 4.17. Tampilan Halaman Login</p></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">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;">
+<ol>
+  <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 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;">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>
+</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">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 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 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 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: 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;">
+ <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">
+  .
+  #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);
+  }
+</p></div>
+ </td>
+ </tr>
+ </table>
+</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;">'''Menampilkan Halaman Menu Booking'''</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 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 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: 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: 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: justify;">
+<ol>
+  <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 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>
+</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;">'''Menampilkan Halaman Menu Angsuran Uangmuka'''</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 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 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: left;">
-<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>
+ <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 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 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: 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>
-===<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Menampilkan Halaman Menu Bayar Plafon'''</div>===
+<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: 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>
-<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: justify;">
-<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>
+<ol>
+  <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>
+    <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>
+</ol>
+</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;">'''Menampilkan Halaman Menu Bayar Hook'''</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 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: justify;text-indent: 0.5in;"><p style="line-height:2">Berikut contoh program dasar penerapan konsep digital output dengan LED':</p></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: left;">'''Menampilkan Halaman Menu Pengembalian'''</div>===
+<div style="font-size: 12pt;font-family: 'times new roman';text-align: left;">
+ <table align="center" width="900" border="1">
+ <tr>
-<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>
+ <td width="900">
-<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: 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;">'''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 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 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">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: 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;">
-<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>
 </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">
-<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>
+ <tr>
-<img width="400px" src="https://lh3.googleusercontent.com/-_GufikYHFJk/XUpqJ9guY8I/AAAAAAAAA8c/S0Fgee9sY8AAmnfO7NdOWWDUu3jnvWoJQCJoC/w530-h1836-n/t416.jpg"/></div>
+ <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">
-==<div style="font-size: 12pt;font-family: 'times new roman'; text-align: left;">'''Time Schedule'''</div>==
+  .
+  #define pot 33
-<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>
+  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 id="t417" align="center">
+=<div style="font-size: 14pt;font-family: 'times new roman'; text-align: center">'''BAB VI'''</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: 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: 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: 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;">
 <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>
 </div>

SI1733499446: Perbedaan revisi

Revisi terkini pada 8 Oktober 2019 02.59

Daftar isi

BAB I

Latar Belakang

BAB II

Definisi Perancangan

Definisi Trainer

Definisi Mikrokontroler

Konsep Dasar Interface (Antarmuka)

Protokol Interface Mikrokontroler

Serial Peripheral Interface (SPI)

Karakteristik SPI

Inter Integrated Circuit (I2C)

Karakteristik I2C

Universal Asynchronous Serial Receiver and Transmitter (UART)

Karakteristik UART

Definisi ESP32

Spesifikasi ESP32

Definisi Media Pembelajaran

Manfaat Media Pembelajaran

Definisi Arduino

Perangkat Keras Arduino

Perangkat Keras Arduino

Definisi EasyEDA

Konsep Dasar Komponen Elektronika

Komponen Elektronika Pasif

Definisi Resistor

Definisi Potensiometer

Komponen Elektronika Aktif

Definisi Transistor

Definisi LED

Definisi Dioda

Definisi OLED Display 128x64

Definisi RTC DS3231

Definisi Sensor BMP180

Definisi PCB

Definisi Analisis Sistem

Tahap-tahap Analisis Sistem

Definisi Prototype

Jenis-Jenis Prototype

Definisi Metode Testing

Definisi Black Box Testing

Definisi Tinjauan Pustaka (Literature Review)

Tujuan Tinjauan Pustaka (Literature Review)

Literature Review

BAB III

Tujuan Penelitian

Manfaat Penelitian

BAB IV

Metode Pengumpulan Data

Metode Perancangan

Metode Prototype

Metode Pengujian

Metode Pengujian

Metode Analisis Sistem

Analisis Sistem Yang Berjalan

Flowchart Sistem Yang Berjalan

Permasalahan yang Dihadapi dan Alternatif Pemecah Masalah

Permasalahan yang Dihadapi

Analisa Batasan Alur

Alternatif Pemecahan Masalah

BAB V

Perancangan Sistem yang Diusulkan

Flowchart Sistem yang Diusulkan

Perancangan dan Pembuatan Alat

Konfigurasi Sistem Usulan

Spesifikasi Hardware

Spesifikasi Software

Diagram Blok

Pembuatan Alat

Perancangan Skematik Diagram

Perancangan Desain PCB

Perakitan Alat

Pengujian Sistem

Black Box Testing

Pengujian Black Box Saat Praktik Interface SPI

Pengujian Black Box Saat Praktik Interface I2C

Pengujian Black Box Saat Praktik Interface UART

Pengujian Black Box Saat Praktik Digital Input / Output

**Konsep Dasar Interface (Antarmuka)**

**Protokol Interface Mikrokontroler**