Aplikasi Pembentangan Web 2.

MOHAMED AMIN EMBI

Pusat Pengajaran & Teknologi Pembelajaran

Universiti Kebangsaan Malaysia
2015

Cetakan Pertama/First Printing 2015

Hak Cipta Universiti Kebangsaan Malaysia/
Copyright Universiti Kebangsaan Malaysia, 2015
Universiti Kebangsaan Malaysia
Hak cipta terpelihara. Tiada bahagian daripada buku ini boleh
diterbitkan semula, disimpan untuk pengeluaran atau ditukarkan ke
dalam sebarang bentuk atau dengan sebarang alat juga pun, sama ada
dengan cara elektronik, gambar serta rakaman dan sebagainya tanpa
kebenaran bertulis daripada Pusat Pengajaran & Teknologi Pembelajaran
UKM terlebih dahulu.
All right reserved. No part of this publication may be
reproduced or transmitted in any form or by any means, electronic or
mechanical including photocopy, recording, or any information storage and
retrieval system, without permission in writing from
Centre for Teaching & Learning Technologies UKM.
Diterbitkan di Malaysia oleh/Published in Malaysia by
PUSAT PENGAJARAN & TEKNOLOGI PEMBELAJARAN
UNIVERSITI KEBANGSAAN MALAYSIA
43600 UKM Bangi, Selangor D.E., MALAYSIA
http://www.ukm.my/ctlt
e-mel: pghpptp@ukm.edu.my

Aplikasi Pembentangan Web 2.0

Mohamed Amin Embi
ISBN 978-983-3168-47-7

ISI KANDUNGAN
Muka Surat
BAB 1

POWTOON

Apakah Itu Powtoon?..1

Manfaat Powtoon.... 1
Kelebihan Menggunakan Powtoon Dalam Pendidikan.. 2
Mulakan Dengan Powtoon.. 4
Rujukan..15
BAB 2

EMAZE

Apakah Itu Emaze?....................................................................................................

16
Manfaat Emaze ..16
Kelebihan Menggunakan Emaze Dalam Pendidikan.... 17
Mulakan Dengan Emaze3 18
Rujukan... 27
BAB 3

BLENDSPACE

Apakah Itu Blendspace?............

28
Manfaat Blendspace.. 28
Kelebihan Menggunakan Blendspace Dalam Pendidikan..
29
Mulakan Dengan Blendspace...
31
Rujukan.44

BAB 4

ii

PREZI

Apakah Itu Prezi?..

45
Kelebihan Prezi...

45

Menggunakan Prezi.
46
Mulakan Dengan Prezi......48
Rujukan 57
BAB 5

EDYNCO

Apakah Itu Edynco?...............................................................................................58

Manfaat Edynco.. 58
Mulakan Dengan Edynco...2
59
Rujukan.
77
BAB 6

RAWSHORTS

Apakah Itu Rawshorts?........1

78
Kelebihan Rawshorts.......178
Mulakan Dengan Rawshorts..2 79
Rujukan .6 94
BAB 7

VISME

Apakah Itu Visme?...

95
Kelebihan Visme.....

95

Penggunaan Visme Di Dalam Kelas..96

Mulakan Dengan Visme........ 98
Rujukan . 117

iii

BAB 8

HAIKU DECK

Apakah Itu Haiku Deck?

118
Manfaat Menggunakan Haiku Deck...70
118
Kelebihan Haiku Deck...

119

Mulakan Dengan Haiku Deck.

120
Rujukan 132
BAB 9

SLIDEDOG

Apakah Itu SlideDog?..

133
Kelebihan SlideDog..

133
Mulakan Dengan SlideDog...82
135
Rujukan 146
BAB 10

SPARKOL

Apakah Itu Sparkol?.

147
Manfaat Sparkol Untuk Pembelajaran1
147
Mulakan Dengan Sparkol.. 149
Rujukan 167

Bab 1: Powtoon

Bab 1

