12
Modul Penggunaan FORM+ Di Dalam VLEFrog 1. Taipkan www.formpl.us *Pastikan anda telah ‘sign in’ gmail. Rajah 1 2. Klik pada ‘Login with your Google accaunt’ 1 Dihasilkan Oleh M.Zubaidi Bin Djemiko

gictma.files.wordpress.com€¦ · Web viewModul Penggunaan FORM+ Di Dalam VLEFrog. 1 . Dihasilkan Oleh M.Zubaidi Bin Djemiko

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: gictma.files.wordpress.com€¦ · Web viewModul Penggunaan FORM+ Di Dalam VLEFrog. 1 . Dihasilkan Oleh M.Zubaidi Bin Djemiko

Modul Penggunaan FORM+ Di Dalam VLEFrog

1. Taipkan www.formpl.us

*Pastikan anda telah ‘sign in’ gmail.

Rajah 1

2. Klik pada ‘Login with your Google accaunt’

Rajah 2

1 Dihasilkan Oleh M.Zubaidi Bin Djemiko

Page 2: gictma.files.wordpress.com€¦ · Web viewModul Penggunaan FORM+ Di Dalam VLEFrog. 1 . Dihasilkan Oleh M.Zubaidi Bin Djemiko

Modul Penggunaan FORM+ Di Dalam VLEFrog

3. Taipkan tajuk tugasan pelajar dengan klik pada perkataan ‘Untitled Form’.

Rajah 3

4. Berikan nama tugasan dan klik ‘Save’

Rajah 4

2 Dihasilkan Oleh M.Zubaidi Bin Djemiko

Page 3: gictma.files.wordpress.com€¦ · Web viewModul Penggunaan FORM+ Di Dalam VLEFrog. 1 . Dihasilkan Oleh M.Zubaidi Bin Djemiko

Modul Penggunaan FORM+ Di Dalam VLEFrog

5. Pada bahagian ‘Drag & Drop component’, klik Input dan Tarik(drag) ‘Text input’ ke ruangan ‘Your Form’

Rajah 5

6. Pada ruangan ‘Your Form’, klik ‘Text input’

Rajah 6

3 Dihasilkan Oleh M.Zubaidi Bin Djemiko

Page 4: gictma.files.wordpress.com€¦ · Web viewModul Penggunaan FORM+ Di Dalam VLEFrog. 1 . Dihasilkan Oleh M.Zubaidi Bin Djemiko

Modul Penggunaan FORM+ Di Dalam VLEFrog

7. - Taipkan ‘Nama’ pada ‘Label Text’ - Kosongkan ruangan ‘Placeholder’ - Taipkan ‘Isi Nama Penuh Anda’ pada ‘Help Text’ - Tandakan kotak ‘Required’ dan klik ‘Save’

Rajah 7

8. *Ulangi langkah 5 sebelum ini. Pada bahagian ‘Drag & Drop component’, klik Input dan Tarik(drag) ‘Text input’ ke ruangan ‘Your Form’.

Rajah 8

4 Dihasilkan Oleh M.Zubaidi Bin Djemiko

Page 5: gictma.files.wordpress.com€¦ · Web viewModul Penggunaan FORM+ Di Dalam VLEFrog. 1 . Dihasilkan Oleh M.Zubaidi Bin Djemiko

Modul Penggunaan FORM+ Di Dalam VLEFrog

9. Pada ruangan ‘Your Form’, klik ‘Text input’

Rajah 9

10. - Taipkan ‘Kelas :’ pada ‘Label Text’ - Nama Kelas ruangan ‘Placeholder’ Contoh : 5 ICT. - Kosongkan ruangan ‘Help Text’ - Tandakan kotak ‘Required’ dan klik ‘Save’

Rajah 10

5 Dihasilkan Oleh M.Zubaidi Bin Djemiko

Page 6: gictma.files.wordpress.com€¦ · Web viewModul Penggunaan FORM+ Di Dalam VLEFrog. 1 . Dihasilkan Oleh M.Zubaidi Bin Djemiko

Modul Penggunaan FORM+ Di Dalam VLEFrog

11. Pada bahagian ‘Drag & Drop component’, klik ‘File Upload dan Tarik(drag) ‘File Button’ ke ruangan ‘Your Form’.

Rajah 11

12. Pada ruangan ‘Your Form’, klik ‘File Button’.

Rajah 12

6 Dihasilkan Oleh M.Zubaidi Bin Djemiko

Page 7: gictma.files.wordpress.com€¦ · Web viewModul Penggunaan FORM+ Di Dalam VLEFrog. 1 . Dihasilkan Oleh M.Zubaidi Bin Djemiko

Modul Penggunaan FORM+ Di Dalam VLEFrog

13. - Taipkan ‘Muat Naik’ pada ‘Label Text’ - Tandakan kotak ‘Required’ dan klik ‘Save’

Rajah 13

14. Form yang terhasil

Rajah 14

15. klik ‘Create Form’

Rajah 15

7 Dihasilkan Oleh M.Zubaidi Bin Djemiko

Page 8: gictma.files.wordpress.com€¦ · Web viewModul Penggunaan FORM+ Di Dalam VLEFrog. 1 . Dihasilkan Oleh M.Zubaidi Bin Djemiko

Modul Penggunaan FORM+ Di Dalam VLEFrog

16. Pilih tarikh pada ‘Submission’ Pilih Upon Submission pada ruangan ‘Email Notification’ Tetapkan jumlah pelajar pada ruangan ‘Number of Submission’ Klik ‘Set Form Options’

Rajah 16

17. Klik ‘My Forms’ Klik Form tugasan yang dihasilkan sebelum ini, Contoh : Tugasan 2

Rajah 17

18. Salin(Copy) url form tersebut, Contoh: https://www.formpl.us/form/0B8L_QDJrOg-EYnNCejltaHo0UVE/

Rajah 18

8 Dihasilkan Oleh M.Zubaidi Bin Djemiko

Page 9: gictma.files.wordpress.com€¦ · Web viewModul Penggunaan FORM+ Di Dalam VLEFrog. 1 . Dihasilkan Oleh M.Zubaidi Bin Djemiko

Modul Penggunaan FORM+ Di Dalam VLEFrog

19. Pilih ‘Widget’ dan Tarik(Drag) ‘Embed Website’ ke dalan dashboard

Rajah 19

20. Klik ‘Embed a website’

Rajah 20

9 Dihasilkan Oleh M.Zubaidi Bin Djemiko

Page 10: gictma.files.wordpress.com€¦ · Web viewModul Penggunaan FORM+ Di Dalam VLEFrog. 1 . Dihasilkan Oleh M.Zubaidi Bin Djemiko

Modul Penggunaan FORM+ Di Dalam VLEFrog

21. - Tampalkan(Paste) ‘url’, Contoh: https://www.formpl.us/form/0B8L_QDJrOg-EYnNCejltaHo0UVE ke ruangan ‘Enter URL’. - Tukar nilai 300 kepada 500 di ruangan ‘Enter Height’. - Klik ‘Save Changes’. - Klik symbol ‘X’

Rajah 21

22. Paparan yang terhasil.

Rajah 22

10 Dihasilkan Oleh M.Zubaidi Bin Djemiko