Aplikasi Pembentangan Web 2.0

Aplikasi Pembentangan Web 2.0
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

i

ISI KANDUNGAN
Muka Surat
BAB 1 POWTOON
Apakah Itu Powtoon?……………………………………………………..
Manfaat Powtoon..……………………………………………………..
Kelebihan Menggunakan Powtoon Dalam Pendidikan.……………….…
Mulakan Dengan Powtoon.…………………………………………….
Rujukan…………………………………………………………………..
BAB 2 EMAZE
Apakah Itu Emaze?....................................................................................................
Manfaat Emaze ….……………………………………………………….
Kelebihan Menggunakan Emaze Dalam Pendidikan…..………………..
Mulakan Dengan Emaze………………………………………………3
Rujukan………………………………………………………………...
BAB 3 BLENDSPACE
Apakah Itu Blendspace?……………………………………………............
Manfaat Blendspace……………….………………………………….
Kelebihan Menggunakan Blendspace Dalam Pendidikan..…………………
Mulakan Dengan Blendspace…………………………………..………….
Rujukan…………………………………………………………….……
1
1
2
4
15
16
16
17
18
27
28
28
29
31
44

ii
BAB 4 PREZI
Apakah Itu Prezi?………………………………………………………..…
Kelebihan Prezi…………………………………………………...
Menggunakan Prezi…………………………………………………….…
Mulakan Dengan Prezi...………………………………………………...
Rujukan………………………………………………………………
BAB 5 EDYNCO
Apakah Itu Edynco?...............................................................................................
Manfaat Edynco………………………………………………………..
Mulakan Dengan Edynco…………..…………………………………….2
Rujukan…….………………………………………………………………
BAB 6 RAWSHORTS
Apakah Itu Rawshorts?....……………………………………….………...1
Kelebihan Rawshorts..…..……………………………………………...1
Mulakan Dengan Rawshorts.………………………………….………2
Rujukan ……………………………………………………………….6
BAB 7 VISME
Apakah Itu Visme?..……………………………………………………….
Kelebihan Visme………....………………………………………….
Penggunaan Visme Di Dalam Kelas……………………………………..
Mulakan Dengan Visme……………………………………………........
Rujukan ……………………………………………………………….
45
45
46
48
57
58
58
59
77
78
78
79
94
95
95
96
98
117

iii

BAB 8 HAIKU DECK
Apakah Itu Haiku Deck?…………………………………………………
Manfaat Menggunakan Haiku Deck.…………………………………..70
Kelebihan Haiku Deck.……………………………………………..
Mulakan Dengan Haiku Deck…………………………………………….
Rujukan ………………………………………………………………
BAB 9 SLIDEDOG
Apakah Itu SlideDog?…………………………………………………..…
Kelebihan SlideDog..………………………………………………
Mulakan Dengan SlideDog…………………………………………...82
Rujukan ………………………………………………………………
BAB 10 SPARKOL
Apakah Itu Sparkol?……………………………………………………….
Manfaat Sparkol Untuk Pembelajaran……………………………………1
Mulakan Dengan Sparkol……………………………………………..
Rujukan ………………………………………………………………
118
118
119
120
132
133
133
135
146
147
147
149
167

Bab 1: Powtoon 1
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

2 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 3
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)

4 Bab 1: Powtoon
MULAKAN DENGAN POWTOON
Pergi ke http://www.powtoon.com/
Membuka Akaun
Klik ‘Sign up for free’
untuk membuka
akaun Powtoon.
LANGKAH 2
LANGKAH 1

Bab 1: Powtoon 5
Anda kini
boleh mula
berpowtoon.
Isi maklumat
yang
diperlukan.
Atau anda
boleh daftar
menguna-kan
akaun lain.
Seterusnya
klik butang
‘Sign me up’.
Pilih profil yang
anda inginkan.

6 Bab 1: Powtoon
Membina Powtoon
Buka papan
pemuka
‘Dashboard’
anda.
LANGKAH 3
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 7
Ini contoh Powtoon yang telah dibina.
Ini projek Powtoon anda. Anda
boleh mula menyunting dengan
menggunakan alatan Powtoon.

8 Bab 1: Powtoon
Alatan Powtoon
Alatan
Asas.
Alatan
Pemain.
LANGKAH 4
Pilihan Gaya
Anda.
Alatan Bingkai
Masa.

