unit 1.3 introduction to programming (part 3)
DESCRIPTION
Process and Information LayoutTRANSCRIPT
![Page 1: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/1.jpg)
Introduction to Programming
Unit 1.3 - Process and Information Layout
Presentation 3
![Page 2: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/2.jpg)
Objectives
At the end of this presentation, you will be able to:
• Create simple presentations
• Publish the presentation as web page
![Page 3: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/3.jpg)
Presentation Information Layout
• Helps in creating presentations.
![Page 4: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/4.jpg)
Understanding the Interface
Slide Working Area
Notes Window
Slides and Outline Tabs
Views
![Page 5: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/5.jpg)
Single .ppt Slide
• A presentation may contain a single or multiple slides.
![Page 6: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/6.jpg)
Hands-On!
• Perform the steps to create a simple presentation.
![Page 7: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/7.jpg)
Multiple .ppt Slides
• When you are creating the presentations, you will be using more than one slide.
![Page 8: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/8.jpg)
Hands-On!
• Perform the steps to insert a new slide.
![Page 9: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/9.jpg)
Lab Exercise
9. Create a presentation with the following specifications and identify the change in code:
• The presentation must include 3 slides in it. • The first slide must have the title as Animals.• The second slide must have the title as
Carnivorous.• The third slide must have the title as
Herbivorous.
![Page 10: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/10.jpg)
Lab Exercise
• Insert two slides between the 2nd and 3rd. • Title them as Lion and Tiger.• Similarly insert two slides after Herbivorous. • Title them as Elephant and Horse.• Insert a slide after Animals and title it as What
is an Animal?
• Add the following text in it.
Animal is a living creature different from Plants and Humans.
![Page 11: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/11.jpg)
Lab Exercise
It can be categorized as:
Carnivorous
Herbivorous
• On the Carnivorous slide, type the following text.
Carnivorous is a flesh-eating animal.
• On the Herbivorous slide, type the following text.
Herbivorous is a plant-eating animal.
• Save the presentation and name it as Animals.
![Page 12: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/12.jpg)
Lab Exercise
• Save the presentation and name it as Animals.
• View the slide show.• You can now close the presentation and exit
from the application.
![Page 13: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/13.jpg)
Lab Exercise
Slide arrangements are as follows:
Slide 1 - Title Slide – Animals
Slide 2 - What is an Animal?
Slide 3 - Carnivorous
Slide 4 - Lion
Slide 5 - Tiger
Slide 6 - Herbivorous
Slide 7 - Elephant
Slide 8 - Horse
![Page 14: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/14.jpg)
Design Template
• Template refers to preset format.
• Design template is a file, which contains all the preset formats for a presentation.
![Page 15: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/15.jpg)
Hands-On!
• Perform the steps to add design template to the existing presentation.
![Page 16: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/16.jpg)
Activity 1.3.10 (a)
1. Perform the following steps;
Step 1: Open the PowerPoint application.Step 2: Choose From Design Template
from the New Presentation task pane.
Step 3: Choose the Design Template Glass Layers form the Slide Design task pane.
![Page 17: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/17.jpg)
Activity 1.3.10 (a)
Step 4: Include another slide to the
presentation and observe the
template.
Step 5: Save the presentation as
My_Template.ppt and close.
![Page 18: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/18.jpg)
Activity 1.3.10 (b)
1. Perform the following steps;
Step 1: Open My_Template.ppt presentation.
Step 2: Switch to Slide Design task pane by
choosing Format Slide Design.
Step 3: Choose Curtain Call template.
Step 4: Save the presentation.
![Page 19: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/19.jpg)
Slide Layout
• Slide layout will show how things are arranged on a slide.
![Page 20: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/20.jpg)
Hands-On!
• Perform the steps to apply slide layout for a slide.
![Page 21: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/21.jpg)
Activity 1.3.11
1. Perform the following steps:
Step 1: Open My_Template presentation.
Step 2: Insert three new slides by choosing
Insert New Slide.
Step 3: Select the first slide.
Step 4: Choose Format Slide Layout
and apply Title Only layout
![Page 22: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/22.jpg)
Activity 1.3.11
Step 5: Similarly, apply Title, Text and Clip
Art layout for the second slide.
Step 6: Apply Title, Media Cilp and Text
layout to the third slide.
Step 7: Apply Picture Only layout to the last
slide.
Step 8: Save the presentation and identify
the change in code.
Step 9: Close the presentation.
![Page 23: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/23.jpg)
Slide Master
• Slide master is an element of the design template that stores all the information about the template.
![Page 24: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/24.jpg)
Hands-On!
• Perform the steps to apply slide layout for a slide.
![Page 25: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/25.jpg)
Inserting Pictures
• To enhance the presentation, you can insert pictures into sides.
![Page 26: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/26.jpg)
Hands-On!
• Perform the steps to insert a picture in the slide.
![Page 27: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/27.jpg)
Lab Exercise
10. To the Animals presentation, which you have created in your previous lab session, make the following changes and identify the change in code:• On the title slide, in the subtitle text area, type the
following text:
Project done by
< Your name >
• Change the colour of the title Animals to red and that of subtitle text to blue.
• Title must be bold.
![Page 28: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/28.jpg)
Lab Exercise
• On the text area of Elephant slide, type the following texto A large herbivorous mammal.o A person who can remember things is referred as
Elephant.
• On the text area of Horse slide, type the following texto A hoofed mammal.o The engine power is measured in terms of horsepower.
• Move the Horse slide before Elephant and Tiger slide before Lion.
![Page 29: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/29.jpg)
Lab Exercise
• For rest of the slides, the title should be left align and bold.
• On the text area of Lion slide, type the following text:
o A large carnivorous mammal.
o A brave person is referred as Lion.
• On the text area of Tiger slide, type the following text:
o A large carnivorous mammal.
o An aggressive person is referred as Tiger.
![Page 30: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/30.jpg)
Lab Exercise
• On the Carnivorous slide, add the following note:
Some examples are Tiger, Lion and Panther.
• On the Herbivorous slide, add the following note in the notes window:
Some examples are Horse, Elephant and Giraffe.
• On the Tiger slide, add the following note in the notes window:
Mammal refers to warm-blooded animal.
• Apply the design template, Stream.
![Page 31: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/31.jpg)
Lab Exercise
• Change the layout of the slides with the title Tiger, Lion, Horse and Herbivorous, respectively, to Title, Content and Text format.
• Change the title font to Book Antiqua in all the slides except for the title slide.
• In the title slide, change the title colour to green.• Insert the Lion, Tiger, Elephant and the Horse
pictures in the corresponding slides from the Student data file.
• Save the presentation.• View the slide show.• Close and exit the application.
![Page 32: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/32.jpg)
Animating Objects
• Animation is used to bring objects to view in a sequential manner.
![Page 33: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/33.jpg)
Animation Schemes
• Animation Schemes are predefine set of animation effects.
![Page 34: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/34.jpg)
Custom Animation
• To define your own set of animation, use custom animation.
![Page 35: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/35.jpg)
Hands-On!
• Perform the steps to apply animation to the presentation.
![Page 36: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/36.jpg)
Animating Slide Transition
• It is possible to animate slide through slide transition.
![Page 37: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/37.jpg)
Hands-On!
• Perform the steps to apply slide transition.
![Page 38: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/38.jpg)
Lab Exercise
11. To the Animals presentation, which you have created in your previous lab session, make the following changes and identify the change in code:• Apply the effect Raise Up to the title in each
slide.• Apply the effect Unfold to the text area in each
slide. • Apply the transition effect Random Bars
Horizontal to the slides.
![Page 39: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/39.jpg)
Action Buttons
• Action buttons are buttons that is used for navigation purpose.
• They can also be used for creating hyperlinks.
![Page 40: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/40.jpg)
Hands-On!
• Perform the steps to create hyperlink within the presentation using action buttons.
![Page 41: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/41.jpg)
Hands-On!
• Perform the steps to create hyperlink to another presentation using action button.
![Page 42: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/42.jpg)
Hands-On!
• Perform the steps to create hyperlink to web sites.
![Page 43: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/43.jpg)
Lab Exercise
12. To the Animals presentation, include the action buttons to navigate through slides and identify the change in codes.
![Page 44: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/44.jpg)
Pack and Go Option
• Pack and Go option helps you to pack your presentation, so that you can run the presentation on another computer.
• When you pack your presentation, other files that are linked to this presentation will automatically be included.
![Page 45: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/45.jpg)
Hands-On!
• Perform the steps to pack the presentation.
![Page 46: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/46.jpg)
Lab Exercise
13. Pack the presentation Animals in a floppy and run it in a different machine.
![Page 47: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/47.jpg)
Publishing Presentation as Web Page
• You can publish the presentation as web page.
![Page 48: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/48.jpg)
Hands-On!
• Perform the steps to publish the presentation as web page.
![Page 49: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/49.jpg)
Summary
In this presentation, you learnt the following:• Presentation information layout helps in
creating presentations.• A presentation can have one or more slides.• Design template is a file, which contains all
the preset formats for a presentation.• Slide master is an element of the design
template that stores all the information about the template.
![Page 50: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/50.jpg)
Summary
In this presentation, you learnt the following:• Slide layout will show how things are
arranged on a slide.• Animation is used to bring objects to view in
a sequential manner.• Action buttons are used for navigation
purpose.• Pack and Go option helps to pack the
presentation, so that you can run the presentation on another computer.
![Page 51: Unit 1.3 Introduction to Programming (Part 3)](https://reader033.vdocuments.us/reader033/viewer/2022052522/554c7b88b4c905df3c8b4876/html5/thumbnails/51.jpg)
Assignment
1. What is the need for slide master?
2. How will you enhance your presentation?