webteaching3 old

Instructional Resources for Faculty: 

Instructional Resources for Faculty Ed Garay UIC Instructional Technology Lab http://www.accc.uic.edu/itl Academic Computing and Communications Center University of Illinois at Chicago

Presentation Outline: 

Presentation Outline What Web server should you use? Which file format(s) should you use for your class materials? What about class communication? Solutions for online assessments Other tools of engagement Presentation available online at http://www.accc.uic.edu/seminars/webteaching3

What Web server should you use?: 

What Web server should you use? Blackboard CourseInfo course site e.g. blackboard.uic.edu/courses/1/ids200 Conventional Web server space Main UIC Tigger Web server (www.uic.edu) e.g. www.uic.edu/classes/las/las100 College Web server Departmental Web server Personal Web server (least preferred)

Why use Blackboard CourseInfo?: 

Why use Blackboard CourseInfo? Blackboard CourseInfo is a integrated Web-based learning management system Perhaps, the easiest way to facilitate instruction using the Web Appealing to both, novice and seasoned Web faculty developers Course site development and regular use done through a consistent and intuitive Web browser user interface

Why use Blackboard CourseInfo?: 

Why use Blackboard CourseInfo? Blackboard CourseInfo allows you to ... make class materials available online post announcements and email your class use threaded discussion boards collect homework electronically support study groups provide online assessment (with instant grading and custom feedback if you wish)

Why use Blackboard CourseInfo?: 

Why use Blackboard CourseInfo? Blackboard CourseInfo allows you to ... gather anonymous course evaluations maintain an online gradebook search and reorder course site content track students and see course site statistics For more information Visit the Blackboard CourseInfo resource page http://www.accc.uic.edu/itl/courseinfo contact the ITL or email blackboard@uic.edu

Slide7: 

Blackboard CourseInfo Welcome Screen

Slide8: 

Reading a document in Blackboard CourseInfo

Slide9: 

Each document area can be organized in folders and flat files. A flat file can be uploaded or typed in directly on the screen.

Slide10: 

Clicking on the Communication button, on the navigation tool bar on the left of the screen, displays these icons, which you could use to send Internet email to your class, access the discussion boards, etc.

Slide11: 

In Blackboard CourseInfo, sending email to your class is easy.

Slide12: 

The Control Panel is only available to instructors, and is what they use to add content to their course sites, such as announcements, uploading HTML or PDF files, typing in plain-text or cut-and-pasting HTML inline, etc. Most of this is done through the tools under the Content Areas.

Slide13: 

Entering an announcement in Blackboard CourseInfo

Slide14: 

To add a document, you click on the Add Item button

Slide15: 

In Blackboard, you upload files directly, that is, without using arcane programs like FTP. Simply click on the Browse button to search the disk drives of your personal computer, select other options and click Submit to do the upload.

Why use a conventional Web server?: 

Why use a conventional Web server? Pros Blackboard does not meet your needs why?) to have full control of Web site look-and-feel for special Web applications Cons you have to build everything from scratch: inc. site navigation, communication tools, online gradebook, surveys and quizzes, etc. most UIC students familiar with Blackboard *

Preferred Web file formats: 

Preferred Web file formats HTML documents (ideal) native Web file format, cross-platform Adobe Acrobat PDF files (very good) easy to create, retains precise look-and-feel, Acrobat Reader/Viewer is free and ubiquitous Plain-text documents lowest common denominator, cross-platform Proprietary formats (least preferred) requires user to have software like Word and PowerPoint to open .doc and .ppt files, etc.

Creating HTML files: 

Creating HTML files Use Macromedia Dreamweaver Convert MS-Word to HTML and use Dreamweaver, from then on forward Use any other HTML authoring tools (except FrontPage) interchangeably Mix HTML and Acrobat PDF if needed Get personalized training from ITL If you need help, contact the ITL

Adobe Acrobat (PDF) documents: 

Adobe Acrobat (PDF) documents Ideal for document distribution and for collecting homework assignments Easy to create using the programs you know and are familiar with Best solution to retain precise document look-and-feel, facilitate printing, and zoom-in/zoom-out

Adobe Acrobat (PDF) documents: 

Adobe Acrobat (PDF) documents Integrates seamlessly with the Web Good for mathematics & formulae Can password-protect files, disable printing or cut-and-paste Can capture Web sites into PDF Good annotation/collaborative tools See Acrobat seminar materials

Slide21: 

Select Save as HTML… from the File menu to tell MS Word to make an HTML version of the document you are currently viewing. Note that if you have the full Adobe Acrobat program installed, you can easily create an Acrobat PDF version of your document by clicking on the Acrobat icon on the main toolbar (all the way on the right). *

Class communication tools: 

Class communication tools Why use electronic class communication? Offer alternative and powerful means of communication Provide and get timely feedback Post announcements and answers… once Log messages in conference archives Facilitate collaborative learning Asynchronous conferencing: anytime, anywhere Give students a sense of a class community

Enhancing class communication: 

Enhancing class communication Types of systems Email communication Listserv lists Internet newsgroups Group conferencing e.g. Blackboard CourseInfo or FirstClass Real-time (keyboard) chat See Electronic Class Communications talk

Slide24: 

Discussion forums in Blackboard CourseInfo

Slide25: 

X X X X X X Threaded discussions in Blackboard CourseInfo

Slide26: 

Threaded discussions in a FirstClass conference accessed through the Web

Slide27: 

Reading a FirstClass group conferencing message via Netscape

Slide28: 