Bab 1: Powtoon 9
(a) Alatan Asas
(b) Pilihan Gaya Anda
(i) Kesan Teks
Pilih gaya anda. Ia akan menyediakan
corak yang berbeza untuk alatan
kecil (cth: teks, pegangan, karektor,
animasi, prop, penanda dan corak,
peralihan dan latarbelakang.
Simpan Data Alatan Fon
Wujudkan Powtoon
baru
Masukkan suara,
gambar dan ayat Terbitkan Powtoon

10 Bab 1: Powtoon
(ii) Pemegang
(iii) Karektor & Animasi

Bab 1: Powtoon 11
(iv) Prop
(v) Corak & Penanda

12 Bab 1: Powtoon
(vi) Peralihan
(vii) Latarbelakang

Bab 1: Powtoon 13
(c) Alatan Pemain
Alatan bingkai masa
Menerbitkan Powtoon
Tambah dan
hapus saat.
Bunyi dan
pengurus bunyi.
LANGKAH 5
Setelah anda selesai
membina Powtoon, anda
boleh klik pada butang
‘Publish’ untuk
menerbitkannya.
Mainkan dari awal
Mainkan semua Mainkan slaid semasa
Mainkan dan
hentikan
sementara

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-with-
powtoon/ [7 August 2014]
http://www.lisettetoetenel.info/Powtoon.pdf [7 August 2014].
http://www.powtoon.com/blog/powtoon-revolutionizing-education/[7 August
2014].
http://prezi.com/ziaxk3tayapf/powtoon/[7 August 2014].
http://www.teachersfirst.com/single.cfm?id=13954 [7 August 2014].

16 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

Bab 2: Emaze 17
6. 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 satu pembentangan yang
menunjukkan cara menggunakan aplikasi 3D.

18 Bab 2: Emaze
MULAKAN DENGAN EMAZE
Pergi ke http://www.emaze.com/
Pendaftaran
Klik ‘Sign up for free’
untuk membuka
akaun Emaze.
LANGKAH 2
LANGKAH 1

Bab 2: Emaze 19
Klik butang
‘SIGN UP’ untuk
mendaftar.
Anda boleh memilih
akaun percuma atau
berbayar berdasarkan
pada minat anda.

20 Bab 2: Emaze
Membina Pembentangan
Atau anda boleh
pilih sebarang
templat yang
sesuai dengan
pembentangan
anda.
LANGKAH 3
Pengguna untuk pertama kali akan
ditunjukkan video tutorial. Anda
boleh menonton video atau
melangkaunya dengan mengklik pada
butang ‘CONTINUE’.
Muat-naik
templat dari
fail anda.

Bab 2: Emaze 21
*** Anda boleh menggunakan alatan ini untuk menyunting pembentangan anda.
(a) Alatan Slaid
(b) Alatan Sisipan
Alatan
Slaid.
Alatan
Sisipan.
Alatan Asas.

22 Bab 2: Emaze
(c) Alatan Asas
Menambah CartaLANGKAH 4
Pergi ke Alatan
Menambah dan klik
pada ikon
‘CHART’.
Menampal Memadam Buat semula
Salin Patah balik

Bab 2: Emaze 23
Pilih jenis carta
yang anda ingin
bina.
Tampal data anda
di sini.
Seterusnya, klik
butang ‘ADD’.

24 Bab 2: Emaze
Menambah Video
Menambah Imej
LANGKAH 5
LANGKAH 6
Klik ikon
‘VIDEO’.
Atau sisipkan URL
video dari YouTube
di sini.
Seterusnya, klik
butang ‘ADD’.
Klik ikon
‘IMAGE’.
Atau klik butang
‘BROWSE’ untuk
menambah imej.
Seterusnya klik
pada butang
‘ADD’.
Atau isikan URL
imej di sini.

Bab 2: Emaze 25
Merakam Suara
Contoh pembentangan yang telah dibina.
LANGKAH 7
Klik pada
butang ‘PLAY’.
.
Klik ikon
mikrofon
untuk mula
merakam
suara anda.

26 Bab 2: Emaze
Kongsi PembentanganLANGKAH 8
Putarkan
pembentangan
anda dan ikon
ini akan
dipaparkan.
Untuk berkongsi
pembentangan
anda, klik pada
ikon ‘SHARE.’
Anda boleh emel
pembentangan atau
membenamnya pada
blog anda.
Atau anda boleh berkongsi
melalui rangkaian sosial
seperti Facebook atau
Twitter.
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-make-
and-share-presentations/ [14 August 2014]

28 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

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.

