Adding+Media+to+Wikis

= Skills Included below = = = = = - Adding Files ( audio, video, word/excel/powerpoint.... ) - Adding Embedded Video ( dotsub.com - [] ) - Adding Widgets ( [|Clustrmap], [|Polldaddy]... ) - Adding Weblinks - Other Tools - Horizontal Ruler, Table

= = = ADDING FILES TO YOUR WIKISPACE =

**( videos, audio files, word/excel/powerpoint/photostory...)**
A great feature that Wikispaces has is that you can upload many different types of media files - videos, audio files, weblinks, powerpoints, word/excel documents, pdfs....and the list goes on. Many times you want to upload a file or a movie to Wikispaces and just let people play it when they come to your page.

1. click "edit this page", then click the Insert Images and Files tool in the toolbar.
 * [[image:lpswiki:74617643 caption="images_files.jpg"]] ||
 * images_files.jpg ||

2. A window opens. Click Upload Files ( ** red arrow ** )
 * [[image:lpswiki:74621503 caption="upload_files_2.png"]] ||
 * upload_files_2.png ||

3. Click “Browse” ( ** blue arrow ** ) and locate where your file is that you want to upload 4. Click on the File you want to load and then click Open 5. Click the Upload button ( ** green arrow ** ) It may take a moment for the file to load. 6. Double-click the file to insert it in the page 7. SAVE

- Browse - in the left column choose "File System" - Click "usr" open - Click "bin" open - Click "soffice" Check the box - Do this automatically for files like this from now on.
 * Opening a file on your eeePC**

INSERTING MEDIA AS A FILE OR AS A LINK Follow direction 1 above
 * [[image:lpswiki:74622637 caption="insert_files.jpg"]] ||
 * insert_files.jpg ||

2. In the new window below "Insert Files" you’ll see that you can “insert” or “link to” your files. ( see above ) If you choose “link to” the file will just be linked to on the page so people can download it. But if you choose “insert”, the file will, where possible, be displayed as playable media. Here’s an example where I’ve used “link to” and then “insert” for an audio file so you can see the difference. The below image shows the top as a link to the audio file and below as an INSERTED audio file

ASSIGNMENT 1. Review the directions above. Learn how to add different media into your wiki Add a minimum of one of each type of file to the wiki you are building. ( video, audio, word/excel/powerpoint file, ...)

2. Explore other teacher wikispaces and see how they have used media in their wikis.

= ADDING EMBEDDED VIDEO TO YOUR WIKISPACE =

Embedding video is a great way to incorporate media without using up "space" on your wiki. There are many websites that you can use to find videos you want to embed.

[|Dotsub.com] - dotSUB enables subtitling of videos on the web into and from any language. [|Youtube] - This website is currently blocked at school so any videos you embed at home will NOT display at school [|Teachertube.com] - - [|Commoncraft videos] on Dotsub.com ( great introduction videos to embed )

1. Go to one of the links above 2. Search for a video 3. Click Share 4. Highlight the code and copy it. ( choose the size video you want to embed ) 5. Go back to your wiki page and click "Edit this page" 6. Click the widget tool ( looks like a blue TV ) 7. A window appears - click "Other HTML" 8. Paste the code in the field 9. SAVE 10. SAVE

= ADDING WIDGETS TO YOUR WIKISPACE = Widgets are a great way to add functionality and other data to make your wiki more interactive. A **web widget** is a portable chunk of code that can be installed and executed within any separate HTML-based web page. Other terms used to describe web widgets include: gadget, badge, module, webjit, capsule, snippet, mini and flake. Web widgets usually but not always use [|DHTML], [|JavaScript], or Adobe Flash. Widgets often take the form of on-screen tools (clocks, event countdowns, auction-tickers, stock market tickers, flight arrival information, daily weather etc). ~[|Wikipedia]

Find other widgets [] [] []

