Journal of Distance Education/Revue de l'enseignement à distance (1997) ISSN: 0830-0445 Information Technology and Telecommunications: A Course on the World Wide Web

Rory McGreal
TeleEducation NB

Rory McGreal is presently the executive director of TeleEducation New Brunswick, a province-wide distributed distance learning and training network. He is also director of the New Brunswick TeleCampus. Previously, he was responsible for the expansion of Contact North (a distance education network in Northern Ontario) into the high schools of the region. Rory has worked in Canada as a teacher and teacher representative and abroad in the Seychelles, the Middle East, and Europe in various capacities as a teacher, ESL technological training coordinator, instructional designer, language and computer laboratory co-ordinator, and educational advisor. Rory is serving on the provincial Task Force on the Information Highway and on the federal Learning and Training Working Group for the Information Highway Advisory Committee. Presently he is on the Executive Board of the TeleLearning Research Network, Le centre internationale pour ledéveloppement de l’inforoute en français, and on the Education Committee for CANARIE Inc. (The Canadian Network for the Advancement of Research, Industry and Education). He is working on a PhD in Computer Technology at a distance. Rory and the TeleEducation team have created an online manual forinstructors entitled Learning on the Web >98 (<http://teleeducation.nb.ca/lotw>http://teleeducation.nb.ca/lotw), and with four other provinces created an online bilingual course called Information Technology that is being used across Canada and internationally.

Abstract

The East-West project has been designed to provide Canadian adult learners and particularly learning professionals with the opportunity to complete a full course online through the World Wide Web (WWW). Four Canadian provinces (Alberta, British Columbia, New Brunswick, and Newfoundland) participated in examining different approaches to implementing accredited programs for adults that would be accessible in the workplace, at home, in schools, and in community centres using the WWW. The project is an example of interprovincial collaboration, resource sharing, and credit acceptance. The experience has also been used to develop the necessary design expertise and set common standards in Web-based course development.
The course is being used to promote new ways of learning, produce effective learning materials, and provide innovative approaches to teaching. Another advantage is that teachers and designers can keep materials current. Currency and relevancy can be maintained through the development of internationally recognized open standards for instructional design, pedagogy, courseware, visual interfaces, and cybernavigation. Teachers and designers can make use of authoring standards and templates that have been developed for this project. They are available in the appendix or at the TeleEducation NB web site: http://teleeducation.nb.ca/.

Abstract

Le projet Est-Ouest a été conçu dans le but de fournir aux apprenants Canadiens adultes, et plus particulièrement aux professionnels de l'apprentissage, l'occasion de compléter la totalité d'un cours en-ligne sur le W3. Quatre provinces canadiennes (l'Alberta, la Colombie-Britannique, le Nouveau Brunswick et Terre-Neuve) ont participé dans l'examen de différentes approches pour implanter des programmes accrédités pour adultes qui seraient accessibles à partir du lieu de travail, de la résidence, de l'école ainsi que des centres communautaires via le W3. Ce projet est un exemple de collaboration interprovinciale, de partage de ressources et de la reconnaissance de crédits. L'expérience a également servi à développer l'expertise de design nécessaire ainsi qu'à établir des normes communes dans le développement de cours offerts sur le Web.
Le cours est utilisé pour promouvoir de nouvelles façons d'apprendre, pour produire des matériels d'apprentissage efficaces ainsi que pour fournir des approches innovatrices en enseignement. Un autre avantage est que les enseignants et les concepteurs peuvent maintenir leurs matériels à jour. L'actualité ainsi que la pertinence peuvent être maintenues grâce au développement des normes ouvertes, internationalement reconnues pour le design pédagogique, la pédagogie, le matériel de cours, les interfaces visuelles de même que la cybernavigation. Les enseignants et les concepteurs peuvent faire usage des normes de présentation interactive ainsi que des gabarits qui ont été mis au point dans le cadre de ce projet. Ils sont disponibles en annexe ou encore au site W3 de la TéléÉducation NB: http://teleeducation.nb.ca./.

Introduction

In a special meeting sponsored by Industry Canada, a department of the Canadian government, education representatives from four provinces (Alberta, British Columbia, New Brunswick, and Newfoundland) examined different approaches to implementing accredited programs for adults. These programs were to be accessible in the workplace, at home, in schools, and in community centres using the World Wide Web (WWW). Representatives of the four provinces felt that the best approach to kick-start such an initiative would be to collaborate with each other on the development of one course in the new technologies that could be made ready very quickly with a demonstration prototype.

The principal goal of the project has been to provide Canadian adult learners and particularly learning professionals with the opportunity to complete a full course online through the World Wide Web. In addition, the project is expected to stimulate greater collaboration, resource sharing, and credit acceptance among the provinces. The course materials are also exportable as an example of Canadian learning technology.

The project has also been used to develop necessary design expertise and set common standards in Web-based course development. The participants were charged with discovering effective and efficient means of creating online courses and not simply converting previously designed text-based materials. The challenge was to take maximum advantage of the opportunities inherent in the hypermedia capabilities of the WWW while minimizing the limitations of the environment.

The WWW environment was chosen based on Lanfranco and Utsumi’s (1993) guiding principles. The Web supports multiple instructional and research uses and accommodates a range of user interfaces. On the Web, users are not confined to one particular use, nor are they limited to any one interface. “Flags” and “pointers” directing users to other relevant databases are available through hyperlinks. Phillips (1993, p. 14) recommended the development of a “gateway,” which “provides for data transfer between different physical networks and that may provide translations services between varying physical or logical protocols.” The WWW has become this universal “gateway.”

The prototype course chosen was a bilingual, modularized, interactive, multimedia, outcome-based adult education course, Introduction to Information Technology & Telecommunications, accessible across Canada and internationally through the World Wide Web. It is available for viewing at the TeleEducation NB web site: http://teleeducation.nb.ca/eastwest>. Each module includes clearly demonstrable and measurable learning outcomes. These outcomes are described up front so that students can relate the learning experiences to the outcomes. Assessment of students is based on what the students know and can demonstrate that they know.

Overview

Each of the four participating provinces committed to designing one of the 30-hour modules, and an additional French language unit was developed by New Brunswick for a total of five. Students can take each module individually, or they can choose any four of the five modules as the equivalent of a full 120-hour course. All modules are available in Canada’s two official languages, English and French. In addition, the modules and course are recognized for accreditation purposes in each of the four participating provinces.

The module Web Publishing consists of an introduction to the Internet and the World Wide Web. Students learn the basics of navigation on the WWW and some simple research techniques using e-mail, FTP (File Transfer Protocol), and Telnet. They also learn how to create and publish a Web site on the Internet. This module was created by the Open Learning Agency in collaboration with the Ministry of Education of British Columbia. The module Communications Technology explores the issues that are being raised by the rapid increase in the use of electronic telecommunications.

Using a variety of electronic communications environments, students will identify the strengths and weaknesses of each and demonstrate their appropriate use, effectively, ethically, and legally. This module has been created by the Alberta Distance Learning Center in collaboration with the Alberta Ministry of Education. An Edmonton company, Blackstone Multimedia, adapted the material for the Web.

The module Telecommunication Networks provides an introduction to the basic principles of how physical networks operate. Students will explore how both analogue and digital telephone systems work. Other topics include digital numbering, LANs, WANs, wireless, and future developments. TeleEducation NB and the Department of Advanced Education and Labour have collaborated with their local telephone company, NBTel, in the development of this module. They contracted two New Brunswick companies: Intratrainment and CyberDesign.

The module Computer Graphics introduces students to the basics of creating effective graphics and animations on screen. It focuses on graphics that will be used in an online environment and pays particular attention to screen design. It also explains the different formats and the compression standards of the images used. This module has been created by the Ministry of Education and StemNet in Newfoundland.

The module Computer Applications exposes students to the Microsoft Office suite of applications. This suite includes Word, Excel, and Access. Students are provided with a basic introduction to each of these three applications. It was developed by NBCC Bathurst and adapted for the Web by the multimedia learning centre at le Centre universitaire Louis Maillet in Edmundston and by CyberDesign. TeleEducation NB was responsible for the project management.

Each of the modules is truly modular in that it can be used as a stand-alone unit. For example, the module Telecommunication Networks is being used independently by NBTel for training its staff. Users can choose the modules that meet their needs. Each module is a 30-hour autonomous course, not dependent on any of the others.

