Wednesday, July 15, 2009

D2L Engaging Digital Learners Session

The following are notes from a presentation on how to engage the facebook, wii, ipod, iphone, youtube generation in online learning

http://www.uwsa.edu/d2l

fusion.guest
fusion.guest

put file type (like wmv) in the search line

"skating babies-evian" for marketing example

Cbox let's you embed a discussion thread under an embedded video (create a widget for the Cbox that allows you to embed in D2L)

If you rip a segment from a video (turn on closed captioning before burning then you make it more accessible)

Caption Sync?- text writing closed captioning program? She wasn't sure of exact name, but worth checking.

I spring Free? for powerpoint (embeds, links to flash file, so need to have original powerpoint file too)

Freeplaymusic.com royalty free site

Camstudio, wink, jing They used camtasia

statcounter.com (counts hits) for tracking how many students opened the video (transripts) put the code on every page (use template from dreamweaver to make it easier?)

Dabbleboard -- whiteboard can record program

Animation--usually uses Flash for Interactive animation can allow students to manipulate and choose course of action Interactive Game templates http://facstaff.uww.edu/jonesd/games/index.html

GRAPHICS
Breaks up text-keeps it visually interesting--helps highlight/accent/compliment text

Check out these sites to find royalty-free images:
Free downloadable photos:
http://www.sxc.hu/
http://www.morguefile.com/
http://www.fontplay.com/freephotos/
Free downloadable animated graphics: http://www.gifs.net/gif/
Microsoft Clipart (also has many photos): http://office.microsoft.com/en-us/clipart/default.aspx

Picnik.com FREE, EASY--Can resize pictures/graphics that are too large after copying.

For wrapping text around photo in html code (insert attributes):
Code for floating images/wrapping text:

style=padding-right:5px;float:left

"This code will make the picture line up on the left side of the screen. To make the picture line up on the right side, simply switch around the words right and left. This code can be added to the code in an HTML editing software like Dreamweaver, or directly into D2L's HTML editor. In the D2L HTML editor you have two means to add the code:
In the editing mode of a course document, on the Advanced tab, click Edit HTML Source (lower left side of window), and type the code code within the code for the image. Make sure to save your edits.OR
In the editing mode of a course document, on the Advance tab, click on the image already inserted, click Insert/Edit Attributes on the editing toolbar, and type the code in the Style box (minus the style=" " portion of the code, e.g.: padding-right: 5px; float: left), click Insert, and Save.

AUDIO
Audacity (free) with microphone

Use audio feedback that can get upload back to a dropbox after word document (Can add that option unto Office so it becomes an icon on task bar)

POLLS
One way we can quickly gather feedback from our students online is to use polls. You can either use PollDaddy or Qualtrics to provide polls.

No comments: