From a6e6dd82870f6353b63e07c6596295155f5fae20 Mon Sep 17 00:00:00 2001 From: Tom Ball Date: Tue, 14 Jun 2016 11:30:25 -0400 Subject: [PATCH] 10 projects, first draft complete --- docs/lessons.md | 3 - docs/lessons/light-beatbox.md | 21 ----- docs/projects.md | 4 +- .../hack-your-headphones-challenges.md} | 9 +- docs/projects/hack-your-headphones.md | 4 +- docs/projects/radio-challenges.md | 88 +++++++++++++++++++ docs/projects/radio.md | 68 ++++++++++++++ 7 files changed, 161 insertions(+), 36 deletions(-) delete mode 100644 docs/lessons/light-beatbox.md rename docs/{lessons/light-beatbox/activity.md => projects/hack-your-headphones-challenges.md} (94%) create mode 100644 docs/projects/radio-challenges.md create mode 100644 docs/projects/radio.md diff --git a/docs/lessons.md b/docs/lessons.md index 9a85a55b..817fdcab 100644 --- a/docs/lessons.md +++ b/docs/lessons.md @@ -50,9 +50,6 @@ ### ~column ## Maker -* [Hack your Headphones](/lessons/hack-your-headphones), create music on the BBC micro:bit by hacking your headphones -* [Banana Keyboard](/lessons/banana-keyboard), create music with fruits -* [Telegraph](/lessons/telegraph), play the telegraph game between two BBC micro:bits * [Pogo](/lessons/pogo), create a pogo game to test your jumping abilities ## Science diff --git a/docs/lessons/light-beatbox.md b/docs/lessons/light-beatbox.md deleted file mode 100644 index b359799b..00000000 --- a/docs/lessons/light-beatbox.md +++ /dev/null @@ -1,21 +0,0 @@ -# light beatbox - -display beautiful images on the BBC micro:bit. - -## Topic - -Music - -## Quick Links - -* [activity](/lessons/light-beatbox/activity) - -## Prior learning/place of lesson in scheme of work - -Learn how to make a light beatbox music player using the light sensor. We will be learning how to code musical notes using light level, a local variable, conditionals, on button pressed as well as simple commands such as ring tone and rest. - -## Objectives - -* learn how to control the light sensor on the BBC micro:bit -* learn how to code music on the BBC micro:bit - diff --git a/docs/projects.md b/docs/projects.md index fb82ba1a..4fd3572d 100644 --- a/docs/projects.md +++ b/docs/projects.md @@ -30,11 +30,11 @@ ![](/static/mb/projects/a7-conductive.png) -## [Telegraph](/lessons/telegraph/activity) +## [Telegraph](/projects/telegraph) ![](/static/mb/projects/a8-network.png) -## Radio +## [Radio](/projects/radio) ![](/static/mb/projects/a9-radio.png) diff --git a/docs/lessons/light-beatbox/activity.md b/docs/projects/hack-your-headphones-challenges.md similarity index 94% rename from docs/lessons/light-beatbox/activity.md rename to docs/projects/hack-your-headphones-challenges.md index b39a7c1f..318d14c9 100644 --- a/docs/lessons/light-beatbox/activity.md +++ b/docs/projects/hack-your-headphones-challenges.md @@ -1,4 +1,4 @@ -# light beatbox activity +# hack your headphones challenges Control sound with the light level. @@ -71,10 +71,3 @@ input.onButtonPressed(Button.A, () => { * click *compile* and run your code on the micro:bit. - -### ~avatar avatar - -Excellent, you're ready to continue by connecting your headphones with these [challenges](/lessons/hack-your-headphones/activity)! - -### ~ - diff --git a/docs/projects/hack-your-headphones.md b/docs/projects/hack-your-headphones.md index 4cd1d865..5da47969 100644 --- a/docs/projects/hack-your-headphones.md +++ b/docs/projects/hack-your-headphones.md @@ -52,10 +52,10 @@ You hacked your headphones! ### Step 6 -Connect your micro:bit to your computer using your USB cable and program [light beatbox](/lessons/light-beatbox/activity) music on it. Press the reset button to restart your music player! +Connect your micro:bit to your computer using your USB cable and program [light beatbox](/projects/hack-your-headphones-challenges) music on it. Press the reset button to restart your music player! ### ~avatar avatar -Excellent, you're ready to continue with the [challenges](/lessons/light-beatbox/activity)! +Excellent, you're ready to continue with the [challenges](/projects/hack-your-headphones-challenges)! ### ~ diff --git a/docs/projects/radio-challenges.md b/docs/projects/radio-challenges.md new file mode 100644 index 00000000..18b40846 --- /dev/null +++ b/docs/projects/radio-challenges.md @@ -0,0 +1,88 @@ +# Challenge + +### ~avatar avatar + +Welcome! The activity will teach you how to use the acceleration of the 1st micro:bit and to visualize the acceleration on the 2nd micro:bit. +Let's get started! + +### ~ +Let's measure `acceleration (mg)` and then `send number`. `Acceleration` is measured in **milli-gravities**, so a value of -1000 is equivalent to -1g or -9.81m/s^2. We will be able to get the acceleration value (g-force), in the specified "x" dimension. `Send number` will broadcast a number data packet to other micro:bits connected via radio. + +```blocks +radio.sendNumber(input.acceleration(Dimension.X)); +``` +### ~ +We want to display the acceleration forever. In order to do so, we need a `forever` loop. A forever loop will repeat code in the background forever. + +```blocks +basic.forever(() => { + radio.sendNumber(input.acceleration(Dimension.X)); +}); + + +``` +### ~ +We want to register code to run when a packet is received over radio. We can implement this code by adding `on data received`. + +```blocks +basic.forever(() => { + radio.sendNumber(input.acceleration(Dimension.X)) +}) +radio.onDataReceived(() => { + +}) +``` +### ~ +Finally, we want to chart the acceleration. So we must first implement `plot bar graph`. `Plot Bar Graph` will display a vertical bar graph based on the value and high value. In order to transfer the receive the number from the 1st micro:bit, we must implement `receive number` to constantly display a vertical bar graph based on the value. Remember, the value will equal to the micro:bit's acceleration in the "x" direction. + +```blocks +basic.forever(() => { + radio.sendNumber(input.acceleration(Dimension.X)) +}) +radio.onDataReceived(() => { + led.plotBarGraph(radio.receiveNumber(), 1023) +}) + +``` +### ~ +Notice that moving the micro:bit the farthest direction in the x direction will be -1023 on the charting beneath the simulator. The second observation will be that the LEDs will be full brightness on the 2nd micro:bit. There is a single LED turned on with the 1st micro:bit. Additionally, the graphs will reflect 0 acceleation for the 1st micro:bit. In this scenario, if you are adjusting the acceleration in the simualator, you are also changing your chart that will be produced. + +![](/static/mb/acc.png) + +### ~ +NOTE: The colors of the charts reflect the color of the micro:bit simulator. In this instance, the micro:bits are blue and green. So the colors of the line graphs reflect the colors of the micro:bit + + ### ~ +After running this simulation several seconds by moving the micro:bit side to side in the x direction, you are ready to graph or chart the accceleration of the micro:bit. We want a printout of our acceleration on Excel. We will graph the fluctuating acceleration of the simulation experiment. + +![](/static/mb/acc2.png) + +### ~ +Finally, you must open the Excel CSV file by clicking on the data.xls file that was downloaded to Downloads Folder. + +![](/static/mb/data3.png) + +Use the Recommended Charts command on the Insert tab to quickly create a chart that’s just right for your data. + +* Select the data that you want to include in your chart. + +* Click Insert > Recommended Charts. + +![](/static/mb/lessons/chart1.png) + +* On the Recommended Charts tab, scroll through the list of chart types that Excel recommends for your data. Pick the **scatter plot**. + +![](/static/mb/chart_title.png) + +* Use the Chart Elements, Chart Styles, and Chart Filters buttons next to the upper-right corner of the chart to add chart elements like axis titles or data labels, to customize the look of your chart + +![](/static/mb/elements_styles_filters.png) + +### ~ +Have fun reviewing your simulation and analyze the acceleration by chart the Excel data using Excel. + +* Connect the first micro:bit to your computer using your USB cable and run the charting script on it. +* Connect the second micro:bit to your computer using your USB cable and run the charting script on it. +* The first person and second person take turns tilting the micro:bit in the "x" direction while the other player charts the data on the micro:bit! +* Review and analyze the actual micro:bit device acceleration data on Excel +* Display acceleration with y or z using plot bar graph by changing acceleration from "x" to "y" or "z" diff --git a/docs/projects/radio.md b/docs/projects/radio.md new file mode 100644 index 00000000..d969e0f9 --- /dev/null +++ b/docs/projects/radio.md @@ -0,0 +1,68 @@ +# radio + +Measure the acceleration on the micro:bit in the "x" direction. + +### ~avatar avatar + +Welcome! This activity will teach how to use the micro:bit to chart the acceleration in the "x" direction. Let's get started! + + +### ~ +Let's measure `acceleration (mg)` in the "x" direction. Get the acceleration value (milli g-force), in one of three specified dimensions. + + +```blocks +input.acceleration(Dimension.X) +``` + +### ~ +Use the plot bar chart to visualize the acceleration on the LED screen of the micro:bit in the specified range. You implement plot Bar Graph to display a vertical bar graph based on the "value" and "high" value. Then you must insert acceleration in the X dimension to measure the acceleration. + +```blocks +basic.forever(() => { + led.plotBarGraph(input.acceleration(Dimension.X), 0) +}) + +``` + +### ~ +Notice that moving the micro:bit in the simulator from left to right (x direction) changes the values beneath the micro:bit in a range from 1023 to -1023 as measured in milli-gravities. By hovering over the micro:bit from left to right, you can observe changing values beneath the micro:bit simulator. Also, the LEDs shown on the Bar Graph fluctates based on the movement of the micro:bit simulator in the x direction. The line underneath the micro:bit simulator reflect the acceleration in the x direction. + +NOTE: The colors of the charts reflect the color of the micro:bit simulator. In this instance, the micro:bit is yellow. So the color of the data line reflects the color of the micro:bit + +![](/static/mb/data4.png) + +### ~ + +Vigorously move the micro:bit in the micro:bit simulatator by moving the micro:bit image from side to side. Every time the micro:bit moves in the x direction in the simulator, you are generating data points that can be reviewed in Excel. The more attempts to move the micro:bit from side to side, the more data being saved in Excel. After you have vigarously moved the micro:bit simulator from side to side for a sufficient amount of time, you are ready to graph or chart the accceleration of the micro:bit. We want a printout of our acceleration on Excel that can be graphed in Excel. + +### ~ + +We want to chart the data collected by using a tool in Excel. + +The final part of this experiment is opening and reviewing the data in the Excel CSV file. Simply click on the line beneath the simulator. A CSV file will be generated to display the data points collected by moving the micro:bit in the X direction. Then click or tap on the data Excel file that was downloaded to your local ``Downloads`` Folder. + + +### ~ + + +First, click or tap on the first two columns (A, B) to include the time of the data being collected; b) the results of acceleration data on the micro:bit + +![](/static/mb/data7.png) + +Use the Recommended Charts command on the Insert tab to quickly create a chart that’s just right for your data. + +* Select the data that you want to include in your chart. + +* Click Insert > Recommended Charts. + +![](/static/mb/lessons/chart1.png) + +* On the Recommended Charts tab, scroll through the list of chart types that Excel recommends for your data. Pick the **scatter plot**. + +### ~avatar avatar + +Excellent, you're ready to continue with the [challenges](/projects/radio-challenges) + +### ~ +