9. Pengajaran Terbeza: Pembelajaran pelajar diperibadikan mengikut
kesesuaian keadaan pelajar dengan pelbagai bahan dalam talian yang
berbeza.
(Sumber: https://www.edsurge.com/blendspace--2)

MULAKAN DENGAN BLENDSPACE
Pergi ke http://www.blendspace.com/
Daftar Blendspace
Klik butang ‘JOIN
FREE’.
LANGKAH 2
LANGKAH 1

Pilih profil anda.
Atau anda boleh
mendaftar
menggunakan
akaun lain.
Seterusnya
klik pada
butang ‘Sign
up’.
Isi maklumat
yang
diperlukan.

Membina pelajaran
(a) Tajuk Pelajaran
LANGKAH 3
Jika ini kali
pertama anda
menggunakan
Blendspace,
tutorial video
akan dipaparkan.
Klik pada
butang
‘Continue’
untuk
melangkau
video.

(b) Mencari Sumber Bahan
Isi tajuk
pelajaran
anda.
Pelbagai sumber bahan
boleh anda cari atau
sisipkan pada pelajaran
anda.

Tajuk pelajaran.
Pilih sumber
anda.
Isi kata kekunci
dan mulakan
carian anda.
Klik dan pegang
sumber yang paling
anda gemari.
Seterusnya leret
ke dalam kotak.

Contoh pelajaran Blendspace yang dibina
Membina KuizLANGKAH 4
Klik ‘Add
Quiz”.

Contoh soalan yang dibina
Isi soalan anda dan
jawapannya di sini.
Anda boleh
menambah soalan
anda di sini.
Seterusnya,
klik butang
‘Done’.

Membuka KelasLANGKAH 5
Pergi semula ke
‘Home”.
Isi tahap kelas ‘Grade
Level’ dan nama kelas
‘Name of class’ anda.
Seterusnya,
klik pada ‘Add
Class’. button.
Seterusnya,
klik butang
‘Close’.
Anda boleh mula
mendaftar pelajar
anda pada pautan
yang diberi.
Pelajar yang
menggunakan
kod kelas ini
boleh
mendapatkanak
ses kepada
kelas anda.
Pergi ke ‘Classes’.

Menjejak Pelajar
Kelas ini telah
dibuka.
LANGKAH 6
Pelajar boleh memberi
komen pada pelajaran
anda dengan mengklik
ikon ini.

Pelajar juga boleh
memberi penilaian
pada kelas anda.
Untuk paparan menjejak
pada pelajaran, klik
butang ‘All Views’.

Berkongsi Pelajaran, Privasi &
Berkolaborasi
(a) Berkongsi
LANGKAH 7
Pada pelajaran
anda, klik pada
‘Share.
Ini ringkasan
semua paparan
menjejak.
Pergi ke Home
dan klik
‘Lessons’.

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.

(b) Kerahsiaan
(c) Kolaborasi
Klik pada
ikon
‘Privacy’.
Pilih tahap
kerahsiaan
yang anda
ingini.
Pergi ke ikon
‘Collaborate’.
Jika anda ingin berkolaborasi
dengan rakan sekerja, isi
alamat emel mereka di sini
dan klik butang ‘Add’.
Atau anda boleh kongsi
pautan ini dengan rakan
sekerja anda.

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

Bab 4: Prezi 45
APAKAH ITU 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.
Bab 4
PREZI
PREZI

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 bahan-
bahan 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
Pergi ke: www.prezi .com
Daftar Akaun Percuma
LANGKAH 1
LANGKAH 2
Bagi pengguna
pertama kali, klik
pada butang „Get
started‟.

Bab 4: Prezi 49
Pilih akaun yang anda ingin
gunakan berdasarkan kepada
keinginan anda.
Atau anda boleh
menggunakan
akaun percuma.
Isi maklumat
yang
diperlukan.
Seterusnya, klik
„Create your
Public account‟.

50 Bab 4: Prezi
Membina PreziLANGKAH 3
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
Alatan Prezi
Ini contoh Prezi
bersama templat
yang telah anda
pilih.
LANGKAH 4
Pergi ke ikon
„Insert‟.
Ini adalah alatan
yang anda boleh
tambah atau
sisipkan pada
Prezi anda.

52 Bab 4: Prezi
Menggunakan Prezi
(a) Bingkai
Pergi ke „Customize‟
untuk menukar tema
atau latarbelakang
Prezi anda.
LANGKAH 5
Klik pada bingkai,
anda boleh alih,
besarkan dan
kecilkan saiz
bingkai.Klik pada
„Zoom to
frame‟ untuk
membesarkan
bingkai.

Bab 4: Prezi 53
(b) Menyunting Teks
Klik ikon ini dan
anda boleh
mengalihkan dan
menukar jenis
bingkai anda.
Klik satu kali
dalam bingkai.
Anda boleh taip
teks pada kotak
yang diberi.

54 Bab 4: Prezi
(c) Menyunting Laluan (Path)
Klik pada nombor
laluan. Anda boleh
menghapuskan laluan
atau boleh menukar
turutan laluan.
Klik pada ikon
ini.
Anda boleh
menggunakan kesan
pendam masuk pada
teks.

Bab 4: Prezi 55
Ini contoh pembentangan Prezi
Berkongsi PreziLANGKAH 6
Untuk berkongsi
Prezi anda, klik
pada ikon ini.
Seterusnya klik
„Share prezi‟.
Atau anda
boleh berkongsi
melalui
Facebook.
Anda boleh muat-turun Prezi
anda sebagai PDF untuk edaran
atau sebagai Prezi mudah alih
untuk kegunaan luar talian.

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-just-
plain-good-for-content/ [14 March 2011]
Tarr, R.J. 2009. Prezi: A Quickstart Guide.
http://www.activehistory.co.uk/Miscellaneous/free_stuff/worksheets/Prezi.p
df [14March 2011]

58 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

Bab 5: Edynco 59
MULAKAN DENGAN EDYNCO
Pergi ke http://www.edynco.com/
Membuka Akaun
Klik ‘pada
butang ‘Try it
Free’.
LANGKAH 2
LANGKAH 1

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 61
Membina Edynco
Klik pada ikon
perpustakaan
‘Library’.
LANGKAH 3
Ini item yang anda
boleh bina dan
simpan di
perpustakaan
anda.
Pergi ke
‘Home’.

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 Slide’untuk
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 63
Tanda pada
‘Choose’ pada
slaid yang
anda ingin
guna pada
syarahan
mikro anda.
Atau anda
boleh pilih
semua slaid
dan klik
OK’ setelah
selesai
memilih.
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
(b) Membina Kuiz
Anda boleh
mula
merakam
suara pada
slaid anda.
Untuk
membina
kuiz Pergi ke
ikon
‘quizzes’ dan
klik ‘Create
new Quiz’.
Isi tajuk kuiz
di sini.
Seterusnya
klik butang
‘OK’.

Bab 5: Edynco 65
Pilih jenis
soalan.
Klik
butang
‘Next .
Taip soalan
anda di sini.
Taip
pilihan
jawapan
di sini.
Seterusnya
klik ‘Next’.

66 Bab 5: Edynco
Pilih
jawapan
yang betul.
Klik butang
‘Next’.
Tetapkan pilihan
soalan anda.
Seterusnya,
klik butang
‘Finish’.
Ini contoh
soalan yang
dibina.

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
(d) Menambah Fail PDF/Imej/Audio
Ini contoh video yang
dimuat-naik dan
disimpan dalam
perpustakaan.
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 69
Membina Peta Pembelajaran
LANGKAH 4
Klik ‘Choose files’ untuk
menambah
PDF/Images/Audio/
Various documents.
Seterusnya,
klik butang
‘Upload’ .
Klik ikon
‘Learning
maps’.
Seterusnya, klik
‘Create new
Learning Map’.

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 71
Membina kumpulan
LANGKAH 5
Seterusnya,
klik ‘Create
new Group’.
Klik ikon
‘Groups’.

72 Bab 5: Edynco
Klik butang
‘Create’.
Isi maklumat
kumpulan.
Pilih keboleh
capaian samada
diterbitkan atau
tidak diterbitkan.
Ini contoh
kumpulan yang
telah dibina.
Klik ikon ini
untuk menambah
maklumat .

Bab 5: Edynco 73
(a) Papan Notis
(b) Bahan Pembelajaran
Pergi ke butang
‘Noticeboard’.
Isi maklumat
yang
diperlukan.
Seterusnya, klik
butang ‘Save’
Pergi ke butang
‘Learning
materials .
Klik butang
‘Add
content’.

74 Bab 5: Edynco
(c) Tugasan
Isi sebarang bahan
yang anda inginkan
seperti peta
pembelajaran,
syarahan,kuiz dari
perpustakaan anda.
Pergi ke butang
‘Assignment’.
Klik butang
‘New
assignment’
Pilih jenis tugasan
yang anda ingin
tambah. Seterusnya
klik butang
‘OK’.

Bab 5: Edynco 75
Menjemput PelajarLANGKAH 6
Ini contoh
tugasan yang
telah ditambah.
Pergi ke
‘Students’.Jenis
jemputan.

76 Bab 5: Edynco
(a) Menjemput Pelajar Baru
(b) Tambahan Secara Manual
Isi maklumat yang
diperlukan untuk
menjemput
pelajar.
Seterusnya, klik
butang ‘Add’.
Untuk menambah pelajar
secara manual isi
maklumat yang
diperlukan.
Seterusnya,
klik butang
‘Invite’.

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

78 Bab 6: Rawshorts
APAKAH ITU 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

Bab 6: Rawshorts 79
MULAKAN DENGAN RAWSHORTS
Pergi ke:http://www.rawshorts.com/
Daftar Akaun
LANGKAH 1
LANGKAH 2
Klik pada
butang ‘SIGN
UP FOR
FREE’.
Seterusnya klik
pada butang
‘SIGN UP’.
Isi maklumat
yang diperlukan.

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 81
Merakam VideoLANGKAH 3
Pilih templat diberi
atau anda boleh mula
dengan menggunakan
templat kosong.
Seterusnya, klik
pada butang
‘Create New
Video’.
Isi maklumat yang
diperlukan.
Klik pada ‘Launch
Video Builder’ untuk
mula merakam video
anda.

82 Bab 6: Rawshorts
(a) Alatan
Alatan Asas. Alatan Sisipan.
Slaid atau
Adegan.
Alatan
Pemain.
Putarkan dan
tekan
(jeda)pause
untuk
menyunting
templat.
Jika anda ingin
menyunting teks atau
media, klik satu kali
pada teks atau
media.
Klik pada ikon
ini untuk mula
menyunting.

Bab 6: Rawshorts 83
(b) Menyunting Teks
(c) Menyunting Media
Sunting teks.
‘Seterusnya klik pada
butang Apply’.
Klik sekali
pada media
dan ikon ini
untuk mula
menyunting.

84 Bab 6: Rawshorts
(d) Menyunting Resap Jelma
Pilih sebarang media
yang sesuai untuk
slaid atau adegan
anda.
Seterusnya klik pada
butang ‘Apply’.
Pada garis
masa, klik
ikon ini.
Pilih resap jelma
‘Fade in’ yang anda
inginkan.
Seterusnya
klik pada
butang
‘Apply’.

Bab 6: Rawshorts 85
(e) Menambah Peralihan Slaid
(f) Memasukkan Imej
Pada slaid
atau adegan
anda klik ikon
ini.
Pilih peralihan
slaid yang anda
ingini.
Seterusnya klik
butang ‘Apply’.
Untuk menyunting imej,
klik sekali pada imej ini.

86 Bab 6: Rawshorts
Klik butang
‘Browse’untuk muat-naik
imej dari computer anda.
butang ‘Next’.
Pilih imej yang
anda telah
muat-naik.

Bab 6: Rawshorts 87
Sasarkan imej
ditengah dan
sesuaikan
dengan
bingkai.
Seterusnya klik
pada butang
‘Apply’.
Ini contoh imej
yang telah
disunting.

88 Bab 6: Rawshorts
Menukar LatarbelakangLANGKAH 4
Seterusnya, Pergi ke
alatan media
‘BACKGROUNDS’.
Seterusnya
klik butang
‘Apply’.
Pilih latar belakang
yang anda minati.
Pergi ke slaid atau
adegan yang anda ingin
tukarkan
latarbelakangnya.

Bab 6: Rawshorts 89
Menambah Audio
Setelah anda
pilih templat,
seterusnya klik
butang ini.
LANGKAH 5
Ini contoh latar belakang
yang telah ditukar.
Pergi ke
pengesetan
‘AUDIO’.

90 Bab 6: Rawshorts
Berkongsi Video RawShorts
Untuk berkongsi video
RawShort pergi ke
ikon ‘Share Upload’.
LANGKAH 6
Seterusnya klik
butang ‘Apply’.
Muat-naik audio,
music atau
rakaman suara
dari computer.
anda.
Tetingkap ini akan dipaparkan
untuk memberikan arahan
bagaimana untuk memuat-naik
dan berkongsi video.
Seterusnya klik
butang ‘OK!’
untuk menutup
tetingkap.

Bab 6: Rawshorts 91
Untuk berkongsi dan muat-
naik video pergi ke, Pergi ke
‘Home’ dan klik pada butang
‘VIDEO PROJECTS’.
video yang anda telah
pilih untuk dikongsikan.
Pada bahagian bawah video
anda akan dapat lihat fungsi
ini.

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 93
(b) Berkongsi
(c) Muat-turun
Pergi ke tab
‘Share’.
Pergi ke tab
‘Download’.
butang ‘Download’
untuk mula muat-
turun.
Guna pengesetan ini
untuk berkongsi
menggunakan media
sosial.

94 Bab 6: Rawshorts
RUJUKAN
www.rawshorts.com

Bab 7: Visme 95
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/)
Bab 7
VISME

