WEB+2.0+Tools

=Cool Web 2 tools=

toc I have known about some very interesting web 2.0 applications for a while. The obvious ones like wikispaces, wikipedia and alike, but also the online applications like word processors, spreadsheets and media sharing spaces like flickr. There are however many more that are really worth looking at.

Click here for Web 2.0 Productivity Tools

Web 2.0 Tutorials
Without a doubt one of the best resources on the web for web2.0 Technologies is the [|commoncraft] show. Lee LeFever's productions are clear, simple and to the point; most of all they are "In Plain English" Here are the links:
 * http://www.commoncraft.com/world-wide-web
 * http://www.commoncraft.com/Twitter
 * http://www.commoncraft.com/twitter-search
 * http://www.commoncraft.com/photosharing
 * http://www.commoncraft.com/bookmarking-plain-english
 * http://www.commoncraft.com/video-social-networking
 * http://www.commoncraft.com/video-wikis-plain-english
 * http://www.commoncraft.com/rss_show
 * http://www.commoncraft.com/blogs
 * http://www.commoncraft.com/video-googledocs
 * http://www.commoncraft.com/mylocation
 * http://www.commoncraft.com/wetpaint
 * http://www.commoncraft.com/socialmedia
 * http://www.commoncraft.com/wikipedia-video
 * http://www.commoncraft.com/search
 * http://www.commoncraft.com/secure-websites-video

Virtual Field Trips Using Web 2.0
This is a page looking at using web 2.0 tools for creating simple but valuable Virtual field trips. Tools are common and powerful
 * Google earth
 * Google maps
 * Google street view
 * Microsoft live maps
 * Microsoft Photosynth

=online media tools= I was particularly taken with online media tools. These websites allow the user to edit, mix, remix and in some case record rich media (audio and video) and then publish this content. This is beyond the [|youtube,] [|teachertube] and googlevideo realms.


 * **Application Type** || **Name** || **Url** ||
 * Photo Tool || Voice thread || http://voicethread.com/ ||
 * Podcast || podOmatic || http://www.podomatic.com/mix ||
 * Audio Tool || Blabberize || http://www.blabberize.com/ ||
 * Audio Mixer || Looplab || http://www.looplabs.com/ ||
 * Audio Mixer || jamglue || http://www.jamglue.com ||
 * Audio Mixer || VUVOX || http://www.vuvox.com/ ||
 * Audio Mixer || Mixercast || http://www.mixercast.com/ ||
 * Video Editor || Jaycut || http://jaycut.com/ ||
 * Video editor || Eyespot || http://www.eyespot.com/ ||
 * Video Editor || Pinnacle Share || http://www.pinnacleshare.com ||
 * Video Editor || Cuts || http://www.cuts.com ||
 * Video Editor || Splashcast || http://web.splashcast.net/ ||
 * Video Editor || TouFee || http://www.toufee.com/ ||
 * Animation Tool || ANIMOTO || http://animoto.com ||
 * Animation Tool || DVolver || http://www.dfilm.com/live/moviemaker.html ||
 * Graphic Editor || Ajax Sketch || http://www.ajaxwrite.com/ ||
 * Photo Editor || PicNik || http://www.picnik.com ||
 * Cartoon Creation || Toondoo || http://www.toondo.com ||
 * Cartoon Creation || ComicsSketch || http://www.mainada.net/comics/ ||
 * Cartoon Creation || makebeliefscomix || http://www.makebeliefscomix.com/ ||
 * Cartoon Creation || Bubblr || http://www.pimpampum.net/bubblr/index.php ||
 * Cartoon Creation || Captain Underpants || http://www.scholastic.com/captainunderpants/comic.htm ||
 * Cartoon Creation || Toronto Library Kid's Space || http://kidsspace.torontopubliclibrary.ca/story.html ||
 * Caption Images || Caption Bubble || http://www.bubblecaption.com/create.html ||
 * Flowchart || Gliffy || http://www.gliffy.com/ ||
 * Flowchart || Draw Anywhere || http://www.drawanywhere.com/examples.aspx ||
 * Mind mapping || MindMeister || http://www.mindmeister.com ||
 * Timeline || xTimeline || http://xtimeline.com/ ||
 * Timeline || OurStory || http://www.ourstory.com ||
 * Drawing tool || Sumo Paint || http://www.sumopaint.com/home/ ||
 * Drawing Tool || OffSet Type.Network || http://offtype.net/ ||
 * Drawing Tool || GE's Imagination Cubed || http://www.imaginationcubed.com ||
 * Drawing Tool || Splash up || http://www.splashup.com/ ||
 * Drawing / Painting Tool || ArtPad painter || http://artpad.art.com/artpad/painter/ ||
 * Drawing Tool || Mr PicassoHead || http://www.mrpicassohead.com/create.html ||
 * Drawing Tool || Brushster || http://www.nga.gov/kids/zone/brushster.htm ||
 * Floor Planning Tool || Floor Planner || http://www.floorplanner.com/tryit/ ||
 * Newspaper Headline Generator || Fodey || http://www.fodey.com/generators/newspaper/snippet.asp ||
 * Clapper Board Generator || Fodey || http://www.fodey.com/generators/movie/clapper_board.asp ||
 * Graffiti style text generator || Graffiti Creator || http://graffiticreator.net/ ||

