Difference between revisions of "KS0456 Keyestudio Honeycomb Smart Wearable Coding Kit for Micro:bit"

From Keyestudio Wiki
Jump to: navigation, search
(Project 9: Capacitive Touch)
(Project 9: Capacitive Touch)
Line 811: Line 811:
 
Touch the module’s sensing area, the micro:bit main board will show a heart shape icon. No touch, the LED matrix will show another icon.<br>
 
Touch the module’s sensing area, the micro:bit main board will show a heart shape icon. No touch, the LED matrix will show another icon.<br>
 
[[File:0456=50.png|700px|frameless]]<br>
 
[[File:0456=50.png|700px|frameless]]<br>
 +
 +
 +
 +
==Resources Link==
 +
'''1)''' Keyestudio Official Website: http://www.keyestudio.com/ <br>
 +
 +
'''2)''' Keyestudio WIKI Website: http://wiki.keyestudio.com/<br>
 +
 +
'''3)''' User Guide Download: <br>
 +
https://drive.google.com/open?id=1d5ZKPxedhzJ8Gw6eJmbHmBIzbmNtmR1z<br>
 +
 +
'''4)''' Source Code for All projects: <br>
 +
 +
https://drive.google.com/open?id=1Bsr5cAwEr2RhPYiU81weKX57dVHVeNih<br>
 +
'''5)''' Code Libraries Download:  <br>
 +
https://github.com/xuefengedu/pxt-lcd1602_CN<br>
 +
 +
'''6)''' Micro:bit Driver Software: <br>
 +
https://drive.google.com/open?id=1DMwiSb91XnIRtTaYvIEIil6zrAHVuHmt<br>
 +
 +
'''9)''' BBC micro bit Pins: http://microbit.org/guide/hardware/pins/ <br>
 +
'''10)''' BBC micro:bit website: http://microbit.org/<br>
 +
'''11)''' Micro:bit MakeCode Block Editor: https://makecode.microbit.org/<br>
 +
'''12)''' Code Block Reference: https://makecode.microbit.org/reference <br>
 +
'''13)''' Meet micro:bit starter programming: http://microbit.org/guide/<br>
 +
'''14)''' BBC micro:bit Features Guide: http://microbit.org/guide/features/<br>
 +
'''15)''' BBC micro:bit Safety Warnings: http://microbit.org/guide/features/<br>
 +
'''16)''' BBC micro:bit Quick Start Guide: http://microbit.org/guide/quick/<br>

Revision as of 08:46, 12 September 2019

Keyestudio Honeycomb Smart Wearable Coding Kit for Micro:bit


Kit Guide

The BBC micro:bit is a tiny programmable computer designed to make learning and teaching easy and fun! This embedded board has a Bluetooth, USB interface, accelerometer, compass, light and temperature sensors, 5x5 LED matrix, buttons, and edge connectors for accessories.
Keyestudio Honeycomb Smart wearable Kit for Micro:bit is designed for people who is at the door step of learning electric circuit and programming knowledge.
The kit has provided some basic electronic modules like RGB LED, button, buzzer, TEMT6000 light module and more. You can not only learn basic knowledge of these modules, but also use it to design circuit.
With the help of Micro:bit programming technique, your circuit becomes more animated. Micro:bit Starter kit can help you enter a wonderful of electronic world.  

thumb


Kit List

No. Component Quantity Picture
1 BBC micro:bit main board 1
thumb
2 keyestudio Edge Connector IO Breakout Board for micro:bit 1
thumb
3 Keyestudio micro:bit 1W LED Module 1
thumb
4 Keyestudio micro:bit 5050 RGB Module 1
thumb
5 keyestudio micro:bit Tactile Button Module 1
thumb
6 Keyestudio micro:bit Capacitive Touch Module 1
thumb
7 Keyestudio micro:bit TEMT6000 Light Module 1
thumb
8 keyestudio micro:bit PIR Motion Module 1
thumb
9 keyestudio micro:bit Microphone Module 1
thumb
10 keyestudio micro:bit Passive Buzzer Module 1
thumb
11 Black USB cable 1m 1
thumb
12 Alligator clip cable 10
thumb



micro:bit Driver Installation

Next, let’s install the driver for micro:bit main board.
1) First of all, connect the micro:bit to your computer using a USB cable.
thumb

2)Then, double click the driver software to install it. Here you can click the icon below to download it.thumb

thumb

3) After that, click Next to continue the installation.
thumb

4) Wait the driver installing finished.
thumb

5) Wait the driver installing finished.
thumb

