Difference between revisions of "Learn TurtleBlocks"

From Open Educational Resources
Jump to navigation Jump to search
 
(39 intermediate revisions by 6 users not shown)
Line 1: Line 1:
<div class="noprint" style="float:right; border:1px solid blue;width:300px;background-color:#F5F5F5;padding:2px;">
+
''[http://karnatakaeducation.org.in/KOER/index.php/%E0%B2%9F%E0%B2%B0%E0%B3%8D%E0%B2%9F%E0%B2%B2%E0%B3%8D%E2%80%8C%E0%B2%AC%E0%B2%BE%E0%B2%95%E0%B3%8D%E0%B2%B8%E0%B3%8D_%E0%B2%95%E0%B2%B2%E0%B2%BF%E0%B2%AF%E0%B2%BF%E0%B2%B0%E0%B2%BF ಕನ್ನಡದಲ್ಲಿ ನೋಡಿ]''
{| cellspacing="0"
+
===Introduction===
| [[File:Book.jpg|none|80px|Book image]]
+
TurtleBlocks is a fun activity in which you learn how command a little robotic turtle to draw pictures and designs for you. Turtle-blocks does only one thing and tries to do it very simply and very well: bring geometry and art together through programming. Like the Logo programming language turtle geometry has a central role. However the main focus of TurtleBlocks is static artistic images.  
| style="padding-left:2px;"| Go back to <br/>[[ICT student textbook]] <br/> [[ICT teacher handbook]]
+
====Basic information====
|}</div>
 
=Introduction=
 
TurtleBlocks is a fun activity in which you learn how command a little robotic turtle to draw pictures and designs for you. TurtleBlocks does only one thing and tries to do it very simply and very well: bring geometry and art together through programming. Like the Logo programming language turtle geometry has a central role. However the main focus of TurtleBlocks is static artistic images.
 
 
 
==Educational application and relevance==
 
It was designed to be easy enough for children and yet powerful enough for people of all ages. TurtleArt is focused on making images while allowing you to explore geometry and programming.
 
 
 
==Version==
 
The TurtleBlocks Tool version – 98-1 
 
==Configuration==
 
There is no specific configuration for this tool or application.
 
* TurtleBlocks is part of the Ubuntu distribution. <br>
 
This can be opened from Applications  → Education → TurtleBlocks
 
 
 
==Overview of Features==
 
 
 
==Other similar applications==
 
 
 
==Development and community help==
 
 
 
=Working with the application=
 
==Functionalities==
 
#'''Please label images as Step 1'''
 
#'''Please add 500px'''
 
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
|style="width: 50%;|{{ext-img|450px|1 }}
+
|ICT Competency
|style="width: 50%;|{{ext-img|450px|2 }}
+
|ICT for creating generic resources
 
|-
 
|-
|style="width: 50%;|Step 1 - TurtleBlocks can be opened from
+
|Educational application and relevance
Application→ Education→ TurtleBlocks
+
|Turtle Blocks is an activity with a Logo-inspired graphical "turtle" that draws colorful art based on snap-together visual programming elements.
|style="width: 50%;|Step 2 - Once you open turtle Art you can see the window like this. This contain 9 programming palettes. First one is Turtle palette. This palatte contain some blocks, that blocks are used to control the movement of turtle.  
 
 
|-
 
|-
|style="width: 50%;|{{ext-img|450px|3 }}
+
|Version
|style="width: 50%;|{{ext-img|450px|4 }}
+
|Python version
 
|-
 
|-
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|Other similar applications
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|[https://scratch.mit.edu/'''Scratch'']
 
|-
 
|-
|style="width: 50%;|{{ext-img|450px|5 }}
+
|The application on mobiles and tablets
|style="width: 50%;|{{ext-img|450px|6 }}
+
|Currently there is no mobile app for TurtleBlocks but there is a App called turtleDraw, this app also same as turtleBlocks.
 
|-
 
|-
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|Development and community help
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|https://https://www.sugarlabs.org/turtle-blocks-js/
|-
+
https://https://github.com/sugarlabs/turtleblocksjs
|style="width: 50%;|{{ext-img|450px|7 }}
+
|}
|style="width: 50%;|{{ext-img|450px|8 }}
+
 
 +
==== Overview of features ====
 +
The Turtle follows a sequence of commands. You specify the sequence by snapping together puzzle like blocks. Its "low floor" provides an easy entry point for beginners. It also has "high ceiling" programming, graphics, mathematics, and Computer Science features which will challenge the more adventurous student.
 +
 
 +
==== Installation ====
 +
#The application is part of the Ubuntu custom distribution.
 +
#In case you do not find it on your computer, you can install by choosing “Turtle Blocks” in Ubuntu Software Centre
 +
#If you would like to install through the terminal follow these steps below:  
 +
##Open terminal by clicking (Ctrl+Alt+T),
 +
##Once Window page is open, in front of dollar($) symbol just type below command.
 +
##sudo add-apt-repository ppa:alanjas/turtleblocks
 +
##sudo apt-get update
 +
##sudo apt-get install turtleblocks
 +
 
 +
=Working with the application=
 +
==Functionalities==
 +
{| class="wikitable"
 
|-
 
|-
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:1_Tutleblocks_open.png|450px]]
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:2_Turtleblocks_main.png |450px]]
 
