What are Sites?

Available to: Teachers, Students and Frog Admin.

Sites are pages or groups of pages that have been created inside the Frog VLE. They can be tagged with keywords to allow them to be located quickly and easily or to aid categorisation. Any sites that you have created or that have had the ownership transferred to you will be listed in the My Sites section of the FrogDrive.
Sites that have been tagged with a school subject; will appear under Academic sites. There are tags for other non-academic categories such as co-curricular activities and these appear in the Non-Academic sites area. Additional sites can be added from the FrogStore and these will appear in the My Library section. The Other Sites section contain Sites that have been shared to you and do not fit in any of the above categories.
For security, sites cannot be accessed without logging into the Frog VLE. As the VLE is cloud based, sites can be accessed anytime and anywhere.
Creators of sites control the access and editing permissions. If a site has not been shared to you it will not be visible in the FrogDrive.
Sites can be sent to the MoE Repository for sharing with other schools in Malaysia. Once uploaded the site will be checked and made available for download from the FrogStore. Only teachers can upload and download sites to and from the MoE Repository.

Getting started with Sites

To access Sites click on FrogDrive in the Frog Bar.
Click on Sites on the left.
Once you have clicked on sites, you will see the main sites area in the FrogDrive. On the left hand side, are the site categories;. Tags are used to categorise the sites into the relevant category.
My Sites contains all of the sites that you are the owner of. These are those that you have created yourself, or that have had their ownership transferred to you.
Academic Sites contains sites that have been tagged as Academic and have been shared to you. These sites are sorted into year groups.
Clicking on a year group will reveal the associated subject sites.
Non Academic contains sites that have been tagged as Non Academic category and have been shared to you. These are further divided into sub categories. If no sites exist for a category, then that category will not be shown.
Templates contains sites that have been tagged under the Template category and have been shared to you.
Other Sites contains sites that have not been tagged under a category and have been shared to you.
My Library contains sites that have been added from the FrogStore. Double clicking a site will copy it into My Sites for your own use.
Favourites contains sites that you have selected as one of your favourite sites.

How to Use Favourites

To help organise your sites, your can select a site as a favourite site. Only these selected sites will appear in the Favourites area.
was034 Simply click on the was033 to add a site to favourites.
was035 Click on the was033 again to remove from favourites.
To remove a site from favourites when viewing in the Favourites area, use the method as shown above, or alternatively, click on the site to select it.
Then select Remove from favourites from the Actions menu.

How to Create a Site

To create a site, click on the blue New Site button. This is located in the top bar of the My Sites area.
The first step in the site creation process is to choose a template to base your new site on. As a site can be used for any number of purposes you may see templates for curricular sites, extra-curricular activities or even websites and other out of school events.
Templates can be defined by your school and you may have several to choose from.
As a site can be used for any number of purposes you may see templates for curricular sites, extra-curricular activities or even websites and other out of school events.
Once you have chosen a template you can name your site and give it a description.
All sites must have a name whereas descriptions are optional.
Enter the name for your site in the Site Name field.
If you would like to give your site a description, enter this in the Description field.
These items can be updated at any time should you change your mind in the future.
Click the Next button to continue customising your site.
Alternatively you can select the Create button to close the wizard and view your new site.
If you wish to continue customising your site you can now select a Theme & Icon.
The Theme of your site controls it look and feel. There are a number of themes to choose from.
Any themes that have a preview image displaying a green, plant-like background are well suited to giving your own Site Backgrounds.
You can now select an icon for your site. The default icon will already be visible in the preview area.
You can upload an image from your desktop or device with the Upload button.
If you already have an image you wish to use in your FrogDrive, you can select the FrogDrive button to import an item.
If you do not have an icon to use the Site Creation wizard provides some suggestions, based on the site name.
Once you have chosen a theme and an icon select the Next button to continue customising your site.
Alternatively you can again select the Create button to close the wizard and view your new site.
You may now add tags to your site. Tags allow the site to be located more easily in FrogDrive or through the Global Search.
To add a tag, select the parent category for your tag from the drop down menu. These include Academic and Non-Academic.
Once a parent tag has been selected a second option will be displayed to allow you to further tag your site.
If you wish to tag your site with only the parent category, select the Add button before selecting a child tag
If you wish to add both a parent and child tag select both of these before choosing the Add button.
If you wish to use custom tags you can add Keywords to your site using the Keywords field.
Specify a single keyword and then select the Add Keyword button.
If you wish to return to earlier steps of the wizard to change the settings you have chosen select the Back button.
If you are happy with your choices select the Create button to finish the wizard and view your new site.
Congratulations! You have now created a new site.
Note: The look of your site will be different to that shown if a different theme is chosen.

