Difference between revisions of "Learn TurtleBlocks"

From Open Educational Resources
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user not shown)
Line 15: Line 15:
 
|-
 
|-
 
|Other similar applications
 
|Other similar applications
|[Scratch]
+
|[https://scratch.mit.edu/'''Scratch'']
 
|-
 
|-
 
|The application on mobiles and tablets
 
|The application on mobiles and tablets
Line 21: Line 21:
 
|-
 
|-
 
|Development and community help
 
|Development and community help
|[https://www.sugarlabs.org/turtle-blocks-js/]
+
|https://https://www.sugarlabs.org/turtle-blocks-js/
[https://github.com/sugarlabs/turtleblocksjs]
+
https://https://github.com/sugarlabs/turtleblocksjs
 
|}
 
|}
  
Line 45: Line 45:
 
|style="width: 50%;|[[File:2_Turtleblocks_main.png |450px]]
 
|style="width: 50%;|[[File:2_Turtleblocks_main.png |450px]]
 
|-
 
|-
|style="width: 50%;|Step 1 - TurtleBlocks can be opened from Application→ Other → TurtleBlocks
+
|style="width: 50%;| TurtleBlocks can be opened from Application→ Other → TurtleBlocks
|style="width: 50%;|Step 2 - Once you open Turtle Blocks you can see the window like this.
+
|style="width: 50%;| Once you open Turtle Blocks you can see the window like this.
 
|-
 
|-
 
|style="width: 50%;|[[File:Pen pallete.png |450px]]
 
|style="width: 50%;|[[File:Pen pallete.png |450px]]
 
|style="width: 50%;|[[File:4_Turtleblocks_Colour.png |450px]]
 
|style="width: 50%;|[[File:4_Turtleblocks_Colour.png |450px]]
 
|-
 
|-
|style="width: 50%;|Step 3 - It is a turtle palette which contain blocks that are used to control the movement of turtle.  
+
|style="width: 50%;| It is a turtle palette which contain blocks that are used to control the movement of turtle.  
|style="width: 50%;|Step 4 - It is a pen palette which contain blocks that are used to control attributes of the turtle's pen.  
+
|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%;|[[File:5_Turtleblocks_Numbers.png |450px]]
 
|style="width: 50%;|[[File:5_Turtleblocks_Numbers.png |450px]]
 
|style="width: 50%;|[[File:6_Turtleblocks_flow.png|450px]]
 
|style="width: 50%;|[[File:6_Turtleblocks_flow.png|450px]]
 
|-
 
|-
|style="width: 50%;|Step 5 - These are a collection of blocks used for displaying media objects, such as images from the Journal.  
+
|style="width: 50%;| These are a collection of blocks used for displaying media objects, such as images from the Journal.  
|style="width: 50%;|Step 6 - Sensors palette is used to detect different factors.
+
|style="width: 50%;| Sensors palette is used to detect different factors.
 
|-
 
|-
 
|style="width: 50%;|[[File:7_Turtleblocks_blocks.png |450px]]
 
|style="width: 50%;|[[File:7_Turtleblocks_blocks.png |450px]]
 
|style="width: 50%;|[[File:8_Turtleblocks_trash.png |450px]]
 
|style="width: 50%;|[[File:8_Turtleblocks_trash.png |450px]]
 
|-
 
|-
|style="width: 50%;|Step 7 - The blocks in the flow palette control program flow.  
+
|style="width: 50%;|The blocks in the flow palette control program flow.  
|style="width: 50%;|Step 8-This is palette of variable blocks. These blocks are for defining variables and subroutines, without actions.
+
|style="width: 50%;|This is palette of variable blocks. These blocks are for defining variables and subroutines, without actions.
 
|-
 
|-
 
|style="width: 50%;|[[File:Turtleblocks_construction_1.png |450px]]
 
|style="width: 50%;|[[File:Turtleblocks_construction_1.png |450px]]
 
|style="width: 50%;|[[File:Turtleblocks_construction_2.png |450px]]
 
|style="width: 50%;|[[File:Turtleblocks_construction_2.png |450px]]
 
|-
 
|-
|style="width: 50%;|Step 9 - Boxes palette is used to stores value and add numeric value to the defined variable, without actions.
+
|style="width: 50%;|Boxes palette is used to stores value and add numeric value to the defined variable, without actions.
|style="width: 50%;|Step 10 - The blocks in number palette are related to arithmetic operators.  
+
|style="width: 50%;|The blocks in number palette are related to arithmetic operators.  
 
|-
 
|-
 
|style="width: 50%;|[[File:Turtleblocks_construction_2.png|450px]]
 
|style="width: 50%;|[[File:Turtleblocks_construction_2.png|450px]]
 
|style="width: 50%;|[[File:Turtleblocks_construction_3.png|450px]]
 
|style="width: 50%;|[[File:Turtleblocks_construction_3.png|450px]]
 
|-
 
|-
|style="width: 50%;|Step 11 -The blocks in boolean palette are related to boolean operators.
+
|style="width: 50%;|The blocks in boolean palette are related to boolean operators.
|style="width: 50%;|Step 12 -The Heap palette used to perform heap operations like push,pop, store and display contents of heap.  
+
|style="width: 50%;|The Heap palette used to perform heap operations like push,pop, store and display contents of heap.  
 
|-
 
|-
 
|}
 
