Paano Gumawa ng Isang Android App Para sa Iyong Smart Home System sa Android Studio?

Ang artikulong ito ay bahagi ng dalawa sa isa pang artikulo Paano Gumawa ng Smart Home Automation Gamit ang ESP32 Module? kung saan ibinigay ang isang paraan upang makagawa ng isang Smart Home System. Sa artikulong ito, ipapakita namin ang sunud-sunod na pamamaraan ng kung paano bumuo ng isang android application at ikonekta ito sa firebase database. Pagkatapos ang mobile application na ito ay gagamitin upang ilipat ang mga de-koryenteng kasangkapan sa bahay.



Pag-unlad ng Android App

Ang mga Smart Home System na magagamit na sa merkado ay napakamahal. Kung mayroon kang mga kinakailangang sangkap at isang Android aparato, maaari kang gumawa ng isang sistema ng awtomatiko sa bahay sa bahay na magiging pantay na mahusay ngunit magiging napakababa ng gastos. Dumaan sa dalawang artikulong ito upang makagawa ng iyong sariling Home Automation System sa bahay.



Paano Bumuo ng Isang Android Application Para sa Home Automation?

Lilikha kami ng isang android app na gagamitin bilang isang remote control upang makontrol ang mga gamit sa bahay na de-kuryente na konektado sa module na ESP32 sa iba pang artikulo. upang pumunta sa iba pang artikulo, Pindutin dito .



Hakbang 1: Kailangan ng Software

Habang bubuo kami ng isang android application, kakailanganin namin ng isang software. Ngunit upang mapatakbo ang software na iyon, kakailanganin muna naming mag-install ng isa pang software. Maaari mong i-download ang mga ito mula sa mga sumusunod na link.



  • Android Studio.
  • JAVA JDK.

Hakbang 2: Pag-unawa sa Pangunahing Paggawa

Gagawa kami ng isang application na magkakaroon ng parehong front-end at back-end coding. Sa pangunahing screen, maglalaman ito ng ilang mga pindutan na makokontrol ang paglipat ng mga de-koryenteng kagamitan na nakakonekta sa board ng micro32troller ng ESP32. Sa back-end coding, magpapadala kami ng isang '1' kung ang switch ay nakabukas at isang '0' kung ang switch ay naka-off.

Gagawa kami ng isang Firebase database. Maglalaman ang database na ito ng 2 mga nilalang na pinangalanan bilang Light at AC. Ang ilaw ay maglalaman ng halaga para sa paglipat ng mga ilaw at ang AC ay maglalaman ng isang halaga para sa paglipat ng fan. Ang halagang ito ay ipapadala sa microcontroller at pagkatapos ang microcontroller ay magpapadala ng isang control signal sa module ng relay nang naaayon.

Hakbang 3: Pag-set up ng Android Studio

Bago i-install ang Android Studio, mai-install muna namin ang JAVA JDK. Upang mai-install ito, mag-click sa exe file na na-download mo mula sa itaas na link, at i-click ang susunod hanggang sa matagumpay itong na-install. Ngayon dumaan sa mga sumusunod na hakbang upang makilala ng iyong prompt ng utos ang java bilang isang panlabas o panloob na utos.



  1. Buksan Control Panel at mag-click sa Sistema at Seguridad .
  2. Mag-click sa Sistema .

    Sistema

  3. Mag-click sa Advanced na Pagtatakda ng System at pagkatapos ay mag-click sa Mga variable sa Kapaligiran .

    Advanced na Pagtatakda ng System

  4. Sa seksyong Variable ng System, mag-click sa landas at pagkatapos ay mag-click sa pag-edit. Isang bago I-edit ang Variable sa Kapaligiran lilitaw ang kahon.

    I-edit ang Path

  5. Ngayon punta ka na C: Mga File ng Program Java sa iyong PC. Buksan ang folder na JDK, mag-click sa folder ng bin at pagkatapos kopyahin ang landas ng folder na iyon.

    Path ng folder ng bin

  6. Pumunta ngayon sa kahon ng Mag-edit ng Kapaligiran na Mag-iba at mag-click sa bago upang makagawa ng isang bagong variable. I-paste ang landas na kinopya mo sa itaas na hakbang sa bagong variable at i-save ito.
  7. Ngayon upang kumpirmahin, kung ito ay kumpletong naka-install, buksan ang command prompt at uri java –pagpalit .

    Bersyon ng JAVA

