Wednesday, July 29, 2:50-4:30, Cole 23

Dianne Krause

Hank Wajda

Tired of assigning the same old boring PowerPoint presentations again and again? Want to challenge your students a bit more than the traditional tri-fold or poster project? Come learn a whole host of new tools to spice up your students' projects and your lessons. Explore and experiment with a variety of Web 2.0 tools including animated avatars, comic creators, digital scrapbooks, image creators, interactive timelines, logo generators, slideshows, streaming video, and the web resources that will serve as "containers" for the different elements.

Use the tools below to create online persona that do the talking for you.

Blabberize

• Add your voice, songs, or sound bites to photos with a mouth that you virtually "cut out".
• Record from your computer, phone, or upload previously-recorded audio.
• VERY easy to use.
• Accounts needed to save and store Blabbers, but not to create.

Voki

• Create and customize your avatar using an extensive variety of characters, clothing, props and backgrounds.
• Fine tune your avatar's features such as eye color, face shape, nose shape, skin color, and so forth.
• Record your own voice or type in the text you'd like it to read in a variety of different accents and languages.
• Account needed.
• Voki Tutorial Handout
• Voki Classroom
• Voki Teacher's Corner
• Voki Lesson Plan Database

Powtoon

• Create animated videos and presentations, up to 5 minutes
• Free
• Accounts needed
• Easy & intuitive
• Many tools, props, "doo-dads" built in.
• Easy to share
• Powtoon for Education
• Education Pricing for Upgrade - FREE to use for up to 5 minutes!

GoAnimate

