SITEMAP

Course Website Step-by-Step

The following information provides HPER faculty and instructor a step-by-step guide on developing a course website at IUB. If you have questions at any point of the process, contact HPER Instructional Consulting & Technology Services at 855-5435 for assistance.

Prior to create a course website, it’s important to explore and understand what it takes to development an online presence that will be beneficial to student learning. University of Washington provides an excellent overview on the creation of a course website, and we highly recommend the reading (http://catalyst.washington.edu/quick/web_site.html).

Applying for a Web Account at IUB

• Accounts on Veritas (www.indiana.edu): including account information, password distribution, application forms, and maintaining your account. http://webmaster.indiana.edu/account_info/aciub.shtml
• Accounts on Steel (mypage.indiana.edu): including information on the accounts, creating the site, directory, and much more.
  http://webmaster.iu.edu/php/

Interface Design

• User Interface Design
  http://cfg.cit.cornell.edu/cfg/design/contents.html
• Task-Center User Interface Design
  http://www.hcibib.org/tcuid/
• Web Style Guide: Interface Design
  http://www.webstyleguide.com/interface/

Readings, Assignments, and other Course Materials on the Web

• Making Course Materials Available on the Web http://catalyst.washington.edu/quick/course_readings.html
  http://catalyst.washington.edu/quick/dlprint.html
• Planning Considerations
  http://catalyst.washington.edu/planning/readings.html
  http://catalyst.washington.edu/planning/dlprint.html

Graphics and Images

• Choosing the Right Graphic Applications
  (Download the PDF document.)
• Working with Digital Images
  http://catalyst.washington.edu/quick/digital_images.html
• Planning Considerations
  http://catalyst.washington.edu/planning/images.html

Multimedia Elements

• Top 10 Digital Video Tips
  http://www.macdevcenter.com/pub/a/mac/2003/06/13/dv_tips.html
• Working with Audio
  http://catalyst.washington.edu/quick/dlaudio_action.html
• Planning Considerations
  http://catalyst.washington.edu/planning/dlaudio_plan.html
• Working with Video
  http://catalyst.washington.edu/quick/dlvideo.html
• Planning Considerations: Producing a Video Clip for Distance Learners
  http://catalyst.washington.edu/planning/dlvideo_prep.html
• Planning Considerations: Shooting a Video
  http://catalyst.washington.edu/planning/video_create.html

Digital Media Streaming

Digital media streaming is available for instructors if she/he has an account on Veritas.

• Digital media streaming access form (Fill out this form to enable streaming media capabilities on your Veritas accounts)
  https://www.indiana.edu/~wmhome/tool_guide_info/wwwdm_form/wwwdm_form.shtml
• Streaming How-To Guide: information on hardware and software recommendations and how to create and place content onto the servers, etc.
  http://www.indiana.edu/~video/streaming.html

Usability

• Creating a course website that has good usability
  http://www.usablenet.com/accessibility_usability/usability.html
• Useit.com
  http://www.useit.com/
• Usable web
  http://www.usableweb.com
• Usability First
  http://www.usabilityfirst.com/index.txl
• Macromedia Usability Topic Center
  http://www.macromedia.com/devnet/topics/usability.html

Accessibility

When designing and developing your course website, it’s important to make it as user-friendly as possible to people with disabilities. Using the web can be challenging for those who are blind, color-blind, have poor eye-sight, or who have impaired motor skills. Assistive technologies, such as the screen reader JAWS, allow users with disabilities to use the web. The World Wide Web Consortium (W3C) defines three levels of accessibility: Priority 1, Priority 2 and Priority 3. Priority 1 accessibility is, according to the W3C, a requirement for any web site, whereas Priority 2 and Priority 3 are encouraged but optional. The W3C provides checklists for each priority, which can be found at http://www.w3.org/TR/WCAG10/full-checklist.html.

More resources:

• Pilgrim, Mark. Dive Into Accessibility
  http://www.diveintoaccessibility.org/
• W3C. Checklist of Checkpoint for Web Content Accessibility Guidelines 1.0. http://www.w3.org/TR/WCAG10/full-checklist.html
• Clark, Joe. Building Accessible Websites. New Riders: 2003

Copyright

• IU Copyright Management Center: copyright quick guide, fair-use issues, ownership, permission information, etc.
  http://www.indiana.edu/~video/streaming.html
• Indiana University Copyright Information
  (to be included in the footer of your course website)
  http://www.indiana.edu/copyright.html
• Copyright, Intellectual Property Rights, and Licensing Issues
  http://sunsite.berkeley.edu/Copyright/

Uploading Course Website

• Uploading course website to the web server
  http://webmaster.indiana.edu/start/gs.shtml#g
• File transfer basics
  http://kb.indiana.edu/menu/transfer.html#section1
• FTP: File Transfer Protocol
  http://kb.indiana.edu/menu/transfer.html#section2
• SFTP: Secure File Transfer Protocol
  http://kb.indiana.edu/menu/transfer.html#section3
• Using SSH Secure Shell to transfer files
  http://kb.indiana.edu/data/akjs.html?cust=449580.11688.131

Restricted Access

• Limit access to the course website: depending on the nature of your courses, you might want to set up restricted access to the course website, so that only IU-affiliated people or registered students can access the course website.
  http://kb.indiana.edu/data/abeq.html?cust=449580.11688.131
• Password protecting certain folder on your course website: again, depending on the situation, you might want to have regular access to the entire course website except one of few folders. Download the job aid developed by ICTS that provides step-by-step directions.

List Your Course Website at “Classes at IU”

Course Directory Services: http://www.indiana.edu/%7Ecourses/