Bagaimana Cara Membuat Aplikasi Android Untuk Sistem Rumah Pintar Anda di Android Studio?

Artikel ini adalah bagian kedua dari artikel lain Bagaimana Cara Membuat Otomatisasi Rumah Pintar Menggunakan Modul ESP32? di mana metode untuk membuat Sistem Rumah Cerdas disediakan. Dalam artikel ini, kita akan mendemonstrasikan prosedur langkah demi langkah tentang cara mengembangkan aplikasi android dan menghubungkannya ke database firebase. Kemudian aplikasi seluler ini akan digunakan untuk menyalakan peralatan listrik di rumah.

Sistem Rumah Pintar yang sudah tersedia di pasar sangat mahal. Jika Anda memiliki komponen yang diperlukan dan perangkat android, Anda dapat membuat sistem otomasi rumah di rumah yang sama efisiennya tetapi biayanya akan sangat rendah. Bacalah dua artikel ini untuk membuat Sistem Otomasi Rumah Anda sendiri di rumah.

Bagaimana Cara Mengembangkan Aplikasi Android Untuk Otomatisasi Rumah?

Kami akan mengembangkan aplikasi android yang akan digunakan sebagai remote control untuk mengontrol peralatan listrik rumah yang terhubung ke modul ESP32 di artikel lain. untuk pergi ke artikel lain, Klik disini.

Langkah 1: Perangkat Lunak Dibutuhkan

Karena kita akan mengembangkan aplikasi android, kita hanya membutuhkan satu perangkat lunak. Tetapi untuk menjalankan perangkat lunak itu, kita perlu menginstal perangkat lunak lain terlebih dahulu. Anda dapat mengunduhnya dari tautan berikut.

Langkah 2: Memahami Pekerjaan Utama

Kami akan membuat aplikasi yang akan memiliki pengkodean front-end dan back-end. Pada layar utama akan terdapat beberapa tombol yang akan mengontrol peralihan peralatan listrik yang terhubung ke papan mikrokontroler ESP32. Dalam pengkodean back-end, Kami akan mengirimkan "1" jika sakelar aktif dan "0" jika sakelar mati.

Kami akan membuat database Firebase. Database ini akan berisi 2 entitas bernama Light dan AC. Lampu akan berisi nilai untuk peralihan lampu dan AC akan berisi nilai untuk peralihan kipas. Nilai ini kemudian akan dikirim ke mikrokontroler dan kemudian mikrokontroler akan mengirimkan sinyal kontrol ke modul relai yang sesuai.

Langkah 3: Menyiapkan Android Studio

Sebelum menginstal Android Studio, kita akan menginstal JAVA JDK terlebih dahulu. Untuk menginstal ini, klik exe mengajukan yang Anda unduh dari tautan di atas, dan klik berikutnya hingga berhasil dipasang. Sekarang ikuti langkah-langkah berikut sehingga command prompt Anda mengenali java sebagai perintah eksternal atau internal.

1. Buka Panel kendali dan klik Sistem dan keamanan.
2. Klik Sistem.
3. Klik Pengaturan Sistem Lanjutan dan kemudian klik Variabel Lingkungan.
4. Di bagian Variabel Sistem, klik pada jalur dan kemudian klik edit. A baru Edit Variabel Lingkungankotak akan muncul.
5. Sekarang pergi ke C: \ Program Files \ Java di PC Anda. Buka folder JDK, klik folder bin lalu salin jalur folder itu.
6. Sekarang pergi ke kotak Edit Variabel Lingkungan dan klik baru untuk membuat variabel baru. Tempel jalur yang Anda salin pada langkah di atas di variabel baru dan simpan.
7. Sekarang untuk mengonfirmasi, jika sudah terinstal sepenuhnya, buka command prompt dan ketik java –version.

Sekarang setelah Anda berhasil menginstal Java JDK di komputer Anda. Biarkan kami sekarang menginstal Android Studio di komputer Anda. Menginstal perangkat lunak ini sangat mudah. Anda perlu membuka file yang diunduh dan klik berikutnya hingga perangkat lunak Anda terinstal sepenuhnya.

Langkah 4: Membuat Tata Letak