96 Bab 7: Visme
6. 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
Pergi ke:http://my.visme.co/
LANGKAH 1
LANGKAH 2
Klik pada
butang ‘GET
STARTED’.

Bab 7: Visme 99
Bina Visme BaruLANGKAH 3
Pergi ke tab
‘Visme’.
Seterusnya klik
pada‘CREATE
NEW ACCOUNT’.
Isi maklumat
yang
diperlukan.
Atau anda boleh
daftar masuk
menggunakan
akaun Facebook.
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 101
Alatan Visme
(a) Alatan Sisipan
Pengesetan Menu
Alatan Sisipan
Alatan Asas
Atur Slaid
LANGKAH 4
Isi tajuk projek anda
di sini.
Anda boleh klik
‘Save’ untuk
menyimpan fail
anda.
Latar
belakang
slaid
Masukkan
bentuk
Masukkan
carta
Masukkan
teks
Masukkan
imej
Masukkan
video
Masukkan
audio

102 Bab 7: Visme
(b) Mengurus Slaid
Membina Visme
(a) Menambah/Menyunting Latar belakang
Untuk
menambah
slaid klik
butang ini.
Untuk menyisip
atau menyunting
transisi antara
slaid klik butang
ini.
LANGKAH 5
Untuk menyunting
atau menambah latar
belakang, klik ikon ini.
Seterusnya pilih
latar belakang yang
anda ingini.

