Tag: web literacies

Weeknote 03/2013

Posted on January 19, 2013 by Doug Belshaw

Here’s what I’ve been up to this week:

Talking to Audrey Watters about web literacies. She’s a very smart person and I was impressed by what she had to say. I tried to capture most of what she said in this blog post.
As my colleagues are such a talented and productive bunch, an important part of my working day is spent in co-ordination. When you’re not co-located it’s important that you get your thinking out there, which is exactly what Brett Gaylor’s done with his post on New Webmaker Prototypes. Exciting stuff! My response is here.
I continue to contribute to both the Mozilla Webmaker list and the Open Badges Google Group. I’m looking forward to the latter splitting into two equally-weighted technical/learning groups!
This week I’ve been invited to over 10 events (including Estonia twice!), which is a little insane. I said no to pretty much all of them, as I’m trying to travel less (and be more strategic when I do travel) in 2013.
I’m trying to comment on more blog posts, especially when people are sharing the awesome work they’re doing around badges. Most notably, I commented on posts by Chris Sharples, Zoe Ross, Robert Weeks, and Grainne Hamilton. You should go and read them (the posts, not necessarily my comments!)
Interestingly, the post by Robert Weeks was stimulated by a virtual presentation to the Bristol ‘weelearning’ group on Wednesday. Formerly a badge skeptic, Robert is now a badge enthusiast. Job done. 🙂
My work around web literacies is going to end up as a ‘learning standard’. I’ve been discussing this with Erin and Carla. More on that soon.
I spent Thursday in Leicester in the company of Josie Fraser, Lucy Atkins, Richard Hall and David White. I was advising on a new digital literacies framework for teachers in Leicester which should, hopefully, lead to badge-infused CPD. That was a bit of an epic journey: 4.5 hours each way in a day. Except the train was delayed on the way after a suicide on the line. 🙁
I’ve done lots of reading this week, including the excellent book A Small Matter of Programming, a new DML Connected Learning report, the Peeragogy Handbook, and a new version of the IDEO Design Thinking for Educators resource.
The ILTA invited me to write up my keynote last year into a journal article. I’m about half-way there, I reckon, and should finish it on Monday. It will have the title Zen and the Art of Digital Literacies.
Thinking about the way that I and most of the people I know live in the future.
When I wasn’t doing the above I was clearing the drive of snow, spending time at the gym (no running this week!), and sledging, snowman-making, and generally spending time with my family before…

Next week I’ll be escaping the snowy hinterland of Northumberland and heading to sunny California to meet my colleagues. We’ll be participating in a DML conversation around, you guessed it, Open Badges. On that note, I’m delighted to have been asked to do more work around learning and assessment related to badges – so look out for more posts of that nature in the near future!

Image uploaded originally by Cory Doctorow on Twitter

Mozilla Thimble + Popcorn Maker: a productive Webmaking partnership

Posted on January 15, 2013 by Doug Belshaw

Yesterday Brett Gaylor, our newly-minted Senior Director of Webmaker.org and all-round awesome guy, posted New Webmaker Prototypes. In it he featured some work by Bobby and Atul on an experimental build of Popcorn Maker, a web native HTML5 video editor that integrates with Thimble, an HTML/CSS editor.

The reason I’m highlighting it is because it’s a taste of things to come in 2013 from Mozilla. And because I got to make this (see below) which you can remix/hack/fork (try clicking some of the underlined words!) 🙂

This is what it looks like when you’re editing/remixing:

This greatly improves our ability to allow people to level-up in their webmaking skills not only through fairly static activities but through engaging video-based content. Now we just need some learning activities that map onto the emerging Web Literacies framework!

Awesome.

Image CC BY Daniela Vladimirova

A conversation with Audrey Watters about Web Literacies.

Posted on January 14, 2013 by Doug Belshaw

Update: For the latest information on the Web Literacy standard work, head to http://mzl.la/weblitstd