=Image editing tools= Pixlr is free to use with no signup needed. http://pixlr.com/
 * Pixlr**[[image:http://www.masternewmedia.org/images/tools_pixlr_logo.gif]]
 * resize it,
 * crop it,
 * apply effects and filters,
 * use layers.

http://a.viary.com/
 * Avairy**
 * edit and resize pictures,
 * create color schemes,
 * edit vectors,
 * apply effects,
 * create fonts

https://www.photoshop.com/express/
 * Adobe Photoshop Express**
 * 2GB of free space to upload
 * arrange them in galleries
 * edit them
 * Apply effect
 * resize
 * rotate
 * crop
 * adjust colors, saturation, brightness

http://www.splashup.com/
 * Splashup**[[image:http://www.masternewmedia.org/images/tools_splashup_logo.gif]]
 * edit any type of image
 * resize it
 * crop it
 * select different regions
 * use layers
 * add captions and effects
 * Free.

http://www.flauntr.com/
 * Flauntr**
 * get photos from Flickr, your PC or online photo storage service
 * edit it
 * resize
 * rotate
 * crop
 * captions
 * free photo storage
 * Registration needed.


 * FotoFlexer**[[image:http://www.masternewmedia.org/images/tools_fotoflexer_logo.gif]]

http://fotoflexer.com/
 * Flash-based image editing tool
 * free,
 * cropping
 * resizing
 * removing blemishes and wrinkles
 * changing eye color
 * adding captions

http://www.picnik.com/
 * Picnik**[[image:http://www.masternewmedia.org/images/tools_picnik_logo.gif]]
 * resize
 * rotate
 * crop pictures
 * fix underexposed photos
 * remove red-eye
 * special effects.
 * save your image locally in various formats
 * free

http://sumopaint.com/
 * Sumopaint**
 * Flash-based
 * supports layers
 * filters
 * effects
 * create shapes
 * edit your images
 * Free to use

http://www.pikifx.com/
 * PikiFX**[[image:http://www.masternewmedia.org/images/tools_pikifix_logo.gif]]
 * resize it
 * crop it
 * effects
 * borders
 * captions.
 * save image as JPG, BPM, PNG, TIFF and GIF
 * Free
 * no registration.

http://www.fixpicture.org/
 * FixPicture**
 * [[image:http://www.masternewmedia.org/images/tools_fixpicture_logo.gif]] edit
 * convert pictures
 * resize
 * crop
 * rotate
 * mirror
 * adjust levels
 * apply basic effects
 * output format(jpg, png, bmp, gif, tiff, pdf).
 * Free

http://www.pikipimp.com/
 * PikiPimp**
 * crop
 * rotate
 * brightness
 * saturation
 * contrast
 * black&white
 * sepia tone
 * captioning
 * download image
 * registered user for some features.
 * Free.

http://www.drpic.com/
 * Dr. Pic**
 * [[image:http://www.masternewmedia.org/images/tools_visual-communication_drpic.gif]] Javascript-based
 * resize
 * crop
 * rotate
 * add text
 * export image in different formats (JPG, PNG, GIF, BMP) with different quality settings.
 * Free
 * no registration required.

http://www.lunapic.com/editor/
 * LunaPic**[[image:http://www.masternewmedia.org/images/tools_lunapic_logo.gif]]
 * crop
 * resize
 * rotate
 * apply filters
 * add text
 * draw
 * add animations
 * free to use.

http://www.picjuice.com/
 * Picjuice**
 * [[image:http://www.masternewmedia.org/images/tools_picjuice_logo.gif]]resize
 * crop
 * flip
 * rotate
 * adjust
 * save picture in JPG or PNG format.
 * Free
 * no registration

http://snipshot.com/ (based on an article by Robin Good - http://feedproxy.google.com/~r/Robin-Good-Latest-News/~3/TMQSC6hzj_k/index.htm )
 * SnipShot**[[image:http://www.masternewmedia.org/images/tools_visual-communication_snipshot.gif]]
 * open any file from URL or PC
 * resize
 * crop
 * rotate
 * enhance
 * adjust exposure and contrast
 * apply effects
 * save in multiple formats
 * Free
 * no registration needed.



Screencast-o-matic
Here is another addition to the fold of interesting applications. This is a web 2.0 based screen capture tool, its still in beta but is worth a visit[|http://www.screencast-o-matic.com/]

voicethread & Jamglue
[| Voicethread], is a photo tool that incorperates voice recording and text. Its a [|Microsoft Photostory 3.0] online but with a world wide audienceThis is [|Jamglue] a tool for mixing and remixing audio content online.

Jaycut and video tools
[| http://jaycut.com/], [|Eye spot] and [|Mojiti] allow the user to upload the raw cuts to the site and then using existing materials and a variety of online tools, edit and modify the content and publish the end product.

ANIMOTO
http://animoto.com/ This is a animation site where you upload the images to the site, select your music and finalise your short film Films under 30 seconds are free. In its current form its interesting and neat but is really only eye-candy - [|Blog comments]

=Polling and Survey Tools= I have been experimenting with [|Surveymonkey] as a polling tool and I like it but in the free version its limited in that you can ask all the questions but the interesting back end features that make it hum - like download the results etc are limited.I have been thinking about doing a bit nmore of a delve in to survey tools but someone beat me to it. So... I have grabbed this list from a recent blog entry by Miguel Guhlin [|Around the Corner v2]. This is a nice tidy list of polling and survey tools. Thanks Miguel, much appreciated

Links to Polling tools
=Collaborative publishing tools=
 * 1) [|Poll Daddy]# [|Cool Web Toys]# [|Vizu.com]# [|Blogflux]# [|Quimble]
 * 2) [|SurveyMonkey]
 * 3) [|Zoomerang]
 * 4) [|Survey Gizmo]
 * 5) [|Ballot-Box]
 * 6) [|Easy Poll] Here is another tool - JOTFORM - http://jotform.com Download a short video on this - http://edorigami.edublogs.org

Mixbook
===Link=== [|www.mixbook.com]This tool will allow a group of people to create collaborative books.The books can be potentially published (in print) and of course viewed online.===Process=== The process is very simple1. Sign up to the site (get your kids to sign up to)2. validate the membership by clicking on the link sent to you3. Create a book - set the level of access you want, add a description and details4. invite people to mix your book 5. upload images and add context 6. Done!

lulu
===link:=== [|www.lulu.com]===Process=== **1. Write your book** (this statement probably does not do justice to this element of the process)**2. Upload** your manuscript, photos or digital files**3. Format** your book using their formatting tools - this is binding size the whole lot! ||
 * U.S. Printing Specifications ||
 * **Binding Types** || [[image:http://www.lulu.com/images/binding_perfect.jpg width="101" height="58"]]
 * Perfect Bound** || [[image:http://www.lulu.com/images/binding_coil.jpg width="101" height="58"]]
 * PlastiCoil** || [[image:http://www.lulu.com/images/binding_saddle.jpg width="101" height="58"]] ||

here is an example of the pricing process (from their [|website]) for a book The book price is calculated: $ 4.00 Printing cost (2¢/page x 200 pages) + 4.53 Fixed cost for cover, binding, materials ——— $ 8.53 Production costs
 * 4. Set a price**

+ 4.00 Creator revenue + 1.00 Lulu commission (20% of total profit)

=
=$ 13.53 Price

//**5. Sell** your book//

=Search Engines=

Create your own search engine
This is a new one from the google stable called [|Google Coop] It allows a group of people to co-operatively research and design and customise a search engine to suit their needs and requirements

[|Cool Iris]
By andrewch [|http://www.cooliris.com]

[|**The Firefox extension.**]

Cool iris is a neat firefox etension that lets you preview the website the link you are hover over goes to. So if you have a google search and you hover over the link [|Cool iris] will preview the page for you in a seperate windows that hovers. The frame also has functionality including emailing the bookmark etc

[|Techlearning Article]

Visual search
http://www.visual-search.net

Customise your search using visual search plugin for firefox. This plug in allows you to modify your search by double clicking on words within the search results. Goto the web site - http://www.visual-search.net - and install the plug in - Restart your browser Goto Google and enter a search string in the search field. Then slow double click on the words you want to eliminate or add to your search. + adds the words and - removes them This refines the search and updates the field.

Instructional Video - http://www.visual-search.net/Visual%20Search%202/Visual%20Search%202.html

=Wiki Mania= Wiki mania is a page looking at the Wikimedia range of projects: These include:
 * wikipedia
 * wikispecies
 * wikibooks
 * wikicommons
 * wikisource
 * wiktionary
 * etc

=Visuwords=

http://www.visuwords.com/

This is a flash powered online thesaurus/dictionary etc. Its brilliant, great eye candy value but it graphically displays relationships etc Hovering over the key word will float an explanation



=Gapminder=

This is a brilliant mashup it graphs wide varieties of data [|http://www.gapminder.org]

This is a remarkably diverse and interesting site. This site provides free software that you can use to visualise human development. Its made by an interesting collection of groups including the universities and UN

**So what does it do?**
It allows you to graph population features like life expectancy, population counts etc against other population features with different country data. Its interesting, very visual and easy to use, its also allows you to move through time as well. Have a look at population in Rwanda over time.



The site also has resources in PDF format like this one on World education.

They also have video and "gapcasts" to view

=Voice based Search engine= http://www.midomi.com/ This is an interesting web site. This is a mash up using Flash, voice recognition tools and a extensive database of music.

Its a site where you can search for and find music, what make sit interesting is that you can search by your voice. Search for the song of your choice by singing or humming The site is commercial - you can buy what you hum and find.

They even have a video of how it works - http://www.midomi.com/index.php?action=main.video

You can also publish your own material to the site.

=Create-a-graph=

Link
http://nces.ed.gov/nceskids/createagraph/

Details
This is a nice Flash powered tool which allows the user to create a variety of graphs online.

Graph Types
The Graphs are the good basics
 * Bar
 * Line
 * Area
 * Pie
 * XY

Process
Once you select the graph type, the flash object has a series tabs you use to navigate through the stages of developing your graph. The steps are logical and make for a useful progress:
 * Design - appearance of the graph 2D/3D
 * Data - enter your data here
 * Labels for axis, title and data series
 * Preview
 * Save



Download formats
You can also email the graph or chart to yourself.

=Mash ups.=

In many ways Mash ups represent the ultimate web 2.0 tool. Here you customize and design your own information and data source, you remix data from where ever into a format that you want and need.

Links:
http://mashmaker.intel.com/ http://www.orch8.net/ http://www.youtube.com/watch?v=U9sENSA_sjI

http://mashmaker.intel.com/

Description
A Mashup is where you bring together information from various sources in a single page. It might be demographic information and maps or Flickr pictures and maps. There are lots of opportunities that are possible. But… its hard work Well Intel has given us an option - [|Mashmaker]. There are a variety of resources to help you and a plug in for your browser. This is worth a play. Main page - http://mashmaker.intel.com/ Overview - [|http://softwarecommunity.intel.com/articles/eng/1461.htm] Video tutorials - [|http://softwarecommunity.intel.com/articles/eng/1505.htm] source: http://softwarecommunity.intel.com/articles/eng/1505.htm

=Interesting sites=

[|The web revolutionaries - the men and women who reshaped the net]

http://www.masternewmedia.org/ [|kathy - Schrock on Web 2.0 http://school.discovery.com/schrockguide/edtools.html] [|What is web 2.0] - http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html [|The web revolutionaries - the men and women who reshaped the net] [|back to school with the class of web 2.0 part 1] [|back to school with the class of web 2.0 part 2] [|back to school with the class of web 2.0 part 3] [|go2web20]