aplikasi pembentangan web 2.0

173

Upload: profdramin

Post on 11-Dec-2015

77 views

Category:

Documents


10 download

DESCRIPTION

Aplikasi pembentangan Web 2.0

TRANSCRIPT

Page 1: Aplikasi Pembentangan Web 2.0
Page 2: Aplikasi Pembentangan Web 2.0

Aplikasi Pembentangan Web 2.0

MOHAMED AMIN EMBI

Pusat Pengajaran & Teknologi Pembelajaran Universiti Kebangsaan Malaysia

2015

Page 3: Aplikasi Pembentangan Web 2.0

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: [email protected]

Aplikasi Pembentangan Web 2.0 Mohamed Amin Embi ISBN 978-983-3168-47-7

Page 4: Aplikasi Pembentangan Web 2.0

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

Page 5: Aplikasi Pembentangan Web 2.0

  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

Page 6: Aplikasi Pembentangan Web 2.0

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

Page 7: Aplikasi Pembentangan Web 2.0

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

Page 8: Aplikasi Pembentangan Web 2.0

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.

Page 9: Aplikasi Pembentangan Web 2.0

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)

Page 10: Aplikasi Pembentangan Web 2.0

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

Page 11: Aplikasi Pembentangan Web 2.0

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.

Page 12: Aplikasi Pembentangan Web 2.0

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.

Page 13: Aplikasi Pembentangan Web 2.0

Bab 1: Powtoon 7

Ini contoh Powtoon yang telah dibina.

Ini projek Powtoon anda. Anda boleh mula menyunting dengan

menggunakan alatan Powtoon.

Page 14: Aplikasi Pembentangan Web 2.0

8 Bab 1: Powtoon

Alatan Powtoon

Alatan

Asas.

Alatan

Pemain.

LANGKAH 4

Pilihan Gaya

Anda.

Alatan Bingkai

Masa.

Page 15: Aplikasi Pembentangan Web 2.0

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

Page 16: Aplikasi Pembentangan Web 2.0

10 Bab 1: Powtoon

(ii) Pemegang

(iii) Karektor & Animasi

Page 17: Aplikasi Pembentangan Web 2.0

Bab 1: Powtoon 11

(iv) Prop

(v) Corak & Penanda

Page 18: Aplikasi Pembentangan Web 2.0

12 Bab 1: Powtoon

(vi) Peralihan

(vii) Latarbelakang

Page 19: Aplikasi Pembentangan Web 2.0

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

Page 20: Aplikasi Pembentangan Web 2.0

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.

Page 21: Aplikasi Pembentangan Web 2.0

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].

Page 22: Aplikasi Pembentangan Web 2.0

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

Page 23: Aplikasi Pembentangan Web 2.0

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.

Page 24: Aplikasi Pembentangan Web 2.0

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

Page 25: Aplikasi Pembentangan Web 2.0

Bab 2: Emaze 19

Klik butang

‘SIGN UP’ untuk

mendaftar.

Anda boleh memilih

akaun percuma atau

berbayar berdasarkan pada minat anda.

Page 26: Aplikasi Pembentangan Web 2.0

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.

Page 27: Aplikasi Pembentangan Web 2.0

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.

Page 28: Aplikasi Pembentangan Web 2.0

22 Bab 2: Emaze

(c) Alatan Asas

Menambah Carta

LANGKAH 4

Pergi ke Alatan

Menambah dan klik

pada ikon

‘CHART’.

Menampal Memadam Buat semula

Salin Patah balik

Page 29: Aplikasi Pembentangan Web 2.0

Bab 2: Emaze 23

Pilih jenis carta

yang anda ingin

bina.

Tampal data anda

di sini.

Seterusnya, klik

butang ‘ADD’.

Page 30: Aplikasi Pembentangan Web 2.0

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.

Page 31: Aplikasi Pembentangan Web 2.0

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.

Page 32: Aplikasi Pembentangan Web 2.0

26 Bab 2: Emaze

Kongsi Pembentangan

LANGKAH 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’ .

Page 33: Aplikasi Pembentangan Web 2.0

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]

Page 34: Aplikasi Pembentangan Web 2.0

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

Page 35: Aplikasi Pembentangan Web 2.0

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.

Page 36: Aplikasi Pembentangan Web 2.0

30 Bab 3: Blendspace

9. Pengajaran Terbeza: Pembelajaran pelajar diperibadikan mengikut

kesesuaian keadaan pelajar dengan pelbagai bahan dalam talian yang

berbeza.

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

