小朋友能上手的物联网编程学习网站

小朋友能上手的物联网编程学习网站

网站webduino.io

小朋友能上手的物联网编程学习网站_第1张图片
image

2015年,一群位于台湾高雄的热血开发者们,凭着对网页技术源源不绝的热情,实现真正用Web串接Arduino的技术,利用图形化的程式编辑介面,搭配自行研发的开发版,纯粹撰写 HTML与Javascript的网页语法,就能够玩转各式各样的传感器,为广大的开发者和网页设计师,创造了前所未有的开发模式,并致力于降低踏入物联网世界的门槛,坚持用最 轻松简单的方式,实现IoT开发教育。

点亮LED灯

打开网站 例子

小朋友能上手的物联网编程学习网站_第2张图片
image

目标

  • 透过简单的程式积木搭配模拟器来点亮 LED 灯泡!在模拟器中,你必须将灯泡真的连接在程式指定的脚位才能点亮

编写程序

  • 点击点亮LED灯,打开如下界面


    小朋友能上手的物联网编程学习网站_第3张图片
    image
  • 拖动开发版到JavaScrip面板


    小朋友能上手的物联网编程学习网站_第4张图片
    image

    小朋友能上手的物联网编程学习网站_第5张图片
    image
  • 拖动LED灯的设定到JavaScrip面板,并嵌套到开发版里


    小朋友能上手的物联网编程学习网站_第6张图片
    image

    小朋友能上手的物联网编程学习网站_第7张图片
    image
  • 拖动led设定状态on到JavaScript面板,并嵌套到开发版里


    小朋友能上手的物联网编程学习网站_第8张图片
    image

    小朋友能上手的物联网编程学习网站_第9张图片
    image
  • 拖动教学积木灯泡到JavaScript面板,并嵌套到开发版里


    小朋友能上手的物联网编程学习网站_第10张图片
    image

    小朋友能上手的物联网编程学习网站_第11张图片
    image

设置模拟器

  • 点击模拟器区域图标


    小朋友能上手的物联网编程学习网站_第12张图片
    image
  • 点击元件,拖动开发版和led灯到主画面


    小朋友能上手的物联网编程学习网站_第13张图片
    image

    小朋友能上手的物联网编程学习网站_第14张图片
    image
  • 将led的短脚连到开发片GND,长脚连到开发版10脚们


    小朋友能上手的物联网编程学习网站_第15张图片
    image
  • 点击执行程序,如果程序编写正确,模拟器连接成功led灯和网页灯会同时亮


    小朋友能上手的物联网编程学习网站_第16张图片
    image

    小朋友能上手的物联网编程学习网站_第17张图片
    image

你可能感兴趣的:(小朋友能上手的物联网编程学习网站)