[Xerte] Advanced Hotspots Template

Wed Mar 17 21:40:13 GMT 2010

Just great, as I failed completely to achieve keyboard access for the drag
and drop when I tried a while back with a very simple game for adults with
learning difficulties.
http://www.railwaylandproject.org/Viaduct_drag_and_drop

Best wishes E.A. 

Mrs E.A. Draffan
Learning Societies Lab,
ECS, University of Southampton,
Tel +44 (0)23 8059 7246
http://access.ecs.soton.ac.uk
http://www.emptech.info

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 17 March 2010 13:44
To: Xerte discussion list
Subject: RE: [Xerte] Advanced Hotspots Template

OK, its there. You can drag the pin with the keyboard. You have to use the
number pad arrow keys, because the usual ones move the accessibility
selection (the yellow square) around the screen.

Press enter to drop it.

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Alistair McNaught
Sent: Wednesday, March 17, 2010 9:16 AM
To: Xerte discussion list; ea at emptech.info
Subject: RE: [Xerte] Advanced Hotspots Template

There are two issues to unpick here, one is the access for blind users and
one is the access for keyboard only users. In the existing XOT, the keyboard
access works very well and gives good access for non-mouse users. The
ability to do drag and drops for blind users is dependent in part on the
keyboard access but also on the level of audio feedback. This is currently
only partially implemented in the image labelling but I suspect could easily
(not easily for me, but maybe easily for a JT!) be tweaked. 

For example this template works a charm and can be used for blind learners:
all the draggable items and the drop zone labels announce to the text to
speech (TTS) so it’s highly accessible..

However in this example, the draggable items announce but the drop zones
don’t, even though the descriptions (done properly as below) could be voiced
when the focus moves over the drop zone as in the example above. This would
benefit more than blind people and there are many students who could see the
pictures perfectly well  but for whom a voiced (or even alt tagged) text
would help them understand the distinguishing features they were being
tested on without giving the game away.
Many people find it hard to make sense of an image on its own (think how
many car manuals you look at wondering how the picture of their engine is
supposed to represent yours!). Having the text supplement would therefore be
a useful adjunct so long as the tutor was sensible in the content and didn’t
put text like ‘The Cumulus cloud is small and fluffy’ but rather
non-identifying content like ‘Small fluffy clouds common in fair weather’.
There may be situations for visual identification when you’d compromise the
assessment by giving any text at all in which case it’s not Xerte that would
discriminate against the blind user but the nature of the topic and of
blindness (eg identifying map features or contour patterns).

Could the info in the text panel be voiced by TTS when the drop zone is
highlighted?

If this were the case then I don’t really see the additional complexity with
the new template. The pin is the bit that scores as far as sighted people
are concerned but is it possible to identify a keyboard selected focus on
‘Draggable item – Handlebars’ and match that to the the keyboard selected
‘Drop zone – handlebars’? 
Or alternatively – if that messes up the scoring code, stick with the pin
being the scorer and have 
‘Label – Handlebars’; ‘Draggable pin for <Handlebars>’ and match that to the
‘Drop zone – handlebars’?

On a separate note, any more thoughts on whether a transparency option could
be added to sub pages so that the colour changes made in the main pages
might leak through to the nested pages? There are ways around it using free
portable apps like ssOverlay but since so much of the real beef of Xerte
content is in nested pages it would make sense to me that there should be a
way of altering their colours too?

Hope this is useful – I’m supporting interviews all morning so won’t be
quick to respond to anything.
Thanks

A

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 17 March 2010 08:05
To: ea at emptech.info; Xerte discussion list
Subject: RE: [Xerte] Advanced Hotspots Template

How could this interaction work along some established accessibility
standard? You can move both the pins and the labels - how to do this in a
way that makes sense, and follows some accessibility guidelines / best
practice?

Moving the items is one thing, but there are other actions - when / how to
drop the pin? I can't see how this could ever be made to work for a blind
person, as it requires visually interacting with the material.

For a sighted keyboard user, I'm struggling to see a way of sensibly
allowing the interaction to be controlled without implementing some strange
combination of keys that people aren't familiar with. Tab - Space is well
established for selecting items, but how to do the drag and drop?

J

________________________________________
From: xerte-bounces at lists.nottingham.ac.uk on behalf of E.A. Draffan
Sent: Wed 17/03/2010 07:43
To: 'Xerte discussion list'
Subject: RE: [Xerte] Advanced Hotspots Template
Yes I agree with Alistair that having the ability to see a boundary around
an item is really very important and the second slide only worked with the
labels in IE and not at all in FF.   If the label can be moved even that
would be better than nothing  in that assessment –so some short cut key and
the arrow buttons might make it possible otherwise you have to use mouse
keys. 

Best wishes E.A. 

Mrs E.A. Draffan
Learning Societies Lab,
ECS, University of Southampton,
Tel +44 (0)23 8059 7246
http://access.ecs.soton.ac.uk
http://www.emptech.info

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Alistair McNaught
Sent: 16 March 2010 19:54
To: Xerte discussion list
Subject: RE: [Xerte] Advanced Hotspots Template

Hi Julian – thanks for this. On the example given I found pages 1 and 3
worked well – 2 couldn’t pick up the highlights for me. So it looks like
it’s very nearly there.

A

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 16 March 2010 16:11
To: Xerte discussion list
Subject: RE: [Xerte] Advanced Hotspots Template

See the example for the changes I’ve made so far

http://www.nottingham.ac.uk/toolkits/play_1955

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Alistair McNaught
Sent: Tuesday, March 16, 2010 4:04 PM
To: Xerte discussion list
Subject: RE: [Xerte] Advanced Hotspots Template

>When tabbing to a shape in the draw, you'd like the irrgular shape to
highlight, instead of - or as well as - the usual bounding rectangle? Then
space to select it? That works for the hotspots / show me types.

Ideally the irregular shape would highlight then space to select but if
that’s very tricky to do the bounding rectangle would be next best. Do you
agree EA?

A

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 15 March 2010 21:31
To: ea at emptech.info; Xerte discussion list
Subject: RE: [Xerte] Advanced Hotspots Template

Good catch - that's easy to put straight. I have a few ideas about adding
the keyboard selection to the other activities, but the labelling one is
going to be very difficult - how to move the pin / label? Arrow keys? That
gets tricky - when to trigger a drop? This doesn't use Xerte's usual
targetAreas for the inbuilt dnd accessibility, so need to add support to the
draw's shapes for onSetFocus etc.

When tabbing to a shape in the draw, you'd like the irrgular shape to
highlight, instead of - or as well as - the usual bounding rectangle? Then
space to select it? That works for the hotspots / show me types.

________________________________________
From: xerte-bounces at lists.nottingham.ac.uk on behalf of E.A. Draffan
Sent: Mon 15/03/2010 20:53
To: 'Xerte discussion list'
Subject: RE: [Xerte] Advanced Hotspots Template
Sorry to add to the accessibility woes but when you use this template in IE
and FF in High Contrast 2  the text is rendered invisible. 

Best wishes E.A. 

Mrs E.A. Draffan
Learning Societies Lab,
ECS, University of Southampton,
Tel +44 (0)23 8059 7246
http://access.ecs.soton.ac.uk
http://www.emptech.info

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Alistair McNaught
Sent: 15 March 2010 17:55
To: Xerte discussion list
Subject: RE: [Xerte] Advanced Hotspots Template

It’s nice having the non standard shapes but it lacks the keyboard
accessibility that sets the existing template apart from other content
creation tools. As a non-mouse user I’d be completely left out of this. Is
the keyboard access going to be added? If not I’d argue strongly that this
shouldn’t supplement the existing one – maybe replace it with a warning
attached

A

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 15 March 2010 16:53
To: Xerte discussion list
Subject: [Xerte] Advanced Hotspots Template

http://www.nottingham.ac.uk/toolkits/play_1955

Is an example of a new page type in toolkits: Advanced Hotspots. It allows
three different types of interactivity to be driven from a drawing, so you
can define hotspots as irregular shapes rather than simple rectangles.
Import an image, draw your hot spots, fill in the info and away you go.

