Anda di halaman 1dari 172

Kementerian Pendidikan Malaysia

Diterbitkan Oleh :

Kementerian Pendidikan Malaysia


Bahagian Pengurusan Sekolah Berasrama Penuh dan Sekolah Kecemerlangan
Aras 3, Blok 2251, Jalan Usahawan 1,
63000 Cyberjaya,
Selangor Darul Ehsan.

Telefon: 03-8321 7400


Faks: 03-8321 7401
Email: kpkkpm@moe.gov.my
Cetakan Pertama 2017

Dicetak Oleh :

WHATTHEFOO CREATIVE SOLUTIONS. ()


No. 5-2, Jalan Tasik Utama 6,
Medan Niaga Tasik Damai, Lakefields,
57000 Kuala Lumpur

Hakcipta terpelihara. Tidak dibenarkan menerbitkan semula atau mengeluar ulang mana-mana bahagian buku
ini dalam apa-apa bentuk atau cara sama ada secara elektronik, fotokopi, mekanik, rakaman, atau cara lain
sebelum mendapat izin bertulis daripada penerbit.
ISI KANDUNGAN

KREDIT PENYELARAS & PENULIS............................................................................... 2

PERUTUSAN PENGARAH............................................................................................ 3

PENDAHULUAN.......................................................................................................... 4

BAB1: TEKNIK MIRRORING....................................................................................... 5

BAB 2: DIGITAL INK.................................................................................................. 11

BAB 4: VIDEO EDITOR............................................................................................... 27

Youtube Editor............................................................................................................................27

VivaVideo....................................................................................................................................48

GREEN SCREEN........................................................................................................ 55

GOOGLE CLASSROOM.............................................................................................. 68

PENILAIAN DALAM PDPC......................................................................................... 86


Quizziz.........................................................................................................................................86
Formative....................................................................................................................................97
Plickers..................................................................................................................................... 107
EDpuzzle................................................................................................................................... 127
H5P (HTML 5 Packages)......................................................................................................... 143
Vizia ...................................................................................................................................... 155

Membudayakan Teknologi Digital 1


KREDIT PENYELARAS & PENULIS

Penyelaras Modul

NORWANI BINTI MAMAD


Bahagian Pengurusan Sekolah
Berasrama Penuh dan Sekolah
Kecemerlangan
Aras 3, Blok 2251, Jalan
Usahawan 1,
63000 Cyberjaya, Selangor.

Barisan Penulis Modul

SARIPAH BINTI AHMAD ROIAMAH BINTI BASRI


SM Sains Muzaffar Syah SMK Taman Seraya
75450 Ayer Keroh Melaka 56100 Ampang, Selangor
Tel : 0133759142 Tel : 0196355694
Emel: sahmozac@gmail.com Emel: roiamah@gmail.com

KAMARULZAMRI BIN BAKAR ABD RAHMAN BIN ALI


SM Sains Tuanku Jaafar BASHAH
72000 Kuala Pilah, SMK Jenjarom , 42600
Negeri Sembilan Jenjarom
Tel : 019-6213370 / Kuala Langat, Selangor
011-55053370 Tel: 0175005317
E-mail : kzb@smstj.edu.my Emel: cikgu_aman@yahoo.com

ZAFARUL ISLAM B MOHAMED MOHSEN BIN MISKAN


IDRIS SMKA Segamat , KM 5
SK Sungai Rusa, Jln Genuang Segamat Baru
36000 Teluk Intan, Perak 85000 Segamat, Johor
Tel : 0123191464 Tel : 01158355265
Emel: zafarul@ymail.com Emel: mymathix@gmail.com

MUHAMMAD SAFFUAN B. AZHARUL FAIZ B ZAINAL ABIDIN


JAFFAR SJKC Tong Wah,
SK Long Sepiling 34300 BagaiSerai, Perak.
D/A PPD Baram Tel: 0125798753
98050, Marudi, Sarawak Emel: azfaiz@gmail.com
Tel: 0135098336
Emel: 9w2sfj@gmail.com

ZAINAL BIN MOHD ZABIR ROSMIN BIN KAMARI


SMK(LKTP) MAOKIL SM SAINS BATU PAHAT
85300, Labis , Johor KM8, JLN Tanjung Labuh
Tel :016657000 83000 Batu Pahat, Johor.
Emel: zainalmzabir@gmail.com Tel: 0197395528
Emel: cegurosmin@gmail.com

2 Modul Multimedia Dalam PdPc STEM Abad 21


PERUTUSAN PENGARAH

Assalamualaikum Warahmatullahi
Wabarakatuh Dan Salam Sejahtera.

Alhamdulillah syukur ke hadrat Allah S.W.T


kerana dengan limpah kurniaNya maka dapat
kita meneruskan salah satu agenda penting
dalam mengangkat martabat Pendidikan
Negara.

Tahniah dan syabas diucapkan kepada


guru-guru pembina modul dan Bahagian-
DATO HAJAH RASHIDAH BINTI MD ARIF Bahagian terlibat yang telah membantu dalam
penghasilan modul ini. Kewujudan harta
Pengarah interlek ini sedikit sebanyak akan membantu
Bahagian Pengurusan Sekolah Berasrama pendidik di Negara ini mengorak langkah
Penuh dan Sekolah Kecemerlangan dalam mempelbagaikan kaedah PdPc STEM.
Penggunaan ICT dalam bidang pendidikan
merupakan salah satu ciri pendekatan
pendidikan Abad ke-21 bagi membantu murid
memahami konsep STEM dengan mudah.

Penyediaan Modul Multimedia PdPc STEM


Abad 21 ini dilaksanakan bagi merealisasikan
hasrat kerajaan dalam memperkukuhkan PPPM
2013-2025 dengan menekankan pengukuhan
kualiti pendidikan STEM agar dapat melahirkan
modal insan yang saintifik, berdaya saing
dan dinamik. Mereka bukan sahaja menjadi
pengguna teknologi tetapi juga menyumbang
kepada tamadun saintifik dan teknologi masa
hadapan.

Bahagian ini berharap usaha murni ini dapat


diteruskan pada masa akan datang dengan
penghasilan lebih banyak bahan rujukan PdPc
oleh pendidik tanah air ini. Sesungguhnya
perkongsian ini sudah tentu akan memberi
banyak manfaat khususnya kepada murid dan
amnya kepada sekolah dan masyarakat.

Tahniah dan terima kasih.

Membudayakan Teknologi Digital 3


PENDAHULUAN

Modul Multimedia STEM PdPc Abad Ke-21 ini ditulis oleh sekumpulan guru, dalam bidang STEM
dan ICT yang terpilih kerana kepakarannya memanafatkan teknologi di dalam kelas masing-
masing. Kemunculan modul ini, bertujuan memberi kemahiran dan kepercayaan kepada para
pendidik di Negara ini untuk menghasilkan sendiri BBM berkonsepkan Video STEM. Penulis
telah memilih semua tajuk yang pastinya berguna untuk guru-guru dalam pelaksanakan
PdPc Abad Ke-21 dengan mengintegrasikan ICT. Kandungan modul ini merupakan panduan
penyuntingan sesebuah video secara atas talian dan luar talian yang dapat menjimatkan masa
sebuah produksi , tips membuat rakaman video yang baik dengan alatan yang asas, dan alat
yang diperlukan bagi melaksanakan PdPc secara digital serta kaeadah penilaian dalam PdPc
yang menarik dan terkini.

Pendekatan penulisan modul adalah mesra pengguna, mudah difahami dan senang diikuti. Guru
guru pasti berjaya mengaplikasikan kesemua tajuk jika mengikuti langkah-langkah yang di
sediakan satu demi satu . Guru guru hendaklah menjadikan modul ini sebagai rakan disebelah
apabila hendak meneroka sesutu tajuk dengan menggunakan komputer masing-masing.

Modul ini bercirikan Pembelajaran Abad Ke-21 yang merupakan edisi pertama yang dikeluarkan
oleh Kementerian Pendidikan Malaysia bagi menyokong Pelan Pembangunan Pendidikan
Malaysia 2013-2025 dalam Anjakan 7 iaitu untuk Memanfaatkan ICT bagi Meningkatkan
Kualiti Pembelajaran di Malaysia.

Dengan kewujudan modul ini dapatlah meningkatkan keupayaan dan kebijaksanan guru-
guru terhadap mempelbagaikan kaedah PdPc bidang STEM. Usaha ini diharapkan dapat
meningkatkan minat dan motivasi murid untuk mempelajari subjek STEM dan seterusnya
kelestarikan pendidikan STEM di Malaysia akan dapat dicapai.

4 Modul Multimedia Dalam PdPc STEM Abad 21


BAB 1 TEKNIK MIRRORING

KENALI TEKNIK MIRRORING

Dalam pembelajaran abad ke-21, guru perlu bertindak sebagai fasilitator dan pembelajaran
haruslah berpusatkan murid. Oleh itu, penyambungan peranti pintar ke projektor atau televisyen
diperlukan secara tanpa wayar. Teknik ini dikenali sebagai Mirroring di mana guru boleh
melaksanakan PdPc menggunakan peranti pintar bagi membolehkan guru menayangkan
kandungan peranti pintar danmembetulkan kesalahan pelajar dengan pantas.

KAEDAH MIRRORING KE TELEFON PINTAR, TABLET, LAPTOP DAN KOMPUTER.

Untuk memulakan Pembelajaran dan Pemudahcaraan, guru perlu menyambung projektor secara
tanpa wayar dengan peranti seperti telefon pintar, tablet, laptop, dan komputer. Terdapat dua
cara sambungan. Pertama menggunakan peranti tanpa wayar. Kedua menggunakan aplikasi
Air More. Sambungan secara tanpa wayar menggunakan system operasi windows, android,
IOS dan MacOS seperti berikut:

Windows/Android

Microsoft wireless display adapter (WDA)


Screen beam mini
Ezcast
Any cast
Miracast
Screen Beam Mini
IOS/MacOS

Apple tv
Ezcast
Any cast
Miracast

Ezcast

Microsoft Wireless Display Adapter Apple TV

Membudayakan Teknologi Digital 5


BAB 1: TEKNIK MIRRORING

TEKNIK MIRRORING KE TELEFON PINTAR, TABLET, LAPTOP DAN KOMPUTER.

Sistem Pengoperasian Windows

Peranti: Microsoft wireless display adapter / screen beam mini

1. Klik (notifikasi)
2. Klik Connect
3. Klik Microsoft Display Adapter.

6 Modul Multimedia Dalam PdPc STEM Abad 21


Teknik Mirroring Ke Telefon Pintar, Tablet, Laptop Dan Komputer.

Sistem Pengoperasian Android (Telefon pintar YES Altitude)

Microsoft wireless display adapter / screen beam mini

1. Swipe dari atas ke bawah.


2. Klik pada WLAN
3. Klik Cast Screen
4. Klik pada dan klik enable wireless display.
5. Klik

Membudayakan Teknologi Digital 7


BAB 1: TEKNIK MIRRORING

Kaedah untuk mirorring skrin iOS ke projektor:

Sistem Pengoperasian IOS

1. Sambung ke rangkaian yang sama Wi-Fi


pada peranti iOS dan peranti yang perlu
AirPlay.
2. Pada peranti iOS anda, swipe ke atas
dari bahagian bawah skrin anda untuk
membuka Pusat Kawalan.
3. Dalam Pusat Kawalan, klik AirPlay
untuk Apple icon TV AirPlay Mirroring,
kemudian pilih Apple TV anda dari senarai.
Jika kod laluan AirPlay muncul di skrin TV
anda, masukkan kod laluan pada peranti
iOS anda.

8 Modul Multimedia Dalam PdPc STEM Abad 21


Teknik Mirroring Ke Telefon Pintar, Tablet, Laptop Dan Komputer.

Kaedah untuk screen cast telefon pintar ke projektor:

1. Pasang aplikasi Ezcast pada telefon pintar.


2. Sambung telefon pintar dan Ezcast menggunakan rangkaian wifi yang sama.
3. Masukkan kata laluan di projektor pada rangkaian wifi Ezcast.
4. Buka aplikasi Ezcast pada telefon pintar.
5. Klik pada device dan pilih device ezcast.
6. Klik Vinsmart-D9F5B183 (lihat nama pada skrin)
7. Klik pada mirror OFF untuk tayang skrin secara penuh pada projektor.

5
2

5
6

Membudayakan Teknologi Digital 9


BAB 1: TEKNIK MIRRORING

Kaedah untuk screen cast secara tanpa wayar menggunakan aplikasi Air More

1. Buka laman web http://web.airmore.com di laptop.


2. Hubungkan telefon pintar dan laptop menggunakan rangkaian wifi yang sama.
3. Muat turun aplikasi Air More dalam telefon pintar menggunakan Play Store atau App
Store.
4. Imbas gambar QR Code di laman web airmore.com menggunakan telefon pintar dengan
klik scan to connect.
5. Klik ikon reflektor untuk memaparkan pada skrin laptop.

1
4

2
5

10 Modul Multimedia Dalam PdPc STEM Abad 21


BAB 2 DIGITAL INK

Dalam pada untuk kita bersaing dalam


kemajuan dunia, maka sektor pendidikan
haruslah seimbang dengan perkembangan
abad ke-21. Kemajuan teknologi dan juga
keupayaan pelajar harus digunakan dengan
sebaik mungkin bagi mengoptimumkan
penghasilan kemenjadian murid yang tinggi
dalam kalangan pelajar Malaysia. Digital
Ink ialah satu teknik pembelajaran dan
pemudahcaraan secara digital yang dijalankan
di dalam kelas.