6) Driver installation completed, then you can right click the “Computer” —> “Properties”—> “Device Manager”.
thumb
You can check the detailed Ports information shown as below.
thumb

micro:bit Example Use

Step 1: Connect It

Connect the micro:bit to your computer via a micro USB cable. Your micro:bit will show up on your computer as a drive called 'MICROBIT'.
thumb

Step 2: Program It

Using micro bit MakeCode Block editor https://makecode.microbit.org/, write your first micro:bit code.
You can drag and drop some example blocks and try your program on the Simulator in the Javascript Blocks Editor, like in the image below.
thumb

Click the JavaScript, you can see the corresponding program code. Shown as below figure.
thumb

Step 3: Download It

Click the Download button in the editor. This will download a 'hex' file, which is a compact format of your program that your micro:bit can read. Here you can name the project as LED1, then click “Save”. Shown below.
thumb

Once the hex file has downloaded, copy it to your micro:bit just like copying a file to a USB drive. On Windows find the microbit-LED1 file, you can right click and choose "Send To→MICROBIT."
thumb

thumb

Step 4: Play It

The micro:bit will pause and the yellow 5*5 LED on the back of the micro:bit will display the images while your code is programmed.
thumb

You can power it using USB cable or battery. The battery holder need to connect two 1.5V AA batteries. Shown below.
thumb


micro:bit Pins

Before getting started with the following projects, first need to figure out each pin of micro:bit main board. Please refer to the reference diagram shown below.
thumb
The BBC micro:bit has 25 external connections on the edge connector of the board, which we refer to as ‘pins’. The edge connector is the grey area on the right side of the figure above. There are five large pins, that are also connected to holes in the board labelled: 0, 1, 2, 3V, and GND. And along the same edge, there are 20 small pins that you can use when plugging the BBC micro:bit into an edge connector.

Note that it read from the BBC micro:bit official website. More reference you can click the link below:
BBC micro bit Pins: http://microbit.org/guide/hardware/pins/
BBC micro:bit website: http://microbit.org/
Micro bit MakeCode Block Editor: https://makecode.microbit.org/
Meet micro:bit starter programming: http://microbit.org/guide/
BBC micro:bit Features Guide: http://microbit.org/guide/features/
BBC micro:bit Safety Warnings: http://microbit.org/guide/features/
BBC micro:bit Quick Start Guide: http://microbit.org/guide/quick/


thumb thumb


Getting Started with Micro:bit Projects


The BBC micro:bit is a tiny programmable computer designed to make learning and teaching easy and fun!
Combine the micro:bit main board, keyestudio Edge Connector IO Breakout Board for micro:bit, and other sensor modules to make your own micro:bit projects. Looking to discover more coding projects for micro:bit.

Project 1: Hello

Overview
This project is very simple. You can use only a micro:bit main board and a USB cable to display the “Hello!”. This is an entry experiment for you to enter the programming world of micro:bit.


Components:

  • Micro:bit main board*1
  • USB cable*1


Pre-Test:
So let's test our micro:bit before programming it. There are two ways to test your micro:bit.

  • 1.via USB cable: You can test your micro:bit just to see if it is working fine or not. To do so connect your micro:bit to your computer via USB cable and wait for a second your micro:bit will display "HELLO" by blinking LEDs. If it does, then it is working fine.
  • 2.via Battery Connector: Insert batteries into battery box and connect your micro:bit via power pins and then see if it's displaying "HELLO". If it does, then it is working fine.


thumb


Coding
So now let's move to coding. Let us see how we can code and display "Hello" manually. Below are some steps to follow.
1. Open the https://makecode.micro:bit.org/#editor to write your code. Microsoft MakeCode is actually a platform that allows us to code for a micro:bit, and also provides an interactive simulator where we can debug and run our code, and will be able to see what to expect out right there on the site.


Go to MakeCode and choose My Projects and click on New Projects.

thumb


After this, you will see the following screen. As we can see that there is one micro:bit simulator, which will show the output instantly when we will finish writing our code.


2.Tools
We can see that there are different tools to program the micro:bit just next to simulator. It is quite easy to program by dragging and dropping the blocks, and if you want to see the codes behind, then you can click on JavaScript and it will display JavaScript code there in IDE.

thumb


3.Display "Hello,world!"
Let's get started and display "Hello, KEYESTUDIO!" on our micro:bit. To do so, you just need to go to Basic and scroll down to see an on start block.
Now drag and drop, and go to Led and click more to drag the block led enable(True) out;
And again go to Basic and search for the show string <hello> block. That's all; now you will see HELLO on your simulator.