HTML (Hypertext Markup Language), the nonproprietary scripting language for the WWW, is being used in the development of all modules in order to achieve cross-platform compatibility. All modules are accessible using any of the major computer platforms (Windows 3.1, Windows95, MAC OS, Unix, JAVA, OS2). The course is now available to any user who has access to the Internet using a standard graphically enabled browser. Netscape 2.0 was originally chosen as the base development platform. This base was changed to Netscape 3.0 in the fall of 1996. HTML allows developers to publish and present their materials in a standard format. This format can vary somewhat in different environments, but the differences are not great enough to affect the display seriously.

Initially, the development team chose to use the WEST web-based learning environment that was developed at University College, Dublin, Ireland (now called TOPCLASS). They also agreed to provide a “clean” HTML implementation that would not be dependent on WEST or any other proprietary environment. WEST allows HTML content to be plugged into their educational environment, which also supports a primitive computer-conferencing tool, e-mail administration, and authoring tools. As the developers progressed through their modules, they became frustrated with the fixed structure and peculiarities of WEST that were difficult to adapt or alter. For example, importing files was problematic because HTML pages had to be extracted individually in order to port them to and from the WEST environment, the e-mail time-out feature was awkward, the exam reply feature was glitchy, editing could not be done easily, and too many features were fixed and unchangeable. The developing teams decided to rely on the “clean” HTML implementation only and not attempt the WEST version. The Web Graphics module produced by the British Columbia team was the only module developed especially for WEST, but even they prefer their “clean” non-WEST version.

The development team agreed to use the same basic structure and terminology. For example, the different levels were divided into Course, Module, Section, and Lesson. It was agreed that Sections should be divided into many shorter lessons rather than a few that are very large. This file system was used to organize the levels of the directories in the database structure. The individual file names were chosen to reflect the numbering strategies of the development team. Index files at each level contain the table of contents and link to the files in the next lower level.

At the Course (or topmost) level, a common series of pages has been developed to give general information about the course and the project, linking to each of the five modules. In addition, there are pages for Resources, Assessment/Evaluation, Goals/Outcomes, and Help. These pages, which contain the relevant local files using standard names, are incorporated at the module, section, and lesson levels of each module. Furthermore, each level in the module contains links to the module Table of Contents and a Glossary. These files are accessible from any page using a standard toolbar. Each file is available as a discreet unit at the level of the lesson, section, or module.

A JavaScript program that opens a smaller subpage within the main module allows students to visit external sites while remaining within the course. It helps to prevent the common phenomenon of students becoming lost in cyberspace when they are directed to external sites from hotlinks within a lesson. They surf from the original external site to yet other sites and eventually cannot find their way back to the lesson where they started. Modules are divided into Sections that include an introduction and an outline that leads into the section activities. Activities are based on short readings or assignments rather than large chunks of text. There are opportunities within each lesson and section for student self-assessment. Teachers can intervene and use online assessment for a formative purpose. In addition, there are tests available for summative evaluations by the teacher at the end of some sections. Enrichment activities and extra help is provided through links to side pages or external sites. Hot links within the context of each lesson are available for these purposes.

This Information Technology and Telecommunications demonstration course can be used in upgrading the skills of adult learners in the workplace, in our schools, and in community centres while they are concurrently being retrained in the new technologies. It is an example of the effective use of the Information Highway for learning in an interactive and individualized environment. At the same time, because it is on the World Wide Web, the course is available to students in classrooms or for distance learning through connections at school or at home, to the housebound, to the disabled in institutions, and also for export to the North American and overseas marketplace.

Significantly, the course responds to the recommendation of the Education Sub-Committee of Canada’s Information Highway Advisory Council for making available a demonstration course for teacher training. (2) That provinces and territories be encouraged, in partnership with the private sector, to develop Canada-wide full-credit courses that would be available to all Canadians. The first course could be an introduction to the use of information technologies. (Information Highway Advisory Council, 1995, p. 30)

This WWW course can be used for teacher training since teachers can follow it from school or home computers at their convenience. In addition, through the design process, we have initiated the development of teams of Canadian teachers, content specialists, instructional designers, software developers, and educational technologists. They are now beginning to understand how to create and maintain online multimedia content materials. They are comfortable and knowledgeable about working in online learning environments. This expertise has been developed in both English and French. Within the course modules, examples of some of the more recent online learning tools are demonstrated. As prototypes, the distinct modules explore the possibilities of different media and provide guidance for the development of other online courses (both what to do and what not to do). Examples of the interactive use of JavaScript, Macromedia’s Shockwave, Apple Quicktime video clips, animated .gif and Mpeg images, and form tests are integrated into different modules. Subject trails in each module that lead to other relevant sites demonstrate the strength of the WWW as well as show how others approach the material being learned.

