IDT 7090 Designing interactive learning environments (Schedule)
Dr. Martindale's Teachable.org
IDT 7090 files on UMDrive Includes:
- PPTs
- sample course website created in DW with templates
- sample flowcharts and storyboards
Delicious bookmarks tagged idt7090
Learning Flash
Flash Dreamweaver Fireworks textbook that we used in class this semester. The Web Collection (by Bishop)

Reminders for Dr. M.:

Class Meetings

Meeting 1 8/29/2007	Meeting 6 10/3/2007	Meeting 11 11/7/2007
Meeting 2 9/5/2007	Meeting 7 10/10/2007	Meeting 12 ? 11/14/2007
Meeting 3 9/12/2007	Meeting 8 10/17/2007	Meeting 13 11/21/2007*
Meeting 4 9/19/2007	Meeting 9 10/24/2007*	Meeting 14 ? 11/28/2007
Meeting 5 9/26/2007	Meeting 10 10/31/2007	Meeting 15 12/5/2007

Student LAUNCH Pages

Bethany - Three Branches of Government- Explain the role of each branch of government, as well as checks and balances.Launch Page
Candi - Dreamweaver: Knowing the Signs of Sexual Harassment

         Flash: Who Wants To Be An Instructional Design Millionaire Launch Page

Corey -K12 technology Acceptable Use Policy My Launch Page
Jerry - DW: To IRB or not to IRB; Flash: DCC Preinstructional strategy Launch Page(12/4/7: added link to Flash8 fla version)
Joanne - Launch Page
Nadia -Going Green! My Launch Page
Ray - Fun with Dick & Carey Model for Instructional Design. Launch Page

Flash

Flash website samples

See entry on SCORMs (SCORE) below!

Flash tutorials
Flash tools

Dreamweaver

Prospecting for Martindale templates and stylesheets relevant to IDT7090

Prospecting web pages helps identify properties of various object categories in the site and can help generate ideas for your own pages. As Dr. Martindale mentioned in class, we can find examples all over the web.... and here are some right in our own backyard. --Enjoy

7090 Course Site
- http://teachable.org:16080/200787090/templates/master.dwt
- http://teachable.org/200787090/a_stylesheet.css
Teachable.org site
- http://teachable.org/Templates/main.dwt
- http://teachable.org/stylesheet.css

DWT files are templates. You can browse/view them in IE to see what the template shell “looks like.” To view the template's code in a text editor, look for something like Page/ViewSource in your browser. The template file is where the stylesheet (CSS) is identified. CSS files are actually text files. Browsing brings them up immediately in a text editor. When viewing either a dwt or css file in a text editor, you can print and save, so you can study the code offline to learn the behind-the-scenes secrets of course web pages.

Web Design

CRAP Design Principles http://www.thinkvitamin.com/features/design/how-crap-is-your-site-design

JavaScript Templates for Quiz

Fireworks and Image Editing

Course Management Systems (and related topics)

Meeting 10 CMS/LMS Grid

SCORM and e-Learning Standards

Meeting 10 notes

Sharable learning objects using Flash Check out these "learning objects" from Wisconsin online. Interesting SCORE (sharable content) modules; might give you good ideas about the Flash assignment possibilities. Interesting approach in click-and-drag quizzes; 3 wrong answers followed by "author's perspective."
SREB's work on the academic version of SCORMs (aka "SCORE")

Flowcharts

flowchart tutorial from maricopa.edu

Microsoft Visio
- Part of Office Professional for $149.95
- Easy to use, when you move boxes, lines/arrows will follow
- Flowchart Templates included; also gives examples of what different "boxes" mean
- Most tools are similar to typical Office interface

Smart Draw Single user license $297

Pros:

Easy to use
30 day trial
Built in templates
Easy conversion into multiple formats
Easy Download

Cons:

Water mark left on document
Lines do not move with objects
Somewhat expensive

Inspiration

Pros:
- Free 30-day trial available (http://inspiration.com/freetrial/index.cfm)
- Inexpensive ($69)
- Great for brainstorming (initial site planning)
- Links easy to connect to variety of hot spots on icon
- Link lines can be solid, dashed, dotted; two-headed arrows possible
- Linking lines "stick" with the icon when you move it
- Lasso tool lets you move large chunks/sections at a time
- Modest but adequate collection of standard flowchart icons, amidst vast ocean of non-flowchart libraries
- Easy to fill in boxes with text
- Easy to "write on" connecting lines
- Educators frequently already familiar with tool
- On-line community (mostly educators); online quickstart tutorial (http://inspiration.com/tutorials/)
Cons:
- Showing connections to more than one point in flowchart makes outline feature less viable
- Need to be creative to control location of right angles in linking lines
- Difficult to control (impossible?) page breaks when outputting to printer; carries over to exporting to gif. (However: can create multi-page interlinking charts (technique not readily apparent)
- Text in complex flowcharts exported to gifs can be miniscule
Pro?Con?
- Interface may be more intuitive for the Mac user than the Windows user.
- For downward compatibility, take care to Save as earlier version of software.