thumb


After completing this step micro:bit will restart itself and run the code. It will display "HELLO" there on the simulator. Quite easy? Yeah, quite easy. So let's move on and code for the rest.
Now drag and drop, and again go to Basic and search for the show string <hello> block; change the word to KEYESTUDIO and add a pause block in milliseconds.
thumb


That's all for the coding part.
Name and download your program that you have written.
thumb


Run Code on Micro:bit
Now let us see how to run our code on the actual Micro:bit.

  • Plug in the Micro:bit to a computer via USB.
  • After plugging in, you should see Micro:bit drive on your computer.


thumb


Now go to your download folder and right-click to send the downloaded microbit Hex file to your micro:bit main board.
Now wait for a second for Micro:bit to restart, and it will start displaying output automatically.

thumb


Code:

thumb


Project 2: Buttons


Overview
The micro:bit main board comes with 3 buttons. One for reset; button A and B are used as control button. The micro:bit has 25 individually-programmable LEDs, allowing you to display text, numbers, and images.
In this project, we are going to use the two built-in buttons to make the LED matrix showing the patterns.
There are two test codes for you. One is without loop function; the other is with loop function.

0456图片25.png


Hardware Components:

  • Micro:bit main board*1
  • USB cable*1


Coding
So now let's move to coding. Let us see how we can code and display different icons via button control. Below are some steps to follow.
Open the https://makecode.micro:bit.org/#editor to write your code.
Microsoft MakeCode is actually a platform that allows us to code for a micro:bit, and also provides an interactive simulator where we can debug and run our code, and will be able to see what to expect out right there on the site.
Go to MakeCode and choose My Projects and click on New Projects.
If you want to see the codes behind, then you can click on JavaScript and it will display JavaScript code there in IDE.

0456图片14.png


LED Display
Let's get started and display different icons on our micro:bit. To do so, you just need to go to Basic and scroll down to see an on start block.
Now drag and drop, and go to Led and click more to drag the block led enable(false) out; choose true.
On the micro:bit main board, we can see the button A and B. Now we set the buttons to make the led matrix show different icons.
Now go to input, drag and drop the block on button()pressed; and duplicate it twice. Separately change the button to button A, B, A+B.
And again go to Basic and search for the show leds block; duplicate the block twice and drag these blocks into the button block you just made.
You can show different icons as you like by drawing the leds.
0456图片28.png


After completing this step micro:bit will restart itself and run the code. It will display icons on the simulator. Quite easy? Yeah, quite easy. So let's move on and name and download the program you’ve written.
02456图片29.png


Run Code on Micro:bit
Downloaded well the code, connect the micro:bit to your computer with a micro USB cable. You can right-click the microbit HEX file to send to your micro:bit main board. See what will show on micro:bit.
0456图片30.png


Code 1:
02456图片31.png

Furthermore, you can change to use the forever block and logic conditionals to make the same function.
0456图片32.png
0456图片33.png

Go to the Basic and scroll down to see a forever block. Now drag and drop, and go to Logic and search for if (true) then ... block. Drag this block into forever block.
Go to input, drag and drop the block button () is pressed to replace the (true). And again go to Basic and search for the show leds block; change the led display as you want. We draw a big heart shape.
0456图片34.png


So let's move on and can duplicate this whole block twice. Just change the button and leds show.
Go to finish the code by yourself. After that, download and send the microbit hex file to your micro:bit main board. See what result it will make.

Code 2:
0456图片35.png

Result
Done sending the code 1 or code 2 to micro:bit.
Press down the button A, LED matrix on the micro:bit main board will show a heart shape icon.
0456图片36.png

Press the button B, LED matrix will show a diamond shape icon.
0456图片37.png


Press the button A and B at the same time, LED matrix shows another different icon.
tumble



Project 3: Accelerometer


Overview
An accelerometer measures the acceleration of your micro:bit; this component senses when the micro:bit is moved.
The compass detects the earth's magnetic field, allowing you to detect which direction the micro:bit is facing.
In this project, you will learn how to use both accelerometer and compass to make LED matrix show the images. Besides, learn to test the 3-axis acceleration, showing on the LED matrix and serial monitor.

0456图片-1.png


Components:

  • Micro:bit main board*1
  • USB cable*1

Coding
So now let's move to coding. Let us see how we can code and display different icons via controlling the micro:bit direction. Below are some steps to follow.
Open the https://makecode.micro:bit.org/#editor to write your code.
Microsoft MakeCode is actually a platform that allows us to code for a micro:bit, and also provides an interactive simulator where we can debug and run our code, and will be able to see what to expect out right there on the site.
Go to MakeCode and choose My Projects and click on New Projects.
If you want to see the codes behind, then you can click on JavaScript and it will display JavaScript code there in IDE.
02456图片26.png


LED Display
Let's get started and display different icons on our micro:bit when move micro:bit in different direction. To do so, you just need to go to Basic and scroll down to see an on start block.
Now drag and drop, and go to Led and click more to drag the block led enable(false) out; choose true.
Now go to input, drag and drop the block on (shake); and duplicate it for six times. Choose the posture you want.
0456图片-3.png

And again go to Basic and drag the show leds block into the block you just made. You can duplicate the leds display block and choose to draw different led icons as you like.
0456图片-4.png

So let's move on and name and download the program you’ve written.
0456图片-5.png
0456图片-6.png


Run Code on Micro:bit
Downloaded well the code, connect the micro:bit to your computer with a micro USB cable. You can right-click the microbit HEX file to send to your micro:bit main board. See what will show on micro:bit when move the micro:bit.
0456图片15.png

Code 1:
0456图片-8.png
Result
Done sending the code 1 to micro:bit, when we move the micro:bit logo up, LED matrix will show the first icon set in the code;
0456图片-9.png

Move the micro:bit pin logo down, LED matrix will show the second icon set in the code;
Place the micro:bit horizontally, make the matrix screen up, LED matrix will show the third icon set in the code;
0456图片-10.png

Place the micro:bit horizontally, make the matrix screen down, LED matrix will show the fourth icon set in the code;
Shake the micro:bit board, LED matrix will show the fifth icon set in the code;
When the micro:bit main board is tilted left, LED matrix will show a left arrow icon; if tilted right, LED matrix will show a right arrow icon.
0456图片-10.png

Showing X-Y-Z axis Data
Go further, let's get started and display acceleration X-Y-Z axis data on our micro:bit when move micro:bit in different direction.
To run code when the program starts, you just need to go to Basic and scroll down to see an on start block.
Now drag and drop, and again go to Basic and click more to drag the block clear screen out; means turn off all LEDs.
0456图片-12.png

Now go to the Basic and scroll down to see a forever and show string block. Now drag and drop, and duplicate it. Change the word to a capital letter.
Go to input, drag and drop the block acceleration(mg){x} into show string block.
0456图片-13.png
Duplicate this piece of block for several times, and separately change the string <hello> block to X, Y, Z.
Next, we go to Serial, drag and drop the block serial write value(x)=(0)
0456图片-14.png
In this way it can write the acceleration value to the serial port and show it on monitor. Go to input, drag and drop the block acceleration(mg){x} to replace the (0) field. 0456图片-15.png
After that, duplicate this piece of code block twice and change the value to Y, Z.
0456图片-16.png
So let's move on and name and download the program you’ve written.
0456图片-17.png

Run Code on Micro:bit
Downloaded well the code, connect the micro:bit to your computer with a micro USB cable. You can right-click the microbit HEX file to send to your micro:bit main board. See what will show on micro:bit when move the micro:bit.
0456图片15.png

Code 2:
0456图片-19.png

Result
Done sending the code 2 to micro:bit, we can work out the 3-axis X, Y, Z acceleration data, with a unit of mg.
On one hand, see the data scroll on the micro:bit LED matrix; on the other hand, check the data on the serial monitor of Arduino IDE.
0456图片-20.png
0456图片-21.png
Note: the baud rate of micro:bit is defaulted by 115200.

Project 4: Temperature

Overview
The temperature sensor allows the micro:bit to detect the current temperature of the device, in degrees and Celsius.
In this project, you will learn how to use the temperature sensor to detect the ambient temperature, showing the data on the LED matrix.

0456图片-22.png


Components:

  • Micro:bit main board*1
  • USB cable*1