How to Change the Site Settings

Click on the Settings tab. In the site Settings, you can change the name, theme, background image, Site Icon and tags of your site.
To change the name of your site, click in the Name of Site box and type in the new name. The new name will be displayed at the top of the site and also the new name will be listed in the Sites area of the FrogDrive.
A theme of a site gives it a unique style. Each theme has its own font, graphic layout and tab arrangement. You can select a new theme for your site at any time.
To select a theme click on the small arrow in the theme section and scroll up and down.
Note : Some themes have more transparent areas in them than others. A transparent area reveals more of the background image behind it. Sites labelled with SB (Site Background) are ideally suited for use with a background image.
 htctss004 To add or change a background image for your site, scroll down to the Background section.
Note : If no custom background is chosen here, then an image selected in the My Background section in My Preferences will be displayed instead.
A background image can be selected from three sources.
  • Upload – Locates an image stored on your computer.
  • Import – Locates an image from the FrogDrive.
  • htctss005 – Locates an image using Discover (searches for images on Flickr)
 htctss006 The example here, shows an image being uploaded from the computer. To do this click on the Upload button.
 htctss007 Click on the Choose Files Button
 htctss008 Select an image file of your choice and click Open.
 htctss009 When the file is uploaded click Done.
Your chosen image will appear in front of any image selected as My Background in My Preferences, and appear through the transparent areas of your site.
Note: Different themes will cover more of your image than others, and some themes may cover your image entirely. If you don’t see your image, try selecting a different theme.
You can also chose how your image is displayed by changing the Background Style.
 htctss011 The options are…
 htctss012 Center: Keeps original image dimensions and centers to the screen.
 htctss013 Stretch: Will stretch the image so no background is shown, but dimensions are kept proportional.
 htctss014 Fill: The image will reach its maximum size within the edge of the screen.
 htctss015 Tile: The image will tile to fit the screen using its original dimensions.
Note: If the site is shared to another user, they will see also see the site background image when viewing the site.

How to Change Site Background Colour

Once you have created a site any colour can be added to the site background. This allows you to add further consistency or variety across your platform.
To add a site background colour open the site you wish to add the colour to.
Open the site editor and content tray.
Select the Settings tab if it is not already displayed.
Within the Settings tab locate the background colour section.
To select a solid background colour click on the colour picker. This will display some preset colours.
If you would like to use a custom colour then click on “More Colours …” for further settings.

How to Change a Site Layout

To change the layout of your site you must first click the Edit button on the left of your screen. This will release the Content Panel.
PageTab001 Click on the Page tab. Your site is made up of pages. In here you can change the page name and change the number and position of the Layout Boxes on your page.
Page_Layouts001 In this example we are selecting a 3 Boxes layout configuration.
Which will result in the following page layout:

How to Add Widgets to a Site

For this example we will be using the Media and Text Widgets to create our site.
htawtas000 Click on the Widgets tab. Widgets can be dragged into the Layout Boxes on your page to add content such as text, videos and images.
You will now see all of the Widgets that are available to you. Each Widget is identified by its unique name and icon.
Select the Media Widget and drag it into a Layout Box on your page. Make sure the layout box turns blue before you release the Widget.
You should now see the Media Widget in the Layout Box. Double click on the Layout Box to view the settings for the Media Widget.
 adWid2Site_2 The Media Widget can accept image, video or audio files. If you would like to use a file from your computer or from a USB stick, click on the Upload button in the Choose Media section to launch the File Uploader.
 htawtas004 Click on the Choose Files button to access files on your computer. Choose an image file to be uploaded.
 adWid2Site_4 Select an image then click on the Open button.
 adWid2Site_5 Once uploading is complete the status bar will turn green. Click on the Done button to finish.
You now have an image on your page. You can select between Large and Small. In this example we have selected Large.
 adWid2Site_7 Click Save Changes to save your site.

How to Change the Name of a Page

By default the active page is named New Page. To change the page name you must be in edit mode.
Click on Page in the Content Panel.
Type in the new name for your page in the input box. For this example we have used the title ‘Introduction’. The tab will now be labelled as ‘Introduction’.
Note: Alternatively, you can click on the tab within the site to highlight the text. When the text turns white with a blue background it is then ready to edit.
Once the text is highlighted enter the name of your page.

How to Add Pages to a Site

