Almost 20 days ago I started thinking about the design of the Moodle (1.9.x) site (called a StudyDesk at my institution) for my course. As O-Week draws to a close, the following describes the current final product.
Note: The focus here is on the (pragmatic) physical design and layout of the site with just a bit of pedagogy/learning design.
What does it look like?
The following photo (click on the photo to see it larger) is what it looks like.
Non-topic based resources
I’ve stuck with the topic course format, mostly because that was what the prior offering used and given the absence of an ability to back the course site up, I wasn’t game enough to play with that.
The trouble is that there are some resources/activities that are not really topic based. For example, the specification for the two assignments doesn’t really belong to a single week/topic. Discussion forums, getting help etc are all examples.
Students don’t I wouldn’t want to go searching through topics to find them.
Hence the “Course background” and “Course content” navigation blocks in the welcome area of the course site. Implemented with a bit of CSS to look appropriately institutional.
Avoiding the scroll of death
I’ve used the “Jump to: Topic” navigation bar to allow folk to jump to a particular topic. I’ve also ensured that the HTML is such that tooltips work (i.e. hover over “1” for topic one and the tooltip will show the topics name).
A number of staff here have used graphical icons/buttons instead of the numbers. Frankly I don’t have the skill/resources to create meaningful, good looking icons and frankly they take up too much screen space.
I’ve also made significant use of the Moodle book module. Rather than having a long list of labels and activities under each topic, this is mostly hidden away within Moodle books. e.g. the “Getting started”, “Course background” etc links under Topic 1.
Each of the topics in the course site will have a specially selected photo taken from the ECMP355 photo stream. Each photo is produced by one of the students in the course taken by Alec Couros’. My thanks to the students and Alec.
Two main reasons for including the photos
- Inject some visual interest.
Most moodle sites are text heavy, boring and if no care is taken, ugly. A bit of visual excitement was called for.
- Illustrate “Explore, Create, Share”.
I’m trying to encourage the students to become digital residents. I want them to be exploring, creating and sharing with the broader community. I’m hoping that the example of the ECMP355 students will be somewhat inspiring.
The weekly ramble
I’ve implemented the weekly ramble idea for the first week using the Moodle book module. It’s ugly and doesn’t provide a lot of the extra functionality that I’d like, but it’s there.
I think the next explorations will be around bringing the outside world into the course site. I’m trying to make the course site the course portal, i.e. a path to all of the course related resources and activities. Increasingly I’m hoping all of the course participants will help construct those through social networking tools.
The real reflections will start next week and for the next 15 weeks or so as students interact with the site and tell me what works and what doesn’t.
In the meantime, here are some of my reflections:
- The amount of HTML/CSS I needed to implement to workaround missing or ugly defaults in both Moodle and the institutional CSS was not exactly surprising, but “interesting”.
- Editing a Moodle site when response times are long is an exercise in frustration.
- Most of the links I’ve put into this site are going to be broken when it is copied into the next term.
- All this extra work seems just a little bit wasteful.
- Apparently the institution is going Moodle 2.x next semester, so it probably really is all wasted.