Adding+Media

=Adding Media to WIKIS=

= Skills Included below = = = = = - Adding Files ( audio, video, word/excel/powerpoint.... ) - Adding Embedded Video ( dotsub.com - [] ) - Adding Widgets ( [|Clustrmap], [|Polldaddy][|Class Tools]... ) - 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.

2. A window opens. Click Upload Files ( ** red arrow ** )

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

= INSERTING MEDIA AS A FILE OR AS A LINK = ​ Follow direction 1 above

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

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

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

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

9. A window appears - click "Other HTML"

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?    View Results [|Polldaddy.com] media type="custom" key="4383969"

= 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: **

4. A window appears - click the "External Link" TAB

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

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

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:table1.jpg]] ||
 * table1.jpg ||  ||=   || [[image:table_row.jpg]] ||
 * table_row.jpg ||  ||=   || [[image:lpswiki:74786249 caption="table_cell.jpg"]] ||
 * table_cell.jpg ||  ||