See the examples: you can define groups of shapes; you can control the
highlight colour and width, and then choose from either Hotspots, Labels, or
Show Me as the interactivity. It’s been designed for use teaching anatomy,
but might be of use for all sorts of things:

Wizard:
Error! Filename not specified.

Drawing Editor (import a picture, draw hotspots over the top)
Error! Filename not specified.

Results: http://www.nottingham.ac.uk/toolkits/play_1955

I’ll update the zip at some point. We have a few other things going on that
we’d like to put into an updated toolkits zip sometime soon, so might be an
idea to drop them all in together, and make sure everything is updated to
current files.

J

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Nigel Irwin
Sent: Monday, March 15, 2010 4:43 PM
To: Xerte discussion list
Subject: RE: [Xerte] Synched Video template

Thanks will play with that

Regards, Nigel 
IT Training and Support Co-ordinator 
01444 884906

________________________________________
From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 15 March 2010 16:35
To: Xerte discussion list
Subject: RE: [Xerte] Synched Video template
When you preview the video from the wizard, press pause when you reach a
synch point.

The position (in seconds ) is put on your clipboard.

Paste it from there into the synchPoint field of the nest page.

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Nigel Irwin
Sent: Monday, March 15, 2010 4:26 PM
To: Xerte discussion list
Subject: RE: [Xerte] Synched Video template

Hi, Jumping on the badnwagon briefly, how do you determine the sync points
in synchronised videos? There dosent seem to be much if any documentation on
this type of page.

Regards, Nigel 
IT Training and Support Co-ordinator 
01444 884906

________________________________________
From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 15 March 2010 16:10
To: Xerte discussion list
Subject: RE: [Xerte] Synched Video template
Replace your videoSynch.rlm with the one attached.

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Adam Read
Sent: Monday, March 15, 2010 4:04 PM
To: 'Xerte discussion list'
Subject: RE: [Xerte] Synched Video template

Yes that would be superb! 

This is what I call customer service! I hope they’re paying you a fortune up
there in Sherwood

Much appreciated

Adam

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 15 March 2010 15:57
To: Xerte discussion list
Subject: RE: [Xerte] Synched Video template

OK, so it I make it so the image scales to fit the box if erase = true that
would work for you?

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Adam Read
Sent: Monday, March 15, 2010 3:53 PM
To: 'Xerte discussion list'
Subject: RE: [Xerte] Synched Video template

Yes using with Erase = False is definitely the best option for images. If
that becomes the case perhaps a note explaining that images will only show
when using the erase option would be needed/useful?

I suppose images would auto scale to fit the box too?

I’m thinking of how I can steer staff away from using MS Producer (synced
video/audio with PPT slides) so being able to sync pics would defo help.

Thanks

Adam

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Julian Tenney
Sent: 15 March 2010 15:46
To: Xerte discussion list
Subject: RE: [Xerte] Synched Video template

I don’t think it was ever intended to work with that use of a nested page. I
used nested pages as a convenient ‘child’ as they are comaptible with the
other page types that take them – but there isn’t any code in the synched
video model to do anything with them

It would be easy enough to add some support for them. How would this best
work? If you hae erase = true, then it’s easy enough – they can go in the
space below the text; if erase = false, then space is going to be limited as
the text boxes tile down the screen.

What do you think?

From: xerte-bounces at lists.nottingham.ac.uk
[mailto:xerte-bounces at lists.nottingham.ac.uk] On Behalf Of Adam Read
Sent: Monday, March 15, 2010 3:38 PM
To: 'Xerte discussion list'
Subject: [Xerte] Synched Video template

Hi Gurus

I’m playing around with the ‘Synched Video’ page template in XOT but am
having a bit of trouble using the ‘image optional property’. I’ve specified
the image location and it previews fine, however it doesn’t appear when
previewing the LO. Any ideas? I’ve checked and it is definitely sitting in
the USER FILES folder on server.

FYI I’m using an uploaded flash video and text is appearing in time with
sync points.