Ngayon bilang matagumpay mong na-install ang Java JDK sa iyong computer. Ipaalam sa amin ngayon i-install ang Android Studio sa iyong computer. Napakadali ng pag-install ng software na ito. Kailangan mong buksan ang na-download na file at mag-click sa susunod hanggang sa ganap na mai-install ang iyong software.

Hakbang 4: Paggawa ng Layout

Gagawa kami ng isang layout na maglalaman ng ilang mga pindutan na magpapadala ng utos ng 0 o 1 sa firebase database. Ito ay magiging isang simpleng layout na maglalaman ng ilang mga pindutan. Sa aking app, isasama ko lamang ang dalawang mga pindutan na makokontrol ang mga ilaw at fan. Kung nais mong isama ang higit pang mga pindutan para sa higit pang mga gamit sa bahay, kopyahin ang parehong tipak ng code sa pangunahing programa at gumawa ng isang bagong variable sa database. Nang walang pag-aaksaya ng anumang oras, lumipat tayo patungo sa mga hakbang ng paggawa ng isang simpleng layout para sa aming app.

1. Una sa lahat, punta ka File> Bago> Bagong Project. Lilitaw ang isang menu. Pumili Walang laman na Proyekto.

2. Ngayon pangalanan ang proyekto at itakda KOTLIN bilang iyong wika sa programa.

3. Ngayon sa kaliwang sulok, mag-click sa app> res> layout> aktibidad_main.xml.

aktibidad_main

4. Dito, idagdag ang sumusunod na code sa ibaba ng code na naibigay na sa iyong android studio. Gumagawa kami ng isang limitasyong layout. Ang sumusunod na code ay pagdaragdag ng isang heading ng Room Automation sa itaas. Pagdaragdag nito ng 3 switch. Pinapayagan ka ng isang switch na piliin ang nais mong manu-manong pagpapatakbo ng mga gamit sa bahay o hindi. Ang iba pang dalawang lumipat ay gagana ang fan at ang mga ilaw ayon sa pagkakabanggit.

 

5. Ang Layout ng iyong app ay magiging hitsura ng imahe sa ibaba.

Layout

Hakbang 5: Back-End Coding

Ang back end code ay ang pinakamahalagang bahagi ng anumang aplikasyon. Ito ang pangunahing tulay sa pagitan ng front-end layout at ng database ng proyekto. Sa aming application, nais lamang naming magpadala ng isang '1' sa database kapag nakabukas ang switch at isang '0' sa database kapag naka-off ang switch. Dumaan sa mga sumusunod na hakbang upang idagdag ang code sa iyong aplikasyon

1. Sa kaliwang sulok, mag-click sa app> java> com.example.my applicationmyapplication> main_activity.

2. Ngayon sa screen na ito, kopyahin ang sumusunod na code sa iyong klase.

automation ng klase: AppCompatActivity () {var database = FirebaseDatabase.getInstance () var myRef = database.referensi panloob na lateinit var btnSwitch: Lumipat ng panloob na lateinit var btnSwitch1: Lumipat ng panloob na lateinit var btnSwitch2: Lumipat sa override masaya onCreate (naka-saveInstanceState: Bundle?) { .onCreate (saveInstanceState) setContentView (R.layout.activity_automation) myRef.child ('Toggle / switch'). addValueEventListener (object: ValueEventListener {override fun onCancelled (p0: DatabaseError) {} override fun onDataSnange (p0: .visibility = View.VISIBLE kung (p0.value.toString (). katumbas ('1')) {switch1.isChecked = true; toggle Button2.visibility = View.VISIBLE toggle Button3.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')) {toggle Button2. isChecked = true} iba pa toggle Button2.isChecked = fals e}}) myRef.child ('automation / light'). addValueEventListener (object: ValueEventListener {override fun onCancelled (p0: DatabaseError) {} override fun onDataChange (p0: DataSnapshot) {if (p0.value.toString (). katumbas ('1')) {toggle Button3.isChecked = true} iba pa toggle Button3.isChecked = false}})} iba pa {switch1.isChecked = false toggle Button2.visibility = View.GONE toggle Button3.visibility = View.GONE} // Log. d ('ahsan