|}
 
[[File:Turtleblocks_construction_4.png |450px]]
 
[[File:Turtleblocks_construction_4.png |450px]]
  
Step 13 - These are a collection of extra blocks for accessing advanced features only available in Turtle Blocks.  
+
These are a collection of extra blocks for accessing advanced features only available in Turtle Blocks.  
  
 
==Example : TO DRAW A SQUARE==
 
==Example : TO DRAW A SQUARE==
 
The steps involved in drawing a square are as below.
 
The steps involved in drawing a square are as below.
#go forward some number of steps
+
#Go forward some number of steps
# turn right (or left) 90 degrees
+
#Turn right (or left) 90 degrees
# go forward some number of step
+
#Go forward some number of step
# turn right (or left) 90 degrees
+
#Turn right (or left) 90 degrees
#go forward some number of steps
+
#Go forward some number of steps
#turn right (or left) 90 degrees
+
#Turn right (or left) 90 degrees
#go forward some number of steps.
+
#Go forward some number of steps.
#turn right (or left) 90 degrees  
+
#Turn right (or left) 90 degrees .
  
==File formats for creation==
 
 
==Saving the file==
 
Click File > Save to save the file. It will be saved in .tb format
 
==Export and publishing files==
 
Like in most applications, a file can be exported to a image, svg, icon, odp,logo and python formats.
 
==Advanced features==
 
TurtleBlocks boasts the unique ability to create physical
 
manifestations of turtle designs out of various materials
 
using laser and vinyl cutters. This feature sets TurtleBlocks
 
apart from other block-based turtle programming
 
environments, such as TurtleArt, that focus on creating
 
colored pictures
 
 
=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)
 
 
|-
 
|-
| 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%;|Here we have to follow very lengthy code to write square.
Now, Enter your ubuntu login password(it will be hide) then press Enter.
+
|style="width: 50%;|Here we can draw the square by using very short code.
 
|-
 
|-
| From the web || Steps - Follow the below link for Installing through web, but again it will take you through software center.
+
|style="width: 50%;|[[File:Step_12_repeat_and_forward.png|450px]]
https://apps.ubuntu.com/cat/applications/precise/turteblocks/
+
|style="width: 50%;|[[File:Square_with_repeat.png|450px]]
 
|-
 
|-
| Web based registration || Steps -
+
|style="width: 50%;|In flow palette select repeat block and set number as 4 to write 4 sides.
 +
|style="width: 50%;|To move the turtle select forward block in turtle palette set the measurement.
 
|}
 
|}
  
=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
+
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=
 
<nowiki>{{subst:Explore_an_application}} on the page you create for your tool.  Page Name should be "Learn ToolName"</nowiki>
 
  
 
[[Category:Explore an application]]
 
[[Category:Explore an application]]

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