23
Aug 10

IPA Online – building a site to teach phonetics

This post is about building ‘IPA online‘ – a site designed to help students learn to use of the symbols in the International Phonetic Alphabet (IPA) to visually represent the range of the sounds produced by the human vocal tract. The main challenge was to find a way to present hundreds of very short video clips of male and a female speakers producing the same individual sound segments from the IPA chart in a logical and usable way. We also built a range of self-text exercises where the same speakers produce a range of nonsense words for students to transcribe.

A portion of one of the IPA chart pages is shown below:

The videos are embedded in a customised version of the excellent JW Flash Video Player, which is open source, free for non-commercial use, has a well-documented API and is supported by a fantastic community. Using this allowed us to control the video through the JWplayer API. So instead of requiring a seperate page for every one of the hundreds of videos, we could simply change the video being played through a bit of javascript called from linked symbols in the chart.

Well, I say ‘simply’, but in practice it never is. One of the first complications we met was the need to display the rather unusual symbols of the IPA chart. These are not the typical characters you find on a web page, but rather an unusual set of characters and annotations. To display these consistently in browsers required encoding these characters as HTML entities, which meant an extra level of illegibility in the code (such as &x6D;) and threw up the challenge of forcing the server to deliver pages with UTF-8 encoding with an .htaccess file.

Once we’d cracked that, we could focus on linking the chart symbols to the videos, which works something like this. Clicking on a linked symbol in the chart calls a javascript function, passing a parameter linked to the symbol name. This looks up the appropriate values for that symbol in an array containing the path to the appropriate videos (for male & female) and descriptive information about the symbol. The script then uses the sendEvent() call to the JWplayer API to change the video loaded in each of the two players.

If I sound a little vague about this, it’s not to protect my methods, but rather because I am by no stretch of the imagination a programmer. With a bit of crude hacking of the examples on the JWplayer site I managed to find a way to get most of this to work, but it’s with thanks that I acknowledge the help of my colleague Carl Vincent, a proper programmer, who helped find a more elegant way to do this.

We used similar approach for the self-test units, but with a bit of added jQuery to allow students to reveal the answer as work though each of the transcription questions.

Hopefully, the end product is one that will be useful for students and teachers of phonetics. It’s still a work-in-progress and expect to get some suggestions for improvement when its piloted with students next term. One thing I’m hoping they suggest is that they want a mobile version, because I would love to find a reason to try that.

Bookmark and Share

06
Aug 10

weeknote 03

web2practice guide to QR codes

I did a quick and dirty video on QR codes as part of a new web2practice guide we’re producing. The video is a introduction to what they are and why you should care, with a more detailed printed guide to come on the how. I’d been keen to hear what you think of this before we polish it for release. On the topic, if you know of an interesting uses of QR codes in HE or elsewhere, please let me know in the comments.

Supporting the JISC Greening ICT programme

I’m leading on a Netskills project to provide support for the JISC greening ICT programme. This includes setting up a community site and encouraging conversations in and around it, facilitating events, online programme meetings (in elluminate) and helping to synthesize and amplify project findings and outputs.

The first priority is the community site, which aims to support projects in providing a single source of programme-related information and the ongoing work of other projects, as well as being a showcase for the work and a space where they can engage with each other and the wider community. In terms of features to help that happen we’re looking at providing access to news, information, documents & tools, user profiles (networking/connecting projects/matching people), asynchronous discussions (private/public), chat, user upload of documents/media, user blogs (in system and/or syndicated from elsewhere), wiki, feeds/syndication…

I’ve looked at a range of options like wetpaint, Ning, PBwiki, Elgg, but so far my favourite is a hosted WordPress installation with BuddyPress. I’ve heard good things about this from users and providers. I outlined out plans to the project teams in our first online programme meeting yesterday and am asking them for input, but if you know of or have experience of any other systems or approaches, please let me know.

JIF

Not sure if it’s cheating to include something from 2 weeks ago in a weeknote, but this is the first time I’ve mentioned the JISC innovation forum. This is a biannual event for people working on JISC innovation projects to get together to consider ways to do that more effectively. I ran a workshop on how projects can engage with their communities through social media/networking, which despite my feeling that I might not be telling them anything new, seemed to spark a pretty lively debate on the practicalities of this. I tried to blog this in more depth, but it quickly got out of hand for a Friday afternoon, so will have to revisit it next week.

As to the rest of the event, it was excellent. Some great speakers talking about some of the big issues affecting the web and education. It’s great to hear these people talk, but also to feel part of that community and conversation.

Online collaboration with the bloke next door

