Tombol IoT yang Mengontrol Aplikasi Anda: 6 Langkah

2025 Pengarang: John Day | [email protected]. Terakhir diubah: 2025-01-23 14:49

Oleh appshedAppShedIkuti Lainnya oleh penulis:

Tentang: Appshed adalah platform pendidikan tempat siswa dan guru dapat mempelajari Pembuatan Aplikasi, Pembuatan Game, dan IoT/Robotika. Selengkapnya Tentang appshed »

Salah satu hal yang paling saya sukai dari mikrokontroler adalah kemampuan untuk menggunakannya sebagai perangkat input, misalnya, Mikro Arduino dapat digunakan sebagai HID (perangkat antarmuka manusia) yang berarti dengan beberapa pengkodean dan pengetahuan Anda dapat membuat keyboard Anda sendiri. atau mouse dari Arduino! Itu membuat saya berpikir bagaimana menggunakan perangkat IoT sebagai input untuk mengontrol berbagai hal di Aplikasi. Jadi dalam proyek ini, kita akan melihat cara membuat tombol terhubung aplikasi yang dapat diprogram untuk melakukan apa saja di aplikasi kita.

Langkah 1: Memasang Perpustakaan

Untuk mengunggah kode kami, kami akan menggunakan Arduino IDE yang sangat populer yang dapat diunduh di Sini. Sekarang karena kita akan menggunakan situs web AppShed untuk mengontrol dan mengedit cara kerja papan, kita tidak perlu fokus pada kode sebenarnya yang masuk ke papan. Kode yang kami unggah adalah sketsa master AppShed yang memungkinkan situs web mengontrol semua pin di papan.

Sekarang untuk dapat mengunggah kode ke papan kami melalui Arduino IDE, kami perlu menginstal perpustakaannya yang memungkinkan IDE untuk berbicara dengan papan khusus kami. Ini dilakukan sebagai berikut:

• Luncurkan Arduino IDE
• Arahkan ke File dan klik Preferensi
• Di bagian bawah, Anda akan melihat "URL pengelola papan tambahan" diikuti dengan ruang kosong
• Salin dan tempel ini ke ruang kosong

Sekarang kita perlu menginstal papan di bawah manajer papan.

• Arahkan ke Alat, lalu Papan dan kemudian Klik Manajer Papan
• Sekarang di bilah pencarian cari ESP8266
• Klik pada opsi pertama dan klik Instal

Sekarang papan kami dapat berkomunikasi dengan Arduino IDE

Langkah 2: Mengunggah Kode

Jadi pada titik ini, kami telah mengunduh pustaka yang diperlukan untuk membantu Arduino IDE berkomunikasi dengan papan IoT kami dan kami telah mengunduh pustaka yang memungkinkan sketsa master AppShed berjalan. Sekarang, yang perlu kita lakukan hanyalah mengubah nama dan kata sandi perangkat IoT Anda dalam kode jika Anda tidak melakukan ini, nama wifi perangkat IoT Anda akan menjadi "Nama_perangkat_Anda_disini".

Untuk melakukan ini, kita memerlukan yang berikut:

