Arduino - Web-Based Joystick

[branx86]

https://create.arduino.cc/projecthub/iot_lover/arduino-web-based-joystick-02ca54?ref=platform&ref_id=424_trending___&offset=339

Components and supplies
1 - Arduino UNO or  Genuino UNO
1- WiFi Shield for Arduino
2- Servo Motors

Wiring

    Stack PHPoC WiFi shield or PHPoC Shield on Arduino

    Connect pin GND and VCC of two servo motors to GND and 5V of Arduino, respectively. (pin IOREF of arduino can be used like 5V pin)

    Connect pin signals of two servo motors to pin 8 and pin 9 of Arduino, respectively.

What We Need to Do

    Set Wifi information for PHPoC shield (SSID and password)

    Upload new UI to PHPoC shield

    Write Arduino code

Setting Wifi Information for PHPoC Shield

See this instruction. http://www.phpoc.com/support/manual/p4s-347_user_manual/contents.php?id=network_first_setup

Upload new Web UI to PHPoC Shield

    Download PHPoC source code remote_joystick.php (on code section).

    Upload it to PHPoC shield using PHPoC debugger  http://www.phpoc.com/common/download/software/PHPoCD.zip    according to this instructionhttp://www.phpoc.com/support/manual/phpoc_debugger_manual/contents.php?id=major_upload.

Write Arduino Code

    Install PHPoC library for Arduino on Arduino IDE (see the instruction ) http://www.phpoc.com/support/manual/p4s-347_user_manual/contents.php?id=library_setup

    See source code in code section.


Try it

    Click serial button on Arduino IDE to see the IP address.

    Open web browser, type http:// replace_ip_address/remote_joystick.php

    Click connect button and test it.