I’ve been doing a fair bit of real-time collaboration in gDocs with my colleague Chris (aka Electricchalk). He posted on his thoughts on it in his last chalknote (although he failed to mention his cunning approach to collaboration of him writing the headings and leaving me to fill in the rest!). For me, I think a paired programming style approach of one person writing while the other reviews and thinks can be really effective, far more so than working asynchronously in bursts then getting back together to review. We also reflected on this in a post on the web2practice blog.

Bookmark and Share

07
Jul 10

weeknote 02

Screencasting – presenting your screen

Photo: AMagill on Flickr (CC BY)

On Thursday, I ran a remote training session on screencasting. The session introduced screencasting (broadcasting your screen), its educational uses (narrated slides/lectures, on-screen demos, worked problems, feedback, digital storytelling…), screencasting tools (screenr, screenjelly, Jing, Camtasia Studioslideshare – not screentoaster as it’s on it’s last legs) and how to use them. Over the next few  weeks, we’ll be supporting participants in creating  their own screencasts, so it will be interesting to see what they produce and what problems they have to overcome.

If you want to know more about the session  my slidedeck is below, or if you’re really looking for a way to avoid doing any work, you can relive the session through the magic of elluminate. On that, despite seeming to go pretty well when done live, it isn’t the most enjoyable of viewing experiences (even controlling for the cringe factor of having to watch myself). Ideally, I’d produce a slicker, shorter narrated presentation and demo, but somehow I don’t think that will happen, which is a possible downside of recording more live stuff and simply reusing it for playback. It’s also remains a slightly odd experience to present remotely from an empty room.

Moving home is easy – a new blog

If you’re reading this in situ, then you might notice things look a little different around here. That’s because here is somewhere new as I finally took the plunge and setup a self-hosted WordPress install. I’ve happily used hosted blogs on WordPress.com and JISCinvolve for a few years. While these make blogging simple, I like to be able to customise the design, choose my own plugins, hack around with a bit of code – all of which are easier and more fun with your own setup. If you’re thinking about it too, the process was very straightforward. Once I had a domain, installation of WordPress really did only take 5 minutes. Adding and activating new plugins and themes is simple and quick too. Importing all my old posts from a backup took under a minute. Talking of which, I removed all those posts from my old blog and left a note that I’d moved over here, so as not to incur the wrath of google.

What did take far longer than all of this sorting out all my social media/network profiles that list my blog address, as well as a few places using manual <rel=”me”> links. A bit like moving home in the real world and remembering to update all your contact details. The changes haven’t been picked up by Google social graph yet, so I guess this real-time semantic web thing isn’t quite here yet?

JIF 2010

I’ve started preparing my session for the JISC Innovation Forum on how JISC projects can engage with their communities though social media and networking. I’m interpreting communities as including project team, other projects in the programme and the broader community, with that having implications for different approaches that are likely to work. I’m going to try my usual mix of evangelism and pragmatism, as while I think there are benefits for some projects, having done some programme support I’m also aware of the challenges projects face and the dangers of extrapolating from success for one project to make guidelines for all of them. I’m hoping to facilitate an open session where people can raise these issues, even if I don’t have all the answers. If you have any advice or experiences that I can share from your projects, I’d love to hear from you.

Boom and bust – cognitive surplus or deficit

Clay Shirky is doing rounds promoting his new book Cognitive Surplus: Creativity and Generosity in a Connected Age. He is certainly an engaging speaker who tells a good story about the social meaning of technological developments. In this case, that the things many of us willingly do, create and share online, even the seemingly trivial, are helping to build a better, more cooperative world. It’s a powerful idea, but not everyone thinks it’s one that’s based on sound data or observation. So is there a place for this kind of storytelling based on what I’ve seen called ‘anecdata’? Watch the video and decide for yourself…

Bookmark and Share

29
Jun 10

weeknote 01

This is the first post in what I intend to be a weekly series on things I’ve seen, liked and learned something from in the last week or so. While this is mainly an exercise in personal reflection, I’m hoping that a bit of  a narrative and a few links might make them useful to others too.

Hat tips: The idea is shamelessly derived from the much more considered approach of weeknotes, the implementation of that by Matt Jukes mixed in with a bit of the  ’what I learned this week’ posts of Doug Belshaw.

Top notch portable microphone for £30

£30 gets you an excellent Samson OK Go portable USB condensor microphone small enough to  clip onto your laptop. Thanks to Gavin from JISC digital media for letting me try it out and for blogging their thoughts on it. Hear all about it from the man himself…

gomic.mp4

Mapping the UK Soundscape

The British library have a project mapping UK soundscapes through audioboo, starting with my old home town of Sheffield. Looking forward to contributing to making Sheffield sound good next time I’m back there.

