Favourite blogs for Cubicle 23

My favourites » Designing a Student Portal

February 28, 2006

Arbitrary HTML? Well IE seems to like it anyway…

One of the most reported problems in feedback from my original HTML mock-up was Internet Explorer's inability to stop expanding the Learn page Inbox (a CSS element with overflow) with a left-right scrollbar. The underlying problem was that the width was being calculated as 100%, and then the scrollbar added on top. Mozilla browsers seemed quite happy to deal with this without bother.

After numerous hours of pondering and layering and stacking of elements, something seemed to work! This does seem to me to be a quite arbitrary stack of HTML and CSS, calculating away widths in their own special little ways.

The solution:

<div class="inboxcolumn">

<div class="containerbox"> <--- a seemingly pointless CSS class, but with width "auto"

<object width="100%"> <--- lets get HTML to do a width calculation too


Last but not least, my content here!



</object>

</div>

</div>

Why I need anything more than the original "inboxcolumn" CSS class I do not know, but mixing HTML, CSS with auto and percentage widths seems to do the trick.

Blimey – I could base my entire presentation just on this! ;)


February 16, 2006

Simple but effective

Without wishing to curse my future luck, I think I may be onto a winner with regards to displaying my content. Using the PHP expression var_dump, I am quickly managing to extract parts of the data that I require. Whilst this is not a robust solution, it will allow me to develop my online prototype more quickly.

February 12, 2006

Chocs Away!

Successfully managed today to re-use code from the Moodle block "News Items", and add that in place in my template adpated for Moodle. Which does mean, that live news is now available!

Based on this, the same may be undertaken for the Calendar/Diary and latest updates in learning.


February 07, 2006

A Coding Development Meeting

Writing about web page http://blogs.warwick.ac.uk/penguin/

Today I have been brought up to speed on the underlying development system Moodle by David, and have agreed on how to proceed with functionality.

Essentially, my starting point is to integrate my static design into the live Moodle content. Then in priority order:

  • Fix design issues raised from email feedback
  • Wider user testing for final feedback to work into system development
  • Develop the "Learn" section of the site
  • Copy the "forums" function of Moodle to create a "News" category
  • Develop the "News" section of the site, now with added RSS feed from Insite (raised in questionnaire)
  • Develop "Diary" section of the site
  • Create interface for standard Moodle forums in "Forums" section of the site
  • Develop "Help" information

Content of reduced priority

  • "E-mail" section
  • "Degree" section – may be available with limited content only

Please visit David's Project Blog for more information on the underlying system developments.


February 01, 2006

Static Prototype v1 Completed

After a delay of several days due to illness, the first prototype of the portal interface has been completed. It will be distributed later today to "guinea pigs" for feedback, along with a few use cases for them to document their activities for me.

Known Issues

  • Trial of an expanding menu using pure CSS without JavaScript. Whilst this works fine in Firefox 1.5 and Opera 8.51, it shows with some parts being unselectable in Firefox 1.0.5 (DCS machines), and does not expand at all in Internet Explorer. This does not affect usability of the site, it just removes an enhanced feature – if the menu proves popular, it is likely to be rebuilt using JavaScript.
  • Internet Explorer adds a left-right scrollbar unnecessarily when the Inbox CSS element overflows.
  • Issue with border-widths in Internet Explorer – a 1px border is invisible, but a thin border is incredibly thick. Alternatives are being investigated.
  • Forced space-characters are displaying as squares in IE. This will be sorted properly, most likely with spacer images.

Limitations

  • JavaScript is driving the "Learn" homepage, although this may move to server-side scripting at a later date.
  • Drop-down menu functionality on "Learn" and "Module Resources" pages merely show intended functionality.
  • "Diary", "Email", "Forums", "Degree" and "Help" have no content
  • Search function is disabled
  • Homepage links direct the user to the relevant page rather than the message/resource itsself
  • Content is not complete – many dummy/duplicate pages.
  • Sizing is mostly relative, although on resolutions lower than 1024×768 it seems rather claustrophobic.

January 22, 2006

Prototype Develops with CSS

The prototype of the portal's user interface is beginning to develop with the magic of CSS!

  • The scrollable elements are completely created by CSS, due to full support across browsers for the "height" property
  • Rollover effects on the message "inbox" block an entire table row as a link (edit: IE almost manages this… only the title text appears as a hyperlink… this will be looked into)
  • Expandable menus have been created with CSS and no script. Although this is currently unsupported by IE6, IE7 should support it when its released later this year. Mozilla/Opera/Safari are all capable of displaying this menu, however it does not affect the ability of IE to use the top-level links.
  • New rollover buttons for the menu have been created by using transparent gifs and a changing background colour… saves bandwidth through only having a single image to load

The full "static" prototype is now very close to being ready, next stage – user testing!


January 11, 2006

First meeting of the new term!

David and myself have had our first meeting of the term to review our progress for moving forward. David is experimenting with open source frameworks to avoid "reinvention of the wheel" in the content management system design, which may affect the format for coding developments.

I have been making some progress with template designs, which should hopefully be completed (in their first versions at least) by this weekend.


November 28, 2005

Cancellation of Focus Group

Due to regrettably low interest, I have decided not to proceed with tomorrow's planned focus group. In order to "fill in the blanks" of the questionnaire, I shall be either conducting a few face-to-face interviews, or a smaller less-formal focus group later this week.

Progress report submitted

The project progress report was submitted this morning.

November 24, 2005

Exciting new coding developments today!

Writing about web page http://blogs.warwick.ac.uk/penguin/

Had a meeting today with David to discuss –

  1. Our timetables and coherently updated timetables for term 2
  2. Progress, frameworks and coding developments

Timetables
All things considered, we concluded that we were not far off track with the timetabling, other than my decision to delay determining administrative user needs until January. David and I will be working in parallel from week 1/2 onwards, with the preliminary determination of features to be agreed during the Christmas break.

Coding
Following on from David's research into coding frameworks, we have concluded that I will not be directly coding in JSP, but using a level of abstraction called MVC (Model View Controller) which uses tags to undertake most of the display work. In a nutshell, David sees the database and I don't!


Dangerous use of colour

Far be it from me to suggest that websites should not be colourful or indeed aesthetically pleasing (or "pretty" if you prefer), but I cannot help but notice the dangers of ignoring colour blindness. Without any wish to continually fault My.WBS, it does bring many design questions to my attention. See the example below:

1. Red on blue is used to show a new message, but to my understanding with such low contrast between the two colours, surely that text may appear near invisible to some users who suffer from colour-blindness?

2. More applicable to users generally, we have brown on brown for previously visited resources. Contrast is low to everyone, making it extremely difficult to read at a distance.

Agreed, colour can be used to help highlight the different types of posting, but it does not need to be the background colour. Options available could simply be a coloured box, or the block to the left (e.g. "13.35 Resources") in the colour.

Again, more things to be wary of in my new portal design!


November 22, 2005

Invitations to Focus Group Emailed

Further to yesterday's arrangement of a room, invitations have been emailed out to all those who showed interest in being part of a focus group on My.WBS in the feedback survey.

The focus group is due to take place Tuesday at 5pm week 10, in E0.23.


Winner drawn and plans drawn for focus group

Ok, so I'm blogging this a day late… though it is a diary after all!

Met Andrew Martin to discuss the progress with the survey, and also the progress report for next week. Also a day and room have been arranged for the follow up focus group.

Winners of Amazon.co.uk gift vouchers were also drawn by Andrew… now I just need to go and buy them!


November 13, 2005

Questionnaire closed!

As of yesterday evening, the questionnaire is now closed with a fantastic 112 responses! All being well I should be able to perform some initial analyses during this coming week (Week 8), with a view to conducting a focus group before the end of term, despite being later than originally planned.

November 10, 2005

And it just goes to show that if you remind people…

Follow-up to And in just one day… from Designing a Student Portal

Thanks to a reminder that was posted on My.WBS yesterday, another 30ish people have completed the survey – bringing me to a total of 92 responses.

Quick breakdown by course:
———————————————————-
Management – 27
Accounting and Finance – 27
International Business – 8
Computer and Business – 9
Other – 21

I'm impressed with the response.


November 09, 2005

Apache now all systems go!

Follow-up to Confirmation of Web Space in DCS from Designing a Student Portal

Though I have not looked at the system myself, David successfully set up the Apache server in DCS for the Penguin project in the past couple of days. Well done David… we're now ready to roll!

Observations of My.WBS

As a user of My.WBS, an extreme example of something which occurs quite often caught my attention – one topic, and six or seven different resources available to download for it…

1. Why couldn't all of those resources have been attached to a single message?
2. Why do you lose sight of the other relevant resources once you have selected one of them? Compare this to say Microsoft Outlook – you can read a message and still see your Inbox.
3. Why do I have to download a Word/Excel document just to find out what group I'm in or the exact wording of an assignment?

These are definite design issues I need to look at – I should be interested to see if there any similar comments made in my survey results.


November 01, 2005

And in just one day…

Follow-up to Questionnaire Advertised on My.WBS from Designing a Student Portal

Not bad for just one day… very impressed at 44 responses! Temptation of freebies for Students is obviously too much :o)

Questionnaire Advertised on My.WBS

With thanks to help from Andrew Martin and Trixie Gadd of Warwick Business School, my research questionnaire has been advertised for participants on My.WBS this morning. It has been agreed that my findings will be shared with the My.WBS development team due to a revision of their system planned for early 2006.

Response dependent, the questionnaire will be live for one-week only.


October 27, 2005

Confirmed identity for the Penguin project account

The final stages for setting up the Penguin project account on the DCS servers was completed today – Paul Williamson confirmed the identities of David and myself, and passwords/access details were issued.