Page 37: Aplikasi Pembentangan Web 2.0

Bab 3: Blendspace 31

MULAKAN DENGAN BLENDSPACE

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

Daftar Blendspace

Klik butang ‘JOIN

FREE’.

LANGKAH 2

LANGKAH 1

Page 38: Aplikasi Pembentangan Web 2.0

32 Bab 3: Blendspace

Pilih profil anda.

Atau anda boleh

mendaftar

menggunakan

akaun lain.

Seterusnya

klik pada

butang ‘Sign

up’.

Isi maklumat

yang

diperlukan.

Page 39: Aplikasi Pembentangan Web 2.0

Bab 3: Blendspace 33

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.

Page 40: Aplikasi Pembentangan Web 2.0

34 Bab 3: Blendspace

(b) Mencari Sumber Bahan

Isi tajuk

pelajaran

anda.

Pelbagai sumber bahan

boleh anda cari atau

sisipkan pada pelajaran

anda.

Page 41: Aplikasi Pembentangan Web 2.0

Bab 3: Blendspace 35

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.

Page 42: Aplikasi Pembentangan Web 2.0

36 Bab 3: Blendspace

Contoh pelajaran Blendspace yang dibina

Membina Kuiz

LANGKAH 4

Klik ‘Add

Quiz”.

Page 43: Aplikasi Pembentangan Web 2.0

Bab 3: Blendspace 37

Contoh soalan yang dibina

Isi soalan anda dan

jawapannya di sini.

Anda boleh

menambah soalan

anda di sini.

Seterusnya,

klik butang

‘Done’.

Page 44: Aplikasi Pembentangan Web 2.0

38 Bab 3: Blendspace

Membuka Kelas

LANGKAH 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’.

Page 45: Aplikasi Pembentangan Web 2.0

Bab 3: Blendspace 39

Menjejak Pelajar

Kelas ini telah

dibuka.

LANGKAH 6

Pelajar boleh memberi

komen pada pelajaran

anda dengan mengklik

ikon ini.

Page 46: Aplikasi Pembentangan Web 2.0

40 Bab 3: Blendspace

Pelajar juga boleh

memberi penilaian

pada kelas anda.

Untuk paparan menjejak

pada pelajaran, klik

butang ‘All Views’.

Page 47: Aplikasi Pembentangan Web 2.0

Bab 3: Blendspace 41

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’.

Page 48: Aplikasi Pembentangan Web 2.0

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.

Page 49: Aplikasi Pembentangan Web 2.0

Bab 3: Blendspace 43

(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.

Page 50: Aplikasi Pembentangan Web 2.0

44 Bab 3: Blendspace

RUJUKAN

http://blog.blendspace.com/

http://usingblendspace.wikispaces.com/Benefits+of+Blendspace

https://www.edsurge.com/blendspace--2

Page 51: Aplikasi Pembentangan Web 2.0

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

Page 52: Aplikasi Pembentangan Web 2.0

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.

Page 53: Aplikasi Pembentangan Web 2.0

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.

Page 54: Aplikasi Pembentangan Web 2.0

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‟.

Page 55: Aplikasi Pembentangan Web 2.0

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‟.

Page 56: Aplikasi Pembentangan Web 2.0

50 Bab 4: Prezi

Membina Prezi

LANGKAH 3

Bina prezi baru „New Prezi‟ atau

pilih templat yang

diberi.

Klik butang ini

setelah anda

memilih templat

atau template

Prezi kosong.

Page 57: Aplikasi Pembentangan Web 2.0

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.

Page 58: Aplikasi Pembentangan Web 2.0

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.

Page 59: Aplikasi Pembentangan Web 2.0

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.

Page 60: Aplikasi Pembentangan Web 2.0

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.

Page 61: Aplikasi Pembentangan Web 2.0

Bab 4: Prezi 55

Ini contoh pembentangan Prezi

Berkongsi Prezi

LANGKAH 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.

Page 62: Aplikasi Pembentangan Web 2.0

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.

Page 63: Aplikasi Pembentangan Web 2.0

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]

Page 64: Aplikasi Pembentangan Web 2.0

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

Page 65: Aplikasi Pembentangan Web 2.0

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

Page 66: Aplikasi Pembentangan Web 2.0

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.

Page 67: Aplikasi Pembentangan Web 2.0

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’.

Page 68: Aplikasi Pembentangan Web 2.0

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.

Page 69: Aplikasi Pembentangan Web 2.0

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’.

Page 70: Aplikasi Pembentangan Web 2.0

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’.

Page 71: Aplikasi Pembentangan Web 2.0