Lessons Learned

• This project has demonstrated that interprovincial collaboration is becoming more possible. It should be of some interest to other countries since, historically, Canadian provinces have often had greater difficulty working with each other than with foreign countries. Provinces that have agreements with Mexico, U.S. states, Caribbean countries, and others have had difficulty making agreements with neighbouring provinces.
• The WWW is now robust enough to be considered an effective learning environment. Courses can be designed that take advantage of the opportunities inherent in this new medium.
• The constantly changing environment of the WWW is a challenge. Do you design for computer standards that exist now, or do you build for a future environment that few people can access at present? Do you continue with agreed on standards, or do you alter them as the environment develops?
• Although central co-ordination was difficult, the project has demonstrated the viability of working in a distributed environment. Even within the provinces, some of the work was conducted online in a distributed fashion. For example, New Brunswick collaborators were working in Bathurst, Moncton, Miramichi, Edmundston, and four locations in Fredericton. For three months, the graphic designer collaborated from St. Raphael in France. Still, the different provinces worked quite independently. Although a listserv and computer conferencing tool was available, they were not used optimally. On the other hand, when serious questions did arise, the listserv was used to good effect.
• As in most software development projects, the timelines were difficult to maintain. None of the partners finished on time, and most completed their modules from three to five months late.
• The maintenance of the modules is a never-ending process. In order to keep up to date and ensure that the links are relevant, the modules will have to be consistently maintained and improved. A new paradigm is needed for institutions who are accustomed to paying for course materials up front and not maintaining them. Financing for module maintenance must be ongoing.
• Standards were needed from the very beginning of the project. Those that have been developed by the East-West group have been tested on this and other projects and are available for use by others. They are included here in the appendix and are also available on the World Wide Web at the TeleEducation NB website: http://teleeducation.nb.ca/>.
• A course development template that is based on these standards is also available at the same web address.

Conclusion

The next step will be to offer a full program in new technologies on the WWW accessible from all corners of our country and around the world. This program could include more in-depth modules following the themes of the original lessons in web authoring, telecommunications, computer graphics, and applications, and lead to a special certificate of competency in the new media and online communications.

This project has been financed by the participating organizations and their respective ministries of Education in partnership with Industry Canada and the Office of Learning Technologies (Human Resource Development Canada), which provided funding for the full project. The participating institutions and provincial departments of Education have contributed an equal amount.

The course is being used to promote new ways of learning, produce effective learning materials, and provide innovative approaches to teaching. Through the collaborative sharing of resources and partnerships among different provinces, the federal government, and the private sector, a new model is being developed for the production of courses using multimedia online materials. The richness of the WWW environment allows users to adopt advanced techniques quickly, adapt, and even make use of externally developed materials at little cost. Another advantage is the ability of teacher and designers to keep materials current.

Currency and relevancy can be maintained even more simply if we can use this project to provide leadership in supporting the development of internationally recognized open standards. They include not only standards for the hardware and basic software but also, and more importantly, for instructional design, pedagogy, courseware, visual interfaces, and cybernavigation. Teachers and designers would also be able to make use of authoring standards and templates that have been developed for this project. They are available in the appendix or online at http://teleeducation.nb.ca/eastwest/standards/>.

In the nineteenth century, Edward Bellamy noted our propensity to go forward into the future looking backwards. We are perhaps always doomed to approach new media by porting old paradigms to new situations. Existing WWW courses are generally maintaining this convention. This collaborative cross-Canada course development project represents an experiment in finding new ways to use the Web for promoting learning.

Appendix

East-West Project

World Wide Web Course Developer’s

Standards Guide

Credits

This World Wide Web Developer’s Guide is based on the protocols developed in the East-West project, a collaborative venture of four Canadian provinces (Alberta, British Columbia, New Brunswick and Newfoundland) to put on line a full course: Information Technology. This course is available at http://teleeducation.nb.ca/eastwest>. The guide has been further developed by TeleEducation NB and the Distributed Learning Centre of the New Brunswick Community College Miramichi.