Coding
So now let's move to coding. Let us see how we can code and display ambient temperature value. Below are some steps to follow.
Open the https://makecode.micro:bit.org/#editor to write your code.
Microsoft MakeCode is actually a platform that allows us to code for a micro:bit, and also provides an interactive simulator where we can debug and run our code, and will be able to see what to expect out right there on the site.
Go to MakeCode and choose My Projects and click on New Projects.
If you want to see the codes behind, then you can click on JavaScript and it will display JavaScript code there in IDE.
02456图片26.png
Temperature Display
Let's get started and display ambient temperature value on our micro:bit. To do so, you just need to go to Basic and scroll down to see an on start block.
Now drag and drop, and again go to Basic and click more to drag the block clear screen out; means turn off all LEDs.
0456图片-12.png
Now go to the Basic and scroll down to see a forever and show number(0) block. Drag the forever block beneath the on start block. And drag the show number(0) block into the forever block.
Go to input, drag and drop the block temperature (℃) into show number(0) block, replacing the “0” field.
0456图片-25.png
Next, we go to Serial, drag and drop the block serial write value(x)=(0) In this way it can write the acceleration value to the serial port and show it on monitor. Change the “x” to temperature and duplicate the block temperature (℃) to replace the “0” field.
0456图片-26.png
And again go to Basic and search for the pause(ms) block; drag this block into the serial write value block you just made. Give a delay time in milliseconds to output the data.
0456图片-27.png
After completing this step micro:bit will restart itself and run the code. It will display icons on the simulator. Quite easy? Yeah, quite easy.
So let's move on and name and download the program you’ve written.
700px
Run Code on Micro:bit
Connect the micro:bit to your computer with a micro USB cable. You can right-click the microbit HEX file to send to your micro:bit main board.
0456图片15.png


Result
Done sending the code to micro:bit, it can work out the current ambient temperature, with unit of ℃.
On one hand, see the data scroll on the micro:bit LED matrix; on the other hand, check the data on the serial monitor of Arduino IDE. Shown below.
0456图片-31.png
0456图片-32.png
Note: the baud rate of micro:bit is defaulted by 115200.

Project 5: Bluetooth

Overview
The BLE (Bluetooth Low Energy) allows the micro:bit to control phones and tablets over Bluetooth.
In this project, we connect micro:bit with ipad to realize the wireless transmission code function. Note the use methods of Android phone is similar to the ipad’s.
Components:

  • Micro:bit main board*1
  • USB cable*1
0456图片-33.png


Connect the micro:bit to your computer with a micro USB cable.
0456图片15.png
Test Steps
① Open the App store on your ipad/iPhone.
Search the micro:bit to download and install.
0456图片-34.png

Pair ipad and micro:bit main board for connection.
② Open the micro:bit APP, click Choose micro:bit to pair the Bluetooth.
0456图片-35.png

 Click Pair a micro:bit, and click Next.
0456图片-36.png

Power on the micro:bit main board, HOLD the A and B buttons, then press and release RESET button. The micro:bit main board will enter the Bluetooth pairing mode. You should see an image showing on the LED matrix.
Then click “Next”.
0456图片-37.png

⑤ Copy the pattern from your micro:bit device and tap Next.
0456图片-38.png

⑥ OK, pairing successful!
0456图片-39.png
0456图片-40.png
0456图片-41.png

Create Code
Pairing successful, we begin to write the code with APP.
Open the APP, tap Create Code to write your code.
0456图片-43.png

Click settings gear0456图片-50.png, choose Project Settings.
0456图片-44.png

Open the first option No Pairing Required, and save the settings.
0456图片-45.png

Tap icons0456图片-46.png to set the project name and save it.
0456图片-47.png

Done saving the code, direct to upload the code you just made.
0456图片-48.png

Special note: uploading the code, make sure the LED matrix display the icon, so that the code upload success.
Done uploading the code, appear the interface as shown below. Flashing successful.
0456图片-49.png

Project 6: LED Flash

Overview
keyestudio 1W LED Module For BBC micro:bit (Black and Eco-friendly) This LED module is fully compatible with micro:bit control board. It will emit the white light. The maximum operating current is 400mA, and the maximum power is 1W. When using, connect the LED module to micro:bit control board using Crocodile clip line.
There are total 6 rings on the module. Two G rings, two V rings and two S rings are separately connected.
When using, G ring for ground; V for 3V; S for signal pin (0 1 2). When signal end is HIGH, LED lights.

0456=1.png


Technical Parameters

  • Working voltage: DC 3.0-3.3V
  • Working current: 400mA
  • Power: 1W
  • Light Color: white
  • Dimensions: 31mm*27mm*8mm
  • Weight: 2.4g
  • Environmental attributes: ROHS


Hardware Required:

  • Micro:bit main board *1
  • keyestudio 1W LED Module for micro:bit *1
  • Alligator clip cable *3
  • USB cable *1


Connection Diagram
Connect the keyestudio 1W LED Module to micro:bit main board with 3 Alligator clip cables. Ring S to P0, V to 3V, G to GND. Connect the micro:bit to your computer with a micro USB cable. 
0456=2.png