|-
 
|-
|style="width: 50%;|{{ext-img|450px|9 }}
+
|style="width: 50%;| TurtleBlocks can be opened from Application→ Other → TurtleBlocks
|style="width: 50%;|{{ext-img|450px|10 }}
+
|style="width: 50%;| Once you open Turtle Blocks you can see the window like this.
 
|-
 
|-
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:Pen pallete.png |450px]]
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:4_Turtleblocks_Colour.png |450px]]
 
|-
 
|-
|style="width: 50%;|{{ext-img|450px|11 }}
+
|style="width: 50%;| It is a turtle palette which contain blocks that are used to control the movement of turtle.
|style="width: 50%;|{{ext-img|450px|12 }}
+
|style="width: 50%;| It is a pen palette which contain blocks that are used to control attributes of the turtle's pen.
 
|-
 
|-
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:5_Turtleblocks_Numbers.png |450px]]
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:6_Turtleblocks_flow.png|450px]]
 
|-
 
|-
|style="width: 50%;|{{ext-img|450px|13 }}
+
|style="width: 50%;| These are a collection of blocks used for displaying media objects, such as images from the Journal.
|style="width: 50%;|{{ext-img|450px|14 }}
+
|style="width: 50%;| Sensors palette is used to detect different factors.
 
|-
 
|-
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:7_Turtleblocks_blocks.png |450px]]
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:8_Turtleblocks_trash.png |450px]]
 
|-
 
|-
|style="width: 50%;|{{ext-img|450px|15 }}
+
|style="width: 50%;|The blocks in the flow palette control program flow.
|style="width: 50%;|{{ext-img|450px|16 }}
+
|style="width: 50%;|This is palette of variable blocks. These blocks are for defining variables and subroutines, without actions.
 
|-
 
|-
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:Turtleblocks_construction_1.png |450px]]
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:Turtleblocks_construction_2.png |450px]]
 
|-
 
|-
|style="width: 50%;|{{ext-img|450px|17 }}
+
|style="width: 50%;|Boxes palette is used to stores value and add numeric value to the defined variable, without actions.
|style="width: 50%;|{{ext-img|450px|18 }}
+
|style="width: 50%;|The blocks in number palette are related to arithmetic operators.
 
|-
 
|-
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:Turtleblocks_construction_2.png|450px]]
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
+
|style="width: 50%;|[[File:Turtleblocks_construction_3.png|450px]]
 
|-
 