Now we are going to add more pages to the site. A site may have multiple pages each with their own access tab.
To add more pages to your site click on the + sign to the right of the ‘Introduction’ tab.
Enter the name of the page by double clicking on the New Page text.
Enter the title of the new page. For this exercise we are using ‘Security Tips’.
Your site now has two pages. You must click on a specific tab to view or work on the page.

How to Delete a Page from a Site

If you need to remove a page, click on the tab to select it.
Click on the Page tab in the panel on the left.
Click on the Delete Page button. (You may need to scroll down to find it)
You will be prompted with a warning that all the sub pages will also be deleted. If you are sure click Delete Page.

How to Add a Video to a Site

We are going to add a video to the new Security Tips page we have created.
Click on the Security Tips tab. The page should not yet contain any content.
Click on the Widgets Tab.
Select the Media Widget and drag it into the Layout Box on your page. Make sure the Layout Box turns blue before you release the Widget.
Click on the Layout Box to display the settings for the Media Widget.
sitessept017 Type ‘Cyber security tips’ into the search bar.
sitessept018 Click on the Discover button to search for videos and images contained within Discover.
Discover will automatically appear on your screen. It may take a few moments to complete the search.
Choose a video from Discover. Add the video to your page by clicking on the green Use button.
The video will now be added to your page.
adVid2Site_9 Click on the Save Changes button to save your page.
adVid2Site_10 Click on the X button to close the panel.
Your video will now appear in your completed site.
Click on the tabs to view each page within the site.
Your site is now ready to be shared.

How to Use the Text Editor

Available to: Teachers, Students and Frog Admin
The text editor is used within the following Widgets:
  • Text Activity
  • Phrase of the day
  • Text
  • School Notices
  • Notes
When using the Phrase of the day, Text, School Notices and Notes widgets, text can be edited directly on the page. Areas of the text can be highlighted and then formatted using tools located in the Content Panel on the left of the page.
To see an example of the Editor, drag the Text Widget onto a Dashboard or Site.
Text can be typed directly onto the page.
To use the text formatting tools, first highlight the text with your cursor.
Then select one of the formatting buttons on the left.
The selection you make will affect the text on the page.
Formatting Tools

How to Add an Image

It is possible to add an image to accompany your text. There are two ways of inserting an image. One is to use the Search Discover  tool and the other is the insert Image tool.
Note: If only an image is required please use the Media Widget.

The Search Discover Tool

Use this option when you would like Frog to search for an image. The results, however, are more limited than searching for an image on the internet yourself, as not every image found on the internet will be listed in Discover.To insert an image, place the cursor where you want to place the image and then click on the Search Discover button.
A window will appear prompting you to type in a short description of the image you are looking for.
Type in some text and click the search button.
Place your cursor over your chosen image and click on the Use button.
The image will be inserted on to your page. You can double click on the image to change the size and other properties for the image.

The Insert Image Tool

Use this option when you have found an image on another website and would like to use it on your page.
To insert an image, place the cursor where you want to place the image and then click on the insert Image button.
A window will appear prompting you for the URL location of the image file.
Copy the URL of the image. Here is an example of how this is done:
Once you have found your image, right mouse click and select copy image URL.
Next, click back on the Frog VLE tab to go back to the Frog VLE. Right click on the URL input box and select Paste.
Any text entered in the Alternative Text box will be displayed on the screen when the image is hovered over by the user.
You can change the image size here.
Click on the OK button to add the image.
The image is placed in your page. Double clicking on the image allows you to go back and change any of the Image Properties.

How to Add a Table

It is possible to add a table to your text. Tables can be really useful when you want to arrange text and images on you page into rows or columns. To insert a table, place the cursor where you want to place the table and then click on the insert Table button.
A window will appear prompting you to enter the number of Rows and Columns for your table. Click OK continue.
The table will appear on your page with the number of rows and columns specified.
Click and type your text into the cell. Remember you can mix text and images in cells.
To access all the editing options available for the table, place your cursor in a cell and right mouse click. A menu will appear allowing you to copy, paste, insert, delete, merge and split cells. You can also Insert and delete rows and columns and delete the table using this menu.

How to Add an External Link

The text editor allows you to create a link within the text that when clicked on will re-direct the user to an external website.
To insert an external link, place your cursor where you would like to insert the link and click on the Link button.
A window will appear prompting you to type (or paste) the URL into an input box. The URL is the web address of the site or page that is normally displayed at the top of your browser.
The URL will be placed within your text displayed in blue. When the user places their cursor over the text an underline appears indicating to them they can click on the link. Doing so will cause a new tab to open on their browser where the website or page will be displayed.
Note: If you highlight some text first, before clicking on the Link button, the selected word(s) become the link and the URL is hidden to the user.