UK Sound Map

HTML Audio Player

HTML5 has got a lot of press for video, so it’s nice to see – or rather hear – about an HTML5 audio player. It’s a jQuery plugin that gives you an embedded HTML audio player that you can style with CSS.

Project Canvas approved by the BBC trust

Project Canvas aims to bring video-on-demand to Freeview and Freesat using open standards, as well as access to a range of  internet services like facebook and gmail (at least that’s what the design mockups show).

YouTube renders text transcripts as interactive captions

Unlike the closed captions that are simply overlaid on the video, these are interactive in the sense that you can use the text as links to navigate through videos. I did a Screenr video showing interactive captions in action. YouTube also has an vuvuzela button – feel free to blow it while watching!

FUKOER!

JISC are hosting an Open Education Resources showcase which boasts an impressive programme, but in terms of hashtags has perhaps been upstaged by the fringe event #FUKOER

When things only just work

In upgrading to iOS4 I found a bit of small print that said iTunes (on Windows Vista) was forged by Lucifer himself and produces error messages written in blood. I wrote an email to Steve Jobs about it, but he just told me not to use my left hand. Jobs’ a good ‘un!

Innovation in Education

To finish on a more positive note, here’s a TED talk from Charles Leadbeater talking about innovation in education outside of traditional contexts and institutions.

Bookmark and Share

01
Mar 10

It’s All Geek to Me

These are the slides from my ‘lightning talk’ at JISC dev8D on how developers in the JISC community can communicate with a broad, non-technical audience. Given the time constraints of a packed and very interesting event, my presentation was neccessarily a little light. Whilst most of the points I make are common sense, being asked to talk about this at dev8D implies that there is still something of a communication problem between the developers of a system and it’s end-users, so it doesn’t hurt to remind ourselves of the obvious occassionally.

Slidedeck

As these slides might not make too much sense without the speakers notes, you might want to view the slides and notes in context on Slideshare or read them below…

Slide 1: I’m a little wary of sterotypes such as digital natives or the google generation and of extrapolating from these. So while preparing for this talk I scanned for some evidence that the geek sterotypes are still in common usage. Just to be clear, I consider the term geek to be a compliment. Developers do some amazing stuff that the rest of us benefit from, but only if we can understand it and use it.

Slide 2: The first ‘evidence’ I saw was a tweet on the launch of data.gov.uk. This is a resource with amazing potential to give public access to public data. However, that’s only true if the data can be made available in meaningful ways. Luckily, as hubmum put’s it, the geeks came to the rescue.

Slide 3: The next was from Tony Hirst, talking about the responsibilities of developers to make data available to the masses – or as he put it in his tweet – the mortals.

Slide 4: That idea of responsibility is why I think this is an important issue. No offense to developers, but no matter how good your new system is, it’s only as good as the uses that people put it to. So, if there is a communication problem, how can we make it better?

Slide 5: Well the first responsibility is to know your audience(s). As this is where the sterotyping starts, let me defend my position by explaining a little about what I do.

Slide 6: I’m a trainer at JISC Netskills. We provide end-user training in web technologies for 1000s of staff from the education sector each year, as well as producing training materials for institutions to do their own. As such, we work with a fair few of (what I assume to also be) your audience. So although I’m presenting anecdotal evidence, it is at least based on a relatively large sample size (even if one that may be biased by being an audience seeking training). To do this, we need to work at the interface between geeks & mortals, taking the systems and ideas of developers and translating them into something users can put into practice. That often requires us to speek both geek and mortal.

Slide 7: I should also declare that I’m part of the mortal audience. Before working in tech, I spent 10 years as a researcher working on HIV vaccines. As such I worked with some extremley intelligent and capable people. Similar sterotypes applied here regard to the problems of scientists communicating about their research with the general public. The key for both scientists and developers is to recognise the nature of their audience and adpat accordingly. So what can we say about a typical audience for systems developed for use in academia?

Slide 8: Firstly, don’t underestimate how little awareness there is of technologies that you might consider to be mainstream and well-established. Your users aren’t stupid, but tech is just a tool that they pick up to use when they need to, then put away again. They don’t see the world through the lens of technology as many developers do. RSS is a good example of this. For something so fundamental to the modern web that offers real and immediate benefits to users, surprisingly few people in the audience we work with know what it is or make use of it. They’re typically familiar with web browsers and facebook, but much less so with things like RSS, AJAX or XMPP. As for emerging services like google wave, buzz or pubsubhubbub…

