LATIHAN DALAM PERKHIDMATAN BIL.

4 TAHUN 2016
DENGAN KERJASAMA BAHAGIAN TEKNOLOGI PENDIDIKAN
PKG TELOK KECHAI & BTPN KEDAH

SABTU, 9 APRIL 2016 [MAKMAL KOMPUTER 1 & 2]

BAB 1 : PENGENALAN ICON

1.1 MEMBUKA LAMAN VLE FROG 1BESTARINET STARAS

 Sila taipkan pada bahagian URL / ADDRESS pada mana-mana WEB BROWSER seperti
GOOGLE CHROME / MOZILLA FIREFOX dan sebagainya seperti di bawah :

http://keb2099.1bestarinet.net/app/os

1.2 LOGIN LAMAN VLE FROG 1BESTARINET STARAS

Masukkan ID : ……………………………………………..@Yes.My

PASSWORD : 10 digit awal NO K/P

1.3 MENGENALI ANTARA MUKA (INTERFACE VLE FROG)

i. FROG BAR  pada bahagian kiri atas sekali.

 mengandungi HELP, PREFERENCES dan LOG OUT
 PREFERENCES digunakan untuk mengubah latar belakang
SITE, bahasa dan menukar PASSWORD
(tidak digalakkan tukar)

ii. Butang kawalan  SCHOOL DASHBOARD

(boleh dilihat oleh semua komuniti sekolah)
 MY DASHBOARD
(hanya pengguna sahaja boleh melihat)

iii. ICON HOME  Untuk kembali ke DASHBOARD

iv. NOTIFICATION  Jika kita menerima mesej atau penghantaran sesuatu dari
pengguna lain (nombor)

v. QUICK LAUNCH  Mempunyai semua aplikasi VLE FROG. Jumlah aplikasi

bergantung kepada status pengguna, sama ada pentadbir,
guru, ibu bapa atau pelajar.

1 NOTA RINGKAS VLE FROG - @JKPSstaras2016

1.4 MENGENALI ICON QUICK LAUNCH

FROG STORE  untuk mendapatkan bahan PdP daripada sumber luar

ASSIGNMENT  membolehkan guru memberi, menyemak dan mengulas tugasan
kepada murid
BOOKING CALENDAR  untuk tempahan bilik-bilik khas
BOOK SHELF  senarai buku yang kita ADD dari FROG STORE
CALENDAR  untuk membuat takwim sekolah dalam kurikulum, HEM,
Kokurikulum dan lain-lain
COMMUNITY  berbincang tentang isu-isu PdP, mendapatkan bahan-bahan,
video dan sebagainya
DEPARTMENTAL SITE  laman panitia
EMAIL  emel kita dalam YES melalui GMAIL
FORUM  perbincangan kumpulan (guru boleh membuat GROUP sendiri)
GOOGLE DRIVE  UPLOAD FILE / FOLDER dari komputer dan SHARE ke dalam SITE
LEARN CARE  penerangan ICON
LEARNING STYLE  guru boleh membuat TEST untuk mengetahui teknik
REPORT pembelajaran murid
PIN POINT  untuk mendapatkan bahan video dan gambar secara terus
SITE  untuk membina halaman subjek, kurikulum dan lain-lain
THE POND  perkongsian minda untuk pelajar dan tips dari FROG

1.5 MENGENALI ICON FROG DRIVE

 Mengandungi dan menyimpan bahan-bahan di dalam VLE

FROG ini seperti fail, halaman matapelajaran, notis dan
maklumat panitia

 FORMS - untuk membina borang-borang berkaitan sekolah

 POLLS - untuk membuat undian terhadap sesuatu isu

 QUIZZES - untuk membina dan menyimpan kuiz

 APPLICATIONS - mengandungi ICON dalam QUICK LAUNCH

dan untuk ADMIN ditambah ICON USER dan GROUP untuk
memasukkan, menyunting atau memadam akaun
pengguna VLE FROG Sekolah.

2 NOTA RINGKAS VLE FROG - @JKPSstaras2016

