FrogLearn - Module 1: Getting startedIntroduction to navigation and Site creation

2

Frog Bar – Navigation – Dashboard

Frog Head – Help, Dashboard Preferences, Log out

Home – this area/label changes depending where you are in FrogOS

Help – general help over view (content sensitive)

2 dots

o toggle between My Dashboard and School Dashboard

o Edit button available on My Dashboard; only admin users have Edit button for

editing School Dashboard

Search

o predicts what you are about to type

o search for Sites, Assignments and Notifications

Home icon – takes you to the last Dashboard you viewed

Quick Launch

o Short cuts to applications

o A method of launching functionality

FrogDrive

o Explorer-type view of what is available to you in FrogOS

o Latest Files

o Favourites – Sites you have marked as a favourite, similar to bookmarking a

browser page

3

o My Documents – your own storage area in FrogOS. From here you can share

resources with your students via Sites you have created.

o Sites – Site creation and categorisation for ease of searching

o Quizzes – an area for creating and storing Quizzes

o Applications – similar to

Quick Launch, gives

the user access to Frog

applications.

Administrators can

manage users and

groups from this area.

o Staff Documents –

shared storage area for

staff to create folder

structures to store

resources they may want to share with students via Site creation

o Forms – an area for creating and storing Forms

o Polls – an area for creating and storing Polls

Application Tray

o easy access to Sites or the FrogDrive that you may have navigated away from

but not closed

o will manage up 10 Sites. You can close a Site from here.

Notifications – will display updates with categorised information including activity on

Assignments, Polls, Walls, and Sites

4

NOTE If you type ‘Binge

Drinking’ for the name of the Site

and it doesn’t pull in the icon you

want, press Back, type ‘Drinking’

select the icon you need, click

Back and retype ‘Binge Drinking’,

the icon you selected will still be

there.

Building your first Site Features you will be introduced to:

Apps

Widgets

Go to FrogDrive, Sites, My Sites.

Click on the New Site button.

Site Name: type ‘Drinking’.

Description: type ‘PSHE – a lesson regarding the

dangers of binge drinking’.

Click the Next button.

Using the horizontal scroll bar browse the Themes available. Click on a theme to

select it.

Frog will suggest some icons to choose for your Site icon (using images retrieved from

Google). Select an icon and click on the Next button.

Theme

ICON

NOTE You must select a Theme and

an icon otherwise the Next button will

be greyed out and you will not be

able to progress to the next dialogue

box.

This is the first Site building exercise, to

familiarise you with some of the basic Site

building skills.

Sites can be Teaching and Learning Sites,

Portals, Departmental Areas, Clubs, Events,

Assignments, Resources Zones, Splash Pages

for Navigation, and so much more …

Here, you are going to create a Teaching and

Learning Resource – Curricular – Binge

Drinking.

5

In order for a Site to be searchable or categorised in FrogOS, you need to tag the resource

with keywords. In order to make this a little easier Frog gives you suggestions. You can use

single or multiple tags in each category and also add your own.

In the dialogue box that opens, use the drop-down arrows to view the tags available

in each category. Add a tag by selecting it and clicking on the Add button.

Add keywords by typing these into the Keywords field and clicking the Add button

after each one.

The following tags and keywords are suggestions for the Site we are creating in this exercise:

o Curricular

o Personal, Social Health and

Economic Education

o Key Stage 5

o Keywords: PSHE, alcohol,

Drinking, Alcohol (right click

for spell check)

Click Create Site

Click on the EDIT button to

continue building the Site.

This opens the Content Tray which is split into three tabs: Settings, Widgets and Layout.

Settings

The Content Tray opens on the Settings tab and by

default displays the settings you defined on

creation. Changes can be made from here to the

Theme, the icon, the Site name and description,

tags and keywords.

To edit the Site name and description you can edit

text on the page directly (when the Content Tray is

open), or edit these fields in the Settings tab.

In the Settings tab, type ‘Crime’ in the

