webtools2

[|Dickson College Home] | Library | Web Tools | Using Web Tools

=Dickson College Library: Using Web Tools= Vue | Prezi | Wallwisher | Mindmeister | Scribble Maps | Facebook | Wordle | Skype | Image Tools

media type="custom" key="6558697"**Vue - brainstorming and presentations**media type="custom" key="6558699" Really good for presentations as well as concept mapping, very clean interface - can zoom in close to images, e.g. art. Can set up a pathway to show slides in order wanted. Have to download tool. Can copy onto a wiki, see below. Main site: http://vue.tufts.edu User guide: https://wikis.uit.tufts.edu/confluence/display/VUEUserGuide/ENGLISH+USER+GUIDE

Choose shape, fill of nodes and line colours - good to choose middle range colours - right arrow on main tool bar shows map with a black background. To add a node to a map: Command N (or CTRL N). Text: Command T. Choose start and end arrows if needed. Add a node, drag corner to size wanted. Check text size - change in Formatting Palette. Can change the link shape in Formatting Palette, to an arc or s curve - really nice handles to control it's shape (as in Illustrator). To edit text, select T in main palette (or Cmd T), click 3 times in a node or click text in a node and then select with mouse. Other method: right click node, select Node Info, make changes. Can add notes and keywords as well. To duplicate a node, select it, copy and paste with Command C, Command V. But, really nice rapid prototyping facility in main toolbar. Select it and drag out from a node as many times as want Use link tool to draw arrows between nodes, add label in centre of line if wanted. Change font size in formatting palette. Hand icon in main tool bar slides the map. Can copy a style of a node by selecting node to copy from, Cmd Shift C or right click and copy style. Then select node to copy to and Cmd Shift V or right click and apply style. Move nodes using selection tool and dragging or arrow keys. Use the selection tool to select multiple nodes and arrows and make changes to all in one go.
 * To set up a brainstorm**, open Window / Formatting Palette and drag it below the main toolbar.

