Difference between revisions of "LibreOffice-Suite-Draw-6.3/C3/Creating-Flowcharts/English"
(Created page with "{| border=1 || '''Visual Cue''' || '''Narration''' |- || '''Slide''': '''Title Slide''' || Welcome to the spoken tutorial on''' Creating Flowcharts '''in '''LibreOffice Draw...") |
|||
Line 433: | Line 433: | ||
|- | |- | ||
− | || Click on the ''' | + | |
− | || Let us save the flowchart file and then close it. | + | ||Press Ctrl +A to select all objects. |
+ | |||
+ | Click on '''Align icon''' on the '''standard toolbar''' >> choose '''Centred''' option. | ||
+ | |||
+ | Point to the objects. | ||
+ | ||Select all the objects. | ||
+ | |||
+ | Click on '''Align icon''' on the standard toolbar, and choose '''Centred''' option. | ||
+ | |||
+ | All the objects will get aligned. | ||
+ | |||
+ | |- | ||
+ | ||Press '''Ctrl+ S''' to save. | ||
+ | |||
+ | Click on '''X icon''' to close. | ||
+ | || Let us save the '''flowchart''' file and then close it. | ||
|- | |- | ||
|| Narration only | || Narration only |
Revision as of 21:49, 11 May 2021
Visual Cue | Narration |
Slide:
Title Slide |
Welcome to the spoken tutorial on Creating Flowcharts in LibreOffice Draw |
Slide:
Learning Objectives |
In this tutorial you will learn to :
|
Slide :
System Requirements |
This tutorial is recorded using,
|
Slide:
Prerequisites |
To practise this tutorial, you should have basic knowledge of LibreOffice Draw.
If not, for relevant tutorials please visit this website. |
Open a new draw file
Rename it as Flowchart and save it on Desktop |
I have opened a new Draw file.
Let us name this file as Flowchart and save it on the Desktop. |
Cursor on the page. | Now, let us learn to create a Flowchart in Draw. |
Slide:
Flowchart Show image |
This flowchart shows all the stages in the Spoken Tutorial process. |
Point to Pages pane. | Let’s go back to the Draw page and begin to draw this flowchart. |
Go to the Drawing toolbar >>
Move the mouse to Flowcharts icon >> Click on the drop-down |
Draw provides a separate option in the Drawing toolbar to create flowcharts. |
Go to the Drawing toolbar >>
Click on the drop-down next to the Flowchart icon. Select Flowchart: Process |
From the Drawing toolbar,
click on the drop-down next to the Flowchart icon. Select Flowchart: Process option. |
Go to the Draw page
Draw the Flowchart: Process box. |
Place the cursor on the top of the Draw page.
Press the left mouse button and drag down diagonally towards the right. Then release the mouse button. |
Point to Process box | We have drawn a Process box! |
Point to the Process box. | A Process box represents a step or an event in the entire process. |
Point to the object. | We can insert text in the flowchart objects, just as we do in other objects. |
Double-click on the Process box.
Enter the text “Create the Tutorial Outline to chunk content into 10-minute scripts” inside it. |
So, let’s double-click on the Process box.
Type the text “Create the Tutorial Outline to chunk content into 10-minute scripts” inside it. |
Point to the text. | Observe that the text has come outside the borders of the Process box. |
Cursor on the Draw page. | Formatting options for flowcharts are also similar to that of other objects. |
Point to the text in the Process box. | So, let’s align the text inside the Process box. |
Select the text
|
Let’s select the text.
Right-click to view the Context menu and click Text option. |
The Text dialog box appears | The Text dialog box opens up. |
Click on the checkbox 'Resize shape to fit text.
Click OK |
In the Text tab, under Custom Shape Text, select Resize shape to fit text check box.
|
Point to the Process box. | We see that the Process box has changed its shape to fit the text! |
Undo this action, press the keys CTRL+Z | Let us undo this action, by pressing the CTRL and Z keys together. |
Select the text. | Let’s select the text again. |
Right-click for context menu >> select Edit Style | Right-click for the context menu and select Edit Style option. |
The Graphic styles: Default dialog box appears. | The Graphic styles: Default dialog box appears. |
Select Text tab
Under Custom Shape text check the box that says Word wrap in text shape. Uncheck Resize shape to fit text check box. |
Select Text tab, if not already selected.
Under Custom Shape Text, check the box that says Word wrap text in shape. And then uncheck Resize shape to fit text check box. |
Click on OK to close the dialog box. | Click on the OK button at the bottom right, to update the changes. |
Point to the text box. | The text has now adjusted itself suitably to fit the shape of the Process box. |
Go to the Drawing toolbar >>
Click on the drop-down beside the Flowcharts icon Select Flowchart: Process Go to the Draw page and draw the Flowchart: Process |
In a similar manner, let us now draw another Process box beneath the first one. |
Enter the text “Create Scripts” inside it. | Let us insert the text “Create Scripts” inside it. |
Go to the Drawing toolbar >>
Move the mouse over the Flowcharts icon >> Click on the drop-down >> click Flowchart: Decision >> go to the Draw page and draw the object. Enter the text “Review Okay”? |
Now, let's draw a Decision box and insert the text “Review Okay?” inside it. |
Point to the decision box. | A Decision box represents a decision that has to be made.
It directs us to the next process based on the outcome of the decision. |
Go to the Drawing toolbar >> Click on the drop-down besides Flowcharts icon
Select Flowchart: Process Go to the Draw page and draw the Flowchart: Process |
Let us now draw another Process box beneath the Decision box. |
Type the text “Record Video” | Let us insert the text “Record Video” inside it. |
Circle the area with the mouse to show its approximate location. | Next, we need another Decision box here, with the text “Review Okay?” |
Point to the earlier Decision box and then point to the empty space after the “Record Video” process box. | Let’s copy the Decision box we created before and place it here. |
Select the decision box “Review Okay”.
Press CTRL+C |
Select the Decision box and press CTRL and C keys together to copy |
then press CTRL+V. | Now press CTRL and V keys together to paste. |
Select the copied decision box and move it beneath the process box | Let’s move this box below the ”Record Video Process box”. |
Go to the Drawing toolbar >>
Move the mouse over the Flowcharts icon >> Click on the drop-down >> click Flowchart: Connector >> go to the Draw page and draw the connector |
Finally, let’s draw a flowchart connector and type A inside it. |
Point to the Pages pane.
Right-click on the Pages pane and select New Page from the context menu. |
Now here, we’ll add a new page to the Draw file.
Right-click on the Pages pane and select New Page from the context menu. |
Point to the flowchart connector. | A flowchart connector connects two parts of a flowchart. |
Point to the flowchart page in the Pages pane. | The first part of our flowchart is on page one. |
Point to the next page in the Pages pane. | And the second part will be on page two. |
Come back to the flowchart page.
Point to the connector. |
We drew a flowchart connector at the end of the flowchart on the first page. |
Select the connector >> Right-click for context menu >>
Select Copy. Go to the next page. Right-click on the Page >> Select Paste. Drag the connector to the top of the page. |
So, we’ll draw the same connector at the top of page two by copy-pasting.
|
Point to the objects | Now let us learn about Connector Lines and Glue Points in Draw. |
Slide:
Connectors |
|
Slide:
Glue Points |
|
Slide:
Glue Points |
|
Pages pane on the left >> select page one | In the Pages pane on the left, click and select page one. |
Point to the objects | Now, let us connect the objects in this flowchart using connectors. |
Drawing toolbar >> Click on the dropdown next to Connector. | On the Drawing toolbar, click on the dropdown next to Connector. |
Point to the different connectors. | We see different types of connectors. |
Select “Straight Connector ends with arrow” | Let us select the option Straight Connector ends with Arrow. |
Point to the red circles on all the objects.
|
When we select the Connector, we see red circles on all the objects.
A plus sign is also seen on the object.
|
Use the “Straight Connector ends with arrow” >>
join the two process boxes. |
Now let’s draw a connection.
From the glue point of the first Process box to the glue point of the next Process box. |
Point to the docked line with green handles. | Notice that, the line automatically docks itself to the glue point next to it. |
Point to the Process and Decision boxes. | Next, let’s connect the Process and Decision box with the same type of connector. |
Connect the flowchart objects. | Continue connecting all the flowchart objects, one below the other. |
Click on Drawing toolbar >>
select Connector. Select “Connector Ends with Arrow” |
Now from the Drawing toolbar, select the option Connector Ends with Arrow. |
Point to the first Decision box and the second Process box | From the first Decision box let’s connect to the second Process box. |
Click on the Decision box glue point on the right side
>> move the cursor to the right glue point of the Process box >> click |
Click on the Decision box glue point on the right side.
Then move the cursor to the right glue point of the Process box and click. The connector is drawn. |
Click the middle handle on the connector
>> drag to the right to create a 3-side square-shaped connector |
Now click the middle handle on the connector and drag it to the right.
This creates a 3-side squarish shape connector. |
Point to the connector | We can also add text to a connector. |
Move the cursor on the connector. | On the connector from the Decision box to the Process box, let us type “No” |
Double-click on the connector.
Point towards the text cursor |
So double-click on the connector to see the text cursor. |
Type the text No >> click anywhere else on the Draw page. | Let us type the text “No”.
Then click anywhere else on the Draw page. |
Click on Drawing toolbar >> select Connector.
Select “Connector Ends with Arrow” |
Again Select the option “Connector Ends with Arrow” |
Click on the Decision box glue point on the left side
>> move the cursor to the left glue point of the Process box >> click
and drag to the left to create a 3-side square-shaped connector >> double-click on the connector >> type the text No |
Let us do this once more on the left side, for the other Decision box. |
Point to the Lines and Arrows icon in the Standard Toolbar. | We can also connect the objects using lines and arrows. |
Circle the mouse over all the objects to indicate that they should be grouped. | But in that case, we should first group the objects.
This is because arrows do not stay docked to objects. |
Slide:
Connectors and Arrows |
Let us now see how connectors are different from Lines and Arrows.
|
Press Ctrl +A to select all objects.
Click on Align icon on the standard toolbar >> choose Centred option. Point to the objects. |
Select all the objects.
Click on Align icon on the standard toolbar, and choose Centred option. All the objects will get aligned. |
Press Ctrl+ S to save.
Click on X icon to close. |
Let us save the flowchart file and then close it. |
Narration only | This brings us to the end of this tutorial
Let us summarize. |
Slide:
Summary |
In this tutorial, you have learnt to,
|
Slide:
Assignment |
Here is an assignment for you.
|
<<On the next slide show the image>> | The completed flowchart should look like this. |
Slide:
About Spoken Tutorial Project |
|
Slide:
Spoken Tutorial workshops |
|
Slide:
Forums |
Please post your timed queries in this forum. |
Slide:
Acknowledgement |
The Spoken Tutorial project is funded by the Ministry of Education(MoE) Govt of India. |
Slide:
Thank you |
This tutorial was originally contributed by DesiCrew Solutions Pvt. Ltd. In 2011.
Thank you for watching. |