1. The Forty Five Club New Club Website

2. Agenda Overview Structure of Website Key Features The Basics More about Modules Your Roles – Examples Any Other Questions and Wrap Up

3. Agenda Overview Structure of Website Key Features The Basics More about Modules Your Roles – Examples Any Other Questions and Wrap Up

4. Overview New website for the Club Already live Easier to update More functionality for members Interactive for members and committee Social networking principles –Think: Facebook for The 45 Club... BUT –Applied for a Sports Club scenario

5. Agenda Overview Structure of Website Key Features The Basics More about Modules Your Roles – Examples Any Other Questions and Wrap Up

6. Structure The 45 Club site forms part of myClubNet –Network of UK sports websites –A “Community of Communities” myClubNet is a “Channel” on WebJam –Social Networking Platform –Provides the software for the 45 Club site –Sports, plus music, corporate, media etc etc

7. Structure (2) Sport Music Corporates Lots of others…

8. Agenda Overview Structure of Website Key Features The Basics More about Modules Your Roles – Examples Any Other Questions and Wrap Up

9. Key Features Drag and Drop Modules –Rich Text –Photos –Polls –Blogs (News) –Forums –Html if you really want! –Many more… Easy to update Collaborative Power of the internet on the Club website “Web 2.0”

10. Agenda Overview Structure of Website Key Features The Basics More about Modules Your Roles – Examples Any Other Questions and Wrap Up

11. The Basics Each page is made up of: –Header Section –Main Body Section Main Body has flexible number of columns Style set centrally for the whole site All content is included on the page via modules

12. The Basics Add a module –Sign in (as editor) –“Modules” tab –Select module type –Click –Or drag to page

13. The Basics Move a module –Drag and Drop Add a column –Click Delete a column –Click Add / Move module to another page Edit module settings Delete module

14. The Basics When users Sign Up for the site, they get their own Profile Page – can create a whole personal website if you wish Useful for coaches / trainers – set out qualifications / credentials etc Or just use as a personal website All users have a myWebJam page

15. Agenda Overview Structure of Website Key Features The Basics More about Modules Your Roles – Examples Any Other Questions and Wrap Up

16. What’s a module? To create a functioning network without knowing about code, you need to be fluent in drag and drop. Webjam is made up of scores of modules. Modules are the tools that Webjam provide you with to customise your site. For example a forum, a blog or a photo uploader. Some modules Click ‘edit site’ and using the modules tab you can access a wealth of materials from blogs to flickr addons.

17. By clicking on the ‘ADD’ button you are able to add specific modules to other pages on your site. For example if you see a widget you like on another site click ‘ADD’ from the top right of the module and choose which page you wish to add to. The EDIT button There are a few key notes to take in before you begin creating. Depending on what you have added to your page the ‘EDIT’ button allows you to moderate and amend your module. It allows you to allows to manage privacy, settings, moderation, co- edition and replication rights. Just click ‘EDIT’ to open up a whole new world of what we do.

18. Moderation Control who looks at your site and who can access specific pages. Having the ability to change the privacy settings on specific modules as well as pages can be used to great effect when recruiting new members. PUBLIC means that any user from any network can view the page. MEMBERS OF THIS NETWORK keeps certain aspects of the site private for people who have joined your network. PRIVATE can be used as an admin page where only you as the editor have access. CUSTOM is the term used when certain modules have had their status changed. Some private, some members and some public.

19. Module tabs Arranged for ease of use. The modules are separated into different groups so you can quickly find the module you need. The tabs are: Me and My Community My content Webjam Toolbox Media Internet Services Widgets Advertising Promote your network News Feeds The following guide explores the key modules within these tabs. Select a tab then choose which module you want. Simply click + TO PAGE or drag and drop the module into position on your site.

20. Me and My Community The best tools for community interaction The first tab in the modules drop down encourages community interaction. Here you can add forums, events, bulletin boards and add friend buttons. One of the key modules is the Activity Feed; The activity feed enables you to keep yourself and your members updated with what is happening on your site. If someone adds a blog, makes a comment, adds a photo or joins your network it will show up on your activity feed. There is more too and it is all customisable. Once the feed is added to your site click ‘EDIT’ on the top right corner of the module and choose ‘Activity types’ where you can uncheck the types of activity you don’t want to show up. “The feed allows editors to keep up with what is taking place on their network quickly and easily whilst allowing users quick navigation around the site”