Kita akan membuat layout yang berisi beberapa tombol yang akan mengirimkan perintah 0 atau 1 ke database firebase. Ini akan menjadi tata letak sederhana yang berisi beberapa tombol. Di aplikasi saya, saya hanya akan menyertakan dua tombol yang akan mengontrol lampu dan kipas. Jika Anda ingin memasukkan lebih banyak tombol untuk lebih banyak peralatan rumah tangga, salin potongan kode yang sama di program utama dan buat variabel baru di database. Tanpa membuang waktu, mari kita lanjutkan ke langkah-langkah membuat tata letak sederhana untuk aplikasi kita.

1. Pertama-tama, pergi ke File> Baru> Proyek Baru.Sebuah menu akan muncul. Pilih Proyek Kosong.

2. Sekarang beri nama proyek dan set KOTLINsebagai bahasa pemrograman Anda.

3. Sekarang di sudut kiri, klik app> res> layout> activity_main.xml.

4. Disini tambahkan kode berikut dibawah kode yang sudah di sediakan di android studio anda. Kami membuat tata letak kendala. Kode berikut menambahkan judul Otomatisasi Ruangan di bagian atas. Ini kemudian menambahkan 3 sakelar. satu sakelar memungkinkan Anda untuk memilih f Anda ingin mengoperasikan peralatan rumah secara manual atau tidak. Dua sakelar lainnya akan mengoperasikan kipas dan lampu masing-masing.

5. Tata letak aplikasi Anda akan terlihat seperti gambar di bawah ini.

Langkah 5: Pengkodean Back-End

Kode ujung belakang adalah bagian terpenting dari aplikasi apa pun. Ini adalah jembatan utama antara tata letak front-end dan database proyek. Dalam aplikasi kami, kami hanya ingin mengirim "1" di database saat sakelar aktif dan "0" di database saat sakelar mati. Lakukan langkah-langkah berikut untuk menambahkan kode di aplikasi Anda

1. Di pojok kiri, klik app> java> com.example.my applicationmyapplication> main_activity.

2. Sekarang di layar ini, salin kode berikut di kelas Anda.