Bab 5: Edynco 65

Pilih jenis

soalan.

Klik

butang

‘Next .

Taip soalan

anda di sini.

Taip

pilihan

jawapan

di sini.

Seterusnya

klik ‘Next’.

Page 72: Aplikasi Pembentangan Web 2.0

66 Bab 5: Edynco

Pilih

jawapan

yang betul.

Klik butang

‘Next’.

Tetapkan pilihan

soalan anda.

Seterusnya,

klik butang

‘Finish’.

Ini contoh

soalan yang

dibina.

Page 73: Aplikasi Pembentangan Web 2.0

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.

Page 74: Aplikasi Pembentangan Web 2.0

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.’

Page 75: Aplikasi Pembentangan Web 2.0

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’.

Page 76: Aplikasi Pembentangan Web 2.0

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.

Page 77: Aplikasi Pembentangan Web 2.0

Bab 5: Edynco 71

Membina kumpulan

LANGKAH 5

Seterusnya,

klik ‘Create

new Group’.

Klik ikon

‘Groups’.

Page 78: Aplikasi Pembentangan Web 2.0

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 .

Page 79: Aplikasi Pembentangan Web 2.0

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’.

Page 80: Aplikasi Pembentangan Web 2.0

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’.

Page 81: Aplikasi Pembentangan Web 2.0

Bab 5: Edynco 75

Menjemput Pelajar

LANGKAH 6

Ini contoh

tugasan yang

telah ditambah.

Pergi ke

‘Students’. Jenis

jemputan.

Page 82: Aplikasi Pembentangan Web 2.0

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’.

Page 83: Aplikasi Pembentangan Web 2.0

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

Page 84: Aplikasi Pembentangan Web 2.0

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

Page 85: Aplikasi Pembentangan Web 2.0

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.

Page 86: Aplikasi Pembentangan Web 2.0

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.

Page 87: Aplikasi Pembentangan Web 2.0

Bab 6: Rawshorts 81

Merakam Video

LANGKAH 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.

Page 88: Aplikasi Pembentangan Web 2.0

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.

Page 89: Aplikasi Pembentangan Web 2.0

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.

Page 90: Aplikasi Pembentangan Web 2.0

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’.

Page 91: Aplikasi Pembentangan Web 2.0

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.

Page 92: Aplikasi Pembentangan Web 2.0

86 Bab 6: Rawshorts

Klik butang

‘Browse’untuk muat-naik

imej dari computer anda.

Seterusnya klik pada

butang ‘Next’.

Pilih imej yang

anda telah

muat-naik.

Page 93: Aplikasi Pembentangan Web 2.0

Bab 6: Rawshorts 87

Sasarkan imej

ditengah dan

sesuaikan

dengan

bingkai.

Seterusnya klik

pada butang

‘Apply’.

Ini contoh imej

yang telah

disunting.

Page 94: Aplikasi Pembentangan Web 2.0

88 Bab 6: Rawshorts

Menukar Latarbelakang

LANGKAH 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.

Page 95: Aplikasi Pembentangan Web 2.0

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’.

Page 96: Aplikasi Pembentangan Web 2.0

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.

Page 97: Aplikasi Pembentangan Web 2.0

Bab 6: Rawshorts 91

Untuk berkongsi dan muat-

naik 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.

Page 98: Aplikasi Pembentangan Web 2.0

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’.

Page 99: Aplikasi Pembentangan Web 2.0

Bab 6: Rawshorts 93

(b) Berkongsi

(c) Muat-turun

Pergi ke tab

‘Share’.

Pergi ke tab

‘Download’.

Seterusnya klik pada

butang ‘Download’

untuk mula muat-

turun.

Guna pengesetan ini

untuk berkongsi

menggunakan media

sosial.

Page 100: Aplikasi Pembentangan Web 2.0

94 Bab 6: Rawshorts

RUJUKAN

www.rawshorts.com

Page 101: Aplikasi Pembentangan Web 2.0

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

Page 102: Aplikasi Pembentangan Web 2.0

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

Page 103: Aplikasi Pembentangan Web 2.0

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)

Page 104: Aplikasi Pembentangan Web 2.0

98 Bab 7: Visme

MULAKAN DENGAN VISME

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

Daftar Akaun Percuma

LANGKAH 1

LANGKAH 2

Klik pada

butang ‘GET

STARTED’.

Page 105: Aplikasi Pembentangan Web 2.0

Bab 7: Visme 99

Bina Visme Baru

LANGKAH 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’.