POWTOON
APAKAH ITU POWTOON?
Powtoon adalah alatan pembentangan beranimasi yang membolehkan pengguna
tanpa kemahiran teknikal atau rekabentuk membangunkan pembentangan yang
profesional, berwarna-warni, dan beranimasi serta menarik tumpuan pandangan,
yang terhasil dari gabungan pembentangan dan katun beranimasi.
(Sumber: http://www.powtoon.com/)
MANFAAT POWTOON
Antara manfaat menggunakan Powtoon termasuklah:
1. Antara-muka yang mesra-pengguna dan intuitif.
2. Stail, imej, dan gabungan efek yang tidak terkira banyaknya.
3. Hasil yang profesional, respon yang kukuh.
(Sumber:

http://peacockcreative.net/07/presentations/put-wow-presentation-

with-powtoon/)
4. Seronok, berwarna-warni dan beranimasi.
5. Ringkas, menjimatkan masa dan wang.
6. Menarik perhatian.
7. Boleh ditayangkan sebagai satu sistem berdiri sendiri.
8. Mudah untuk dimasukkan ke YouTube atau dikongsi melalui media sosial.

Bab 1: Powtoon

(Sumber: http://www.lisettetoetenel.info/Powtoon.pdf)
KELEBIHAN MENGGUNAKAN POWTOON DALAM PENDIDIKAN
Berikut adalah beberapa kelebihan menggunakan Powtoon dalam pendidikan:
1. Boleh digunakan sebagai pembelajaran berasaskan projek untuk pelajar
membentangkan tugasan mereka secara kreatif.
2. Templat Powtoon boleh digunakan di dalam kelas oleh guru dan pelajar
untuk tujuan pendidikan.
(Sumber: http://www.powtoon.com/blog/powtoon-revolutionizing-education/)
3. Menarik tumpuan pelajar dan perhatian mereka dengan idea cara
berkomunikasi yang baru.
4. Membawa ciri-ciri seronok dalam proses pengajaran dan pembelajaran.
(Sumber: http://prezi.com/ziaxk3tayapf/powtoon/)
5. Pelajar boleh mengunakan Powtoon untuk berkongsi idea mereka atau
untuk melakukan prototaip suatu idea.
6. Pelajar boleh merakam video untuk menunjukkan jalan carakerja
matematik, menerangkan konsep yang rumit, mengulangkaji pembelajaran
baru, bercerita atau membentangkan kajian.
7. Guru boleh menggunakan Powtoon untuk berkongsi maklumat atau idea
baru untuk perbincangan.
8. Guru boleh membenamkan pembentangan Powtoon pada laman web atau
blog untuk pelajar mengulangkaji di rumah.

Bab 1: Powtoon

9. Guru boleh menggunakan Powtoon pada hari pertama sesi perkuliahan

untuk menerangkan peraturan sekolah ataupun memberi pengenalan yang
menarik kepada permulaan tahun baru yang bakal tiba.
10. Pelajar boleh menggunakan Powtoon untuk merakam filem atau
pembentangan untuk dipaparkan pada papanputih interaktif atau
projektor.
(Sumber: http://www.teachersfirst.com/single.cfm?id=13954)

Bab 1: Powtoon

MULAKAN DENGAN POWTOON

LANGKAH 1

LANGKAH 2

Pergi ke http://www.powtoon.com/

Membuka Akaun

Klik Sign up for free

untuk membuka
akaun Powtoon.

Bab 1: Powtoon

Isi maklumat
yang
diperlukan.

Pilih profil yang

anda inginkan.

Atau anda
boleh daftar
menguna-kan
akaun lain.

Seterusnya
klik butang
Sign me up.

Anda kini
boleh mula
berpowtoon.

Bab 1: Powtoon

LANGKAH 3

Membina Powtoon

Buka papan
pemuka
Dashboard
anda.

Klik butang Create

untuk membina
Powtoon anda.

Anda boleh mula

membina Powtoon
mengunakan fail
kosong.

Atau anda boleh memilih

templat lain yang sesuai
dengan pembentangan
anda.

Bab 1: Powtoon

Ini projek Powtoon anda. Anda

boleh mula menyunting dengan
menggunakan alatan Powtoon.
Ini contoh Powtoon yang telah dibina.

Bab 1: Powtoon

LANGKAH 4

Alatan Powtoon

Pilihan Gaya
Anda.

Alatan
Asas.

Alatan
Pemain.

Alatan Bingkai
Masa.

Bab 1: Powtoon

(a) Alatan Asas

Alatan Fon

Simpan Data

Wujudkan Powtoon
baru

Masukkan suara,
gambar dan ayat

Terbitkan Powtoon

(b) Pilihan Gaya Anda

Pilih gaya anda. Ia akan menyediakan

corak yang berbeza untuk alatan
kecil (cth: teks, pegangan, karektor,
animasi, prop, penanda dan corak,
peralihan dan latarbelakang.

(i) Kesan Teks

10

Bab 1: Powtoon

(ii) Pemegang

(iii) Karektor & Animasi

Bab 1: Powtoon

(iv) Prop

(v) Corak & Penanda

11

12

Bab 1: Powtoon

(vi) Peralihan

(vii) Latarbelakang

Bab 1: Powtoon

(c) Alatan Pemain

Mainkan dari awal

Mainkan semua

Mainkan dan
hentikan
sementara

Mainkan slaid semasa

Alatan bingkai masa

Tambah dan
hapus saat.

Bunyi dan
pengurus bunyi.

LANGKAH 5

Menerbitkan Powtoon

Setelah anda selesai

membina Powtoon, anda
boleh klik pada butang
Publish untuk
menerbitkannya.

13

14

Bab 1: Powtoon

Anda boleh
menerbitkannya
sebagai
pembentangan video.

Atau anda boleh

menerbitkan
Powtoon anda
sebagai satu tayangan
slaid.

Seterusnya klik butang

Next untuk
menyelesaikan proses
penerbitan anda
berdasarkan format yang
anda pilih.

Bab 1: Powtoon

15

RUJUKAN
http://www.powtoon.com/ [7 August 2014].
http://peacockcreative.net/07/presentations/put-wow-presentation-withpowtoon/ [7 August 2014]
http://www.lisettetoetenel.info/Powtoon.pdf [7 August 2014].
http://www.powtoon.com/blog/powtoon-revolutionizing-education/[7
2014].
http://prezi.com/ziaxk3tayapf/powtoon/[7 August 2014].
http://www.teachersfirst.com/single.cfm?id=13954 [7 August 2014].

August

16

Bab 2: Emaze

Bab 2

EMAZE
APAKAH ITU EMAZE?
Emaze adalah satu alatan yang memperkasakan pengguna untuk mrmbina dan
berkongsi pembentangan secara dalam talian dan juga tanpa talian internet.
(Hagle 2013). Pengguna boleh memilih templat yang disediakan dan terus mula
membina pembentangan yang canggih. (http://www.emaze.com/). Kebanyakan
ciri-ciri yang terdapat dalam Emaze tiada dalam alatan pembentangan tradisional.
MANFAAT EMAZE
Beberapa manfaat menggunakan Emaze termasuklah:
1.

Mudah untuk digunakan bina pembentangan yang canggih menggunakan

templat siap-sedia.

2.

Berasaskan Awan (Cloud) boleh mencapai pembentangan di mana jua

secara dalam talian.

3.

Penterjemahan Automatik - bina pembentangan dan kongsikannya dengan

seluruh dunia mengunakan alatan terjemahan berautomasi.

4.

Capaian Pelbagai-alatan lihat dan edit pembentangan pada sebarang

computer, laptop atau talipon pintar.

5.

HTML5 boleh digunakan pada sebarang pelayar secara lancar dengan

kuasa teknologi terkini.

Bab 2: Emaze

6.

17

Reka-bentuk tercanggih dari pandangan 3D ke slaid 2D pelbagai templat

yang direka oleh pereka pakar untuk disesuaikan dengan penyampaian
anda.

(Sumber: http://www.emaze.com/)
KELEBIHAN MENGGUNAKAN EMAZE DALAM PENDIDIKAN
Berikut adalah beberapa kelebihan menggunakan Emaze dalam pendidikan (Hagle
2013):
1.

Emaze membolehkan pengguna berkolaborasi dengan orang lain dalam

pembentangan. Ini berguna kepada pelajar yang bekerja dalam satu projek
berkumpulan atau satu pasukan pekerja yang perlu meluangkan lebih masa
untuk sesuatu pembentangan yang penting.

2.

Pembentangan Emaze juga amat unik dan mudah untuk dikongsikan.

Sebarang pembentangan yang dibina oleh guru dan pelajar boleh dikongsi
dalam Facebook atau melalui emel. Pembentangan juga boleh dibenam
pada mana-mana laman web.

3.

Emaze mempunyai pelbagai contoh pembentangan yang menunjukkan

fungsi

pelbagai

aplikasinya

termasuklah

menunjukkan cara menggunakan aplikasi 3D.

satu pembentangan

yang

18

Bab 2: Emaze

MULAKAN DENGAN EMAZE

LANGKAH 1

LANGKAH 2

Pergi ke http://www.emaze.com/

Pendaftaran

Klik Sign up for free

untuk membuka
akaun Emaze.

Bab 2: Emaze

Klik butang
SIGN UP untuk
mendaftar.

Anda boleh memilih

akaun percuma atau
berbayar berdasarkan
pada minat anda.

19

20

Bab 2: Emaze

LANGKAH 3

Membina Pembentangan

Muat-naik
templat dari
fail anda.

Atau anda boleh

pilih sebarang
templat yang
sesuai dengan
pembentangan
anda.

Pengguna untuk pertama kali akan

ditunjukkan video tutorial. Anda
boleh menonton video atau
melangkaunya dengan mengklik pada
butang CONTINUE.

Bab 2: Emaze

Alatan
Slaid.

Alatan
Sisipan.

21

Alatan Asas.

*** Anda boleh menggunakan alatan ini untuk menyunting pembentangan anda.
(a) Alatan Slaid

(b) Alatan Sisipan

22

Bab 2: Emaze

(c) Alatan Asas

Menampal

Memadam

Salin

LANGKAH 4

Buat semula

Patah balik

Menambah Carta

Pergi ke Alatan
Menambah dan klik
pada ikon
CHART.

Bab 2: Emaze

Pilih jenis carta

yang anda ingin
bina.

Tampal data anda

di sini.

Seterusnya, klik
butang ADD.

23

24

Bab 2: Emaze

LANGKAH 5

Menambah Video
Atau sisipkan URL
video dari YouTube
di sini.

Klik ikon
VIDEO.

Seterusnya, klik
butang ADD.

LANGKAH 6

Menambah Imej

Atau klik butang

BROWSE untuk
menambah imej.

Klik ikon
IMAGE.

Atau isikan URL

imej di sini.

Seterusnya klik
pada butang
ADD.

Bab 2: Emaze

LANGKAH 7

Merakam Suara

Contoh pembentangan yang telah dibina.

Klik pada
butang PLAY.
.

Klik ikon
mikrofon
untuk mula
merakam
suara anda.

25

26

Bab 2: Emaze

LANGKAH 8

Kongsi Pembentangan

Putarkan
pembentangan
anda dan ikon
ini akan
dipaparkan.
Untuk berkongsi
pembentangan
anda, klik pada
ikon SHARE.
Atau anda boleh berkongsi
melalui rangkaian sosial
seperti Facebook atau
Twitter.
Anda boleh emel
pembentangan atau
membenamnya pada
blog anda.

Anda boleh set

pembentangan anda
kepada paparan awam
atau persendirian
sahaja.

Seterusnya klik
butang OK .

Bab 2: Emaze

27

RUJUKAN
http://www.emaze.com/ [14 August 2014]
Hagle, W. 2013.Emaze: A Better Way To Make And Share Presentations.
http://www.allmyfaves.com/blog/productivity/emaze-a-better-way-to-makeand-share-presentations/ [14 August 2014]

28

Bab 3: Blendspace

Bab 3

BLENDSPACE
APAKAH ITU BLENDSPACE?
Blendspace adalah cara paling mudah untuk menggabungkan kelas anda dengan
kandungan digital. Guru dan pelajar menggunakan Blendspace sebagai satu
platform untuk mengumpul, mencatat nota dan berkongsi bahan digital.
(Sumber: http://blog.blendspace.com/)
MANFAAT BLENDSPACE
Berikut adalah beberapa manfaat Blendspace untuk guru:
1.

Blendspace percuma untuk guru dan sekolah/ universiti.

2.

Ia membolehkan pelajar membina pelajaran kaya dengan multimedia dan

membenarkan sumber yang berpelbagai.

3.

Ia menggabungkan pendekatan berasaskan inquiri dan juga model kelas

secara flip.

4.

Kuiz yang ditanda secara automatik boleh dibina dengan mudah dan
digunakan untuk tujuan penilaian formatif bagi menilai pengetahuan
pelajar.

5.

Ia menjejak kemajuan pelajar samada semasa waktu pembelajaran

mahupun di luar waktu pelajaran melalui penjejak pelajaran.

6.

Ia adalah satu alat susun-atur yang amat berguna untuk menggabungkan

bahan berpelbagai sumber.

Bab 3: Blendspace

29

(Sumber: http://usingblendspace.wikispaces.com/Benefits+of+Blendspace)
KELEBIHAN

MENGGUNAKAN

BLENDSPACE

DALAM

PENDIDIKAN
Berikut adalah kelebihan mengunakan Blendspace dalam pendidikan:
1.

Penjejak Pelajaran: Melihat kemajuan pelajar, tumpuan dan keputusan

penilaian pada papan pemuka dalam waktu nyata.

2.

Perkongsian Pelajaran & Kolaborasi: Terokai, guna-semula, adun-semula

dan berkolaborasi pelajaran dari guru-guru dalam linkungan sekolah dan
daerah anda.

3.

Teras Umum, Sains Generasi Seterusnya, Piawai Khas: Mempaksikan

pelajaran kepada tahap yang dikehendaki dan menjejak tahap kemahiran
pelajar.

4.

Leret dan letak: Tambah, sisip dan padamkan sumber dari laman web dan
dari komputer dengan mudah.

5.

Susun-atur: Kumpulkan bahan kepada kumpulan tertentu, kumpulkan

pelajaran kepada kelas dan susun pelajar dengan mudah.
(Sumber: http://blog.blendspace.com/)

6.

Pembentangan: Tambah multimedia dalam talian seperti video YouTube,

dokumen dan laman web.

7.

Kelas secara Flip: Bina pembelajaran mampu diri dan kongsi dengan
menggunakan pautan.

8.

Pembelajaran berasaskan Projek: Pelajar boleh menjalankan kajian, belajar

dan mempamerkan projek mereka.

30

9.

Bab 3: Blendspace

Pengajaran Terbeza: Pembelajaran pelajar diperibadikan

mengikut

kesesuaian keadaan pelajar dengan pelbagai bahan dalam talian yang

berbeza.
(Sumber: https://www.edsurge.com/blendspace--2)

Bab 3: Blendspace

31

MULAKAN DENGAN BLENDSPACE

LANGKAH 1

LANGKAH 2

Pergi ke http://www.blendspace.com/

Daftar Blendspace

Klik butang JOIN

FREE.

32

Bab 3: Blendspace

Pilih profil anda.

Atau anda boleh

mendaftar
menggunakan
akaun lain.

Isi maklumat
yang
diperlukan.
Seterusnya
klik pada
butang Sign
up.

Bab 3: Blendspace

LANGKAH 3

Membina pelajaran
(a)

Tajuk Pelajaran

Jika ini kali

pertama anda
menggunakan
Blendspace,
tutorial video
akan dipaparkan.
Klik pada
butang
Continue
untuk
melangkau
video.

33

34

Bab 3: Blendspace

Isi tajuk
pelajaran
anda.

(b) Mencari Sumber Bahan

Pelbagai sumber bahan

boleh anda cari atau
sisipkan pada pelajaran
anda.

Bab 3: Blendspace

Tajuk pelajaran.

Seterusnya leret
ke dalam kotak.

Isi kata kekunci

dan mulakan
carian anda.

Klik dan pegang

sumber yang paling
anda gemari.

Pilih sumber
anda.

35

36

Bab 3: Blendspace

Contoh pelajaran Blendspace yang dibina

LANGKAH 4

Membina Kuiz

Klik Add
Quiz.

Bab 3: Blendspace

Isi soalan anda dan

jawapannya di sini.
Anda boleh
menambah soalan
anda di sini.

Contoh soalan yang dibina

Seterusnya,
klik butang
Done.

37

38

Bab 3: Blendspace

LANGKAH 5

Membuka Kelas

Pergi semula ke
Home.
Pergi ke Classes.
Seterusnya,
klik pada Add
Class. button.

Isi tahap kelas Grade

Level dan nama kelas
Name of class anda.

Pelajar yang
menggunakan
kod kelas ini
boleh
mendapatkanak
ses kepada
kelas anda.

Seterusnya,
klik butang
Close.

Anda boleh mula

mendaftar pelajar
anda pada pautan
yang diberi.

Bab 3: Blendspace

Kelas ini telah

dibuka.

LANGKAH 6

Menjejak Pelajar

Pelajar boleh memberi

komen pada pelajaran
anda dengan mengklik
ikon ini.

39

40

Bab 3: Blendspace

Pelajar juga boleh

memberi penilaian
pada kelas anda.

Untuk paparan menjejak

pada pelajaran, klik
butang All Views.

Bab 3: Blendspace

41

Ini ringkasan
semua paparan
menjejak.

LANGKAH 7

Berkongsi Pelajaran, Privasi &

Berkolaborasi
(a) Berkongsi

Pergi ke Home
dan klik
Lessons.

Pada pelajaran
anda, klik pada
Share.

42

Bab 3: Blendspace

Jika anda ingin kongsi

pelajaran dengan
pelajar, klik pada kelas
yang telah anda buka.

Atau anda boleh kongsi

pelajaran anda dengan
cara berkongsi pautan.

Atau anda boleh kongsi pelajaran

anda pada aplikasi sosial atau
benamkannya pada laman web
atau blog anda.

Bab 3: Blendspace

43

(b) Kerahsiaan

Pilih tahap
kerahsiaan
yang anda
ingini.
Klik pada
ikon
Privacy.

(c) Kolaborasi
Jika anda ingin berkolaborasi
dengan rakan sekerja, isi
alamat emel mereka di sini
dan klik butang Add.

Pergi ke ikon
Collaborate.
Atau anda boleh kongsi
pautan ini dengan rakan
sekerja anda.

44

Bab 3: Blendspace

RUJUKAN
http://blog.blendspace.com/
http://usingblendspace.wikispaces.com/Benefits+of+Blendspace
https://www.edsurge.com/blendspace--2

Bab 4: Prezi

45

Bab 4

PREZI
APAKAH ITU PREZI?

PREZI

Prezi menyediakan fungsi yang hampir serupa seperti PowerPoint tetapi dengan
ciri-ciri yang lebih perkasa dan menarik. Dalam Prezi, pembentangan dibina diatas
kanvas bukannya pada slaid. Ini menggalakkan pembentang memberi tumpuan
sepenuhnya kepada penggabungan teks, imej dan multimedia. Item pada kanvas
boleh dileret, sendeng dan zum untuk membina satu pandangan yang menawan.
Satu laluan (path) boleh dilukis antara elemen yang berbeza di atas pentas untuk
membina suatu animasi.
KELEBIHAN PREZI
Menurut Tarr (2009), Prezi mempunyai kelebihan berikut:
1. Ia mempunyai factor wah yang telah hilang pada PowerPoint bertahun
yang lalu.
2. Bentangan halaman kanvas menghindari pembentang menggunakan
terlalu banyak teks.
3. Amat mudah untuk menggabung-jalinkan imej, bunyi dan video ke dalam
satu pembentangan.
4. Ia mudah untuk digunakan.

46

Bab 4: Prezi

MENGGUNAKAN PREZI
Menurut Lydia (2010), Prezi boleh digunakan dengan cara yang berikut:
1. Pemformatan: Prezi menghadkan pilihan meriah dengan ketara sekali. Ia
mempunyai hanya 8 latarbelakang untuk dipilih dan setiap satu telah di
pra-program dengan font dan warna yang tidak boleh ditukar. Tidak perlu
lagi keliru dengan pilihan warna atau tetingkap font.
2. Teks: Amat mudah mudah untuk meletakkan teks yang sedikit dan lebih
sukar untuk membesarkaan kotak teks untuk menambah terlalu banyak
teks. Ini menggalakkan pelajar menggunakan bullet dan bukannya teks
berperenggan.
3. Imej: Contohnya anda boleh menetapkan program untuk zoom besar bagi
memaparkan keseluruhan pandangan. Anda juga boleh tumpukan kepada
suatu bahagian tertentu yang mungkin tenggelam apabila dilihat sebagai
sebahagian dari keseluruhan gambar.
4. Video: Tiada yang lebih mudah dari prezi untuk membenam video
terutama sekali jika anda mengambilnya dari YouTube. Prezi juga
membenarkan anda memuat-naik pelbagai format fail untuk imej dan
video tetapi menghadkan saiz fail kepada 50MB bagi versi percuma.
5. Berkongsi: Ini adalah ciri baru Prezi, dan ia perubahan yang amat ketara.
Anda boleh berkongsi pembentangan dengan sehingga 10 orang penonton
dan membenarkan mereka menyuntingnya lantas memudahkan kerja
kolaboratif. Pengguna boleh mendaftar untuk akaun dengan mudah.
6. Prezi mudah dibenam ke dalam kebanyakan laman web dan boleh
digunakan sebagai alat bantuan mengajar secara kendiri yang kreativif pada
cara ia dibentangkan.
7. Perbezaan:

Perbezaan

terbesar

antara

Prezi

dengan

program

pembentangan slaid yang tradisional adalah pada bentangan halamannya.

Bab 4: Prezi

47

Bayangkan suatu kawasan yang luas dan mendatar di mana anda

meletakkan bahan-bahan yang berbeza untuk pembentangan anda. Ia
boleh disusun-atur mengikut pilihan anda, tidak seperti paparan mendatar
PowerPoint. Pereka mengunakan laluan untuk menghubungkan bahanbahan dan laluan ini membenarkan penguna mengerakkan dari satu bahan
ke bahan lain dengan mudah. Bentangan halaman ini amat sesuai untuk
kanak-kanak yang perlu melakukan sumbangsaran, mengubah-ubah alih
kedudukan bahan, memikirkan susunan, mengalihkannya semula dan
mempunyai fleksibiliti dalam rekaan mereka.
8. Roda Reka Semula: Mungkin pembentangan yang anda ingin lakukan untuk
kelas ada telah pun ada, atau sekurang-kurangnya sebahagian darinya,
dalam bentuk yang separuh-siap. Ramai pengguna memapaparkan Prezi
mereka dan membenarkan sesiapa sahaja membuat salinan, menyunting
dan menggunakannya untuk sebarang tujuan yang tersendiri.

48

Bab 4: Prezi

MULAKAN DENGAN PREZI

LANGKAH 1

LANGKAH 2

Bagi pengguna
pertama kali, klik
pada butang Get
started.

Pergi ke: www.prezi .com

Daftar Akaun Percuma

Bab 4: Prezi

49

Atau anda boleh

menggunakan
akaun percuma.

Pilih akaun yang anda ingin

gunakan berdasarkan kepada
keinginan anda.

Isi maklumat
yang
diperlukan.

Seterusnya, klik
Create your
Public account.

50

Bab 4: Prezi

LANGKAH 3

Membina Prezi

Bina prezi baru

New Prezi atau
pilih templat yang
diberi.

Klik butang ini

setelah anda
memilih templat
atau template
Prezi kosong.

Bab 4: Prezi

51

Ini contoh Prezi

bersama templat
yang telah anda
pilih.

LANGKAH 4

Alatan Prezi

Pergi ke ikon
Insert.

Ini adalah alatan

yang anda boleh
tambah atau
sisipkan pada
Prezi anda.

52

Bab 4: Prezi

Pergi ke Customize
untuk menukar tema
atau latarbelakang
Prezi anda.

LANGKAH 5

Menggunakan Prezi
(a) Bingkai

Klik pada
Zoom to
frame untuk
membesarkan
bingkai.

Klik pada bingkai,

anda boleh alih,
besarkan dan
kecilkan saiz
bingkai.

Bab 4: Prezi

Klik ikon ini dan

anda boleh
mengalihkan dan
menukar jenis
bingkai anda.

(b) Menyunting Teks

Klik satu kali

dalam bingkai.
Anda boleh taip
teks pada kotak
yang diberi.

53

54

Bab 4: Prezi

(c) Menyunting Laluan (Path)

Klik pada ikon

ini.
Klik pada nombor
laluan. Anda boleh
menghapuskan laluan
atau boleh menukar
turutan laluan.

Anda boleh
menggunakan kesan
pendam masuk pada
teks.

Bab 4: Prezi

55

Ini contoh pembentangan Prezi

LANGKAH 6

Untuk berkongsi
Prezi anda, klik
pada ikon ini.

Anda boleh muat-turun Prezi

anda sebagai PDF untuk edaran
atau sebagai Prezi mudah alih
untuk kegunaan luar talian.

Berkongsi Prezi

Seterusnya klik
Share prezi.

Atau anda
boleh berkongsi
melalui
Facebook.

56

Bab 4: Prezi

Jika anda ingin

kongsi Prezi anda,
pilih tahap
kerahsiaan anda.

Salin pautan yang

diberi dan
sebarkan.

Atau isi alamat

emel rakan anda
di sini.

Bab 4: Prezi

57

RUJUKAN
Lydia

Leimbach.

2010.

Prezi:

Just

Plain

Good

for Content.http://rsu2teachertech.wordpress.com/2010/11/09/prezi-justplain-good-for-content/ [14 March 2011]

Tarr,

R.J.

2009.

Prezi:

Quickstart

Guide.

http://www.activehistory.co.uk/Miscellaneous/free_stuff/worksheets/Prezi.p
df [14March 2011]

58

Bab 5: Edynco

Bab 5

EDYNCO
APAKAH ITU EDYNCO?
Edynco adalah alat dalam talian yang boleh digunakan untuk membina peta
visual pembelajaran yang merangkumi kuiz, imej dan video. Peta pembelajaran
kemudiannya boleh dieksport ke LMS anda atau dibenam pada laman web
anda.
(Sumber:

http://blogs.onlineeducation.touro.edu/create-interactive-learning-

maps-with-edynco/)
MANFAAT EDYNCO
Berikut adalah beberapa manfaat menggunakan Edynco:
1.

Manfaat bagi pelajar: Pelajar boleh membuka satu laman web

edynco.com secara langsung tanpa melalui sebarang enjin carian, tanpa
perlu ke laman utama edynco.com. Pelajar dapat menjimatkan satu
atau dua klik. Satu klik yang memberi kesan yang amat penting dalam
dunia internet dan perkembangan pendidikan.

2.

Manfaat untuk buta huruf: Mereka yang tidak boleh membaca boleh
menonton dan mendengar video.

(Sumber: http://www.atoall.com/2/m/e.asp?id=edynco.com)

Bab 5: Edynco

MULAKAN DENGAN EDYNCO

LANGKAH 1

LANGKAH 2

Pergi ke http://www.edynco.com/

Membuka Akaun

Klik pada
butang Try it
Free.

59

60

Bab 5: Edynco

Isi maklumat
yang diperlukan.

Seterusnya, klik pada butang Sign up

pada emel diterima dari emel Edynco
dan klik pada pautan yang diberi untuk
mengesahkan akaun Edynco anda.

Bab 5: Edynco

LANGKAH 3

Pergi ke
Home.

61

Membina Edynco

Klik pada ikon

perpustakaan
Library.

Ini item yang anda

boleh bina dan
simpan di
perpustakaan
anda.

62

Bab 5: Edynco

(a) Membina Syarahan Mikro

Untuk membina
syarahan mikro Pergi
ke ikon Micro
lectures dan klik
create new Micro
lecture.

Taip tajuk
syarahan
mikro anda
di sini.

Seterusnya
klik butang
OK .

Klik butang +
Add Slideuntuk
mula membina
syarahan mikro
anda.

Anda boleh
muat-naik imej
atau slaid anda
dari fail
PowerPoint.
atau imej.

Setelah selesai
muat-naik fail klik
butang Close.
button.

Bab 5: Edynco

Atau anda
boleh pilih
semua slaid
dan klik
OK setelah
selesai
memilih.

63

Tanda pada
Choose pada
slaid yang
anda ingin
guna pada
syarahan
mikro anda.

Klik ikon ini

untuk mula
merakam
syarahan
anda.

Klik Allow untuk

menggunakan
mikrophon atau
kamera web untuk
membuat rakaman
pada slaid.

Seterusnya
klik butang
Next.

64

Bab 5: Edynco

Anda boleh
mula
merakam
suara pada
slaid anda.

(b) Membina Kuiz

Untuk
membina
kuiz Pergi ke
ikon
quizzes dan
klik Create
new Quiz.

Isi tajuk kuiz

di sini.

Seterusnya
klik butang
OK.

Bab 5: Edynco

Pilih jenis
soalan.

Klik
butang
Next .

Taip soalan
anda di sini.
Taip
pilihan
jawapan
di sini.
Seterusnya
klik Next.

65

66

Bab 5: Edynco

Pilih
jawapan
yang betul.

Klik butang
Next.

Ini contoh
soalan yang
dibina.

Tetapkan pilihan
soalan anda.

Seterusnya,
klik butang
Finish.

Bab 5: Edynco

67

(c) Menambah Video

Untuk menambah
video,pergi ke
Video. Klik Add
new video .

Klik Choose files

untuk menambah
video dari
komputer anda.
Seterusnya,
klik butang
Upload.

Tunggu
sehingga
video selesai
dimuat-naik.

68

Bab 5: Edynco

Ini contoh video yang

dimuat-naik dan
disimpan dalam
perpustakaan.

(d) Menambah Fail PDF/Imej/Audio

Untuk menambah fail

PDF/imej/audio,
Pergi ke ikon
PDF/Images/Audio/V
arious documents.

Klik Add new

PDF/Images/Audio/Va
rious documents.

Bab 5: Edynco

Klik Choose files untuk

menambah
PDF/Images/Audio/
Various documents.

Seterusnya,
klik butang
Upload .

LANGKAH 4

Membina Peta Pembelajaran

Klik ikon
Learning
maps.

Seterusnya, klik
Create new
Learning Map.

69

70

Bab 5: Edynco

Isi tajuk peta

pembelajaran di sini.

Seterusnya, klik
butang OK.

Pilih templat kosong

atau yang telah
tersedia untuk peta
pembelajaran anda.

Ini contoh peta

pembelajaran yang
telah dibina.

Bab 5: Edynco

LANGKAH 5

71

Membina kumpulan

Klik ikon
Groups.

Seterusnya,
klik Create
new Group.

72

Bab 5: Edynco

Isi maklumat
kumpulan.

Klik butang
Create.

Ini contoh
kumpulan yang
telah dibina.

Pilih keboleh
capaian samada
diterbitkan atau
tidak diterbitkan.

Klik ikon ini

untuk menambah
maklumat .

Bab 5: Edynco

73

(a) Papan Notis

Pergi ke butang
Noticeboard.

Isi maklumat
yang
diperlukan.

Seterusnya, klik
butang Save

(b) Bahan Pembelajaran

Pergi ke butang
Learning
materials .
Klik butang
Add
content.

74

Bab 5: Edynco

Isi sebarang bahan

yang anda inginkan
seperti peta
pembelajaran,
syarahan,kuiz dari
perpustakaan anda.

(c) Tugasan

Pergi ke butang
Assignment.
Klik butang
New
assignment

Pilih jenis tugasan

yang anda ingin
tambah.

Seterusnya
klik butang
OK.

Bab 5: Edynco

75

Ini contoh
tugasan yang
telah ditambah.

LANGKAH 6

Menjemput Pelajar

Jenis
jemputan.

Pergi ke
Students.

76

Bab 5: Edynco

(a) Menjemput Pelajar Baru

Isi maklumat yang

diperlukan untuk
menjemput
pelajar.

Seterusnya,
klik butang
Invite.

(b) Tambahan Secara Manual

Untuk menambah pelajar

secara manual isi
maklumat yang
diperlukan.

Seterusnya, klik
butang Add.

Bab 5: Edynco

77

RUJUKAN
http://blogs.onlineeducation.touro.edu/create-interactive-learning-maps-withedynco/
http://www.atoall.com/2/m/e.asp?id=edynco.com

78

Bab 6: Rawshorts

Bab 6

APAKAH ITU RAWSHORTS?

RAWSHORTS

RawShorts adalah pembina video secara DIY yang membantu perniagaan,

pendidik dan individu untuk merakam video penerangan untuk mempamerkan
teras fungsi sesuatu syarikat, bahan dan apa sahaja berkaitan dengan cara yang
menarik.
(Sumber: http://www.rawshorts.com/).
KELEBIHAN RAWSHORTS
Berikut adalah kelebihan menggunakan RawShorts:
1.

RawShorts adalah penyelesaian yang terpantas, mudah dan murah

untuk menghasilkan video penerangan yang bertaraf profesional,
pembentangan beranimasi, demo dan video pemasaran untuk
perniagaan.

2.

Untuk latihan dan pendidikan, ia boleh menangkap tumpuan penonton

atau pelajar dengan kuasa video. Rakaman video pembentangan
beranimasi akan menarik tumpuan pelajar terhadap pelajaran dan
menjadikan pembelajaran lebih seronok.

(Sumber: www.rawshorts.com)

Bab 6: Rawshorts

MULAKAN DENGAN RAWSHORTS

LANGKAH 1

LANGKAH 2

Pergi ke:http://www.rawshorts.com/

Daftar Akaun

Klik pada
butang SIGN
UP FOR
FREE.

Isi maklumat
yang diperlukan.

Seterusnya klik
pada butang
SIGN UP.

79

80

Bab 6: Rawshorts

Anda akan menerima

emel pengesahan pada
alamat emel yang anda
daftar.

Periksa emel anda

dan klik pada
pautan yang diberi
atau klik butang ini
untuk mengesahkan
emel anda.

Kini anda boleh mula

merakam video anda
dengan mengklik butang
ini.

Bab 6: Rawshorts

LANGKAH 3

Merakam Video

Pilih templat diberi

atau anda boleh mula
dengan menggunakan
templat kosong.

Isi maklumat yang

diperlukan.
Seterusnya, klik
pada butang
Create New
Video.

Klik pada Launch

Video Builder untuk
mula merakam video
anda.

81

82

Bab 6: Rawshorts

(a) Alatan
Alatan Asas.

Alatan Sisipan.

Slaid atau
Adegan.
Alatan
Pemain.

Klik pada ikon

ini untuk mula
menyunting.

Jika anda ingin

menyunting teks atau
media, klik satu kali
pada teks atau
media.

Putarkan dan
tekan
(jeda)pause
untuk
menyunting
templat.

Bab 6: Rawshorts

83

(b) Menyunting Teks

Sunting teks.
Seterusnya klik pada
butang Apply.

(c) Menyunting Media

Klik sekali
pada media
dan ikon ini
untuk mula
menyunting.

84

Bab 6: Rawshorts

Pilih sebarang media

yang sesuai untuk
slaid atau adegan
anda.

Seterusnya klik pada

butang Apply.

(d) Menyunting Resap Jelma

Pilih resap jelma

Fade in yang anda
inginkan.

Pada garis
masa, klik
ikon ini.

Seterusnya
klik pada
butang
Apply.

Bab 6: Rawshorts

85

(e) Menambah Peralihan Slaid

Pada
slaid
atau adegan
anda klik ikon
ini.

Pilih peralihan
slaid yang anda
ingini.

(f) Memasukkan Imej

Untuk menyunting imej,

klik sekali pada imej ini.

Seterusnya klik
butang Apply.

86

Bab 6: Rawshorts

Klik butang
Browseuntuk muat-naik
imej dari computer anda.

Pilih imej yang

anda telah
muat-naik.

Seterusnya klik pada

butang Next.

Bab 6: Rawshorts

Sasarkan imej
ditengah dan
sesuaikan
dengan
bingkai.

Seterusnya klik
pada butang
Apply.

Ini contoh imej

yang telah
disunting.

87

88

Bab 6: Rawshorts

LANGKAH 4

Menukar Latarbelakang

Seterusnya, Pergi ke
alatan media
BACKGROUNDS.

Pergi ke slaid atau

adegan yang anda ingin
tukarkan
latarbelakangnya.

Pilih latar belakang

yang anda minati.

Seterusnya
klik butang
Apply.

Bab 6: Rawshorts

Ini contoh latar belakang

yang telah ditukar.

LANGKAH 5

Setelah anda
pilih templat,
seterusnya klik
butang ini.

Menambah Audio

Pergi ke
pengesetan
AUDIO.

89

90

Bab 6: Rawshorts

Muat-naik audio,
music atau
rakaman suara
dari computer.
anda.
Seterusnya klik
butang Apply.

LANGKAH 6

Berkongsi Video RawShorts

Untuk berkongsi video

RawShort pergi ke
ikon Share Upload.

Tetingkap ini akan dipaparkan

untuk memberikan arahan
bagaimana untuk memuat-naik
dan berkongsi video.
Seterusnya klik
butang OK!
untuk menutup
tetingkap.

Bab 6: Rawshorts

Untuk berkongsi dan muatnaik video pergi ke, Pergi ke

Home dan klik pada butang
VIDEO PROJECTS.

Seterusnya klik pada

video yang anda telah
pilih untuk dikongsikan.

Pada bahagian bawah video

anda akan dapat lihat fungsi
ini.

91

92

Bab 6: Rawshorts

(a) Penerbitan

Pergi ke Publish.
Seterusnya
klik pada ikon
YouTube.

Pilih jenis eksport dan

klik pada Add YouTube
Account.

Seterusnya klik butang

Export Video.

Bab 6: Rawshorts

(b) Berkongsi
Pergi ke tab
Share.

Guna pengesetan ini

untuk berkongsi
menggunakan media
sosial.

(c) Muat-turun

Pergi ke tab
Download.

Seterusnya klik pada

butang Download
untuk mula muatturun.

93

94

Bab 6: Rawshorts

RUJUKAN
www.rawshorts.com

Bab 7: Visme

95

Bab 7

VISME
APAKAH ITU VISME?
Bina dengan mudah pembentangan, animasi, sepanduk HTML5 beranimasi,
grafik bermaklumat dan lain-lain kandungan yang kaya dengan visual secara
dalam talian untuk pelayar percuma.
(Sumber: http://www.visme.co/)
KELEBIHAN VISME
Berikut adalah beberapa kelebihan Visme:
1.

Ia adalah satu alatan dalam talian yang mudah untuk membina

kandungan menarik untuk dipaparkan di mana jua.

2.

Ia percuma untuk menambah dan menyunting apa sahaja dari pelbagai

sumber dalam talian.

3.

Terbitkan dan kongsi dimana-mana jua melalui rangkaian sosial, dan

benam pada laman web serta blog.

4.

Boleh dimuat-turun untuk digunakan di luar talian.

5.

Mudah untuk digunakan.

(Sumber: http://www.visme.co/)

96

6.

Bab 7: Visme

Aplikasi yang anjal serta flesibel yang mengubah cara idea digambarkan
kepada suatu cara yang berkuasa.

7.

Mudah untuk berkongsi pembentangan, infografik dan pebagai

kandungan lain yang interaktif.

(Sumber: https://edshelf.com/tool/visme)
PENGGUNAAN VISME DI DALAM KELAS
1.

Membina pembentangan slaid pembelajaran dan infografik untuk

memperkenalkan dan menarik minat pelajar dalam sesuatu topik
pembelajaran.

2.

Untuk menjana soalan sebelum perbincangan sesuatu topik.

3.

Membina pembentangan said pelbagai-imej dimana pelajar melakukan

perbincangan bagaimana imej tersebut berkaitan antara satu sama lain.

4.

Meminta pelajar melakukan projek untuk kelas menggunakan alatan

yang mudah digunakan ini.

5.

Benam dan kongsi alatan ini pada blog anda,wiki atau laman web untuk
pelajar dapat mencapainya dengan mudah.

6.

Membina tapak projek untuk pelajar muat-naik imej dan video yang
diperolehi sewaktu mempelajari sebarang matapelajaran.

7.

Mencari imej dengan pelbagai corak ketika membincangkan geometri

atau corak pada alam sekitar.

8.

Mencari gambar tumbuhan atau binatang untuk sesuatu unit dalam

matapelajaran sains seperti tajuk dunia. Pelajar bahasa boleh membina

Bab 7: Visme

97

cerita bergambar secara digital untuk bercerita menggunakan

perkataan baru yang dipelajari.
9.

Membentangkan penambahbaikan pengajaran bagi profesen perguruan

atau persembahan akhir tahun untuk dipaparkan di pusat media
sekolah.

(Sumber: http://www.teachersfirst.com/single.cfm?id=15508)

98

Bab 7: Visme

MULAKAN DENGAN VISME

LANGKAH 1

LANGKAH 2

Klik pada
butang GET
STARTED.

Pergi ke:http://my.visme.co/

Daftar Akaun Percuma

Bab 7: Visme

99

Isi maklumat
yang
diperlukan.

Seterusnya klik
padaCREATE
NEW ACCOUNT.

LANGKAH 3

Atau anda boleh

daftar masuk
menggunakan
akaun Facebook.

Bina Visme Baru

Pergi ke tab
Visme.
Seterusnya, klik
pada + Create
New Visme.

100

Bab 7: Visme

Isi tajuk projek

atau
pembentangan
anda.

Seterusnya, klik
pada butang
Continue.

Untuk membina
pembentangan,
klik pada ikon
Presentation.

Seterusnya pilih
templat yang
sesuai dengan
pembentangan
anda.

Bab 7: Visme

LANGKAH 4

101

Alatan Visme

Pengesetan Menu

Alatan Sisipan
Atur Slaid

Alatan Asas

Anda boleh klik

Save untuk
menyimpan fail
anda.
Isi tajuk projek anda
di sini.
(a) Alatan Sisipan
Latar
belakang
slaid
Masukkan
bentuk
Masukkan
carta

Masukkan
teks
Masukkan
imej
Masukkan
video
Masukkan
audio

102

Bab 7: Visme

(b) Mengurus Slaid

Untuk
menambah
slaid klik
butang ini.

LANGKAH 5

Untuk menyisip
atau menyunting
transisi antara
slaid klik butang
ini.

Membina Visme

(a) Menambah/Menyunting Latar belakang

Untuk menyunting
atau menambah latar
belakang, klik ikon ini.

Seterusnya pilih
latar belakang yang
anda ingini.

Bab 7: Visme

103

(b) Menyunting & Menambah Teks

Ini alatan
penyuntingan.

Untuk
menyunting
teks, klik pada
ruang ini.

Ini adalah
animasi teks.

Ini adalah
widget teks.

Untuk
menambah
animasi teks
atau widget
teks, klik pada
ikon ini.

104

Bab 7: Visme

(c) Menambah Slaid baru

Untuk
menambah slaid
baru, klik pada
ikon + Slides.

Pilih bentangan
halaman slaid
baru anda.

Bab 7: Visme

105

(d) Peralihan Antara Slaid

Suntingan
pengesetan
slaid. transition.

Untuk
menambah atau
menukar
peralihan antara
slaid klik pada
ikon ini.

(e) Menambah Imej

Muat-naik imej
secara manual
dengan melarik
dan jatuhkan imej
di sini.

Atau tambah
imej melalui
carian kata
kunci di sini.

Untuk
menambah imej
klik ikon ini.

106

Bab 7: Visme

Ini alatan
menyunting
imej.

(f) Menambah Carta

Tambah slaid
baru.

Ini contoh imej

yang ditambah.

Bab 7: Visme

107

Pilih bentangan
halaman ini.

Untuk
menyunting
carta klik pada
ikon ini.

Ini contoh
carta.

108

Bab 7: Visme

Pilih jenis carta

di sini.

Sunting data di
sini.

Seterusnya klik
pada butang
Insert.

Atau anda
boleh import
data dari fail
lain.
Klik ikon ini.

Anda juga boleh

menambah carta
pada slaid dengan
cara klik butang
ini.

Anda boleh
menambah
maklumat
Infograf
widget into
your slide.

Ini contoh carta

infograf.

Bab 7: Visme

(g) Menambah Objek & Bentuk

Untuk
menambah
corak dan
objek klik pada
ikon ini.

Pilih tema
objek yang
anda ingini.

Ini contoh ikon

untuk sains dan
teknologi.

109

110

Bab 7: Visme

h) Menambah Video

Tambah slaid
baru.

Pilih corak
bentangan
halaman di sini.

Bab 7: Visme

Atau klik ikon

ini untuk
menambah
video pada slaid
anda.

111

Seterusnya klik
pada penanda
video.

Tambah
Youtube atau
pautan Vimeo
di sini..

112

Bab 7: Visme

Ini contoh
video pada
slaid.

(i) Menambah Audio

Untuk
menambah
audio klik ikon
ini.

Bab 7: Visme

Isi URL audio

anda di sini.

Ini ikon untuk

audio yang telah
ditambah dalam
slaid.

Seterusnya klik
butang Done .

113

114

Bab 7: Visme

LANGKAH 6

Pra-nonton Pembentangan

Klik pada
butang
Preview
button.

Ini pra-nonton
slaid yang telah
dibina.

Bab 7: Visme

LANGKAH 7

Menerbitkan Slaid
(a)

Berkongsi

Klik pada
Share this
Work.

Guna pautan ini

untuk terbitkan
hasil kerja anda.
Atau anda
boleh
berkongsi
melalui media
sosial.

115

116

Bab 7: Visme

(b) Membenam
Klik pada
Embed to a
Site or Blog.

Guna kod benam

ini untuk
membenam
pembentangan anda
pada blog.

c) Muat-turun
Klik pada
Download
Work.

Pilih jenis muatturun yang

anda ingini.

Bab 7: Visme

RUJUKAN
http://www.visme.co/
https://edshelf.com/tool/visme
http://www.teachersfirst.com/single.cfm?id=15508

117

118

Bab 8: HaikuDeck

Bab 8

HAIKU DECK
APAKAH ITU HAIKU DECK?
Haiku Deck adalah aplikasi percuma yang menjadikan suatu pembentangan
mudah, menarik dan seronok.
(Sumber: https://www.haikudeck.com/)
MANFAAT MENGGUNAKAN HAIKU DECK
Berikut adalah beberapa manfaat menggunakan Haiku Deck:
1.

Mudah digunakan.

2.

Memastikan teks ringkas dan tepat.

3.

Tiada animasi yang menganggu tumpuan.

4.

Tidak perlu melakukan carian google untuk mendapatkan imej.

5.

Imej amat terang dan cantik.

6.

Teramatlah mudahnya untuk menggunakan HaikuDeck.

(Sumber:

http://www.slideshare.net/ALisaCasey67/benefits-of-using-

haikudeck-38435957)

Bab 8: HaikuDeck

119

KELEBIHAN HAIKU DECK

Berikut adalah beberapa kelebihan Haiku Deck:
1.

Satu platform mudah alih yang boleh disunting dan berkongsi

pembentangan dengan mudah di mana-mana dan bila-bila masa tanpa
fail lampiran yang besar atau berat.

2.

Rekabentuk dan bentangan halaman yang canggih membolehkan masa

dan tenaga ditumpukan kepada pesanan yang ingin disampaikan.

3.

Imej berkualiti tinggi serta berimpak dan berlesen dibawah Creative

Commons yang memberikan satu kelebihan kepada kuliah dan
pelajaran.

4.

Melukis carta pie, carta bar dan carta statistik secara terus dalam
aplikasi.

(Sumber: http://facultyecommons.org/haiku-deck-visual-presentations/)

120

Bab 8: HaikuDeck

MULAKAN DENGAN HAIKU DECK

LANGKAH 1

LANGKAH 2

Pergi ke:https://www.haikudeck.com/

Daftar Akaun Percuma

Pilih
platform
yang anda
ingin
gunakan
untuk
memasuki
Haiku
Deck.

Bab 8: HaikuDeck

Pergi ke GET A NEW

ACCOUNT atau anda
boleh daftar masuk
melalui akaun sosial
anda.

Isi maklumat
yang diperlukan.

Seterusnya klik
butang SIGN
UP.

121

122

Bab 8: HaikuDeck

Anda kini boleh mula

mencipta Haiku dengan
klik butang GET
STARTED.

LANGKAH 3

Alatan Haiku Deck

Alatan Asas

Alatan Sisipan

Alatan Leret

(a) Alatan Asas

Kongsikan

Eksport

Mainkan

Bab 8: HaikuDeck

(b) Alatan Sisipan

Memasukkan
teks
Memasukkan
gambar
Menukar susun
atur

LANGKAH 4

Memasukkan
nota

Menbina Haiku Decks

(a) Memilih Tema

Pilih tema yang sesuai

dengan pembentangan
anda.

Anda boleh
menggunakan tema
sedia-guna dengan
mengklik butang ini.

123

124

Bab 8: HaikuDeck

(b) Mengedit/Menambah Teks

Anda boleh
menyunting teks
secara terus dari
slaid.

Anda boleh klik

ikon ini untuk
menambah teks
secara manual.

Anda perlu
memilih jenis
slaid.

(c) Menambah Imej

Anda boleh tanda di
sini untuk
menjadikan imej
sebagai
latarbelakang teks.

Klik ikon ini.

Anda boleh mencari

imej dalam talian
dengan cara menaip
phrasa imej.

Atau anda
boleh muat-naik
mej dari fail
anda.

Bab 8: HaikuDeck

Ini adalah imej yang

akan terpapar
berdasarkan carian
kata kekunci anda .

125

Ini contoh imej yang

digunakan sebagai
latarbelakang teks.
Anda boleh tarik
imej secara terus
di sini.

Anda juga
boleh muatnaik atau
tambah imej
dari aplikasi ini.

Atau anda boleh klik butang

Choose Fileuntuk menambah
imej secara manual.

126

Bab 8: HaikuDeck

(d) Menambah Slaid

Untuk
menambah slaid
klik ikon ini.
Slaid yang ditambah
akan dipaparkan di
sini.

Ini contoh slaid

baru yang direka.

(e) Menambah carta

Seterusnya klik
pada ikon ini.

Untuk
menambah
carta klik pada
ikon ini.

Pilih jenis carta

yang anda ingini.

Ini contoh carta

yang dilukis.
created.

Bab 8: HaikuDeck

(f) Menambah Nota

Anda boleh
menambah
sebarang nota atau
pautan di sini.
Untuk
menambah nota
pergi ke ikon
ini.

Ini contoh pautan

yang dimasukkan
dalam nota.

127

128

Bab 8: HaikuDeck

(g) Privasi

Pilih pengesetan
privasi anda.

Pergi ke ikon
ini.

(h) Menonton Pembentangan

Klik ikon ini untuk

menonton
pembentangan anda.

Bab 8: HaikuDeck

Ini contoh satu

pembentangan.

(h) Berkongsi

Klik pada ikon ini

untuk kongsi
pembentangan
anda.

129

130

Bab 8: HaikuDeck

Isi penerangan
mengenai
pembentangan anda.

Pilih kategori bagi

pembentangan anda.

Seterusnya, kongsikan
pembentangan anda di
mana-mana laman sosial
media yang anda sukai.

(i) Mengeksport

Klik pada ikon ini

untuk menerbitkan
pembentangan anda.

Bab 8: HaikuDeck

Isi penerangan
mengenai
pembentangan anda.
Pilih kategori
pembentangan
anda.
Seterusnya, anda boleh
mengekspot
pembentangan anda
sebagai dalam format
PDF atau PPT.

131

132

Bab 8: HaikuDeck

RUJUKAN
https://www.haikudeck.com/
http://www.slideshare.net/LisaCasey67/benefits-of-using-haikudeck-38435957
http://facultyecommons.org/haiku-deck-visual-presentations/

Bab 9: Slidedog

133

Bab 9

SLIDEDOG
APAKAH ITU SLIDEDOG?
SlideDog adalah alatan pembentangan multimedia yang membolehkan anda
menggabungkan pembentangan Powerpoint, fail PDF, pembentangan Prezi,
klip filem, laman web dan lebih lagi ke dalam satu pengalaman menonton yang
tak berkelim dan berkeadah baru.
(Sumber: http://slidedog.com/features/)
KELEBIHAN SLIDEDOG
Berikut adalah kelebihan SlideDog:
1.

Alatan berkuasa direka untuk menggendalikan multimedia yang

membolehkan

anda

membina

pembentangan

yang

canggih

menggunakan pelbagai fail dan media yang berbeza.

2.

Ia boleh menggabungkan fail PDF, PowerPoint, dan keratan laman

web, imej dan filem tanpa perlu memikirkan tentang konflik atau isu
format fail yang berbeza.

134
3.

Bab 9: Slidedog

Ia boleh digunakan secara dwi- paparan dengan skrin yang berasingan

untuk pembentang beserta dengan senarai audio video, jam pemasa
dan nota anda sementara penonton cuma melihat slaid anda sahaja.

(Sumber: http://m.en.softonic.com/app/slidedog)

Bab 9: Slidedog

MULAKAN DENGAN SLIDEDOG

LANGKAH 1

Pergi ke:http://slidedog.com/

LANGKAH 2

Muat-turun SlideDog

Pergi ke butang
DOWNLOAD.

Setelah fail dimuatturun, Klik pada

butang RUN .

Seterusnya, klik
pada butang
Next>.

135

136

Bab 9: Slidedog

Klik I Agree.
Klik butang
Install .

Setelah pemasangan,
Klik pada butang
Next.
Akhir sekali klik
butang Finish.

Bab 9: Slidedog

LANGKAH 3

Menjalankan SlideDog

Untuk memasang atau

mula menggunakan
SlideDog, klik ikon
SlideDog pada skrin
anda.

Tunggu
sebentar.

Seterusnya klik
butang ini.

Pilih pekerjaan
anda.

Atau, jika tiada

seperti yang di
atas klik di sini.

137

138

Bab 9: Slidedog

Akhirnya anda
akan melihat
skrin video
SlideDog.

LANGKAH 4

Alatan SlideDog

Alatan Utama

Menambah alatan item.

Alat Kawal Jauh

Web dam
Alatan
Berkongsi
Secara
Langsung.

Bab 9: Slidedog

(a) Alatan Utama

Senarai baru

Latar belakang imej

Pilihan

Mod skrin

Menambah alatan item

Kunci atau buka
senarai audio.
dan video.video.

Tambah item.
Item telah ditambah.

139

140

Bab 9: Slidedog

Tambah fail dan

item interaktif.

(b) Kawal jauh web & Perkongsian Langsung

Perkongsian
langsung

Kawal jauh web

LANGKAH 5

Klik ikon ADD

ITEM.

Menambah Item

Bab 9: Slidedog

Pilih item yang anda

ingin
ingin tambah.
tambah

141

Bagi item
interaktif,
interaktif anda
anda
boleh tambah
tinjauan,
poll,
maklumbalas dan
ruang sembang.

Menambah Tinjauan Pendapat

Isikan soalan dan

pilihan jawapan.

Anda boleh
menambah pilihan
jawapan.
Seterusnya, Klik
butang Add to
playlist.

142

Bab 9: Slidedog

Menambah Maklumbalas

Isikan soalan
maklumbalas dan
skala
maklumbalas.

Klik butang Add

to playlist.

Menambah Laman Web

Seterusnya pilih
Web Page.
Klik From Web.

Bab 9: Slidedog

143

Masukkan pautan URL

laman web yang anda
ingin sisipkan dalam
pembentangan anda.

Seterusnya, klik
pada butang
ADD LINK .
Menambah Rakaman YouTube

Seterusnya pilih
YouTube.

Klik From Web.

Menambah Fail

Untuk
menambah fail
lain dari
komputer anda
contohnya ppt,
pdf, klik pada
From Disk.

144

Bab 9: Slidedog

LANGKAH 6

Memaparkan Pembentangan

Pergi ke butang
START SHOW.

Ini adalah contoh pembentangan SlideDog yang telah dihasilkan.

Bab 9: Slidedog

LANGKAH 7

Kawalan Jauh Web

Untuk kawalan
SlideDog anda dari
talipon atau alat
peranti lain klik
pada ikon ini.

LANGKAH 8

Leret pada ON
pada web kawal
jauh.

Berkongsi Secara Langsung

Klik pada ikon

Live Sharing.

Leretkan pada
ON pada live
sharing.

145

146

Bab 9: Slidedog

RUJUKAN
http://slidedog.com/features/
http://m.en.softonic.com/app/slidedog

Bab 10: Sparkol

147

Bab 10

SPARKOL
APAKAH ITU SPARKOL?

PREZI

Sparkol adalah perisian video untuk pengguna membina animasi papanputih

menggunakan perisian VideoScribe.
(Sumber: http://www.sparkol.com/)
MANFAAT SPARKOL UNTUK PEMBELAJARAN
Berikut adalah beberapa manfaat menggunakan Sparkol dengan VideoScribe
untuk pembelajaran:
1. Ia satu alatan yang sempurna untuk pembelajaran. Guru dan pelajar boleh
menggunakan perisian ini untuk mengajar dan belajar.
2. Ia alatan yang penuh berkuasa. Mengarahkan tumpuan terhadap teori dan
konsep yang kompleks secara visual serta menjadikan pembelajaran
seronok dan mudah difahami.
3. Pelajar boleh menonton video pada waktu lapang mereka sendiri dan
mengambil semula perkara yang mereka tercicir di dalam kelas kerana
video tersebut boleh dikongsi di dalam rangkaian sosial.
4. Pelajar amat gemar menggunakan video sebagai sumber pembelajaran
kerana mereka boleh menontonnya mengikut kesesuaian waktu sendiri,
boleh mengulangkaji dan putar semula video berulangkali, serta aspek
visualnya yang tinggi dapat membantu kefahaman mereka.

148

Bab 10: Sparkol

5. Guru boleh menjadi lebih kreatif dalam pendekatan mereka untuk

menyampaikan sesuatu bahan yang adakalanya membosankan. Guru boleh
juga berseronok menggabungkan sumber-sumber yang digemari pelajar.
6. Boleh memberi pelajar tugasan untuk melakukan rakaman video mereka
sendiri sebagai sebahagian dari penilaian, memberikan mereka pilihan lain
yang lebih seronok berbanding dengan menulis laporan.
(Sumber: http://www.sparkol.com/blog/case-study-videoscribe-in-schools/)

Bab 10: Sparkol

149

MULAKAN DENGAN SPARKOL

LANGKAH 1

LANGKAH 2

Pergi ke:http://www.sparkol.com/

Memasang Sparkol

Pertama sekali
klik GO TO
VIDEOSCRIBE
WEBSITE.

150

Bab 10: Sparkol

Isikan emel anda

di sini untuk
pendaftaran.

Isi maklumat
yang
diperlukan.

Seterusnya,klik
butang ini. Anda
memperolehi
tempoh
percubaan selama
7 hari.

Klik pada butang

START
VIDEOSCRIBE
FREE TRIAL.

Bab 10: Sparkol

Sparkol akan
menghantar emel
kepada alamat emel
anda. Seterusnya,
VideoScribe akan
dimuat-turun secara
automatik pada
komputer anda.

Setelah fail selesai

dimuat-turun, klik
pada butang RUN.

Seterusnya, klik
butang Next>.

151

152

Bab 10: Sparkol

Klik butang Next>

sekali lagi.

Klik pada
butang Install.

Setelah selesai
pemasangan, klik
pada butang
Next.

Bab 10: Sparkol

Akhir sekali,
klik pada
butang Finish.

LANGKAH 3

Memaparkan VideoScribe
Untuk mula memaparkan
SparkolVideoScribe, klik
ikon ini yang terpapar di
skrin ini dua kali.

Tunggu sehingga
VideoScribe selesai
memeriksa kandungan
baru.

153

154

Bab 10: Sparkol

Isi semula emel

berdaftar anda serta
kata kekunci.

Seterusnya, klik
pada butang
LOG IN.

Klik ikon ini untuk

bersetuju dengan
perjanjian lesen
percubaan.

Bab 10: Sparkol

155

Video tutorial
akan dipaparkan
kepada anda
sebelum anda
mula
menggunakannya.
Klik ikon ini
untuk
melangkau
video tutorial.

Ini menu utama

VideoScribe anda.

156

Bab 10: Sparkol

Simpanan
dalam talian.

Bina scribe
baru.

Contoh scribe
baru.

LANGKAH 4

Alatan VideoScribe

Alatan pra-tonton,
Putar video dan
Menerbitkan Scribe
Tools.

Alatan Asas
Tools

Elemen

Bab 10: Sparkol

(a) Alatan Asas

(b) Alatan Putar video/Pra-Tonton & Penerbitan Scribe

LANGKAH 5

Membina VideoScribe
(a) Menambah Teks

Klik pada ikon

ini untuk
menambah
teks.

157

158

Bab 10: Sparkol

Taip teks
anda di sini.

Batal

Menukar atau
mengimport fon
baru.

Menukar
warna fon

Sisipkan ke
kanvas.

Ini contoh teks yang ditambah pada kanvas

Bab 10: Sparkol

(b) Menambah Imej

Klik ikon ini

untuk
menambah
imej.
Isi kata kunci
untuk carian imej
di sini.

Import imej
SVG, Bitmap
atau fail Zip
dari
computer
anda.

Isi URL web untuk

muat-turun imej
SVG atau bitmap.

Contoh imej
yang disisipkan
pada kanvas.

159

160

Bab 10: Sparkol

(c) Menambah Muzik/Audio

Klik ikon ini untuk

menambah/
muzik/audio.

Atau import
audio MP3 dari
komputer.

Atau isi URL

web untuk
muat-turun
audio mp3.

Pilih musik
yang diberi
di sini.

(d) Menambah Suara

Klik pada ikon ini

untuk menambah
suara anda.

Bab 10: Sparkol

Klik pada butang RECORD

untuk mula merakam suara anda.

Isi URL web

untuk muatturun mp3.

Import
bunyian MP3
dari
computer
anda.
(e) Warna Latar-Belakang

Klik pada ikon

ini untuk
menukar
latarbelakang
kanvas anda.

Pilih warna latar

belakang.

Pilih tekstur
latar belakang.

161

162

Bab 10: Sparkol

Ini contoh latar belakang yang telah ditukar

(f) Asas Tangan

Klik pada ikon ini untuk menukar

latarbelakang kanvas anda.
background.

Bab 10: Sparkol

163

Pilih asas tangan

untuk
VideoScribe.
Atau anda boleh bina
atau tambah asas
tangan anda sendiri.

Ini contoh asas tangan yang digunakan dalam VideoScribe.

164

Bab 10: Sparkol

(g) Elemen Suntingan

Seterusnya,
klik disini
untuk menukar
corak elemen.
yang anda
ingini.

Klik sekali pada

elemen yang
anda ingin
lakukan
suntingan.
Ini contoh
corak elemen.

LANGKAH 6

Putar/Pra-tonton & Penerbitan

(a) Putar & Pra-Tonton VideoScribe

Klik pada ikon

ini untuk pratonton/putar
VideoScribe
anda.

Bab 10: Sparkol

Ini contoh pra-tonton

(b) Menerbitkan atau Memaparkan Persembahan

Klik ikon ini
untuk
menerbitkan
VideoScribe
anda.

165

166

Bab 10: Sparkol

Anda boleh berkongsi

video anda menggunakan
YouTube dan Facebook.
Klik pada ikon ini
untuk muat-turun
dalam format ppt.

Bab 10: Sparkol

RUJUKAN
http://www.sparkol.com/
http://www.sparkol.com/blog/case-study-videoscribe-in-schools/

167