{"id":5968,"date":"2022-12-07T06:05:00","date_gmt":"2022-12-07T06:05:00","guid":{"rendered":"https:\/\/digm.drexel.edu\/uxid\/?p=5968"},"modified":"2023-01-12T18:40:22","modified_gmt":"2023-01-12T18:40:22","slug":"reading-realm-led-neopixel","status":"publish","type":"post","link":"https:\/\/philsinatra.net\/branches\/uxid\/2022\/12\/07\/reading-realm-led-neopixel\/","title":{"rendered":"Reading Realm LED NeoPixel"},"content":{"rendered":"\n<h3><strong>Leanne Chin<\/strong><\/h3>\n\n\n\n<p><strong>IDM 382: Internet of Things<br>Fall 2020<\/strong><\/p>\n\n\n\n<p>Over the past 11 weeks, I worked on developing a device using the Internet of Things to be able to control a series of NeoPixel lights using a web browser in order to promote the use of technology to better the fundamental developmental growth of early childhood education. Through this project, I not only learned about the educational benefits that colors bring to a child\u2019s education but also the process of understanding how to wire breadboards and work with Arduino without short-circuiting any equipment. I learned how to use a variety of different tools to reach my goal of working on my device online and how to adapt my code to each program.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2022\/12\/Reading-Realm-LED-NeoPixel-.png\" alt=\"\" class=\"wp-image-5969\" width=\"815\" height=\"541\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2022\/12\/Reading-Realm-LED-NeoPixel-.png 536w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2022\/12\/Reading-Realm-LED-NeoPixel--300x199.png 300w\" sizes=\"(max-width: 815px) 100vw, 815px\" \/><\/figure><\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\"\/>\n\n\n\n<h3>Goals<\/h3>\n\n\n\n<ul><li>TrackAllow online access from online dashboard to control LED lights<\/li><li>Debug problem with sticky buttons<\/li><li>Debug problem where clicking onto one button<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3>Final Presentation<\/h3>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"http:\/\/leannekchin.com\/wp-content\/uploads\/2020\/12\/IDM382-Final-Record.mp4\"><\/video><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3>Future Plans<\/h3>\n\n\n\n<ul><li>Seeing if it is possible to attach a projector to the Arduino<\/li><li>Developing an interactive story book projector that reacts to the buttons that are pressed using IoT<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3>Sample Code<\/h3>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\"> void loop() {\n  ArduinoCloud.update();\n  \/\/ Your code here \n  \/\/Serial.println(\"looping\");\n  \n  for(int i=0;i&lt;NUMPIXELS;i++){\n\n    \/\/ pixels.Color takes RGB values, from 0,0,0 up to 255,255,255\n    pixels.setPixelColor(i, pixels.Color(redColor, greenColor, blueColor)); \/\/ Moderately bright green color.\n\n    pixels.show(); \/\/ This sends the updated pixel color to the hardware.\n\n    delay(delayval); \/\/ Delay for a period of time (in milliseconds).\n    \n    \/\/ Serial.println(i);\n    \n  }\n  \n} \/\/ END LOOP \n\n\nvoid onLEDbuttonChange() {\n  \/\/ Do something\n}\n\nvoid onButton1Change() {\n  \/\/ Do something\n  \n  Serial.println(\"virtual button click\");\n  \n  lEDbutton = \"Button Color 1 Pushed\";\n    \n    noColor();\n  \n} \/\/ End Here\n\nvoid onButton2Change() {\n  \/\/ Do something\n  \n  lEDbutton = \"Button Color 2 Pushed\";\n  \n  setColor();\n  \n} \/\/ End Here\n\n\nvoid onButton3Change() {\n  \/\/ Do something\n  \n  lEDbutton = \"Button Color 3 Pushed\";\n  \n  setColor2();\n}\n\nvoid noColor() {\n  redColor = 0;\n  greenColor = 0;\n  blueColor = 0;\n};\n\n\nvoid setColor(){\n  redColor = 0;\n  greenColor = 255;\n  blueColor = 255;\n  Serial.print(\"red: \");\n  Serial.print(\"green: \");\n  Serial.print(\"blue: \");\n  \n};\n\nvoid setColor2() {\n  redColor = 255;\n  greenColor = 0;\n  blueColor = 255;\n};\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Leanne Chin IDM 382: Internet of ThingsFall 2020 Over the past 11 weeks, I worked on developing a device using the Internet of Things to be able to control a series of NeoPixel lights using a web browser in order to promote the use of technology to better the fundamental &hellip;<\/p>\n","protected":false},"author":8,"featured_media":5970,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[11,9],"tags":[21],"_links":{"self":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/5968"}],"collection":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/comments?post=5968"}],"version-history":[{"count":4,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/5968\/revisions"}],"predecessor-version":[{"id":5995,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/5968\/revisions\/5995"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/media\/5970"}],"wp:attachment":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/media?parent=5968"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/categories?post=5968"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/tags?post=5968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}