Daftar Isi:
- Langkah 1: Atur HDDrive17 ke Jaringan Lokal Anda
- Langkah 2: Aplikasi Program
- Langkah 3: Skrip halaman web
- Langkah 4: Simpan Halaman Web Langsung Ke HDrive
- Langkah 5: Mengakses Aplikasi
Video: Cukup Kontrol Motor dengan Ponsel: 5 Langkah
2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:56
How-To ini menunjukkan cara mengontrol Servo IoT pintar "HDrive17" dengan ponsel Anda hanya menggunakan HTML dan JavaScript. Halaman Web termasuk Script ini disimpan di Motor itu sendiri dan dapat dilampirkan ke WebApp di ponsel Anda.
Langkah 1: Atur HDDrive17 ke Jaringan Lokal Anda
Hubungkan HDrive17 (Anda bisa mendapatkannya dari www.henschel-robotics.ch) ke jaringan lokal Anda dengan mencolokkan kabel Ethernet dari Motor ke router WiFi Anda. Berhati-hatilah bahwa Anda telah mengonfigurasi Alamat IP yang valid di HDrive untuk jaringan Anda terlebih dahulu. Seluruh aplikasi yang ditampilkan dalam video semuanya dalam satu file HTML di komputer lokal saya. Pertama, Anda dapat menguji situs web ini di browser lokal Anda dan mengontrol HDrive dari PC Anda.
Jika Anda ingin menggunakan ponsel Anda untuk mengontrol HDrive, Anda harus mempublikasikan situs web lokal ini ke jaringan WiFi Anda. Kemudian buka saja Situs Web ini, yang disajikan dari PC Anda, di ponsel Anda. Untuk berbagi situs seperti itu di jaringan Anda, Anda dapat menggunakan Alat WebMatrix atau IIS dari Microsoft, hanya perlu diingat untuk membuat beberapa konfigurasi netsh dan firewall agar ponsel Anda memiliki akses ke halaman tersebut.
Dimungkinkan juga untuk menyimpan halaman web langsung di motor itu sendiri, maka tidak ada PC yang wajib lagi.
Langkah 2: Aplikasi Program
Badan halaman web:
Kami menggunakan skrip roundslider untuk menampilkan pengukur yang bagus, oleh karena itu kami harus menambahkan elemen slider di badan dokumen HTML.
Langkah 3: Skrip halaman web
Kode berikut mengirimkan posisi target baru ke HDrive. Ini dimulai dengan menyertakan skrip JQuery dan RoundSlider. Rounslider memicu peristiwa seret yang memanggil fungsi "sendDataToHdrive". Fungsi ini kemudian mengirimkan perintah drive baru ke motor.
silakan lihat di baris ini:
var gumpalan = gumpalan baru(['
Ini mengirimkan pujian drive ke HDrive dengan posisi target, maks. kecepatan 2000 RPM, maks. arus 2A dalam mode 129 (kontrol posisi). Anda dapat Mengunduh seluruh Proyek di sini: Slider_demo.rar
Langkah 4: Simpan Halaman Web Langsung Ke HDrive
Untuk meng-host aplikasi web di drive Anda, kami harus mengunggah file ke motor. Motor ini mampu mengupload 4 file, 2 file HTML dan 2 file Script (.js). Setiap file diganti namanya setelah diunggah. File HTML pertama diubah namanya menjadi app1.html kemudian app2.html file skrip diubah namanya menjadi s1.js dan s2.js. Oleh karena itu kita harus mengubah link file pada file HTML kita. JQuery… menjadi “s2.js”. Selanjutnya saya menyalin css roundslider ke dalam file HTML.
Pertama-tama masukkan GUI Web dari HDrive Anda dan akses bagian "Aplikasi"
Langkah 5: Mengakses Aplikasi
Setelah mengunggah file-file ini, Anda dapat mengakses halaman di alamat https://192.168.1.102/app1.html dari perangkat apa pun di jaringan yang sama, PC Anda tidak wajib lagi, file-file di-host langsung dari HDrive.
Unduh semua file di sini.
Direkomendasikan:
Kontrol Tata Letak Kereta Model Anda Dengan Ponsel Anda!: 11 Langkah (dengan Gambar)
Kontrol Tata Letak Kereta Model Anda Dengan Ponsel Anda!: Mengontrol tata letak kereta model dengan throttle kabel dan pengontrol jumlah suara mungkin merupakan awal yang baik untuk pemula, tetapi hal itu menimbulkan masalah non-portabilitas. Selain itu, pengontrol nirkabel yang ada di pasaran hanya dapat mengontrol beberapa lokom
Nyalakan Ponsel / Ponsel Dengan Baterai Eksternal atau Listrik.: 3 Langkah
Nyalakan Ponsel/Ponsel Dengan Baterai Eksternal atau Listrik.: Pendahuluan. Ide ini hanya akan bekerja dengan ponsel atau tablet jika baterainya dapat dilepas. Mengamati polaritas itu penting, tentu saja. Harap berhati-hati untuk tidak merusak perangkat Anda karena kecerobohan. Jika Anda tidak yakin dengan kemampuan Anda untuk melakukan ini
Kontrol Pesawat RC Anda Dengan Acclerometer Ponsel Anda: 15 Langkah (dengan Gambar)
Kontrol Pesawat RC Anda Dengan Acclerometer Ponsel Anda: Pernahkah Anda ingin mengontrol pesawat RC Anda dengan cara memiringkan suatu objek? Saya selalu memiliki ide di belakang kepala saya, tetapi saya tidak pernah mengejarnya sampai minggu terakhir ini. Pikiran awal saya adalah menggunakan akselerometer sumbu tiga tetapi kemudian saya ha
CalClock: Cukup Lihat Jadwal Anda: 4 Langkah (dengan Gambar)
CalClock: Cukup Lihat Jadwal Anda: Kehilangan konsentrasi terburuk adalah terganggu hanya untuk mengetahui bahwa tidak perlu ada gangguan. Saya menemukan ini sering terjadi dalam kaitannya dengan jadwal saya. Saya akan mengerjakan suatu masalah, dan memiliki firasat, ‘Apakah ada
Skala Pos Cukup Bagus Dari CD Lama: 8 Langkah (dengan Gambar)
Skala Pos Cukup Bagus Dari CD Lama: Dengan empat CD lama Anda dapat membuat skala pos yang cukup bagus untuk membaca hingga sekitar 3 ons (85 gram). Ini adalah adaptasi dari desain untuk timbangan yang terbuat dari kartu pos, klip kertas, dan koin oleh Arvind Gupta. Itu bisa dilihat di sini. Anda dapat melihat