Page 106: Aplikasi Pembentangan Web 2.0

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.

Page 107: Aplikasi Pembentangan Web 2.0

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

Page 108: Aplikasi Pembentangan Web 2.0

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.

Page 109: Aplikasi Pembentangan Web 2.0

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.

Page 110: Aplikasi Pembentangan Web 2.0

104 Bab 7: Visme

(c) Menambah Slaid baru

Untuk

menambah slaid

baru, klik pada

ikon ‘+ Slides’.

Pilih bentangan

halaman slaid

baru anda.

Page 111: Aplikasi Pembentangan Web 2.0

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.

Page 112: Aplikasi Pembentangan Web 2.0

106 Bab 7: Visme

(f) Menambah Carta

Ini contoh imej

yang ditambah.

Ini alatan

menyunting

imej.

Tambah slaid

baru.

Page 113: Aplikasi Pembentangan Web 2.0

Bab 7: Visme 107

Pilih bentangan

halaman ini.

Ini contoh

carta.

Untuk

menyunting

carta klik pada

ikon ini.

Page 114: Aplikasi Pembentangan Web 2.0

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.

Page 115: Aplikasi Pembentangan Web 2.0

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.

Page 116: Aplikasi Pembentangan Web 2.0

110 Bab 7: Visme

h) Menambah Video

Tambah slaid

baru.

Pilih corak

bentangan

halaman di sini.

Page 117: Aplikasi Pembentangan Web 2.0

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..

Page 118: Aplikasi Pembentangan Web 2.0

112 Bab 7: Visme

(i) Menambah Audio

Ini contoh

video pada

slaid.

Untuk

menambah

audio klik ikon

ini.

Page 119: Aplikasi Pembentangan Web 2.0

Bab 7: Visme 113

Seterusnya klik

butang ‘Done’ . Isi URL audio

anda di sini.

Ini ikon untuk

audio yang telah

ditambah dalam

slaid.

Page 120: Aplikasi Pembentangan Web 2.0

114 Bab 7: Visme

Pra-nonton Pembentangan

LANGKAH 6

Klik pada

butang

‘Preview’

button.

Ini pra-nonton

slaid yang telah

dibina.

Page 121: Aplikasi Pembentangan Web 2.0

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.

Page 122: Aplikasi Pembentangan Web 2.0

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’.

Page 123: Aplikasi Pembentangan Web 2.0

Bab 7: Visme 117

RUJUKAN

http://www.visme.co/

https://edshelf.com/tool/visme

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

Page 124: Aplikasi Pembentangan Web 2.0

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

Page 125: Aplikasi Pembentangan Web 2.0

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

Page 126: Aplikasi Pembentangan Web 2.0

120 Bab 8: HaikuDeck

MULAKAN DENGAN HAIKU DECK

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

Daftar Akaun Percuma

LANGKAH 1

LANGKAH 2

Pilih

platform

yang anda

ingin

gunakan

untuk

memasuki

Haiku

Deck.

Page 127: Aplikasi Pembentangan Web 2.0

Bab 8: HaikuDeck 121

Pergi ke “GET A NEW

ACCOUNT’ atau anda

boleh daftar masuk

melalui akaun sosial

anda.

Seterusnya klik

butang ‘SIGN

UP’.

Isi maklumat

yang diperlukan.

Page 128: Aplikasi Pembentangan Web 2.0

122 Bab 8: HaikuDeck

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

Page 129: Aplikasi Pembentangan Web 2.0

Bab 8: HaikuDeck 123

