1. Creating Dynamic Communities

2. Objectives that will be covered: 1.Creating your communityCreating your community 2.Styling your communityStyling your community 3.Adding additional pages to your class communityAdding additional pages to your class community 4.Adding extra content to your pagesAdding extra content to your pages 5.Advanced editor featuresAdvanced editor features 6.Examples of communities that can be createdExamples of communities that can be created

3. 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

4. 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.

5. 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.

6. 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.

7. 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.

8. 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.

9. 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.

10. Using the inline editing tools you will be able to add extra content to your pages including the following: a slideshowslideshow a thumbnail gallerythumbnail gallery a document listdocument list a video/audio file and record video or audio directly into your pagevideo/audio filerecord video or audio directly into your page a single imagesingle 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.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 slideshowslideshow a thumbnail gallerythumbnail gallery a document listdocument list a video/audio file and record video or audio directly into your pagevideo/audio filerecord video or audio directly into your page a single imagesingle 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.How to Add Tags to your Files page Objective 4: Adding extra content to your pages

11. Adding 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.

12. Adding 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.

13. Adding 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.

14. Objective 4: Adding extra content to your pages Adding 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.

15. Objective 4: Adding extra content to your pages Adding 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.

16. Objective 4: Adding extra content to your pages Uploading 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.

17. Objective 4: Adding extra content to your pages Creating 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.

18. Creating 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.

19. Uploading 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.

20. Adding 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.

21. 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

22. Collaborate Feature Document List Gallery - 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.

23. Numbered Bullet Points Create a hyperlink Bullet 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 Image Insert Flash

24. Change the Font Bold, Italics and Underline Change the size of the Font Embed Media – Allows the teacher to embed video or audio files into the community. Alignment Embed media Insert table

25. Change font and highlight Insert symbols Insert 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. Save Source code – this is idea for those people that know about HTML source coding.

26. 6. Examples of communities that can be created

27. 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 701 Email – support@dbprimary.comsupport@dbprimary.com