1.6 MENGENALI / MENGGUNAKAN ICON EDIT (BAHAGIAN KIRI DASHBOARD)

 EDIT  LAYOUT  pilih LAYOUT yang bersesuaian 1, 2, 3 atau 4 FRAME

 WIDGET (nota di no 1.7)
 SETTING – nama SITE, tema dan BACKGROUND

1.7 MENGENALI ICON DALAM WIDGET

 Terdapat 21 ICON dalam WIDGET tersebut dan boleh digunakan untuk membina SITE dan DASHBOARD.
 Sila terokai setiap WIDGET tersebut. Antara WIDGET yang penting dan selalu digunakan adalah :
 EMBED WEBSITE – merupakan URL kepada bahan luar
 MEDIA – untuk memasukkan gambar / video / audio
 QUIZ – memasukkan kuiz ke SITE
 TEXT – memasukkan nota PdP dan juga nota daripada internet
 SCORM – untuk pembelajaran interaktif

BAB 2 : MEMBINA SITE PEMBELAJARAN DAN MEMASUKKAN WIDGET

2.1 MEMBINA SITE PENGAJARAN DAN PEMBELAJARAN

 CLICK pada FROG DRIVE  SITE  NEW SITE  namakan SITE  DESCRIPTION  NEXT  CHOOSE THEME
 CHOOSE ICON  NEXT  pilih CATEGORY  FORM GROUP  KEYWORD  CLICK CREATE SITE. Dah jadi
satu SITE.
 Kemudian, pada EDIT ICON, pilih LAYOUT dan SETTING yang bersesuaian dan EDIT SITE tersebut dengan
menambahkan nota, video, kuiz dan soalan.

2.2 MENAMBAHKAN NOTA DARI INTERNET / WORDS / PDF KE DALAM SITE

 Pada SITE - Masukkan ICON EDIT, CLICK WIDGET, pilih ICON TEXT, CLICK dan seret pada LAYOUT yang
sesuai di SITE dan lepaskan.
 Pada internet / WORDS / PDF  COPY dan PASTEkan pada LAYOUT SITE. Tulisan dan saiz tulisan boleh
diEDIT. SAVE CHANGES dan CLICK pangkah.

2.3 MEMASUKKAN FILE DROP UNTUK DIDOWNLOAD OLEH PELAJAR

 Pada ICON EDIT di kiri  CLICK WIDGET  CLICK FILE DROP dan seret ke LAYOUT pada SITE dan lepaskan
 SAVE CHANGES dan CLICK pada butang pangkah.
 Pada LAYOUT FILE DROP guru boleh memasukkan fail untuk diDOWNLOAD kepada GROUP yang
disasarkan.

3 NOTA RINGKAS VLE FROG - @JKPSstaras2016

2.4 MEMASUKKAN VIDEO DARIPADA YOUTUBE


Pada SITE, buka WIDGET  EMBED WEBSITE (seret dan lepaskan) pada LAYOUT SITE

Buka TAB baru (dalam WEB BROWSER)  http://www.youtube.com (cari video yang kita nak)

Contoh : INTRO TO VLE FROG (Panduan Asas VLE FROG)

CLICK video tersebut, biar ia RUN (PLAY)  CLICK kanan  COPY EMBED CODE  PASTE dalam WORD /
NOTEPAD.
Contoh :
<iframe width="640" height="360" src="https://www.youtube.com/embed/BrwLsguypGg" frameborder="0"
allowfullscreen></iframe>
COPY CODE tersebut bermula dari tanda (") https://www.youtube.com/embed/BrwLsguypGg hingga tanda (")
seperti di bawah :
https://www.youtube.com/embed/BrwLsguypGg
PASTEkan ke dalam ENTER URL pada WIDGET SITE  SAVE CHANGES  CLICK butang pangkah