21. Activity Feed Once you drop your module onto the page click ‘EDIT’ in the top right of your module. In ‘ACTIVITY TYPES’ tick the boxes you wish to display in the feed. The ‘SETTINGS’ tab allows you to define how many activities are shown and whether you want network activity, page activity, channel activity or personal activity.

22. Adding and Moderating a forum 1 Keep in touch with what your users are discussing Click ‘modules’ then ‘me & my community’ and add a forum to your page. Then choose ‘Post a new topic.’ A new page will appear for you to post a topic. People can easily reply by clicking the topic headline. To subscribe to updates on the forum click the ‘subscribe’ button

23. Adding and Moderating a forum 2 Keep in touch with what your users are discussing Click ‘EDIT’ on your forum. Here you can give a description to your forum, decide who can post and choose how many forums you have on your site. ADVANCED allows you to decide the post order and user photo size By clicking FORUMS you can control how many forums are displayed on one page.

24. Come to the party! Post events and invite members. Add all the required details in the marked fields and hit ‘create event.’ Choose ‘modules’ then ‘me & my community’ and add an event module to your page. Now choose the friends you want to ask, click the box by their name and click ‘invite guests’ That’s it. Now watch as people start accepting your invites.

25. And some more... Five other things you can do for your community.... 4 The ‘Bulletin’ module allows visitors to easily post notes on your network. 5 Add a Poll to your page. Add a question and answers and watch as the results come in. 3 2 1 Allow friends and contacts to become members of your network allowing them to see community only content by adding a ‘Join network’ button. Allow other users to add you as a friend by choosing the ‘Add as friend button’ tab. The ‘Subscribe to newsletter’ feature allows non-users to add their email address to your contact list.

26. My Content Tools to make your site reality. Using the tools in the ‘My Content’ tab you should be able to have a fully functional site in moments. The modules are: 1.Blog 2.Rich Text 3.Free HTML 4.Files 5.Photos 6.Notepad 7.Post it Note The ‘Files’ module allows you to upload files to your site for users to access. These can be anything from a PDF to an excel document. Add them as you would a photo. You can also keep this module private or for members only if you want to keep the documentation private. The post it note tool allows you to place notes around your site as guides to users

27. Adding a Blog Turning a blank canvas into a wonderful website You can either drag and drop the module onto the page or alternatively click ‘+ TO PAGE’ Do this with any module you like until you are satisfied with your content. A new box will appear where you can start writing. You are now ready to become the next Charlie Dickens! Easy. When the blog appears on your page, tap ‘Write new post’ Add text relevant to your blog post to the tags to help search engines find your blog quickly.

28. Adding a Blog More than what you see. Click ‘EDIT’ The blog module doesn’t end simply at typing a post. The BASIC tab allows you to define how many posts and tags per page. The COMMENTS tab increases your control of comments on the blog, you can moderate all comments, decide who can comment on posts. The UPDATE SEVICES feature will automatically update your blog onto various websites including Technocrati, thus feeding your blog around the web with minimal effort. CO-EDITORS gives the network editor control over who can write in the blog. If you want a user to be able to post blogs but to have no control over the rest of the site then simply make them a co-editor.

29. Rich Text Do just about anything in Rich Text The ‘Rich text’ module allows you to add text, pictures, links, videos, flash and more including an HTML editor. Use the key below to see which button does what and use these to your advantage when creating your site. 123456 Key 1.Add Hyperlink 2.Insert table 3.Add image 4.Insert files 5.Embed video/media 6.Edit HTML

30. Add ‘My Photos’ to your page then click the Add photos button to bring up the Image Library, click the Upload tab and follow the prompts. Insert into a module from the Image Library by selecting the 'INSERT' button in the actions tab. Upload Photos Make your site feel unique Find a picture you love.

31. In the SETTINGS tab you can control how the photos are displayed; Slide show, thumbnails or grid as well as showing the title, date and author. Collaborative mode allows members to add photos to the library. Upload Photos Do more than just simply adding a photograph. The SLIDESHOW settings define the time, transition and height of the images to be displayed. In the COMMENTS tab you can choose to allow comments and also to subscribe to comments should you wish to moderate. The SLIDESHOW settings define the time, transition and height of the images to be displayed. In the COMMENTS tab you can choose to allow comments and also to subscribe to comments should you wish to moderate.

32. Toolbox Keep on top of your site using the toolbox. By using the modules in the toolbox you are able to guide users around your site, offer information that is useful to them and the ability to use the NEW search function. Tools to take notice of are: 1.Show top users 2.Search 3.Page Navigation 4.Saved Search

