LibreOffice-Suite-Draw/C3/Flow-Charts-Connectors-Glue-Points/English-timed - Revision history

Sandhya.np14 at 10:32, 29 September 2018

2018-09-29T10:32:56Z

PoojaMoolya at 11:13, 23 March 2017

2017-03-23T11:13:36Z

PoojaMoolya at 05:51, 10 March 2017

2017-03-10T05:51:04Z

Sandhya.np14 at 11:43, 22 March 2016

2016-03-22T11:43:16Z

Sandhya.np14 at 05:44, 12 October 2015

2015-10-12T05:44:48Z

Show changes

PoojaMoolya at 11:18, 20 August 2015

2015-08-20T11:18:28Z

PoojaMoolya: Created page with "{| border=1 |Time |Narration |- |00:01 |Welcome to the Spoken Tutorial on '''Flowcharts''', Glue Points and '''Beizer curves'''in LibreOffice Draw. |- |00:08 |In this tutori..."

2015-08-12T05:31:57Z

Created page with "{| border=1 |Time |Narration |- |00:01 |Welcome to the Spoken Tutorial on '''Flowcharts''', Glue Points and '''Beizer curves'''in LibreOffice Draw. |- |00:08 |In this tutori..."

New page

{| border=1
|Time
|Narration

|-
|00:01
|Welcome to the Spoken Tutorial on '''Flowcharts''', Glue Points and '''Beizer curves'''in LibreOffice Draw.

|-
|00:08
|In this tutorial you will learn to Draw '''Beizer curves'''and '''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 to 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, lets 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 the 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 flow chart

|-
|10:45
|Color the '''processes''' 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 summarises 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.

|-
|}

@@ Line 505: / Line 505: @@
 |-
 |11:02
-|In this tutorial, you have learnt about:'''Flowcharts'''  '''Connectors''' '''Glue points'''.
+|In this tutorial, you have learnt about:'''Flowcharts''',  '''Connectors''', '''Glue points'''.
 |-

@@ Line 1: / Line 1: @@
 {| border=1
-|Time
+|'''Time'''
-|Narration
+|'''Narration'''
 |-
@@ Line 13: / Line 13: @@
 |-
 |00:14
-| You will also learn how to connect '''Flowcharts''' using '''Connectors''' and '''Glue points.'''
+|You will also learn how to connect '''Flowcharts''' using '''Connectors''' and '''Glue points.'''
 |-
@@ Line 96: / Line 96: @@
 |-
-| 01:59
+|01:59
 |Now, let us edit the points on this curve using the '''Edit Points''' toolbar.
@@ Line 128: / Line 128: @@
 |-
-| 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.
@@ Line 141: / Line 141: @@
 |-
 |02:59
-| using the '''Edit Points''' toolbar.
+|using the '''Edit Points''' toolbar.
 |-
-| 03:02
+|03:02
 |Now, let us learn to create '''Flowcharts'''.
@@ Line 160: / Line 160: @@
 |-
-| 03:22
+|03:22
 |Let’s create this flowchart.
@@ Line 176: / Line 176: @@
 |-
-| 03:44
+|03:44
 |You have drawn a '''Process''' box.
 |-
-| 03:47
+|03:47
 |A '''Process''' box represents a step or an event in the entire process.
 |-
-| 03:54
+|03:54
 |We can insert text in flowchart objects too.
@@ Line 192: / Line 192: @@
 |-
-| 04:13
+|04:13
 |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.
@@ Line 208: / Line 208: @@
 |-
-| 04:32
+|04:32
 |The '''Text''' dialog-box appears.
@@ Line 216: / Line 216: @@
 |-
-| 04:43
+|04:43
 |You will see that the '''Process''' box has changed its shape to fit the text!
@@ Line 240: / Line 240: @@
 |-
-| 05:15
+|05:15
 |The text has adjusted itself to fit the shape of the '''Process''' box.
@@ Line 256: / Line 256: @@
 |-
-| 05:42
+|05:42
 |A '''Decision''' box represents a decision that has to be made.
@@ Line 300: / Line 300: @@
 |-
-| 06:48
+|06:48
 |A flowchart-connector connects two parts of a flowchart.
@@ Line 320: / Line 320: @@
 |-
-| 07:13
+|07:13
 |Before we connect the objects, let us learn about '''Connector Lines''' and '''Glue Points''' in '''Draw'''.
@@ Line 380: / 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.
@@ Line 392: / Line 392: @@
 |-
-| 09:03
+|09:03
 |Now, let’s connect the '''Process''' and '''Decision''' boxes.
@@ Line 408: / Line 408: @@
 |-
-| 09:25
+|09:25
 |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: "No".
@@ Line 420: / Line 420: @@
 |-
-| 09:39
+|09:39
 |The end control-points become active
@@ Line 444: / Line 444: @@
 |-
-| 10:03
+|10:03
 |You can also connect the objects using lines and arrows too.
@@ Line 500: / Line 500: @@
 |-
-| 10:59
+|10:59
 |This brings us to the end of this tutorial.

@@ Line 17: / Line 17: @@
 |-
 |00:20
-| Here, we are using:
+|Here, we are using: '''Ubuntu Linux''' version '''10.04''' and  '''LibreOffice Suite''' version '''3.3.4.'''
-* '''Ubuntu Linux''' version '''10.04''' and
-* '''LibreOffice Suite''' version '''3.3.4.'''
 |-
-| 00:29
+|00:29
 |Let’s learn about '''Bezier Curves'''.
@@ Line 108: / Line 106: @@
 |02:07
 |To enable the '''Edit Points''' toolbar, right-click on the curve and choose '''Edit Points'''.
 |-
 |02:14
@@ Line 203: / Line 202: @@
 |04:24
 |Let us select the text.
 |-
 |04:27
@@ Line 500: / Line 500: @@
 |-
-|  10:59
+| 10:59
 |This brings us to the end of this tutorial.
 |-
 |11:02
-|In this tutorial, you have learnt about:
+|In this tutorial, you have learnt about:'''Flowcharts'''  '''Connectors''' '''Glue points'''.
-* '''Flowcharts'''
-* '''Connectors'''
-* '''Glue points'''.
 |-
@@ Line 528: / Line 525: @@
 |-
 |11:24
-|* Conducts workshops using spoken tutorials.
+|Conducts workshops using spoken tutorials.
 |-
 |11:28
-|* Gives certificates for those who pass an online test.
+|Gives certificates for those who pass an online test.
 |-

@@ Line 103: / Line 103: @@
 |-
 |02:05
-|Click on the '''curve.'''
+|Click on the curve.
 |-
@@ Line 150: / Line 150: @@
 |-
 |03:05
-|Let’s add 2 new '''page'''s to the file ''''RouteMap''''.
+|Let’s add 2 new '''page'''s to the file '''RouteMap'''.
 |-
@@ Line 190: / Line 190: @@
 |-
 |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.
+|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.
 |-
@@ Line 249: / Line 249: @@
 |-
 |05:28
-|Let us insert the text '''"Create Scripts"''' inside it.
+|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.
+|Now, let's draw a '''Decision''' box and insert the text "Review Okay?" inside it.
 |-
@@ Line 269: / Line 269: @@
 |-
 |05:58
-|Let us insert the text '''"Record Video"''' inside it.
+|Let us insert the text "Record Video" inside it.
 |-
 |06:04
-|Next, we need another '''Decision''' box here with the text '''Review Okay?'''
+|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.
+|Let’s copy the '''Decision''' box, we created before, and place it here.
 |-
@@ Line 293: / Line 293: @@
 |-
 |06:35
-|Now, enter the text  '''"Review Okay"''' inside it.
+|Now, enter the text  "Review Okay" inside it.
 |-
@@ Line 385: / Line 385: @@
 |-
 |08:44
-|We will connect all the flowchart objects, in a top-to-down manner, using connectors.
+|We will connect all the flowchart objects, in a top-to-down manner, using '''connector'''s.
 |-
@@ Line 429: / Line 429: @@
 |-
 |09:46
-|Let us type the text '''No'''.
+|Let us type the text "No".
 |-
@@ Line 481: / Line 481: @@
 |-
 |10:40
-|Create the second part of the Spoken Tutorial flowchart.
+|Create the second part of the '''Spoken Tutorial''' flowchart.
 |-
@@ Line 537: / Line 537: @@
 |11:32
 |For more details, please write to:
-contact at spoken hyphen tutorial dot org.
+'''contact at spoken hyphen tutorial dot org'''.
 |-
@@ Line 549: / Line 549: @@
 |-
 |11:53
-|More information on this mission is available at spoken hyphen tutorial dot org slash NMEICT hyphen Intro.
+|More information on this mission is available at:
 |-

@@ Line 13: / Line 13: @@
 |-
 |00:14
-| You will also learn how to Connect '''Flowcharts''' using Connectors and Glue points.
+| 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.
+| Here we are using '''Ubuntu Linux version 10.04''' and  '''LibreOffice Suite version 3.3.4.'''
 |-
@@ Line 45: / Line 45: @@
 |-
 |00:58
-|Let’s to go to the '''Commercial Complex''' from Home.
+|Let’s to go to the '''Commercial Complex''' from '''Home.'''
 |-
@@ Line 97: / Line 97: @@
 |-
 | 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.
 |-
@@ Line 105: / Line 105: @@
 |-
 |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
@@ Line 341: / Line 340: @@
 |-
 |07:41
-|They become visible, when a connector is selected from the Drawing toolbar or
+|They become visible, when a connector is selected from the Drawing toolbar or when the mouse pointer is moved over an object.
 when the mouse pointer is moved over an object.
 |-