Replying to a message of a FirstClass class conference with Netscape

Slide29: 

The FirstClass Desktop, illustrated here, is the first screen you see when you log into FirstClass using the simple, yet-powerful FirstClass client program. The red flags indicate folders with new unread messages.

Slide30: 

Threaded discussions in a FirstClass conference accessed with the FirstClass client

Slide31: 

Reading a FirstClass group conferencing message with the FirstClass client program *

Web-based assessment: 

Web-based assessment Blackboard CourseInfo assessments Very easy to create and make available Support for multiple choice, true/false, fill-in-the blank, multiple answer, short answer/essay, image questions, matching, ordering and question pools Automatic grading and custom feedback Practice, timed and random quizzes Anonymous surveys

Slide33: 

A sample quiz in Blackboard CourseInfo

Slide34: 

A more elaborate quiz in Blackboard CourseInfo, using multiple choice, true/false, multiple-choice with an image and short answer/essay type questions

Slide35: 

A sample response screen you might get when taking a quiz in Blackboard CourseInfo The next slide shows how this question was created

Slide36: 

Creating quizzes in Blackboard CourseInfo is not difficult. Simply follow a few steps to complete a few questions to use in the quiz

Slide37: 

The final step in creating a quiz in Blackboard CourseInfo is completing the Assessment Availability screen and selecting a few options

Slide38: 

You can tell Blackboard CourseInfo to automatically generate an announcement with a link for a new quiz that you have just made available

Web-based assessment: 

Web-based assessment Mallard A Web-based learning environment for creating and administering online exercises Interactive assessment with immediate grading and custom feedback Powerful, flexible but cumbersome interface Authenticated access and student tracking For more information, visit our UIC Mallard resource page or email mallard@uic.edu

Web-based assessment: 

Web-based assessment CourseBuilder for Dreamweaver A new intuitive visual tool for creating highly-interactive and media-rich Web-based self-assessment modules An extension to Dreamweaver (formerly, DW Attain) that uses knowledge objects and wizards to make authoring easy Supports immediate grading and feedback Good for practice (non-graded) exercises See WebQuizzes seminar materials

Slide41: 

CourseBuilder for Dreamweaver is a good tool to make interactive learning modules. This example shows how a student could learn (through critical inquiry) by experimentation, i.e by dragging and dropping the correct names on the appropriate images

Slide42: 

This Dreamweaver CourseBuilder example allows the students to move a slide to indicate their selection. The moment they let go the slide, they get immediate feedback, specified by the instructor

Web-based assessment: 

Web-based assessment Other options Solutions using home-grown JavaScript and/or Dynamic HTML Some assessment possible with UIC FormMail For ultimate interactivity and media-rich assessments, consider Macromedia Authorware, Macromedia Flash or Multimedia Toolbook Custom applications developed in Lotus Notes ITL considering QuestionMark (2Q2002)

Slide44: 

Brainstem is a highly interactive learning module, converted to Macromedia Flash by the ITL

Slide45: 

Students learn by going through a number of cross- sections, viewing one label at the time or all the labels. They can take a self-assessment quiz at anytime.

Slide46: 

Flash is a very powerful tool for creating interactive animations that engage the students and facilitate learning

Slide47: 

Macromedia Authorware is another powerful tool well suited for developing interactive courseware for CD-ROM or Web delivery *

Other useful technologies: 

Other useful technologies Flash animations & Dynamic HTML Good for adding interactivity and special effects to hypermedia Flash files are compact and integrate well with other hypermedia See our Intro to Flash seminar materials Dynamic HTML adds powerful programmability and layering See our Dynamic HTML seminar materials

Slide49: 

Macromedia Flash is the technology and tool to use for delivering engaging animations on the Web

Slide50: 

Flash is also a powerful tool for developing complex Web applications, like this virtual campus tour at Purdue *

Other useful technologies: 

Other useful technologies RealAudio & RealVideo streaming Good for narrated PowerPoint, lecture presentations, narrated WebTours and live or on-demand Webcasts RealAudio/Video of guest speakers Example: Provost UofI Online talk Small training video clips (CDs OK) Synchronized multimedia with SMIL Review RealAudio/RealVideo seminar

Slide52: 

Streaming RealVideo and HTML provide a powerful combination for delivering effective learning materials

Slide53: 

In this example, students learn by watching small video clips showing a psychiatrist interacting with patients properly (in some cases), and making mistakes (in others). The students can watch these sample interviews, on-demand, as many times as they wish.

Slide54: 

Another example of using RealVideo effectively to facilitate learning

Slide55: 

Surgical procedures are ideal targets for streaming in RealVideo

Slide56: 

Another use of streaming technology is to stream narrated PowerPoint presentations in RealVideo. This can be easily accomplished using the free RealPresenter Basic PowerPoint plug-in. *

Other useful technologies: 

Other useful technologies Videoconferencing over the network Free one-to-one videoconferencing with (H.323) Microsoft NetMeeting Powerful Applications Sharing feature for tutoring and guided demonstrations Recommended systems: Polycom ViewStation and Polycom ViaVideo Multi-point (3 or more) videoconferences possible via new ACCC MCU Services *

Related links: 

Related links Blackboard CourseInfo Resource Page http://www.accc.uic.edu/itl/blackboard ACCC Computer Seminar Materials http://www.accc.uic.edu/seminars/materials.html UofI Online Resource Page http://www.accc.uic.edu/itl/uionline ACCC Computer Lab Reservation http://www.accc.uic.edu/pclabs/roomres.html