Difference between revisions of "KTurtle/C2/Introduction-to-KTurtle/English-timed"

!Narration

|00.01

||Hello everybody. Welcome to this tutorial on '''Introduction to KTurtle.'''  

|00.07

||In this tutorial I will introduce you to the basics of getting started with '''KTurtle.'''  

||00.14

||In this tutorial, we will learn about

|00.17

||KTurtle Window

|00.19

||Editor  

|00.20

|| Canvas

|00.21

|| Menu Bar

|00.22

|| Toolbar

|00.24

||We will also learn about,

|00.26

|| Moving the '''Turtle'''

|00.28

||Drawing '''lines and changing directions'''  

|00.32

||Draw a '''triangle'''  

||00.34

||To record this tutorial I am using  Ubuntu Linux OS version. 12.04.  KTurtle version. 0.8.1 beta.  

||00.47

||What is KTurtle?

|00.49

||'''KTurtle''' is a '''free tool''' to learn basic programming.  

|00.53

||It is useful for '''computer aided interactive learning'''

|00.59

||'''KTurtle''' is  available for download at '''http://edu.kde.org/kturtle/'''

||01.12

||KTurtle makes programming '''easy''' and '''accessible .'''

|01.18

|| Helps teach kids '''basics of mathematics.'''  

|01.22

||Translates commands to '''speaking language''' of the programmer

|01.27

||Translates commands into '''visuals.'''

||01.31

|| We can install  '''KTurtle''' using '''Synaptic Package Manager .'''

|01.36

|| for more information on '''Synaptic Package Manager

'''

|01.40

|| please refer to '''Ubuntu Linux''' tutorials on our website'''http://spoken-tutorial.org'''

||01.46

