Adobe Photoshop Meets Web 2.0

What happens when Adobe Photoshop meets Web 2.0? Answer: Photoshop Express (psx). Two of the central tenets of Web 2.0 are an ability to move content to the web and then provide an easy mechanism to distribute the content to others. Psx is a free beta program that provides 2GBs of storage with the ability to perform Photoshop style edits through the web. For the last year, I’ve used Flickr to post my images to the web. Each image has a unique web address (URL) that can be used to insert a link to the image. The image to the right was taken at the Chihuly exhibit at the de Young museum in San Francisco. The image is stored on my Flickr site and a placeholder is created on this Edublogs post that says, go fill this rectangle with whatever sits at the end of the link provided. Here’s the link as a web address. http://farm4.static.flickr.com/3145/2703276751_e717c90cdd.jpg?v=0

One of the most difficult concepts for teachers first dipping their toes into the web pool, is to understand that web pages are assembled from diverse streams of content. Web 2.0 requires users to manipulate these streams of content to build web pages that pull content from many different sources. I choose one site, Flickr, to organize my photos which appear on three different blogs and several wikis. I’ll continue to use Flickr as a central storage site. What’s different about psx is that photos can easily be manipulated with Photoshop editing controls through the browser. In edit mode, you can perform basic adjustments such as resizing and exposure level and red-eye correction. There are also a number of tuning and effects tools that are familiar to any Photoshop user. Teachers will quickly find that Photoshop Express provides a nice first-step for students to dive into the world of photo editing. Another benefit that the program’s Web 2.0 nature affords is the ability of students to photo edit at home for school projects.

My flower slide show was produced with images taken on May 11, 2008 during Lilac Sunday held at the Arnold Arboretum, Jamaica Plain, Massachusetts. The HTML embed code is automatically generated by psx.

Visualize Your Text with Wordle

Visuals can be a powerful means of expressing lots of information. Teachers who increasingly migrate their knowledge in the form of text to the web through blogs and wikis have a cool new web 2.0 tool, Wordle. Wordle is a web-based program running javascript that transforms lists of words, websites, rss feeds, and tags into pictures.  I ran the program on my blog to generate the above image.  Some websites use a similar technique to create tag clouds, where the most frequent words are proportionally larger than others.

The Boston Globe’s Ideas section recently published (Sunday, 8/3/2008) a Wordle comparison of John McCain’s blog to Barack Obama’s blog and discovered that the most used word on each blog was “Obama.”  Some Wordle lesson ideas for students:

  • copy and paste a student essay into the “bunch of text” feature to analyze vocabulary use
  • compare the use of words used on several websites about the same topic
  • create word collages as art projects; color palettes, fonts, and backgrounds are fully customizable.

What are your ideas for using text visuals in the classroom?

Adobe Education Leaders Institute Report

What does a technical education guy do for summer vacation?  Answer: Spend a week at the the third annual Adobe Education Leaders Institute in San Francisco July 22-25, 2008.  Adobe Systems Inc. has continued to generously fund this unique gathering of educators from the United States and across the world.  We spent three and half days collaborating, learning about new Adobe software tools, and providing feedback to Adobe product developers.  I was especially honored when Bob Regan, Adobe’s Director of K-12 Education,  choose to show the Ferryway School’s recent Edutopia movie, Turning on Technology to kick-off the institute. Regan remarked that he appreciated how students were empowered to use technology as a tool for learning – the focus wasn’t on just using an application.

I’ll be sharing these resources in my school district this year:

  • The Encyclopedia of Life – Adobe’s XD Project group took on the challenge of creating a web-based system for visualizing the Earth’s living organisms. Here’s an image from one of their designs. I think it’s interesting that life can be visualized like a microprocessor. I’m excited to incorporate the EOL into our grade four science unit, Biome Breakthrough.
  • A new free word processor tool has been launched as part of Acrobat.com called Buzzword.  The program is a beta, meaning that it still being developed, but you can register for a free account.  Buzzword renders pages using the Flash engine so your documents appear exactly as you expect on the monitor and from your printer.  The AELs were especially interested in using Buzzword to support collaborative student writing projects.
  • From the under-resourced teacher perspective, Photoshop Express – Beta, had to be the most exciting software development shown.  Our students have increasing access to digital tools for taking pictures, think cell phone and ever smaller and cheaper digital cameras.  Last year, I taught a photojournalism lesson as part of a field trip experience where students had to take photos based on categories such as engineering and colonial life.  We used a wiki to share images, but with Photoshop Express, students can perform basic edits on their photos in a Web 2.0 world from home or school.
  • Fellow AEL and art teacher from across the pond (England), Ross Wallis, presented an amazing body of student work.  (Digitial Creativity – Flash) Ross’ philosophy is to treat computers and software as just another tool in the art room.  He requires that his students learn basic art skills before using the technology.  The talking portrait project was particularly interesting since it required students to research historic people by selecting a painting and learning about the artist.  Students then used Photoshop and Crazytalk to make their portraits talk using their own recorded voices.
  • Why become an Adobe Certified Associate?   Because you know a lot about Adobe software and digital work flows and want an objective evaluation of your skills.  Adobe now offers teachers and students the opportunity to receive certification in the following areas:
    • Web Communication using Adobe Dreamweaver CS3
    • Rich Media Communication using Adobe Flash CS3
    • Visual Communication using Adobe Photoshop CS3

    Yes, you have to pass an exam.  The exams are administered by Certiport.

The Chihuly exhibit at the de Young Museum was fun to photograph!

Flickr Photostreaming and Slideshow How-to

Flickr is one of several web-based photo sharing websites.  Most people think of photos as belonging to a particular website.  Take for instance the New York Times website, the print edition contains many of the same photos as the onlne version.  The nytimes.com owns the image copyrights.

What happens when you take the pictures and post them to a site such as Flickr?  Welcome to the world of Web 2.0!  I began using Flickr because I wanted a single location to organize and share my photos.   Prior to Flickr, I was dependent on uploading the images to whatever server or media storage solution was provided by the site.  Using two different blog systems (blogger and EduBlogs) and contributing to 4-5 individual blogs meant that I needed a better way to keep track on my images.  By posting my images to Flickr I could still embed photos into my blog posts but now I simply point to the Flickr URL or web address.

simpson391 photostream screen capture

I used the free Flickr account version for a year until purchasing the one year subscription for $25.00.  The primary feature that I needed was the ability to create unlimited Sets.  Think of a Set as a basket that has a name and contains your image goodies.

Slideshows are one nifty feature you can create with Sets using the SlideFlickr tool.  Helpful Tip: Slideshows in Flickr are automatically generated.  SlideFlickr gives you control over selecting sets and customizing the slideshow format.  SlideFlickr is separate website.

  1. Enter Flickr username.
  2. Select Set – add tags to help search engines find your great slideshow!
  3. Select Preview

Three Steps to a Slideshow with SlideFlickr

The pop-up preview window will contain the embed code for placing your slideshow on a website, wiki, blog site.  Copy and paste it.  On EduBlogs I switched from Visual to HTML mode to paste the embed code.

Grab slideshow embed code in SlideFlickr

Enjoy the SIW slideshow!  Let me know if you found this post helpful.