Design and create an app which uses sequence, selection, repetition and variables. Program, debug and refine the code for their app.

Size: px

Start display at page:

Download "Design and create an app which uses sequence, selection, repetition and variables. Program, debug and refine the code for their app."

Toby Harrell
5 years ago
Views:

Lesson 8 BYOC Lamp What you will need CloudProfessor (CPF) LED 0 light component Overview In this introductory lesson to the CloudProfessor, students will explore the basics of writing algorithms

Using what they have learnt, students will modify their code to create a flashing LED warning light.

Learning Expectations (how learning / progress will be demonstrated) All Use sequences of instructions. Most Explain how their app works.

1 Lesson 8 BYOC Lamp What you will need CloudProfessor (CPF) LED 0 light component Overview In this introductory lesson to the CloudProfessor, students will explore the basics of writing algorithms using the Blockly editor. Students will explore existing code and learn to control a white LED light and the three-coloured red, green, and blue LED light. Using what they have learnt, students will modify their code to create a flashing LED warning light. Learning Objectives Design and create an app which uses sequence, selection, repetition and variables. Program, debug and refine the code for their app. Detect and correct errors in their app. Learning Expectations (how learning / progress will be demonstrated) All Use sequences of instructions. Most Explain how their app works. Some Use logical reasoning to detect errors in their algorithms. Curriculum Links (Computing PoS) Designs simple algorithms using loops, and selection i.e. if statements. (AL) Uses logical reasoning to predict outcomes. (AL) Detects and corrects errors i.e. debugging, in algorithms. (AL) Creates programs that implement algorithms to achieve given goals. (AL) Understands that programming bridges the gap between algorithmic solutions and computers. (AB) Computational Thinking Concepts: AB = Abstraction; DE = Decomposition; AL = Algorithmic Thinking; EV = Evaluation; GE = Generalisation. Lesson 8: BYOC Lamp

button for two seconds; it will turn on and the power indicator

notification will appear on your device; click the notification to

3 4. Press the execute button to enter the control user interface

and the three-coloured red, green, blue LED light on or off. 5.

2 Step-by-step instructions. Connect the power of CloudProfessor then press and hold the power button for two seconds; it will turn on and the power indicator will light up.. Insert the LED 0 light set into the USB 3.0 slot on CloudProfessor. 3. When the CloudProfessor detects the LED 0 component, a notification will appear on your device; click the notification to launch the open the CPF LED0 App, and then select CPF LED0 Blockly Press the execute button to enter the control user interface (UI). The UI can be used to control and turn the white LED light and the three-coloured red, green, blue LED light on or off. 5. Press the edit button to enter the program editing page. Edit button Execute button CPF LED0 app Control user interface (UI) Program editing page Lesson 8: BYOC Lamp

. RGB LED Setting: The RGB LED Setting block controls the RGB LED on the LED0 light component.

3 3 Exploring the code (Blockly) Let s explore the code.. White LED Set: The White LED Set block controls the White LED on the LED0 light component. The White LED can be either set to ON or OFF inside the program () or switched on or off by the user via a button in the program UI (). In this example, the White LED is controlled by the program UI.. RGB LED Setting: The RGB LED Setting block controls the RGB LED on the LED0 light component. Just like the White LED, each of the red, green and blue lights on the RGB LED can be either set to ON or OFF inside the program (4) or switched on or off individually by the user via buttons in the program UI (3). In this example, the RGB LED is controlled by the program UI Delay Time(Sec.): The Delay Time(Sec.) block is used to pause the code (time set in milliseconds). At the moment, this code doesn t really do anything but later on we will be using this to make the LED light flash on and off. 4. Set CPF control request: Finally, the Set CPF control request block at the end of the program tells the program to run the code from the beginning again. The program will continuously repeat until the user closes the app or stops the program manually. 3 Lesson 8: BYOC Lamp

4 3 Exploring the code (JavaScript) Let s explore the code.. value = ui.get("white led"); value = ui.get("white led"); reads the status of the White LED toggle in the program UI and stores it an a variable called value. cpf.set("white led", value); controls the White LED on the LED0 light component. The White LED can be either set to ON or OFF 0 inside the program () or switched on or off by the user via a button in the program UI (). In this example, the White LED is controlled by the program UI.. var r = ui.get("rgb led", "r"); var r = ui.get("rgb led", "r"); reads the status of the Red RGB LED toggle in the program UI and stores it an a variable called r. This is repeated for both the Green and Blue LEDs (3) cpf.set("rgb led", r, g, b); cpf.set("rgb led", r, g, b); controls the RGB LED on the LED0 light component. Just like the White LED, each of the red, green and blue lights on the RGB LED can be either set to ON or OFF 0 inside the program or switched on or off individually by the user via buttons in the program UI (4). In this example, the RGB LED is controlled by the program UI cpf.sleep(000); cpf.sleep(000); is used to pause the code (time set in milliseconds). At the moment, this code is blocked out. We will be using this in the next challenge to make the LED light flash on and off. 5. cpf.repeat(); Finally, the cpf.repeat(); line at the end of the program tells the program to run the code from the beginning again. The program will continuously repeat until the user closes the app or stops the program manually. 4 Lesson 8: BYOC Lamp

