{"id":833,"date":"2021-03-17T08:25:23","date_gmt":"2021-03-17T08:25:23","guid":{"rendered":"https:\/\/thinkerspace.my\/makerkit\/?p=833"},"modified":"2021-03-22T07:38:25","modified_gmt":"2021-03-22T07:38:25","slug":"tutorial-button-switch","status":"publish","type":"post","link":"https:\/\/thinkerspace.my\/makerkit\/tutorial-button-switch\/","title":{"rendered":"Tutorial Button Switch"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px|||||&#8221;][et_pb_row _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;3px|8px||||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221;][et_pb_blurb title=&#8221;First Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/tinker.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Open TinkerCode app in your browser<\/p>\n<p>Click <a href=\"https:\/\/app.tinkercode.my\/\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a> to go to TinkerCode app!<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Second Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/2nd.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Drop setup block and adruino loop from Base Controller menu<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Third Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/l3rd.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p><span>Create new variable with any names suitable from Variables menu. Create 3 different variable for different switch button\u00a0<\/span><\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Fourth Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/s4th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Drop the variable name&#8217;s block that you created<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Fifth Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/s5th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Go to Adruino menu and drop DigitalRead block<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Sixth Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/s6th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Duplicate the block to three by clicking right click &gt; Duplicate. Set the different variable that you created and set the pin number follow the button at Maker Kit\u00a0<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Seventh Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/s7th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Drop the condition block from Logic menu<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Eighth Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/l6th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Click the &#8216;setting&#8217; icon and drag else under if<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Ninth Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/s9th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Drop the mathematical symbol block from Logic menu<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Tenth Step &#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/s10th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Drop DigitalWrite block from Adruino menu<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Eleventh Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/s11th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Duplicate the DigitalWrite block and set Stat one as HIGH = ON and the other one is LOW = OFF<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Twelfth Step &#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/s12th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>From Variable menu, drop the variable block that you have created inside the mathematical symbol block<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Thirteenth Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/s13th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>For the other side of mathematical symbol block, drop the number block from Math menu<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Fourteenth Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/s14th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Duplicate all of the block. Then, change the variable to different variable that you created. Next, change pin number follow the LED pin number at Maker Kit device<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Fifteenth Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/7th.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Plug in Maker Kit USB to your laptop or computer<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Sixteenth Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/8th-1.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Set Board Type and Port in setting according your Maker Kit port. Next, click Update button<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Seventeenth Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/6thh-1.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>Lastly, click upload button to upload your program to Maker Kit device<\/p>\n<p>[\/et_pb_blurb][et_pb_blurb title=&#8221;Awesome pop up says your program is all set. See the result!&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/9th-2.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;][\/et_pb_blurb][et_pb_blurb title=&#8221;Result&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/sresult.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||45px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;]<\/p>\n<p>The LED will light up when you press the button. Enjoy!<\/p>\n<p>[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221;][et_pb_video src=&#8221;https:\/\/youtu.be\/7o4NZapFDAk&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221;][\/et_pb_video][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px|||||&#8221;][et_pb_row _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;3px|8px||||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221;][et_pb_blurb title=&#8221;First Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/tinker.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;] Open TinkerCode app in your browser Click here to go to TinkerCode app! [\/et_pb_blurb][et_pb_blurb title=&#8221;Second Step&#8221; image=&#8221;https:\/\/thinkerspace.my\/makerkit\/wp-content\/uploads\/2021\/03\/2nd.png&#8221; _builder_version=&#8221;4.8.2&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; custom_margin=&#8221;||80px|||&#8221; border_width_all_image=&#8221;1px&#8221; border_color_all_image=&#8221;#000000&#8243;] Drop setup block and adruino loop from Base Controller menu [\/et_pb_blurb][et_pb_blurb title=&#8221;Third [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":1131,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[13,10],"tags":[],"class_list":["post-833","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-makerkit-nano","category-tutorial"],"_links":{"self":[{"href":"https:\/\/thinkerspace.my\/makerkit\/wp-json\/wp\/v2\/posts\/833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thinkerspace.my\/makerkit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thinkerspace.my\/makerkit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thinkerspace.my\/makerkit\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/thinkerspace.my\/makerkit\/wp-json\/wp\/v2\/comments?post=833"}],"version-history":[{"count":6,"href":"https:\/\/thinkerspace.my\/makerkit\/wp-json\/wp\/v2\/posts\/833\/revisions"}],"predecessor-version":[{"id":1133,"href":"https:\/\/thinkerspace.my\/makerkit\/wp-json\/wp\/v2\/posts\/833\/revisions\/1133"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thinkerspace.my\/makerkit\/wp-json\/wp\/v2\/media\/1131"}],"wp:attachment":[{"href":"https:\/\/thinkerspace.my\/makerkit\/wp-json\/wp\/v2\/media?parent=833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thinkerspace.my\/makerkit\/wp-json\/wp\/v2\/categories?post=833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thinkerspace.my\/makerkit\/wp-json\/wp\/v2\/tags?post=833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}