Creating Dynamic Communities

Objectives that will be covered:

1.Creating your community2.Styling your community3.Adding additional pages to your class community4.Adding extra content to your pages5.Advanced editor features6.Examples of communities that can be created

Step 1:

•Log in as a teacher

•Click on the Administration tool box.

Step 1:

•Log in as a teacher

•Click on the Administration tool box.

Objective 1: Creating your community

Step 2:

•Click on the Communities tab at the top of the screen.

• Click on the ‘Create Community’ button.

•Type in the name of the community.

•Click on the Create button.

Step 2:

•Click on the Communities tab at the top of the screen.

• Click on the ‘Create Community’ button.

•Type in the name of the community.

•Click on the Create button.

Step 1:

•Click on the area that says ‘Click to start designing the page’

Step 1:

•Click on the area that says ‘Click to start designing the page’

Objective 2: Styling your class community

Step 2:

•Select a skin for your page.

Step 2:

•Select a skin for your page.

Step 3:

•Select the layout for the page

Step 3:

•Select the layout for the page

Step 4:

•Using your mouse, hover over the area that says ‘This is the title’

•You will notice a pencil icon in the top left corner of this area.

•Click on the pencil and change the title to welcome your class.

•Click outside of this title area.

Step 4:

•Using your mouse, hover over the area that says ‘This is the title’

•You will notice a pencil icon in the top left corner of this area.

•Click on the pencil and change the title to welcome your class.

•Click outside of this title area.

Step 5:

• Using your mouse, hover over the photo of the field.

•You will notice a camera icon in the top left corner of this area.

•Click on the camera icon and locate the photo from your computer.

•Click on the ‘Open’ button and your photo will change.

Step 5:

• Using your mouse, hover over the photo of the field.

•You will notice a camera icon in the top left corner of this area.

•Click on the camera icon and locate the photo from your computer.

•Click on the ‘Open’ button and your photo will change.

Step 6:

• Using your mouse, hover over the area that says ‘Insert content here’

•You will notice a pencil icon in the top left corner of this area.

•Click on the pencil icon and type in some information that you want to inform your class.

•Click outside of this title area.

Step 6:

• Using your mouse, hover over the area that says ‘Insert content here’

•You will notice a pencil icon in the top left corner of this area.

•Click on the pencil icon and type in some information that you want to inform your class.

•Click outside of this title area.

v

Step 6:

• Using your mouse, hover over your photo.

•You will notice three icons in the top right hand corner of the screen.

•Click on the left icon with the green arrow.

Step 6:

• Using your mouse, hover over your photo.

•You will notice three icons in the top right hand corner of the screen.

•Click on the left icon with the green arrow.

Objective 3: Adding additional pages to your class community

Step 1:

•Using your mouse, hover over your photo.

•You will notice three icons in the top right hand corner of the screen.

•Move your mouse and hover over the icon with the spanner.

•Select the ‘Page Properties’ button.

Step 1:

•Using your mouse, hover over your photo.

•You will notice three icons in the top right hand corner of the screen.

•Move your mouse and hover over the icon with the spanner.

•Select the ‘Page Properties’ button.

Step 2:

•Select the ‘Centre’ from the drop down list on the Navigation field.

•Click on the green ‘+’ located on the left hand side.

Step 2:

•Select the ‘Centre’ from the drop down list on the Navigation field.

•Click on the green ‘+’ located on the left hand side.

Step 3:

•Type in the name of the page.

•Click on the green tick.

•Click on the green arrow located towards the top right corner of the screen.

Step 3:

•Type in the name of the page.

•Click on the green tick.

•Click on the green arrow located towards the top right corner of the screen.

Using the inline editing tools you will be able to add extra content to your pages including the following:

•a slideshow•a thumbnail gallery •a document list •a video/audio file and record video or audio directly into your page •a single image •additional text

Before setting up your slideshow, thumbnail gallery or document list you will need to tag the files that you are going to use.

For instructions on how to set up your tags, please visit the How to Add Tags to your Files page.

Using the inline editing tools you will be able to add extra content to your pages including the following:

•a slideshow•a thumbnail gallery •a document list •a video/audio file and record video or audio directly into your page •a single image •additional text

Before setting up your slideshow, thumbnail gallery or document list you will need to tag the files that you are going to use.