Seiring dengan kemajuan teknologi,


penggunaan Digital Ink mampu menggantikan
penggunaan papan putih tradisional di dalam
kelas. Ini kerana papan putih adalah bersifat
statik, tidak menarik dan memerlukan masa
yang lama untuk guru menulis diatasnya.

Penggunaan pen marker juga akan


mengakibatkan alergik kepada guru dan
berbau. Teknik Digital Ink sesuai digunakan
didalam kelas kerana memudahkan
pembelajaran dan pemudahcaraan seorang
guru, menjimatkan penggunaan pen marker,
pemadam papan putih, pen highlighter, kertas
dan pensil. Menjimatkan masa guru dalam
penyediaan bahan bantu belajar (BBB) dan
mampu menayangkan bahan berbentuk media
interaktif yang bersifat dinamik dan menarik.

Membudayakan Teknologi Digital 11


BAB 2: DIGITAL INK

1. Klik Microsoft One Note.


2. Klik File Printout .
3. Pilih fail yang ingin dibuka, dan klik insert.
4. Klik full page view untuk membuka paparan penuh pada Microsoft One Note.

12 Modul Multimedia Dalam PdPc STEM Abad 21


Kaedah Digital Ink menggunakan Microsoft One Note

5. Klik ... untuk membuka menu


6. Klik
7. Klik untuk memilih warna dan ketebalan pen yang lebih banyak.
8. Lukis atas fail yang akan dibincangkan dengan pelajar.

8
7

Membudayakan Teknologi Digital 13


ASAS PENGGAMBARAN BAB 3

Guru-guru di Malaysia kini diberikan pelbagai kemudahan berbentuk alatan dan perkhidmatan
berkaitan PdPc. Justeru, merakam video untuk bahan PdPc atau merakam proses PdPc itu
sendiri bukanlah satu halangan besar. Dalam bab ini, akan diterangkan asas dalam menjalankan
penggambaran bahan untuk PdPc dengan alatan minimum dan asas.

1. Langkah Asas Penggambaran

1 Perancangan Awal 2 Pra Penggambaran


Papan Cerita & Skrip Papan Cerita & Skrip
Jadual & Tenaga Kerja Jadual & Tenaga Kerja
Alatan Alatan
Lokasi Penggambaran Lokasi Penggambaran
Bakat Bakat
Kostum & Prop Kostum & Prop

3 Penggambaran 4 Pasca Penggambaran


Persediaan Pengemasan
Penggambaran Pindah data/rakaman
Suntingan

Modul ini akan membimbing anda untuk


merealisasikan rakaman video untuk bahan
PdPc dengan menggunakan alatan paling asas
& dimiliki semua. Oleh itu, alatan yang akan
digunakan dalam bab ini adalah peranti Yes
Altitude.

Alatan asas penggambaran

Perakam video
Perakam audio
Sumber cahaya

14 Modul Multimedia Dalam PdPc STEM Abad 21


Langkah Asas Penggambaran

Skrip

Dalam mana-mana produksi, skrip & papan cerita adalah perkara pertama yang perlu disediakan
selepas sesuatu projek video itu dipersetujui. Menurut kamus dewan, skrip merupakan cerita
dan lain-lain yang bertulis manakala skrip video/filem pula disediakan untuk sesebuah filem,
termasuk arahan kerja kamera dan sebagainya termasuk lakon layar. Skrip sebenarnya paling
penting disediakan untuk pihak ketiga iaitu pelakon, pengarah bahkan penonton. Ia merupakan
penyampaian cerita dalam bentuk penulisan. Sediakan skrip dengan baik. Skrip itu perlu bersifat
tampak, boleh dilihat, boleh dibaca dan boleh difahami dengan jelas. Tidak ada format wajib
dalam skrip. Apa sahaja boleh ditulis bahkan diconteng untuk menguatkan lagi skrip. Dalam
skrip video yang bakal anda sediakan bergantung pada genre, perlu ada sekurang-kurangnya
cerita (wajib) dan dialog. Perkara tambahan dalam skrip untuk memudahkan semua pihak
adalah senarai watak, jenis shot kamera, muzik latar, jenis transisi bahkan apa pun boleh ditulis
dan ia tidak terhad.

Contoh Skrip

Membudayakan Teknologi Digital 15


BAB 3: ASAS PENGGAMBARAN

Papan Cerita

Papan cerita adalah satu siri lakaran bagi menggambarkan turutan cerita. Papan cerita
menguatkan skrip melalui gambaran situasi yang berlaku. Ia juga menggambarkan jenis shot
kamera yang bakal digunakan. Seperti skrip, tidak ada format khusus untuk papan cerita. Perlu
ada lakaran untuk aksi & isi penting cerita atau untuk menggambarkan situasi yang bakal
dirakam.

Papan Cerita

Jadual kerja

Jadual kerja merupakan perancangan menjalankan semua kerja pra hingga ke pasca
penggambaran. Kaedah paling mudah untuk menyediakan jadual kerja adalah dengan
menggunakan carta Gantt. Kenal pasti tarikh-tarikh penting terlebih dahulu dan jadual kerja
dapat dihasilkan dengan mudah. Tarikh penting yang dimaksudkan contohnya adalah tarikh
akhir siap video dan tarikh-tarikh berlaku kekangan yang mengganggu jadual penggambaran.
Jadual kerja dibuat supaya segala kerja penerbitan video berjalan lancar dengan gangguan
yang minimum.

Carta Gantt

16 Modul Multimedia Dalam PdPc STEM Abad 21


Langkah Asas Penggambaran

Tenaga kerja

Kumpulan tenaga kerja yang baik adalah kumpulan yang mempunyai banyak bahagian khusus
contohnya pengarahan, pencahayaan, kamera & audio, tatarias dan macam-macam lagi. Tenaga
kerja paling minimum yang perlu ada adalahpengendali kamera dan pelakon.

Mereka ini menjalankan kerja rencam yang lain. Pengendali kamera contohnya dalam masa
yang sama boleh menjalankan kerja-kerja pengarahan, audio & pencahayaan. Yang penting
jika ada rakaman video, maka berlakulah produksi video. Susun fungsi & tanggungjawab setiap
tenaga kerja lebih-lebih lagi jika kumpulan produksi anda kecil. Rencamkan tugas setiap individu
terutama sekali pelakon.

Produksi dengan tenaga kerja minimum

Membudayakan Teknologi Digital 17


BAB 3: ASAS PENGGAMBARAN

Alatan

Senaraikan semua alatan yang ada dan alatan yang diperlukan. Optimumkan penggunaan
alatan jika produksi kecil. Pencahayaan yang baik masih boleh direka walaupun tanpa alatan
pencahayaan yang lengkap. Medium rekod video dan audio dipastikan ada dengan kapasiti
yang bersesuaian.

Alatan minimum

Lokasi Penggambaran

Lokasi disesuaikan dengan tema dan situasi video. Walaupun lokasi kurang menarik, sudut
menarik masih boleh didapati dari lokasi tersebut. Sesuaikan pencahayaan dengan lokasi.
Prinsip fotografi dan pencahayaan digunakan sebaik mungkin.

Contoh lokasi penggambaran dengan


pencahayaan semulajadi yang agak baik

18 Modul Multimedia Dalam PdPc STEM Abad 21


Langkah Asas Penggambaran

Bakat

Bakat terdiri daripada pelakon dan pelakon suara. Seorang pelakon dengan kemahiran yang
minimum adalah pelakon yang tidak gugup di hadapan kamera. Rupa, kepandaian & bakat
berlakon adalah bonus.

Pelakon dengan kemahiran berlakon yang sangat minimum

Kostum & Prop

Kostum disediakan bersesuaian dengan jalan cerita. Gunakan kostum sedia ada dan tambah baik
penggunaannya contohnya mengotorkan pakaian untuk kelihatan lusuh. Prop juga disesuaikan
dengan cerita. Prop & kostum yang baik akan memberikan hasil video yang sangat baik.

Kostum bagi seorang pemuda dan


seorang pakcik tua

Membudayakan Teknologi Digital 19


BAB 3: ASAS PENGGAMBARAN

2. Pra Penggambaran

Semua Perancangan Awal

Dalam fasa ini, semua perancangan awal telah disediakan dan sebahagiannya dilaksanakan.
Sediakan sebanyak mungkin senarai semak supaya tidak ada perkara yang ditinggalkan.
Pastikan logistik bersesuaian dengan jarak lokasi, alatan dan tenaga kerja.

Contoh senarai semak

Logistik

Logistik bukan sekadar pengangkutan. Fasa logistik adalah fasa di mana kesemua kemungkinan
pentadbiran diambil kira. Adakah lokasi penggambaran memerlukan kebenaran khas? Jika ya,
maka segala keperluan kebenaran tersebut perlu disediakan. Fasa ini juga adalah fasa di mana
tinjauan tempat dijalankan, ramalan cuaca dan pelbagai lagi kemungkinan pentadbiran.

Contoh surat kebenaran berkaitan lokasi penggambaran

20 Modul Multimedia Dalam PdPc STEM Abad 21


Pra Penggambaran & Penggambaran

3. Penggambaran

Persediaan di Lokasi Penggambaran

Pastikan keadaan selamat dan cuaca mengizinkan. Dalam produksi kecil, pengarah mengarahkan
semua pihak bersedia di mana sekurang-kurangnya pelakon bersedia dengan lakonan dan
dialog dan alatan rakaman sedia untuk menggambar. Skrip & papan cerita sentiasa di tangan
pengarah agar perjalanan rakaman lancar.

Alatan yang telah disediakan dan hanya menanti permulaan rakaman

Penggambaran

Setelah semua pelakon dan alatan rakaman bersedia, maka penggambaran boleh dimulakan.
Dalam produksi kecil dan terhad, 2 hingga 3 rakaman terbaik untuk satu adegan perlu dibuat
sebagai sandaran untuk pilihan rakaman yang akan disunting nanti. Jika masa bukan halangan,
pelbagaikan sudut rakaman untuk satu adegan. Kepelbagaian dan jumlah rakaman yang banyak
sebenarnya merupakan sandaran jika berlaku masalah teknikal. Contoh situasi yang boleh
berlaku adalah dua rakaman adegan yang sama boleh melengkapi satu sama lain jika salah
satu video mengalami gangguan audio tetapi video yang diambil sangat cantik.

Membudayakan Teknologi Digital 21


BAB 3: ASAS PENGGAMBARAN

Tips penggambaran menggunakan telefon Yes Altitud

1. Gunakan kaki penyokong (Tripod atau monopod) Penyokong kaki amat penting untuk
menstabilkan rakaman. Tripod memberikan rakaman stabil dengan tambahan pergerakan
artikulasi yang stabil. Monopod juga memberi hasil rakaman yang stabil tetapi dengan
sedikit kesan penggambaran bebas (sedikit goyangan)
2. Jangan gunakan zoom digital. Zoom memberikan kesan tumpuan atau menonjolkan subjek
yang dirakam. Namun, zoom yang baik adalah zoom secara lensa sahaja. Jangan gunakan
fungsi zoom digital pada telefon Yes anda Ia memberikan rakaman yang kasar. Sebagai
alternatif, gerakkan alatan ke arah subjek dengan tripod sebagai pemberat.
3. Gunakan cahaya secukupnya. Pencahayaan adalah perkara terpenting untuk memberikan
rakaman yang benar-benar memuaskan. Pencahayaan pada subjek adalah sangat penting
supaya audien nampak dengan jelas apa yang dipaparkan. Pencahayaan diperolehi secara
semula jadi atau buatan.
4. Kekalkan dedahan (exposure). Tentukan satu point pada subjek supaya dedahan kekal
sama pada semua shot. Pencahayaan juga perlu dikawal supaya memudahkan penjagaan
exposure.
5. Dekatkan mikrofon dengan subjek. Bunyi terutama sekali narasi perlu didengarkan dengan
jelas kepada audien. Langkah minimum tanpa perlu menggunakan alatan tambahan adalah
dengan mendekatkan subjek dengan kamera atau mikrofon.

22 Modul Multimedia Dalam PdPc STEM Abad 21


Tips Penggambaran Menggunakan Telefon Yes Altitud

Tips asas penggambaran dalam bangunan dengan alatan minimum

Penggambaran dalam bangunan sebenarnya lebih sukar berbanding Luar bangunan. Perkara
paling sukar dalam penggambaran dalam Bangunan adalah pencahayaannya.

1. Subjek menghadap sumber cahaya .Buka tingkap atau langsir bagi memberikan cahaya
optimum untuk subjek. Subjek perlu menghadap sumber cahaya. Secara mudahnya,latar
belakang perlu gelap tetapi subjek perlu cahaya yang terang. Kesalahan biasa yang
dilakukan jurugambar adalah merakam berlatar belakang yang cerah contohnya tingkap.
Tidak menjadi masalah jika pencahayaan subjek lebih terang dari tingkap namun anda
memerlukan pencahayaan tambahan atau setup pencahayaan semula jadi yang lebih bijak.
2. Ubah kedudukan subjek atau ubah kedudukan kamera. Kawasan dalam bangunan dengan
sudut cantik adalah terhad dan kecil. Untuk mempelbagaikan sudut rakaman, gerakkan
subjek atau ubah kedudukan kamera walaupun pada sudut bangunan yang sama.

Pencahayaan lembut pada subjek dalam bangunan

Membudayakan Teknologi Digital 23


BAB 3: ASAS PENGGAMBARAN

Tips asas penggambaran luar bangunan dengan alatan minimum

Cahaya paling cerah secara semula jadi adalah pada waktu tengah hari. Namun, waktu tengah
hari adalah masa yang sangat tidak sesuai untuk Menjalankan penggambaran tanpa bantuan
alatan tambahan.

1. Elakkan penggambaran tengah hari. Waktu efektif penggambaran adalah waktu pagi hingga
jam 11.00 pagi atau pada jam 2.00 petang ke atas. Prinsip asasnya adalah, kedudukan
matahari tegak di atas kepala akan menyebabkan bayang pada muka yang sangat banyak.
Tanpa alatan tambahan subjek dirakam akan menjadi gelap atau tidak jelas. Jika terpaksa
membuat rakaman pada masa tengah hari, gunakan reflector.
2. Subjek menghadap sudut matahari. Seperti biasa, sentiasa ingat bahawa subjek perlu lebih
cerah daripada latar belakang. Kadang kala, walaupun subjek telah menghadap matahari
latar belakang seperti langit juga menyebabkan latar belakang masih lebih cerah berbanding
subjek. Laraskan latar belakang supaya kurang cerah. Kaedah mengunci dedahan biasa
juga dilakukan tetapi latar belakang yang cerah akan menyebabkan keseluruhan bingkai
video lebih cerah dan tidak sesuai.
3. Kawal bunyi luar. Bunyi persekitaran seperti hiruk pikuk persekitaran dan angin akan
menyebabkan bunyi yang dirakam kurang jelas.

Pencahayaan luar bangunan dengan tujuan kesan bayang

24 Modul Multimedia Dalam PdPc STEM Abad 21


Pasca Penggambaran

Pasca Penggambaran

Gunakan senarai semak yang sama untuk memastikan semua alatan ada semasa mengemas.
Pastikan kesemua kad/modul rakaman diperolehi dan data wujud untuk dipindah ke komputer.

Senarai semak ditanda sebelum dan selepas penggambaran.

Sediakan juga senarai semak lain seperti senarai semak tugasan.

Data

Hasil akhir rakaman disimpan dalam kad memori atau apa sahaja bentuk simpanan bergantung
pada jenis kamera atau alat rakaman. Simpan data-data ini dengan baik sehingga diperlukan
atau dipindahkan kepada computer. Sebaik-baiknya, terus pindah data bagi memastikan tidak
ada masalah data berlaku. Jika ada, maka anda masih mempunyai masa untuk baik pulih
keadaan.

Contoh kad memori di pasaran

Membudayakan Teknologi Digital 25


KESIMPULAN

Tidak ada satu pun teknik penghasilan rakaman dari persediaan awal hingga pasca penggambaran
yang khusus atau mengikut format. Tidak ada cara yang terlalu salah dan tidak ada cara
yang benar-benar betul. Sentiasalah menambah baik (improvise) mengikut apa sahaja situasi,
kemampuan dan keadaan.

Cara terbaik untuk seseorang tanpa pengalaman menghasilkan rakaman berkualiti adalah
dengan cara meniru teknik rakaman mana-mana video yang diketahui sangat baik. Cari contoh
melalui sumber internet (youtube, vimeo dan lain-lain) atau daripada filem. Teknik-teknik
penggambaran mereka ini akhirnya boleh dikuasai dan secara langsung dipelajari dan menjadi
salah satu kemahiran anda.

Peralatan yang banyak, lengkap dan canggih bukanlah jaminan penghasilan rakaman yang
baik. Bahkan, peralatan yang banyak boleh menjadi beban kerja yang sangat mengganggu
tumpuan kerja. Gunakan alatan se optimum yang mungkin. Selalulah mencari jalan menambah
baik dengan alatan minimum.

Banyakkan rakaman walaupun untuk satu adegan. Selain memberikan kita pilihan rakaman
terbaik, ia juga bertujuan melatih semua tenaga kerja untuk menjadi mahir dan biasa dengan
tugasnya. Jika mempunyai masa yang sememangnya banyak, pelbagaikan pula sudut rakaman
untuk adegan yang sama. Kepelbagaian ini memberi lebih banyak pilihan yang boleh menjadikan
cerita lebih menarik. Jika mempunyai alat rakaman yang banyak, tetapkan terus alatan ini di
beberapa sudut untuk menjimatkan masa. Akan tetapi perlu diingat, peralatan dan pilihan
rakaman yang banyak boleh menjadi beban tambahan.

Beza produksi serius dengan kita adalah modal, kos dan tenaga kerja. Fahami kelebihan mereka
dan sesuaikan dengan produksi sendiri. Tujuan lain kita membuat rakaman adalah mendedahkan
tenaga kerja kita sehampir mungkin dengan industri. Selain video yang dihasilkan bertujuan
untuk mendidik, proses menghasilkan video itu sendiri sepatutnya menjadi proses didikan
kelas pertama.

Selamat menjalani penggambaran dan selalulah improvise!

26 Modul Multimedia Dalam PdPc STEM Abad 21


BAB 4 VIDEO EDITOR

Youtube Video Editor

YouTube Video Editor adalah laman web yang boleh digunakan untuk menyunting video secara
dalam talian. Aplikasi ini adalah percuma.

Kelebihan menggunakan YouTube Video Editor adalah:

Perkakasan komputer yang minimum.


Tiada had kapasiti untuk video yang dimuat naik.
Tidak memerlukan pemasangan perisian untuk suntingan video.
Menjimatkan masa untuk eksport video.
Hasil kerja disimpan secara automatik dalam Video Manager.

Membudayakan Teknologi Digital 27


BAB 4: VIDEO EDITOR

1. Layari youtube.com/editor.
2. Log masuk menggunakan akaun Google anda.

3. Paparan kerja adalah seperti di bawah.

28 Modul Multimedia Dalam PdPc STEM Abad 21


Youtube Video Editor

1 4
5
3 7
2 10

11
8
6

12

14
13

1. Nama projek.
2. Skrin.
3. Klip video.
4. Carian video percuma.
5. Muat naik gambar.
6. Carian audio.
7. Transition.
8. Teks.
9. Carian klip video.
10. Muat naik (upload) video.
11. Eksport (publish) video.
12. Video track (timeline).
13. Audio track (timeline).
14. Zoom timeline track.

Membudayakan Teknologi Digital 29


BAB 4: VIDEO EDITOR

Menamakan Projek

1. Anda boleh menamakan projek video anda di [1].


2. Anda tidak perlu simpan hasil kerja anda. Semua hasil kerja anda akan disimpan secara
automatik.

30 Modul Multimedia Dalam PdPc STEM Abad 21


Youtube Video Editor

Muat Naik Klip Video

1. Klik Upload untuk mula muat naik.


2. Pilih video yang hendak dimuat naik.

Membudayakan Teknologi Digital 31


BAB 4: VIDEO EDITOR

3. Klik Set Privacy untuk menentukan status video yang dimuat naik.
Public untuk paparan umum.
Unlisted untuk paparan sendiri sahaja
Private untuk paparan sendiri sahaja.
4. Pilih Private.
5. Klik Done with all. Tahniah! Klip video telah berjaya dimuat naik.

32 Modul Multimedia Dalam PdPc STEM Abad 21


Youtube Video Editor

6. Tahniah! Klip video telah berjaya dimuat naik.


7. Klik Return to editing untuk edit mana-mana klip yang ingin diubah jika perlu.
8. Layari youtube.com/editor untuk kembali ke laman paparan kerja dan memulakan kerja-
kerja penyuntingan video.

Membudayakan Teknologi Digital 33


BAB 4: VIDEO EDITOR

Penyuntingan Klip Video

1. Klik [+] atau drag & drop klip video untuk tambah klip video yang dikehendaki dalam track
video.
2. Pilih mana-mana scene yang dikehendaki pada klip video tersebut dengan menggerakkan
garisan biru seperti dalam rajah di atas. Klik gunting sebagai clip in (klip masuk) untuk
mula memotong permulaan klip video tersebut.
3. Untuk buang klip yang tidak diperlukan, klik pada klip tersebut dan tekan Delete pada
papan kekunci.

2
3

34 Modul Multimedia Dalam PdPc STEM Abad 21


Youtube Video Editor

4. Sekali lagi pilih mana-mana scene yang dikehendaki pada klip video tersebut dengan
menggerakkan garisan biru seperti dalam rajah di atas. Klik gunting sebagai clip out (klip
keluar) untuk memotong pengakhiran klip video tersebut.
5. Untuk buang klip yang tidak diperlukan, klik pada klip tersebut dan tekan Delete pada
papan kekunci.
6. Ulang Langkah 1 hingga 5 untuk menambah klip-klip video yang lain.

5
4

Membudayakan Teknologi Digital 35


BAB 4: VIDEO EDITOR

Ubah Kualiti Klip Video

1. Klik pada klip video pada track video.


2. Paparan untuk mengubah kualiti video akan dipaparkan seperti dalam [2].

3 4 5 6

3. Quick fixes mengubah kualiti video.


4. Filters memberi kesan khas (effects) untuk klip video.
5. Text meletakkan teks pada video.
6. Audio mengubah audio.

36 Modul Multimedia Dalam PdPc STEM Abad 21


Youtube Video Editor

Quick Fixes

1 4
2 5

1. Auto-fix memperbetulkan pencahayaan & warna klip video.


2. Brightness and Contrast mengubah kecerahan & kontras klip video.
3. Slow Motion memperlahankan pergerakan klip video.
4. Pan & Zoom automatik zoom pada objek yang difokuskan.
5. Stabilize Video menstabilkan pergerakan klip video dengan menghapuskan gegaran
pergerakan kamera semasa video diambil.
6. Preview effects side-by-side with original video pra tonton kesan khas bersebelahan
dengan klip video asal seperti yang ditunjukkan dalam rajah di bawah.

Video asal Video baharu

Membudayakan Teknologi Digital 37


BAB 4: VIDEO EDITOR

Filters

1. Untuk menggunakan kesan khas, hanya klik pada klip video dan pilih kesan khas yang
bersesuaian.
2. Klik sekali untuk pilih kesan khas tersebut dan klik sekali lagi untuk membatalkan
penggunaan kesan khas itu.
3. Terdapat 29 jenis kesan khas yang boleh digunakan pada klip video.
4. Anda boleh menggunakan lebih dari satu jenis kesan khas untuk klip video yang sama.
5. Anda juga boleh menggunakan kesan khas yang berbeza untuk klip video yang berbeza.
6. Anda dinasihatkan tidak banyak menggunakan kesan khas pada satu-satu klip video kerana
ia akan menjejaskan kualiti klip video tersebut.

Video asal Video baharu

38 Modul Multimedia Dalam PdPc STEM Abad 21


Youtube Video Editor

Text

1. Klik checkbox Enable text untuk menambah teks pada klip video sebagai tajuk pada klip
video atau sari kata.
2. Anda boleh mengubah jenis, saiz, warna dan lain-lain pada teks anda.

Video asal Video baharu

Membudayakan Teknologi Digital 39


BAB 4: VIDEO EDITOR

Audio

1. Audio boleh dilaraskan ketinggiannya dengan mengubah volume pada setting untuk audio.
2. Sekiranya anda ingin menutup audio pada klip video, hanya perlu melaraskan volume ke
kiri (volume = 0).
3. Anda dinasihatkan tidak perlu mengubah setting untuk pan, bass & treble (pan = 0, bass
= 0, treble = 0) bagi mengelakkan kualiti audio rendah.

40 Modul Multimedia Dalam PdPc STEM Abad 21


Youtube Video Editor

Remix Creative Commons Video

1. Anda boleh menggunakan klip video secara percuma yang terdapat di Youtube.
2. Hanya perlu cari kata kekunci yang diperlukan. Sebagai contoh, forest.
3. Klik [+] atau drag & drop klip video untuk tambah klip video yang dikehendaki dalam video
track.

4. Anda boleh menyunting klip video tersebut dan mengubah kualiti klip video tersebut
mengikut kreativiti anda.

Membudayakan Teknologi Digital 41


BAB 4: VIDEO EDITOR

Muat Naik Foto

1. Muat naik sebarang foto boleh dibuat dengan klik pada butang Add more photos atau Add
photos to project.

2. Klik Upload photos untuk muat naik foto dari komputer anda.
3. Selepas dimuat naik, klik [+] atau drag & drop foto tersebut untuk tambah foto yang
dikehendaki dalam track video.

42 Modul Multimedia Dalam PdPc STEM Abad 21


Youtube Video Editor

Audio Track

1. Anda boleh menggunakan audio track secara percuma yang terdapat di Youtube.
2. Hanya perlu cari kata kekunci yang diperlukan. Sebagai contoh, superhero.
3. Klik [+] atau drag & drop audio untuk tambah audio yang dikehendaki dalam audio track.

4. Durasi untuk audio track tersebut boleh diubah suai dengan menarik hujung nudge duration
(bar biru) ke timeline yang dikehendaki.
5. Klik pada audio track tersebut untuk mengubah setting audio.

Membudayakan Teknologi Digital 43


BAB 4: VIDEO EDITOR

Transitions

1. Transition adalah kesan khas yang boleh digunakan di antara klip video.
2. Transition boleh digunakan dengan drag & drop transition yang dikehendaki dan diletakkan
di tengah-tengah antara klip video di dalam video track anda.

3. Transition boleh ditukar dengan cara klik transition pada video track anda dan tekan Delete
pada papan kekunci. Seterusnya, ulang Langkah 2 untuk memasukkan semula transition
pilihan anda.

44 Modul Multimedia Dalam PdPc STEM Abad 21


Youtube Video Editor

Title

1. Title boleh diletakkan di antara dua klip video sebagai tajuk, atau pada mana-mana klip
video sebagai sari kata.

Title di antara dua klip video pada video track

Title dalam klip video pada video track

2. Tetapan (setting) untuk title tersebut boleh diubah jenis tulisan, saiz, warna, teks dan warna
latar belakang.
2

Membudayakan Teknologi Digital 45


BAB 4: VIDEO EDITOR

Zoom Timeline

1. Zoom timeline ini digunakan untuk mengubah saiz klip video pada timeline.

Sebelum

Selepas

2. Zoom timeline dapat memudahkan proses penyuntingan klip video dengan membesarkan
saiz timeline supaya mudah dilihat mengikut durasinya.

46 Modul Multimedia Dalam PdPc STEM Abad 21


Youtube Video Editor

Eksport Video

1. Klik Create video untuk mula eksport video setelah selesai proses penyuntingan.

2. Sila tunggu sebentar. Video anda akan siap diproses dalam masa yang singkat.
3. Tahniah! Video anda telah siap. Klik Video Manager untuk melihat hasil kerja video anda.

Membudayakan Teknologi Digital 47


BAB 4: VIDEO EDITOR

VivaVideo

VivaVideo merupakan salah satu aplikasi suntingan video, photo slide show maker dan movie
yang terbaik. Ia boleh digunakan pada telefon pintar anda. Terdapat kira-kira 200 juta pengguna
VivaVideo di seluruh dunia. Dengan menggunakan Viva Video anda dengan mudah dapat
menghasilkan video seperti profesional. VivaVideo merupakan aplikasi yang mudah digunakan,
pelbagai bentuk klip animasi kesan khas video dan banyak lagi yang anda boleh lakukan dengan
menggunakan VivaVideo. Diharap dengan meneroka aplikasi VivaVideo guru dapat merancang
pengajaran yang dapat meningkatkan kreativiti murid contohnya melalui Project Based Learning
dan menghasilkan video STEM dengan hanya menggunakan telefon pintar anda sahaja.

48 Modul Multimedia Dalam PdPc STEM Abad 21


VivaVideo

User Interface VivaVideo

Fungsi digunakan untuk menyunting video

Rakam video

2
Fungsi rotate video

Crop video

Membudayakan Teknologi Digital 49


BAB 4: VIDEO EDITOR

Menyunting Klip Video

1 2 rotate
Rotate video
video

mengubah
Crop video
resolusi video

Simpan video
Trimsiap
yang video
trim

Pilih satu video, kemudian klik Next Anda boleh gunakan video yang sama
atau video lain.

Menambah Theme

1 2

Klik Next anda akan ke platform yang Pada platform ini anda boleh
seterusnya . memasukkan tema bagi keseluruhan
Video .

50 Modul Multimedia Dalam PdPc STEM Abad 21


VivaVideo

Menambah Muzik Pada Video

Klik untuk muat turun muzik kemudian


Klik untuk tambah muzik.
klik add.

User interface membolehkan anda


menambah kesan-kesan khas

Membudayakan Teknologi Digital 51


BAB 4: VIDEO EDITOR

Menambah Teks dan Subtitle

1 2

Klik pada T+ untuk menambah teks Anda boleh memilih animasi, dialog box,
seperti subtitle atau dialog. menukar font dan warna.

3 4

Saiz dan kedudukan dialog box juga Hasil Video setelah selesai suntingan
boleh diubah. teks. Klik v untuk simpan.

52 Modul Multimedia Dalam PdPc STEM Abad 21


VivaVideo

Fungsi-fungsi suntingan yang terdapat pada Edit Clip

1 5

6
2

4 1. Trim
2. Split
3. Speed
4. Adjust
5. Mute
6. Duplicate
7. Reverse
8. Blur BG

Membudayakan Teknologi Digital 53


BAB 4: VIDEO EDITOR

Menambah Teks dan Subtitle

1 2

Kongsikan karya anda di laman sosial. Anda boleh memilih resolusi video

Karya anda siap dikongsi!

54 Modul Multimedia Dalam PdPc STEM Abad 21


BAB 5 GREEN SCREEN

Kenal Green Screen

Layar hijau atau lebih dikenal dengan istilah green screen, sudah sejak lama digunakan dalam
peneribitan filem-filem diHollywod, untuk memanipulasi background atau latar belakang
dari objek utama. Dengan menggunakan layar hijau ini objek utama (biasanya orang) boleh
ditempatkan di lokasi manapun, tanpa perlu berada di sana semasa sesi pengambilan gambar.
Tekniknya iaitu dengan menghilangkan latar yang berwarna hijau tersebut dan mengganti
dengan gambar lain melalui software di komputer.

Melihat kepada teknologi green screen di Hollywood dan perkembangan teknologi digital yang
pesat nampaknya bidang fotografi juga boleh mengaplikasikan teknik ajaib ini. Kita boleh
menawarkan kepada model kita untuk berfoto di depan menara Eifel, menara kembar petronas
atau, di KLIA tanpa kita harus pergi ke tempat-tempat tersebut. Kita hanya akan memrosesnya
di komputer dengan software pengolah gambar atau foto.

Penggunaan layar hijau tidaklah sesulit yang kita bayangkan, sebab sebenarnya kita boleh
melakukan suntingan di banyak hal dalam fotografi. Kita tidak perlu membeli berlembar-lembar
layar background dengan gambar pemandangan dan berlembar-lembar lainnya untuk lukisan
bunga warna-warni. Murid-murid kita bolehlah bergambar di hadapan lukisan futuristik, atau
ada yang ingin berfoto dengan latar belakang Upin Ipin atau Spongebob? Segalanya mungkin
dalam perkembangan Green Screen ini.

Dalam bab ini saya akan jelaskan bagaimana persoalan diatas dapat direalisasikan dengan
teknologi Green Screen ini.

Membudayakan Teknologi Digital 55


BAB 5: GREEN SCREEN

Alatan Yang Diperlukan

atau

Kamera Web USB Skrin Hijau Mudah Alih Skrin Hijau

Tripod Kamera Mikrofon (Jika perlu) PC / Laptop

Perisian Yang Diperlukan

Perisian ini boleh dimuat turun secara percuma di


OBS Studio

https://obsproject.com/download

atau imbas kod QR dibawah

56 Modul Multimedia Dalam PdPc STEM Abad 21


Set Up Green Screen

Tutorial 1: Langkah Set Up Tempat, Peralatan Dan Pencahayaan

1. Gantung atau tampal kain hijau


mengikut kesesuaian untuk dijadikan
sebagai latar belakang Greenscreen.

*Tips : Jika inginkan keseluruhan model


berada di dalam greenscreen, lebihkan
kain sehingga ke lantai dan model perlu
berdiri di atas kain hijau tersebut.

5. Jika kawasan penggambaran skrin


hijau agak kekurangan pencahayaan,
pencahayaan tambahan diperlukan.

2. Susun Webcam menghadap kepada kain 6. USB LED yang disambungkan kepada
hijau dan laraskan jarak webcam dengan Powerbank boleh digunakan sebagai
skrin hijau mengikut kesesuaian. pencahayaan tambahan yang mudah
disediakan dan cahaya yang terhasil
3. Gunakan tripod yang sesuai sebagai
agak terang.
pemegang webcam supaya webcam
mudah di laraskan.
4. Pastikan pencahayaan mencukupi
supaya model tidak kelihatan gelap.

Membudayakan Teknologi Digital 57


BAB 5: GREEN SCREEN

Tutorial 2: Langkah Penggunaan Asas Perisian

1. Install dan buka perisian OBS Studio.


2. Paparan seperti di sebelah akan terpapar.
Ini adalah paparan utama bagi perisian
OBS Studio.

3. Klik pada simbol + di ruangan Scenes


seperti di sebelah.

4. Akan terpapar satu paparan popup Add


Scene yang meminta menamakan Scenes
anda.
5. Taipkan nama Scenes mengikut kehendak
anda.
6. Setelah memasukkan nama Scenes, klik
OK.

7. Paparan anda akan kembali ke paparan


utama semula.
8. Klik pada simbol + di ruangan Sources
seperti di sebelah.

58 Modul Multimedia Dalam PdPc STEM Abad 21


Langkah Penggunaan Asas Perisian

9. Akan terpapar satu menu Popup seperti


di sebelah.

10. Klik pada Video Capture Device.

11. Akan terpapar satu popup Create/Select


Source dan meminta anda menamakan
Sources anda.
12. Taipkan nama Sources mengikut kehendak
anda.

13. Setelah menamakan Sources anda


(contoh webcam 1), klik OK.

Membudayakan Teknologi Digital 59


BAB 5: GREEN SCREEN

Langkah Penggunaan Asas Perisian

14. Akan terpapar satu menu Popup properties


seperti di sebelah.
15. Klik pada model webcam anda diruangan
dropdown Device.

16. Klik pada menu dropdown Resolution/FPS


Type.
17. Klik pada Custom.

18. Pilih Resolution yang ter tinggi


(Contoh 1280x720 untuk HD)
19. Klik pada Resolution tersebut.
20. Pastikan ada imej dari webcam yang
terpapar.

21. Klik pada OK.

60 Modul Multimedia Dalam PdPc STEM Abad 21


Langkah Penggunaan Asas Perisian

22. Anda akan kembali ke paparan utama


dengan imej dari webcam terpapar pada
stage anda.

23. Anda boleh resize imej dari Webcam


dengan cara klik pada imej tersebut.
24. Akan muncul tetingkap berwarna merah
di sekeliling imej tersebut.
25. Klik pada tetingkap ini dan gerakkan
Cursor anda mengikut saiz imej yang
dikehendaki.

26. Anda juga boleh alihkan imej tersebut ke


bahagian lain dengan cara Drag & Drop
video tersebut ke mana-mana bahagian
dalam Stage yang anda ingini.

27. Anda boleh mengulangi langkah ini


sehingga semua Sources anda telah
terpapar pada Stage.

Membudayakan Teknologi Digital 61


BAB 5: GREEN SCREEN

Tutorial 3: Langkah Memasukkan Latar Belakang

1. Klik pada Sources


2. Setelah keluar menu, klik pada Image
jika anda ingin memasukkan latar
belakang pegun atau pilih Media
Sources jika anda ingin memasukkan
video sebagai latar belakang.

*Tips : Pastikan imej pegun atau video


yang hendak dijadikan latar belakang
telah dimuat turun terlebih dahulu.

3. Akan keluar satu Pop up Menu yang


meminta anda menamakan Sources
tersebut.
4. Namakan sources tersebut sebagai
Background.
5. Klik pada OK.

Untuk Imej Pegun


1. Setelah anda klik OK, akan keluar satu
paparan yang meminta anda untuk
memasukkan Image File.
2. Klik pada Browse dan cari fail imej yang
anda ingini untuk dijadikan sebagai latar
belakang
3. Setelah selesai memilih imej, klik pada OK.
4. Latar Belakang yang anda pilih akan
kelihatan pada Stage.

62 Modul Multimedia Dalam PdPc STEM Abad 21


Langkah Memasukkan Latar Belakang

Untuk Video
1. Setelah anda klik OK, akan keluar satu
paparan yang meminta anda untuk
memasukkan Local File.
2. Klik pada Browse dan cari fail video yang
anda ingini untuk dijadikan sebagai latar
belakang.
3. Setelah selesai memilih fail video yang
diingini, pastikan anda tick pada kotak
Loop. Ini adalah untuk memastikan video
anda akan terus ditayangkan semula
berulangkali (loop)
4. Setelah selesai memilih video, klik pada
OK.
5. Latar Belakang yang anda pilih akan
kelihatan pada Stage.

Membudayakan Teknologi Digital 63


BAB 5: GREEN SCREEN

Tutorial 4: Langkah Menyusun Imej Atau Video

1. Paparan sebegini akan kelihatan pada


Stage setelah anda berjaya memasukkan
latar belakang sama ada dalam bentuk
imej pegun atau video.
2. Anda perlu menyusun kembali kesemua
sources anda mengikut keutamaan supaya
hasil anda akan kelihatan asli.

3. Lihat ruangan Sources dan klik pada


Webcam
4. Kemudian, Klik pada simbol untuk
menyusun Sources mengikut keutamaan
yang anda kehendaki.
5. Klik sehingga Sources anda berada
dikedudukan yang diingini.
*Tips: Pastikan imej dari Webcam berada
paling atas.

6. Setelah semua sources disusun mengikut


keutamaan, paparan akan kelihatan seperti
ini.
7. Imej dari Webcam (skrin hijau) mestilah
berada diatas imej latar belakang.

64 Modul Multimedia Dalam PdPc STEM Abad 21


Langkah Menghilangkan Latar Belakang Skrin Hijau

Tutorial 5: Langkah Menghilangkan Latar Belakang Skrin Hijau

1. Pada ruangan Sources, bawa kursor ke


Webcam dan kemudian klik kanan.

2. Akan keluar satu Pop Up Menu dan


kemudian klik pada Filters

3. Akan terpapar satu popup Filters for


Webcam seperti di sebelah dan terdapat
ruangan kosong di dalamnya.
4. Fokus hanya pada ruangan Effect Filters.
5. Klik pada simbol +

6. Akan terpapar satu pop up menu seperti di


sebelah dan klik pada pilihan Chroma Key

Membudayakan Teknologi Digital 65


BAB 5: GREEN SCREEN

1. Akan terpapar satu Pop up Filter Name


seperti di sebelah.
2. Masukkan nama Greenscreen atau biarkan
sahaja perkataan Chroma key tersebut
3. Klik OK.
4. Akan terpapar menu tetapan seperti di
sebelah.
5. Laraskan semua fungsi yang ada sehingga
warna hijau latar belakang hilang dari skrin.
6. Perhatikan lebih terutama pada fungsi
Smoothness dan Key Color Spill Reduction.
7. Setelah semua latar belakang hijau
telah tidak kelihatan dan imej kelihatan
semulajadi, klik Close

1. Jika tetapan anda berjaya, maka imej yang terpapar akan kelihatan seakan-akan berada di
dalam latar belakang seperti yang terpapar di atas

2. Jika masih terdapat lagi kesan-kesan warna hijau, anda boleh ulangi langkah-langkah di
atas semula sehingga anda berpuas hati dengan hasil akhir anda.

3. Imej yang terpapar ini masih boleh di laras saiz dan kedudukan mengikut kehendak anda
dengan hanya Drag dengan menggunakan kursor atau Resize juga menggunakan kursor

66 Modul Multimedia Dalam PdPc STEM Abad 21


Langkah Menyimpan Hasil Video Akhir

Tutorial 6: Langkah Menyimpan Hasil Video Akhir

1. Untuk menyimpan hasil akhir video


greenscreen anda, anda hanya perlu klik
pada butang Start Recording dan minta
model anda beraksi.
2. Pastikan butang Start Recording yang anda
klik tadi berubah menjadi butang Stop
Recording, ini menunjukkan bahawa video
anda sedang direkod ke dalam komputer.
3. Pastikan juga tab REC : di bahagian bawah
kanan anda sedang bergerak dalam kiraan
menaik. Ini menunjukkan masa rakaman
anda.
4. Setelah masa merekod video mencukupi
mengikut kesesuaian anda, klik pada
butang Stop Recording
5. Pastikan juga tab REC : berhenti mengira
masa.
6. Untuk menonton kembali video yang telah
direkod sebelum ini, klik pada File dan pilih
Show Recordings.
7. Semua video yang telah direkod akan
disimpan di folder ini
*Tips : Format video yang direkod akan
disimpan didalam format .flv secara
default. Anda boleh menukar tetapan
format kepada format yang lain pada
ruangan Setting -> Output.
8. Ini merupakan Tutorial ASAS untuk
menggunakan kaedah Greenscreen
dengan menggunakan hanya beberapa
fungsi asas yang ada pada perisian OBS
Studio ini. Masih banyak lagi fungsi yang
boleh digunakan tetapi tidak dinyatakan di
dalam tutorial ini. Selain dari menyimpan
video anda secara offline (save ke dalam
komputer), anda juga boleh stream terus
video anda secara online ke Youtube atau
platform media sosial yang lain.

Membudayakan Teknologi Digital 67


BAB 6 GOOGLE CLASSROOM

Kenali Google Classroom

Google Classroom adalah merupakan aplikasi yang disediakan oleh pihak Google. Pengguna atau
organisasi yang telah mendaftar dengan Google. Google Classroom dilihat adalah merupakan
aplikasi yang lebih maju dalam menepati ciri-ciri pembelajaran Abad Ke-21. Google Classroom
juga dilihat banyak menyelesaikan masalah yang berkait dengan capaian, arahan aplikasi dan
dilihat lebih mesra pengguna.

Guru dan pelajar boleh menggunakan Google Classroom ini dengan mudah, menarik dan
berkesan. Apa yang istimewa tentang Google Classroom ini ialah aplikasi ini boleh dicapai
bukan sahaja menerusi komputer peribadi dan laptop tetapi aplikasi ini juga boleh dicapai
menerusi gajet seperti telefon bimbit sama ada yang menggunakan system operasi Android
ataupun IOS untuk Iphone mahupun Ipad.

Namun atas kemudahan yang disediakan oleh pihak Google saya terpanggil untuk berkongsi
dengan rakan-rakan pendidik supaya menggunakan teknologi ini supaya suasana proses
pengajaran dan pembelajaran di kelas menjadi suatu proses pembelajaran yang menyeronokkan
murid dan guru kerana penggunaan aplikasi ini lebih bersifat interaktif dan sentiasa ada
kolaboratif dengan pelajar dan guru.

68 Modul Multimedia Dalam PdPc STEM Abad 21


Kenali Google Classroom

Memulakan Google Classroom Menggunakan Peranti Mudah Alih

1. Pastikan anda telah mendaftar dengan akaun GMAIL.


2. Bagi pengguna sistem Android gunakan arahan Playstore manakala bagi sistem IOS
gunakan arahan Appstore.

3. Taipkan perkataan Google Classroom dan pilih aplikasi Google Classroom


4. Setelah di muat turun paparan ikon Google Classroom akan terpapar pada telefon bimbit
anda.

3
3
4

Membudayakan Teknologi Digital 69


BAB 6: GOOGLE CLASSROOM

Setting Google Classroom Menggunakan Email

1. Google Classroom perlu menggunakan email yang telah didaftarkan oleh itu anda perlu
melakukan konfigurasi seperti berikut di peranti mudah alih anda. Tekan Setting
2. Tekan Accounts

1
2

70 Modul Multimedia Dalam PdPc STEM Abad 21


Setting Google Classroom

3. Add accounts
4. Google

5. Masukkan email anda yang telah didaftarkan


6. Tekan Next
7. Masukkan kata laluan
8. Tekan Next

Membudayakan Teknologi Digital 71


BAB 6: GOOGLE CLASSROOM

9 10

9. Paparan Google Apps Device Policy akan keluar dan tekan NEXT
10. Tekan NEXT sekali lagi

11 12

11. Tekan ENFORCE


12. NEXT

72 Modul Multimedia Dalam PdPc STEM Abad 21


Memulakan Google Classroom Guru

Memulakan Google Classroom Guru

1. Tekan ikon Classroom di peranti talifon anda


2. Paparan Get Started

3. Pada Choose your role pilih IM A TEACHER bagi akaun guru.


4. Paparan No Classes Here akan terpapar selepas pilihan di buat. Tekan tanda + untuk
membina Classes yang baru.

Membudayakan Teknologi Digital 73


BAB 6: GOOGLE CLASSROOM

8
5
6
7

5. Pilih Create Class


6. Masukkan Nama Kelas di ruangan Class Name
7. Pada ruangan Section masukkan nama mata pelajaran.
8. Tekan CREATE

9. Paparan kelas yang di bina akan keluar


seperti yang ditunjukkan di sebelah.

74 Modul Multimedia Dalam PdPc STEM Abad 21


Menu Google Classroom

Menu Dalam Classroom

Menu Stream

1 Paparan yang menunjukan


STREAM semua tugasan yang akan
1 2 3 diberikan kepada pelajar
2 Paparan yang menunjukkan
STUDENTS pelajar kelas kita yang menjadi
ahli kelas yang diajar
3 Paparan berkaitan dengan
ABOUT fungsi menjemput atau Inviter
guru lain dalam kelas kita

Reuse Post adalah berfungsi


bagi guru-guru untuk post
semula tugasan yang telah
dibuat oleh guru kelas lain.
Fungsi ini berguna untuk
REUSE POST perkongsian kelas dengan
guru kelas lain. Hal ini akan
8 menjimatkan masa apabila
berlaku perkongsian bahan
PdP.
Create Qeustion berfungsi
apabila ada pelajar yang
tidak faham berkaitan
CREATE
pengajaran dan boleh
QUESTION
dibincangkan dalam kelas
bersama dengan guru dan
7
pelajar.
Berfungi untuk membina
CREATE
tugasan kepada pelajar
ASSIGMENT
dengan pelbagai cara dan
kaedah yang telah
6
ditetapkan
Berfungsi untuk guru
membuat sebarang
CREATE pengumuman penting
8 ANNAUNCEMENT kepada pelajar berkaitan
7 tugasan atau apa-apa
5
sahaja pengumuman.
6
+ UNTUK Simbol ini adalah untuk
5 MEMBINA tujuan membina tugasan,
PENGUMUMAN, pengumuman dan soalan
4
TUGASAN DAN untuk perbincangan. Jika
SOALAN tidak semua fungsi di atas
4 tidak akan boleh
dilaksanakan.

Membudayakan Teknologi Digital 75


BAB 6: GOOGLE CLASSROOM

Paparan Menu Students

1. Paparan yang terdapat dalam menu ini


ialah Class Code
2. Class Code ini akan digunakan pelajar
1 untuk menjadi ahli kelas anda. Nombor
2 Class Code ini perlu diberikan kepada
pelajar dengan dan betul.
3. Senarai nama pelajar kelas anda akan
tertera seperti berikut jika pelajar
berkenaan telah menjadi ahli kelas dengan
menggunakan Class Code yang telah
diberikan kepada pelajar.
3

Fungsi About

1. Tanda Pensil adalah untuk membuat


suntingan kepada nama kelas anda.
2. Open Folder adalah untuk melihat fail-fail
yang terdapat di dalam folder kelas anda.
1
3. Open Calendar adalah untuk melihat
aktiviti tugasan yang telah anda berikan
2 kepada pelajar.
3
4. Gambar orang adalah untuk melaksanakan
4 arahan Invited Guru-guru mata pelajaran
yang sama dengan anda.

5 5. Manakala bagi arahan ADD MATERIALS


diguanakan untuk mengedarkan bahan
edaran kepada ahli kelas anda yang akan
diambil daripada Google Drive masing-
masing.

76 Modul Multimedia Dalam PdPc STEM Abad 21


Membina Tugasan Pelajar

Membina Tugasan Pelajar

3 3

4
5

6 6
7

1. Tekan tanda +
2. Tekan Asignment
3. Pilih kelas dan pelajar (jika hanya memerlukan pelajar tertentu sahaja)
4. Taipkan tajuk tugasan
5. Taipkan arahan jika perlu
6. Tentukan tarikh dan masa luput (jika perlu)
7. Bina topik jika perlu

Membudayakan Teknologi Digital 77


BAB 6: GOOGLE CLASSROOM

7. Tekan ikon klip


8. Masukkan fail/template tugasan yang ada di Google Drive

9
8

10

9. Pilih Template tugasan yang telah


anda sediakan di dalam Google Drive
10. Tekan SELECT

TIPS
Drive Bahan yang ada dalam Drive

Link Pautan dari mana-mana laman sesawang

File Fail dari storan

YouTube Bahan dari YouTube

Take photo Mengambil gambar dari camera

Record Video Merakamkan video

78 Modul Multimedia Dalam PdPc STEM Abad 21


Membina Tugasan Pelajar

12

11

11. Setelah template tugasan dimasukkan pilih Make a copy for each student

12. Tekan SEND

13. Tugasan yang telah berjaya dihantar oleh


guru kepada pelajar

13

Membudayakan Teknologi Digital 79


BAB 6: GOOGLE CLASSROOM

Memulakan Google Classroom Students

1
2

1. Tekan ikon Classroom di peranti talifon anda


2. Paparan Get Started akan keluar

3. Pada Choose your role pilih IM A STUDENT bagi akaun pelajar.


4. Paparan Join a class by using a class code akan terpapar selepas pilihan di buat. Tekan
tanda + untuk menyertai Classes yang baru.

80 Modul Multimedia Dalam PdPc STEM Abad 21


Memulakan Google Classroom Students

5 7

5. Masukkan Class Code yang diperolehi daripada guru


6. Tekan JOIN
7. Paparan kelas yang dibuat oleh guru mata pelajar akan terpapar di telefon mudah alih
pelajar.

Membudayakan Teknologi Digital 81


BAB 6: GOOGLE CLASSROOM

Membuat Tugasan Oleh Pelajar

1. Pelajar perlu menekan pada tajuk tugasan


2. Klik pada template

4 5

3
3

3. Pelajar boleh menyiapkan tugasan secara menaip atau menggunakan kaedah Digital Ink
4. Kaedah Digital Ink boleh dilaksanakan dengan menekan simbol pensil.
5. Selesai menggunakan Digital Ink tekan ikon Disket untuk menyimpan dan sistem akan
menyimpan dalam format PDF jika menggunakan Digital Ink

82 Modul Multimedia Dalam PdPc STEM Abad 21


Memulakan Google Classroom Students

6
7
8

6. Setelah menyimpan tugasan pelajar boleh menghantar tugasan dengan menekan Ikon
HAND IN
7. Setelah dihantar sistem akan menghantar mesej DONE menandakan tugasan sudahpun
dihantar
8. Jika terdapat sebarang perubahan pada tugasan tekan ikon UNSUBMIT

Membudayakan Teknologi Digital 83


BAB 6: GOOGLE CLASSROOM

Guru Membuat Semakan Tugasan Pelajar

1 2

1. Buka tugasan di STUDENT WORK


2. Pilih pelajar untuk buat semakan tugasan dengan menekan pada ruangan DONE
3. Klik pada tugasan pelajar

4
6

4. Klik pada ikon pensil


5. Gunakan Digital Ink untuk melaksanakan penandaan
6. Tekan ikon Disket untuk simpan ke dalam format PDF

84 Modul Multimedia Dalam PdPc STEM Abad 21


Guru Membuat Semakan Tugasan Pelajar

7. Tugasan yang telah di semak akan terpapar dua fail iaitu Google Doc dan PDF
8. Tugasan pelajar juga boleh diberikan markah pencapaian pelajar tersebut.

10

10

9. Untuk menghantar tugasan pelajar yang telah disemak tandakan pada kotak nama pelajar
dan tekan ikon RETURN.
10. Tekan sekali lagi ikon RETURN

Membudayakan Teknologi Digital 85


BAB 7 PENILAIAN DALAM PDPC

Quizizz

Kenali Quizizz
Dengan slogan Get Your Students Excited About Learning Quizizz merupakan aplikasi yang patut
digunakan oleh semua guru yang inginkan muridnya teruja di dalam kelas dan akan menghadiri
kelas seterusnya dengan persiapan yang mantap. Mengapakah keadaan ini boleh berlaku?. Dari
pengalaman saya semasa menggunakan aplikasi ini di dalam kelas, saya dapati kelas saya
lebih hidup. Selepas PdPc dijalankan murid-murid saya akan memberi maklum balas esok
kelas macam ini lagi ya cikgu ! dengan senyuman yang paling manis. Saya sebagai guru pun
sangat puas hati dengan perjalanan kelas tersebut dan akan menyediakan kuiz seterusnya untuk
menilai hasil pembelajaran yang lain. Saya akan huraikan kelebihan aplikasi ini seperti dibawah.

Apabila menggunakan aplikasi ini guru dan murid mesti menggunakan sambungan internet.

Setiap murid yang turut serta akan diberi satu


mascot,. Bila mereka mula menjawab soalan
mereka akan mendengar music yang sedap
didengar dan mendapat markah dengan kata-
kata semangat. Setiap soalan yang dijawab
salah pun akan diberi maklum balas. Jadi

Menyeronokkan setiap orang!!

Guru boleh mendapatkan analisis setiap item


yang dijawab dan boleh mengesan kelemahan
pelajar seterusnya merancang tindakkan
susulan.

86 Modul Multimedia Dalam PdPc STEM Abad 21


Kenali Quizizz

Memerlukan masa yang singkat dan mudah


dalam penyediaan bahan..Guru boleh menaip
terus dan memasukkan imej jika perlu
kemudian memilih satu jawapan yang betul

Anda boleh menjadikan kuiz dalam aplikasi


Quizizz sebagai kerjarumah. Murid boleh
menjawab dengan menggunakan pelbagai
peranti yang boleh mendapat capaian internet.

Membudayakan Teknologi Digital 87


BAB 7: PENILAIAN DALAM PDPC

Jom Quizizz!

1. Buka website https://quizizz.com


2. Klik :

3. Klik :

4. Isikan semua maklumat yang dikehendaki


iaitu email, username, dan password

88 Modul Multimedia Dalam PdPc STEM Abad 21


Jom Quizizz!

5. Pilih peranan anda sebagai guru

6. Isikan poskod sekolah dan nama sekolah


anda

7. Anda boleh meletak profil diri agar kuiz


anda mudah dikenali

Membudayakan Teknologi Digital 89


BAB 7: PENILAIAN DALAM PDPC

8. Sila teruskan melengkapkan kuiz anda. Sekiranya anda ingin melengkapkan di lain masa
maka anda perlu log in menggunakan email dan password yang telah didaftarkan tadi.
Nama anda akan dipaparkan .

9. Membina Kuiz
10. Klik

11. Masukkan nama kuiz. Sebagai contoh KEBARANGKALIAN. Pilih

90 Modul Multimedia Dalam PdPc STEM Abad 21


Jom Quizizz!

12. Taipkan soalan anda di sini. Anda boleh juga memasukkan imej dengan klik
13. Anda boleh memilih font supersrcprit , subscript ,berwarna atau simbul yang banyak
digunakan dalam subjek STEM dengan klik:

Taipkan pilihan jawapan soalan di bahagian ini.

14. Anda boleh upload imej dari computer atau dari web. Klik di sini dan cari gambar/imej yang
anda hendak masukkan kedalam soalaan didalam computer anda.

Membudayakan Teknologi Digital 91


BAB 7: PENILAIAN DALAM PDPC

15. Contoh soalan kuiz untuk kebarangkalian. Tetapan sedia ada untuk menjawab kuiz dalam
tempoh 30 saat. Anda boleh mengubah mengikut tahap dan masa dari 5 saat hingga 15
minit dengan klik

16. Klik jawapan yang betul di situ


17. Untuk menambah soalan klik . Ulang sehingga bilangan soalan mencukupi
untuk jadikan sebuah quiz dan peruntukkan masa menjawab semasa PdPc.
18. Anda juga boleh menambah soalan dengan mencari soalan pada petak carian
Pilih soalan yang sesuai dengan

tajuk yang anda bina dan klik tanda . Setelah siap klik

92 Modul Multimedia Dalam PdPc STEM Abad 21


Jom Quizizz!

19. Tetapkan Grade Range matapelajaran. Setelah siap klik

20. Untuk mendapatkan code Quizizz, klik jika ingin menjalankan kuiz secara
langsung atau Klik jika ingin menjadikan kuiz sebagai kerja rumah.

21. Klik untuk meneruskan .

Membudayakan Teknologi Digital 93


BAB 7: PENILAIAN DALAM PDPC

22. Berikan code ini kepada pelajar dan kongsikan url www.quizizz.com

23. Bilangan murid dalam kelas mesti sama dengan . Klik


Setiap murid yang mengambil bahagian akan mendapat avatar masing-masing.

24. Anda hendaklah klik bila semua murid telah habis menjawab.

94 Modul Multimedia Dalam PdPc STEM Abad 21


Jom Quizizz!

25. Setelah murid memasuki laman web www.quizizz.com klik . Taip nama
murid dan klik Join Game. Pelajar akan mendapat paparan dibawah

Membudayakan Teknologi Digital 95


BAB 7: PENILAIAN DALAM PDPC

26. Anda juga boleh mendapat analisis dalam bentuk Ms. Excel dengan klik pada
Jika anda hendak membuat analisis item boleh lihat
Guru boleh membuat kelas pemulihan atau pengayaan dengan melihat analisis item yang
disediakan.

Contoh paparan dan score pelajar-pelajar yang menjawab soalan Quizizz.

Semua kuiz yang anda pernah lancarkan akan boleh ada satu report.

96 Modul Multimedia Dalam PdPc STEM Abad 21


Formative

Formative

Kenali Formative
Formative adalah aplikasi online percuma yang disediakan khas untuk guru dan
murid. Dalam pembelajaran aspek penilaian amat penting untuk mengukur tahap
kefahaman murid tentang sesuatu topik yang telah diajar. Seterusnya menyemak
tugasan yang diberikan secara real time. Sila layari goformative.com untuk login
Sistem ini membolehkan pengguna untuk :

Jenis-jenis Tugasan dalam Formative


Formative menyediakan empat pilihan tugasan atau latihan yang mana guru dapat memantau
kemajuan secara real time.


Tunjukkan
Soalan
Jalankerja
Aneka
(Papan
Pilihan
digital)

Jawapan Benar /
ringkas Palsu

Membudayakan Teknologi Digital 97


BAB 7: PENILAIAN DALAM PDPC

Panduan Guru Memulakan Formative (Tugasan Respons Terbuka Panjang)

Platform Formative tersedia khususnya bagi guru-guru menyediakan tugasan kepada murid
sama ada sebagai kerja rumah atau latihtubi secara online. Rujuk Panduan Memulakan Formative
dan menyediakan tugasan di bawah;

1 Browser Google Chrome 2 Layari goformative.com

3 4

3 Sign In With Google 4 Gunakan akaun gmail atau yes.my

5
7
6

5 Menaip password email 7 Klik New Folder


6 Klik Next

10
9

8 Menamakan folder 10 Klik Folder


9 Klik Save

98 Modul Multimedia Dalam PdPc STEM Abad 21


Formative

12

11
13

11 Memulakan tugasan, klik 12 Menaip nama tugasan


Assignment 13 Klik Add Content

16
15
14

14 Klik Image 15 Menaip panduan tugasan


16 Klik untuk memuat naik imej
17

19

18
20

17 Memilih fail dari komputer 19 Paparan Imej yang dimuat naik


18 Klik Open dan memuat naik 20 Klik Add Question untuk
imej menyediakan soalan

22

21
23

21 Klik Show Your Work 22 Menaip arahan soalan


23 Menaip skor markah penuh

Membudayakan Teknologi Digital 99


BAB 7: PENILAIAN DALAM PDPC

24 25

24 Klik Assign 25 Klik Everyone

26

Video Panduan Guru


Memulakan Fomative
26 Sistem menjana kod tugasan.
Guru berikan kod tugasan
kepada murid.

Panduan Murid Menjawab Tugasan Formative (Soalan Respons Terbuka)

Platform Formative boleh diakses menggunakan telefon pintar bagi membolehkan murid-murid
menghantar tugasan online dari rumah.

1 Klik Google Chrome 2


3 Tekan Kekunci Go

100 Modul Multimedia Dalam PdPc STEM Abad 21


Formative

5
4 Taip kod tugasan 6 Klik Login with Google

5 Tekan kekunci Go

6 Klik Use another account 7 Klik Add account

8 Taip akaun 10 Klik Accept


9 Klik Next

Membudayakan Teknologi Digital 101


BAB 7: PENILAIAN DALAM PDPC

11

13

12
11 Taip id yes dan Password 13 Klik akaun
12 Tekan kekunci Go

15

14

14 Klik Student 15 Taip butiran murid

16

17

16 Klik Sign in with Google 17 Paparan dashboard murid

102 Modul Multimedia Dalam PdPc STEM Abad 21


Formative

18
19

18 Klik Ikon Image untuk 19 Klik Ikon Kamera untuk


muatnaik gambar latihan snap gambar
murid

20

21

20 Snap gambar latihan 21 Gambar berjaya dimuatnaik


bertulis ke papan digital

23

22

22 Klik Submit untuk hantar 23 Notifikasi tugasan telah


tugasan dihantar. Logout

Video Panduan Murid Menjawab Tugasan Fomative

98

Membudayakan Teknologi Digital 103


BAB 7: PENILAIAN DALAM PDPC

Panduan Guru Menyemak Tugasan Formative (Soalan Respons Terbuka)

Platform Formative tersedia khususnya bagi guru-guru menyemak tugasan murid seterusnya
memberikan markah berdasarkan jawapan yang dihantar oleh murid

2
1

Menggunakan browser 2 Taip goformative.com


1
Google

3 Klik Login 4 Klik Sign in with Google

5 7

8
6

5 Taip id guru gmail 7 Taip password gmail


6 Klik Next 8 Klik Next

9 10

9 Klik Folder Tugasan 10 Klik untuk semak Tugasan

104 Modul Multimedia Dalam PdPc STEM Abad 21


Panduan Guru Menyemak Tugasan Formative

12

11

11 Klik Live Results 12 Nombor Soalan

13 14

13 Klik Gambar Carakerja 14 Klik Zoom untuk paparan


Murid lebih besar

15
16
17

15 Paparan besar untuk 16 Skrol ke bawah. Gerakkan


menyemak jawapan slider markah.
17 Klik Show Feedback

20
18 19

18 Taip komen guru 20 Klik X untuk tutup


19 Klik Submit

Membudayakan Teknologi Digital 105


BAB 7: PENILAIAN DALAM PDPC

22

21
23

21 Selesai menyemak 22 Klik Export untuk muat


jawapan turun rumusan
23 Fail rumusan markah

25
24

24 Klik untuk Logout 26 Selesai

25 Logout

Video Panduan Guru Menyemak Tugasan Fomative

106 Modul Multimedia Dalam PdPc STEM Abad 21


Plickers

Plickers

Kenali Plickers

Plickers (Clickers Paper), adalah alat penilaian masa nyata yang


membolehkan anda membuat tinjauan terhadap kelas anda tanpa
memerlukan peranti pelajar. Mengimbas kad pelajar dengan
aplikasi Plickers, guru-guru mendapat maklum balas segera pada
pelajaran mereka. Kedua-dua interaktif dan tanpa nama, Plickers
adalah aktiviti pelajar menikmati dan berasa selesa menyertai.

Membudayakan Teknologi Digital 107


BAB 7: PENILAIAN DALAM PDPC

1. Cartalir Umum

MULA

SIGN UP PLICKERS (email)


SETUP KELAS
TAMBAH NAMA SETIAP KELAS
BINA SOALAN
ADD TO QUEUE SOALAN PADA KELAS

INSTALL APPS PLICKERS DI HANDPHONE


MELALUI PLAY STORE
SIGN IN PLICKERS (email)
PILIH KELAS
PILIH SOALAN

SOALAN PILIHAN DIPAMER PADA LCD

SCAN KAD PADA PELAJAR MENGGUNAKAN


HANDPHONE

JAWAPAN DAN BILANGAN PELAJAR YANG


MENJAWAB DIPAMER PADA LCD

TAMAT

108 Modul Multimedia Dalam PdPc STEM Abad 21


Cartalir Sign Up & Setup Pelajar

2. Cartalir Sign Up & Setup Pelajar

MULA

https://www.plickers.com

SIGN UP
MASUKKAN NAMA,
EMAIL, PASSWORD

SIGN UP TIDAK
BERJAYA
?

Y
A
TAMBAH KELAS

FROG MASUKKAN PELAJAR APDM

TAMAT

Membudayakan Teknologi Digital 109


BAB 7: PENILAIAN DALAM PDPC

3. Sign Up Plickers

A Bagaimana untuk Sign Up

1. Pada url taip https://www.plickers.com/

2. Klik butang
3. Penuhkan maklumat di bawah.

110 Modul Multimedia Dalam PdPc STEM Abad 21


Sign Up Plickers

4. Klik butang
5. 5. Paparan di bawah akan dipamerkan.

6. Klik butang untuk melihat info pada menu atau tekan x untuk tutup info.

Membudayakan Teknologi Digital 111


BAB 7: PENILAIAN DALAM PDPC

7. Selesai sign up paparan di bawah akan dipamerkan dan nama anda akan dipamerkan
disebelah kanan menu.

Sekiranya Sign up berjaya nama yang anda daftarkan akan dipamerkan pada menu utama.

112 Modul Multimedia Dalam PdPc STEM Abad 21


Tambah Kelas

4. Tambah Kelas

1. Untuk menambah kelas klik butang .

Pop Up menu seperti di bawah akan dipamerkan dan penuhkan maklumat pada ruangan
yang disediakan.

Klik Butang

Membudayakan Teknologi Digital 113


BAB 7: PENILAIAN DALAM PDPC

Kelas yang anda masukkan tadi akan dijana dan dipaparkan seperti di bawah. Contohnya kelas
1 TAAT. Seterusnya anda perlu memasukkan nama pelajar dalam kelas tersebut.

Terdapat 2 cara untuk menambah pelajar di dalam kelas.

1. Tambah seorang demi seorang.


2. Copy paste senarai nama dari excell.

Kaedah 1 - Tambah seorang demi seorang. Anda tidak digalakkan menggunakan kaedah ini
kerana mengambil masa untuk menaip nama setiap pelajar. Anda boleh menggunakan cara ini
sekiranya ingin menambah pelajar baru dalam kelas.
Pada ruangan yang disediakan taip nama pelajar, tekan enter.

Nama pelajar yang dimasukkan akan dipamerkan dan ulang langkah untuk pelajar seterusnya.

114 Modul Multimedia Dalam PdPc STEM Abad 21


Tambah Kelas

Kaedah 2 - Copy paste senarai nama pelajar dari excel.

Ada beberapa cara untuk mendapatkan senarai nama pelajar disekolah:

(a) Data APDM

(b) Data Frog VLE

Anda boleh mendapatkan data pelajar diatas melalui guru admin yang dilantik di sekolah.

Membudayakan Teknologi Digital 115


BAB 7: PENILAIAN DALAM PDPC

Dengan menggunakan data APDM saya akan tunjukkan cara untuk memasukkan nama pelajar
ke dalam kelas, dalam contoh ini saya akan masukkan pelajar 1 TAAT. Buka fail excell, pilih
sheet 1 TAAT , pilih semua nama pelajar. Untuk copy klik butang kanan mouse pilih copy atau
tekan Ctrl + C.

Untuk paste data pelajar kelas 1 TAAT klik .

Paparan popup di bawah akan dipamerkan.

Paste data
Tampal nama pelajar di sini (Ctrl+V)

116 Modul Multimedia Dalam PdPc STEM Abad 21


Tambah Kelas

Rajah di bawah merupakan data pelajar selepas anda paste, seterusnya klik butang ,
nama pelajar dan nombor kad plickers akan dipamerkan.

Rajah di atas menunjukkan , ADLIN (Kad 1), AINNURUL (Kad 2), AISYAH (Kad 3), AMNA (Kad 4)
dan seterusnya mengikut susunan abjad menaik.

Membudayakan Teknologi Digital 117


BAB 7: PENILAIAN DALAM PDPC

5. Cetak Kad

Pada menu utama klik .

Untuk mencetak kad terdapat lima pilihan,


Standard (40 cards), Expanded (63 cards) ,
Large Font (40 cards), Large Cards (40 cards),
Large Cards Expanded (63 cards).

118 Modul Multimedia Dalam PdPc STEM Abad 21


Cetak Kad

Rajah di bawah merupakan contoh kad selepas dicetak.

Petunjuk:

1 Nombor kad

A, B, C, D Pilihan jawapan

Sekiranya pelajar memegang kad seperti kedudukan di atas maka pilihan jawapan pelajar 1
adalah B.

Membudayakan Teknologi Digital 119


BAB 7: PENILAIAN DALAM PDPC

6. Bina Soalan

Pada menu utama klik , klik .

Sila tuliskan soalan serta pilihan jawapan dan pastikan check mark jawapan yang betul pada
check box.

Klik butang , soalan yang anda taip akan dipaparkan.

120 Modul Multimedia Dalam PdPc STEM Abad 21


Bina Soalan

Apakah perbezaan fungsi dengan fungsi ?

Selepas klik , soalan akan di pamerkan dan anda perlu klik

untuk membuat soalan baru.

Tetapi dengan butang anda boleh menaip beberapa soalan tanpa perlu

menekan butang .

Membudayakan Teknologi Digital 121


BAB 7: PENILAIAN DALAM PDPC

7. Cara Menggunakan Plickers Di Kelas

Pada menu utama klik , jika soalan di dalam folder, double klik folder. Rajah
di bawah merupakan soalan yang terletak di dalam folder Asas Sains Komputer. Proses ini anda
lakukan pada komputer atau laptop anda.

Untuk memaparkan soalan kepada pelajar di dalam kelas anda, anda perlu lakukan proses
ini untuk semua soalan. Setelah selesai memilih soalan untuk setiap kelas anda telah boleh
menggunakan plickers. Sila Sign in plickers di telefon anda.

122 Modul Multimedia Dalam PdPc STEM Abad 21


Telefon Bimbit

8. Telefon Bimbit

Lakukan proses ini di telefon bimbit anda.

Soalan ini telah sedia untuk dipamerkan kepada


pelajar di LCD Projector.

Membudayakan Teknologi Digital 123


BAB 7: PENILAIAN DALAM PDPC

Rajah di bawah merupakan paparan pada LCD Projector.

Untuk scan kad pelajar klik pada telefon bimbit anda.

Senarai nama pelajar akan dipamerkan pada


skrin telefon anda, plickers akan merakam
jawapan pelajar secara automatik, terdapat
counter di sebelah penjuru kanan telefon
anda untuk mengira bilangan pelajar yang
telah menjawab soalan.

124 Modul Multimedia Dalam PdPc STEM Abad 21


Telefon Bimbit

Paparan pada LCD Projector pelajar yang telah menjawab soalan ditanda dengan .

Membudayakan Teknologi Digital 125


BAB 7: PENILAIAN DALAM PDPC

9. Laporan

126 Modul Multimedia Dalam PdPc STEM Abad 21


EDpuzzle

EDpuzzle

Kenali EDpuzzle

Video merupakan bahan multimedia yang


selalu digunakan dalam PdPc. Video digunakan
sebagai medium penyampaian untuk set
induksi ataupun bahan pengukuhan konsep
dan fakta.

Video merupakan bahan multimedia linear iaitu bersifat sehala. Guru menayangkan video
seterusnya murid sebagai penonton. Murid tidak boleh berinteraksi dengan video yang ditonton.

Adakah video tersebut dapat memberikan impak yang diharapkan untuk mencapai objektif
dalam PdPc? Bagaimanakah memanfaatkan video agar dapat digunakan sebagai bahan
pembelajaran yang lebih bersifat interaktif atau secara dua hala?

Selain itu terdapat kekangan masa dan kemahiran untuk menghasilkan video. Walaupun terdapat
video yang sesuai dengan isi kandungan pembelajaran di laman Youtube, sebaliknya murid
kurang memahami bahasa penyampaian yang digunakan.

EDpuzzle dapat menjawab persoalan di atas. Ia merupakan video platform yang mudah
digunakan dan bersifat interaktif.

Membudayakan Teknologi Digital 127


BAB 7: PENILAIAN DALAM PDPC

Banyak yang anda boleh buat dengan EDpuzzle

Search Video

Upload

Crop

Record

Embed Quizzes

Get beautiful, hassle-free student reports

Let your Student learn by doing

More meaningful time in the classroom

Join a community of teacher like you

128 Modul Multimedia Dalam PdPc STEM Abad 21


Daftar EDpuzzle

Mendaftar Akaun Edpuzzle

1 4

Layari laman web EDpuzzle Langkah seterusnya daftarkan dan nama


sekolah

Klik pada logo Teacher untuk mendaftar


Add new School untuk menambah nama
TIPS: Daftarkan akaun Edpuzzle menggunakan sekolah anda
gmail anda boleh hubungkan dengan Google
Classroom.

Masukkan lokasi sekolah anda


Teruskan dengan klik pada butang ALLOW

Membudayakan Teknologi Digital 129


BAB 7: PENILAIAN DALAM PDPC

Laman Utama EDpuzzle

A. Search
B. My Content

A B C D E F C. My Classes
D. Share
E. User Account
F. Log Out

(A) Search
5

4
1

3
2

1. Akaun My School
2. Carian video dari laman web umum
3. Hasil carian video
4. Muat naik video karya sendiri
5. Bar carian

130 Modul Multimedia Dalam PdPc STEM Abad 21


EDpuzzle

(B) My Content

2 3 4

1 Karya yang dihasilkan sendiri menggunakan EDpuzzle

1 Kongsikan video sebagai tugasan Menguruskan video untuk disimpan


2 Pada folder tertentu

Klik pada video dan kongsikan video Klik pada video dan kongsikan video

Klik untuk simpan video di dalam


folder

Membudayakan Teknologi Digital 131


BAB 7: PENILAIAN DALAM PDPC

Sama seperti (A) dan (B)

Muat naik video (maksimum 1GB) atau seret fail

Sama seperti 2

132 Modul Multimedia Dalam PdPc STEM Abad 21


Proses Menghasilkan Video Interaktif EDpuzzle

Proses Menghasilkan Video Interaktif EDpuzzle

Menggunakan Crop

1 3

Langkah yang seterusnya untuk menghasilkan Pada platform ini, anda boleh menyunting
video pembelajaran. Anda boleh dapatkan video. Terdapat 4 tool iaitu
video dari sumber berikut

Youtube, Edpuzzle atau lain-lain laman


web
Memuat naik video karya sendiri

2 4

Taip pada search tajuk video yang anda ingin Crop membolehkan anda memilih bahagian
gunakan. Contoh : Pembahagian melibatkan tertentu video yang dikehendaki sahaja.
anu

Kemudian klik

Membudayakan Teknologi Digital 133


BAB 7: PENILAIAN DALAM PDPC

Seret ke kanan dan seret ke kiri pada timeline untuk memilih bahagian tertentu pada video

Platform Dan Fungsi Crop

Fungsi crop membolehkan anda memilih bahagian tertentu pada video

Play Klik untuk mainkan video

Pause Klik untuk henti mainkan video

Time start Seret ke kanan untuk tetapan masa mula video

Time end Seret ke kiri untuk tetapan masa akhir video

Logo ini menunjukkan fungsi crop pada timeline


Crop timeline
sedia digunakan

Klik untuk simpan sebarang perubahan suntingan


yang dibuat.

Klik untuk publish video

134 Modul Multimedia Dalam PdPc STEM Abad 21


Platform Dan Fungsi Crop

Platform Dan Fungsi Crop

Fungsi Audio Track membolehkan suara anda dirakam pada keseluruhan video. Contohnya
anda ingin mengubah audio asal video dalam bahasa Inggeris kepada bahasa Melayu.

Audio Recording Klik untuk mula merakam suara

Pause Recording Klik untuk henti merakam suara

Klik untuk mainkan video, akan bergerak pada


timeline
Play

Stop Klik untuk henti mainkan video

Klik untuk memadam semua rakaman suara pada


timeline

Klik untuk memadam rakaman suara yang


terakhir pada pada timeline

Hanya rakaman suara yang terakhir sahaja akan


dipadam

Tutorial untuk membantu anda merakam suara

Suara perlu dirakam dari mula sehingga akhir


video

Membudayakan Teknologi Digital 135


BAB 7: PENILAIAN DALAM PDPC

Menggunakan Audio Track

1 3

Klik pada untuk merakam suara Klik pada untuk membantu anda
membuat rakaman audio.
TIPS: Gunakan earphone untuk audio yang
lebih jelas

Selain itu terdapat fungsi untuk Reset atau Pastikan rakaman audio dibuat dari mula
buang (Remove) rakaman audio yang telah sehingga tamat video.
dibuat.

136 Modul Multimedia Dalam PdPc STEM Abad 21


Platform Dan Fungsi Audio Notes

Platform Dan Fungsi Audio Notes

Berbeza dengan fungsi Audio Track, fungsi Audio Notes membolehkan suara anda dirakam dan
dimainkan pada ketika masa yang dipilih.

Play Klik untuk mainkan video

Pause Klik untuk henti mainkan video

Record Audio Note Klik untuk rakam suara

Stop Record Audio Klik untuk henti rakam suara

Logo ini menunjukkan suara atau Audio Note


Audio Note
siap dirakam

Klik untuk memadam semua Audio Notes


pada timeline

Klik untuk memadam Audio note yang


terakhir pada pada timeline

Klik untuk simpan sebarang perubahan


suntingan yang dibuat.

Klik untuk publish video

Membudayakan Teknologi Digital 137


BAB 7: PENILAIAN DALAM PDPC

Menggunakan Audio Notes

1 3

Seret pada timeline untuk memilih masa menunjukkan audio telah dirakam.
Audio Note akan dimainkan.

Klik untuk merakam suara.

2 4

Untuk berhenti merakam audio klik Selain itu terdapat fungsi untuk buang
(Remove) semua nota (all new notes) atau nota
terakhir (the last note) pada timeline.

Anda boleh menambah sebanyak mana


rakaman untuk Audio Notes.

138 Modul Multimedia Dalam PdPc STEM Abad 21


Platform Dan Fungsi Quizzes

Platform Dan Fungsi Quizzes

Tetapan Soalan Respon Terbuka

A B A. Jenis soalan soalan respon terbuka,


soalan respon tertutup dan komen
B. Tambah soalan
F E D C C. Delete buang soalan
D. Masukkan rumus
E. Masukkan link atau gambar
F. Tetapan font

Tetapan Soalan Respon Tertutup

A. Tetapan untuk jawapan benar


B. Tetapan untuk jawapan salah
A
C. Tambah jawapan
D. Simpan soalan

C
D

Membudayakan Teknologi Digital 139


BAB 7: PENILAIAN DALAM PDPC

Fungsi Lain Yang Terdapat Pada Quizzes

Antara fungsi lain yang terdapat pada Quizzes ialah memasukkan

1 Formula matematik.

Gambar, saiz gambar yang dicadangkan 300 x 225 pixel


2

Pautan atau link


3

140 Modul Multimedia Dalam PdPc STEM Abad 21


Menggunakan Quizzes

Menggunakan Quizzes

1 3

Quizzes membantu guru menilai kefahaman Contoh soalan kuiz untuk pelbagai jawapan
murid

Ubah kedudukan pada timeline untuk


memilih masa kuiz akan dipaparkan.

Klik untuk masukkan kuiz. Kemudian pilih


format dan sunting soalan kuiz.

2 4

Sunting soalan pada platform sebelah kanan. Soalan kuiz siap disunting

Membudayakan Teknologi Digital 141


BAB 7: PENILAIAN DALAM PDPC

Menerbitkan Video

1 3

Klik kemudian klik Pada bahagian Superpowers anda boleh


menggunakan tetapan untuk

A. Prevent Skipping menghalang murid


2 melangkaui soalan (skip) video. Ikon
akan muncul pada timeline menunjukkan
tetapan ini telah dipilih

B. menerbitkan video sebagai tugasan


dan menetapkan tarikh mula dan akhir
tugasan.
Anda perlu mewujudkan kelas (create class).

Klik Add class dan namakan kelas anda 4

Klik button Send dan video interaktif sedia


digunakan

142 Modul Multimedia Dalam PdPc STEM Abad 21


Kenali H5P

Kenali H5P

SKOP:

Bagaimana memperkaya video Youtube yang telah dihasilkan


dengan interaksi menggunakan plugin H5P.

H5P? Ia adalah kependekan kepada HTML5 Packages. Ia adalah


SUMBER TERBUKA PERCUMA dan bertindak sebagai rangka
kerja kerjasama kandungan (content collaboration framework).

KEPERLUAN:

1. Video yang telah siap dimuatnaik di laman Youtube.


2. Wordpress yang dipasang pada domain.
3. Plugin H5P Interactive Video.
4. Sekiranya keperluan nombor 2 tidak dapat dipenuhi, sila rujuk keperluan 5 atau 6.
ATAU,
5. Menggunakan platform Vizia (vizia.co)

KANDUNGAN:

1. Memasang plugin H5P dengan Wordpress


2. Plugin H5P dalam Wordpress dengan percuma (tanpa domain)
3. Plugin H5P dalam Wordpress dengan domain (menyokong plugin H5P)

Contoh video Youtube yang diperkaya Contoh video Youtube yang diperkaya
dengan H5P dalam Wordpress dengan H5P dalam Drupal

Membudayakan Teknologi Digital 143


BAB 7: PENILAIAN DALAM PDPC

Kenali H5P

H5P

Adalah singkatan kepada HTML5 Packages.

Ia adalah sumber terbuka percuma dan bertindak sebagai framework kandungan.

Antara jenis kandungan interaktif yang boleh digunakan daripada plugin H5P:

1. Permainan Memori (Memory Game)


2. Persembahan Kursus (Course Presentation)
3. Video Interaktif (Interactive Video)
4. Hotspot Imej (Image Hotspot)

Sumber: https://h5p.org/content-types-and-applications

Plugin H5P boleh dipasang pada framework:

144 Modul Multimedia Dalam PdPc STEM Abad 21


Kenali H5P

1. Contoh penggunaan plugin H5P pada laman web berasaskan Drupal boleh dilihat seperti
di bawah.
2. Contoh di bawah menggunakan H5P Video Interaktif ke atas video yang telah aktif berada
dalam Youtube.

3. Video akan berhenti dan penonton video perlu menekan [Klik sini untuk Pop Kuiz].
4. Soalan kuiz akan dipaparkan, penonton perlu menjawab soalan sebelum menonton
sambungan video.

Membudayakan Teknologi Digital 145


BAB 7: PENILAIAN DALAM PDPC

Jom H5P : Wordpress tanpa domain

1. Buka dashboard Wordpress melalui backend yang berakhir dengan /wp-admin. dan tekan
[Login].

2 3
5

2. Pada menu navigasi, klik [Plugins].


3. Tekan butang [Add] pada menu Configure Plugins.
4. Taipkan H5P dalam kotak carian [Search Plugins].
5. Klik hasil carian [Interactive Content H5P].

Limitasi:
6. Untuk Wordpress yang dipasang tanpa domain (contoh: namablog.wordpress.com), menu
[Add plugins] tidak boleh dilaksanakan.
7. Kandungan Wordpress perlu diletakkan dalam domain anda sendiri. (contoh: namablog.
edu.my, namablog.com, namablog.net.

146 Modul Multimedia Dalam PdPc STEM Abad 21


Jom H5P : Wordpress tanpa domain

1. Buka dashboard Wordpress melalui backend yang berakhir dengan /wp-admin. dan tekan
[Login].
2. Tekan Plugins [Add New].

3. Tekan butang [Install Now] pada plugin Interactive Content H5P.

Membudayakan Teknologi Digital 147


BAB 7: PENILAIAN DALAM PDPC

4. Tekan butang [Activate].

5. Setelah mengaktifkan plugin, klik [H5P Content] pada bar navigasi dan klik [Add New].

148 Modul Multimedia Dalam PdPc STEM Abad 21


Jom H5P : Wordpress tanpa domain

6. Taip video sebagai kata kunci dalam carian [content type].


7. Pilih [Interactive Video] dan tekan butang [Use].

8. Terdapat tiga (3) langkah dalam menetapkan kuiz ke atas video Youtube.
9. Masukkan nama video di petak [Enter title here].

Membudayakan Teknologi Digital 149


BAB 7: PENILAIAN DALAM PDPC

Langkah 1:
10. Tampal URL video stem yang telah berada di Youtube.
11. Tekan butang [Insert].

Langkah 2:
12. Terdapat beberapa ikon di bar menu. Untuk modul ini, anda akan diberi contoh bagaimana
kita hendak memapar soalan menggunakan ikon
[Single Choice Set].

13. Tetapkan masa soalan keluar [Display time].


Tandakan [/] pada checkbox Pause video.

150 Modul Multimedia Dalam PdPc STEM Abad 21


Jom H5P : Wordpress tanpa domain

14. Masukkan label: Klik sini untuk papar soalan kuiz.

15. Masukkan soalan (bergantung kepada jenis video anda).

16. Masukkan jawapan kepada petak [Alternative].


17. Jawapan hendaklah dimasukkan ke petak alternatif yang pertama.
18. Secara default, terdapat dua pilihan jawapan. Tekan butang [Add answer] untuk menambah
pilihan jawapan.

Membudayakan Teknologi Digital 151


BAB 7: PENILAIAN DALAM PDPC

19. Tekan butang [Done].

20. Untuk menyimpan video yang telah diperkaya dengan soalan interaktif, tekan butang
[Create].

21. Cipta artikel baharu. Tekan [Add New Post].


22. Masukkan tajuk artikel.
23. Tekan butang [Add H5P].

24. Pilih video yang telah diperkaya dengan H5P. Tekan butang [Insert].

152 Modul Multimedia Dalam PdPc STEM Abad 21


Jom H5P : Wordpress tanpa domain

25. Tag [h5p id=1] akan dipapar secara automatik dalam ruangan cipta artikel.

26. Tekan butang [Publish] untuk menyimpan dan menerbitkan artikel.

27. Contoh paparan video Youtube yang diperkaya dengan H5P atas platform Wordpress.

Membudayakan Teknologi Digital 153


BAB 7: PENILAIAN DALAM PDPC

28. Untuk melihat respon penonton, masuk Dashboard Admin, dan klik [H5P Content].
29. Tekan [Results].

30. Pengguna perlu login masuk ke platform Wordpress supaya skor kuiz boleh disimpan dalam
pangkalan data laman web.

154 Modul Multimedia Dalam PdPc STEM Abad 21


Vizia

Vizia

Kenali Vizia

1. Buka url https://vizia.co/ dan tekan [Login].

2. Sekiranya anda belum mencipta akaun Vizia, tekan [Create an account].


3. Atau anda boleh menggunakan akaun Gmail anda untuk login. Tekan
[Sign in with Google].

Membudayakan Teknologi Digital 155


BAB 7: PENILAIAN DALAM PDPC

4. Selepas login, halaman [Add a New Video] akan dipaparkan. Letakkan URL video Youtube
di sini.

5. Salin URL dari Youtube dan tampalkan seperti rajah di atas. Tekan butang [Continue].

6. Paparan selepas video Youtube berjaya dipautkan. Secara default, video ini boleh dilihat
semula dalam [My Videos].

156 Modul Multimedia Dalam PdPc STEM Abad 21


Jom Vizia

Jom Vizia

7. Menu [Add interaction] berada di bawah video secara default. Masa yang ditunjukkan
menunjukkan saat atau minit ke berapa interaksi akan dipaparkan.
8. Terdapat empat (4) jenis interaksi yang disediakan dalam aplikasi Vizia:
Quiz
Poll
Response
Call-To-Action

9. Pilih saat/minit untuk ditayangkan interaksi (kuiz). Kemudian tekan [Quiz].

Membudayakan Teknologi Digital 157


BAB 7: PENILAIAN DALAM PDPC

10. Taip soalan dan masukkan pilihan jawapan. Tekan butang [Save].

11. Sekiranya soalan tersebut hendak dikemaskini, klik indikator putih berbentuk bulat pada
bar navigasi di bawah ini. Kemudian tekan [Edit].
12. Untuk menghapuskan soalan interaksi, tekan [Delete].

158 Modul Multimedia Dalam PdPc STEM Abad 21


Uji Diri

Uji Diri

13. Untuk melihat contoh soalan (pratonton), sila tekan [Preview]. Video pratonton akan dibuka
melalui tab yang baharu [New tab].
14. Untuk membenam video interaktif dalam blog, laman web atau dashboard/laman VLE Frog,
salin kod HTML dalam kotak [Embed] dan tampalkan ke dalam artikel atau post yang baharu.
15. Sebagai contoh, untuk membenam video ke dalam Wordpress, buka Dashboard Admin dan
cipta artikel baharu [Posts > Add New].

Membudayakan Teknologi Digital 159


BAB 7: PENILAIAN DALAM PDPC

16. Untuk melihat contoh soalan (pratonton), sila tekan [Preview]. Video pratonton akan dibuka
melalui tab yang baharu [New tab].
17. Untuk membenam video interaktif dalam blog, laman web atau dashboard/laman VLE Frog,
salin kod HTML dalam kotak [Embed] dan tampalkan ke dalam artikel atau post yang baharu.

18. Sebagai contoh, untuk membenam video ke dalam blog, buka blogger dan cipta artikel
baharu [Posts > Add New].
19. Pastikan mode HTML telah dipilih.
20. Tampal kod HTML dari Vizia dan tekan [Publish].

160 Modul Multimedia Dalam PdPc STEM Abad 21


Uji Diri

21. Paparan interaktif akan muncul pada minit yang telah ditetapkan.
22. Untuk melihat contoh video di atas, sila imbas kod QR di sebelah.

23. Untuk melihat jawapan (response), login Vizia dan klik [My Videos].

24. Guru boleh melihat respon pelajar berkaitan video yang dilihat.

Membudayakan Teknologi Digital 161


Guru-guru pakar dalam bidang ICT dan STEM telah berkongsi pengalaman mereka cara
menggunakankan aplikasi yang mereka guna semasa dalam PdPc. Gabungan ini telah
menghasilkan beberapa kaedah yang boleh diketengahkan menerusi penggunaan peranti
pintar atau telefon pintar yang digunakan secara meluas.

Modul ini menggabungkan beberapa idea bagaimana guru-guru boleh mencipta


persekitaran pembelajaran yang interaktif, komuniktif dan efektif menerusi penggunaan
ICT dalam dan luar bilik darjah.

Tajuk-tajuk yang sesuai dimuatkan dalam modul ini membantu guru mengoptimumkan
masa PdPc dengan menjimatkan masa penyediaan Bahan Bantu Mengajar.

Selain itu, modul ini telah menekankan penggunaan telefon bimbit Yes Altitude sebagai
peranti yang boleh dimanfaatkan oleh guru untuk melancarkan proses PdPc STEM.

Aplikasi yang digabungkan dalam modul ini juga merupakan aplikasi yang percuma dan
mesra pengguna. Guru diberi kemahiran langkah demi langkah untuk menggunakan setiap
aplikasi yang sarankan.

Sila imbas QR Code di sebelah untuk


menonton himpunan video tutorial

ISBN 978-967-13839-1-9

Kementerian Pendidikan Malaysia


Bahagian Pengurusan Sekolah Berasrama Penuh
dan Sekolah Kecemerlangan
Aras 3, Blok 2251, Jalan Usahawan 1,
63000 Cyberjaya, Selangor Darul Ehsan.

Anda mungkin juga menyukai