class automation: AppCompatActivity () {var database = FirebaseDatabase.getInstance () var myRef = database.reference internal lateinit var btnSwitch: Alihkan lateinit var internal btnSwitch1: Alihkan lateinit var internal btnSwitch2: Alihkan keseruan override onCreate (SavedInstanceState?) {super Bundel .onCreate (storedInstanceState) setContentView (R.layout.activity_automation) myRef.child ("Toggle / switch"). addValueEventListener (object: ValueEventListener {override fun onCancelled (p0: DatabaseError) {} override fun onDataChange (p0: Data switch1 .visibility = View.VISIBLE if (p0.value.toString (). sama dengan ("1")) {switch1.isChecked = true; toggleButton2.visibility = View.VISIBLE toggleButton3.visibility = View.VISIBLE myRef.child ("automation /AC").addValueEventListener(object: ValueEventListener {override fun onCancelled (p0: DatabaseError) {} override fun onDataChange (p0: DataSnapshot) {if (p0.value.toString (). Equals ("1")) {toggleButton2. isChecked = true} lain toggleButton2.isChecked = false}}) myRef.child ("automation / light"). addValueEventListener (objek: ValueEventListener {timpa kesenangan onCancelled (p0: DatabaseError) {} ganti kesenangan onDataChange (p0: DataSnapshot) {if (p0.value.toString () .equals ("1")) {toggleButton3.isChecked = true} else toggleButton3.isChecked = false}})} lain {switch1.isChecked = false toggleButton2.visibility = View.GONE toggleButton3.visibility = View.GONE} // Log .d ("ahsan", p0.value.toString ())}}) button3.setOnClickListener {val intent = Intent (ini, MainActivity :: class.java) startActivity (intent)} btnSwitch = findViewById(R.id.switch1) sebagai Switch btnSwitch1 = findViewById(R.id.toggleButton2) sebagai Switch btnSwitch2 = findViewById(R.id.toggleButton3) sebagai Switch btnSwitch.setOnClickListener {if (btnSwitch.isChecked) {myRef.child ("Toggle / switch"). SetValue ("1") btnSwitch1.setOnClickListener {if (btnSwitch1.isChecked) {myRef. anak ("automation / AC"). setValue ("1")} lain {myRef.child ("automation / AC"). setValue ("0")}} btnSwitch2.setOnClickListener {if (btnSwitch2.isChecked) {myRef. child ("automation / light"). setValue ("1")} else {myRef.child ("automation / light"). setValue ("0")}}} else {myRef.child ("Toggle / switch") .setValue ("0")}}}}

Saat ini, kode mungkin memberikan beberapa error di beberapa titik karena tidak terhubung ke database firebase sekarang. Kami akan membuat database firebase dan menghubungkannya ke aplikasi.

Langkah 6: Menghubungkan Aplikasi ke Firebase Database

Menghubungkan database firebase ke aplikasi android hampir merupakan langkah terakhir. Kami akan membuat database di Firebase. Firebase adalah tahap peningkatan aplikasi seluler dan web yang melengkapi desainer dengan banyak perangkat dan administrasi untuk memungkinkan mereka mengembangkan aplikasi terbaik, mengembangkan basis klien mereka, dan memperoleh lebih banyak manfaat. Firebase memberi kami dua layanan yaitu Real-Time Database dan Firestore.

Kami akan membuat Database Real-Time di mana semua nilai akan diperbarui secara real-time dengan penundaan selama beberapa detik. Lakukan langkah-langkah berikut untuk membuat database real-time di firebase. Android studio menyediakan metode yang sangat sederhana untuk membuat koneksi ini. Lakukan langkah-langkah berikut untuk membuat koneksi ini.

1. Klik n Alat.Menu tarik-turun akan muncul dari mana, pilih Firebase.

2. Sebuah menu besar akan muncul di sisi kanan layar yang akan menyediakan menu dari hampir semua layanan yang disediakan firebase. Namun saat ini fokus utama kami adalah pada Real-Time Database. Jadi, klik Real-Time Database. Tautan ke "Simpan dan Ambil Data" akan muncul. Klik tautan itu.

3. Hubungkan Hubungkan ke Firebasetombol. Ini akan membawa Anda ke browser web default. Pertama, ini akan meminta Anda untuk masuk ke akun Gmail Anda.

4. Sekarang klik Tambahkan Realtime Database ke aplikasi Anda tombol dari menu yang ditunjukkan pada gambar di atas. Sebuah kotak akan muncul meminta untuk melakukan beberapa perubahan. Klik Ackecuali perubahan. Anda akan melihat bahwa aplikasi akan mulai disinkronkan untuk terhubung ke Real-Time Database kami.

5. Sekarang masuk ke Firebase Console. Di sana Anda akan melihat proyek yang sudah dibuat. Logo android pada ikon projet itu menandakan bahwa itu sudah menjadi milik aplikasi android.

6. Dari Mengembangkan menu yang muncul di sisi kiri layar, pilih Database. Tombol dari Buat Database akan muncul di sebelah kanan. Klik tombol itu.

7. Sebuah menu akan muncul meminta untuk mengatur mode database Anda. Klik mode teslalu klik Memungkinkan.

8. Sekarang langkah yang sangat penting untuk diingat adalah mengubah file Cloud Firestore untuk Database Real-Time.Untuk melakukannya, klik tombol yang ditunjukkan pada gambar di bawah dan ubah opsi yang diinginkan.

9. Sekarang klik pada Aturan tab dan ubah konfigurasi menjadi Benar. Setelah semuanya selesai, klik Menerbitkan.

10. Satu hal yang perlu Anda lakukan selain menghubungkan firebase, adalah memperbarui versi database. Untuk itu, klik pergi ke dokumen. Sekarang klik panduandan pilih Panduan Androiddari daftar yang muncul di layar. Gulir ke bawah hingga tabel muncul. Cari Real-Time Database di tabel itu dan temukan versinya. dalam kasus saya, itu benar 19.1.0

11. Klik Gradle Scripts,menu di sisi kiri layar. Lalu pilih dibangun di. gradle (Modul: aplikasi). Sekarang di dalam kode, cari versi database Real-Time dan ganti dengan yang baru.

Sekarang Koneksi Firebase kami dengan aplikasi Android kami sepenuhnya terbentuk. Kami sekarang dapat melanjutkan ke bagian pengujian proyek kami.

Langkah 7: Pengujian

Bagian Pengujian sangat sederhana. Anda hanya perlu pergi ke perangkat Android Anda dan mengaktifkan Opsi Pengembangdari pengaturan. Kemudian Anda harus mengaktifkan Debugging USB.Setelah melakukan semua ini, hubungkan perangkat Android Anda ke komputer Anda dan jalankan proyek android di studio android. Ini akan membangun aplikasi di perangkat android Anda.

Sekarang, klik tombol di layar Anda dan secara otomatis akan membuat entitas di database firebase Anda. Anda akan melihat bahwa beberapa nilai akan diperbarui dalam entitas yang sesuai saat Anda menekan tombol.