Bab 7: Visme 103
(b) Menyunting & Menambah Teks
Untuk
menyunting
teks, klik pada
ruang ini.
Ini alatan
penyuntingan.
Untuk
menambah
animasi teks
atau widget
teks, klik pada
ikon ini.
Ini adalah
animasi teks.
Ini adalah
widget teks.

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
(e) Menambah Imej
Untuk
menambah atau
menukar
peralihan antara
slaid klik pada
ikon ini.
Suntingan
pengesetan
slaid. transition.
Untuk
menambah imej
klik ikon ini.
Muat-naik imej
secara manual
dengan melarik
dan jatuhkan imej
di sini.
Atau tambah
imej melalui
carian kata
kunci di sini.

106 Bab 7: Visme
(f) Menambah Carta
Ini contoh imej
yang ditambah.
Ini alatan
menyunting
imej.
Tambah slaid
baru.

Bab 7: Visme 107
Pilih bentangan
halaman ini.
Ini contoh
carta.
Untuk
menyunting
carta klik pada
ikon ini.

108 Bab 7: Visme
Sunting data di
sini.
Atau anda
boleh import
data dari fail
lain.
Pilih jenis carta
di sini.
Seterusnya klik
pada butang
‘Insert’.
Klik ikon ini.
Anda boleh
menambah
maklumat
‘Infograf
widget’ into
your slide.
Anda juga boleh
menambah carta
pada slaid dengan
cara klik butang
ini.
Ini contoh carta
infograf.

Bab 7: Visme 109
(g) Menambah Objek & Bentuk
Untuk
menambah
corak dan
objek klik pada
ikon ini.
Ini contoh ikon
untuk sains dan
teknologi.
Pilih tema
objek yang
anda ingini.

110 Bab 7: Visme
h) Menambah Video
Tambah slaid
baru.
Pilih corak
bentangan
halaman di sini.

Bab 7: Visme 111
Atau klik ikon
ini untuk
menambah
video pada slaid
anda.
Seterusnya klik
pada penanda
video.
Tambah
Youtube atau
pautan Vimeo
di sini..

112 Bab 7: Visme
(i) Menambah Audio
Ini contoh
video pada
slaid.
Untuk
menambah
audio klik ikon
ini.

Bab 7: Visme 113
Seterusnya klik
butang ‘Done’ .Isi URL audio
anda di sini.
Ini ikon untuk
audio yang telah
ditambah dalam
slaid.

114 Bab 7: Visme
Pra-nonton PembentanganLANGKAH 6
Klik pada
butang
‘Preview’
button.
Ini pra-nonton
slaid yang telah
dibina.

Bab 7: Visme 115
Menerbitkan Slaid
(a) Berkongsi
LANGKAH 7
Klik pada
‘Share this
Work’.
Guna pautan ini
untuk terbitkan
hasil kerja anda.
Atau anda
boleh
berkongsi
melalui media
sosial.

116 Bab 7: Visme
(b) Membenam
c) Muat-turun
Klik pada
‘Embed to a
Site or Blog’.
Guna kod benam
ini untuk
membenam
pembentangan anda
pada blog.
Pilih jenis muat-
turun yang
anda ingini.
Klik pada
‘Download
Work’.

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

118 Bab 8: HaikuDeck
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
HAIKU DECK

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/)

MULAKAN DENGAN HAIKU DECK
Pergi ke:https://www.haikudeck.com/
LANGKAH 1
LANGKAH 2
Pilih
platform
yang anda
ingin
gunakan
untuk
memasuki
Haiku
Deck.

Pergi ke “GET A NEW
ACCOUNT’ atau anda
boleh daftar masuk
melalui akaun sosial
anda.
Seterusnya klik
butang ‘SIGN
UP’.
Isi maklumat
yang diperlukan.

Alatan Haiku Deck
(a) Alatan Asas
LANGKAH 3
Anda kini boleh mula
mencipta Haiku dengan
klik butang ‘GET
STARTED’.
Alatan Asas
Alatan Sisipan
Alatan Leret
Kongsikan
Eksport Mainkan

(b) Alatan Sisipan
Menbina Haiku Decks
(a) Memilih Tema
LANGKAH 4
Anda boleh
menggunakan tema
sedia-guna dengan
mengklik butang ini.
Pilih tema yang sesuai
dengan pembentangan
anda.
Memasukkan
teks
Menukar susun
atur
Memasukkan
gambar
Memasukkan
nota

(b) Mengedit/Menambah Teks
(c) Menambah Imej
Anda boleh
menyunting teks
secara terus dari
slaid.
Anda perlu
memilih jenis
slaid.
Anda boleh klik
ikon ini untuk
menambah teks
secara manual.
Klik ikon ini.
Anda boleh mencari
imej dalam talian
dengan cara menaip
phrasa imej.
Atau anda
boleh muat-naik
mej dari fail
anda.
Anda boleh tanda di
sini untuk
menjadikan imej
sebagai
latarbelakang teks.

