Daftar Isi:

SmartMirror Berbasis Web Menggunakan Komunikasi Serial: 6 Langkah
SmartMirror Berbasis Web Menggunakan Komunikasi Serial: 6 Langkah

Video: SmartMirror Berbasis Web Menggunakan Komunikasi Serial: 6 Langkah

Video: SmartMirror Berbasis Web Menggunakan Komunikasi Serial: 6 Langkah
Video: Part 1 - Trik Kirim Data Sensor Realtime dengan Komunikasi Serial Arduino Nodemcu ke Thinger.IO 2024, Juli
Anonim
SmartMirror Berbasis Web Menggunakan Komunikasi Serial
SmartMirror Berbasis Web Menggunakan Komunikasi Serial

Instruksi ini dikirimkan dengan semua kode siap digunakan. Pengembangannya sangat rumit tetapi setelah diatur, sangat mudah untuk menyesuaikannya.

Lihat dan nikmati;)

Langkah 1: Mengonfigurasi Arduino Anda

Mengonfigurasi Arduino Anda
Mengonfigurasi Arduino Anda
Mengonfigurasi Arduino Anda
Mengonfigurasi Arduino Anda

Pertama-tama Anda harus mengkonfigurasi arduino Anda.

Mari kita mulai dengan menghubungkan Sensor SRF ke arduino Anda. Pada foto di atas Anda dapat melihat bagaimana saya menghubungkan SRF ke arduino saya.

Di file zip Anda akan menemukan kode Arduino untuk diunggah ke Arduino Anda. Saat Anda menjalankan kode ini dan membuka monitor serial di Arduino IDE, Anda akan melihat "0" saat Anda berada lebih jauh dari 1 meter dan dan "1" saat Anda berada dalam jarak satu meter dari sensor.

Anda dapat mengganti angka-angka ini tetapi lebih mudah untuk dibaca nanti.

Langkah 2: Menginstal Node.js dan Menjalankan Websocket

Menginstal Node.js dan Menjalankan Websocket
Menginstal Node.js dan Menjalankan Websocket
Menginstal Node.js dan Menjalankan Websocket
Menginstal Node.js dan Menjalankan Websocket

Sebelum kita dapat mengirim data ke lingkungan browser kita, kita perlu menginstal Node. JS.

Jika itu terinstal, Anda membuka command prompt Anda dan arahkan ke folder Smartmirror Anda

$ cd Desktop/SmartMirror

Sekarang Anda berada di folder tempat Anda menjalankan file index.js yang disediakan di ZIP.

$ simpul index.js

Biasanya Anda akan melihat "0" dan "1" dari sensor Anda sekarang.

CATATAN:

di dalam index.js Anda mungkin harus mengubah port Anda. Milik saya diatur di COM6. Periksa IDE arduino Anda yang terhubung dengan arduino Anda.

var myPort = new SerialPort('COM6', { baudRate: 9600 });

Langkah 3: Buka Halaman Web

Buka Halaman Web
Buka Halaman Web

Di dalam halaman web saya mengatur beberapa API seperti jam, cuaca, dll.

Buka file index.html di dalam peta publik dan Anda akan melihat "koneksi baru" di dalam Command Prompt Anda.

Jika semuanya berfungsi sebagaimana mestinya, teks akan mulai (hilang) muncul jika Anda berada dalam jarak satu meter atau tidak.

Langkah 4: Potong Laser Casingnya

Potong Laser Casingnya
Potong Laser Casingnya
Potong Laser Casingnya
Potong Laser Casingnya

Saya juga menyediakan template saya sendiri untuk casing tetapi Anda dapat membuatnya sendiri karena Anda mungkin akan memiliki monitor lain selain saya.

Setelah Anda memotongnya, Anda merakitnya dan menyembunyikan semua kabelnya.

Langkah 5: SELESAI

Jika semuanya berjalan sesuai rencana, Anda sekarang harus memiliki cermin pintar!

Langkah 6: Kiat

Anda bisa membuatnya lebih kompak dan nirkabel jika Anda menggunakan Raspberry Pi. Ini akan menjadi lebih sedikit kabel dan lebih mudah dipindahkan.

Direkomendasikan: