8/17/2019 Membina Site Frog VLE

1/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

1

8/17/2019 Membina Site Frog VLE

2/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

2

L NGK H MUD H MEMBIN SITE

D L M FROG VLE

LANGKAH 1 :

Klik pada icon Resource Manager.

LANGKAH 2 :

Klik My Sites, kemudian New Site.

8/17/2019 Membina Site Frog VLE

3/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

3

LANGKAH 3 :

Isikan maklumat tentang site yang ingin dibina.

LANGKAH 4 :

Pilih theme dan icon yang bersesuaian dengan site anda.

LANGKAH 5 :

Langkah ini anda boleh skip. Terus klik pada butang Create Site.

8/17/2019 Membina Site Frog VLE

4/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

4

LANGKAH 6 :

Anda telah berjaya membina satu site. Langkah seterusnya adalah untuk mengubah layout 

site anda dan megisi bahan pengajaran di dalamnya.

Untuk pilih layout, Klik butang Edit di penjuru kiri site. Terdapat 3 tab di sana iaitu Layout,

Widget dan Setting.

Klik Tab Layout dan pilih mana yang sesuai mengikut citarasa anda samada 1, 2, 3 atau 4

column.

8/17/2019 Membina Site Frog VLE

5/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

5

LANGKAH 7 :

Sekarang kita akan belajar cara memasukkan text ke dalam site kita. Klik Tab Widget, cari

widget Text dan klik dan tariknya ke dalam site seperti gambar di bawah.

LANGKAH 8 :

Setelah itu, anda boleh memasukkan nota atau apa sahaja dalam bentuk teks ke dalam site

anda. Hanya taipkan sahaja di dalam kotak seperti di bawah. Mudah kan? 

8/17/2019 Membina Site Frog VLE

6/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

6

LANGKAH 9 :

Sekarang, kita akan cuba masukkan gambar (image) ke dalam site kita. Cari widget Media 

dan klik dan tariknya ke dalam site. Lihat gambar di bawah.

LANGKAH 10 :

Anda akan diminta untuk Choose some media. Klik pada butang upload seperti di bawah.

8/17/2019 Membina Site Frog VLE

7/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

7

LANGKAH 11 :

Klik butang Choose Files dan kemudian pilih gambar / image yang ada dalam computer

anda. Sebaiknya, jika anda biasa membuat carian image di internet, save dahulu image

tersebut ke dalam hard disk anda.

LANGKAH 12 :

Seterusnya, kita akan cuba memasukkan video dari youtube ke dalam site kita. Untuk itu,

buka laman youtube di alamat www.youtube.com, kemudian buat carian video yang kita

mahukan. Contohnya, kita ingin mencari video tentang bina site frog. Lihat gambar dibawah.

http://www.youtube.com/http://www.youtube.com/http://www.youtube.com/http://www.youtube.com/

8/17/2019 Membina Site Frog VLE

8/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

8

LANGKAH 13 :

Bila anda telah temui video yang sesuai, highlightkan URL video tersebut, kemudian klik

kanan, dan pilih Copy. Lihat gambar di bawah.

LANGKAH 14 :

Setelah itu, kembali ke site kita semula. Pilih widget Media, klik dan tariknya ke dalam site.

8/17/2019 Membina Site Frog VLE

9/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

9

LANGKAH 15 :

Seperti tadi, anda diminta untuk Choose some media. Klik kanan dalam kotak Search Pin-

Point, kemudian pilih option Paste.

LANGKAH 16 :

Setelah itu, klik pada butang yang berwarna hijau seperti gambar di bawah.

8/17/2019 Membina Site Frog VLE

10/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

10

LANGKAH 17 :

Kotak seperti di bawah akan terpapar. Tunggu sehingga ianya habis membuat Searching.

LANGKAH 18 :

Setelah itu, video yang anda inginkan tadi akan terpapar bersama beberapa video lain yang

berkaitan. Klik pada butang Use di bawah video yang anda pilih.

8/17/2019 Membina Site Frog VLE

11/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

11

LANGKAH 19 :

Tahniah! Anda telah Berjaya memasukkan video ke dalam site anda. Kini, site anda telah

lengkap dengan Text, Image dan Video.

Gunakan kreativiti anda untuk menghasilkan site pembelajaran yang menarik untuk

digunakan semasa sesi PdP anda.

Untuk lihat hasilnya, klik Save Changes dan kemudiannya butang X.

8/17/2019 Membina Site Frog VLE

12/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

12

Di bawah adalah hasil pembinaan site yang anda telah berjaya lakukan.

LANGKAH 20 :

Untuk Share / kongsikan site anda dengan murid-murid supaya mereka boleh melayarinya

dengan akaun frog mereka, klik butang Share seperti gambar di bawah.

Klik pada butang Share.

8/17/2019 Membina Site Frog VLE

13/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

13

LANGKAH 22:

Pilih Category, Subject dan Form Group seperti gambar di bawah. Kemudian klik Next.

LANGKAH 23 :

Akhirnya, klik butang share.

8/17/2019 Membina Site Frog VLE

14/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

14

Apabila murid log masuk ke dalam laman frog mereka....

Kemudian mereka menaip tajuk site anda dalm kotak carian seperti di bawah, mereka akan

dapat melayari site anda tadi dengan mudah.

SELAMAT BERJAYA! GUNAKAN TEKNOLOGI FROG INI UNTUK MEMBERI KELAINAN KEPADA

SESI PdP ANDA DAN MEMPERKENALKAN MURID-MURID DENGAN TEKNOLOGI ICT.

8/17/2019 Membina Site Frog VLE

15/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

15

8/17/2019 Membina Site Frog VLE

16/16

Panduan Membina Site dalam Frog VLEUnit ICT SK Kg Dato Ibrahim Majid 

16