Smartphone Controlled DIY Rover Using Websockets -- Episode 438https://community.element14.com/challenges-projects/element14-presents/project-videos/w/documents/4787/smartphone-controlled-diy-rover-using-websockets----episode-438en-USTelligent Community 12Smartphone Controlled DIY Rover Using Websockets -- Episode 438https://community.element14.com/challenges-projects/element14-presents/project-videos/w/documents/4787/smartphone-controlled-diy-rover-using-websockets----episode-438Fri, 20 Mar 2020 08:24:00 GMT93d5dcb4-84c2-446f-b2cb-99731719e767:fc00ca88-c8aa-4b47-ba04-13f20b1aac07Matthttps://community.element14.com/challenges-projects/element14-presents/project-videos/w/documents/4787/smartphone-controlled-diy-rover-using-websockets----episode-438#commentsCurrent Revision posted to Documents by Matt on 3/20/2020 8:24:00 AM<br /> <p><span><a href="https://www.youtube.com/watch?v=AUnMetrn5Ok">www.youtube.com/watch</a></span>&nbsp;</p> <p style="background-color:#e9f6fc;border:1px solid #b8d7e5;margin:0;max-width:744px;padding:8px;"><span style="color:#000000;font-family:&#39;Open Sans&#39;, Arial, sans-serif;text-align:justify;"> Who doesn&#39;t love robots? In this episode, I build a hardware kit and program the software to drive a small, wheeled, non-autonomous robot. The hardware is based around a Raspberry Pi 4 and a Motor HAT used to drive a couple of DC motors. The software is based on Python, using the Flask module to run a web server, the socket io module for sending and receiving commands, and HTML and JavaScript to build a simple Graphical User Interface (GUI) for driving the rover..</span></p> <h2><span style="color:#3334ca;">Bill of Material:</span></h2> <table class="jiveBorder" style="border:1px solid #C6C6C6;" border="1"> <thead> <tr> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;">Product Name</th> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;">Manufacturer</th> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;">Quantity</th> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;"><span><a id="e14-product-link-980ea" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="button" href="https://referral.element14.com/OrderCodeView?fsku=2808484,2816276,3051887&nsku=31AC5274,31AC4597,02AH3164&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_BUY_KIT" class="e14-embedded e14_shopping-cart-far e14-button" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('980ea'));" data-farnell="2808484,2816276,3051887" data-newark="31AC5274,31AC4597,02AH3164" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Kit</a> </span></th> </tr> </thead> <tbody> <tr> <td style="border:1px solid #C6C6C6;padding:6px;">Development Kit, STS-Pi Roving Robot Kit For Raspberry Pi</td> <td style="border:1px solid #C6C6C6;padding:6px;">Pimoroni</td> <td style="border:1px solid #C6C6C6;padding:6px;">1</td> <td style="border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-dbf79" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=2808484&nsku=31AC5274&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('dbf79'));" data-farnell="2808484" data-newark="31AC5274" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td> </tr> <tr> <td style="border:1px solid #C6C6C6;padding:6px;">Raspberry Pi DC Stepper Motor Hat Development Board</td> <td style="border:1px solid #C6C6C6;padding:6px;">Adafruit</td> <td style="border:1px solid #C6C6C6;padding:6px;">1</td> <td style="border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-d6658" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=2816276&nsku=31AC4597&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('d6658'));" data-farnell="2816276" data-newark="31AC4597" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td> </tr> <tr> <td style="border:1px solid #C6C6C6;padding:6px;">Single Board Computer, Raspberry Pi 4 Model B</td> <td style="border:1px solid #C6C6C6;padding:6px;">Adafruit</td> <td style="border:1px solid #C6C6C6;padding:6px;">1</td> <td style="border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-90ea1" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=3051887&nsku=02AH3164&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('90ea1'));" data-farnell="3051887" data-newark="02AH3164" data-comoverride="" data-cmpoverride="" data-cpc="SC15185" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td> </tr> </tbody> </table> <p style="margin:0;padding:0px;">&nbsp;</p> <h2><span style="color:#3334ca;">Supplemental Content:</span></h2> <p style="margin:0;padding:0px;">&nbsp;</p> <ul> <li><span style="color:#3334ca;"><a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/w/documents/4788/smartphone-controlled-diy-rover-using-websockets-ssh-setup" data-e14adj="t">Smartphone Controlled DIY Rover Using Websockets: SSH Setup</a></span></li> <li><span style="color:#3334ca;"><a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/w/documents/4789/getting-started-with-flask-and-websockets" data-e14adj="t">Getting Started with Flask and Websockets</a></span></li> </ul> <div style="background:#ffffff;border:1px solid #dadada;margin:0;padding:14px 16px 16px 18px;vertical-align:top;"> <div style="display:inline-block;float:left;padding:0px 25px 8px 0px;"><a href="/challengesprojects/element14-presents/" data-e14adj="t"><img alt="image" src="/e14/assets/legacy/2018/e14PresentsJune818.png" width="180px" /></a></div> <div style="display:inline-block;vertical-align:top;width:70%;"><span style="font-size:18px;font-weight:bold;">Smartphone Controlled DIY Rover Using Websockets</span> <p style="margin:0;"><span><a class="jivecontainerTT-hover-container jive-link-community-small" href="/challengesprojects/element14-presents/" data-e14adj="t">element14 presents</a></span>&nbsp; <strong>|</strong>&nbsp; <a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/vcp-program/w/documents/3696/vcp-biography-cisco" data-e14adj="t">About Cisco</a> <span style="padding-right:5px;"> </span><strong>|</strong>&nbsp; <a class="jivecontainerTT-hover-container jive-link-community-small" href="/challengesprojects/element14-presents/project-videos/" data-e14adj="t">Project Videos</a></p> </div> </div><div style="clear:both;"></div> <div style="font-size: 90%;">Tags: visualization, webserver, cisco, webapp, e14p_CA, ide, python, fusion 360, rc, e14presents_makerbro, project, internet of things, web, sensors, build, developer, robotics, robots, pimoroni, robot, os x, 3D Printing, diy, programming, cad, weather, stepper motor, embedded, micropython, sparkfun, raspberry pi, windows, tutorials, nodemcu, friday release, app, iot, engineering, wireless, datalogger, c++, data, server, arduino, introduction, friday_release, sensor, communication, linux, beginner</div> Episode 438: Smartphone Controlled DIY Rover Using Websocketshttps://community.element14.com/challenges-projects/element14-presents/project-videos/w/documents/4787/smartphone-controlled-diy-rover-using-websockets----episode-438/revision/4Thu, 07 Jul 2022 21:40:20 GMT93d5dcb4-84c2-446f-b2cb-99731719e767:fc00ca88-c8aa-4b47-ba04-13f20b1aac07saradetwilerhttps://community.element14.com/challenges-projects/element14-presents/project-videos/w/documents/4787/smartphone-controlled-diy-rover-using-websockets----episode-438#commentsRevision 4 posted to Documents by saradetwiler on 7/7/2022 9:40:20 PM<br /> <p><span><a href="https://www.youtube.com/watch?v=AUnMetrn5Ok">www.youtube.com/watch</a></span>&nbsp;</p> <p style="background-color:#e9f6fc;border:1px solid #b8d7e5;margin:0;max-width:744px;padding:8px;"><span style="color:#000000;font-family:&#39;Open Sans&#39;, Arial, sans-serif;text-align:justify;"> Who doesn&#39;t love robots? In this episode, I build a hardware kit and program the software to drive a small, wheeled, non-autonomous robot. The hardware is based around a Raspberry Pi 4 and a Motor HAT used to drive a couple of DC motors. The software is based on Python, using the Flask module to run a web server, the socket io module for sending and receiving commands, and HTML and JavaScript to build a simple Graphical User Interface (GUI) for driving the rover..</span></p> <h2><span style="color:#3334ca;">Bill of Material:</span></h2> <table class="jiveBorder" style="border:1px solid #C6C6C6;" border="1"> <thead> <tr> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;">Product Name</th> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;">Manufacturer</th> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;">Quantity</th> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;"><span><a id="e14-product-link-6ad68" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="button" href="https://referral.element14.com/OrderCodeView?fsku=2808484,2816276,3051887&nsku=31AC5274,31AC4597,02AH3164&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_BUY_KIT" class="e14-embedded e14_shopping-cart-far e14-button" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('6ad68'));" data-farnell="2808484,2816276,3051887" data-newark="31AC5274,31AC4597,02AH3164" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Kit</a> </span></th> </tr> </thead> <tbody> <tr> <td style="border:1px solid #C6C6C6;padding:6px;">Development Kit, STS-Pi Roving Robot Kit For Raspberry Pi</td> <td style="border:1px solid #C6C6C6;padding:6px;">Pimoroni</td> <td style="border:1px solid #C6C6C6;padding:6px;">1</td> <td style="border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-99b8f" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=2808484&nsku=31AC5274&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('99b8f'));" data-farnell="2808484" data-newark="31AC5274" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td> </tr> <tr> <td style="border:1px solid #C6C6C6;padding:6px;">Raspberry Pi DC Stepper Motor Hat Development Board</td> <td style="border:1px solid #C6C6C6;padding:6px;">Adafruit</td> <td style="border:1px solid #C6C6C6;padding:6px;">1</td> <td style="border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-de579" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=2816276&nsku=31AC4597&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('de579'));" data-farnell="2816276" data-newark="31AC4597" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td> </tr> <tr> <td style="border:1px solid #C6C6C6;padding:6px;">Single Board Computer, Raspberry Pi 4 Model B</td> <td style="border:1px solid #C6C6C6;padding:6px;">Adafruit</td> <td style="border:1px solid #C6C6C6;padding:6px;">1</td> <td style="border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-bed42" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=3051887&nsku=02AH3164&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('bed42'));" data-farnell="3051887" data-newark="02AH3164" data-comoverride="" data-cmpoverride="" data-cpc="SC15185" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td> </tr> </tbody> </table> <p style="margin:0;padding:0px;">&nbsp;</p> <h2><span style="color:#3334ca;">Supplemental Content:</span></h2> <p style="margin:0;padding:0px;">&nbsp;</p> <ul> <li><span style="color:#3334ca;"><a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/w/documents/4788/smartphone-controlled-diy-rover-using-websockets-ssh-setup">Smartphone Controlled DIY Rover Using Websockets: SSH Setup</a></span></li> <li><span style="color:#3334ca;"><a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/w/documents/4789/getting-started-with-flask-and-websockets">Getting Started with Flask and Websockets</a></span></li> </ul> <div style="background:#ffffff;border:1px solid #dadada;margin:0;padding:14px 16px 16px 18px;vertical-align:top;"> <div style="display:inline-block;float:left;padding:0px 25px 8px 0px;"><a href="/challengesprojects/element14-presents/"><img alt="image" src="/e14/assets/legacy/2018/e14PresentsJune818.png" width="180px" /></a></div> <div style="display:inline-block;vertical-align:top;width:70%;"><span style="font-size:18px;font-weight:bold;">Smartphone Controlled DIY Rover Using Websockets</span> <p style="margin:0;"><span><a class="jivecontainerTT-hover-container jive-link-community-small" href="/challengesprojects/element14-presents/">element14 presents</a></span>&nbsp; <strong>|</strong>&nbsp; <a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/vcp-program/w/documents/3696/vcp-biography-cisco">About Cisco</a> <span style="padding-right:5px;"> </span><strong>|</strong>&nbsp; <a class="jivecontainerTT-hover-container jive-link-community-small" href="/challengesprojects/element14-presents/project-videos/">Project Videos</a></p> </div> </div><div style="clear:both;"></div> <div style="font-size: 90%;">Tags: visualization, webserver, cisco, webapp, e14p_CA, ide, python, fusion 360, rc, e14presents_makerbro, project, internet of things, web, sensors, build, developer, robotics, robots, pimoroni, robot, os x, 3D Printing, diy, programming, cad, weather, stepper motor, embedded, micropython, sparkfun, raspberry pi, windows, tutorials, nodemcu, friday release, app, iot, engineering, wireless, datalogger, c++, data, server, arduino, introduction, friday_release, sensor, communication, linux, beginner</div> Episode 438: Smartphone Controlled DIY Rover Using Websocketshttps://community.element14.com/challenges-projects/element14-presents/project-videos/w/documents/4787/smartphone-controlled-diy-rover-using-websockets----episode-438/revision/3Tue, 08 Mar 2022 16:21:39 GMT93d5dcb4-84c2-446f-b2cb-99731719e767:fc00ca88-c8aa-4b47-ba04-13f20b1aac07kellyhensenhttps://community.element14.com/challenges-projects/element14-presents/project-videos/w/documents/4787/smartphone-controlled-diy-rover-using-websockets----episode-438#commentsRevision 3 posted to Documents by kellyhensen on 3/8/2022 4:21:39 PM<br /> <p><span><a href="https://www.youtube.com/watch?v=AUnMetrn5Ok">www.youtube.com/watch</a></span>&nbsp;</p> <p style="background-color:#e9f6fc;border:1px solid #b8d7e5;margin:0;max-width:744px;padding:8px;"><span style="color:#000000;font-family:&#39;Open Sans&#39;, Arial, sans-serif;text-align:justify;"> Who doesn&#39;t love robots? In this episode, I build a hardware kit and program the software to drive a small, wheeled, non-autonomous robot. The hardware is based around a Raspberry Pi 4 and a Motor HAT used to drive a couple of DC motors. The software is based on Python, using the Flask module to run a web server, the socket io module for sending and receiving commands, and HTML and JavaScript to build a simple Graphical User Interface (GUI) for driving the rover..</span></p> <h2><span style="color:#3334ca;">Bill of Material:</span></h2> <table class="jiveBorder" style="border:1px solid #C6C6C6;" border="1"> <thead> <tr> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;">Product Name</th> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;">Manufacturer</th> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;">Quantity</th> <th style="background-color:#f2f2f2;border:1px solid #C6C6C6;color:#505050;padding:6px;text-align:left;"><span><a id="e14-product-link-40c39" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="button" href="https://referral.element14.com/OrderCodeView?fsku=2808484,2816276,3051887&nsku=31AC5274,31AC4597,02AH3164&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_BUY_KIT" class="e14-embedded e14_shopping-cart-far e14-button" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('40c39'));" data-farnell="2808484,2816276,3051887" data-newark="31AC5274,31AC4597,02AH3164" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Kit</a> </span></th> </tr> </thead> <tbody> <tr> <td style="border:1px solid #C6C6C6;padding:6px;">Development Kit, STS-Pi Roving Robot Kit For Raspberry Pi</td> <td style="border:1px solid #C6C6C6;padding:6px;">Pimoroni</td> <td style="border:1px solid #C6C6C6;padding:6px;">1</td> <td style="border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-373a2" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=2808484&nsku=31AC5274&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('373a2'));" data-farnell="2808484" data-newark="31AC5274" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td> </tr> <tr> <td style="border:1px solid #C6C6C6;padding:6px;">Raspberry Pi DC Stepper Motor Hat Development Board</td> <td style="border:1px solid #C6C6C6;padding:6px;">Adafruit</td> <td style="border:1px solid #C6C6C6;padding:6px;">1</td> <td style="border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-5d845" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=2816276&nsku=31AC4597&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('5d845'));" data-farnell="2816276" data-newark="31AC4597" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td> </tr> <tr> <td style="border:1px solid #C6C6C6;padding:6px;">Single Board Computer, Raspberry Pi 4 Model B</td> <td style="border:1px solid #C6C6C6;padding:6px;">Adafruit</td> <td style="border:1px solid #C6C6C6;padding:6px;">1</td> <td style="border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-4ff62" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=3051887&nsku=02AH3164&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('4ff62'));" data-farnell="3051887" data-newark="02AH3164" data-comoverride="" data-cmpoverride="" data-cpc="SC15185" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td> </tr> </tbody> </table> <p style="margin:0;padding:0px;">&nbsp;</p> <h2><span style="color:#3334ca;">Supplemental Content:</span></h2> <p style="margin:0;padding:0px;">&nbsp;</p> <ul> <li><span style="color:#3334ca;"><a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/w/documents/4788/smartphone-controlled-diy-rover-using-websockets-ssh-setup">Smartphone Controlled DIY Rover Using Websockets: SSH Setup</a></span></li> <li><span style="color:#3334ca;"><a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/w/documents/4789/getting-started-with-flask-and-websockets">Getting Started with Flask and Websockets</a></span></li> </ul> <div style="background:#ffffff;border:1px solid #dadada;margin:0;padding:14px 16px 16px 18px;vertical-align:top;"> <div style="display:inline-block;float:left;padding:0px 25px 8px 0px;"><a href="/challengesprojects/element14-presents/"><img alt="image" src="/e14/assets/legacy/2018/e14PresentsJune818.png" width="180px" /></a></div> <div style="display:inline-block;vertical-align:top;width:70%;"><span style="font-size:18px;font-weight:bold;">Smartphone Controlled DIY Rover Using Websockets</span> <p style="margin:0;"><span><a class="jivecontainerTT-hover-container jive-link-community-small" href="/challengesprojects/element14-presents/">element14 presents</a></span>&nbsp; <strong>|</strong>&nbsp; <a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/vcp-program/w/documents/3696/vcp-biography-cisco">About Cisco</a> <span style="padding-right:5px;"> </span><strong>|</strong>&nbsp; <a class="jivecontainerTT-hover-container jive-link-community-small" href="/challengesprojects/element14-presents/project-videos/">Project Videos</a></p> </div> </div><div style="clear:both;"></div> <div style="font-size: 90%;">Tags: visualization, webserver, cisco, webapp, ide, python, fusion 360, rc, e14presents_makerbro, project, internet of things, web, sensors, build, developer, robotics, robots, pimoroni, robot, os x, 3D Printing, diy, programming, cad, weather, stepper motor, embedded, micropython, sparkfun, raspberry pi, windows, tutorials, nodemcu, friday release, app, iot, engineering, wireless, datalogger, c++, data, server, arduino, introduction, friday_release, sensor, communication, linux, beginner</div> Episode 438: Smartphone Controlled DIY Rover Using Websocketshttps://community.element14.com/challenges-projects/element14-presents/project-videos/w/documents/4787/smartphone-controlled-diy-rover-using-websockets----episode-438/revision/2Wed, 16 Feb 2022 09:09:33 GMT93d5dcb4-84c2-446f-b2cb-99731719e767:fc00ca88-c8aa-4b47-ba04-13f20b1aac07Matthttps://community.element14.com/challenges-projects/element14-presents/project-videos/w/documents/4787/smartphone-controlled-diy-rover-using-websockets----episode-438#commentsRevision 2 posted to Documents by Matt on 2/16/2022 9:09:33 AM<br /> <div style="background:#ffffff;padding:14px 16px 16px 18px;margin:0;vertical-align:top;border:1px solid #dadada;"><div style="float:left;display:inline-block;padding:0px 25px 8px 0px;"><a href="/challengesprojects/element14-presents/"><img alt="image" src="/e14/assets/legacy/2018/e14PresentsJune818.png" width="180px" /></a></div><div style="display:inline-block;vertical-align:top;width:70%;"><span style="font-size:18px;font-weight:bold;">Smartphone Controlled DIY Rover Using Websockets</span><p style="margin:0;"><span><a class="jivecontainerTT-hover-container jive-link-community-small" href="/challengesprojects/element14-presents/">element14 presents</a></span>&nbsp; <strong>|</strong>&nbsp; <a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/vcp-program/w/documents/3696/vcp-biography-cisco">Maker Bro&#39;s VCP Profile</a> <span style="padding-right:5px;"> </span><strong>|</strong>&nbsp; <a class="jivecontainerTT-hover-container jive-link-community-small" href="/challengesprojects/element14-presents/project-videos/">Project Videos</a></p></div></div><p style="margin:0;padding:0px;">&nbsp;</p><p style="margin:0;"></p><span><a href="https://www.youtube.com/watch?v=AUnMetrn5Ok">www.youtube.com/watch</a></span><p style="margin:0;"></p><p style="margin:0;padding:0px;">&nbsp;</p><p style="margin:0;border:1px solid #b8d7e5;background-color:#e9f6fc;padding:8px;max-width:744px;"><span style="color:#000000;font-family:&#39;Open Sans&#39;, Arial, sans-serif;text-align:justify;"> Who doesn&#39;t love robots? In this episode, I build a hardware kit and program the software to drive a small, wheeled, non-autonomous robot. The hardware is based around a Raspberry Pi 4 and a Motor HAT used to drive a couple of DC motors. The software is based on Python, using the Flask module to run a web server, the socket io module for sending and receiving commands, and HTML and JavaScript to build a simple Graphical User Interface (GUI) for driving the rover..</span></p><p style="margin:0;padding:0px;">&nbsp;</p><h2><span style="color:#3334ca;">Bill of Material:</span></h2><p style="margin:0;padding:0px;">&nbsp;</p><table border="1" class="jiveBorder mce-item-table" style="border:1px solid #C6C6C6;"><thead><tr><th style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;color:#505050;background-color:#f2f2f2;text-align:left;">Product Name</th><th style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;color:#505050;background-color:#f2f2f2;text-align:left;">Manufacturer</th><th style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;color:#505050;background-color:#f2f2f2;text-align:left;">Quantity</th><th style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;color:#505050;background-color:#f2f2f2;text-align:left;"><span><a id="e14-product-link-cd9ab" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="button" href="https://referral.element14.com/OrderCodeView?fsku=2808484,2816276,3051887&nsku=31AC5274,31AC4597,02AH3164&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_BUY_KIT" class="e14-embedded e14_shopping-cart-far e14-button" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('cd9ab'));" data-farnell="2808484,2816276,3051887" data-newark="31AC5274,31AC4597,02AH3164" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Kit</a> </span></th></tr></thead><tbody><tr><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Development Kit, STS-Pi Roving Robot Kit For Raspberry Pi</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Pimoroni</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">1</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-4a7e6" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=2808484&nsku=31AC5274&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('4a7e6'));" data-farnell="2808484" data-newark="31AC5274" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td></tr><tr><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Raspberry Pi DC Stepper Motor Hat Development Board</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Adafruit</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">1</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-ae6b1" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=2816276&nsku=31AC4597&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('ae6b1'));" data-farnell="2816276" data-newark="31AC4597" data-comoverride="" data-cmpoverride="" data-cpc="" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td></tr><tr><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Single Board Computer, Raspberry Pi 4 Model B</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Adafruit</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">1</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;"><span><a id="e14-product-link-7eb49" data-at-areainteracted="rte-content" data-at-type="click" data-at-link-type="link" href="https://referral.element14.com/OrderCodeView?fsku=3051887&nsku=02AH3164&COM=e14c-noscript&CMP=e14c-noscript&osetc=e14-noscript-tracking-loss" data-at-label="PRODUCT_POPUP_OPEN"class="e14-embedded e14_shopping-cart-far e14-link" onclick="event.preventDefault();e14.func.displayProduct(e14.meta.user.country, this, 'embedded-link', e14.func.getProductLinkJSON('7eb49'));" data-farnell="3051887" data-newark="02AH3164" data-comoverride="" data-cmpoverride="" data-cpc="SC15185" data-avnetemea="" data-avnetema="" data-avnetasia="" >Buy Now</a> </span></td></tr></tbody></table><p style="margin:0;padding:0px;">&nbsp;</p><h2><span style="color:#3334ca;">Supplemental Content:</span></h2><p style="margin:0;padding:0px;">&nbsp;</p><ul><li><span style="color:#3334ca;"><a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/w/documents/4788/smartphone-controlled-diy-rover-using-websockets-ssh-setup">Smartphone Controlled DIY Rover Using Websockets: SSH Setup</a></span></li><li><span style="color:#3334ca;"><a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/w/documents/4789/getting-started-with-flask-and-websockets">Getting Started with Flask and Websockets</a></span></li></ul><div style="clear:both;"></div> <div style="font-size: 90%;">Tags: visualization, learn, tutorial, intro, webserver, webapp, client, ide, python, fusion 360, html, education, rc, e14presents_makerbro, project, internet of things, web, sensors, build, developer, robotics, robots, robot, os x, 3D Printing, diy, programming, makers, cad, weather, embedded, micropython, sparkfun, raspberry pi, windows, tutorials, nodemcu, friday release, app, iot, engineering, wireless, creative, electronics, guide, datalogger, c++, Easy, adafruit, data, server, arduino, introduction, friday_release, sensor, fun, communication, linux, beginner</div> Episode 438: Smartphone Controlled DIY Rover Using Websocketshttps://community.element14.com/challenges-projects/element14-presents/project-videos/w/documents/4787/smartphone-controlled-diy-rover-using-websockets----episode-438/revision/1Fri, 10 Apr 2020 13:39:43 GMT93d5dcb4-84c2-446f-b2cb-99731719e767:fc00ca88-c8aa-4b47-ba04-13f20b1aac07tariq.ahmadhttps://community.element14.com/challenges-projects/element14-presents/project-videos/w/documents/4787/smartphone-controlled-diy-rover-using-websockets----episode-438#commentsRevision 1 posted to Documents by tariq.ahmad on 4/10/2020 1:39:43 PM<br /> <div style="background:#ffffff;padding:14px 16px 16px 18px;margin:0;vertical-align:top;border:1px solid #dadada;"><div style="float:left;display:inline-block;padding:0px 25px 8px 0px;"><a href="/challengesprojects/element14-presents/"><img alt="image" src="/e14/assets/legacy/2018/e14PresentsJune818.png" width="180px" /></a></div><div style="display:inline-block;vertical-align:top;width:70%;"><span style="font-size:18px;font-weight:bold;">Smartphone Controlled DIY Rover Using Websockets</span><p style="margin:0;"><span><a class="jivecontainerTT-hover-container jive-link-community-small" href="/challengesprojects/element14-presents/">element14 presents</a></span>&nbsp; <strong>|</strong>&nbsp; <a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/vcp-program/w/documents/3696/vcp-biography-cisco">Maker Bro&#39;s VCP Profile</a> <span style="padding-right:5px;"> </span><strong>|</strong>&nbsp; <a class="jivecontainerTT-hover-container jive-link-community-small" href="/challengesprojects/element14-presents/project-videos/">Project Videos</a></p></div></div><p style="margin:0;padding:0px;">&nbsp;</p><p style="margin:0;"></p><span><a href="https://www.youtube.com/watch?v=AUnMetrn5Ok">www.youtube.com/watch</a></span><p style="margin:0;"></p><p style="margin:0;padding:0px;">&nbsp;</p><p style="margin:0;border:1px solid #b8d7e5;background-color:#e9f6fc;padding:8px;max-width:744px;"><span style="color:#000000;font-family:&#39;Open Sans&#39;, Arial, sans-serif;text-align:justify;"> Who doesn&#39;t love robots? In this episode, I build a hardware kit and program the software to drive a small, wheeled, non-autonomous robot. The hardware is based around a Raspberry Pi 4 and a Motor HAT used to drive a couple of DC motors. The software is based on Python, using the Flask module to run a web server, the socket io module for sending and receiving commands, and HTML and JavaScript to build a simple Graphical User Interface (GUI) for driving the rover..</span></p><p style="margin:0;padding:0px;">&nbsp;</p><h2><span style="color:#3334ca;">Bill of Material:</span></h2><p style="margin:0;padding:0px;">&nbsp;</p><table border="1" class="jiveBorder mce-item-table" style="border:1px solid #C6C6C6;"><thead><tr><th style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;color:#505050;background-color:#f2f2f2;text-align:left;">Product Name</th><th style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;color:#505050;background-color:#f2f2f2;text-align:left;">Manufacturer</th><th style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;color:#505050;background-color:#f2f2f2;text-align:left;">Quantity</th><th style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;color:#505050;background-color:#f2f2f2;text-align:left;"><span><span class="e14-init-shown e14-product-link-buynow" id="addProduct-9rV30YU5-linked" style="white-space:nowrap;"><a class="jive-link-product-addtolist" href="https://www.element14.com/community/view-product.jspa?fsku=2808484,2816276,3051887&amp;nsku=31AC5274,31AC4597,02AH3164&amp;COM=noscript" target="_blank"><span class="pf-widget-map pf-productlink-cart-icon"></span></a><a class="jive-link-product pf-embedded-product-link" href="https://www.element14.com/community/view-product.jspa?fsku=2808484,2816276,3051887&amp;nsku=31AC5274,31AC4597,02AH3164&amp;COM=noscript" target="_blank">Buy Kit</a></span><span class="e14-init-hidden" id="addProduct-9rV30YU5-unlinked">Buy Kit</span></span></th></tr></thead><tbody><tr><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Development Kit, STS-Pi Roving Robot Kit For Raspberry Pi</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Pimoroni</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">1</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;"><span><span class="e14-init-shown e14-product-link-buynow" id="addProduct-oz5C0sHE-linked" style="white-space:nowrap;"><a class="jive-link-product-addtolist" href="https://www.element14.com/community/view-product.jspa?fsku=2808484&amp;nsku=31AC5274&amp;COM=noscript" target="_blank"><span class="pf-widget-map pf-productlink-cart-icon"></span></a><a class="jive-link-product pf-embedded-product-link" href="https://www.element14.com/community/view-product.jspa?fsku=2808484&amp;nsku=31AC5274&amp;COM=noscript" target="_blank">Buy Now</a></span><span class="e14-init-hidden" id="addProduct-oz5C0sHE-unlinked">Buy Now</span></span></td></tr><tr><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Raspberry Pi DC Stepper Motor Hat Development Board</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Adafruit</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">1</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;"><span><span class="e14-init-shown e14-product-link-buynow" id="addProduct-CxxTEtrg-linked" style="white-space:nowrap;"><a class="jive-link-product-addtolist" href="https://www.element14.com/community/view-product.jspa?fsku=2816276&amp;nsku=31AC4597&amp;COM=noscript" target="_blank"><span class="pf-widget-map pf-productlink-cart-icon"></span></a><a class="jive-link-product pf-embedded-product-link" href="https://www.element14.com/community/view-product.jspa?fsku=2816276&amp;nsku=31AC4597&amp;COM=noscript" target="_blank">Buy Now</a></span><span class="e14-init-hidden" id="addProduct-CxxTEtrg-unlinked">Buy Now</span></span></td></tr><tr><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Single Board Computer, Raspberry Pi 4 Model B</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">Adafruit</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;">1</td><td style="border:1px solid black;border:1px solid #C6C6C6;padding:6px;"><span><span class="e14-init-shown e14-product-link-buynow" id="addProduct-QKrMJ0IV-linked" style="white-space:nowrap;"><a class="jive-link-product-addtolist" href="https://www.element14.com/community/view-product.jspa?fsku=3051887&amp;nsku=02AH3164&amp;COM=noscript" target="_blank"><span class="pf-widget-map pf-productlink-cart-icon"></span></a><a class="jive-link-product pf-embedded-product-link" href="https://www.element14.com/community/view-product.jspa?fsku=3051887&amp;nsku=02AH3164&amp;COM=noscript" target="_blank">Buy Now</a></span><span class="e14-init-hidden" id="addProduct-QKrMJ0IV-unlinked">Buy Now</span></span></td></tr></tbody></table><p style="margin:0;padding:0px;">&nbsp;</p><h2><span style="color:#3334ca;">Supplemental Content:</span></h2><p style="margin:0;padding:0px;">&nbsp;</p><ul><li><span style="color:#3334ca;"><a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/w/documents/4788/smartphone-controlled-diy-rover-using-websockets-ssh-setup">Smartphone Controlled DIY Rover Using Websockets: SSH Setup</a></span></li><li><span style="color:#3334ca;"><a class="jive-link-wiki-small" href="/challenges-projects/element14-presents/w/documents/4789/getting-started-with-flask-and-websockets">Getting Started with Flask and Websockets</a></span></li></ul><div style="clear:both;"></div> <div style="font-size: 90%;">Tags: visualization, learn, tutorial, intro, webserver, webapp, client, ide, python, fusion 360, html, education, rc, e14presents_makerbro, project, internet of things, web, sensors, build, developer, robotics, robots, robot, os x, 3D Printing, diy, programming, makers, cad, weather, embedded, micropython, sparkfun, raspberry pi, windows, tutorials, nodemcu, friday release, app, iot, engineering, wireless, creative, electronics, guide, datalogger, c++, Easy, adafruit, data, server, arduino, introduction, friday_release, sensor, fun, communication, linux, beginner</div>