Coding
So now let's move to coding. Let us see how we can code the LED flash. Below are some steps to follow.
Open the https://makecode.micro:bit.org/#editor to write your code.
Microsoft MakeCode is actually a platform that allows us to code for a micro:bit, and also provides an interactive simulator where we can debug and run our code, and will be able to see what to expect out right there on the site.

Go to MakeCode and choose My Projects and click on New Projects.
If you want to see the codes behind, then you can click on JavaScript and it will display JavaScript code there in IDE.
02456图片26.png

LED Flash
Let's get started and code the LED flash. To do so, you just need to go to Basic and scroll down to see an on start block.
Now drag and drop, and go to Led and click more to drag out the block led enable(false) into on start block.
0456=3.png

And again go to Basic and drag the forever block beneath the on start block you just made.
Go to the Pins, drag and drop the digital write pin(P0) to (0) block into forever block.
0456=4.png
Look back at the connection diagram, we connect the signal pin to P0. So we select the P0 in the code; and change the 0 to 1, which means input a HIGH level to the pin so as to lit the LED.
0456=5.png
Then we can duplicate the block and change the value to 0, means input a LOW level to the pin to turn off the LED.

If we want to make the LED keep ON for a few seconds, able to add a pause (ms) block. This delay period is in milliseconds, so if you want the LED display as fast, change the value, try 500ms.
0456=6.png
0456=7.png
After completing the code, let's move on to name and download the program we’ve written.
0456=8.png
Source Code:
Ks0417-3.png
Run Code on Micro:bit
Connect the micro:bit to your computer with a micro USB cable. You can right-click the microbit HEX file to send to your micro:bit main board.
0456=8.png
Powered the microbit with batteries, the LED on the module should flash for one second, then off for one second, circularly and alternately.
0456=11.png

Project 7: RGB Flash

Overview
keyestudio 5050 RGB Module For BBC micro:bit
This module mainly contains a 5050 RGB LED, fully compatible with micro:bit control board.
When using, connect the RGB module to micro:bit control board using Crocodile clip line.
There are total 6 rings on the module. Note that three V rings are connected. V ring for 3V; R G B ring is separately connected to signal pin (0 1 2) of micro:bit main board.
When three signal pins are LOW, module will gradually show red, green and blue light.

0456=12.png


Technical Parameters

  • Working voltage: DC 3.0-3.3V
  • Control mode: active LOW(common anode)
  • Dimensions: 31mm*27mm*3mm
  • Weight: 1.8g
  • Environmental attributes: ROHS


Hardware Required:

  • Micro:bit main board *1
  • keyestudio 5050 RGB Module for micro:bit *1
  • Alligator clip cable *4
  • USB cable *1


Connection Diagram
Connect the keyestudio 5050 RGB Module to micro:bit main board with 4 Alligator clip cables. Ring B to P0, R to P1, G to GND, V to 3V.
0456=13.png

Coding
So now let's move to coding. Let us see how we can code the RGB LED flash. Below are some steps to follow.
Open the https://makecode.micro:bit.org/#editor to write your code.
Microsoft MakeCode is actually a platform that allows us to code for a micro:bit, and also provides an interactive simulator where we can debug and run our code, and will be able to see what to expect out right there on the site.

Go to MakeCode and choose My Projects and click on New Projects.
If you want to see the codes behind, then you can click on JavaScript and it will display JavaScript code there in IDE.
02456图片26.png


RGB LED Flash
Let's get started and code RGB LED shine three colors. To do so, you just need to go to Basic and scroll down to see an on start block.
Now drag and drop, and go to Led and click more to drag out the block led enable(false) into on start block.
0456=3.png


Go to the Pins, drag and drop the analog write pin(P0) to (1023) block into forever block. Duplicate this block twice, and change the pin to P1, P2.
Look at the connection diagram, we separately connect the Red,Green, Blue pin to P1, P2, P0. Connect the V pin to 3.3V.
So we first set all the pin value to 1023, which means input a HIGH level 3.3V (no voltage difference) to turn off all the LEDs;
0456=15.png

And again go to Basic and drag the forever block beneath the on start block you just made.
We duplicate and drag the analog write pin(P0) to (1023) block into the forever block. Change the P0 value to 0, which means input a LOW level (0V)(with voltage difference) so as to lit the Blue LED.
Add a pause block in millisecond; and then duplicate the analog write pin(P0) to (1023) block several times.

We first turn on the Blue LED (P0) for 1 second then off, followed by turn Red LED (P1) on for 1 second then off; and turn Green LED (P2) on for 1 second then off.
0456=16.png

Now let's move on code the program we’ve written. Go to make the RGB led change in different brightness.
Go to Loops, drag and drop the repeat()times do() block into the block just made. Repeat 1 times.
0456=17.png