(Reset to 100% size: Command ') or use magnifier in toolbar - +, -, and open toggles a selection larger and smaller. Or, open Window / Exploration Palette choose Zoom (to fit a selection to the size of the window) or Fit (to fit the map contents to the window).
 * Zooming**: Zoom in: Command = Zoom out: Command -

To highlight a section of the map by lessening the opacity of the rest (useful if want to talk about a section). Open Windows / Exploration Palette. Select a subset and slide opacity bar, can expand selection.

Images, documents and web links can add to zoom in on or link to.
 * Layers:** Can add a duplicate or empty layer to build up a slide show. Can move a selection to a different layer
 * Image:** can drag from a web page into a node
 * Background image**: add the image to its own layer and lock the layer.

Adding content: Web page - open browser to page and drag address icon onto node or background. Can change name, box with "web" gives an active link. Can put several on a node. Resources from your computer - Windows/Resources, locate and drag files over.

Open Windows / Layers window and Resources window. Drag image over from Resources - comes into a node wrapper. With special selection tool (middle one) selected, select image in node, copy and paste, delete original node. With regular selection tool drag resize handles to widen image. In layers window, lock background layer - it greys out so can work on top of it.
 * To add a background image to a map:**

If the map contains local files, use the File > Save As VPK (VUE Package) choice. If it is saved as vue, you can always go back to make changes.
 * Saving:** Can save as a png, jpg or pdf or an interactive web graphic (map).

Need to modify the html code: Save interactive map as Interactive Web Graphic (don't have any spaces in the file names before you save). You will get 2 files - html and png (e.g. test.html and test.png - png is an image file like gif and jpg).
 * Uploading to the CLC:**

Upload png image to the CLC. Don't insert - the html file will do this. Click update group homepage. Go back into the edit and you will see the png file is in the embedded files list.

You need to find out what the CLC is going to call this image. To find out it's name, in the CLC page, go to another part and place the image in here (delete it later). Use the angle brackets <> (View/Edit Source) to look for this image name - it will be on a line which looks like this: < img border="0" src="/GroupDownloadAttachment.asp?GroupId=40877&AttachmentID=48021" alt="" style="width: 186px; margin-right: 20px; height: 140px;" / >< br / > The section you will need to copy into the HTML file code is this part: /GroupDownloadAttachment.asp?GroupId=40877&AttachmentID=48021 Take a copy of this part of the code showing up in your CLC page.

The HTML file code needs to be stripped back. Open it in a text editor such as Word Pad or Text Wrangler (not Notepad) - remove everything before the, remove everything after. Paste the new file into the img line at src=" Into this line also add border="0" as shown below, to stop a border appearing around the edge. Add alt="name" to all elements - img and all area elements (not map or div).

The should start something like this:      

This code can then be copied and pasted into the place you want it in the CLC, using the <>. It should put the png image in place. To put more than 1 image map on a page, change the name vuemap where it occurs twice or else the mapping will get mixed up.

media type="custom" key="6576193"

media type="custom" key="6558701"**Prezi - 3D Presentations**media type="custom" key="6558703"

media type="custom" key="6635355"

media type="custom" key="6558697"**Wallwisher**media type="custom" key="6558699" [|WallWisher] - see demo. Sign up for free, build a new wall, write your question/topic/activity, share your Wallwisher URL with others, a dd sticky note comments - 160 character limit on each. Good for brainstorming, immediate feedback on a discussion topic. Use during a conference for questions from the audience. Other ideas: Students find images on a theme and paste into sticky notes. Feedback, evaluation of a topic. It can embed media from linked URLs - can show student work. Student book reviews. Embed into cLc when finished - could have a library wall showing new resources. SIEC - Add greetings in own language or add information about own country, linked to a a Google Map. Student feedback about student presentations.

media type="custom" key="6558697"**Mindmeister**media type="custom" key="6558699" Mindmeister (http://www.mindmeister.com/) [|A Tour of Mindmeister] (http://vimeo.com/7326217)

media type="custom" key="6558697"**Scribble Maps**media type="custom" key="6558699" www.scribblemaps.com t36TN1fBdP media type="custom" key="6637937"

media type="custom" key="6558697"**Facebook**media type="custom" key="6558699"

[|Guidelines for facebook as a parent communication tool]

media type="custom" key="6558697"**Wordle**media type="custom" key="6558699" Wordle Paste in a selection of text or words. A twiddle ~ between words can group phrases. Right click a term in a Wordle to remove it and it will re-compute - take out common words, names,... To capture the Wordle use Print Screen or a screen capture tool such as HyperSnap, Jing or Grab. Use Photoshop, Paint or other image software to crop and save as a jpg or gif. Or use this online image tool - open it in www.pixlr.com/editor/ Or can create a mini poster at www.bighugelabs.com/education.php - use the Motivator option. email a copy to yourself. Paste Wordle into a layer over on top of an image - can reduce opacity of the image.

Paste in sections of speeches, news articles, song lyrics, poems, essays, a Project Gutenberg ebook, a lesson recall, a memory brainstorm, frequently misspelled words, reflections, introduction to a course - keywords, unit outline, summarising content, a student presentation, a student essay, page one or chapter one of a novel, ... Look at frequency of words, writing styles, vocabulary. What's missing - paste in a set of words with one term missing, e.g. animal classifications, muscles in the arm, the names of continents, a book in a series, one word in a set (numbers 20 to 30 in French), prime ministers, ingredients in a recipe, ... Guess the Wordle - guess a fairytale, Students in groups gather keywords, add to a share site such as TypeWith.me?, http://typewith.me/, then produce Wordle. Prereading - generate Wordle of a news article and ask students to predict what the main ideas are and generate a headline. Compare Wordles generated from 2 different speeches or from 2 different new sources. Analyse presentation notes and add as an introduction to a talk. A Wordle can be enlarged if copied onto an overhead transparency and projected onto a wall. Contents of student blogs or journals made into Wordles to look at themes. Introducing a unit, e.g. sustainable development - make a Wordle from Wikipedia article and look for themes. Students list skills they are confident in to form one Wordle and skills they need more time with in another. Make 2 Wordles from different sections of a novel - students compare them.
 * Ideas for the classroom:**

Hyperlinking a Wordle in a PowerPoint Presentation: media type="custom" key="7711835"

[|Want to go further?]

media type="custom" key="6558697"**Skype**media type="custom" key="6558699" [|Skype] [|Skype in the Classroom] - ([]) - Directory for teachers. [|50 Awesome Ways to Use Skype in the Classroom] - (http://www.teachingdegree.org/2009/06/30/50-awesome-ways-to-use-skype-in-the-classroom/) Collaboration with experts - scientists, museum curators, authors, ... Class watches a film, collaborates with a producer, expert on the topic. Guest lectures, interviews. Connections with the community - Dickson wetlands, ...

media type="custom" key="6558697"**Image Tools**media type="custom" key="6558699" http://media-convert.com/ http://video.online-convert.com/convert-to-flv http://www.zamzar.com/
 * Video Converters**

http://www.smartcopying.edu.au/scw/go/pid/1006
 * Creative Commons**

http://webresizer.com/resizer/ http://www.smushit.com/ysmush.it/ http://www.picresize.com/ http://www.imageoptimizer.net/Pages/Home.aspx http://www.shrinkpictures.com/ http://www.iresize.com/ http://www.imageoptimizer.net/Pages/Home.aspx http://www.resize2mail.com/ http://www.stanleyshilov.com/online-tools/image-compression/
 * Image Resizers**

http://pixlr.com/ http://www.sumopaint.com/home/ http://www.picnik.com/ http://www.improveyourimages.com/ http://www.photoshop.com/tools http://www.aviary.com/tools/phoenix http://www.flauntr.com/ http://pixer.us/ http://splashup.com/ http://fotoflexer.com/ http://www.cellsea.com/media/index.htm
 * Online Image Editors**

//**Search our Tag Cloud:**// include component="tagCloud" include page="include_pagefooter"