|-
|style="width: 50%;|Image  Image Image Image  (Step 3)
+
|style="width: 50%;|The blocks in boolean palette are related to boolean operators.
|style="width: 50%;|Image  Image Image Image  (Step 4)
+
|style="width: 50%;|The Heap palette used to perform heap operations like push,pop, store and display contents of heap.
 
|-
 
|-
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
 
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
 
 
|}
 
|}
 +
[[File:Turtleblocks_construction_4.png |450px]]
  
==File formats for creation==
+
These are a collection of extra blocks for accessing advanced features only available in Turtle Blocks.
  
==Saving the file==
+
==Example : TO DRAW A SQUARE==
 +
The steps involved in drawing a square are as below.
 +
#Go forward some number of steps
 +
#Turn right (or left) 90 degrees
 +
#Go forward some number of step
 +
#Turn right (or left) 90 degrees
 +
#Go forward some number of steps
 +
#Turn right (or left) 90 degrees
 +
#Go forward some number of steps.
 +
#Turn right (or left) 90 degrees .
  
==Export and publishing files==
 
 
==Advanced features==
 
 
=Installation=
 
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
! Method of installation !! Steps
+
|style="width: 50%;|[[File:Square.png|450px]]
 +
|style="width: 50%;|[[File:Using_repeat.png|450px]]
 
|-
 
|-
| From Ubuntu software Centre || Steps - Applications → Ubuntu Software Center → in right side search box search as “TurtleBlocks” → Click on Install.     (If it asks any authentication, Enter your Ubuntu login password)
+
|style="width: 50%;|Here we have to follow very lengthy code to write square.
 +
|style="width: 50%;|Here we can draw the square by using very short code.
 
|-
 
|-
| From Terminal || Steps - Open terminal by clicking (ctrl+Alt+T), Once window page is open, in front of dollar($) symbol just type below command.Sudo apt-get installed TurtleBlocks
+
|style="width: 50%;|[[File:Step_12_repeat_and_forward.png|450px]]
Now, Enter your ubuntu login password(it will be hide) then press Enter.
+
|style="width: 50%;|[[File:Square_with_repeat.png|450px]]
 
|-
 
|-
| From the web || Steps - Follow the below link for Installing through web, but again it will take you through software center.
+
|style="width: 50%;|In flow palette select repeat block and set number as 4 to write 4 sides.
https://apps.ubuntu.com/cat/applications/precise/turteblocks/
+
|style="width: 50%;|To move the turtle select forward block in turtle palette set the measurement.
|-
 
| Web based registration || Steps -
 
 
|}
 
|}
  
=The application on mobiles and tablets=
+
==Saving the file==
How to install – currently there is no mobile app for TurtleBlocks but there is a App called turtleDraw, this app also same as turtleBlocks.
+
Click on save button and save your project as HTML. You can also save your turtle artwork as PNG, SVG formats.
 +
==Advanced features==
 +
Turtle Blocks has a plug-in mechanism that is used to add new blocks.
  
 
=Ideas for resource creation=
 
=Ideas for resource creation=
 +
Programming Tool. We can use multiple blocks to create drawings, as the turtle moves under your control, colourful lines are drawn.
  
 
=References=
 
=References=
Source:http://wiki.laptop.org/go/Turtle_Art_student_guide <br>
+
#https://github.com/sugarlabs/turtleblocksjs/blob/master/documentation/README.md
https://llk.media.mit.edu/courses/readings/TurtleArt.pdf
+
#http://wiki.sugarlabs.org/go/Activities/Turtle_Art
  
=How to use template=
+
[[Category:Explore an application]]
<nowiki>{{subst:Explore_an_application}} on the page you create for your tool.  Page Name should be "Learn ToolName"</nowiki>
 

Latest revision as of 16:32, 20 May 2020

ಕನ್ನಡದಲ್ಲಿ ನೋಡಿ

Introduction

TurtleBlocks is a fun activity in which you learn how command a little robotic turtle to draw pictures and designs for you. Turtle-blocks does only one thing and tries to do it very simply and very well: bring geometry and art together through programming. Like the Logo programming language turtle geometry has a central role. However the main focus of TurtleBlocks is static artistic images.