Then we drag the block for (index) from 0 to (4) do into the repeat()times do() block; and set to the variable val from 0 to 512.
0456=18.png

After that, duplicate the analog write pin block three times; then call the Variables and Math block.
0456=19.png
0456=20.png

Using the variables adjust the RGB color-ratio to make the color change.
0456=21.png

Finally we duplicate and set the analog write pin 2, 1, 0 value to 1023, which means input a HIGH level (no voltage difference) to turn off all the LEDs.

You can click on JavaScript and it will display JavaScript code there in IDE.
0456=22.png
0456=23.png

After completing the code, let's move on to name and download the program we’ve written.
0456=24.png


Source Code:
0456=25.png


Run Code on Micro:bit
Connect the micro:bit to your computer with a micro USB cable. You can right-click the microbit HEX file to send to your micro:bit main board.
Powered on, the RGB LED on the module will alternately flash red, blue and green light and make a slight brightness change.
0456=26.png
0456=27.png



Project 8: Tactile Button

Overview
keyestudio Tactile Button Module For BBC micro:bit
This keyestudio tactile button module is fully compatible with micro:bit control board. It mainly uses a button element, which is a digital signal output device.
When using, connect the module to micro:bit control board using Crocodile clip line.
There are total 6 rings on the module. Note that two G rings, two V rings and two S rings are connected. G for ground; V for 3V; S for signal pin(0 1 2).
When press the button, the signal end of micro:bit main board will input HIGH level signal.

Technical Parameters

  • Working voltage: DC 3.0-3.3V
  • Output Signal: Digital
  • Dimensions: 31mm*27mm*6.5mm
  • Weight: 1.8g
  • Environmental attributes: ROHS
0456=28.png


Hardware Required:

  • Micro:bit main board *1
  • Keyestudio Tactile Button Module for micro:bit *1
  • Alligator clip cable *3
  • USB cable *1


Connection Diagram
Connect the keyestudio Tactile Button Module to micro:bit main board with 4 Alligator clip cables. Ring S to P0, V to 3V, G to GND.
Connect the micro:bit to your computer with a micro USB cable. 
0456=29.png

Coding
So now let's move to coding. Let us see how we can code the microbit LED matrix show icons with button module. Below are some steps to follow.
Open the https://makecode.micro:bit.org/#editor to write your code.
Microsoft MakeCode is actually a platform that allows us to code for a micro:bit, and also provides an interactive simulator where we can debug and run our code, and will be able to see what to expect out right there on the site.
02456图片26.png
Go to MakeCode and choose My Projects and click on New Projects.
If you want to see the codes behind, then you can click on JavaScript and it will display JavaScript code there in IDE.


Button Controlling LED Display
Let's get started and show icons on micro:bit using button control. To do so, you just need to go to Basic and scroll down to see an on start and clear screen block. Now drag and drop, and go to Led and click more to drag out the block led enable(true) into on start block.
0456=30.png
And again go to Basic and drag the forever block beneath the on start block you just made.
Now drag and drop, and go to Logic and search for if (true) then...else...block.
Drag this logic conditional block into forever block.
And add a comparison block to the logic conditional block.
0456=31.png 0456=32.png 0456=33.png

Go to the Pins, drag and drop the digital read pin(P0) block into if (0)=(1) then...else... block, replacing the “0 ” field.
0456=34.png

Look back at the connection diagram, we connect the signal pin to P0. So we select the P0 in the code; and input 1, which means input a HIGH level to the pin so as to lit the LED.
And then again go to Basic and drag the show icon block beneath the logic block you just made. Otherwise show another icon.
0456=35.png
You can click the drop-down triangle to scroll down to choose the icon you want.
0456=36.png
After completing the code, let's move on to name and download the program we’ve written.
0456=43.png

Source Code:
0456=44.png

Run Code on Micro:bit
Connect the micro:bit to your computer with a micro USB cable. You can right-click the microbit HEX file to send to your micro:bit main board.
0456=38.png
Powered the microbit with batteries, press the button, the micro:bit main board will show a heart shape icon; release the button, show another icon.
0456=42.png



Project 9: Capacitive Touch

