BAB IV HASIL DAN PEMBAHASAN
4.3 Analisa Perangkat Lunak
4.3.2 Pemrograman Pada Android
A. Koneksi antara Wi-Fi Android dengan Arduino ESP8266
Koneksi Wi-Fi antar Android dengan Arduino ESP8266 dapat terhubung dengan cara menyamakan SSID dan Password yang ada pada fasilitas Hotspot di Android dengan program Arduino ESP8266. Jika pada sub bab 4.3.1 point B telah dijelaskan bagaimana cara menulis program untuk menyamakan SSID dan password pada Arduino ESP8266, maka
pada subbab ini akan dijelakan cara mensetting SSID dan Password pada Andorid berdasarkan gambar 4.18.
Gambar 4.18. Setting SSID dan Password di Android
Pada menu setting hotspot Wi-Fi di Android, SSID diberikan nama “tugas” dan pada menu sandi diberikan password “1234567890”. Nama SSID dan password tersebut akan dibaca oleh Arduino ESP8266 dan apabila telah terhubung dapat dilihat pada fasilitas pengguna hotspot Wi-Fi, IP Arduino ESP8266 telah terhubung dengan Android.
B. Pemrograman pada Android Studio
Pembuatan aplikasi Monitoring Mesin Pemilah Benda pada proses pembuatan mengalami perubahan desain. Terdapat 2 halaman yang tertampil dalam aplikasi tersebut, halaman pertama adalah halaman login dan halaman kedua adalah halaman yang mewakili desain alat. Pada halaman login, jika dibandingkan antara gambar 3.10 tentang perancangan halaman login dengan gambar 4.6 hasil dari perancangan halaman login, maka hasil yang didapatkan telah sesuai. Namun untuk halaman desain mesin, jika dibandingkan gambar 3.11 dengan gambar 4.7 hasilnya kurang sesuai. Perbedaan kedua gambar tersebut terletak pada data yang tertampil dalam layar. Jika gambar 3.11 desain halaman mewakili bentuk asli dari mesin pemilah, dimana saat setiap Android mendapat inputan maka indikator akan berubah warna. Namun dalam pengerjaan, penulis mengalami kesulitan dalam pembuatan margin layout dan perintah untuk dapat merubah warna. Pada gambar 4.7 penulis menyajikan sebuah halaman yang juga mewakili mesin pemilah benda namun bukan dengan mengganti warna indikator, tetapi dengan memunculkan karakter kata “On/Off” dapa setiap indator yang tertampil.
Untuk membuat aplikasi di Android, dapat digunakan aplikasi Android Studio. Terdapat 2 fokus pembuatan program, yaitu pembuatan layout dan pembuatan java. Layout adalah pembuatan tampilan pada sebuah tampilan aplikasi android. Java adalah program yang digunakan untuk menuliskan perintah agar sebuah aplikasi dapat berfungsi. Buka aplikasi Android Studio yang ada di computer. Pembuatan layout dalam aplikasi mesin pemilah sampah terdapat dua halaman. Halaman pertama adalah pembuatan login dan halaman kedua adalah tampilan mesin. Halaman login mengharuskan pengguna aplikasi untuk masukkan username dan password untuk masuk ke halaman taampilan mesin. Sebelum membuat tampilan di android harus terlebih dahulu menyesuaikan system operasi dan ukuran layer yang digunakan pada handphone yang dimiliki. Dalam hal ini penulis menentukan sesuai pada batasan masalah yaitu Android 4.4+ (KitKat) dengan ukuran layar kurang lebih 4,7” (768x1280 dpi). Hal tersebut perlu dilakukan agar ukuran pembuatan layout sesuai. Selanjutnya buka menu project yang ada disebelah kiri dan buka menu res dan pilih menu layout. Masuk ke lembar kerja layout yang telah disiapkan. Untuk memasukkan fungsi kedalam layout dapat dilakukan dengan drag and drop dari palette yang telah disediakan. Selanjutnya buka text layout untuk mengatur tampilan yang digunakan.
Gambar 4.19. Membuat Nama “Monitoring Mesin Pemilah Sampah” Berdasarkan gambar 4.6, pada tampilan atas aplikasi terdapat nama “Monitoring Mesin Pemilah Sampah”. Cara penulisan text tersebut dilakukan sesuai dengan gambar 4.19. Perintah android:layout_width="match_parent" merupakan perintah untuk mengatur lebar margin TextView agar melebar secara maksimal sesuai dengan ukuran layar. Perintah android:layout_height="wrap_content" adalah perintah yang digunakan untuk membuat tinggi margin TextView mengikuti ukuran text size yaitu 20dp. Untuk membuat tulisan menjadi tebal dapat digunakan perintah android:textStyle="bold". Setiap komponen yang digunakan dalam pembuatan layout harus diinisialisasi agar dapat diproses pada program Java dengan menuliskan perintah android:id="@+id/textView".
Pada perintah android layout terdapat 2 perintah, match_parent adalah perintah untuk membuat margin text dengan ukuran maksimal. Wrap_content adalah perintah untuk membuat margin text sesuai dengan panjangnya text. Terjadi permasalahan setelah aplikasi ini disatukan antara halaman login dan halaman mesin. Pada perintah android:textAlignment=”center” seharusnya text menjadi rata tengah, namun setelah aplikasi di Build perintah tersebut tidak dapat dieksekusi.
Untuk membuat kolom tempat penulisan username dan password dapat digunakan komponen EditText. Karena perintah untuk kolom penulisan username dan password sama, maka penulis membahas salah satu proses pembuatannya yaitu penulisan username. Untuk mengetahui lebih lanjut perintah yang digunakan dapat dilihat pada gambar 4.20.
Gambar 4.20. Membuat kolom penulisan username
Berdasarkan gambar 4.20 adalah perintah yang digunakan untuk membuat kolom penulisan username. Sebagian perintah telah dijelaskan pada penjelasan gambar 4.29 untuk mengatur lebar dan tinggi margin text serta cara menginisialisasi sebuah komponen. Bardasarkan gambar 4.20 perintah android:inputType="textPassword" digunakan untuk menuliskan tipe penulisan komponen tersebut yaitu sebagai “textPassword”. Perintah android:layout_marginTop="20dp adalah perintah untuk mengatur letak komponen yaitu dengan jarak 20dp dari batas atas layar. Perintah android:hint="User Name" adalah perintah yang digunakan untuk menampilkan karakter “User Name” namun dengan mode apabila kolom EditText ditekan maka karakter “User Name” tersebut akan hilang dan berganti dengan karakter sesuai dengan yag dituliskan pengguna.
Gambar 4.21. Perintah untuk membuat tombol Button
Berdasarkan gambar 4.6 tentang layout login aplikasi monitoring mesin pemilah benda, terdapat 2 buah tombol yang digunakan pada halaman tersebut yaitu tombol login dan tombol cancel. Penulis akan membahas bagaimana cara membuat tombol login karena cara membuat kedua tombol tersebut hampir sama. Berdasarkan gambar 4.21, perintah android:text="Login"tersebut digunakan untuk menampilkan text yang muncul pada tombol tersebut yaitu “Login”. Perintah lain yang digunakan pada gambar 4.17 telah dijelaskan pada proses pembuatan komponen sebelumnya.
Setelah membuat halaman login, langkah selanjutnya adalah membuat layout halaman moninotoring mesin pemilah benda sesuai dengan gambar nomor 4.7. Karena pada proses pembuatan aplikasi mengalami perubahan rancangan dari semula merujuk pada gambar 3.10 dengan sistem printah merubah lampu warna indikator, namun karena penulis mengalami kesulitan sehingga pada realisainya halaman monitoring aplikasi tersebut merujuk pada gambar 4.7 dengan sistem perintah menampilkan karakter ON atau OFF dan menampilkan jumlah benda yang telah disortir.
Gambar 4.22. Pembagian Area Layout
Berdasarkan gambar 4.22 halaman layout margin terbagi menjadi 3 bagian besar, yaitu area layout penampilan jumlah data, area layout tombol untuk memulai proses dan area layout menampilkan indikator On/Off yang mewakili komponen pada mesin pemilah.
Gambar 4.23. Perintah membuat EditText “KAYU”
Gambar 4.24. Perintah membuat TextView “00”
Langkah selanjutnya adalah memasukkan komponen kedalam setiap margin layout tersebut. Gambar 4.23 dan gambar 4.24 adalah salah satu komponen yang digunakan pada layout halaman tersebut. Seluruh komponen yang digunakan pada halan tersebut telah dibahas pada gambar 4.19 dan gambar 4.20 dengan penjelasan yang sama. Untuk penulisan program keseluruhan halaman layout Login dapat dilihat pada halaman lampiran dengan judul Program Android Studio Halaman Layout Login.xml dan penulisan program keseluruhan halaman monitoring mesin dapat dilihat pada halaman lampiran dengan judul Program Android Studio Halaman Layout activity_main.xml.
Setelah semua layout halaman login dan halaman monitoring dibuat, langkah selanjutnya adalah membuat program Java untuk menjalankan fungsi setiap komponen dan menjalankan sistem aplikasi monitoring mesin pemilah benda. Untuk penjelasan setiap penjelasan program Java yang digunakan dapat dilihat pada halaman lampiran. Progam Java untuk halaman login dapat dilihan pada lapiran dengan judul Halaman login.java dan program java untuk halaman monitoring mesin dapat dilihat pada lampiran dengan judul Halaman MainActivity.java. Pada halaman lampiran program tersebut telah disertakan penjelasan dari masing-masing setiap perintah yang ada pada program java.