Basic information

ICT Competency ICT for creating generic resources
Educational application and relevance Turtle Blocks is an activity with a Logo-inspired graphical "turtle" that draws colorful art based on snap-together visual programming elements.
Version Python version
Other similar applications Scratch
The application on mobiles and tablets Currently there is no mobile app for TurtleBlocks but there is a App called turtleDraw, this app also same as turtleBlocks.
Development and community help https://https://www.sugarlabs.org/turtle-blocks-js/

https://https://github.com/sugarlabs/turtleblocksjs

Overview of features

The Turtle follows a sequence of commands. You specify the sequence by snapping together puzzle like blocks. Its "low floor" provides an easy entry point for beginners. It also has "high ceiling" programming, graphics, mathematics, and Computer Science features which will challenge the more adventurous student.

Installation

  1. The application is part of the Ubuntu custom distribution.
  2. In case you do not find it on your computer, you can install by choosing “Turtle Blocks” in Ubuntu Software Centre
  3. If you would like to install through the terminal follow these steps below:
    1. Open terminal by clicking (Ctrl+Alt+T),
    2. Once Window page is open, in front of dollar($) symbol just type below command.
    3. sudo add-apt-repository ppa:alanjas/turtleblocks
    4. sudo apt-get update
    5. sudo apt-get install turtleblocks

Working with the application

Functionalities

1 Tutleblocks open.png 2 Turtleblocks main.png
TurtleBlocks can be opened from Application→ Other → TurtleBlocks Once you open Turtle Blocks you can see the window like this.
Pen pallete.png 4 Turtleblocks Colour.png
It is a turtle palette which contain blocks that are used to control the movement of turtle. It is a pen palette which contain blocks that are used to control attributes of the turtle's pen.
5 Turtleblocks Numbers.png 6 Turtleblocks flow.png
These are a collection of blocks used for displaying media objects, such as images from the Journal. Sensors palette is used to detect different factors.
7 Turtleblocks blocks.png 8 Turtleblocks trash.png
The blocks in the flow palette control program flow. This is palette of variable blocks. These blocks are for defining variables and subroutines, without actions.
Turtleblocks construction 1.png Turtleblocks construction 2.png
Boxes palette is used to stores value and add numeric value to the defined variable, without actions. The blocks in number palette are related to arithmetic operators.
Turtleblocks construction 2.png Turtleblocks construction 3.png
The blocks in boolean palette are related to boolean operators. The Heap palette used to perform heap operations like push,pop, store and display contents of heap.

Turtleblocks construction 4.png

These are a collection of extra blocks for accessing advanced features only available in Turtle Blocks.

Example : TO DRAW A SQUARE

The steps involved in drawing a square are as below.

  1. Go forward some number of steps
  2. Turn right (or left) 90 degrees
  3. Go forward some number of step
  4. Turn right (or left) 90 degrees
  5. Go forward some number of steps
  6. Turn right (or left) 90 degrees
  7. Go forward some number of steps.
  8. Turn right (or left) 90 degrees .
Square.png Using repeat.png
Here we have to follow very lengthy code to write square. Here we can draw the square by using very short code.
Step 12 repeat and forward.png Square with repeat.png
In flow palette select repeat block and set number as 4 to write 4 sides. To move the turtle select forward block in turtle palette set the measurement.

Saving the file

Click on save button and save your project as HTML. You can also save your turtle artwork as PNG, SVG formats.

Advanced features

Turtle Blocks has a plug-in mechanism that is used to add new blocks.

Ideas for resource creation

Programming Tool. We can use multiple blocks to create drawings, as the turtle moves under your control, colourful lines are drawn.

References

  1. https://github.com/sugarlabs/turtleblocksjs/blob/master/documentation/README.md
  2. http://wiki.sugarlabs.org/go/Activities/Turtle_Art