For instructions on how to set up your tags, please visit the How to Add Tags to your Files page.

Objective 4: Adding extra content to your pages

Objective 4: Adding extra content to your pages

Adding tags to your filesAdding tags to your files

Creating tags

To set up a slideshow, thumbnail gallery or document list, visit the community gallery and tag the photos you wish to use.

To do this, visit the gallery then double click on the file, enter your tag name and click on the green plus.

Creating tags

To set up a slideshow, thumbnail gallery or document list, visit the community gallery and tag the photos you wish to use.

To do this, visit the gallery then double click on the file, enter your tag name and click on the green plus.

Adding a SlideshowAdding a Slideshow

Step 1: Click on the Add Button to insert a slideshow. Select 'Slideshow or Slider' to add one of the two versions of the slideshow.

A slideshow will display your photos one-by-one on a rolling basis, whereas a slider requires you to click on the side of the picture to progress or review the images.

Step 1: Click on the Add Button to insert a slideshow. Select 'Slideshow or Slider' to add one of the two versions of the slideshow.

A slideshow will display your photos one-by-one on a rolling basis, whereas a slider requires you to click on the side of the picture to progress or review the images.

Adding a SlideshowAdding a Slideshow

Step 2:

From the drop down menu choose the tag where your images are located.

Step 2:

From the drop down menu choose the tag where your images are located.

Step 3:

To add in more than one tag just use the drop down list and select another tag.

Step 3:

To add in more than one tag just use the drop down list and select another tag.

Objective 4: Adding extra content to your pages

Adding a Thumbnail GalleryAdding a Thumbnail Gallery

Step 1:

Click on the 'Add' button and from the menu select the 'Thumbnail Gallery‘.

Step 1:

Click on the 'Add' button and from the menu select the 'Thumbnail Gallery‘.

Step 2:

Select the relevant tag.

You can add more than one tag by selecting from the drop down list again.

Step 2:

Select the relevant tag.

You can add more than one tag by selecting from the drop down list again.

Objective 4: Adding extra content to your pages

Adding a Document ListAdding a Document List

Step 1:

Adding a document list lets users download documents that are located in your community gallery. Click on the 'Add' button and from the menu select the 'Document List'

Step 1:

Adding a document list lets users download documents that are located in your community gallery. Click on the 'Add' button and from the menu select the 'Document List'

Step 2:

Select the relevant tag.

You can add more than one tag by selecting from the drop down list again.

Step 2:

Select the relevant tag.

You can add more than one tag by selecting from the drop down list again.

Objective 4: Adding extra content to your pages

Uploading VideosUploading Videos

Step 1:

Click on the 'Add' button and select the 'New Video' feature:

Step 1:

Click on the 'Add' button and select the 'New Video' feature:

Step 2:

Locate the video from your computer.

Please ensure that your video is of an mp4 format which has been optimized for website use. This is usually the H.264 codex.

Step 2:

Locate the video from your computer.

Please ensure that your video is of an mp4 format which has been optimized for website use. This is usually the H.264 codex.

Objective 4: Adding extra content to your pages

Creating audio and video using the in-built toolsCreating audio and video using the in-built tools

Step 1:

You can also record video and audio directly into your page using the in-built tools.

To do this click on the 'Add' button and select 'Existing Media‘.

Step 1:

You can also record video and audio directly into your page using the in-built tools.

To do this click on the 'Add' button and select 'Existing Media‘.

Step 2:

Select the relevant button to record audio or video.

Step 2:

Select the relevant button to record audio or video.

Creating audio and video files using the in-built toolsCreating audio and video files using the in-built tools

The built-in audio recorder will load allowing you to record, play, pause and stop. Please Note: In order to use the audio and video recorders you will require a microphone/webcam connected to the computer.

The built-in audio recorder will load allowing you to record, play, pause and stop. Please Note: In order to use the audio and video recorders you will require a microphone/webcam connected to the computer.

Uploading individual picturesUploading individual pictures

Step 1:

Click on the 'Add' button and select 'New Image' and locate the image on your computer:

Step 1:

Click on the 'Add' button and select 'New Image' and locate the image on your computer:

Step 2:

Once you have uploaded your image you can change its size by hovering over the image and in the bottom right corner will be a black dot. Click and drag the black dot to change the size of the image.