Error! Filename not specified.

Thanks

Adam 

________________________________________

University College Plymouth St Mark & St John
Derriford Road   Plymouth  PL6 8BH
Phone 01752 636700   Web  marjon.ac.uk

Principal: Professor Margaret Noble 

A Church of England College Founded in 1840

University College Plymouth St Mark & St John is a registered charity the
trustee of which is a company limited by guarantee registered in England No.
986239

________________________________________

University College Plymouth St Mark & St John
Derriford Road   Plymouth  PL6 8BH
Phone 01752 636700   Web  marjon.ac.uk

Principal: Professor Margaret Noble 

A Church of England College Founded in 1840

University College Plymouth St Mark & St John is a registered charity the
trustee of which is a company limited by guarantee registered in England No.
986239

________________________________________

University College Plymouth St Mark & St John
Derriford Road   Plymouth  PL6 8BH
Phone 01752 636700   Web  marjon.ac.uk

Principal: Professor Margaret Noble 

A Church of England College Founded in 1840

University College Plymouth St Mark & St John is a registered charity the
trustee of which is a company limited by guarantee registered in England No.
986239

____________________
This email is confidential and may be privileged. If you are not the
intended recipient please accept our apologies. Please do not disclose,
copy, or distribute information in this email nor take any action in
reliance on its contents: to do so is strictly prohibited and may be
unlawful. Please inform us that this message has gone astray before deleting
it

Please note that views expressed in this email are those of the author and
do not necessarily represent those of the Higher Education Academy

Please note that this e-mail has been created in the knowledge that Internet
e-mail is not a secure communications medium. We advise that you understand
and observe this lack of security when e-mailing us

Although we have taken steps to ensure this e-mail and attachments are free
from any virus, we advise that in keeping with good computing practice the
recipient should ensure they are actually virus free

The Higher Education Academy Registered No 4930131

____________________
This email is confidential and may be privileged. If you are not the
intended recipient please accept our apologies. Please do not disclose,
copy, or distribute information in this email nor take any action in
reliance on its contents: to do so is strictly prohibited and may be
unlawful. Please inform us that this message has gone astray before deleting
it

Please note that views expressed in this email are those of the author and
do not necessarily represent those of the Higher Education Academy

Please note that this e-mail has been created in the knowledge that Internet
e-mail is not a secure communications medium. We advise that you understand
and observe this lack of security when e-mailing us

Although we have taken steps to ensure this e-mail and attachments are free
from any virus, we advise that in keeping with good computing practice the
recipient should ensure they are actually virus free

The Higher Education Academy Registered No 4930131

____________________
This email is confidential and may be privileged. If you are not the
intended recipient please accept our apologies. Please do not disclose,
copy, or distribute information in this email nor take any action in
reliance on its contents: to do so is strictly prohibited and may be
unlawful. Please inform us that this message has gone astray before deleting
it

Please note that views expressed in this email are those of the author and
do not necessarily represent those of the Higher Education Academy

Please note that this e-mail has been created in the knowledge that Internet
e-mail is not a secure communications medium. We advise that you understand
and observe this lack of security when e-mailing us

Although we have taken steps to ensure this e-mail and attachments are free
from any virus, we advise that in keeping with good computing practice the
recipient should ensure they are actually virus free

The Higher Education Academy Registered No 4930131

____________________
This email is confidential and may be privileged. If you are not the
intended recipient please accept our apologies. Please do not disclose,
copy, or distribute information in this email nor take any action in
reliance on its contents: to do so is strictly prohibited and may be
unlawful. Please inform us that this message has gone astray before deleting
it

Please note that views expressed in this email are those of the author and
do not necessarily represent those of the Higher Education Academy

Please note that this e-mail has been created in the knowledge that Internet
e-mail is not a secure communications medium. We advise that you understand
and observe this lack of security when e-mailing us

Although we have taken steps to ensure this e-mail and attachments are free
from any virus, we advise that in keeping with good computing practice the
recipient should ensure they are actually virus free

The Higher Education Academy Registered No 4930131