2.5 MEMBINA DAN MEMASUKKAN SOALAN KUIZ

 CLICK pada FROG DRIVE  QUIZZES  MY QUIZZES / SCHOOL QUIZZES

 CLICK NEW QUIZZES  sila isikan nama kuiz, subjek, FORM dan INSTRUCTION pada ruang yang disediakan
 CLICK ADD QUESTION
 Bina soalan mengikut arahan yang ada di situ (boleh pilih soalan benar / salah, pilihan jawapan,
soalan terbuka dan aneka pilihan bergambar. Kemudian CLOSE. Kotak senarai kuiz akan muncul.
CLICK daripada UNPUBLISh kepada PUBLISH.

2.6 MEMBINA BAHAN PdP MENGGUNAKAN SCORM

 Buka SITE yang dipilih. CLICK WIDGET  CLICK SCORM dan seret pada LAYOUT di SITE  Lepaskan
 DOUBLE CLICK pada SCORM ICON di SITE.
 Apabila muncul kotak SCORM SEARCH FILE  Taipkan tajuk yang berkenaan. Jika ada, tajuk tersebut akan
muncul di bawah kotak SEARCH.
 Guru-guru boleh membina sendiri dengan mempelajari bagaimana menghasilkan PdP SCORM di URL
berikut : http://scorm.com/scorm-cloud/powerpoint-to-scorm/

4 NOTA RINGKAS VLE FROG - @JKPSstaras2016

BAB 3 : MENGGUNAKAN CLOUD TECHNOLOGY

3.0 GOOGLE DRIVE

 Setiap akaun pengguna YES, secara automatik akan mempunyai akaun di GOOGLE DRIVE. Pengguna boleh
UPLOAD bahan PdP, soalan peperiksaan, fail POWERPOINT, EXCEL, WORDS dan PDF ke dalam GOOGLE
DRIVE dan dikongsi ke dalam VLE FROG.

3.1 MEMASUKKAN FAIL-FAIL WORDS / POWERPOINT / EXCEL DAN PDF KE DALAM SITE

 Pada SITE , buka WIDGET  EMBED WEBSITE, seret dan lepaskan pada LAYOUT SITE.
 Buka TAB baru dan masukkan URL ini : http://flipsnack.com
 CLICK  CREATE YOUR PUBLICATION  SELECT ONE OR MORE PDF OR JPG FILES TO START
(fail WORDS, POWERPOINT dan EXCEL juga perlu ditukar ke format .pdf)
 CLICK NEXT  MAKE YOUR FLIPBOOK FINDABLE  isikan tajuk / TITLE dan DESCRIPTION  pilih CATEGORY
(boleh pilih lebih daripada 1 yang bersesuaian)
 SIGN UP
 SIGN IN TO CONTINUE (pilih sama ada pengguna baru NEW USER atau pengguna sedia ada EXISTING USER
atau SIGN IN menggunakan salah satu dari akaun guru seperti FACEBOOK, GOOGLE atau TWITTER.
 Pada MY COLLECTIONS pilih EDIT dan CUSTOMIZE LAYOUT, BUTTONS, MEDIA dan sebagainya.
 CLICK pada ICON dan COPY EMBED CODE. PASTE di WORD seperti di bawah :

<iframe
src="http://files.flipsnack.com/iframe/embed.html?hash=ftkfosesu&wmode=window&bgcolor=EEEEEE&t
=1460007662" width="640" height="385" seamless="seamless" scrolling="no" frameborder="0"
allowtransparency="true"></iframe>

 COPY semula EMBED CODE tersebut bermula dengan tanda (") sehingga akhir seperti contoh di bawah
http://files.flipsnack.com/iframe/embed.html?hash=ftkfosesu&wmode=window&bgcolor=EEEEEE&t=146
0007662" width="640" height="385" seamless="seamless" scrolling="no" frameborder="0"
allowtransparency="true"></iframe>

 Pada SITE, PASTEkan pada LINK URL di EMBED SITE, SAVE CHANGES dan CLICK pangkah.

DISEDIAKAN OLEH :

1. PN. AZIROH BT. ABDUL AZIZ (PEGAWAI TEKNOGI PENDIDIKAN, PKG TELOK KECHAI)
2. EN. ROSLAN B. RAMLI (PEGAWAI TEKNOGI PENDIDIKAN, BTPN KEDAH)

5 NOTA RINGKAS VLE FROG - @JKPSstaras2016