The standards were originally developed by a working group led by Prescott Klassen of the Open Learning Agency; Maureen Stanley of the Alberta Distance Learning Centre; Don Whitty of the New Brunswick Community College, Miramichi; Roger Doucet, TeleEducation NB; Rory McGreal, TeleEducation NB; and Leon Cooper of the Ministry of Education of Newfoundland. They were further developed for the TeleCampus by Michaell Elliott, Normand Brunel, and others.

The NBCC Miramichi production co-ordinator responsible for the additional work is Scott Douglas. This is part of the development of procedures for the NB TeleCampus and the Distributed Learning Centre (DLC) of NBCC Miramichi. The guide has been originally drafted, compiled, and developed by Judy Breau and Joan Kane (Project Leaders for the DLC) and by Paul Muncaster (TeleEducation NB).

Participating Organizations

STEMNet, Newfoundland

TeleEducation NB

The New Brunswick Distance Education Network Inc.

The Open Learning Agency, British Columbia

Canadian Centre for the Development of Instructional Computing, Alberta

The Atlantic Provinces Education Foundation

The Western Protocol

The Consortium on Provinces/Territories

East-West Project Leaders

Rory McGreal, TeleEducation NB (Project Manager)

Byron James, Department of Education, NB

Roger Doucet, TeleEducation NB

Garry Popovich, Alberta Distance Learning Center, AB

Maureen Stanley, Alberta Distance Learning Center, AB

David Porter, Open Learning Agency, BC

John Manly, Department of Education, BC

Prescott Klassen, OLA, BC

Robert Scales, OLA, BC

Harvey Weir, STEMNet, NF

Wilbert Boone, Ministry of Education, NF

Leon Cooper, Ministry of Education, NF

Don Whitty, NBCC Miramichi

Arnold MacPherson, Department of Education, NB

For Additional Information or Updates to the Guide Contact:

Rory McGreal

email: <rory@teleeducation.nb.ca>rory@teleeducation.nb.ca

telephone (506) 444-4230.

(c)1997 New Brunswick Distance Education Inc.

Purpose of the Guide

This guide has been created to provide World Wide Web course developers with a set of common standards and guidelines for publishing courses on line. Some of the standards make eminent sense to everyone, others have been agreed to just to ensure that we all develop to a common standard. This makes courses more interchangeable and usable among those who agree to develop to the accepted standards. Purpose of the Web Pages The Web page is the common element of all courses developed. It will link all the elements of the course and direct the learner to specific media (Web-based, computer-based, paper-based, audio and/or video materials) or activities. The design model is learning-centred. All courses are asynchronous with the Web environment facilitating the interaction between:

• the learner and the course material
• the learner and the instructor/facilitator
• the learner and peers

The learners will interact through:

• Online discussion forums
• Direct e-mail access to the facilitator
• Content index
• Help section
• Glossary

If desired, interaction can also be promoted through live classes or teleconferences, but the courses should stand alone online in an asynchronous environment and not be dependent on live interactions with the teacher or other students.

Policies

Developers should have access to designated areas of the server that houses the course being developed with the following restrictions:

• Developers will receive one login and password to access the server.
• The login will position them in the directory in which the course will be developed.
• Developers will create and modify files in this directory and will not enter other directories, nor read, modify, or delete any other files on the server.

Ethical Use of Web Resources

• Copyright materials may not be posted without prior permission of the copyright holder.
• Unpublished information about individuals or organizations may not be made available without permission of the individual or organization.
• Advertising is NOT allowed on the course pages.

Course Development Procedures

Course development projects should be led by a Project Manager. The Project Manager is responsible for the coordination and organization of the job and for the ultimate completion of the project. Contact with people outside of the course development team is the responsibility of the Project Manager.

The Project Leader will:

• Schedule all meetings.
• Answer questions regarding the project.
• Review the concept paper and deliverables.
• Coordinate the sign-off of deliverables.
• Record minutes of meetings and track the progress of the project.

Organizational Structure of Content

Structure of the Course Content

Courses developed according to East-West standards follow a learning-centred model. The course will have four levels. The structure is outlined below. This model will provide consistency for the delivery of these courses via the Web.

