How To Embed Web 2.0 Content in WebTycho


Laddie Odom
Multimedia Producer
Center for Support of Instruction
Published: September-October 2008

Category: » Online-pedagogy » Emerging-technologies

Embedding course-relevant Web 2.0 content within a WebTycho classroom is relatively straightforward, thanks to Web sites that provide automatically generated embed code. The code can easily be copied and pasted into a classroom 's Course Content, Conferences, or Announcements area, without having to understand the code.

This tutorial shows how to capture embed code from a YouTube Web page and paste it into a WebTycho Conference thread. You can follow this same general technique to copy embed code from other Web sites and paste it into the appropriate area of your classroom.

IMPORTANT NOTICE:  Do not create, copy, edit, modify or view <iframe> tags with the TFE editor!  The current version of WebTycho’s Text Formatting Editor (Ephox EditLive) does not support embed code that uses <iframe> tags. To embed an object with an <iframe> tag, you will need to disable the TFE and follow the instructions on this page for embedding objects with the TFE disabled.

TFE Enabled | TFE Disabled

With TFE Enabled:

  1. Select the appropriate embed code from the object's Web page.
  2. Copy the embed code (press Ctrl + C or right-click and select Copy from the drop-down menu).
  3. In your WebTycho classroom, create a new (or open an existing) conference thread, class announcement, or course content item. Note: To embed an object into a new Course Content item, you must go through the Faculty Center and use the Create Text option for Course Content.
  4. In the create/edit page, select HTML from the View menu of the Text Formatting Editor.
  5. Paste the copied embed code into the HTML text box.
  6. Click Submit to upload the item into the classroom. Your object should now be available for immediate playback/use within the appropriate area of your classroom.

With TFE Disabled:

  1. Select the appropriate embed code from the object's Web page.
  2. Copy the embed code (press Ctrl + C or right-click and select Copy from the drop-down menu).
  3. In your WebTycho classroom, create a new (or open an existing) conference thread, class announcement, or course content item. Note: To embed an object into a new Course Content item, you must go through the Faculty Center and use the Create Text option for Course Content.
  4. In the create/edit page, select the HTML button on the "Enter Text as" line.
  5. Paste the copied embed code into the text box.
  6. Click Submit to upload the item into the classroom. Your object should now be available for immediate playback/use within the appropriate area of your classroom.
External Code Generator

If you want to embed an object from a Web site that does not provide the embed code for you, you can use the Embedded Media HTML Generator from the University of California, San Francisco's Center for Instructional Technology. This tool can create embed code for Flash, QuickTime, Real Media, and Windows Media files that you can then copy and paste into WebTycho.

About the Author(s)

Laddie Odom began his professional career over two decades ago in Detroit as an animator and special effects artist for regional and national television commercial campaigns.

After moving to Chicago in the 1980s, he first found employment in "multimedia", which at the time meant slide shows, produced with traditional analog photographic and graphic tools. Shortly afterwards, he was one of the first persons in the multimedia industry to be trained to operate large, specialized, ridiculously under-powered (compared to today's machines), graphics computers that created and presented slides digitally. Several years later, after helping pioneer the production of digital imagery and animation in multimedia presentations, he began to produce a new kind of multimedia, which was delivered via CD-ROM, was interactive and was usually authored in Macromedia Director. In the mid 1990s he was given the opportunity to apply his extensive experience as production manager for several companies and as an independent producer of interactive marketing and educational materials.

For the last two years he has helped UMUC explore and implement new technologies in order to help staff, faculty, and students achieve their goals.

Rating: Not yet rated



Comments

No comments posted.

Post a Comment / Vote

You must be logged in and be a member of the UMUC community in order to comment.

If you are a member of the UMUC community and do not have an account, please register for a FREE one.

If you have a guest account but are Faculty/Staff of UMUC please send an email to the DE Oracle Site Manager so that your guest account can be updated.