Slide 9: A recent example of this was when ReadWriteWeb (RWW) introduced FB connect as a way to allow login to their commenting system. They made a post to announce this and it soon found it’s way to the top of the google SERPs for ‘facebook’. As a result, a not insignificant number of people found their way to RWW and logged in believing they were logging in to a new version of facebook.

Slide 10: That highlights that many users are disorientated by the ever-increasing rate of change in technology. When a geek looks at this ever-changing landscape they see possibilities and opportunities to do new things. When a mortal looks at it, they can often see change and increased choice as confusing. Many people prefer to take the well-trodden, familiar paths with technology, even if new systems are better. So developers need to be careful when adding new system to this already crowded space.

Slide 11: Change is never easy for people and is often met with resistance and inertia. Academia (and academics) is traditionally thought of as being slow to change and the rate of change of technology outside this world can sometimes appear to be inversely proportional to the rate of change inside it.

Slide 12: So, how ‘happy’ are your users likely to be when you present them with your new system? Well, that largely depends on how it is presented to them.

Slide 13: All too often, it’s as an uninspiring product manual or piece of documentation that tells people how to use a system, but not why. I’d argue that this approach might be necessary, but is not sufficient for people to truly understand something new.

Slide 14: What we need instead are some carrots – reasons why a system will help people, their life easier or make them more productive.

Slide 15: That needs some evangelism. Being passionate about tools, selling their benefits, motivating people to try the tools for themselves in context of own practice. An excellent resource for this is the Developer evangelists handbook. But before you get carried away, remember to check that with some pragmatism. People don’t need to know all the gory details about every tool that exists and their probably not going to use them all. They’re more likely to find a tool in time to use it and find out just enough about it to do so.

Slide 16: So, how does all that translate into communication? Well, this is a simplified version of the model we use for our training. It’s based on elements of Blooms’ taxonomy, Kolb’s experiential learning, Honey & Mumford learning styles, Ecclestone’s autonomy to name a few of the giants of educational research whose shoulders we stand on. The key point is that instruction in new technologies should focus first and foremost on the ‘why’. Without this hook, it’s unlikely that people will be motivated to find out how. So we start with some evangelism, then move onto guided practice to hopefully sow the seeds towards the transformation and pragmatism needed for true independent practice.

Slide 17: Consider starting with something akin to a quick elevator pitch. What would you tell someone about your service in 2 mins? What are the key points to communicate? How would you get them across effectively?

Slide 18: Make sure your language is appropriate to your audience and remember the principles of writing for the web, such as using plain English, an inverted pyramid structure and front-loading.

Slide 19: One of your best assets are the people ‘formerly known as the audience’. They’re the one’s use systems in anger. They will find problems you’d never thought would be problems and solutions that you’d probably never come up with. So encourage them to help each other and help you. If you listen, they’ll give you vital feedback. If you let them, they’ll help write the manual, not just read it – as well as make videos, write reviews, make suggestions…

Slide 20: Mix your media. Without veering off too much into learning styles territory, different people prefer to learn in different ways and through different media that suit those ways of learning. Consider what media would work best for your evangelism or for facilitating some guided practice. For example, many new services launch with a short video overview about the why, more than the how. Back these up with more in-depth guides, FAQs as well as forums to encourage discussion.

Slide 21: Problem is that not everyone is happy (or good at) presenting, recording podcasts, making videos, writing manuals or facilitating training.

Slide 22: So finishing on a big, shameless plug that if you need help with any of this, we can help, just ask. That’s what Netskills is here for!

Bookmark and Share

20
Jan 10

Podcasting (JISC RSC-NW)

This is a slidecast produced for participants in an online training session on podcasting for JISC RSC-NW. The idea is to give participants the opportunity to come up with ideas for what formats and approaches would work for their podcast before the event, so that the time online can focus on the practicalities of producing a podcast. Following that, we hope they’ll put this into practice to produce and publish a podcast to encourage review and discussion with others.

Practical Support

If you have any questions about producing your podcast, please add them to the comments below. We will monitor this post and respond as soon as possible. This will also give other participants the chance to learn from your questions and perhaps by answering them. To help with this, you may wish to ‘subscribe to follow up comments’ which will send you email notification when we reply or another comment is made.

If you have questions that you’d prefer not to share with the group, please email me at the address provided in your joining instructions for the session.

Bookmark and Share

07
Oct 09

Is anyone remotely interested?

megaphone.jpg

I’ve been asked to present a ‘webinar’ on the web2practice project for JISC RSC Eastern in December and have been thinking about how best to present to a remote audience. As someone who’s often in the remote audience for events, I’m aware of how difficult it can be to engage and maintain people’s interest. So, as this will be my first attempt to present to a purely remote audience, I’m hoping for some advice from those who give and receive presentations.

As I commented in a post on Powerpoint on UK web focus, I think engagement is the key issue for a remote audience. Looking at engagement stats for videos of some of my presentations, many more people hit stop within 5mins than have ever walked out of a live presentation (although maybe they’re just too polite!) .

So, how do I keep remote participants interested?

Here’s a rough outline of how I plan to approach this:

  • Keep it short (10 mins)
  • Use a very visual slidedeck (more images, less text)
  • One point per slide (more slides, less time on each)
  • Pre-record it (for rehersal, as a backup & to publish)
  • Have spare equipment (PCs, webcams, mics…)
  • Present as if I had an audience (rather than sat at my desk)
  • Ensure demonstrations are well-rehearsed
  • Recruit someone else to monitor the official & back-channels

Anything else you’d recommend?

Bookmark and Share

18
Sep 09

ALT-C. Be there or be… anywhere

altc09.jpg

Despite not making it to ALT-C this year, I still felt more involved than I have at some events that I actually attended thanks to the formal and informal amplifcation of the event. These are my notes on the pros and cons of being a remote participant in a tech-enhanced conference.

In an attempt to give the live sessions my full attention, as I would at the conference, I booked out time in my diary as being ‘at‘ ALT-C. However, there were still lots of ‘…but you’re not really there, are you?‘ interruptions (quick questions, phone calls…) that you avoid when you’re actually away. So my first lesson learned for next time is to get out of the office and watch somewhere away from these distractions.

I’ll confess I didn’t help myself here either by giving in to the temptation of checking the occassional email or getting on with my ‘real work’ that I would have felt guilty about doing in a live audience. I consider myself to have a reasonable attention span, so was disapppointed by my lack of discipline online. I think this, like the last point, highlights the need to change peoples perception of what being ‘at an online conference’ means – including my own.

The onscreen experience of the live sessions was pretty good – certainly better than I’ve had from the back of some conferences. Using Elluminate for this was perhaps a case of sledgehammer to crack a nut, but it worked once you’d jumped through the hoops. Just as useful though was the informal streaming from participants, like that of the VLE is dead debate, by James Clay. This was a far simpler approach, but arguably a better experience. I’ve been skeptical about the quality of this approach, but in the right circumstances and with a bit of thought, it can be very effective.

As always, Twitter enabled commentary from the live audience and those watching remotely, giving an insight into their thoughts. The conference #hastag was very active, as shown by Brian Kelly’s analysis. A downside of this was that it provoked the worst influx of trending topic spam I’ve seen, but I think this remains a price worth paying to keep the discussion public.

However, for me, the real difference was not what happenend at the conference, but what happened next. The reflection and discussion taking place after the event have in some ways been of more value than the conference itself. Reading blogs posts from different viewpoints, seeing what I thought to be minor details be picked up and expanded into detailed arguments, commenting and discussing the issues, has all helped to consolidate my learning.

What this has also made me realise is that the value I place on the social web for helping me feel part of the community is in part an inditement of the fact that until recently I haven’t been – or at least, not part of the right community. With conferences and events being one way to achieve that, I think it’s clear I need to get out more!

Bookmark and Share

16
Jun 09

Clay Shirky on the power of social media

Interesting TED talk from Clay Shirky on how media has changed to social media and the impact of that on citizens, institutions and government.

Bookmark and Share

30
Mar 09

Explaining emergent technologies (with PowerPoint)

web2practiceicons

I’m working on a JISC project to produce guides to how emergent technologies like social media, RSS and wikis can enhance the practice of staff in research, teaching and administration. One output of this will be a series of icon-based videos explaining the key concepts of these technologies. Unable to find suitable icons in stock image sites, I started to make my own – with PowerPoint. This post is an attempt to justify that and retain some credibility!

Don’t get me wrong, I’m not claiming these icons (see sample above) are better than those you’ll find in stock image sites. Those sites are full of professional quality vector icons with stunning use of lighting, shadows and 3D. But that’s the problem. The more striking the design, the worse they look when you mix icons from different sets. You also need a relatively high level of graphic design skills to manipulate them.

In contrast, while PowerPoint is clearly not a graphics app, it has some decent built-in effects that can make even simple geometric shapes look respectable with just a few clicks. Also, for screencasts that are essentially narrated presentations, it made sense to work with them in a presentation tool, then convert to a web video format for delivery.

As PowerPoint is a tool that most people (in our target audience) are familar with, we hope that others might start to make their own resources with them so are looking to release the PowerPoints under a creative commons (non-commercial) licence.

If you’d be interested in using them, please add a comment to let us know.

Bookmark and Share