Structure Template Course Introduction (Introduction, Overview, Goal, and Objectives) Module #: Title (Overview and Objectives) Section #: Title (Overview and Objectives) Lesson #: (Objectives) At each level, there must be a content-related title with the label. For example: Module 1: Doing Presentations; Section 4: Telecommunications; Lesson 2: Networks

More lessons within a section are preferable to long lessons. Short pages of no more than one or two screens are preferable, but longer pages are preferred if the alternative is to split up a topic. The East-West Information Technology course can be used as an example. URL: <http://teleeducation.nb.ca>http://teleeducation.nb.ca

Course and Module Organizational Pages

Each course should have the following pages:

Home Page (bilingual for the Course level page) with links to an English or French

Welcome Page or an

Index Page (index.html) with links to

Help

Introduction

Course Sections and Lessons

Credits

Resources

Information

Glossary

Using hypertext, links can be duplicated where needed. For example, a link to the glossary and introduction could be provided from the student and instructor pages.

Home Page (Bilingual) (Home.Html)

The bilingual main home page should contain a logo and links to the English and French versions of the course.

Course or Module Index (Index.Html)

This is the link to the main body of the course or module. Here are links to the different modules or sections of the course, which in turn lead to the lessons.

Help (Or Navigational Tools) (Help.Html)

Here you describe the navigational tools used in the course, including the meaning of the buttons and special features. A brief explanation of how to bookmark pages could also be added. Introduction (intro.html)

This page should provide a brief description of the goals of the course and some background.

Credits (Credit.Html)

This page should give credit to the people and institutions that have supported the development of the course.

Resources (Resources.Html)

This page should link to the following resource pages:

• References Page-List the reference works used in designing the course (refer.html)
• Online Resources-A list of links to other relevant sites possibly organized according to the different modules and at the module level organized according to sections and lessons. List relevant listservs and newsgroups.
• Glossary-List and define all new words and technical jargon. (glossary.html)

Information

This page should provide the following links:

• Module Outcomes-Include a list of what the student is expected to learn from the course or module. (outcomes.html)
• Module Outline-Explain the structure of the course or module, listing the titles of the modules, sections and lessons and provide a graphic map. (outline.html)

Assessment Information

Here the student is presented with information on how he or she is to be evaluated. What do they have to do to complete the course or module requirements? (assess.html)

Instructor Information

Include a form for e-mailing the instructor or facilitators with other useful contact information. (instinf.html)

• Instructor’s Guide-Include advice, tools, and instructions for the use of the instructor. (instruct.html)
• Student’s Guide-Here include student information like course prerequisites, a course or module description, expected course outcomes, FAQs, information on discussion groups, MOOs, etc. A link to tutorial resources on using the web would also be useful. (student.html)

Hardware and Software

• Requirements-List the minimum hardware requirements and any client-side software that is needed. Provide links to required plug-ins or to software vendors. (require.html)

Notes for Implementors

Include any comments advice that will help those who are implementing the course or module. (implement.html)

Glossary

List and define all new words and technical jargon. The definitions to be included should be as brief as possible while still maintaining clarity and the necessary detail. Consistency in wording should be preserved, with all of the definitions either in complete sentences or consistent sentence fragments. An acronym list should also be provided if needed.

Design and Technical Specifications for the Developer Html Standards

• The approved HTML 3.2 standards may be used for development, including tables, nested tables, and frames. As much as possible, backward compatibility to less well-featured browsers should be attempted.
• Minimum browser requirements should be clearly posted on all top pages.
• Links to appropriate software (Web Browsers, plug-ins) should be implemented.
• Low-bandwidth alternatives or low-bandwidth entry pages should be employed in order to channel visitors to the appropriate areas.

Bilingual Design

• All top level pages should have links to an English and French subpage.
• A site’s HTML structure should be built to mirror the bilingual design.
• Images should be created without text unless absolutely necessary to ease translation.

File Size

• Course pages, especially the top page, should load as quickly as possible. Therefore, it is important to limit file sizes.
• The size of individual pages within a module or course should not exceed 100K.
• Multimedia resources such as Shockwave files and programming scripts such as Java and ActiveX should not exceed 500K. Any links to these resources should state the file size explicitly.
• Image File Sizes should follow these guidelines:

Maximum Maximum Type Size Dimensions Background tiles 15K Variable Icons and navigational buttons 15K 100 x 100 pixels Context-based images 30K 500 x 500 pixels Banners and logos 50K 500 x 300 pixels Animation (not Java/Shockwave) 75K 500 x 500 pixels Detailed images, scans 100K 500 x 500 pixels File Formats