• Create an animated cartoon video using a variety of characters, props and voices.
• Customize your characters with different hair styles, colors, eye style, clothing, and more.
• Choose backgrounds and props to liven up your scenes.
• Lesson library available for several different subjects: Languages, Math, Science, Literature, History, Technology
• Text-to-voice or record your own voice with a microphone.
• Very easy to use!
• No longer free :(
• GoAnimate Tutorial
• GoAnimate Video Tutorials

Storyjumper.com

• Not a comic site, but a storybook creation site with many built-in themes, people and objects.
• Accounts needed but classroom/teacher options available for student account creation.
• Cannot embed, but can share with others via email.
• Storyjumper for Education
• Classroom Edition Quick Guide
• Examples

More Resources

Comic Resources

• Kerpoof™ Home
• Dumpr - Online photo effects
• StoryTop Story Maker -- The Online tool for storytelling
• plasq.com - Comic Life for Windows
• Comic Life in the Classroom
• Comic Life Introduction
• Comic Relief for Math and Science
• ComicLife Training Videos
• Comic Life Meets the Curriculum (and Beyond!)
• Smeech-Presos » Comic Life
• Comiqs
• Create Your Own Comic Strip with Comic Life
• Comic Life Resources
• How to Use Comic Life in the Classroom
• plasq.com - Comic Life - Version 1.4

Click HERE to see the complete list.

Sway

"Create and share interactive reports, presentations, personal stories, and more."

• Create interactive posters with images, documents, videos, tweets, audio files and more.
• All users need accounts but they are FREE. If you have Office 365, Sway is part of that package.
• Sway can be used for a variety of purposes: Content delivery, demonstration of learning, newsletters, blogging, sharing resources, etc.
• Sway Tutorials
• Examples:
  • https://sway.com/ - Scroll to the bottom for many examples
  • aka.ms/SwayEDU - Sway in Education
  • https://aka.ms/swayignite2015 - Office Sway: Reimagine How Your Ideas Come to Life - Session at the Microsoft Ignite Conference by the Sway Team, good example and other examples embedded within.
  • https://sway.com/kozB0EpeENqbr-Y_ - Go Ahead, Make my Sway Conference Presentation - Scroll down for good student examples
  • https://sway.com/VWvknLHQcvd4NMwX - Newton's Laws in Sports - 8th grade student-created Sways
  • https://sway.com/yv7JDQzskaV6JM40 - 6th Grade Poetry Anthologies

Google Tour Builder

• Create virtual tours using Google Maps that can include text, images, videos and audio recordings.
• Account needed - Google account
• Can share your finished tours, but not yet collaborative
• Google Tour Gallery
• Example - Dianne's year in Mulhouse, France

Other Tools for Digital Scrapbooks

Consider the following applications and resources for digital scrapbook creation as well. They are meant to be 'presentation' software, but students can embed pictures, text, voice, video, etc. and personalize the pages/slides as they see fit.

• PowerPoint
• Word
• OneNote
• Pages
• Keynote
• Prezi
• VoiceThread
• Interactive Timelines
• Also, video software such as iMovie, MovieMaker, etc could be used for narrated digital scrapbooks!

Big Huge Labs

"Helping you do cool stuff with your digital photos since 2005. :-) Have fun with your photos!"

• This site has a large variety of things you can do with digital images - 40 total!
• Each element/effect has its own editor, but each starts with uploading an image and then selecting other features and options.
• Very easy to use and highly customizable.
• No accounts needed to use and save your images locally. Accounts are needed to order prints.
• Educational accounts available for teachers and students - no email addresses needed.
• Big Huge Labs for Education

Image Chef

"Express yourself. Instantly."

• Create a variety of images, word art, poetry, and digital photo effects.
• A nice site to use to create images and logos.
• Select "Create" from the top menu and "All Templates" to see all your options.
• You can decorate your image after it is created with a variety of stickers, text, and clipart.
• No accounts needed to create and save.
• Either take a screen shot or use embed code to put on your website.

Loona Pix

• Select from a wide variety of frames and effects for your digital images.
• Upload photo and then choose the effect.
• Very easy to change effect - just click and your image will reflect the new effect in seconds.
• No accounts needed to use or save.
• Take a screen shot or use embed code to place on your website.

More Resources

Diannekrause's Favorite Links on images from Diigo

• Pixabay - Public Domain Images
• 12 Most Picture Perfect Ways To Ensure You’re Legally Using Online Photos
• 7 Image Editing Tools to Create Awesome Visual Content | Inspiring Generosity
• National Gallery of Art | NGA Images
• Larry Ferlazzo’s Websites of the Day… - The Best Online Sources For Images
• PhotoPeach - free photo slideshows with music
• piZap - fun photo editor - free photo effects editor - funny graphics for pictures
• Effects | PhotoFunia
• Powerfull List of 28 Online Image and Photo Editing Tools
• 4 Free Photos - Public domain images.

Click HERE to view the complete list.

Use the tools below to create interactive timelines complete with text, images, video and audio.

Capzles

• Create beautifully animated slideshow timelines with a variety of elements.
• Allows for events to be text (they call it blog), photo, and/or video.
• Can upload and share documents.
• You can upload music to play as a soundtrack as the "show" plays.
• You can select the background image that is displayed.
• Can be used for timelines, slideshows, or digital storytelling.
• Great scroll presentation for accessing events.

Dipity

• Create interactive timeline widgets with videos, pictures, text and updates from many different sources.
• An account is needed to create and save timelines.
• Add "Topics" to create new timelines.
• Interact with your events in 4 different views: timeline, flipbook, list and map.
• Add new events with text, images, videos, location and/or links with just the click of a button.
• You can also import different sources of info: RSS feeds, Twitter, YouTube, blogs, and more.
• You can customize the background, the time span, and more.
• Use embed code to put on your website.

TimeRime

• Create and collaborate on interactive, multimedia timelines.
• Accounts needed to create and share timelines for free.
• Educational accounts available for a fee.
• Very easy and simple to use - helpful "wizard" steps you through creation.
• Add text, images, sounds/songs, YouTube videos.

Timetoast

• Accounts are needed.
• Very easy to use and user-friendly interface.
• Can add text, links, and images to each event.
• Can leave comments on timelines.
• Can customize background color when you get the embed code.

The sites below can all be used to create cool and exciting text or logos for your portfolio or website.

Cool Text

• One of the first, best, and free text/logo generators out there.
• Easy to use and very high quality graphics.
• Create an account to get the HTML code, but can download too.

Flaming Text

• Lots of options for specific customization.
• Easy to save with right-click or screenshot.
• Scroll down to the bottom to see a complete list of logo styles.
• Be sure to select for Personal use!

Glowtxt

• Experiment with the different animations and glow levels to attain different effects.
• Visit the links on the right to find even more graphic and text-creation sites.

Spell with Flickr

• This program finds letters in Flickr (photo sharing site) and makes whatever words you want.
• Keep clicking the letters to change them to the ones you like best.
• Use the embed code or simply take a screen shot to get this into your web page.
• Do multiple words separately so you have more control with where they will go on the page.

Supalogo

• Type in your text, choose your font, size, color, and voila - a logo!
• Very simple to use.
• Can either download or get embed code to put on your web page.

Tagxedo

• Word-cloud generator like the two examples above, but you can personalize the look a bit more.
• Better for older students as their is a lot of choice that may be overwhelming to younger students.
• Words are clickable - defaults to a Google search for that word. You can customize this.
• Customize font, theme, color, orientation, and shape
• Save as images for printing and sharing
• View your word clouds as thumbnails, and pick the one you want for further tweaking or saving
• Constrain the word cloud to selected shapes (heart, star, animals, etc)
• Use images as custom shapes (e.g. a portrait, an animal silhouette)
• Examples
• Help
• 101 Ways to Use Tagxedo Google Presentation

Use the tools below to create slide shows online that you can embed into your website.

Animoto

• Upload your photos, choose or upload music, add text, and an MTV-like video is created for you complete with cool transitions and editing.
• "Most bang for your buck".
• Visit Animoto Classroom to get an "all-access pass" for you and your students.
• Educational account allows for unlimited length videos for free.

Office Mix

• Free add-on for PowerPoint
• Perfect for the flip/blended learning classroom
• Slide recording, screen recording, poll questions, simulations, web browser and other apps built in.
• Playback on any device
• Amazing analytics
• Accounts needed for creation and interaction - FREE Microsoft account
• Mixforteachers.com - interactive tutorials and videos
• Examples-
  • http://www.mixforteachers.com/example-mixes.html - Examples specific to Education
  • https://mix.office.com/Gallery - All Examples

Prezi

• Create non-linear presentations for a break from the norm of slides.
• You work with a huge canvas and can create presentations with scale.
• You can embed images and video into your prezi presentation.
• Accounts needed to create and save your work.
• Educational accounts available but email accounts are needed for registration.
• Learn Prezi
• Prezi for Education

lideShare

• Upload your Power Point and Keynote presentations, pdfs, Word documents or any other documents to embed on your website.
• Insert YouTube video or record audio voice-over too.
• Create an account to store your uploaded presentations.
• A great way to get your presentations online and keep them all in the same spot!
• Tip - Go to SlideShare and search for presentations in your subject area.

Voicethread

"Conversations in the Cloud"

• Upload your photos, documents, presentations, videos, etc.
• Leave audio, video or text "comments" to narrate each slide or to solicit comments from other people.
• A very collaborative and interactive way to produce a slide show.
• Educational accounts available for teachers to create student accounts without need for email addresses.
• Voicethread for education

Use the sites below to store and obtain video to embed in your website.

Hulu

• No accounts needed.
• Access to hundreds of TV shows and movies - old and new.
• Content not moderated at all, so BE CAREFUL with students!
• Take clips or whole episodes.
• Create widgets to share videos from certain shows or movies.

SchoolTube

• No accounts needed unless you want to upload your own videos.
• More "school friendly" than YouTube.
• Mostly videos created by teachers and students.
• Browse by category or search.

TeacherTube

• No accounts needed unless you want to upload your own videos.
• More "school friendly" than YouTube.
• Videos are sometimes supplemented with documents, pdfs, lesson plans, etc.
• Beware - this site is sometimes SLOW!

YouTube

• No accounts needed, but you can create an account to create your own channel.
• Use your channel to upload, create playlists, add favorites, and manage friends.
• The videos are moderated, but the comments aren't so BE CAREFUL with what you use with students
• Use QuietTube to eliminate comments and all unwanted distractions.
• YouTube EDU
• YouTube for Schools

Vimeo

• Another YouTube alternative with a lot of videos already shared.
• No account needed to browse, but an account is needed to upload and share.
• You can customize the embeddable viewer - colors, size, info the viewer sees, etc
• You can password protect your videos, so use with younger students is better than with YouTube.

Watch Know Learn

• Free educational videos, organized.
• Create an account to upload your own videos, but no account is needed to browse.
• Browse by category, age, grade, etc or use the search engine to find videos.
• Ideal for use with students trying to find videos for their projects.
• Links out to other video sites, so no embed code is listed directly on this site.
• Follow the video to the original site to obtain the embed code.

Other Sites

• UStream.tv - Live streaming video from webcams. Create your own channel or view and embed others.
• Worldtv.com - Create your own video channel or browse others.
• Blip.tv - Create our own video channel or browse others.
• Discovery Education Streaming - A subscription-based site, but chocked full over over 170,000 resources!

Even more video resources...

Video Resources

• Free Technology for Teachers: 43+ Alternatives to YouTube
• 12 YouTube Videos Every Online Educator Should View
• My Blackberry Is Not Working! - The One Ronnie, Preview - BBC One - YouTube
• WeVideo - Collaborative Online Video Editor in the Cloud
• EDU - YouTube
• teachers's Channel - YouTube
• Video-a-Day
• KidsTube.com
• Free Technology for Teachers: Seven Videos All Educators Should Watch
• Virtual Nerd has the best interactive math and science video tutorials to help high school students in Algebra and Physics
• QlipBoard - Voice anything. Share anywhere.
• ZuiTube - The largest collection of online videos for kids
• SafeShare.TV - The Safest Way To Share YouTube videos
• Flixtime - Video Slideshows made easy!
• A way to link to a specific part of a youtube video

Click HERE to view the complete list!

Where do they all go?

Use the resources below as "Containers" for your projects.

Wikis

• Wikispaces
  • Hands down, the best and easiest to use.
  • K-12 educators and students can upgrade for free to remove the Google Ads.
  • Many themes to choose from and completely customizable.
  • Teachers can create accounts for students - no email accounts needed!
  • For more info about Wikispaces in education, go here: http://www.wikispaces.com/site/for/teachers
  • For help with Wikispaces, go here: http://etoolbox.wikispaces.com/wikispaces
• PBworks
  • Another user-friendly wiki.
  • Can choose color scheme, but not as themes as Wikispaces.
  • Can easily integrate MS Office spreadsheets, calendars, and PowerPoint Presentations.
  • Teachers can create accounts for students - no email accounts needed!
  • For more info about PBworks in education, go here: http://pbworks.com/academic.wiki

Blogs

• Edublogs
  • Teacher can create up to 30 student accounts with no email accounts needed.
  • A variety of themes and color schemes available.
  • Can embed a wide variety of html embed code and widgets.
  • Can add posts or pages, depending on your needs.
• Wordpress
  • A variety of themes and color schemes available.
  • Can add posts or pages, depending on your needs.
  • An email account is needed to activate account.
  • May not accept all html embed codes.
• Blogger
  • Google's blog - can use already established Google account.
  • Very easy to use and post.
  • May not accept all html embed codes.

Websites

• Weebly.com
  • Very very easy to use website creator with NO ads.
  • Can create up to 2 websites for free.
  • Create websites by dragging and dropping the elements you want, then editing them.
  • A large variety of themes and color schemes to choose from.
• Google Sites
  • Very easy to use free website creator from Google.
  • Many different templates to start from or design your own page.
  • Seamlessly integrates with Google Docs and Google Gadgets.
  • Can invite others in to work on website with you.
  • Sites can be private or public.
• Webs.com
  • Very easy to use website creator with minimal ads.
  • A variety of themes are available that are highly customizable.
  • Editing is very user friendly.
  • Add many elements, including html widgets, straight from the built-in editor.
• Yola.com
  • Another very easy to use website creator.
  • Choose from a variety of themes and color schemes.
  • Also very easy to use and add elements.
• Wix.com
  • A very cool and creative website builder that uses Flash elements.
  • A favorite among high school students.
  • Drag and drop to add and edit elements.
  • A lot of themes and colors to choose from.
  • May be a bit of a learning curve for the beginner user.
• Webnode.com
  • Another free website creator with no ads.
  • Select from preset themes and colors.
  • Add preloaded and custom widgets and gadgets.
  • User-friendly editing interface.

Moodle

• HTML code can be embedded into Moodle too.
• Any element in Moodle that gives you the text editor with the icon "< >" will allow you to embed or add your own HTML.
• To do so, click the "< >" icon and paste the embed code in.

How to Add Elements

Although all the sites above are different, the procedure for placing embed code is very similar. Follow the directions below to learn how to embed HTML into your project or website.

1. Follow the instructions on each site to create the element you want to embed - avatar, slideshow, timeline, scrapbook, etc.
2. When you are finished, look for a link or an area of the website with "embed this" or "share this". The goal is to find the HTML "embed code" for the thing you just created.
3. Once you find the HTML code, highlight it all and copy it.
4. Go to your webpage, wikispace, blog, etc.
5. Go to the page where you want to put the element you just created.
6. Find the place on the site where you add widgets or HTML code. (In Wikispaces it's the TV icon, on Weebly its "Custom HTML")
7. Paste in the HTML that you copied from the website where you created the element you are embedding.
8. Save your page.

Tips for Editing HTML

You can always go back into the HTML you pasted to edit it. Here are a few tips to help you out:

• To change the size of the embedded object, look in the HTML for dimensions and tags that look like this: width=, height=, etc. Change those numbers to whatever you want to change the size of the object.
• To remove unwanted adds and/or text at the bottom of the widget, look for "<a href=" towards the bottom. Normally you can delete from there until the end of the html, but to be sure, end where you see "</a>".
• You can sometimes change the size and color of the border if there is one. Look for "border" in the HTML.

Check out the links below for even more Web 2.0 Resources!

Web 2.0 & Widget Resources

• Cogdogroo's 50 Web 2.0 Tools
• Cool Tools for Schools
• Go2Web2.0
• Wiki Widgets
• WidgetBox
• Spring Widgets
• eToolbox - One Stop Shop for Technology Integration

Digital Portfolio Resources

• Pixabay - Public Domain Images
• Photo Editor | iPiccy: Free Online Photo Editing for You
• Wonderful Free Templates to Create Newspapers for your Class ~ Educational Technology and Mobile Learning
• 12 Most Picture Perfect Ways To Ensure You’re Legally Using Online Photos
• 7 Image Editing Tools to Create Awesome Visual Content | Inspiring Generosity
• 20+ Storybook Creation Tools and Apps : Teacher Reboot Camp
• Cameroid - Use your webcam to take photos online!
• simplebooklet.com
• PhotoSnack | Photo slideshow maker
• Wikispaces Project Intro
• Help - projects
• The Anatomy Of An Infographic: 5 Steps To Create A Powerful Visual | SpyreStudios
• Online Free Flash Pageflipper
• JotForm · Easiest Form Builder
• Journal Apps, Online Diaries, and Digital Scrapbooks
• piZap - fun photo editor - free photo effects editor - funny graphics for pictures
• Effects | PhotoFunia
• 3x3Links - Speed-Dial-Style Browser Start Page
• The 35 Best Web 2.0 Classroom Tools Chosen By You - Edudemic
• Creaza Education

Click HERE to view the complete list of over 100 resources.