(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

Page 130: Aplikasi Pembentangan Web 2.0

124 Bab 8: HaikuDeck

(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.

Page 131: Aplikasi Pembentangan Web 2.0

Bab 8: HaikuDeck 125

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.

Page 132: Aplikasi Pembentangan Web 2.0

126 Bab 8: HaikuDeck

(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.

Page 133: Aplikasi Pembentangan Web 2.0

Bab 8: HaikuDeck 127

(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.

Page 134: Aplikasi Pembentangan Web 2.0

128 Bab 8: HaikuDeck

(g) Privasi

(h) Menonton Pembentangan

Pergi ke ikon

ini.

Pilih pengesetan

privasi anda.

Klik ikon ini untuk

menonton

pembentangan anda.

Page 135: Aplikasi Pembentangan Web 2.0

Bab 8: HaikuDeck 129

(h) Berkongsi

Ini contoh satu

pembentangan.

Klik pada ikon ini

untuk kongsi

pembentangan

anda.

Page 136: Aplikasi Pembentangan Web 2.0

130 Bab 8: HaikuDeck

(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.

Page 137: Aplikasi Pembentangan Web 2.0

Bab 8: HaikuDeck 131

Isi penerangan

mengenai

pembentangan anda.

Pilih kategori

pembentangan

anda.

Seterusnya, anda boleh

mengekspot

pembentangan anda

sebagai dalam format

PDF atau PPT.

Page 138: Aplikasi Pembentangan Web 2.0

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/

Page 139: Aplikasi Pembentangan Web 2.0

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

Page 140: Aplikasi Pembentangan Web 2.0

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)

Page 141: Aplikasi Pembentangan Web 2.0

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>’.

Page 142: Aplikasi Pembentangan Web 2.0

136 Bab 9: Slidedog

Klik ‘I Agree’.

Klik butang

‘Install .

Setelah pemasangan, Klik pada butang

‘Next’.

Akhir sekali klik

butang ‘Finish’.

Page 143: Aplikasi Pembentangan Web 2.0

Bab 9: Slidedog 137

Menjalankan SlideDog

LANGKAH 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.

Page 144: Aplikasi Pembentangan Web 2.0

138 Bab 9: Slidedog

Alatan SlideDog

LANGKAH 4

Akhirnya anda

akan melihat

skrin video

SlideDog.

Alat Kawal Jauh

Web dam

Alatan

Berkongsi

Secara

Langsung.

Alatan Utama

Menambah alatan item.

Page 145: Aplikasi Pembentangan Web 2.0

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

Page 146: Aplikasi Pembentangan Web 2.0

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’.

Page 147: Aplikasi Pembentangan Web 2.0

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.

Page 148: Aplikasi Pembentangan Web 2.0

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’.

Page 149: Aplikasi Pembentangan Web 2.0

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’.

Page 150: Aplikasi Pembentangan Web 2.0

144 Bab 9: Slidedog

Memaparkan Pembentangan

Ini adalah contoh pembentangan SlideDog yang telah dihasilkan.

LANGKAH 6

Pergi ke butang

‘START SHOW’.

Page 151: Aplikasi Pembentangan Web 2.0

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.

Page 152: Aplikasi Pembentangan Web 2.0

146 Bab 9: Slidedog

RUJUKAN

http://slidedog.com/features/

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

Page 153: Aplikasi Pembentangan Web 2.0

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

Page 154: Aplikasi Pembentangan Web 2.0

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

Page 155: Aplikasi Pembentangan Web 2.0

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’.

Page 156: Aplikasi Pembentangan Web 2.0

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.

Page 157: Aplikasi Pembentangan Web 2.0

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>’.

Page 158: Aplikasi Pembentangan Web 2.0

152 Bab 10: Sparkol

Klik butang ‘Next>’

sekali lagi.

Klik pada

butang ‘Install’.

Setelah selesai pemasangan, klik

pada butang

‘Next’.

Page 159: Aplikasi Pembentangan Web 2.0

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.

Page 160: Aplikasi Pembentangan Web 2.0

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.

Page 161: Aplikasi Pembentangan Web 2.0

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.

Page 162: Aplikasi Pembentangan Web 2.0

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

Page 163: Aplikasi Pembentangan Web 2.0

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

Page 164: Aplikasi Pembentangan Web 2.0

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.

Page 165: Aplikasi Pembentangan Web 2.0

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.

Page 166: Aplikasi Pembentangan Web 2.0

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.

Page 167: Aplikasi Pembentangan Web 2.0

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.

Page 168: Aplikasi Pembentangan Web 2.0

162 Bab 10: Sparkol

Ini contoh latar belakang yang telah ditukar

(f) Asas Tangan

Klik pada ikon ini untuk menukar

latarbelakang kanvas anda.

background.

Page 169: Aplikasi Pembentangan Web 2.0

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.

Page 170: Aplikasi Pembentangan Web 2.0

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.

Page 171: Aplikasi Pembentangan Web 2.0

Bab 10: Sparkol 165

Ini contoh pra-tonton

(b) Menerbitkan atau Memaparkan Persembahan

Klik ikon ini

untuk

menerbitkan

VideoScribe

anda.

Page 172: Aplikasi Pembentangan Web 2.0

166 Bab 10: Sparkol

Klik pada ikon ini

untuk muat-turun

dalam format ppt.

Anda boleh berkongsi

video anda menggunakan

YouTube dan Facebook.

Page 173: Aplikasi Pembentangan Web 2.0

Bab 10: Sparkol 167

RUJUKAN

http://www.sparkol.com/

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