• Pasang papan IoT Anda ke komputer Anda
• Unduh dan buka sketsa master Appshed (yang dapat ditemukan di sini)
• Arahkan ke alat dan klik papan
• Gulir ke bawah sampai Anda melihat papan Anda, lalu klik di atasnya (Saya menggunakan NodeMCU jadi saya akan mengklik NodeMCU)
• Sekarang arahkan kembali ke alat dan klik pada port, dari sini Anda akan melihat papan Anda (akan terlihat seperti ini "com 9" jika Anda menggunakan windows dan "/ dev/cu.wchusbserial1410' untuk mac)
• Klik panah yang menghadap ke samping untuk mengunggah dan tunggu saat melakukannya.

Jika Anda mendapatkan pesan setelah sekitar 2 - 3 menit yang mengatakan selesai mengunggah maka semuanya bekerja dengan sempurna! Untuk memeriksa ulang apakah papan kami berfungsi, kami juga dapat pergi ke pengaturan WiFi kami dan mencari nama yang kami berikan pada papan sebelumnya jika itu berfungsi.

Langkah 3: Menyiapkan Aplikasi

Membuat Aplikasi yang menerima data dari papan IoT eksternal bisa tampak sangat menakutkan jika Anda bukan pengembang Aplikasi profesional, namun, ini bukan masalah karena kami akan menggunakan struktur info AppSheds untuk membuat aplikasi kami yang membuatnya benar-benar mudah.

Kita harus mulai dengan membuka AppShed dan membuat akun gratis atau masuk ke akun yang sudah ada. Dari sini Anda akan melihat dua opsi IoT Builder atau App Builder, kita akan mulai dengan mengklik IoT Builder karena ini akan memungkinkan kita mengatur pin mana yang ingin kita gunakan sebagai output atau input. Setelah halaman dimuat, klik Proyek IoT Baru dan beri nama input papan dan klik simpan.

Sekarang karena kita ingin menetapkan salah satu pin sebagai input untuk melihat kapan tombol ditekan, kita harus mulai dengan mengklik ikon tombol di bawah Input Digital dan kemudian klik Pin 1 untuk mengikatnya bersama kemudian beri nama seperti " tombol" dan klik simpan.

Sekarang kita akan menuju ke sisi App Building.

Langkah 4: Membuat Aplikasi

Sekarang kita kembali ke halaman arahan itu setelah masuk dan klik Pembuat Aplikasi kali ini. Anda harus disajikan dengan telepon simulasi, kita harus memulai dengan mengklik tombol plus untuk memulai aplikasi baru. Setelah itu dimuat, hal pertama yang mutlak perlu kita lakukan adalah menautkan papan IoT yang baru saja kita buat ke aplikasi kita, kita melakukan ini dengan mengklik papan dan kemudian mengklik papan yang baru saja kita buat yang harus diberi nama input. Sekarang dengan papan yang dimuat, kita dapat mulai menambahkan fitur ke aplikasi.

Kita mulai dengan mengklik kotak input di bawah formulir dan beri judul Status Tombol. Kami kemudian perlu menamainya tombol, ini penting karena kami memberi nama pin satu tombol sebelumnya sehingga memberi nama tombol itu membantu mengikat kedua hal ini bersama-sama. Sekarang kita tinggal klik simpan dan aplikasi selesai!

Langkah 5: Penerbitan dan Pengujian

Sekarang aplikasi super dasar dibuat, kita perlu mempublikasikannya dan mendapatkannya di ponsel kita. Kami melakukan ini dengan mengklik tombol terbitkan, setelah selesai, kami perlu menavigasi ke tab bagikan dan mengklik kode QR yang kemudian akan memberi Anda kode QR yang dapat Anda pindai dengan ponsel Anda.

Setelah aplikasi web dimuat, kami perlu menghubungkan ponsel kami ke perangkat IoT kami WiFi yang kami lakukan dengan menuju ke pengaturan WiFi di ponsel Anda dan kemudian menghubungkan ke nama perangkat yang kami berikan sebelumnya.

Sekarang kita dapat kembali ke aplikasi dan menekan tombol pada perangkat IoT kita, Anda akan melihat angka 1 saat tombol ditekan dan angka 0 saat tombol tidak ditekan. Jika Anda tidak melihat nilai apa pun, coba segarkan halaman dan Anda akan melihat nilai muncul.

Langkah 6: Mengambilnya Lebih Jauh

Sekarang ya hanya melihat 1 atau 0 sedikit membosankan, namun, inti dari proyek ini hanya untuk menunjukkan kepada Anda apa yang mungkin, tugas Anda untuk melangkah lebih jauh dan menciptakan sesuatu yang benar-benar menakjubkan. Sebagai contoh, Anda dapat mengatur aplikasi untuk memicu suara atau memutar video (inilah contohnya

Jika Anda memiliki pertanyaan, silakan tinggalkan kami komentar, terima kasih telah membaca!