Feb. 22nd _ Web Server

  • Introduction to the ESP module

  • basics of WiFi and local networking

  • manage a client connections & server things

Homework :

✔️Read Making Things Talk, pp 12-19, 88-106

✔️Using the sensor server example as a starting point, turn the HUZZAH board into a webserver. Use a sensor or switches to change elements on the page. It may be easiest for this exercise if you write the HTML first, then put it into the Huzzah. Remember, the microcontroller can’t hold that much information, so the pages shouldn’t be too large. Post your work to the class blog before 10am Friday.


0301 NYU IDM _ Physical Interface of Networking | HW4_WebServer_Controlled Jumping Fish | ControlledJumpingFishDemo | Tool Used_ Arduino (Esp8266) & Html & Css

For this week homework, I decided to create an interactive animation. Users could control how high the fish jumps by adjusting the potentiometer. 

I wrote the animation with HTML and CSS in CodePen before connecting it with Huzzah. 

CodePen

Due to the limit space of microcontroller, I minified my code before adding the into Arduino code. 

Screen-Shot-2019-03-18-at-4.23.41-PM-1024x557.png

0301 NYU IDM _ Physical Interface of Networking | HW4_WebServer_Controlled Jumping Fish | ControlledJumpingFishScreenRecordingDemo | Tool Used_ Arduino (Esp8266) & Html & Css

The larger of the mapped number of the potentiometer, the higher the sheep jumps. If the mapped number is less than 20, the fish will not start jumping into the air, and if the number is not high enough, the fish will keep rotating on the grass instead of leaving the grass.