Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20131 By : Cikgu Marziean Mohd ShapianSMK Bandar B...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20132 By : Cikgu Marziean Mohd ShapianSMK Bandar B...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20133 By : Cikgu Marziean Mohd ShapianSMK Bandar B...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20134 By : Cikgu Marziean Mohd ShapianSMK Bandar B...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20135 By : Cikgu Marziean Mohd ShapianSMK Bandar B...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20136 By : Cikgu Marziean Mohd ShapianSMK Bandar B...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20137 By : Cikgu Marziean Mohd ShapianSMK Bandar B...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20138 By : Cikgu Marziean Mohd ShapianSMK Bandar B...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20139 By : Cikgu Marziean Mohd ShapianSMK Bandar B...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog201310 By : Cikgu Marziean Mohd ShapianSMK Bandar ...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog201311 By : Cikgu Marziean Mohd ShapianSMK Bandar ...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog201312 By : Cikgu Marziean Mohd ShapianSMK Bandar ...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog201313 By : Cikgu Marziean Mohd ShapianSMK Bandar ...
Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog201314 By : Cikgu Marziean Mohd ShapianSMK Bandar ...
Upcoming SlideShare
Loading in …5
×

Step by step to create a simple teaching and learning site using vle frog

2,822 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,822
On SlideShare
0
From Embeds
0
Number of Embeds
260
Actions
Shares
0
Downloads
204
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Step by step to create a simple teaching and learning site using vle frog

  1. 1. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20131 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorSTEP 1:1. Log in your Frog2. Click Quick Launch3. Click SiteSTEP 2:1. Resource Manager pop-up will appear.2. Click My Site3. Click New Site
  2. 2. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20132 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorSTEP 3:1. Give your site a name2. Write simple description of your site3. Click NextSTEP 4:1. Choose your site theme. Click any theme until blue line appear.2. Choose an icon. Click any icon until blue line appear.3. Click Next
  3. 3. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20133 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorSTEP 5:1. Click Create Site# We can add Subject, Class , Keyword laterSTEP 6:1. This is how your site look like depends on the theme choosen2. Click Edit button to edit your site.
  4. 4. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20134 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorSTEP 7:1. Click Layout. Choose your boxes for the layout.2. Click Save ChangesSTEP 8:1. Double Click at New tab2. Change and type the text. For example : LEARNING OUTCOMES3. Click Save Changes
  5. 5. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20135 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorSTEP 9:1.To insert text, click Widgets2. Choose Ab widget for Text3. Click Ab widget > Drag > Drop the widget to the layout on your right screen. Make sure theblue box appear before you drop the widgets.STEP 10:1. Double click Sample text (Text Widget)2. Setting box for text will appear3. Type your text4. Change your text size, font, alignment5. Click Save Changes
  6. 6. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20136 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorSTEP 11:1. Close Edit button2. This his how your 1st page of your site appear.3. You can add New tab for any subtopics
  7. 7. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20137 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorSTEP 12:1. Click + (Plus) and - (minus) button to add New Tab (Add Page)2. Double Click New tab to change the text3. Click Layout to choose the layout5. Click Save Changes
  8. 8. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20138 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorHOW TO INSERT WIDGETS TO YOUR SITEA. How to insert Media Widget (Graphic, Video, Audio, Animation)STEP 1:1. Double click to any tab2. Click Widgets3. Drag and drop Media widget
  9. 9. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog20139 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorSTEP 21. Double click Media widget2. Setting box will appear.3. Three options to insert media : Upload, Import Resources or Pinpoint
  10. 10. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog201310 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorSTEP 3:How to insert media from your computer (Upload)1. Click Upload button2. Click Choose Files button3. Select any pictures, video, animation from your hard disk4. Wait until green box appear. Its mean that Frog can accept the file format5. Click Done button at the bottom6. Click Save Changes
  11. 11. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog201311 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorSTEP 4:How to insert media using Import Resources (File from Resource Manager)1. Click Import Resources2. Resource manager pop up will appear3. Click My Documents4. Choose media (Picture, Video)5. Click Use
  12. 12. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog201312 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorSTEP 5:How to use Pin-Point to insert image/video1. Double click Media Widget. Click Pin-Point icon at media setting.2. Click Image or Video. Type any picture or video. Click Search or Enter3. Choose any image or video4. Click Use.5. Image or video will attach into your page.6. Click Save Changes.
  13. 13. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog201313 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorB. How to Insert Link to File Widget (User can download file)STEP 1:1. Click Link to File widget. Drag and drop the widget2. Double click widget. Choose Upload/Import Resource or Pin-Point to upload resource.3. Enter name of file: Examples: Activity sheet 14. Click Save Changes.5. Now user can download your file.
  14. 14. Step by Step to Create A Simple Teaching andLearning Site Using VLE Frog201314 By : Cikgu Marziean Mohd ShapianSMK Bandar Baru Salak Tinggi, Sepang, SelangorHow to use Embed Website WidgetSTEP 1:1. Click, drag and drop Embed Website widget2. Double click to make sure setting panel for Embed website appear on the left site.3. Enter URL Address for website4. Change height to 10005. Save changes6. Close setting panel

×