1. Integrate Google Drive Apps With VLE-Frog
Integration Procedures

2. Create a Site in VLE-Frog

3. Create Site in VLE Frog
Click ‘Resource Manager’

4. Create Site in VLE Frog
Select & click ‘Site’

5. Create Site in VLE Frog
Click ‘New Site’

6. Create Site in VLE Frog 1. Type a name for your site 2. Type a brief
desription
(optional)
3. Click ‘Next’

7. Create Site in VLE Frog 1. Select & Click 2. Select & Click 3. Click
‘Next’

8. Create Site in VLE Frog
1. Click ‘Add’

9. Create Site in VLE Frog
1. ‘Subject’ addded
2. Click & Select

10. Create Site in VLE Frog
2. Select
1. Click & Scroll

11. 2. Select
Create Site in VLE Frog
Click ‘Add’

12. 1. Scroll Down
2. Select
Create Site in VLE Frog

13. Create Site in VLE Frog
2. Scroll & Select
1. Click

14. Create Site in VLE Frog
Click ‘Add’

15. Create Site in VLE Frog Optional
If you type keywords, then Click ‘Add’

16. Create Site in VLE Frog
Cick

17. Create Site in VLE Frog
Site Created

18. Integrate Google Drive With VLE-Frog

19. Click “Quick Launch” to access Google Drive

20. Google Drive
Click

21. Google Drive

22. Upload file to Google Drive
1.Click
2.Choose ‘Files’

23. Choose & Upload File
1. Choose file
2. Click ‘Open’

24. Uploading File / Folder
Uploading Stages
1. Waiting …..
2. Finishing …..
3. Uploaded

25. Sharing The File

26. Sharing The File

27. Sharing The File 1. Click on this button 2. Choose the function
3. Click ‘Save’

28. Sharing The File
Right Click

29. Click on Google Drive
Click ‘Copy’

30. Sharing The File
Click ‘Done’

31. Link to VLE Frog Site
Click on ‘VLE Frog ‘ Tab

32. Link Website From Google Drive To VLE-Frog Site

33. Click on ‘Edit’
Link to VLE Frog Site

34. Click on ‘Widget’
Link to VLE Frog Site

35. Link to VLE Frog Site
Scroll down &
search for ‘External Link’

36. Link to VLE Frog Site
(1) Click on ‘External Link’ (2) Drag to this row

37. Link to VLE Frog Site
Release when this space
turns ‘blue’

38. Link to VLE Frog Site
Double Click

39. Click on Google Drive
Type the Name for Site

40. Link to VLE Frog Site 2. Click Paste to paste the url link from
google drive
1. Right Click

41. Link to VLE Frog Site
The Url Link from Google Drive

42. Link to VLE Frog Site Click ‘Save Changes’ Click on ‘X’
Type the description
for this site

43. Share VLE Frog Site
Click to view “Link File’ Website in Google Drive

44. Share VLE Frog Site
View 100%
Fit to page
Download

45. Share VLE Frog Site
Insert Comment

46. Share VLE Frog Site
Insert Comment

47. Embed Website From Google Drive To VLE-Frog

48. Embed Website to VLE Frog Site
Widget
Scroll & search for
‘Embed Website’
2. Click on ‘Embed
Website’ widget

49. Embed Website to VLE Frog Site
1. Drag the widget to the row
2. Release it when the row
turns blue

50. Embed Website to VLE Frog Site
Double Click to paste website link from Google Drive

51. Embed Website to VLE Frog Site
3. Click ‘Save Change’ & click ‘X’
Paste the link to share from Google Drive
2. Can change the height
for better view

52. Embed Website to VLE Frog Site

53. Share VLE Site with Student /Staff

54. Share VLE Frog Site
Click ‘Share’ to share this site

55. Share VLE Frog Site
Click

56. Share VLE Frog Site
You can choose these relevant information if you didn’t do so when creating the site.
Click ‘Next’

57. Share VLE Frog Site
Click

58. Share VLE Frog Site
Click

59. Share VLE Frog Site
Click

60. Share VLE Frog Site
The group or person that can access will appear

61. Share VLE Frog Site 1. Click to choose : 2. Click
Can View & Can Contribute – student can only view
Can edit a & manage –student can edit by adding widget
2. Click

62. Share VLE Site with Student /Staff

63. When Student View The Shared Site With Embedded Website Widget

64. When Student View The Shared Site
Can view & Can Contribute :
When the relevant student log in to the site, she can only view the site but can’t edit the site.

65. When Student View The Shared Site
Click for editing
Can edit & manage :
When the relevant student log in to the site, she can edit the site.

66. When Student View The Shared Site
Students can edit & change the Site settings !

67. Share VLE Site with Student /StaffWhen With External Link Widget

68. When Student View The Shared Site
Click to view the external Link to Google Drive

69. When Student View The Shared Site
The link to Google Drive appear in another tab
The VLE Frog Site is in the other tab

70. When Student View The Shared Site
The student didn’t sign in to Google Drive
2. Click ‘Comment’
3. Her name didn’t appear but she can type her comment as anonymous

71. When Student View The Shared Site
The student sign in to Google Drive
2. Click ‘Comment’
3. Her name appears & she can type her comment

72. When Student’s View The Shared Site
2. Click
1. Type comment
* Advisable to ask student to sign in to comment

73. When Student’s View The Shared Site
The comment appear

74. When Student’s View The Shared Site
2. Select the action for the
comment
1. Click