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

|-

|-

|| Menu Bar  

|| Menu Bar  

|-

|-

|| Toolbar  

|| Toolbar  

|-

|-

||We will also learn about,

||We will also learn about,

|-

|-

|| Moving the '''Turtle'''  

|| Moving the '''Turtle'''  

|-

|-

||Drawing lines and changing directions.

||Drawing lines and changing directions.

|-

|-

|-

|-

|-

|-

|-

|-

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

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

|-

|-

||It is useful for computer aided interactive learning

||It is useful for computer aided interactive learning

|-

|-

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

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

|-

|-

||KTurtle makes programming easy and accessible .

||KTurtle makes programming easy and accessible .

|-

|-

|| Helps teach kids basics of mathematics.

|| Helps teach kids basics of mathematics.

|-

|-

|-

|-

|-

|-

|-

|-

'''

'''

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

||A typical KTurtle window looks like this.  

||A typical KTurtle window looks like this.  

|-

|-

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

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

|-

|-

||In the menu bar on the top,  

||In the menu bar on the top,  

|-

|-

|-

|-

|-

|-

|-

|-

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

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

|-

|-

||Most of the functions of the editor can be found in the  '''File''' and '''Edit''' menus.  

||Most of the functions of the editor can be found in the  '''File''' and '''Edit''' menus.  

|-

|-

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

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

|-

|-

||Easiest way is to use an example.  

||Easiest way is to use an example.  

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

||or copy/paste some code in the editor  

||or copy/paste some code in the editor  

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

||It presents a list of execution speeds.  

||It presents a list of execution speeds.  

|-

|-

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

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

|-

|-

||'''Full speed,'''  

||'''Full speed,'''  

|-

|-

||'''Slow,'''

||'''Slow,'''

|-

|-

||'''Slower,'''  

||'''Slower,'''  

|-

|-

||'''Slowest''' and  

||'''Slowest''' and  

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

||It can move forwards. It can move backwards

||It can move forwards. It can move backwards

|-

|-

||It can turn left or right.  

||It can turn left or right.  

|-

|-

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

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

|-

|-

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

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

|-

|-

||Let us go through a simple example.  

||Let us go through a simple example.  

|-

|-

||In your editor, type the following commands:  

||In your editor, type the following commands:  

|-

|-

||'''reset '''   

||'''reset '''   

|-

|-

||'''forward 100'''  

||'''forward 100'''  

|-

|-

||'''turnright 120 '''

||'''turnright 120 '''

|-

|-

||'''forward  100'''  

||'''forward  100'''  

|-

|-

||'''turnright  120'''  

||'''turnright  120'''  

|-

|-

||'''forward 100'''  

||'''forward 100'''  

|-

|-

||'''turnright  120'''  

||'''turnright  120'''  

|-

|-

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

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

|-

|-

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

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

|-

|-

||Different types of commands are highlighted differently,  

||Different types of commands are highlighted differently,  

|-

|-

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

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

|-

|-

||I will explain the code now.  

||I will explain the code now.  

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

||Let's now execute the code.

||Let's now execute the code.

|-

|-

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

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

|-

|-

||Here the triangle is drawn.

||Here the triangle is drawn.

|-

|-

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

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

|-

|-

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

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

|-

|-

||I will clear the current program.

||I will clear the current program.

|-

|-

||Let me zoom into the program text to have a clear view.

||Let me zoom into the program text to have a clear view.

|-

|-

||Type the following commands into your editor:  

||Type the following commands into your editor:  

|-

|-

||'''reset'''  

||'''reset'''  

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

||'''penwidth'''  space  '''2'''  

||'''penwidth'''  space  '''2'''  

|-

|-

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

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

|-

|-

||'''forward 100'''  

||'''forward 100'''  

|-

|-

||'''turnleft  120'''  

||'''turnleft  120'''  

}  

}  

|-

|-

||Let me now explain the code.

||Let me now explain the code.

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

||3 sides of the triangle are drawn.  

||3 sides of the triangle are drawn.  

|-

|-

||Let's Run the code now

||Let's Run the code now

|-

|-

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

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

|-

|-

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

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

|-

|-

||Let's now save the file.

||Let's now save the file.

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

||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.

||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.

|-

|-

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

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

|-

|-

||Let's summarize.

||Let's summarize.

|-

|-

||In this tutorial, we have learnt about,

||In this tutorial, we have learnt about,

|-

|-

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

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

|-

|-

||  Move Turtle  

||  Move Turtle  

|-

|-

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

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

|-

|-

|| Draw a '''triangle'''

|| Draw a '''triangle'''

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

||It summarises the Spoken Tutorial project

||It summarises the Spoken Tutorial project

|-

|-

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

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

|-

|-

||The Spoken Tutorial Project Team :  

||The Spoken Tutorial Project Team :  

|-

|-

||Conducts workshops using spoken tutorials

||Conducts workshops using spoken tutorials

|-

|-

||Gives certificates to those who pass an online test  

||Gives certificates to those who pass an online test  

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

|-

|-

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

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

Thank you for joining.  

Thank you for joining.  

|-

|-