Keywords field and click the Add button to add a

new keyword.

Click on the Site name and edit the name of the Site to ‘Binge Drinking’.

Layout

This is organised as boxes in a number of

different arrangements and combinations,

from 1–4 boxes. Clicking on any of the

numbers 1–4 displays the combinations

available.

6

For this Site we will use one of the three box arrangements: two smaller boxes at the bottom

one larger at the top.

Click on the box arrangement highlighted red here. You should now see that

arrangement of layout boxes on your Site.

NOTE You can re-arrange the layout at any time to use more or fewer layout boxes. You

can also place as much or little content (Widgets) as you wish in any of the layout boxes on

your page. If you choose to select a different arrangement, you may need to re-position

your Widgets in the desired boxes, but you will not lose any content.

Widgets

The Widgets tab contains all the Widgets available to use on your Site.

All have specific functionally and the majority will be covered in the

various training modules.

For this exercise we will place an image on the Site.

From the Widgets tab, select the Media Widget. Drag it into the

left hand small box.

When the box turns blue, release the Widget.

Double click on the Media Widget you have just placed on the

page. This will refresh the Content Tray to enable you to edit the

Widget.

We will use the Pin-Point Application to

find a suitable image.

Type in the Search Pin-Point field

‘Binge Drinking’.

Click on the Pin-Point icon (next

to the search field).

Pin-Point will load and display the first 20

‘safe’ search results from Google and

YouTube.

7

Moving your mouse over the images will enable you to get a better look at each image, and

choose whether you want to Use the image in the Widget on your Site, Preview the image or

video clip, or Pin it! to your Pinboard for consideration later.

Hover over the image you want and click Use to place the image

in the Widget on your page.

Use the Content Tray to choose the size of the image: Large,

Medium or Small.

Add two more Media Widgets in the remaining two boxes on your

page.

Click the Media Widget on the left.

Type ‘binge drinking’ directly into the Search Pin-Point field then

click the Pin-Point icon.

This time, please use the Pin it! button to save two images or

videos, and close Pin-Point.

Under Site Assets go to Pinboard and choose the video/image to

add. (Your Pinboard will need clearing down on occasion. I can

show you how to do this at the end of the session.)

Your Site should now look like the screen shot shown

here.

Alternatively you could embed a website by following

these steps:

Drag and drop an Embed Website Widget into

one of your layout boxes.

Double click on the Widget and type or copy

and paste the URL of the website you want the

Widget to display into the Enter URL field in the

Content Tray.

8

Now to share your Site!

Click save changes and then the X icon to close the Content Tray.

You will now be able to see the Share icon in the Frog Bar.

Click the Share button and select the Share option. The tags that you originally

selected will be displayed, enabling you to edit them if you choose.

Select Next once you are happy with any alterations that you want to make. The

dialogue box that opens allows you to set the sharing settings.

Click on the blue Share button to share your Site.

You will see a notification that your Site has been shared.

Other users will get a Site notification from their updates

that your Site has been shared with them.

You can search for Sites that have been shared with you,

either via the Search function on the Frog Bar, or by clicking

FrogDrive, Sites and searching through the categories listed

(Curricular, Extra-Curricular, Pastoral, Templates, Other

Sites).

NOTE By default this is set to Public in the

school (i.e. any user who has a login will be

able to search for and view your Site). Can

view is used when no collaborative Widgets

are used. You can be more specific about

access for certain users or groups. However,

we will discuss this later in the training using

another Site (e.g. a Student Council or

Department Site) where you may want to

give specific users more access to manage

as Site.

9

Site sharing part two: Site links – linking Sites to each other

using the Site Link Widget

Drag and drop a Site Link Widget into one of the two smaller layout boxes on

your page.

Double click the Widget and you’ll see in the Content Tray a list of Sites that

have been shared with you, along with the corresponding label, icon and

description prescribed by the creator of the Site.

Click on the Site you wish to link to and the Site Link Widget will be populated with the

details.

Module one complete!