Link, Video & Animation dalam PowerPoint

Oleh : Teddy Marcus Zakaria

Agenda Workshop

• Links (Hyperlink)
• Action (Mouse Click & Mouse Over)
• Action Button
• Zoom

• Insert Video
• Insert Screen Recording
• Slide Show – Record Slide Show
• Create a Video

Animation

Trigger

​

​

2

HELLO!

I am Teddy Marcus

I am here because I love to give presentations.

You can find me at teddy.marcus@it.maranatha.edu

3

This Photo by Unknown Author is licensed under CC BY-NC

Hyperlink

Let’s start with the first set of slides

1

Hyperlink adalah suatu cara menghubungkan slide ke bagian lainnya seperti slide, file, program ataupun halaman web.

5

“

Links

• Ribbon Insert – Links

6

Back

Membuat Link

1. Pilih bagian konten yang ingin diberi link

​

• Pilih tab Insert – Link

​

​

• Masukkan link

​

​

7

1. Pilih bagian konten yang ingin diberi link

• Konten yang ingin diberi link dapat berupa Teks, Icon, Button atau Gambar

8

Teks

2. Pilih tab Insert – Link

Jenis Links

• Zoom
• Link
• Action (Mouse Click & Mouse Over)

9

3. Masukkan link (a)�

1. Existing File of Web Page
2. Place in The Document
3. Create New Document
4. Email Address

10

3. Masukkan link (b)�

1. Existing File of Web Page
2. Place in The Document
3. Create New Document
4. Email Address

11

3. Masukkan link (c)�

1. Existing File of Web Page
2. Place in The Document
3. Create New Document
4. Email Address

12

3. Masukkan link (d)�

1. Existing File of Web Page
2. Place in The Document
3. Create New Document
4. Email Address

13

Mouse Click & Mouse Over

• Link dengan Mouse Click akan merespon saat objek diklik

​

• Link dengan Mouse Over akan merespon saat objek disorot

​

14

Click

Over

Back

Action Button

• Cara lain membuat hyperlink dg action button
• Tombol yang sudah memiliki hyperlink
• Pilih Insert – Shape – Action Buttons

15

Back

Video

Let’s start with the second set of slides

2

Video adalah suatu media yang dapat menampilkan gambar bergerak disertai suara

17

“

Insert Video

• Insert Video (This Device & Online Video)

​

• Insert Screen Recording

​

18

DEMO Screen Recording

1. Pilih Insert Screen Recording
2. Pilih Select Area
3. Pilih Record
4. Pilih Stop

19

Ini hasil screen recording

Video Presentasi + Rekaman Pembicara

• Slide Show – Record Slide Show
• Digunakan untuk menambahkan rekaman pembicara ke dalam slide,
• Rekaman dapat dilakukan per slide

​

​

​

20

Produksi Video Presentasi

• Create a Video : Pilih File – Export – Create Video

​

21

DEMO Record Slide Show

1. Pilih Slide Show – Record Slide Show
2. Pilih Record
3. Pilih Next Slide jika ingin merekam pada slide berikut
4. Pilih Stop

22

Ini hasil Record Slide Show

WORKSHOP HYPERLINK

• Buat Link Menggunakan Teks
• Buat Link Menggunakan Gambar
• Buat Link Menggunakan Action Button

​

​

​

23

WORKSHOP �SCREEN RECORDING

• Buat Screen Recording, untuk menjelaskan yang ada di layer komputer
• Simpan hasil rekamannya dalam sebuah slide

​

​

24

WORKSHOP �RECORD SLIDE SHOW

• Buat Record Slide Show untuk 3 buah slide
• Simpan hasil dalam bentuk file video MP4

​

​

25

Animation

Let’s start with the third set of slides

3

Animasi adalah suatu teknik membuat gambar/teks terlihat bergerak dan hidup

27

“

JENIS ANIMASI

Slide (Transition)

Objek (Custom Ani.)

1

2

ANIMASI INTERAKTIF

Jenis Animasi dalam PowerPoint

1

Animasi Slide (Transition)

2

Animasi Objek (Custom Animation)

3

Animasi Interaktif (Hyperlink dan Trigger)

4

ANIMASI INTERAKTIF

Kita dapat menggunakan fasilitas berikut :

INTERAKSI MENGGUNAKAN TRIGGER

Hi, namaku MoMon

Salam kenal semuanya

Asyik kita main

Ke Frost Zoo

Ayo beli tiket disini.�Diskon 50%

Ayo naik ke punggung.�GAGA akan bawa keliling

MENGAKTIFKAN TRIGGER

1. Munculkan Animation Pane
2. Pilih objek yang akan dibuat animasinya
3. Buat Animasi untuk sebuah objek
4. Pilih objek yang sudah dibuat animasinya
5. Pilih Timing - Trigger

MENGAKTIFKAN TRIGGER

TERIMA KASIH

34

KUMPULAN SLIDE�WORKSHOP

• Slide setelah ini dapat digunakan untuk workshop pembuatan Hyperlink dan Video

​

35

BIG CONCEPT

Bring the attention of your audience over a key concept using icons or illustrations

36

You can also split your content

White

Is the color of milk and fresh snow, the color produced by the combination of all the colors of the visible spectrum.

Black

Is the color of ebony and of outer space. It has been the symbolic color of elegance, solemnity and authority.

37

In two or three columns

Yellow

Is the color of gold, butter and ripe lemons. In the spectrum of visible light, yellow is found between green and orange.

Blue

Is the colour of the clear sky and the deep sea. It is located between violet and green on the optical spectrum.

Red

Is the color of blood, and because of this it has historically been associated with sacrifice, danger and courage.

​

38