Overview
keyestudio Capacitive Touch Module For BBC micro:bit
This keyestudio capacitive touch module is fully compatible with micro:bit control board.
There are total 6 rings on the module. Note that two G rings, two V rings and two S rings are separately connected. G for ground; V for 3V; S for signal pin(0 1 2).
It mainly uses touch detection IC, which is a digital signal output device.
The touch detection IC is designed to replace the traditional button with a variable area key, featuring low power consumption and wide operating voltage.
When power on the module, it needs a stabilization time of about 0.5 sec. During this time period, do not touch the keypad. At this time, all functions are disabled, and self-calibration is always performed. No touching the key, the recalibration period is about 4.0sec.
Capacitive touch sensors are used in many devices such as laptop trackpads, digital audio players, computer displays, mobile phones, mobile devices, tablets and others.  When using, connect the module to micro:bit control board using Crocodile clip line.
When touch the sensing area, input HIGH level signal to micro:bit signal end, LED on the module will turn on; or else, turn off.


Technical Parameters

  • Working voltage: DC 3.0-3.3V
  • Output Signal: Digital
  • Dimensions: 31mm*27mm*6.5mm
  • Weight: 1.8g
  • Environmental attributes: ROHS
0456=46.png


Hardware Required:

  • Micro:bit main board *1
  • Keyestudio Tactile Button Module for micro:bit *1
  • Alligator clip cable *3
  • USB cable *1


Connection Diagram
Connect the keyestudio Capacitive Touch Module to micro:bit main board with 3 Alligator clip cables. Ring S to P0, V to 3V, G to GND.
Connect the micro:bit to your computer with a micro USB cable.
0456=29.png

Coding
So now let's move to coding. Let us see how we can code the microbit LED matrix show icons with button module. Below are some steps to follow.
Open the https://makecode.micro:bit.org/#editor to write your code.
Microsoft MakeCode is actually a platform that allows us to code for a micro:bit, and also provides an interactive simulator where we can debug and run our code, and will be able to see what to expect out right there on the site.
Go to MakeCode and choose My Projects and click on New Projects.
If you want to see the codes behind, then you can click on JavaScript and it will display JavaScript code there in IDE.
02456图片26.png

Capacitive Touch Controlling LED Let's get started and show icons on micro:bit using button control. To do so, you just need to go to Basic and scroll down to see an on start and clear screen block. Now drag and drop, and go to Led and click more to drag out the block led enable(true) into on start block.
0456=30.png
And again go to Basic and drag the forever block beneath the on start block you just made.
Now drag and drop, and go to Logic and search for if (true) then...else...block.
Drag this logic conditional block into forever block.
And add a comparison block to the logic conditional block.
0456=31.png 0456=32.png 0456=33.png

Go to the Pins, drag and drop the digital read pin(P0) block into if (0)=(1) then...else... block, replacing the “0 ” field.
0456=34.png

Look back at the connection diagram, we connect the signal pin to P0. So we select the P0 in the code; and input 1, which means input a HIGH level to the pin so as to lit the LED.
And then again go to Basic and drag the show icon block beneath the logic block you just made. Otherwise show another icon.
0456=35.png
You can click the drop-down triangle to scroll down to choose the icon you want.
0456=54.png
After completing the code, let's move on to name and download the program we’ve written.
0456=53.png
0456=49.png

Source Code:
0456=52.png

Run Code on Micro:bit
Connect the micro:bit to your computer with a micro USB cable. You can right-click the microbit HEX file to send to your micro:bit main board..
0456=49.png
Touch the module’s sensing area, the micro:bit main board will show a heart shape icon. No touch, the LED matrix will show another icon.
0456=50.png


Resources Link

1) Keyestudio Official Website: http://www.keyestudio.com/

2) Keyestudio WIKI Website: http://wiki.keyestudio.com/

3) User Guide Download:
https://drive.google.com/open?id=1d5ZKPxedhzJ8Gw6eJmbHmBIzbmNtmR1z

4) Source Code for All projects:

https://drive.google.com/open?id=1Bsr5cAwEr2RhPYiU81weKX57dVHVeNih
5) Code Libraries Download:
https://github.com/xuefengedu/pxt-lcd1602_CN

6) Micro:bit Driver Software:
https://drive.google.com/open?id=1DMwiSb91XnIRtTaYvIEIil6zrAHVuHmt

9) BBC micro bit Pins: http://microbit.org/guide/hardware/pins/
10) BBC micro:bit website: http://microbit.org/
11) Micro:bit MakeCode Block Editor: https://makecode.microbit.org/
12) Code Block Reference: https://makecode.microbit.org/reference
13) Meet micro:bit starter programming: http://microbit.org/guide/
14) BBC micro:bit Features Guide: http://microbit.org/guide/features/
15) BBC micro:bit Safety Warnings: http://microbit.org/guide/features/
16) BBC micro:bit Quick Start Guide: http://microbit.org/guide/quick/