Difference between revisions of "LibreOffice-Suite-Draw/C3/Flow-Charts-Connectors-Glue-Points/English-timed"
From Script | Spoken-Tutorial
PoojaMoolya (Talk | contribs) |
Sandhya.np14 (Talk | contribs) |
||
(4 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{| border=1 | {| border=1 | ||
− | |Time | + | |'''Time''' |
− | |Narration | + | |'''Narration''' |
|- | |- | ||
|00:01 | |00:01 | ||
− | |Welcome to the Spoken Tutorial | + | |Welcome to the '''Spoken Tutorial''' on '''Flowcharts, Glue Points and '''Beizer curves'''in '''LibreOffice Draw'''. |
|- | |- | ||
|00:08 | |00:08 | ||
− | |In this tutorial you will learn to | + | |In this tutorial, you will learn to draw '''Beizer curves'''and '''Flowcharts'''. |
|- | |- | ||
|00:14 | |00:14 | ||
− | | You will also learn how to | + | |You will also learn how to connect '''Flowcharts''' using '''Connectors''' and '''Glue points.''' |
|- | |- | ||
|00:20 | |00:20 | ||
− | | Here we are using '''Ubuntu Linux version 10.04''' and '''LibreOffice Suite version 3.3.4.''' | + | |Here, we are using: '''Ubuntu Linux''' version '''10.04''' and '''LibreOffice Suite''' version '''3.3.4.''' |
|- | |- | ||
− | | 00:29 | + | |00:29 |
|Let’s learn about '''Bezier Curves'''. | |Let’s learn about '''Bezier Curves'''. | ||
Line 37: | Line 37: | ||
|- | |- | ||
|00:50 | |00:50 | ||
− | |The points on the curve are referred to as | + | |The points on the curve are referred to as '''Node'''s. |
|- | |- | ||
|00:54 | |00:54 | ||
− | |Let us go to our | + | |Let us go to our 'Routemap' file. |
|- | |- | ||
|00:58 | |00:58 | ||
− | |Let’s | + | |Let’s go to the '''Commercial Complex''' from '''Home.''' |
|- | |- | ||
Line 53: | Line 53: | ||
|- | |- | ||
|01:08 | |01:08 | ||
− | |Remember, previously we had grouped the drawing. So let’s ungroup it. | + | |Remember, previously we had grouped the drawing. So, let’s '''ungroup''' it. |
|- | |- | ||
|01:14 | |01:14 | ||
− | |Now, from the Drawing toolbar, click '''Curve''' and select '''Curve.''' | + | |Now, from the '''Drawing''' toolbar, click '''Curve''' and select '''Curve.''' |
|- | |- | ||
|01:20 | |01:20 | ||
− | |On the Draw page, click on the start point of the route - this is '''Home.''' | + | |On the '''Draw''' page, click on the start point of the route - this is '''Home.''' |
|- | |- | ||
|01:27 | |01:27 | ||
− | |Keep the left mouse button pressed and drag till the '''Play Ground. ''' | + | |Keep the left-mouse-button pressed and drag till the '''Play Ground. ''' |
|- | |- | ||
Line 73: | Line 73: | ||
|- | |- | ||
|01:36 | |01:36 | ||
− | |Release the mouse button. | + | |Release the '''mouse button'''. |
|- | |- | ||
|01:39 | |01:39 | ||
− | |Now move the pointer to the '''Commercial Complex.''' | + | |Now, move the pointer to the '''Commercial Complex.''' |
|- | |- | ||
|01:43 | |01:43 | ||
− | |The line will curve as the mouse moves. | + | |The line will curve as the '''mouse''' moves. |
|- | |- | ||
|01:47 | |01:47 | ||
− | |Double-click at the end point, that is the '''Commercial Complex.''' | + | |Double-click at the end point, that is, the '''Commercial Complex.''' |
|- | |- | ||
Line 96: | Line 96: | ||
|- | |- | ||
− | | 01:59 | + | |01:59 |
− | |Now let us edit the points on this curve using the '''Edit Points'''toolbar. | + | |Now, let us edit the points on this curve using the '''Edit Points''' toolbar. |
|- | |- | ||
|02:05 | |02:05 | ||
− | |Click on the | + | |Click on the curve. |
|- | |- | ||
|02:07 | |02:07 | ||
|To enable the '''Edit Points''' toolbar, right-click on the curve and choose '''Edit Points'''. | |To enable the '''Edit Points''' toolbar, right-click on the curve and choose '''Edit Points'''. | ||
+ | |||
|- | |- | ||
|02:14 | |02:14 | ||
− | |When the blue boxes appear at the end-points of the curve, we can edit the curve. | + | |When the blue boxes appear at the end-points of the curve, we can '''edit''' the curve. |
|- | |- | ||
Line 124: | Line 125: | ||
|- | |- | ||
|02:35 | |02:35 | ||
− | |Double-click anywhere on the Draw page, once you have made a change. | + | |Double-click anywhere on the '''Draw''' page, once you have made a change. |
|- | |- | ||
− | | 02:41 | + | |02:41 |
|You can use the '''Edit Points''' toolbar to insert, move or delete points on the curve to create a smoother curve. | |You can use the '''Edit Points''' toolbar to insert, move or delete points on the curve to create a smoother curve. | ||
Line 136: | Line 137: | ||
|- | |- | ||
|02:54 | |02:54 | ||
− | |Draw a '''Bezier curve''' and | + | |Draw a '''Bezier curve''' and work with all the options |
|- | |- | ||
|02:59 | |02:59 | ||
− | | | + | |using the '''Edit Points''' toolbar. |
|- | |- | ||
− | | 03:02 | + | |03:02 |
|Now, let us learn to create '''Flowcharts'''. | |Now, let us learn to create '''Flowcharts'''. | ||
|- | |- | ||
|03:05 | |03:05 | ||
− | |Let’s add 2 new | + | |Let’s add 2 new '''page'''s to the file '''RouteMap'''. |
|- | |- | ||
|03:10 | |03:10 | ||
− | |Draw provides a separate option in the Drawing toolbar for '''Flowcharts'''. | + | |'''Draw''' provides a separate option in the '''Drawing''' toolbar for '''Flowcharts'''. |
|- | |- | ||
|03:17 | |03:17 | ||
− | |This flowchart shows all the stages in the Spoken Tutorial process. | + | |This flowchart shows all the stages in the '''Spoken Tutorial''' process. |
|- | |- | ||
− | | 03:22 | + | |03:22 |
|Let’s create this flowchart. | |Let’s create this flowchart. | ||
|- | |- | ||
|03:26 | |03:26 | ||
− | |From the Drawing toolbar click on '''Flowcharts'''. | + | |From the '''Drawing''' toolbar, click on '''Flowcharts'''. |
|- | |- | ||
Line 172: | Line 173: | ||
|- | |- | ||
|03:37 | |03:37 | ||
− | |Place the cursor on the Draw page, hold the left mouse button and drag it down. | + | |Place the cursor on the '''Draw''' page, hold the left-mouse-button and drag it down. |
|- | |- | ||
− | | 03:44 | + | |03:44 |
|You have drawn a '''Process''' box. | |You have drawn a '''Process''' box. | ||
|- | |- | ||
− | | 03:47 | + | |03:47 |
|A '''Process''' box represents a step or an event in the entire process. | |A '''Process''' box represents a step or an event in the entire process. | ||
|- | |- | ||
− | | 03:54 | + | |03:54 |
− | |We can insert text in flowchart objects | + | |We can insert text in flowchart objects too. |
|- | |- | ||
|03:59 | |03:59 | ||
− | |Let’s double-click on the Process box and type the text | + | |Let’s double-click on the '''Process''' box and type the text "Create the Tutorial Outline to chunk content into 10-minute scripts" inside it. |
|- | |- | ||
− | | 04:13 | + | |04:13 |
|Formatting options for '''Flowcharts''' are also similar to that of other objects. | |Formatting options for '''Flowcharts''' are also similar to that of other objects. | ||
|- | |- | ||
− | | 04:20 | + | |04:20 |
|Now, let’s align the text inside the '''Process''' box. | |Now, let’s align the text inside the '''Process''' box. | ||
Line 201: | Line 202: | ||
|04:24 | |04:24 | ||
|Let us select the text. | |Let us select the text. | ||
+ | |||
|- | |- | ||
|04:27 | |04:27 | ||
Line 206: | Line 208: | ||
|- | |- | ||
− | | 04:32 | + | |04:32 |
− | |The '''Text''' dialog box appears. | + | |The '''Text''' dialog-box appears. |
|- | |- | ||
|04:35 | |04:35 | ||
− | |In the '''Text''' dialog box, check the box Resize shape to fit text width. | + | |In the '''Text''' dialog-box, check the box '''"Resize shape to fit text width"'''. Click '''OK'''. |
|- | |- | ||
− | | 04:43 | + | |04:43 |
|You will see that the '''Process''' box has changed its shape to fit the text! | |You will see that the '''Process''' box has changed its shape to fit the text! | ||
|- | |- | ||
|04:49 | |04:49 | ||
− | |Now let us undo this action | + | |Now, let us '''undo''' this action by pressing the '''Ctrl+Z''' keys together. |
|- | |- | ||
Line 231: | Line 233: | ||
|- | |- | ||
|05:05 | |05:05 | ||
− | |The ''' Text''' dialog box appears. | + | |The ''' Text''' dialog-box appears. |
|- | |- | ||
|05:08 | |05:08 | ||
− | |Let us check the option '''Word wrap text in shape.''' | + | |Let us check the option '''"Word wrap text in shape".''' Click '''OK.''' |
− | Click '''OK.''' | + | |
|- | |- | ||
− | | 05:15 | + | |05:15 |
|The text has adjusted itself to fit the shape of the '''Process''' box. | |The text has adjusted itself to fit the shape of the '''Process''' box. | ||
Line 248: | Line 249: | ||
|- | |- | ||
|05:28 | |05:28 | ||
− | |Let us insert the text | + | |Let us insert the text "Create Scripts" inside it. |
|- | |- | ||
|05:33 | |05:33 | ||
− | |Now, | + | |Now, let's draw a '''Decision''' box and insert the text "Review Okay?" inside it. |
|- | |- | ||
− | | 05:42 | + | |05:42 |
|A '''Decision''' box represents a decision that has to be made. | |A '''Decision''' box represents a decision that has to be made. | ||
Line 268: | Line 269: | ||
|- | |- | ||
|05:58 | |05:58 | ||
− | |Let us insert the text | + | |Let us insert the text "Record Video" inside it. |
|- | |- | ||
|06:04 | |06:04 | ||
− | |Next, we need another '''Decision''' box here | + | |Next, we need another '''Decision''' box here with the text "Review Okay?". |
|- | |- | ||
|06:12 | |06:12 | ||
− | |Let’s copy the '''Decision''' box we created before and place it here. | + | |Let’s copy the '''Decision''' box, we created before, and place it here. |
|- | |- | ||
|06:18 | |06:18 | ||
− | |So, select the '''Decision''' box and press the | + | |So, select the '''Decision''' box and press the '''Ctrl+C''' keys together. |
|- | |- | ||
|06:25 | |06:25 | ||
− | |Now press the | + | |Now, press the '''Ctrl+V''' keys together. |
|- | |- | ||
Line 292: | Line 293: | ||
|- | |- | ||
|06:35 | |06:35 | ||
− | |Now enter the text | + | |Now, enter the text "Review Okay" inside it. |
|- | |- | ||
|06:40 | |06:40 | ||
− | |Finally let’s draw a flowchart-connector and type A inside it. | + | |Finally, let’s draw a '''flowchart-connector''' and type 'A' inside it. |
|- | |- | ||
− | | 06:48 | + | |06:48 |
|A flowchart-connector connects two parts of a flowchart. | |A flowchart-connector connects two parts of a flowchart. | ||
Line 319: | Line 320: | ||
|- | |- | ||
− | | 07:13 | + | |07:13 |
− | |Before we connect the objects, let us learn about '''Connector Lines''' and '''Glue Points''' in Draw. | + | |Before we connect the objects, let us learn about '''Connector Lines''' and '''Glue Points''' in '''Draw'''. |
|- | |- | ||
|07:21 | |07:21 | ||
− | |'''Connectors''' are lines or arrows | + | |'''Connectors''' are lines or arrows whose ends are attached or docked to an object. |
|- | |- | ||
|07:28 | |07:28 | ||
− | |'''Glue points''' as the name indicates are the points that glue the connectors to the objects. | + | |'''Glue points'''- as the name indicates are the points that glue the connectors to the objects. |
|- | |- | ||
Line 340: | Line 341: | ||
|- | |- | ||
|07:41 | |07:41 | ||
− | | | + | |they become visible when a connector is selected from the '''Drawing''' toolbar or when the '''mouse pointer''' is moved over an object. |
|- | |- | ||
|07:51 | |07:51 | ||
− | |'''Glue points''' are not the same as | + | |'''Glue points''' are not the same as '''handle'''s. |
|- | |- | ||
Line 356: | Line 357: | ||
|- | |- | ||
|08:02 | |08:02 | ||
− | |Now, let us connect the objects in the flowchart using | + | |Now, let us connect the objects in the flowchart using '''connector'''s. |
|- | |- | ||
|08:07 | |08:07 | ||
− | |Go to the Drawing toolbar and select '''Connector.''' | + | |Go to the '''Drawing''' toolbar and select '''Connector.''' |
|- | |- | ||
Line 368: | Line 369: | ||
|- | |- | ||
|08:18 | |08:18 | ||
− | |Let us select the option '''Straight Connector | + | |Let us select the option '''Straight Connector ends with Arrow'''. |
|- | |- | ||
|08:23 | |08:23 | ||
− | |When you select the '''Connector''', you will see cross marks on all the objects in the Draw page. | + | |When you select the '''Connector''', you will see cross marks on all the objects in the '''Draw''' page. |
|- | |- | ||
Line 379: | Line 380: | ||
|- | |- | ||
− | | 08:34 | + | |08:34 |
− | |Now let’s draw a line from the glue point of the first process box to glue point of the next process box. | + | |Now, let’s draw a line from the '''glue point''' of the first '''process''' box to glue point of the next process box. |
|- | |- | ||
|08:44 | |08:44 | ||
− | |We will connect all the flowchart objects, in a top-to-down manner using | + | |We will connect all the flowchart objects, in a top-to-down manner, using '''connector'''s. |
|- | |- | ||
|08:52 | |08:52 | ||
− | |You will notice that | + | |You will notice that every line automatically docks itself to the nearest '''glue point''', wherever you place the cursor. |
|- | |- | ||
− | | 09:03 | + | |09:03 |
− | |Now let’s connect the '''Process''' and '''Decision''' boxes. | + | |Now, let’s connect the '''Process''' and '''Decision''' boxes. |
|- | |- | ||
|09:08 | |09:08 | ||
− | |From the Drawing toolbar, select the option '''Connector | + | |From the '''Drawing''' toolbar, select the option '''Connector Ends with Arrow.''' |
|- | |- | ||
|09:14 | |09:14 | ||
− | |From the '''Process''' box let’s connect to the '''Decision''' box. | + | |From the '''Process''' box, let’s connect to the '''Decision''' box. |
|- | |- | ||
Line 407: | Line 408: | ||
|- | |- | ||
− | | 09:25 | + | |09:25 |
|You can also add text to a '''connector.''' | |You can also add text to a '''connector.''' | ||
|- | |- | ||
− | | 09:29 | + | |09:29 |
− | |On the '''connector''' from the '''Decision''' box to the '''Process''' box, let us type | + | |On the '''connector''' from the '''Decision''' box to the '''Process''' box, let us type: "No". |
|- | |- | ||
|09:35 | |09:35 | ||
|To select the '''connector''', just double-click on it. | |To select the '''connector''', just double-click on it. | ||
− | |||
|- | |- | ||
− | | 09:39 | + | |09:39 |
− | |The end control points become active | + | |The end control-points become active |
|- | |- | ||
|09:43 | |09:43 | ||
− | | | + | |and the text cursor appears. |
|- | |- | ||
|09:46 | |09:46 | ||
− | |Let us type the text | + | |Let us type the text "No". |
|- | |- | ||
Line 441: | Line 441: | ||
|- | |- | ||
|09:57 | |09:57 | ||
− | |Let’s save our flowchart by pressing Ctrl+S keys. | + | |Let’s '''save''' our flowchart by pressing '''Ctrl+S''' keys. |
|- | |- | ||
− | | 10:03 | + | |10:03 |
− | |You can also connect the objects using lines and arrows | + | |You can also connect the objects using lines and arrows too. |
|- | |- | ||
Line 465: | Line 465: | ||
|- | |- | ||
|10:24 | |10:24 | ||
− | | | + | |whose end-points are automatically docked |
|- | |- | ||
|10:28 | |10:28 | ||
− | | | + | |to the '''glue points''' of an object. |
|- | |- | ||
Line 481: | Line 481: | ||
|- | |- | ||
|10:40 | |10:40 | ||
− | |Create the second part of the Spoken Tutorial | + | |Create the second part of the '''Spoken Tutorial''' flowchart. |
|- | |- | ||
|10:45 | |10:45 | ||
− | |Color the ''' | + | |Color the '''process''' boxes. |
|- | |- | ||
|10:48 | |10:48 | ||
− | |Draw a '''connector''' with the letter | + | |Draw a '''connector''' with the letter 'A'. |
|- | |- | ||
Line 500: | Line 500: | ||
|- | |- | ||
− | | | + | |10:59 |
|This brings us to the end of this tutorial. | |This brings us to the end of this tutorial. | ||
− | |||
|- | |- | ||
|11:02 | |11:02 | ||
− | |In this tutorial, you have learnt about: | + | |In this tutorial, you have learnt about:'''Flowcharts''', '''Connectors''', '''Glue points'''. |
− | + | ||
− | '''Connectors''' | + | |
− | '''Glue points''' | + | |
|- | |- | ||
|11:09 | |11:09 | ||
− | |Watch the video available at the following link | + | |Watch the video available at the following link. |
|- | |- | ||
|11:13 | |11:13 | ||
− | |It | + | |It summarizes the Spoken Tutorial project. |
|- | |- | ||
|11:17 | |11:17 | ||
− | |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. |
|- | |- | ||
|11:22 | |11:22 | ||
− | |The Spoken Tutorial Project | + | |The Spoken Tutorial Project team: |
|- | |- | ||
|11:24 | |11:24 | ||
− | |Conducts workshops using spoken tutorials | + | |Conducts workshops using spoken tutorials. |
|- | |- | ||
|11:28 | |11:28 | ||
− | |Gives certificates for those who pass an online test | + | |Gives certificates for those who pass an online test. |
|- | |- | ||
|11:32 | |11:32 | ||
− | |For more details, please write to contact at spoken hyphen tutorial dot org | + | |For more details, please write to: |
+ | '''contact at spoken hyphen tutorial dot org'''. | ||
|- | |- | ||
|11:40 | |11:40 | ||
− | |Spoken Tutorial | + | |'''Spoken Tutorial''' project is a part of the '''Talk to a Teacher''' project. |
|- | |- | ||
|11:45 | |11:45 | ||
− | |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. |
|- | |- | ||
|11:53 | |11:53 | ||
− | |More information on this | + | |More information on this mission is available at: |
+ | '''spoken hyphen tutorial dot org slash NMEICT hyphen Intro'''. | ||
|- | |- | ||
− | |||
|12:05 | |12:05 | ||
− | + | |This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd. | |
− | | | + | Thanks for joining. |
− | + | ||
− | + | ||
|- | |- | ||
|} | |} |
Latest revision as of 16:02, 29 September 2018
Time | Narration |
00:01 | Welcome to the Spoken Tutorial on Flowcharts, Glue Points and Beizer curvesin LibreOffice Draw. |
00:08 | In this tutorial, you will learn to draw Beizer curvesand Flowcharts. |
00:14 | You will also learn how to connect Flowcharts using Connectors and Glue points. |
00:20 | Here, we are using: Ubuntu Linux version 10.04 and LibreOffice Suite version 3.3.4. |
00:29 | Let’s learn about Bezier Curves. |
00:33 | Bezier Curves are used mainly in computer graphics to make curves smoother. |
00:40 | You can use these curves to experiment with the shape and size of curves. |
00:45 | All curves have a start point and an end point. |
00:50 | The points on the curve are referred to as Nodes. |
00:54 | Let us go to our 'Routemap' file. |
00:58 | Let’s go to the Commercial Complex from Home. |
01:03 | To do so, we have to go right from the Parking Lot. |
01:08 | Remember, previously we had grouped the drawing. So, let’s ungroup it. |
01:14 | Now, from the Drawing toolbar, click Curve and select Curve. |
01:20 | On the Draw page, click on the start point of the route - this is Home. |
01:27 | Keep the left-mouse-button pressed and drag till the Play Ground. |
01:32 | You will see a straight line. |
01:36 | Release the mouse button. |
01:39 | Now, move the pointer to the Commercial Complex. |
01:43 | The line will curve as the mouse moves. |
01:47 | Double-click at the end point, that is, the Commercial Complex. |
01:52 | We have drawn a curve! |
01:55 | Notice that the curve transition is smooth. |
01:59 | Now, let us edit the points on this curve using the Edit Points toolbar. |
02:05 | Click on the curve. |
02:07 | To enable the Edit Points toolbar, right-click on the curve and choose Edit Points. |
02:14 | When the blue boxes appear at the end-points of the curve, we can edit the curve. |
02:21 | Click on the start point of the curve. |
02:24 | You will see a dotted line with a control point. |
02:29 | You can now drag the dotted line to reduce or expand the curve, as required. |
02:35 | Double-click anywhere on the Draw page, once you have made a change. |
02:41 | You can use the Edit Points toolbar to insert, move or delete points on the curve to create a smoother curve. |
02:50 | Here is a small assignment for you. |
02:54 | Draw a Bezier curve and work with all the options |
02:59 | using the Edit Points toolbar. |
03:02 | Now, let us learn to create Flowcharts. |
03:05 | Let’s add 2 new pages to the file RouteMap. |
03:10 | Draw provides a separate option in the Drawing toolbar for Flowcharts. |
03:17 | This flowchart shows all the stages in the Spoken Tutorial process. |
03:22 | Let’s create this flowchart. |
03:26 | From the Drawing toolbar, click on Flowcharts. |
03:30 | Click on the small black triangle and select Flowchart: Process. |
03:37 | Place the cursor on the Draw page, hold the left-mouse-button and drag it down. |
03:44 | You have drawn a Process box. |
03:47 | A Process box represents a step or an event in the entire process. |
03:54 | We can insert text in flowchart objects too. |
03:59 | Let’s double-click on the Process box and type the text "Create the Tutorial Outline to chunk content into 10-minute scripts" inside it. |
04:13 | Formatting options for Flowcharts are also similar to that of other objects. |
04:20 | Now, let’s align the text inside the Process box. |
04:24 | Let us select the text. |
04:27 | Right-click to view the Context menu and click Text. |
04:32 | The Text dialog-box appears. |
04:35 | In the Text dialog-box, check the box "Resize shape to fit text width". Click OK. |
04:43 | You will see that the Process box has changed its shape to fit the text! |
04:49 | Now, let us undo this action by pressing the Ctrl+Z keys together. |
04:55 | Again, let’s select the text. |
04:59 | Go to the Main menu and select Format and click Text. |
05:05 | The Text dialog-box appears. |
05:08 | Let us check the option "Word wrap text in shape". Click OK. |
05:15 | The text has adjusted itself to fit the shape of the Process box. |
05:21 | In the same manner, let us now draw another Process box beneath the first one. |
05:28 | Let us insert the text "Create Scripts" inside it. |
05:33 | Now, let's draw a Decision box and insert the text "Review Okay?" inside it. |
05:42 | A Decision box represents a decision that has to be made. |
05:46 | It directs us to the next process based on the outcome of the decision. |
05:52 | Let us now draw another Process box beneath the Decision box. |
05:58 | Let us insert the text "Record Video" inside it. |
06:04 | Next, we need another Decision box here with the text "Review Okay?". |
06:12 | Let’s copy the Decision box, we created before, and place it here. |
06:18 | So, select the Decision box and press the Ctrl+C keys together. |
06:25 | Now, press the Ctrl+V keys together. |
06:29 | Let’s move this box beneath the previous Process box. |
06:35 | Now, enter the text "Review Okay" inside it. |
06:40 | Finally, let’s draw a flowchart-connector and type 'A' inside it. |
06:48 | A flowchart-connector connects two parts of a flowchart. |
06:53 | Let’s say that the first part of the flowchart is on one page |
06:58 | and the second part on another page. |
07:02 | We draw a flowchart-connector at the end of the flowchart on the first page. |
07:08 | Then we draw the same connector at the beginning of the second page. |
07:13 | Before we connect the objects, let us learn about Connector Lines and Glue Points in Draw. |
07:21 | Connectors are lines or arrows whose ends are attached or docked to an object. |
07:28 | Glue points- as the name indicates are the points that glue the connectors to the objects. |
07:35 | All the objects have glue points. |
07:39 | These are invisible; |
07:41 | they become visible when a connector is selected from the Drawing toolbar or when the mouse pointer is moved over an object. |
07:51 | Glue points are not the same as handles. |
07:54 | We use handles to re-size the object. |
07:58 | Glue points are used to glue the connector to an object. |
08:02 | Now, let us connect the objects in the flowchart using connectors. |
08:07 | Go to the Drawing toolbar and select Connector. |
08:12 | Click on the small black triangle to see the different types of Connectors. |
08:18 | Let us select the option Straight Connector ends with Arrow. |
08:23 | When you select the Connector, you will see cross marks on all the objects in the Draw page. |
08:31 | These are the glue points. |
08:34 | Now, let’s draw a line from the glue point of the first process box to glue point of the next process box. |
08:44 | We will connect all the flowchart objects, in a top-to-down manner, using connectors. |
08:52 | You will notice that every line automatically docks itself to the nearest glue point, wherever you place the cursor. |
09:03 | Now, let’s connect the Process and Decision boxes. |
09:08 | From the Drawing toolbar, select the option Connector Ends with Arrow. |
09:14 | From the Process box, let’s connect to the Decision box. |
09:19 | Similarly, let’s connect the Decision box with the next Process box. |
09:25 | You can also add text to a connector. |
09:29 | On the connector from the Decision box to the Process box, let us type: "No". |
09:35 | To select the connector, just double-click on it. |
09:39 | The end control-points become active |
09:43 | and the text cursor appears. |
09:46 | Let us type the text "No". |
09:49 | Let us do this once more for the other connector. |
09:54 | We have created a simple flowchart! |
09:57 | Let’s save our flowchart by pressing Ctrl+S keys. |
10:03 | You can also connect the objects using lines and arrows too. |
10:08 | But in that case, you should group the objects. |
10:11 | This is because arrows do not stay docked to objects. |
10:16 | How are connectors different from Lines and Arrows? |
10:21 | Connectors are lines or arrows |
10:24 | whose end-points are automatically docked |
10:28 | to the glue points of an object. |
10:31 | Lines and Arrows, on the other hand, do not dock automatically. |
10:36 | Pause this tutorial and do this assignment. |
10:40 | Create the second part of the Spoken Tutorial flowchart. |
10:45 | Color the process boxes. |
10:48 | Draw a connector with the letter 'A'. |
10:51 | It should be the first object in this flowchart. |
10:55 | It should look like this. |
10:59 | This brings us to the end of this tutorial. |
11:02 | In this tutorial, you have learnt about:Flowcharts, Connectors, Glue points. |
11:09 | Watch the video available at the following link. |
11:13 | It summarizes the Spoken Tutorial project. |
11:17 | If you do not have good bandwidth, you can download and watch it. |
11:22 | The Spoken Tutorial Project team: |
11:24 | Conducts workshops using spoken tutorials. |
11:28 | Gives certificates for those who pass an online test. |
11:32 | For more details, please write to:
contact at spoken hyphen tutorial dot org. |
11:40 | Spoken Tutorial project is a part of the Talk to a Teacher project. |
11:45 | It is supported by the National Mission on Education through ICT, MHRD, Government of India. |
11:53 | More information on this mission is available at:
spoken hyphen tutorial dot org slash NMEICT hyphen Intro. |
12:05 | This tutorial has been contributed by DesiCrew Solutions Pvt. Ltd.
Thanks for joining. |