Episode 4 Tugas Besar IMKA: Memulai Implementasi CESBoSA

Halo semua pengunjung Timi's Blog


Wah nggak kerasa ya sudah memasuki Episode 4 Tugas Besar IMKA. Lagi-lagi saatnya semester ini akan berakhir. Tapi tugas besar IMKA tidaklah kunjung berakhir. Oke pada episode 4 ini kita akan membahas progress buat pengerjaan tugas besar IMKA terutama pada bagian perancangan dan implementasi sistem. Nah bagi yang kemarin mungkin belum tau tentang progress sebelumnya, bisa dilihat di Episode 3 Tugas Besar IMKA. Oke let's go dimulai saja ya bro and sis!

Nah jadi sebenarnya ada ralat nih buat perangkat keras yang digunakan untuk perancangan Course Evaluation System Based on Students Attendance in Classroom. Berikut ini adalah komponen perangkat keras yang digunakan
1. 1 buah NodeMCU: NodeMCU berfungsi sebagai mikrokontroller yang dimanfaatkan untuk melakukan pemrosesan dan pengolahan data yang ditangkap oleh sensor ultrasonik
2. 2 buah sensor ultrasonik: Sensor ini berfungsi untuk mendeteksi setiap mahasiswa yang masuk dan keluar kelas. Ultrasonic sensor akan dihubungkan ke NodeMCU untuk melakukan perhitungan mahasiswa yang masuk dan keluar. Jika mahasiswa masuk maka akan bertambah jumlah mahasiswa di kelas tersebut, sedangkan jika ada mahasiswa yang terdeteksi keluar maka akan berkurang jumlah mahasiswa di kelas tersebut.
3. 2 buah breadboardBreadboard dimanfaatkan untuk meletakkan komponen-komponen hardware seperti sensor ultrasonik dan NodeMCU.
4. 10 buah kabel jumper: Kabel jumper dimanfaatkan untuk menghubungkan komponen sensor ultrasonik danNodeMCU. Untuk setiap sensor ultrasonik membutuhkan 4 kabel jumper dan 2 kabel jumper lain dimanfaatkan untuk menghubungkan Vin dan ground ke dua sensor tersebut
5. 1 buah PC: PC atau laptop dimanfaatkan untuk melakukan pemrograman terhadap hardware, pengujian hardware, dan melakukan pengujian terhadap website dan sistem secara keseluruhan
6. Wi-Fi RouterWi-Fi router dimanfaatkan untuk pengadaan koneksi internet. Koneksi internet digunakan untuk pengiriman data yang diterima dari sensor ultrasonik ke Blynk, dari Blynk ke website database, dan untuk pengaksesan database

Nah langsung kita masuk ke implementasi dimulai dari implementasi kode program Arduino. Berikut ini adalah kode program dari Arduino. 



Kode Program 1

Kode Program 2

Kode Program 3

Kode Program 4

Kode Program 5


Nah, selanjutnya ini adalah rancangan dari CESBoSA. Kami mengambil referensi dari 
Nah, ini adalah implementasi hardware yang sudah dibuat untuk CESBoSA --> http://roboticadiy.com/how-to-make-bi-directional-visitor-counter/


Rancangan rangkaian CESBoSA
Nah, setelah itu kami mencoba membuat versi NodeMCUnya dan jadilah seperti ini adalah implementasi dari rangkaian CESBoSA yang kami buat.

Rangkaian CESBoSA

Nah itu tadi rancangan, implementasi hardware, dan kode program dari CESBoSA. Jadi, cara kerja dari program itu adalah jadi ada dua sensor ultrasonik kan, sensor 1 sensor 2. Nah jika ada objek yang dikenali oleh sensor 1 ultrasonik terlebih dahulu, maka berarti arah mahasiswa tersebut adalah masuk. Karena masuk, maka jumlah mahasiswa akan bertambah, dan sebaliknya jika objek dikenali oleh sensor 2 ultrasonik terlebih dahulu, maka berarti arah mahasiswa tersebut adalah keluar.  Akan ditampilkan dan dikirim data tersebut ke Blynk. Selanjutnya, berikut ini adalah tampilan dan konfigurasi dari aplikasi Blynk


Konfigurasi home CESBoSA
Konfigurasi Value Weight
Konfigurasi WebHook

Konfigurasi Webhook

Nah, itu tadi adalah konfigurasi dari Aplikasi Blynk untuk mengirim data ya ke database. Selanjutnya, ini adalah implementasi database dari CESBoSA

Rancangan Database

Jadi, pada database CESBoSA ada beberapa tabel yaitu course, dosen, evaluator, feedback, dan kehadiran kelas. Untuk course dia menyimpan data mata kuliahnya kayak kehadiran dan kelulusan mahasiswa, tabel menyimpan data dosen, evaluator menyimpan data evaluator, feedback menyimpan data feedback dari mata kuliah tertentu, dan kehadiran kelas untuk menyimpan kehadiran kelas yang dikirim dari aplikasi Blynk

Nah, itu tadi adalah rancangan database. Selanjutnya, adalah rancangan UI dari website yang akan dikembangkan untuk CESBoSA. Berikut ini adalah gambarnya. 


Rancangan UI Website CESBoSA














UI Design Final Website 

Nah, kalau yang warna orange itu adalah implementasi final dari UI Design Website Course Evaluation System Based on Students Attendance. Itu untuk implementasi menggunakan HTML dan CSS. Yay sudah lengkap semuaaanya implementasi dari hardware, database, dan website Course Evaluation System Based on Students Attendance in Classroom. Jadi sekian dulu untuk Episode 4 Implementasi CESBoSA. So, tunggu ya karena episode selanjutnya adalah episode terakhir yaitu pengujian sistem. Jadi sedih akan berpisah dengan tubes ini. Gapapa deh ada senang dan sedih. See youuu on my next posting and don't forget and keep visiting my blog ya :D 








 

Komentar

Postingan populer dari blog ini

Episode 1 Tugas Besar IMKA: Perlukah evaluasi untuk sistem belajar mengajar di ITB?

Episode 2 Tugas Besar IMKA: Pintu, Kamera, atau Kursi??

Alan "Si Botak" Juara BigBrother Indonesia bersama simPati Season I