4 Modifying the code (Blockly) Let s modify the code to make the White LED blink on and off.

Note: You can return to the original program at any time by clicking on the restore icon ().. Change the title of the app.

Add a delay (pause). Click on CPF Devices and select Delay Time(Sec.) block (5). Drag the block so that it attaches to the Title block.

Click on CPF Devices and select White LED Set block. Drag the block so that it attaches to the Delay block. Change the Set value to OFF. 5.

Click on CPF Devices and select White LED Set block. Drag the block so that it attaches to the Delay block. Change the Set value to OFF. 7.

5 4 Modifying the code (Blockly) Let s modify the code to make the White LED blink on and off.. Clear the existing code so that you have a blank canvas to create your new program. Click on the delete icon at the tope of the code window (). Note: You can return to the original program at any time by clicking on the restore icon ().. Change the title of the app. 3 Click on CPF UI from the menu and select the Title Name Panel Set block (3). Drag the block into the empty workspace and change the title to Auto mode (4). 3. Add a delay (pause). Click on CPF Devices and select Delay Time(Sec.) block (5). Drag the block so that it attaches to the Title block. Change the delay time to 000 milliseconds (6). Note: 000 milliseconds = second Start the blinking sequence by turning off the White LED. Click on CPF Devices and select White LED Set block. Drag the block so that it attaches to the Delay block. Change the Set value to OFF. 5. Add another delay of 000 milliseconds directly after the White LED Set OFF block. 6. Complete the blinking sequence by turning the White LED on. Click on CPF Devices and select White LED Set block. Drag the block so that it attaches to the Delay block. Change the Set value to OFF. 7. Finally, add a Set CPF control repeat block and attach it to the end of your program so that the codes repeats until the user closes the app or stops the program manually. Your finished code should look like this: Try changing the value in the Delay Time(Sec.) option and see how the behaviour of the LED light changes. Try making the RGB LED flash in sequence (Red then Green followed by Blue). 5 Lesson 8: BYOC Lamp

sleep(000); Set the program wait time (in milliseconds). Here the program will pause for 000 milliseconds, which is equal to second.. ui.

6 4 Modifying the code (JavaScript) Let s modify the code to make the White LED blink on and off. In a program, areas surrounded by /* and */ will not be executed; In the sample code, an area of the code has already been commented out (). Let s explore the commented out code:. cpf.sleep(000); Set the program wait time (in milliseconds). Here the program will pause for 000 milliseconds, which is equal to second.. ui.set("title", "Auto Mode"); Display the text "Auto Mode" as the title on the program UI 3. cpf.set("white led", ); cpf.set("white led", ); turns the white LED light component ON ( ). ui.set("white led", ); sets the white LED light toggle on the program UI to ON ( ); 4. cpf.set("white led", 0); cpf.set("white led", 0); turns the white LED light component OFF ( 0 ). ui.set("white led", 0); sets the white LED light toggle on the program UI to OFF ( 0 ); Executing the commented out code: Delete the two rows /* and */ from the program (this will allow the CloudProfessor to execute the code); press the execute button on the top right and watch the white LED light flash on and off! Try changing the value in the cpf.sleep(000) line and see how the behaviour of the LED light changes. Try making the RGB LED flash in sequence (Red then Green followed by Blue). 6 Lesson 8: BYOC Lamp

7 5 Extension Students to try to re-write the code without instructions or create a traffic light sequence using the RGB LED. 6 Differentiation To support students, provide step by step guides. To stretch students ask them to create a flowchart / pseudocode of their code first or code their solution using JavaScript. 7 Homework Students to write up a summary of what they ve learned; students to include screenshots and snippets of their code in their summary. 8 Links Traffic lights: Traffic light sequence explained: Disclaimer: Use these sites at your own risk. Acer is not responsible for the content of external Internet sites. We recommend that you check the suitability of any recommended websites links before giving them to students. 7 Lesson 8: BYOC Lamp

Lesson 7 Cloud Mood Indicator

Lesson 7 Cloud Mood Indicator What you will need CloudProfessor (CPF) RGB LED Light Arduino Leonardo Arduino Shield USB cable Overview In lesson five, students learned how to upload the value measured