How to Copy and Paste into the Text Editor

Because of the security settings in your browser, the editor may not be able to access your clipboard data directly. Should you encounter such problems you can use the Paste from Word feature. To do this, place the cursor where you want to insert the content and click on the Paste from Word button.
A window will appear prompting you to paste your selected content into an input box.
Pressing Ctrl+V (or Cmd+V if using an Apple device) will paste the content into the input box.
 htutte46 Note: alternatively you can right click your mouse and select Paste from the pop-up menu. This is particularly useful when copying from a website as more of the original formatting will be kept including images.
 htutte47 Click on OK continue.
 htutte48 The text will be placed on your page.

The Equations Editor

The Equations editor tool allows you to create mathematical equations like the examples show below.
Use the editor buttons to create your formula which will appear in the editing area underneath.
Click the help ee004 button in the editor to learn more on how to use the equations editor.
When you have finished creating your formula, click ee005 to insert it into your page.

How to Add Rules to a Site

Initially new pages and widgets are visible to anyone that the site is shared to. Using Rules, it is possible to hide pages and widgets making them only visible to certain people and/or on certain dates.
When in edit mode all pages and widgets will be displayed regardless of any rule. A cog indicator will appear against any pages or widgets that have rules applied, so that users with edit and manage permission are aware of the rule.SiteRules001
To add a Rule, select the page or widget and then click Rules in the settings panel.
The initial state of the page or widget is defined by the slide shown in the panel.
The slider toggles the page or widget to:

  • HIDE – Remain hidden until conditions of the rules are met.
  • SHOW – Remain visible until conditions of the rules are met.

Adding a Single Rule

You can now choose to add a condition by clicking the Add Rule button.SiteRules004
This is where you define the condition for the rule. Set the slider to set the first part of the condition.SiteRules005
This toggles between:

  • WHEN – Met only when the next part of condition is true.
  • UNLESS – The condition is met unless the next part of the rule is true.
From the Add a Rule drop down menu, you can select to add a rule specifying either a user/group or date.
Selecting User is in a Group or Profile allows you only to show a page or widget to a particular profile type or group.
Selecting The date is allows you to specify when to show a page or widget. After or before a specified date, between certain dates or only on a specific day can be specified.
When you have created the Rule, click Save.
Click Apply to add the Rule.SiteRules008
The Rule will be shown in the Rules settings panel.

Multiple Rules

Multiple rules can be applied. These are categorised into ‘AND’ and ‘OR’.

‘AND’ Rules

Adding another Rule in ‘Site Rules’ will mean that the first rule AND the second rule has to be true before the condition is met. Multiple rules can be added here, each being linked with the AND rule.
Clicking Apply will add the Rules to the Rules settings panel.

‘OR’ Rules

Each time a new Rule is created, it is added to the Rules Settings panel (the most recent displayed to the top) and is joined to the previously added rule with an ‘OR’.
In this example the page will be visible to ‘students’ who are in ‘group1’ after 01/04/2015 but then it will be visible to all users after 01/05/2015.

Copy last Rule

If a rule is used frequently or applied to multiple pages or widgets, you can use the Use Last Rule button to use that last saved rule on your site.

Edit a Rule

To edit a Rule in the Rules settings panel click the edit (pencil) icon.
To edit a Rule in Site Rules click the edit (pencil) icon.

Delete a Rule

To delete a Rule in the Rules settings panel click the ‘X’ icon.
Tip: Holding down the ‘Ctrl’ key at the same time as clicking ‘X’ will delete the Rule without displaying the ‘Are you sure’ message.
To delete a Rule in the Site Rules click ‘X’.

Assignments with Rules

Care must be taken when sites containing Rules are used for assigning work. Consideration must be taken into account for any users that may not be able to see activities due to Rules placed on a page or widget. The Assignment Manager and Assignment Monitor will display assignment activities against a pupils name as not completed even if they were unable to access the work.

Sharing sites with Rules

If a site with a group or profile rule is shared ‘Public on the web’, a message indicating that there are group rules which may not display to unauthenticated users will be displayed.

How to Create a Site

Bagaimana Menghasilkan Sumber Pengajaran dan Pembelajaran

<iframe src=”https://player.vimeo.com/video/45564801″ width=”640″ height=”480″ frameborder=”1″]

How to Use Favourites

How to Use Tagging

Introduction to Site Backgrounds

 Posted by at 2:49 am