A picture is worth a thousand words

A complex idea can be conveyed with just a single still image, namely making it possible to absorb large amounts of data quickly.

39

Want big impact?

Use big image.

40

Use diagrams to explain your ideas

41

And tables to compare data

42

Maps

Find more maps at slidescarnival.com/extra-free-resources-icons-and-maps

​

43

our office

89,526,124

Whoa! That’s a big number, aren’t you proud?

44

89,526,124$

100%

185,244 users

That’s a lot of money

Total success!

And a lot of users

45

Our process is easy

46

Let’s review some concepts

Yellow

Is the color of gold, butter and ripe lemons. In the spectrum of visible light, yellow is found between green and orange.

Blue

Is the colour of the clear sky and the deep sea. It is located between violet and green on the optical spectrum.

Red

Is the color of blood, and because of this it has historically been associated with sacrifice, danger and courage.

​

Yellow

Is the color of gold, butter and ripe lemons. In the spectrum of visible light, yellow is found between green and orange.

Blue

Is the colour of the clear sky and the deep sea. It is located between violet and green on the optical spectrum.

Red

Is the color of blood, and because of this it has historically been associated with sacrifice, danger and courage.

​

47

You can insert graphs from Excel or Google Sheets

48

4000

3000

2000

1000

0

Mobile project

Show and explain your web, app or software projects using these gadget templates.

49

Tablet project

Show and explain your web, app or software projects using these gadget templates.

50

Desktop project

Show and explain your web, app or software projects using these gadget templates.

51

THANKS!

Any questions?

You can find me at:

• @username
• user@mail.me

52

Credits

Special thanks to all the people who made and released these awesome resources for free:

• Presentation template by SlidesCarnival
• Illustrations by Sergei Tikhonov
• Photographs by Unsplash

53

Presentation design

This presentation uses the following typographies:

• Titles: Raleway
• Body copy: Barlow

Download for free at:

https://www.fontsquirrel.com/fonts/raleway

https://www.fontsquirrel.com/fonts/barlow

​

54

You don’t need to keep this slide in your presentation. It’s only here to serve you as a design guide if you need to create new slides or download the fonts to edit the presentation in PowerPoint®

​

​

Extra Resources

For Business Plans, Marketing Plans, Project Proposals, Lessons, etc

2

Timeline

56

DEC

NOV

OCT

SEP

AUG

JUL

JUN

MAY

APR

MAR

FEB

JAN

Blue is the colour of the clear sky and the deep sea

Red is the colour of danger and courage

Black is the color of ebony and of outer space

Yellow is the color of gold, butter and ripe lemons

White is the color of milk and fresh snow

Blue is the colour of the clear sky and the deep sea

Yellow is the color of gold, butter and ripe lemons

White is the color of milk and fresh snow

Blue is the colour of the clear sky and the deep sea

Red is the colour of danger and courage

Black is the color of ebony and of outer space

Yellow is the color of gold, butter and ripe lemons

Roadmap

57

Blue is the colour of the clear sky and the deep sea

Red is the colour of danger and courage

Black is the color of ebony and of outer space

Yellow is the color of gold, butter and ripe lemons

White is the color of milk and fresh snow

Blue is the colour of the clear sky and the deep sea

Gantt chart

58

SWOT Analysis

59

STRENGTHS

Blue is the colour of the clear sky and the deep sea

WEAKNESSES

Yellow is the color of gold, butter and ripe lemons

​

Black is the color of ebony and of outer space

OPPORTUNITIES

White is the color of milk and fresh snow

THREATS

Business Model Canvas

60

Key Activities

Insert your content

Key Resources

Insert your content

Value Propositions

Insert your content

Customer Relationships

Insert your content

Channels

Insert your content

Customer Segments

Insert your content

Key Partners

Insert your content

Cost Structure

Insert your content

Revenue Streams

Insert your content

Funnel

61

Insert your content

Insert your content

Insert your content

Insert your content

Insert your content

Insert your content

Team Presentation

62

Imani Jackson�JOB TITLE

Blue is the colour of the clear sky and the deep sea

​

Marcos Galán�JOB TITLE

Blue is the colour of the clear sky and the deep sea

​

Ixchel Valdía�JOB TITLE

Blue is the colour of the clear sky and the deep sea

​

Nils Årud�JOB TITLE

Blue is the colour of the clear sky and the deep sea

​

Competitor Matrix

63

LOW VALUE 1

HIGH VALUE 1

LOW VALUE 2

HIGH VALUE 2

Our company

Competitor

Competitor

Competitor

Competitor

Competitor

Competitor

Weekly Planner

64

Extra resources

65

Illustrations created by Sergei Tikhonov.

Free illustrations published under the MIT License. You can use them for personal and commercial projects, without the need to include attribution.

See license.

​

Extra resources

66

Illustrations created by Sergei Tikhonov.

Free illustrations published under the MIT License. You can use them for personal and commercial projects, without the need to include attribution.

See license.

​

SlidesCarnival icons are editable shapes. ��This means that you can:

• Resize them without losing quality.
• Change fill color and opacity.
• Change line color, width and style.

Isn’t that nice? :)��Examples:

Find more icons at slidescarnival.com/extra-free-resources-icons-and-maps

​

67

Diagrams and infographics

68

You can also use any emoji as an icon!�And of course it resizes without losing quality.

How? Follow Google instructions https://twitter.com/googledocs/status/730087240156643328

69

✋👆👉👍👤👦👧👨👩👪💃🏃💑❤😂😉😋😒😭👶😸🐟🍒🍔💣📌📖🔨🎃🎈🎨🏈🏰🌏🔌🔑 and many more...

Free templates for all your presentation needs