• All files created as content pages should be ASCII text files, marked up in HTML.
• HTML-generating applications may be used if the resulting documents are saved as HTML.
• Images should be in .gif or jpeg format.
• Any other peripheral file type, if you MUST use it, should be clearly marked and the tool or application required to view this tool should be referenced at that point.

Headings and Titles

• Headings should follow the physical typesetting conventions of for Module/section/lesson and for subheadings.
• Headings may be delimited by colour, assuming that the colour is palette-friendly (see below, Colours), and does not conflict with any existing colour scheme and graphics set.

Text

• Each content page should show users exactly how far they are into the material.
• Recommended format at the top right of each page: “page 3 of 7.”
• Long scrolling pages should be avoided. Limit scrolling to two screens unless dictated by the content.
• The WWW is a hypermedia environment, pages should use hyperlinks and take advantage of both internal and external resources.

Colours

• All graphics designed for the Telecampus and any associated courses and certificates should be designed using the browser-safe 216 colour palette with the exception of scanned art and photographs.
• Any image designed in a more complex colour scheme should be indicated as such.

Graphics

• All graphics should employ the tag.
• All graphics over 30 K in size should indicate the total size in the tag.
• Icons and Bullets should have a simple, representative tag. The asterisk “*” is recommended.
• Images should be designed to fit on a 640 x 480 pixel screen resolution.
• Animated images should have a descriptive tag

Icons

• On any arrangement of icons or on a toolbar, the most often-used icons should be the furthest to the right close to the scroll bar.
• The icon(s) must serve a purpose, and not be simply decorative. The user must know what the icon or button represents before clicking on it. Avoid ambiguous icons.

Documentation

• Edit and Author comments should be in the form of hidden text in the header of the document, and follow a pattern similar to this:

<!--

Internet Publishing, Certificate 2, Unit 3, Lesson 2

Author: Jane Smith Email: smithj@xxnet.xx.ca

Created: June 6, 1997

Edited: June 8, 1997

Editor: John Doe Email: doej@xxnet.xx.ca

-->

• All new pages should be time-stamped with the author’s name and the creation date.
• All edited pages should at the least indicate the “Last edited date” in the header information.

Meta Tags

• To make Web sites easier to find by Search engines and indexing robots and to facilitate the use of new classification systems (General, Adult, etc.), general tags MUST be employed on top pages.
• Here is an example:

Information contained in quotation marks is the variable <META name=resource-type content=“document”>

<META name=distribution content=“LOCAL”>

<META name=description content=“Description of Document”>

<META name=copyright content=“Owner of Copyright of Document Content/ Design”>

<META name=keywords content=“Keywords to facilitate Search Engine Indexing”>

<META HTTP-EQUIV=Reply-To content=“address of author/webmaster”>

Page Signature

• Index pages, or pages with frequent updates, should be “signed” in the text of the page.
• The Signature can contain any of these variables: the author’s name, the sponsoring organization’s name, the creation date, the date of the last edit, the holder of the copyright.

Print-Capable

• Main pages, summary pages, syllabi, and all other documents that could be required on a regular basis by the student should be available in a printable format.
• If possible a word processing format (pdf, .doc, or .wpd) as well as simple ASCII document should be made available for downloading.

File Structure and Naming Conventions

• In order to maintain the structural hierarchy of course content, courses should use the file system itself to organize the levels of instructional material. Names of directories can function as top level locators and the individual files will be named to reflect the numbering strategies of the design team.
• Index files will provide the table of contents and fully named file extensions of the next level of course content. Here is a skeletal look at how the file system would work:

COURSE index.html

---------- MODULE2 index.html

---------- SECTION2 index.html

---------- LESSON3 index.html

one.html

two.html

Address: http://course/module2/section2/lesson3/two.html

• The file naming convention is designed to keep the file names simple, easy to understand, and unique in each directory.

Directory Contents coursename All the files in the course

module# All the files in a specific module

section# All the files in a specific section

lesson# All the files in a specific lesson

sub Glossary, acronyms, tasks, resource, help

test For tests and exams

master Final assignments and exams (if protection is necessary)

images For graphics and animations

movies For Quicktime and other movie formats

Shockwave For Shockwave Applications

