Wednesday, January 21, 2009

My First Blended Course: Part 6

Having decided to create a Blended Course about Web Design at ANU, my fifth task was to expand the networking content. But another issue which came up with the web design content was how much of AJAX and Web 2.0 to cover. My preference was to leave this out completely, as it is an advanced topic. In some ways, Web 2.0 web pages are not really web pages but are interactive computer applications. However, it might be worth tacking an additional section on at the end of JavaScript: "AJAX and Web 2.0" to introduce the topic.

Another issue is how online to make the course. E-learning is relatively new to the ANU's Computer Science department and a new LMS is to be used. So a cautious approach should be taken. The content will be provided online via the LMS, plus some assessment. However much of the material will be presented face-to-face and there will be conventional lectures and examinations. A student could, in theory, download the material, do the exercises, never attending a lecture or tutorial. They need only turn up for the examinations. However, they would have to be a very motivated student to do this, as these are not designed to be online e-learning courses.

Labels: , , , ,

My First Blended Course: Part 5

Computer Networks by Andrew S. Tanenbaum
Having decided on the web content for a Blended Course about Web Design at ANU, my next task was to expand the section on networking and security.

Previously I had:

NETWORKING AND SECURITY
  1. Networking
    1. Lecture 1 - Introduction to Networks.
    2. Lecture 2 - Network Models.
    3. Lecture 14 - Web Servers, Proxies & Caches.
    4. Lecture 3 - TCP/IP.
    5. Lecture 4 - IP Addresses.
    6. Lecture 5 - Telnet & Ftp.
    7. Lecture 6 - Email, SMTP & MIME.
  2. Security
    1. Lecture 15 - Network Security.
    2. Lecture 16 - Encryption.
    3. Lecture 18 - Web Security.
    4. Lecture 8 - HTTP & SSL.
This is eleven lectures of material and needs to be expanded to about fifteen. The ANU runs a course specifically on Computer Networks COMP3310/COMP6331/ENGN4535/ENGN6535. This uses the textbook Computer Networks ( Tanenbaum, Andrew S., Prentice-Hall, fourth edition, 2003) which is available to the students online. This would therefore seem a reasonable source for some more networking content. Topics such as DNS are relevant to web use. The material might roughly form three sections:
  1. Networking
    1. Lecture 1 - Introduction to Networks.
    Chapter 1. Introduction
    Section 1.1. Uses of Computer Networks
    Section 1.2. Network Hardware
    Section 1.3. Network Software
    Lecture 2 - Network Models.
    Section 1.4. Reference Models
    Section 1.5. Example Networks

  2. Internet Protocols
    Lecture 3 - TCP/IP.
    Lecture 4 - IP Addresses.
    Lecture 5 - Telnet & Ftp.
    Lecture 6 - Email, SMTP & MIME.
    Chapter 6. The Transport Layer
    Section 6.1. The Transport Service
    Section 6.2. Elements of Transport Protocols
    Section 6.3. A Simple Transport Protocol
    Section 6.5. The Internet Transport Protocols: TCP
    Chapter 7. The Application Layer
    Section 7.1. DNS—The Domain Name System
    Section 7.2. Electronic Mail
    Section 7.3. The World Wide Web
    Lecture 14 - Web Servers, Proxies & Caches.
  3. Security
    1. Lecture 15 - Network Security.
    2. Lecture 16 - Encryption.
    3. Lecture 18 - Web Security.
    4. Lecture 8 - HTTP & SSL.
    5. Chapter 8. Network Security
      Section 8.1. Cryptography
      Section 8.2. Symmetric-Key Algorithms
      Section 8.3. Public-Key Algorithms
      Section 8.4. Digital Signatures
      Section 8.5. Management of Public Keys
      Section 8.6. Communication Security
      Section 8.7. Authentication Protocols
      Section 8.8. E-Mail Security
      Section 8.9. Web Security