Ini adalah imej yang
akan terpapar
berdasarkan carian
kata kekunci anda .
Ini contoh imej yang
digunakan sebagai
latarbelakang teks.
Anda juga
boleh muat-
naik atau
tambah imej
dari aplikasi ini.
Anda boleh tarik
imej secara terus
di sini.
Atau anda boleh klik ‘butang
Choose File’untuk menambah
imej secara manual.

(d) Menambah Slaid
(e) Menambah carta
Untuk
menambah slaid
klik ikon ini.
Slaid yang ditambah
akan dipaparkan di
sini.
Ini contoh slaid
baru yang direka.
Untuk
menambah
carta klik pada
ikon ini.
Seterusnya klik
pada ikon ini.
Pilih jenis carta
yang anda ingini.
Ini contoh carta
yang dilukis.
created.

(f) Menambah Nota
Untuk
menambah nota
pergi ke ikon
ini.
Anda boleh
menambah
sebarang nota atau
pautan di sini.
Ini contoh pautan
yang dimasukkan
dalam nota.

(g) Privasi
(h) Menonton Pembentangan
Pergi ke ikon
ini.
Pilih pengesetan
privasi anda.
Klik ikon ini untuk
menonton
pembentangan anda.

(h) Berkongsi
Ini contoh satu
pembentangan.
Klik pada ikon ini
untuk kongsi
pembentangan
anda.

(i) Mengeksport
Isi penerangan
mengenai
pembentangan anda.
Pilih kategori bagi
pembentangan anda.
Seterusnya, kongsikan
pembentangan anda di
mana-mana laman sosial
media yang anda sukai.
Klik pada ikon ini
untuk menerbitkan
pembentangan anda.

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

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
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.
Bab 9
SLIDEDOG

134 Bab 9: Slidedog
3. 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 135
MULAKAN DENGAN SLIDEDOG
Pergi ke:http://slidedog.com/
Muat-turun SlideDog
LANGKAH 1
LANGKAH 2
Pergi ke butang
‘DOWNLOAD’.
Setelah fail dimuat-
turun, Klik pada
butang ‘RUN’ .
Seterusnya, klik
pada butang
Next>’.

136 Bab 9: Slidedog
Klik ‘I Agree’.
Klik butang
‘Install .
Setelah pemasangan,
Klik pada butang
‘Next’.
Akhir sekali klik
butang ‘Finish’.

Bab 9: Slidedog 137
Menjalankan SlideDogLANGKAH 3
Untuk memasang atau
mula menggunakan
SlideDog, klik ikon
SlideDog pada skrin
anda.
Tunggu
sebentar.
Pilih pekerjaan
anda.
Seterusnya klik
butang ini.
Atau, jika tiada
seperti yang di
atas klik di sini.

138 Bab 9: Slidedog
Alatan SlideDogLANGKAH 4
Akhirnya anda
akan melihat
skrin video
SlideDog.
Alat Kawal Jauh
Web dam
Alatan
Berkongsi
Secara
Langsung.
Alatan Utama
Menambah alatan item.

Bab 9: Slidedog 139
(a) Alatan Utama
Menambah alatan item
Tambah item.
Kunci atau buka
senarai audio.
dan video.video.
Item telah ditambah.
Senarai baru Latar belakang imej
Pilihan Mod skrin

140 Bab 9: Slidedog
(b) Kawal jauh web & Perkongsian Langsung
Menambah Item
Tambah fail dan
item interaktif.
Kawal jauh web
Perkongsian
langsung
LANGKAH 5
Klik ikon ‘ADD
ITEM’.

Bab 9: Slidedog 141
Menambah Tinjauan Pendapat
Pilih item yang anda
ingin tambah
Isikan soalan dan
pilihan jawapan.
Seterusnya, Klik
butang ‘Add to
playlist’.
Anda boleh
menambah pilihan
jawapan.
Bagi item
interaktif anda
boleh tambah
poll,
maklumbalas dan
ruang sembang.
Pilih item yang anda
ingin tambah.
Bagi item
interaktif, anda
boleh tambah
tinjauan,
maklumbalas dan
ruang sembang.

142 Bab 9: Slidedog
Menambah Maklumbalas
Menambah Laman Web
Isikan soalan
maklumbalas dan
skala
maklumbalas.
Klik butang ‘Add
to playlist’.
Klik ‘From Web’.
Seterusnya pilih
‘Web Page’.

Bab 9: Slidedog 143
Menambah Rakaman YouTube
Menambah Fail
Masukkan pautan URL
laman web yang anda
ingin sisipkan dalam
pembentangan anda.
Seterusnya, klik
pada butang
‘ADD LINK’ .
Klik ‘From Web’.
Seterusnya pilih
YouTube’.
Untuk
menambah fail
lain dari
komputer anda
contohnya ppt,
pdf, klik pada
‘From Disk’.

144 Bab 9: Slidedog
Memaparkan Pembentangan
Ini adalah contoh pembentangan SlideDog yang telah dihasilkan.
LANGKAH 6
Pergi ke butang
‘START SHOW’.

