Training Slides Notes Powtoon for education

POWTOON PRESENTATION

1. INTRODUCTION TO THE
INTERACTIVE VIDEO
PRESENTATION WITH POWTOON

2. TRAINER
TS DR SITI SUHAILA BT ABDUL HAMID
Pensyarah Kanan
Fakulti Komputeran
Universiti Malaysia Pahang
[email protected]
TS SITI NORMAZIAH BT IHSAN
Pensyarah
Fakulti Komputeran
Universiti Malaysia Pahang
[email protected]
Human Computer
Interaction (Hci), Computer-
Based Teaching And
Learning
Multimedia, Computer
Animation, Multimedia
Content, AR/VR/XR

3. COURSE OUTLINE
Introduction to Interactive Video Design01
02
03
Getting Started with Powtoon
Designing Interactive Elements
04
05
06
07
Using Interactive Timelines
Adding Multimedia and External Content
Publishing and Sharing Interactive Videos
Application and Practice

4. Discussing the impact
of interactivity on
student engagement
and learning
outcomes.
Introduction to Interactive
Video Design
Exploring different
types of interactive
elements that can be
incorporated.
Understanding the
concept and benefits
of interactive videos
in education.

5. Visual and Engaging Content
Storytelling
Complex Concepts Simplified
Personalization
Flipped Classroom
Engaging Assessments
Remote Learning
Collaborative Projects
Presentation Skills
Memorable Learning Experience
Why use powtoon?

6. Powtoon in Education
Visualizing Complex Concepts
Differentiated Instruction
Engaging Content Delivery
Interactive Learning
Engaging Assessments
Flipped Classroom Approach
Personalized Feedback
Motivation and Fun
Collaborative Projects
Presentation Skills Development
Engaging Parent Communication
Remote Learning

7. 1
2
3
4
5
Step by Step
PLAN Concept of Presentation
DRAFT Content / Outline of Presentation
DESIGN Storyboard
CREATE Interactive Presentation
PUBLISH & Share Interactive Video

8. GETTING STARTED
You can easily add
characters, props, and
scenes to tell your
story.
Helps create
engaging animated
videos for your
training and eLearning
courses.

9. GETTING STARTED
Creating an account and familiarizing with the Powtoon interface
Go to Powtoon.com 1.

10. GETTING STARTED
Creating an account and familiarizing with the Powtoon interface
2. Click sign up

11. GETTING STARTED
Creating an account and familiarizing with the Powtoon interface
3. Register & Login

12. 1
GETTING STARTED
Creating an account and familiarizing with the Powtoon interface
4. Powtoon interface
2
3
4
5
Menu
1
Shortcut for
main functions
2
Featured
template
3
Shortcut for
popular
template
4
toolbar
5

13. EXPLORING
TEMPLATE
Template in the menu area
There are 3 ways to design using template
Template from popular template
Click featured template

14. 1
Exploring template
3
2

15. Exploring template
Choose preferred templates ( Notes: Please don't choose Pro. eg: Quick Fact)

16. Exploring template
Click Edit in Studio

17. Exploring template
Chosen template Interface

18. Exploring template
Other option for Template selection by clicking CREATE button

19. Exploring template
ACTIVITY 1 : Design using Template
Play around with options in templates
Use a filter to search based on category
Edit the text
Change colour by clicking EDIT button
Swap character
1.
2.
3.
4.
5.

20. Getting Started
with Workspace &
Studio

21. Workspace & Studio
Click Blank 1.

22. Workspace & Studio
2. Choose your preferred screen view

23. Workspace & Studio
3. Choose your preferred look of your Powtoon

24. Workspace & Studio
3. Powtoon workspace
Menu
Panel
Setting
Panel
Layout
Slide
Panel
Timeline
Scenes
Stage /
Studio

25. Workspace & Studio
3. Powtoon workspace
Menu
Panel

26. Workspace & Studio
3. Powtoon workspace
Setting
Panel
ACTIVITY 2 : Mastering the setting Panel
Create a slide for each setting.
Preview it in slideshow
Preview it in video
1.
2.
3.

27. Designing
Interactive
Element using
Storyboard

28. Storyboard
A storyboard is a graphic
representation of how your
video will unfold, shot by
shot.
Visually guide produced
video production process
Reduced number of edited
required after video is
produced

Combination of words and
image

29. How to create a Storyboard?
Go to Canva.com
Search using
keyword
Storyboard
Click Create
Blank

30. cont... How to create a Storyboard?
Look into template
Search for monkey &
Crocodile animation
Edit the
template

31. Storyboard : Plan & Prepare the concept
Colour: Choose a specific colour to signify a theme
Spacing: Do not overcrowd the scenes. Give a character and object a plenty of
space
Sound: Movement / animation and image has sound for emphasization
Tips to design an Interactive
presentation

32. Tips to design an Interactive
presentation
Consistent: minimum repetition rhythm - duplicate scene text, font style, size
Balance : diagonal, horizontal, foreground and background
Scale: Emphasize of interest eg: larger or smaller scale
Contrast: Visibility

33. Adding
Multimedia &
External
Content
IMAGE
GRAPHICS
TEXT
AUDIO
VIDEO

34. Adding Text
Animated Character
Props
Shapes
Multimedia Elements
in Powtoon
Images
Video
Audio
Specials
Audio & Video must not more than 3
minutes for overall presentation

35. Multimedia Control
Swap multimedia elements (Same type)
Lock Multimedia Elements
Change pose character
Flip Multimedia Elements
Settings Multimedia Elements
Change Variation of shape
Color Pickers for shape
Text Size
Text Color

36. Enter & Exit Transition to the objects
Animate & Controlling
Objects
Opacity
Effects
Arrange
A ... to ... B
Link
Controlling Transparency Level
Arranging layer of objects
Arranging layer of objects
Create link to external content
Animation
Control animation loop

37. Interactive Timelines
Playback Controls
Play head
Add / Remove
Seconds
Object
Duration Bar
Object
Thumbnail
Audio Control
Current Time /
Total Length

38. Add / Reduce Timeline duration
Controlling object duration
Timelines / Object Duration

39. Managing Enter/Exit Fade
Effects
Fade Effects
Hand Effect

40. Publishing and Sharing
Interactive Videos
Choose suitable export
quality for your
presentation