TL;DR version: Amongst other things, Audrey reckons Mozilla should: show potential Webmakers cool stuff that it’s possible to do with HTML, CSS and (especially) JavaScript; work backwards in deconstructing a cool project; pass over the ‘why?’ for some learners; show what’s happening ‘under the hood’; focus on individual autonomy as a reason to care about being able to write the Web; use terms like ‘making’ and ‘building for the Web’ rather than ‘programming’.

One of the awesome things about my role at Mozilla is that I get to talk to extremely smart people about interesting things. Today I had the opportunity to talk to Audrey Watters, whose writing and thinking I greatly admire. And when she speaks, I listen. We caught up via Skype to talk about the Web Literacies framework and white paper I’ve been working on: http://mzl.la/weblit.

By way of context, before going any further you should go and read this post by Erin Knight, Senior Director of Learning for the Mozilla Foundation (aka my boss). In it she talks about our vision for an ‘open standard’ for Web Literacy:

In addition to all of the flashy tools, content and branding we’ve been launching over the last year, we’ve also been doing some considerable ‘underbelly’ work to define the thing we are ultimately after: a generation of web literate people.

[…]

I think this is important work for more reasons than just enumerating the things that Mozilla cares about or may provide learning pathways and badges for, but as a definition that we, as in the royal we of the web world, can all get behind and all teach to.

In 2013 we want to work with other organisations, interested groups, and individuals who are interested in helping people not only be able to elegantly consume, but write parts of the Web.

Programming

My conversation with Audrey was focused on what works in the current iteration of the Web Literacies framework and what needs changing or removing. We ended up spending the majority of our time talking about the next step up after people learn some HTML (structure) and CSS (styling) – the interactivity. Audrey made a great point in that we usually talk about JavaScript (JS) as being an introduction to ‘programming’ but that many programmers don’t really understand the Web. They deal in non-Web programming languages like C#, for example.

Recommendation 1: It may be better to talk of ‘scripting’ than ‘programming’ in a Webmaker context

Epic stuff

Another problem with JS is that you don’t know what you don’t know. If you don’t know what JS does then why would you want to learn it? We need, therefore, to surface great examples and allow users to ‘look under the hood’ of web pages, much as we do with X-Ray Goggles for HTML and CSS. Although I forgot to mention it during the call, I think we’re on the right track with the not-yet-released semi-official hackagame.org where you can use the Thimble interface to hack the classic game Pong.

Another thing we could potentially do is create an amazing video-based project in Popcorn Maker and then deconstruct the JS (along with the HTML and CSS). Reverse-engineering all the way to a blank page, the learner would then be able to build their own modified version. They would learn that HTML, CSS and JavaScript is a powerful combination negating (in many cases) the need to learn specific programming languages for different platforms.

Recommendation 2: Show learners epic things they can do with Web-native tools

Powerful tools

Although Audrey is a big fan of the visual programming environment Scratch she talked of giving learners tools ‘that real programmers use’. As an aside, I’ve always found it really disingenuous that some educators add a lot of structure to learning activities and try to make learning ‘easier’ by making the tools available less powerful. After all, it’s highly unlikely that the educators themselves learned in anything other than a fairly ‘messy’ way.

Part of the problem is that we don’t really have a pedagogy around Computer Science (CS) which makes a lot of this suck-it-and-see. I thought Audrey showed real insight when she talked of those who are highly skilled in programming often being highly self-motivated. These people can make great teachers, but (in both our experiences, I think) often don’t. Certainly a lot of the online places you can learn to code seem to be overly-structured and focus on procedural, rather than conceptual, stuff.

At the end of the day, the procedural stuff (especially around syntax) can be learned through tinkering. It’s the conceptual stuff, arguably, that’s the most important.

Recommendation 3: Give learners industrial-strength tools and don’t overly structure what they can do with them

Misc.

Audrey also mentioned lots of other stuff that would turn this into an epic post. She talked about the importance of real project-based learning, where the learner decides what they’re learning, not the teacher/website. She mentioned why Webmaker as a ‘brand’ is important as it focuses on the Web rather than the (sometimes) closed ecosystems of native apps in the mobile space. And, interestingly, Audrey talked about the importance of users understanding the politics of ‘Open’ and why it matters.

Note to self: talk to Audrey more. 🙂