33. Show top users/networks Choose to display popular users. You can choose to show users from the whole network or from a specific channel that you are a member of. By showing the top networks visitors are able to see popular networks with high content and community interaction. TOP NETWORKS

34. Search Function In ‘Toolbox’ add the 'Search' module to your site. This allows you to have a search box on your network to search for a specific query within content type (such as blog posts, photos, comments), users, networks or within all of these. The radio buttons can be selected to show search returns within your network or all networks. The search results are displayed so that you can quickly choose what type of content you want to search within (left). You are also given quick links sorted by relevance or date (see below).

35. Media Add You Tube videos and flickr photos to your network using the Media tab. There is also an MP3 Player and the option to add photos and files. Add YouTube videos Add the YouTube module to your page and then click ‘Show Videos’. Here you can choose what videos will show up. Select the ‘Display by’ drop down to choose the video search function. Copy and paste the embed code from YouTube to display a specific video. You can find this to the right of the video on the YouTube website.

36. Add Flickr pics To add pictures from Flickr click ‘media’ in the modules tab and select ‘Flickr Photos.’ Drag and drop or click add. You can change the Flickr tags you search by free tags or by a particular username by clicking edit in the flickr module and editing the preferences. Set up your photos as a Grid or Slideshow Tag your images using the edit button Use the dotted line to change the size of your column.

37. Internet services The whole web under one roof. There’s tonnes of tools for you to use in the ‘Internet services’ tab. Just add to the page and follow the prompts to set up your chosen service. 1.Google Maps 2.Shopping Search 3.POP3 Email 4.Bookmarks 5.Yahoo! Mail 6.Amazon Search 7.Web search 8.Gmail 9.Venda shop

38. Google maps Adding stuff to your site click Modules/Internet Services and then add Google Maps You can now simply add markers by clicking ‘add new marker’ and typing in the details Once you’ve placed the map in your site choose your location and set it as the default view. Click ‘EDIT’ to control the map. Like the photos you are able to allow collaborative mode. You can also give each marker a key.

39. Widgets From Super Mario to Petz A Widget is free content that you can add to your site to give it more glitz. Widgets make it easy to customise the content of your network and are excellent for both users and owners. How to get a widget. In the ‘Widgets’ tab you have three choices. 1.Webjam widgets which are created by us for you to instantly add to your site 2.Widgetbox library are popular widgets taken from widgetbox.com and offer everything from Super Mario games to Family Guy episodes! 3.Create a widget allows more advanced users to add their own widget using HTML

40. Webjam Widgets Ready made for your site Click add to page and then choose your location… Really that’s it. You are the weather forecast. Weather Keep your diary on your own site. Just add the Google Calendar to your page and set it up by linking it to your gmail account. Make it private if you don’t want anybody to see it – or perhaps members only if there is key member info on the calendar. Google Calendar Polls Find out what people like and what they don’t like by adding a poll to your site. Click ‘add a question’ and use the form to create your poll

41. The News You’ll only need one URL to be in the know. …the news channel you want to search in the search box and click find feeds, eg BBC CNN SKY Type... A list will appear for you to choose the feed that you want on the page. You can preview this or simply + to page. If you preview you are able to edit the amount of stories in the feed. Otherwise click ‘edit’ on the right corner of your news module. Find the feed you like This button refreshes your news feed

42. Quick tips. The top 5 helpful tips for building your site Find out how many people have visited your site in the last day, week or month. 4 Change the style of your website by clicking ‘styles’ on the toolbar and selecting one that suits you. 5 Add a column by clicking the plus sign. Use the x to delete the column. 3 2 1 TOP TIP!! webjam is so easy to use. To make your site look great all you have to do is drag and drop modules. You will create your own personalised website in a matter of minutes. See an index of your pages and move from page to page by clicking the ‘Settings’ tab.

43. Agenda Overview Structure of Website Key Features The Basics Your Roles - Examples Any Other Questions and Wrap Up

44. Your Role Maintaining Website Pages User Profile and myWebJam Pages Adding a News Article / Blog Post Approving Website Members Sending a Newsletter Anything else?

45. Agenda Overview Structure of Website Key Features The Basics Your Roles - Examples Any Other Questions and Wrap Up

46. Wrap Up Everything with the site is really easy… but only when you know how! You can best learn how to use the site by DOING Have a play – set up a PRIVATE page (only editors can see it) – and try out some modules – you can always add them to the site later if you want

47. And Finally… Enjoy the new site Talk to members about it Encourage them to use it Keep it updated… …and the site can become a vibrant part of the Club