=Clustrmap=
 * [[image:http://www2.clustrmaps.com/counter/index2.php?url=http://laucone.com caption="Locations of visitors to this page" link="http://www2.clustrmaps.com/counter/maps.php?url=http://laucone.com"]] ||
 * Locations of visitors to this page ||

We often talk about having an authentic audience for our students. Wikispaces is a great way to showcase student work for a larger audience. Clustrmaps is a widget that helps answer the question of... Do you know your audience? With Clustrmaps v//isitors don't need to click on anything: just viewing the wiki page is sufficient.// They provide (free) HTML that gives you a tiny map, like the one on their [|main page]. When it loads, it shows the locations of all visitors to your page, cumulatively (even for huge numbers). Clicking on it zooms in to a big world map.

1. Copy the url of the website you want to track. 2. Go to: [] ( no account is necessary )
 * How to add a Clustrmap**
 * [[image:lpswiki:74629201 caption="clustrmap1.jpg"]] ||
 * clustrmap1.jpg ||

2. Paste the url web address in the URL field 3. Type your email address 4. Click Make my map 5. A new window opens - make sure [A] is marked


 * [[image:lpswiki:74629445 caption="clustrmap2.jpg"]] ||
 * clustrmap2.jpg ||

6. Highlight the code and copy it. 7. Go back to your wiki page and click "Edit this page" **( this part of adding a widget will work for most widgets)** 8. Click the widget tool ( looks like a blue TV )
 * [[image:lpswiki:74629701 caption="widget.jpg"]] ||
 * widget.jpg ||

9. A window appears - click "Other HTML"
 * [[image:lpswiki:74630361 caption="widget2.jpg"]] ||
 * widget2.jpg ||

10. Paste the code in the field 11. SAVE 12. SAVE

=Poll Daddy= [] ( follow the same directions as you would for Clustrmaps for embedding the code in your wiki You will need to create an account ( FREE ) Can student polls be used instructionally?  yes   no    View Results [|Polldaddy.com]

= ADDING WEBLINKS TO YOUR WIKISPACE = 1. Highlight the web address you want to link to. 2. Go back to your wiki page and click "Edit this page" You can add a link two different ways.

Click on the wiki where you want to add the link Then paste the web address on the wiki page. It will appear like this: http://www.wikispaces.com/help+teachers
 * One way: **

3. Follow steps 1 and 2 - Highlight the word or words you want to link to Click the link tool
 * Second way: **
 * [[image:lpswiki:74634581 caption="link.jpg"]] ||
 * link.jpg ||

4. A window appears - click the "External Link" TAB
 * [[image:lpswiki:74634893 caption="link2.jpg"]] ||
 * link2.jpg ||

5. Paste the web address in the field 6. Click Add Link 7. SAVE It will appear like this: Help for K-12 Teachers

= OTHER TOOLS = =Horizontal Ruler= 1. Click - "Edit This Page" 2. Click on the wiki page where you want to add the horizontal line 3. Click the Horizontal Ruler icon in the toolbar
 * [[image:lpswiki:74668303 caption="horizontal_rule.jpg"]] ||
 * horizontal_rule.jpg ||

4. The above line is what it will look like. This is used many times to separate sections of a wiki page.

=TABLE= 1. Click - "Edit This Page" 2. Click on the wiki page where you want to add the table 3. Click the Table icon in the toolbar
 * [[image:lpswiki:74666009 caption="table.jpg"]] ||
 * table.jpg ||

4. Choose the number of Columns and Rows you want 5. Insert Table
 * = **Cognitive Content Dictionary** ||
 * = Word ||= Prediction ||= Final Meaning ||

How to edit your table
1. Click inside the table you want to edit 2. This table icon appears 3. Left click on this icon to see the options you have to make changes ( You can see that using a table below to organize the text and images makes it more organized ) has an arrow to click to see more options. ||= Click on the arrow to the right of the word to see more options ( in gray ) ||= Click on the arrow to the right of the word to see even more options ( in white ) ||
 * [[image:lpswiki:74785999 caption="table_pic.jpg"]] ||
 * table_pic.jpg ||
 * = Initial window ( blue ) Each option
 * = || [[image:lpswiki:74786471 caption="table1.jpg"]] ||
 * table1.jpg || ||= || [[image:lpswiki:74786269 caption="table_row.jpg"]] ||
 * table_row.jpg || ||= || [[image:lpswiki:74786249 caption="table_cell.jpg"]] ||
 * table_cell.jpg || ||