ΑΓΓ66 Creating a wiki Contact Session 3 Hellenic Open University ΑΓΓ66 Creating a wiki Contact Session 3 (Leda Antoniou, Kosmas Vlachos & Athanasios Karasimos

Workshop Objectives 1. Create a wiki 2. Create and edit the home page (and any other wiki page) 3. Create and edit the navigation menu 4. Create an external link 5. Upload a file (e.g. Microsoft Word, PowerPoint) 6. Upload a multimedia file (e.g. a youtube video) 7. Request membership to the wiki 8. Invite a colleague to join your wiki 9. Post a comment and reply to each other (discussion forum) HOU AGG66 CS3 Sat 19/1/2013

Choose a wiki website You may choose from wiki websites, like: http://pbwiki.com http://www.wetpaint.com http://www.wikispaces.com We have chosen wikispaces for this workshop, so go to: http://www.wikispaces.com/ HOU AGG66 CS2 Sat 8/12/2012

Objective 1: Create a wiki Step 1: On the wikispaces website, click on ‘Wikis for Individuals and Groups’. HOU AGG66 CS2 Sat 8/12/2012

Objective 1: Create a wiki Step 2: Find the ‘Learn more and create your own classroom wiki today’, click on it and complete the form to create an account, join wikispaces, and create your wiki. Chick here to sign up HOU AGG66 CS2 Sat 8/12/2012

Objective 1: Create a wiki Step 2: Find the ‘Learn more and create your own classroom wiki today’, click on it and complete the form to create an account, join wikispaces, and create your wiki. Think carefully about the URL you’ll create. Tip: It could include the code of the course you’ll be using it for or your name. Basic wiki is for amateurs. Editable website is more advanced Remember to press the ‘Create’ button. HOU AGG66 CS2 Sat 8/12/2012

Objective 1: Create a wiki Congratulations Objective 1: Create a wiki Congratulations! You’ve just created your own wiki!!! (this is the home page) Have a look at the URL of your wiki! On the left corner, the name of your wiki appears! Your username should appear here! To be allowed to edit pages, you must always be logged in. HOU AGG66 CS2 Sat 8/12/2012

Objective 2: Create and edit the home page Step 1: To start adding content, simply click the ‘Edit’ button. HOU AGG66 CS2 Sat 8/12/2012

Objective 2: Create and edit the home page Step 2: Delete all of the default text. Add the text you want to have on this page. Use the editor toolbar to format your text. Press the ‘Save’ button once your have finished. The ‘Editor’ toolbar Always remember to press the ‘save’ button to upload your changes HOU AGG66 CS2 Sat 8/12/2012

Objective 2: Create and edit the home page Here’s the new version of your front page. The new version is immediately available online (!) HOU AGG66 CS2 Sat 8/12/2012

Objective 3: Create and edit the navigation menu Step 1: To create a new page, you need to create a link to that page in the navigation menu. Click on ‘edit navigation’ on the SideBar tab. HOU AGG66 CS2 Sat 8/12/2012

Objective 3: Create and edit the navigation menu Step 2: Type the title of the new page you want to create (e.g. ‘Web 2.0 Media’ ) HOU AGG66 CS2 Sat 8/12/2012

Objective 3: Create and edit the navigation menu Step 3: Highlight the title and click on the ‘Link’ icon in the toolbar. The ‘Link’ button enables you to insert an internal or external link to your wiki. HOU AGG66 CS2 Sat 8/12/2012

Objective 3: Create and edit the navigation menu Step 4: The ‘Insert Link’ window appears. Press the ‘ Add Link’ button to create a link within your wiki (internal link). HOU AGG66 CS2 Sat 8/12/2012

Objective 3: Create and edit the navigation menu Step 5: The title of the page you want to create should now appear underlined in blue – as a hyperlink. Save! Save it! New navigation option HOU AGG66 CS2 Sat 8/12/2012

Objective 3: Create and edit the navigation menu Step 6: The new version of your page should include a link to the page you’ve just created. By clicking on it, it should take you to a new blank page! The link to the new page within your wiki! HOU AGG66 CS2 Sat 8/12/2012

Objective 3: Create and edit the navigation menu Step 7: This is the new page you’ve created. Check its title. To add content to this page, go back to Objective 2! The title of your new page! HOU AGG66 CS2 Sat 8/12/2012

Objective 4 : Create an external link Step 1: To create an external link, click on the edit icon, type the title of the page you want to link to (e.g. Cambridge Online Dictionary), highlight it and click on the ‘Link’ button. On the ‘Insert link’ window that appears, select the ‘Web Address’ button. HOU AGG66 CS2 Sat 8/12/2012

Objective 4 : Create an external link Step 2: In the ‘Address’ field, write the URL of the website you want to create a link to (e.g. http://dictionary.cambridge.org/). Press the ‘Add Link’ button and then the ‘Save’ button on the toolbar! If you want the website to open in a new window, check the New Window button HOU AGG66 CS2 Sat 8/12/2012

Objective 4 : Create an external link The name of the external page you added now appears with a green arrow next to it – this shows it’s a hyperlink. The name/title now appears with a green arrow next to it. HOU AGG66 CS2 Sat 8/12/2012

Objective 5: Upload a file Step 1: Click the ‘Edit’ button and press the ‘File’ button on the ‘Editor’ toolbar. In the window ‘Images and files’ press the ‘Upload Files’ button, and select the file /image you want to upload by double clicking it. HOU AGG66 CS2 Sat 8/12/2012

Objective 5: Upload a file Step 1: Click the ‘Edit’ button and press the ‘File’ button on the ‘Editor’ toolbar. In the window ‘Images and files’ press the ‘Upload Files’ button, and select the file /image you want to upload by double clicking it. HOU AGG66 CS2 Sat 8/12/2012

Objective 5: Upload a file Step 2: When the file appears on the window, double click on it to insert it on the page. Click on the ‘X’ button. HOU AGG66 CS2 Sat 8/12/2012

Objective 5: Upload a file The name of the uploaded file you added now appears with a green arrow next to it – this shows it’s a hyperlink. HOU AGG66 CS2 Sat 8/12/2012

The ‘embed widget’ button Objective 6: Upload a multimedia file Step 1: To upload a video go to the page in which you want to insert the video and click the ‘Edit’ button. On the ‘Editor’ toolbar click on the ‘Embed widget’. The ‘embed widget’ button HOU AGG66 CS2 Sat 8/12/2012

Objective 6: Upload a multimedia file Step 2: From the categories on the left menu, click on ‘Video’. HOU AGG66 CS3 Sat 8/12/2012

Objective 6: Upload a multimedia file Step 3: Select the icon of the website from which you want to upload the video. HOU AGG66 CS2 Sat 8/12/2012

Objective 6: Upload a multimedia file Step 4: Once you click on the icon you want (e.g. ‘You Tube’), the ‘Widgets’ window appears. This provides a set of instructions explaining how to embed the video. Follow instructions to upload a video. HOU AGG66 CS2 Sat 8/12/2012

Objective 6: Upload a multimedia file Step 5: In ‘You Tube’ webpage, below the selected video, click on ‘Share’ button. HOU AGG66 CS2 Sat 8/12/2012

Objective 6: Upload a multimedia file Step 6: From ‘Embed’ section, copy the URL info given as code. Select this and copy! HOU AGG66 CS2 Sat 8/12/2012

Objective 6: Upload a multimedia file Step 7: Now you can watch your embedded video directly from your wiki! HOU AGG66 CS2 Sat 8/12/2012

Objective 7: Request membership to the agg66 wiki Step 1: Find the ‘Sign in’ link and click on it. Give the necessary information for your account To join a wiki select NO, to create your own select YES HOU AGG66 CS2 Sat 8/12/2012

Objective 7: Request membership to the agg66 wiki Step 2: Check your email. You should receive an email by Wikispaces, letting you know that your request to join the wiki has been accepted. HOU AGG66 CS2 Sat 8/12/2012

Objective 8: Invite a colleague to join your wiki Step 1: Click on the ‘Manage Wiki’ link in your wiki. HOU AGG66 CS2 Sat 8/12/2012

Objective 8: Invite a colleague to join your wiki Step 2: Go to the ‘Invite People’ icon and click on it. HOU AGG66 CS2 Sat 8/12/2012

Objective 8: Invite a colleague to join your wiki Step 3: In the ‘Send To’ box, type the e-mail address of the person/s you would like to invite to your wiki. Give the complete email address of your receiver You may personalize or edit the message before sending it. HOU AGG66 CS2 Sat 8/12/2012

Objective 8: Invite a colleague to join your wiki Step 4: A message should now appear telling you that an invitation has been sent. (NOTE: the invitation is sent directly to your receiver’s inbox) This message appears HOU AGG66 CS2 Sat 8/12/2012

To continue learning more about wikispaces, click on the ‘Help’ link to the top right of every page. HOU AGG66 CS2 Sat 8/12/2012

Leda Antoniou, Kosmas Vlachos & Athanasios Karasimos Thank you! Leda Antoniou, Kosmas Vlachos & Athanasios Karasimos HOU AGG66 CS2 Sat 8/12/2012