To this could also be added some of the content from the textbook, Web Design in a Nutshell: A Desktop Quick Reference (Jennifer Niederst Robbins, O'Reilly Media, Inc. 2006):
  • Chapter 4. A Beginner's Guide to the Server
  • Section 4.1. Servers 101
  • Section 4.2. Unix Directory Structures
  • Section 4.3. File Naming Conventions
  • Section 4.4. Uploading Documents (FTP)
  • Section 4.5. File (MIME) Types

Labels: , , , ,

Tuesday, January 20, 2009

My First Blended Course: Part 4

Having decided to create a Blended Course about Web Design at ANU, my third task was to add some less techncial material on Analysis and Essay Writing, Ethics and Copyright. To do this I created an extra topic after "The Web Environment" for "The Social Environment". Also I added an item on Mobile devices, Writing for the Web and Testing Web Pages:
  1. The Web Environment
    • Chapter 1. Web Standards
    • Chapter 2. Designing for a Variety of Browsers
    • Chapter 3. Designing for a Variety of Displays
    • Chapter 5. Accessibility
    • Mobile devices
    • Chapter 6. Internationalization
  2. The Social Environment
    • Lecture 9 - Topic Analysis and Essay Writing
    • Writing for the Web
    • Lecture 10 - Ethics and the IT Professional
    • Lecture 30 - Copyright.
    • Testing web pages
  3. The Structural Layer: XML and (X)HTML
    • Chapter 8. HTML and XHTML Overview
    • Chapter 9. Document Structure
    • Chapter 10. Text Elements
    • Chapter 11. Creating Links
    • Chapter 12. Images and Objects
    • Chapter 13. Tables
    • Chapter 14. Frames
    • Chapter 15. Forms
  4. Web Graphics and Media
    • Chapter 28. Web Graphics Overview
    • Chapter 29. GIF Format
    • Chapter 30. JPEG Format
    • Chapter 31. PNG Format
    • Chapter 33. Audio on the Web
    • Chapter 34. Video on the Web
  5. The Presentation Layer: Cascading Style Sheets
    • Chapter 16. Cascading Style Sheets Fundamentals
    • Chapter 17. Selectors
    • Chapter 18. Font and Text Properties
    • Chapter 20. Color and Backgrounds
    • Chapter 21. Floating and Positioning
    • Chapter 22. CSS for Tables
    • Chapter 23. Lists and Generated Content
    • Chapter 24. CSS Techniques
    • Chapter 25. Managing Browser Bugs: Workarounds, Hacks, and Filters
    • Chapter 36. Printing from the Web
  6. The Behavioral Layer: JavaScript
    • Chapter 26. Introduction to JavaScript
    • Section 26.1. A Little Background
    • Section 26.2. Using JavaScript
    • Section 26.3. JavaScript Syntax
    • Section 26.4. Event Handling
    • Section 26.5. The Browser Object
Each topic would be covered in a week. This approach has the advantage of first introducing the student to the why of the web, then the basic mark-up, then prettying up the web pages with graphics, styles and JavaScript. Ideally web pages should be designed so that these layers can be discarded in the reverse order. That is web pages should work without JavaScript, CSS and Images, at which point they are just text.

In practice for a course also covering networking for the web, it may be necessary to interleave the web and networking topics. However, I will proceed on the assumption they are two separate modules.

Labels: , , , ,

Monday, January 19, 2009

My First Blended Course: Part 3

Having decided to create a Blended Course about Web Design at ANU, my second task was to reconcile the material which was in the previous lectures with that in the new textbook and divide all that into logical units. I decided to divide the course into two equal size components, on on web and the other networking/security (with some material on Analysis and Essay Writing, Ethics and Copyright to fit in somewhere).

An ANU semester is 13 weeks (same as an ACS one). So dividing this in half gives six weeks for each half (assuming the thirteenth week is for revision). For the web half of the course I had five topics:

Refining the "wanted" list more:
  1. The Web Environment
    • Chapter 1. Web Standards
    • Chapter 2. Designing for a Variety of Browsers
    • Chapter 3. Designing for a Variety of Displays
    • Chapter 5. Accessibility
    • Chapter 6. Internationalization
  2. The Structural Layer: XML and (X)HTML
    • Chapter 8. HTML and XHTML Overview
    • Chapter 9. Document Structure
    • Chapter 10. Text Elements
    • Chapter 11. Creating Links
    • Chapter 12. Images and Objects
    • Chapter 13. Tables
    • Chapter 14. Frames
    • Chapter 15. Forms
  3. Web Graphics and Media
    • Chapter 28. Web Graphics Overview
    • Chapter 29. GIF Format
    • Chapter 30. JPEG Format
    • Chapter 31. PNG Format
    • Chapter 33. Audio on the Web
    • Chapter 34. Video on the Web
  4. The Presentation Layer: Cascading Style Sheets
    • Chapter 16. Cascading Style Sheets Fundamentals
    • Chapter 17. Selectors
    • Chapter 18. Font and Text Properties
    • Chapter 20. Color and Backgrounds
    • Chapter 21. Floating and Positioning
    • Chapter 22. CSS for Tables
    • Chapter 23. Lists and Generated Content
    • Chapter 24. CSS Techniques
    • Chapter 25. Managing Browser Bugs: Workarounds, Hacks, and Filters
    • Chapter 36. Printing from the Web
  5. The Behavioral Layer: JavaScript
    • Chapter 26. Introduction to JavaScript
    • Section 26.1. A Little Background
    • Section 26.2. Using JavaScript
    • Section 26.3. JavaScript Syntax
    • Section 26.4. Event Handling
    • Section 26.5. The Browser Object
    • Section 26.6. Where to Learn More
So the eaiest approach would be to have one of these per week, and add another topic to make six. There were three lectures which did not fit in this structure, so they could be sued to make the extra topic:

The Social Environment
  • Lecture 9 - Topic Analysis and Essay Writing
  • Lecture 10 - Ethics and the IT Professional
  • Lecture 30 - Copyright.
These could be placed first, to give context to the course, but the student may then wonder where the web stuff is, so it might be better to put this second, after web standards and the like are introduced. Three lectures are insufficient content and so more will be needed.

Labels: , , , ,

Friday, January 16, 2009

My First Blended Course: Part 2

Having decided to create a Blended Course about Web Design at ANU, my first task is to divide the topic up into modules. This is not starting from scratch, as I am using the content from an existing course, "Networked Information Systems" (COMP2410/6340). The task is to try and divide this into logical units.

The existing course is 6 "units" (8 such units make up a year of a full time course). The simplest arrangement seems to break the course into two 3 unit components. Dividing up the existing lectures gives:
  1. NETWORKING AND SECURITY
    1. Networking
      1. Lecture 1 - Introduction to Networks.
      2. Lecture 2 - Network Models.
      3. Lecture 14 - Web Servers, Proxies & Caches.
      4. Lecture 3 - TCP/IP.
      5. Lecture 4 - IP Addresses.
      6. Lecture 5 - Telnet & Ftp.
      7. Lecture 6 - Email, SMTP & MIME.
    2. Security
      1. Lecture 15 - Network Security.
      2. Lecture 16 - Encryption.
      3. Lecture 18 - Web Security.
      4. Lecture 8 - HTTP & SSL.
  2. WEB TECHNOLOGY
    1. HTML
      1. Lecture 7 - HTML & XHTML and an XHTML example.
      2. Lecture 11 - More XHTML & XHTML Forms and an XHTML & form example.
    2. CSS
      1. Lecture 12 - CSS and an XHTML example with style sheets 1, 2 & 3.
      2. Lecture 13 - More CSS and an XHTML example with a style sheet.
    3. Intranet website development and maintenance
      1. Lecture 17 - Web Standards
      2. Lecture 19 - Website Design - Introduction & Testing
      3. Lecture 20 - Website Design - Structure
      4. Lecture 21 - Website Design - Design
    4. Java Script
      1. Lecture 27 - Web Programming - Client-side with an example and a JavaScript file.
      2. Lecture 28 - Web Programming - Server-side with an example and the script.
      3. Lecture 29 - Cookies.
    5. Portable devices
      1. Lecture 22 - Website Design - Mobile & E-web
This creates a few problems. There are 12 web lectures, but only 7 networking and security ones. Also there are some topics from the course which do not logically fit in either category:
  • Lecture 9 - Topic Analysis and Essay Writing
  • Lecture 10 - Ethics and the IT Professional
  • Lecture 30 - Copyright.
These are the sort of topics which tend to get left out when courses are modularised. They were included because web design is about more than the technology of serving up web pages. The content of the pages has to make sense to human readers and has to meet legal and social requirements.

Looking at the textbook, Web Design in a Nutshell: A Desktop Quick Reference (Jennifer Niederst Robbins, O'Reilly Media, Inc. 2006) might provide some clues on a better way to arrange the material:
  1. The Web Environment
    • Chapter 1. Web Standards
    • Chapter 2. Designing for a Variety of Browsers
    • Chapter 3. Designing for a Variety of Displays
    • Chapter 5. Accessibility
    • Chapter 6. Internationalization
  2. The Structural Layer: XML and (X)HTML
    • Chapter 8. HTML and XHTML Overview
    • Chapter 9. Document Structure
    • Chapter 10. Text Elements
    • Chapter 11. Creating Links
    • Chapter 12. Images and Objects
    • Chapter 13. Tables
    • Chapter 14. Frames
    • Chapter 15. Forms
  3. The Presentation Layer: Cascading Style Sheets
    • Chapter 16. Cascading Style Sheets Fundamentals
    • Chapter 17. Selectors
    • Chapter 18. Font and Text Properties
    • Chapter 20. Color and Backgrounds
    • Chapter 21. Floating and Positioning
    • Chapter 22. CSS for Tables
    • Chapter 23. Lists and Generated Content
    • Chapter 24. CSS Techniques
    • Chapter 25. Managing Browser Bugs: Workarounds, Hacks, and Filters
  4. The Behavioral Layer: JavaScript and the DOM
    • Chapter 26. Introduction to JavaScript
    • Section 26.1. A Little Background
    • Section 26.2. Using JavaScript
    • Section 26.3. JavaScript Syntax
    • Section 26.4. Event Handling
    • Section 26.5. The Browser Object
    • Section 26.6. Where to Learn More
  5. Web Graphics
    • Chapter 28. Web Graphics Overview
    • Chapter 29. GIF Format
    • Chapter 30. JPEG Format
    • Chapter 31. PNG Format
  6. Media
    • Chapter 33. Audio on the Web
    • Chapter 34. Video on the Web
    • Chapter 36. Printing from the Web
From this list I removed the items which belong in "Networking":
  • Chapter 4. A Beginner's Guide to the Server
  • Section 4.1. Servers 101
  • Section 4.2. Unix Directory Structures
  • Section 4.3. File Naming Conventions
  • Section 4.4. Uploading Documents (FTP)
  • Section 4.5. File (MIME) Types
And items I didn't want to cover at all:
  • Chapter 27. DOM Scripting
  • Section 27.1. A Sordid Past
  • Section 27.2. Out of the Dark Ages
  • Section 27.3. The DOM
  • Section 27.4. Manipulating Documents with the DOM
  • Section 27.5. Working with Style
  • Section 27.6. DOM Scripting in Action
  • Section 27.7. Supplement: Getting Started with Ajax
  • Chapter 32. Animated GIFs
  • Chapter 35. The Flash Platform
Refining the "wanted" list more:
  1. The Web Environment
    • Chapter 1. Web Standards
    • Chapter 2. Designing for a Variety of Browsers
    • Chapter 3. Designing for a Variety of Displays
    • Chapter 5. Accessibility
    • Chapter 6. Internationalization
  2. The Structural Layer: XML and (X)HTML
    • Chapter 8. HTML and XHTML Overview
    • Chapter 9. Document Structure
    • Chapter 10. Text Elements
    • Chapter 11. Creating Links
    • Chapter 12. Images and Objects
    • Chapter 13. Tables
    • Chapter 14. Frames
    • Chapter 15. Forms
  3. Web Graphics and Media
    • Chapter 28. Web Graphics Overview
    • Chapter 29. GIF Format
    • Chapter 30. JPEG Format
    • Chapter 31. PNG Format
    • Chapter 33. Audio on the Web
    • Chapter 34. Video on the Web
  4. The Presentation Layer: Cascading Style Sheets
    • Chapter 16. Cascading Style Sheets Fundamentals
    • Chapter 17. Selectors
    • Chapter 18. Font and Text Properties
    • Chapter 20. Color and Backgrounds
    • Chapter 21. Floating and Positioning
    • Chapter 22. CSS for Tables
    • Chapter 23. Lists and Generated Content
    • Chapter 24. CSS Techniques
    • Chapter 25. Managing Browser Bugs: Workarounds, Hacks, and Filters
    • Chapter 36. Printing from the Web
  5. The Behavioral Layer: JavaScript
    • Chapter 26. Introduction to JavaScript
    • Section 26.1. A Little Background
    • Section 26.2. Using JavaScript
    • Section 26.3. JavaScript Syntax
    • Section 26.4. Event Handling
    • Section 26.5. The Browser Object
    • Section 26.6. Where to Learn More
This merges "Web Graphics and Media" and moving it just after "The Structural Layer". I extracted "Printing from the Web" and placed it at the end of "The Presentation Layer" as it depends on using Cascading Style Sheets.

Labels: , , , ,

Thursday, January 15, 2009

My First Blended Course

Having finished the design of a new masters level e-learning course on "Green IT Strategies" for the ACS Computer Professional Education Program, I thought I would see if what I had learnt was applicable to a traditional university course, to turn it into a part online, part classroom blended course. This would be an evolutionary, rather than revolutionary development, making maximum use of the existing material.

Since 2001 I have been teaching web design at the Australian National University. This was originally part of the course "Internet, Intranet, and Document Systems" (COMP3400/COMP6340), now "Networked Information Systems" (COMP2410/6340).

COMP2410 is run with traditional face-to-face lectures and tutorials. Over they years the tutorials have tended to use more computer support, with the students following a set of web based instructions and using web based materials to complete exercises (such as to test the accessibility of a web page). The lecture notes are provided via a web site, but are essentially in the form of print facsimile. Some lectures were recorded for online replay using the ANU's very well designed, but over-ambitiously named "Digital Lecture Delivery" system.

The ANU has a Learning Management System installed, using the Web CT product, with an entry for each course. However, Web CT was not used for the web design course, apart for providing an interface to the audio recordings of lectures. The reason for the LMS not being used more could form the subject of several PHDs.

Most of the lecture notes for the course are prepared in the form of PDF files. Because I was teaching web design, I made a point of preparing my notes in the form of web pages. Over the years I experimented with different ways to format the materials and to combine text with presentation slides: 2001, 2002, 2003, 2004, 2005, 2006/2007 and 2008. The results were not all that successful. Also the content tended to grow in length and complexity.

Late last year one of the student feedback forms for another course where I use a similar web format was critical of the readability of the notes and the quality of the presentations. These were valid criticisms and confirmed my decision not to give any more conventional lectures (see: "My Last Lecture").

In "e-Learning Course on Green ICT Strategies" I documented my progress on designing an e-learning course with the expert advice of David Lindley, Academic Principal of ACS Education. The Green ICT course does not start with the first batch of students until next week and no doubt there is much more to learn, but I can see now how such courses are prepared. However, the ACS course is designed for mature working ICT professionals, using purely distance education e-learning and in what is essentially management skills. The ANU courses are more technical, and have students expecting more hands on help.

What prompts me to look at this now is that ANU is selecting a new LMS to replace Web CT. This will be available for piloting during semester 1 2009 (the particular LMS package to be used has not yet been announced). It would therefore make sense to put the revised content in the new system.

Previously with the notes for the web design course I attempted to provide both extensive written notes, as detailed as a text book, and presentation material (slides) suitable for use on a computer project screen in a classroom. I had several attempts at using CSS and JavaScript to combine both versions of the material in the one document. This was intended to reduce the maintenance problem, maintaining multiple copies of material, to reduce the sizes of the files used and to avoid using proprietary technology, such as Microsoft PowerPoint. The results, as noted by some of the students, were not all that successful.

The Green ICT course is purely online and as a result does not have presentation slides. The notes provided are more cryptic that those I was previously preparing. I noticed that the course I modelled Green ICT on used minimal formatting in the PDF documents. These used headings, subheadings, bullet points, bold, italics and the like. There was not extensive use of colour or graphics. I found I could reproduce this format reasonably well using the online Moodle web editor, producing simple web pages in place of PDF files. This makes preparation and maintenance much simpler than using PDF and an external tool.

The Green ICT online course essentially consists of: "read this introduction, now read this external reading, answer these questions, discuss, do this assignment". There is no presentation from a teacher and no multimedia equivalent, such as a video or slide show. Will this same approach work for an ANU course?

My intention would be to add another element to the process, which would be seminars or demonstrations. These would have a live presenter in a classroom. Unlike a conventional lecture, the detailed content of the course would not be covered. There would be none of the "repeat each important point three times" technique. Instead it would be assumed the students had read the readings and were interested enough to see an example of them put into practice. The presentations would be audio recorded, with notes and/or slides available. Screen casting or video would be used if this is available in the live presentation site.

The tutorial/workshops should translate into the on-line environment reasonably well. In this case the students would get the same web based instruction sheet. They could attempt the exercises themselves or attend a face-to-face tutorial.

The detail and complexity of the lecture notes would be reduced by relying on the textbook. Previously I was reluctant to use a textbook for a web course, as it seemed to be contradictory to teach the use of online design using a printed document. Those electronic books which were available were of poor quality and used various proprietary formats making access difficult. However, Web Design in a Nutshell: A Desktop Quick Reference, by Jennifer Niederst Robbins (O'Reilly Media, Inc. 2006) is available online to the students, via the library. The layout is a very conservative conventional book format, but is reasonably readable. The students can also buy the conventional printed edition if they wish.

My task then is to simplify my previous material, convert it to a simple web format as used by LMS (I can use Moodle while waiting for the new ANU LMS), referecne the text book and incorporate the tutorial exercises. Then I need to be able to convince my colleagues that this will work and will be acceptable (I only teach part of the course).

Labels: , , , , ,