Step 2:

Once you have uploaded your image you can change its size by hovering over the image and in the bottom right corner will be a black dot. Click and drag the black dot to change the size of the image.

Adding Additional TextAdding Additional Text

Step 1:

Click on the 'Add' button and select 'Content':

Step 1:

Click on the 'Add' button and select 'Content':

Step 2:

Hover over the new content area and click on the pencil icon. Here you will be able to enter text & style the writing using alignment & bullet points, change the font, size & colour and create hyperlinks.

Step 2:

Hover over the new content area and click on the pencil icon. Here you will be able to enter text & style the writing using alignment & bullet points, change the font, size & colour and create hyperlinks.

Hover over the wiki area and click on the icon with the spanner.

To enter the advanced editing mode, click on the ‘Advanced Page Design’

Hover over the wiki area and click on the icon with the spanner.

To enter the advanced editing mode, click on the ‘Advanced Page Design’

Objective 5: Enter Advanced Editing Mode

Collaborate FeatureCollaborate Feature

Document ListDocument List

Gallery - ThumbnailsGallery - Thumbnails

Collaborate Feature – Allows a forum like feature to be displayed on the front of a community. Children will be able to respond via text only.

• These could be used for class research, allowing the children to work in groups.

Gallery – Thumbnails – Allows the teacher to present a set of images as a Polaroid.

• This could be used to present an art gallery of the children’s work.

Document List – Allows the teacher to create links to documents or PDFs. The teacher will need to upload files to the gallery and tag them accordingly.

• Present the children with a list of any documents that they need to access.

Collaborate Feature – Allows a forum like feature to be displayed on the front of a community. Children will be able to respond via text only.

• These could be used for class research, allowing the children to work in groups.

Gallery – Thumbnails – Allows the teacher to present a set of images as a Polaroid.

• This could be used to present an art gallery of the children’s work.

Document List – Allows the teacher to create links to documents or PDFs. The teacher will need to upload files to the gallery and tag them accordingly.

• Present the children with a list of any documents that they need to access.

Numbered Bullet PointsNumbered Bullet Points

Create a hyperlinkCreate a hyperlink

Bullet PointsBullet Points

Creating a hyperlink – Allows the teacher to place a link of the community for the children to visit.

• These could be used for websites that you would like the children to visit within a lesson or at home.

Insert Image – Allows the teacher to upload an image to the community.

• Teachers will need to click on ‘Browse Server’ and then click on ‘Upload’ locate the image from your computer.

Insert Flash – Allows the teacher to embed flash based objects.

• Teachers can embed Flash based objects from other websites into their community.

Creating a hyperlink – Allows the teacher to place a link of the community for the children to visit.

• These could be used for websites that you would like the children to visit within a lesson or at home.

Insert Image – Allows the teacher to upload an image to the community.

• Teachers will need to click on ‘Browse Server’ and then click on ‘Upload’ locate the image from your computer.

Insert Flash – Allows the teacher to embed flash based objects.

• Teachers can embed Flash based objects from other websites into their community.

Insert ImageInsert Image

Insert FlashInsert Flash

Change the FontChange the Font

Bold, Italics and UnderlineBold, Italics and Underline

Change the size of the Font

Change the size of the Font

Embed Media – Allows the teacher to embed video or audio files into the community.Embed Media – Allows the teacher to embed video or audio files into the community.

AlignmentAlignment

Embed mediaEmbed media

Insert tableInsert table

Change font and highlightChange font and highlight

Insert symbolsInsert symbols

Insert smiley faceInsert smiley face

Widgit enabling tool – this tool is an additional piece of software.

For more information on this additional piece of software then please contact the support team on the number at the end of this help guide.

Widgit enabling tool – this tool is an additional piece of software.

For more information on this additional piece of software then please contact the support team on the number at the end of this help guide.

Please note that any changes in the advanced design page will need to be saved using the ‘Save’ button.

Please note that any changes in the advanced design page will need to be saved using the ‘Save’ button.

Save Save

Source code – this is idea for those people that know about HTML source coding.

Source code – this is idea for those people that know about HTML source coding.

6. Examples of communities that can be created

If you would like any more information then please click on your ‘Need help?’ button on your homepage.

Otherwise please contact our support team on;

Telephone – 01273 201 701Email – support@dbprimary.com