Bab 9: Slidedog 145
Kawalan Jauh Web
Berkongsi Secara Langsung
LANGKAH 7
LANGKAH 8
Untuk kawalan
SlideDog anda dari
talipon atau alat
peranti lain klik
pada ikon ini.
Klik pada ikon
‘Live Sharing’.
Leret pada ‘ON’
pada web kawal
jauh.
Leretkan pada
‘ON’ pada live
sharing.

146 Bab 9: Slidedog
RUJUKAN
http://slidedog.com/features/
http://m.en.softonic.com/app/slidedog

Bab 10: Sparkol 147
APAKAH ITU SPARKOL?
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.
Bab 10
SPARKOL
PREZI

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
Pergi ke:http://www.sparkol.com/
Memasang Sparkol
LANGKAH 1
LANGKAH 2
Pertama sekali
klik ‘GO TO
VIDEOSCRIBE
WEBSITE’.

150 Bab 10: Sparkol
Isikan emel anda
di sini untuk
pendaftaran.
Seterusnya,klik
butang ini. Anda
memperolehi
tempoh
percubaan selama
7 hari.
Klik pada butang
‘START
VIDEOSCRIBE
FREE TRIAL’.
Isi maklumat
yang
diperlukan.

Bab 10: Sparkol 151
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>’.

152 Bab 10: Sparkol
Klik butang ‘Next>’
sekali lagi.
Klik pada
butang ‘Install’.
Setelah selesai
pemasangan, klik
pada butang
‘Next’.

Bab 10: Sparkol 153
Memaparkan VideoScribe
Akhir sekali,
klik pada
butang ‘Finish’.
LANGKAH 3
Untuk mula memaparkan
SparkolVideoScribe, klik
ikon ini yang terpapar di
skrin ini dua kali.
Tunggu sehingga
VideoScribe selesai
memeriksa kandungan
baru.

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
Alatan VideoScribe
Bina scribe
baru.
Simpanan
dalam talian.
Contoh scribe
baru.
LANGKAH 4
Alatan Asas
Tools
Alatan pra-tonton,
Putar video dan
Menerbitkan Scribe
Tools.
Elemen

Bab 10: Sparkol 157
(a) Alatan Asas
(b) Alatan Putar video/Pra-Tonton & Penerbitan Scribe
Membina VideoScribe
(a) Menambah Teks
Klik pada ikon
ini untuk
menambah
teks.
LANGKAH 5

158 Bab 10: Sparkol
Ini contoh teks yang ditambah pada kanvas
Menukar atau
mengimport fon
baru.
Menukar
warna fon
Sisipkan ke
kanvas.
Batal
Taip teks
anda di sini.

Bab 10: Sparkol 159
(b) Menambah Imej
Klik ikon ini
untuk
menambah
imej.
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.
Isi kata kunci
untuk carian imej
di sini.

160 Bab 10: Sparkol
(c) Menambah Muzik/Audio
(d) Menambah Suara
Klik ikon ini untuk
menambah/
muzik/audio.
Pilih musik
yang diberi
di sini.
Atau import
audio MP3 dari
komputer. Atau isi URL
web untuk
muat-turun
audio mp3.
Klik pada ikon ini
untuk menambah
suara anda.

Bab 10: Sparkol 161
(e) Warna Latar-Belakang
Import
bunyian MP3
dari
computer
anda.
Isi URL web
untuk muat-
turun mp3.
Klik pada butang ‘RECORD’
untuk mula merakam suara anda.
Klik pada ikon
ini untuk
menukar
latarbelakang
kanvas anda.
Pilih tekstur
latar belakang.
Pilih warna latar
belakang.

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
Ini contoh asas tangan yang digunakan dalam VideoScribe.
Pilih asas tangan
untuk
VideoScribe.
Atau anda boleh bina
atau tambah asas
tangan anda sendiri.

164 Bab 10: Sparkol
(g) Elemen Suntingan
Putar/Pra-tonton & Penerbitan
(a) Putar & Pra-Tonton VideoScribe
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
Klik pada ikon
ini untuk pra-
tonton/putar
VideoScribe
anda.

Bab 10: Sparkol 165
Ini contoh pra-tonton
(b) Menerbitkan atau Memaparkan Persembahan
Klik ikon ini
untuk
menerbitkan
VideoScribe
anda.

166 Bab 10: Sparkol
Klik pada ikon ini
untuk muat-turun
dalam format ppt.
Anda boleh berkongsi
video anda menggunakan
YouTube dan Facebook.

Bab 10: Sparkol 167
RUJUKAN
http://www.sparkol.com/
http://www.sparkol.com/blog/case-study-videoscribe-in-schools/

Aplikasi Pembentangan Web 2.0

More Related Content

What's hot

Viewers also liked

More from Mohamed Amin Embi

Recently uploaded

Aplikasi Pembentangan Web 2.0