Tentang proyek ini

Jika Anda seorang pemula, Anda dapat mempelajari:

• Arduino - Motor Servo.
• Arduino - Joystick

Kami dapat mengontrol semuanya dengan proyek ini, tetapi saya mengambil motor servo sebagai contoh.

Demo

Pengkabelan

• Stack PHPoC WiFi shield atau PHPoC Shield di Arduino
• Hubungkan pin GND dan VCC dari dua motor servo masing-masing ke GND dan 5V Arduino. (pin IOREF dari arduino dapat digunakan seperti pin 5V)
• Hubungkan sinyal pin dari dua motor servo masing-masing ke pin 8 dan pin 9 Arduino.

Aliran Data

Peramban web ---> PHPoC WiFi Shield ---> Arduino

Aplikasi web pada browser web akan mengirimkan koordinat (setelah penskalaan) acara sentuh atau klik ke pelindung PHPoC melalui WebSocket. Saat menerima data, pelindung PHPoC secara otomatis meneruskannya ke Arduino. Arduino mengontrol dua motor servo sesuai dengan data yang diterima dari PHPoC Shield.

Perhatikan bahwa: PHPoC shield memiliki program bawaan untuk meneruskan data dari browser web ke Arduino. Karena itu, kita tidak perlu mempedulikannya.

Yang Perlu Kita Lakukan

• Menyetel informasi Wifi untuk pelindung PHPoC (SSID dan sandi)
• Unggah UI baru ke pelindung PHPoC
• Tulis kode Arduino

Mengatur Informasi Wifi untuk PHPoC Shield

Lihat instruksi ini.

Unggah UI Web baru ke PHPoC Shield

• Unduh kode sumber PHPoC remote_joystick.php (pada bagian kode).
• Unggah ke pelindung PHPoC menggunakan debugger PHPoC sesuai dengan instruksi ini.

Tulis Kode Arduino

• Instal library PHPoC untuk Arduino pada Arduino IDE (lihat instruksi )
• Lihat kode sumber di bagian kode.

Cobalah

• Klik tombol serial pada Arduino IDE untuk melihat alamat IP.
• Buka browser web, ketik http:// replace_ip_address /remote_joystick.php
• Klik tombol sambungkan dan ujilah.

Proyek Serupa tetapi platform perangkat keras yang berbeda

Proyek ini melakukan pekerjaan yang sama tetapi menggunakan platform perangkat keras lain

Kit Pemula Arduino Terbaik untuk Pemula

Lihat Kit Arduino Terbaik untuk Pemula

Referensi Fungsi

• Arduino - Perpustakaan Servo
• Servo.attach()
• Servo.write()
• Servo.writeMicroseconds()
• Servo.read()
• Servo.attached()
• Servo.detach()
• Serial.begin()
• Serial.println()

Kode

• Kode Arduino
• Antarmuka Pengguna Web (remote_joystick.php)

Kode ArduinoArduino

#include "SPI.h"#include "Phpoc.h"#include PhpocServer server(80);Servo servo_x;Servo servo_y;void setup() { Serial.begin(9600); while(!Serial); Phpoc.begin(PF_LOG_SPI | PF_LOG_NET); //Phpoc.mulai(); server.beginWebSocket("web_joystick"); Serial.print("Alamat server WebSocket :"); Serial.println(Phpoc.localIP()); servo_x.attach(8); // pasang servo pada pin 8 ke objek servo servo_y.attach(9); // menempelkan servo pada pin 9 ke objek servo servo_x.write(90); servo_y.write(90); }void loop() { // menunggu klien baru:PhpocClient client =server.available(); if (klien) { String data =klien.readLine(); if(data){ int pos =data.indexOf(':'); panjang x =data.substring(0, pos).toInt(); panjang y =data.substring(pos+1).toInt(); Serial.print("x:"); Serial.print(x); Serial.print(", y:"); Serial.println(y); // skala dari [-100; 100] hingga [0; 180] sudut panjang_x =(x + 100) * 180/200; sudut panjang_y =(y + 100) * 180/200; servo_x.write(angle_x); servo_y.write(angle_y); } }}

Antarmuka Pengguna Web (remote_joystick.php)PHP

Arduino - Joystick Berbasis Web


WebSocket :null
Hubungkan

Skema

Arduino Quadcopter Motion Controlled Color Changer!