||Let's open a new '''KTurtle''' Application.

|01.50

||Click on '''Dash home'''.

|01.52

||In the Search bar, type '''KTurtle.'''  

|01.55

||And Click on the '''KTurtle''' icon.

|-

||A typical KTurtle window looks like this.  

|02.02

||This is the '''Menubar'''.

|02.04

||In the menu bar on the top,

|02.06

||You will find menu items 

|02.08

||02.17

||In the tool bar, you can reach for most of the actions used.  

||02.23

||'''Editor''' is on the left, where you can type the '''TurtleScript''' commands.  

|02.30

||02.37

||There are several ways to enter the code in the editor.  

|02.42

||Easiest way is to use an example.  

|02.46

||Go to  '''File''' menu > select  '''Examples'''  

|02.50

||Here I will select a '''flower'''

|02.53

||Code of the selected example opens in the editor.  

|02.58

||Click on the '''Run''' button from '''Menu bar''' or ''' Tool bar''' to run the code.  

|03.04

||Another way is to directly type your own code in the editor

|03.10

||or copy/paste some code in the editor  

|03.13

||for example:  from other '''KTurtle''' files

||03.18

||Canvas is on the right, where '''Turtle''' makes your drawings.  

|03.24

||'''Turtle''' draws accordingly to the commands it gets from the editor on the canvas  

||03.32

||'''Run''' option on the tool bar starts ''' execution''' of the commands in the editor.  

|03.39

||It presents a list of execution speeds.  

|03.43

||'''Full speed(No highlighting and inspector),'''

|03.46

||'''Full speed,'''  

|03.48

||'''Slow,'''

|03.49

||'''Slower,'''  

|03.51

||'''Slowest''' and  

|03.52

||'''Step-by-Step'''  

|03.55

||'''Abort''' and  '''pause''' options allow you to stop and pause the executions respectively.

||04.03

||Let's now '''Run''' this code .

|04.06

||'''Turtle''' draws a '''flower''' on the canvas.

||04.11

||When you open a new '''KTurtle''' application.

||04.15

||'''Turtle''' is in the middle of the canvas by '''default.'''

||04.19

||Let's now move the '''Turtle.'''

||04.22

||'''Turtle''' can do three types of moves:

||04.25

||It can move forwards. It can move backwards

||04.29

||It can turn left or right.  

||04.32

||It can also jump directly to a position on the screen.  

||04.38

||Let me zoom into the program text it may possibly be a little blurred.

||04.44

||Let us go through a simple example.

||04.48

||In your editor, type the following commands:

||04.52

||'''reset '''  

||04.55

||'''forward 100'''  

||04.58

||'''turnright 120 '''

||05.02

||'''forward 100'''  

||05.07

||'''turnright 120'''  

||05.11

||'''forward 100'''

||05.15

||'''turnright  120'''  

||05.18

||Note that the color of the code changes as we type .

||05.23

||This feature is called '''highlighting.'''

||05.26

||Different types of commands are highlighted differently,

||05.31

||which makes it easier to read '''large blocks''' of code.

||05.36

||I will explain the code now.  

|| 05.38

||'''reset''' command sets Turtle to '''default''' position.  

||05.42

||'''forward 100''' commands Turtle to move forward by '''100 pixels.'''

||05.49

||'''turnright 120'''  commands '''Turtle''' to turn, '''120 degrees anti-clockwise'''.  

||05.56

||Note that these two commands are repeated thrice to draw a triangle.  

|| 06.03

||Let's now execute the code.

||06.06

||I will choose ''' Slow''' step so that we understand what commands  are being executed.  

||06.16

||Here the triangle is drawn.

||06.19

||Let's look at another example and also learn how to beautify our canvas.  

||06.26

||Let's draw a triangle using ''' repeat''' command.  

||06.30

||06.38

||Type the following commands into your editor:  

||06.41

||'''reset'''  

||06.44

||'''canvassize space 200,200 '''  

||06.51

||'''canvascolor space 0,255,0'''   

||07.00

||'''pencolor space 0,0,255'''   

||07.08

||'''penwidth space 2'''  

||07.12

||'''repeat''' space '''3'''  within curly braces {  

||07.19

||'''forward 100'''  

||07.23

||'''turnleft 120'''  

|| 07.27

||Let me now explain the code.

||07.30

||'''reset''' command sets '''Turtle''' to its '''default''' position.

||07.34

||'''canvassize 200,200''' sets the canvas width and height to 200 pixels.

||07.42

||'''canvascolor 0,255,0'''  makes the canvas ''' green.'''

||07.48

||'''0,255,0''' is a '''RGB''' Combination where only the green value is set to '''255''' and  the others are set to '''0'''.  

||08.03

||This makes the canvas  '''green''' in color.  

|| 08.07

||'''pencolor 0,0,255''' sets the color of pen to blue.  

||08.14

||'''RGB''' combination where blue value is set to '''255.'''  

||08.20

||'''penwidth 2''' sets the width of the pen to 2 ''' pixels'''.  

||08.27

||'''repeat''' command is followed by a number  and a list of commands within curly brackets.  

||08.33

||This repeats the commands within the curly brackets the specified number of times.  

||08.39

||Here the commands '''forward 100''' and '''turnleft 120''' are within curly brackets.

||08.47-

||'''repeat''' command is followed by the number '''3''', because a triangle has 3 sides.

||08.54

||These commands are run 3 times in a '''loop'''.  

||08.59

||3 sides of the triangle are drawn.  

||09.02

||Let's Run the code now

||09.05

||I will select '''slow'''  option for execution of the program.  

||09.09

||The canvas color becomes '''green''' and  the''' Turtle''' draws a triangle.

|| 09.20

||Let's now save the file.

||09.23

||Select '''File''' menu > '''Save As '''  

||09.27

||'''Save As''' dialog box opens.

||09.30

||I will select '''Document''' folder for saving the file.  

||09.34

||I will type the file name as '''Triangle''' and click on '''Save''' button.  

||09.41

||Notice that the name of the file appears in the '''top panel''' and it is saved as a dot turtle file like all '''Turtle''' files.

||09.53

||With this we come to the end of this tutorial.

||09.57

||Let's summarize.

|09.59

||In this tutorial, we have learnt about,

||10.02

||KTurtle's '''editor, canvas, menubar''' and toolbar  

||10.07

||  Move Turtle  

||10.09

|| Draw '''lines and change directions '''

||10.13

|| Draw a '''triangle'''

||10.15

||As an assignment I would like you to draw a '''square.''' using the  commands.

||10.21

|| '''forward, backward, turnleft, turnright''' and '''repeat'''  

||10.26

||* Set '''background color''', '''penwidth''' and '''pencolor''' of your choice

||10.32

||Change values in the ''' RGB''' combination

|| 10.37

||Watch the video available at this URL http://spoken-tutorial.org/What is a Spoken Tutorial

||10.40

||It summarises the Spoken Tutorial project

||10.44

||If you do not have good bandwidth, you can download and watch it  

||10.48

||The Spoken Tutorial Project Team :  

||10.50

||Conducts workshops using spoken tutorials

||10.53

||Gives certificates to those who pass an online test  

||10.56

||For more details, please write to '''contact@spoken-tutorial.org'''  

||11.03

||Spoken Tutorial Project is a part of the Talk to a Teacher project  

||11.08

||It is supported by the National Mission on Education  through ICT, MHRD, Government of India

||11.15

||More information on this Mission is available at this link '''http://spoken-tutorial.org/NMEICT-Intro ] '''

||11.20

||The script is contributed by '''IT for Change Bangaluru'''.

||11.24

||This is Madhuri Ganpathi from '''IIT Bombay''' signing off.