• Filenames should be descriptive of their contents, so as their purpose is evident to an outsider.
• Avoid cryptic designations.
• Course content pages can be numbered, e.g., page1.html. (Note that .html cannot be used on Windows 3.x systems, in which case it is reduced to .htm.)
• Directories should contain the following file names:

Filename Contents

assess.html Page with explanation of how students will be assessed

credits.html Page for crediting contributors

glossary.html Glossary

help.html Help pages

home.html Home page for the course and module (if not the index)

index.html Index page. This is essential for all directories

instinf.html Instructor information page and email link

instruct.html Instructor’s Guide page

intro.html Introduction Page

objectives.html Objectives for the level of the course

outcomes.html

outlines.html An outline for the level of the course

reference.html List of references used in the course, module, or section

require.html List of hardware and software requirements

resources.html Resource page

graphicname.gif Graphics files in .gif format

graphicname.jpg Graphic files in JPEG format

audiofilename.au Audio file in .au format

filename.mov Quicktime movies should be in a Movie directory

filename.xxx Other formats

page2.html A normal content page in each lesson directory

page2a.html An inserted page between page 2 and 3

Page Specifications

• The web pages must be developed for viewing on a 640 X 480 pixel resolution monitor that has a usable space of 600 X 350 pixels. For forms that must be printed, the usable space is 535 X 670 pixels for a US letter size page.
• The pages should contain no more than 1-2 screens of content. This reduces scrolling.

Graphic Specifications

• Sidebars-Graphic 1600 X 10 pixels, colour 102 pixels wide, black 7 pixels wide.
• Graphics-Content graphics are graphics used to illustrate a point or to explain an abstract concept.
• Graphic Titles-10 point (font size -1), centred under graphic.
• Line Separators-Centred, thickness of 2, width of paragraph, same colour as sidebar or as defined by colour scheme.

Typographic Specifications

• Title
• 16 point (font size +2) bold, upper and lower case, flush left.
• One line space above.
• Below, one line space if followed by a subtitle, otherwise no following space.
• Subtitle
• 14 point (font size +1) bold, upper and lower case, flush left.
• One line space above.
• Below, no following space.
• Paragraph
• 12 point (default font size), upper and lower case, flush left, ragged right.
• one line space separating paragraphs, no indentation.
• ~60 characters wide.
• Copyright
• 8 point (font size -2), flush left.
• separator, no space, Copyright text.
• Text: (c) 1997 Institution Name. All Rights Reserved.

Buttons

• Each page must allow students to escape and access other parts of the course.

The following buttons should be accessible from every page:

• The E-mail button is a “mail to” link with the instructor’s email address.
• The Index button links to the Index Page.
• The Help button links to the Help Page.
• The Glossary button links to the Glossary Page.
• The Resource button links to the lesson or section resource page.
• The Forward button links to the next page.
• The Back button links to the previous page.
• The Home button links to the Home page.
• All the buttons should have the title of the target page in the ALT option of the IMG tag and in an onMouseOver JavaScript in the A tag. See example below: <A HREF=“../u1.html” TARGET=_parent onMouseOver=“window.status ’Unit 1: Introduction to the Internet’; return true”><IMG SRC=“graphics/up.gif” ALT=“Unit 1: Introduction to the Internet” BORDER=0> This allows the name of the target page to appear as a pop-up label in Netscape Navigator 4.01 or later and Microsoft Internet Explorer 3.0 or later. For browsers older than these, the name of the target page appears in the status bar at the bottom of the page.

Correspondence To:

Rory McGreal
TeleEducation New Brunswick
Box 6000, 500 Beaverbrook Ct.
Fredericton, NB, CANADA E3B 5H1
Tel. (506) 444-4230
Fax (506) 444-4232
Email: rory@teleeducation.nb.ca

References

Lanfranco, J., & Utsumi, T. (1993, June). Objects, agents and events in a global learning environment. Glosas News, III(2).

Information Highway Advisory Council. (1995, December). Making it happen : Final report of the learning and training working group. Ottawa: Information Highway Advisory Council. Available Internet: http://info.ic.gc.ca/pub/info-highway.

Phillips, G. (1993). Open systems and your library. Evanston, IL: NOTIS Systems.

© Journal of Distance Education/Revue de l'enseignement à distance

CADE prefers APA style guides.