Category Archives: Open Online Courses

[Why Open?] What does “open” mean?

I made this animated GIF using a mobile phone and GIMP (GNU Image Manipulation Program. 

 

For the next five weeks, I’m helping to facilitate an open online course at the School of Open called Why Open? The course starts today, and we’ve asked participants to start by writing a blog post on the following:

What do you think “openness” is? Focusing on your own field or context (if you wish), describe what it means to do work openly, or to make one’s activity or artifacts open. Alternatively, you could talk about what you think “openness” means generally, what sort of definition might fit all open activities or works.

I thought that after having read quite a few things about openness, and helping to put together this course, I’d have a clearer idea of what openness means. But instead, I recognize just how complicated the issues are surrounding openness, and so I have a hard time coming up with a clean, neat definition.

I could write a blog post that links to a bunch of resources on openness and see what they have to say, then respond to that, but that would be jumping the gun at this point. We’re starting off giving our own views, so let me try to put together some of my various thoughts about openness, as they stand at the moment (recognizing that things will change by the end of this course experience!).

I’ll be focusing on openness in my profession, higher education and research (I teach Philosophy at the University of British Columbia in Vancouver).

My earlier views on openness in education and research

A friend (Pat Lockley) recently did a survey of academics to find out their views of openness. The results, and a slideshow presentation on how he and a collaborator used these results, can be found in one of Pat’s blog posts. My response is #3 on this spreadsheet (I tried to copy and paste it here, but I don’t think I have permission to do that).

Summarizing that, my view on openness in the context of teaching and research, at least when I answered this survey, was:

  • One part of openness is allowing something to be freely viewed, such as open access research and publications–anyone can see these without having to pay for viewing. Putting up one’s teaching materials on a freely-accessible website would count here too.
  • But that’s only one small part of doing academic work openly; to be more “open,” one would make one’s materials and research not only available for free viewing, but also for use by others, and for revision–adding to, subtracting from, mixing with other things, etc. So, for example, I could not just put up a syllabus or lecture notes or teaching video for others to view, but would give these things a license that would allow for reuse, revision, remixing (e.g., a CC-BY license). The same could go for research articles–it would be nice if parts of these, such as tables, diagrams and graphs, could be reproduced in other places, altered and posted elsewhere, etc. But a license allowing such use is helpful, as copyright doesn’t allow it without getting express permission from the author.
  • Another important thing to think about is the format in which you’re posting your materials. For example, PDFs aren’t easily editable by most people, so putting things up in PDF form makes them freely available, but not easily accessible for revision and reuse. I don’t know much about video or audio formats, but it’s possible that some are better than others for this sort of thing as well.
  •  Courses are “open” not only if they are free to participate in (like MOOCs), but also if the materials are available for reuse, revision, repurposing. Some MOOCs don’t allow anyone to use their materials for other purposes. Here is a quote from Coursera’s Terms of Use, for example:

Permission to Use Materials

All content or other materials available on the Sites, including but not limited to code, images, text, layouts, arrangements, displays, illustrations, audio and video clips, HTML files and other content are the property of Coursera and/or its affiliates or licensors and are protected by copyright, patent and/or other proprietary intellectual property rights under the United States and foreign laws. In consideration for your agreement to the terms and conditions contained here, Coursera grants you a personal, non-exclusive, non-transferable license to access and use the Sites. You may download material from the Sites only for your own personal, non-commercial use. You may not otherwise copy, reproduce, retransmit, distribute, publish, commercially exploit or otherwise transfer any material, nor may you modify or create derivatives works of the material.

Udacity’s Terms of Use have a similar provision, as do those of FutureLearn. By contrast, the license on P2PU materials is CC-BY-SA.

Also in that survey I started trying to think about openness in education more broadly, and began to feel my way towards that by saying that we could open up education further if we didn’t just think of it in terms of formal institutions and courses. Learning happens in many different ways, every day, and if we could come up with some way to recognize and value that (rather than only giving credit to what people have learned at formal institutions), that might be a way to make education more “open.”

I think that’s a good thing to pursue, though I’m not yet sure how I’d fit it into a defintion of openness. Perhaps ensuring that education is more open in the sense of being more available/accessible to more people? If we restrict credit for learning to formal institutions, then only those who can get into and pay for those can get credit.

What I’d add now

 What I’ve focused on above are things like free and easily-available access/viewing, licensing so as to allow revision and reuse/reposting, and allowing many people to be able to take courses, as well as get credit for learning in more informal ways. That latter is like access to some degree, so so far: access, reuse, revision.

Now I’d also add something about transparency, mostly of process, but perhaps of other things as well. So in education, the process used to reach students’ marks should be transparent, for example.

I’m not sure if this fits “transparency,” exactly, but I’m trying to be more open about my processes of research, in the sense of blogging about research as I go along, from my first thoughts about research questions and possible methods, to finalized research projects, to results. I do this because it’s a good way to get feedback from others who are interested in similar things, and, since I’ll be taking notes anyway and they might be useful to others, why not put them up in public?

Similarly, I’ve started blogging in the past few years about my teaching (that’s why I started this blog in the first place)–talking about what I’m planning, what has worked, what hasn’t worked, and why. Again, I can get feedback from others, and my experiences can hopefully be useful to others as well.

I’m putting all of this sort of stuff under “transparency,” though perhaps there’s a better word for it.

Summary

So at this point, I’d say openness, at least in education and research, has to do with at least the following: free and easy access (including for reading/viewing/listening to works, as well as access in the sense of being able to attend courses or learn in other ways), ability to revise and reuse works created by others, and transparency (in the sense of letting others in on your process).

Now, I’m sure there are things I’ve left out here, and I’m also sure that this view will change. In addition, none of this is to say that these things are always beneficial, or that there are no potential problems associated with being open. We’ll discuss some of those later in the course!

I also want to point out that simply putting things online for free viewing and licensing them for revision and reuse doesn’t mean they are actually generally accessible. There are many people who do not have stable, fast internet access, and making materials available to them is not simply a matter of putting them on the internet. That’s an issue I haven’t looked into carefully enough. I too often think I’m being plenty open when I post things online and let others revise and reuse them. But it’s only a subset of people who can do so.

 

Let me know what you think…have I missed anything that you think is important about openness?

My first (but certainly not last) ds106 experience

A recent ds106 creation of mine, playing off of one by another participant, and off of an earlier assignment. See here for an explanation!

The title of this post is not entirely true. Before I took a synchronous version of ds106, I did some daily creates, which certainly counts as a ds106 experience!

But, I did have my first full, synchronous course experience with ds106 in May and June of 2013, when it was being given as a summer course at the University of Mary Washington in Virginia (USA). This particular iteration had a “Twilight Zone” theme, focused around the US television series of that name that ran from 1959-1964. Thus, it was called the “ds106zone.”

I wanted to write a post explaining a bit about this course and why I found it such a great experience. I’m not sure I’ll be able to do it justice, but I’ll try. Sometimes these things are hard to put into words, or explain to those who haven’t had the same experience.

If you don’t know anything about ds106 and want a few basics, you could take a look at the “about” page for ds106, and/or this blog post I wrote a few months ago, before doing ds106 myself. I was looking at it from a more outside perspective, trying to figure it out, and it gives a fairly decent overview of how it works. That’s important for understanding what follows, I think.

The basics–themes and instructions for each week

Here is the syllabus for the students enrolled for credit in Summer 2013. As an open online participant, not much of this applied to me!

This was a five-week course–a very compressed schedule, since usually it runs for about 12 weeks or so when students are taking it for credit (as they were during the summer course as well). So for the enrolled students, each week had a whole lot of things to do. For those of us who were open online students, of course, we could pick and choose what we wanted to do.

You can find links to each weeks’ instructions and assignments here, which provides a good sense of the kinds of things we did during the course. We began with visual projects, then moved to design, then audio, then video, and then mashups. For each week we were all to watch a set of 3-4 The Twilight Zone episodes, and, if we wanted, we could base some of our work on those (for the UMW students, a certain number of their projects had to be focused on the week’s Twilight Zone episodes.

You can see from each week that the students had to do a certain number of “stars” worth of assignments in a particular category from the assignment bank. So, for example, for week 2, UMW students were required to do 15 stars of design assignments, at least 8 of which had to be based around one or more of the Twilight Zone episodes for that week. These stars refer to the number of stars on each assignment in the ds106 assignment bank.

You can click on any category of assignments in the assignment bank and see all the possible assignments there, along with the number of stars attached. Where do these assignments come from? From the community of participants and instructors–more from the former than the latter. During each iteration of ds106 the students registered for credit have to submit new assignments for later students to choose from, and anyone is welcome to submit an assignment at any time, here. (linked at the bottom of the assignment bank page)

The stars refer to the perceived level of difficulty of the assignment, and they come from the person who created it. However, Jim Groom, who was the main instructor for the ds106zone, made it clear that students could argue for a particular assignment being worth more stars, with evidence showing what they did and how complicated it was.

We were also asked to blog about each assignment we did, explaining not only what we did and why (what sort of story we were trying to tell), but also how we did it–the particular process we engaged in to make it happen. For me, this was one of the most valuable parts of the course–I not only had to remember and document what I did, which made me pay more attention to what I was doing and why, but I learned so much from what others did and their explanations of how they did it.

My ds106 projects

I put a couple of my works on this blog, here and here, but most of them ended up on another blog on Tumblr, which is devoted only to my ds106 work.

My favourite parts of the course had to do with audio…I’m not sure why I was so excited about audio, but I really got into it. Perhaps it is because I used to be a college radio dj, and did a fair bit of audio editing in those days (e.g., creating station and event announcements, by cutting and taping actual, physical tape!). Here are a few of my audio assignments: a commercial for ds106, a ds106 radio “bumper,” and a “bird call” for a character from a Twlight Zone episode. My absolute favourite part was collaboratively writing, performing and editing a radio show with other open online participants, all within seven days! You can hear it here, as well as read a blog post about our process.

What I found especially intriguing about ds106

First of all, the course really gives a lot of space for students to guide their own learning. Yes, there are themes and certain kinds of assignments to do each week, but which of those assignments students do, and how, is really up to them. There is quite a bit of leeway in many of the assignments, which of course makes sense for a course that thrives on creativity. And the fact that students create the assignments themselves really adds to the student-driven nature of the course.

In fact, overall, I found and really loved how the course was community-centred. By that I mean that the instructor was not the main or only person driving the course forward. Sure, he provided the main structure in the sense of telling the for-credit students what they had to do each week, and he also had open office hours on Google Hangouts or Skype that anyone could join. Further, he provided a presentation each week that gave some tips and ideas for one or more of the assignments for that week (e.g., here is a broadcast by Jim Groom and Tim Owens about photo editing tools, and here is one where they talk about design).

I don’t want to suggest that Jim Groom’s presence wasn’t that important–far from it. I learned a lot from his presentations/tutorials, and what he created himself for the course. In addition, getting thumbs-up comments from him was extremely motivating. As I noted in the podcast linked towards the end of this post, he was a very, very supportive instructor, even when he was smack talking! Rather, I want to say that Jim was part of a great community that worked together to help make this course a success.

One thing that struck me as great in this regard was that Jim Groom was not only the instructor, he also did as many of the assignments as he could during each week. So he, too, was posting assignments on his blog and counting starts to get up to the requisite number. He thereby played a participant role as well as that of an instructor.

The course was also run in part by Scottlo, who, on his own, decided to start doing a daily podcast for the course, in which he gave some tips about various assignments and also played student audio work. You can hear his podcast, called the LoDown, on his radio blog (see archives from May and June 2013). Jim Groom made this daily podcast required listening for the UMW students, and I never missed an episode. I learned a lot about doing audio from Scottlo’s examples of different ways to do a podcast, and from his specific advice for doing audio and other assignments. In addition, it was so exciting when your own work gets showcased in a forum like this!

For various reasons, Scottlo had to stop doing the podcast before the course finished, and some of us wanted it to go on…so, in what to me really exemplifies ds106, we just continued it ourselves! Rochelle Lockridge (Rockylou) did a number of podcasts (e.g., here and here), Alan Levine did one (here, though he did one earlier in the course as well) Jim Groom did one (and also an earlier one too), and I did one in conversation with Rockylou. Editing that podcast was a really fun and valuable experience.

In addition, a character named Talky Tina showed up (though actually, she had had her own blog for months by then), and started to become a very big presence in the course. She helped immensely, partly by encouraging the UMW students to update their blogs with useful information like an “about” page, to Tweet out their blog posts/assignments, and more. She also created a storyline to the course itself, managing to get into fights with those who called her “creepy” (especially one Mr. Savvy, who went back and forth with her a few times on Twitter and on assignments, such as discussed here).

Her identity was (and remains) a mystery (though one or two claimed to know it fairly early on), so of course at one point several people claimed to be her (documented here). Alan Levine continued to claim to have been her, (and still might if you ask him) and then to have exorcised her from his mind, and thereafter would not acknowledge her tweets or allow her to comment on his blog (according to Talky Tina).

Things really came to a fantastic head when Tina started doing audio assignments, such as her “Tina Don’t Like the Mean Word“ song, which is brilliant, and her podcast calling out all pretender Tina’s and engaging them in a rumble (part 1 and part 2), which was over the top.

In the end, many of us ended up doing assignments about Talky Tina and her creepiness or lack thereof, such as here and here and here, among others. And many of us still do not know who is “playing” her! Further, she is continuing her storyline, having added a “puppetmaster” and a “brother” to the cast of characters. I expect she will continue to play a role in the upcoming Fall 2013 ds106 course (more on that below).

Not to mention the most important thing of all–all those participants who helped move the course along by creating great art, and playing off each others’ works, and encouraging each other with comments on blogs and Twitter, which kept us all excited and encouraged us to work even harder. The best part for me was when someone picked up on an assignment I did and tweaked it, did something new with it, such as when Vivien Rolfe added music to one of my first gifs! And this sort of “riffing” was encouraged and valued, and people often created things specifically for others to use and play with (as Brian Short did with a meme template, and as Andrew Forgrave did with ds106zone trading card templates).

I found in ds106 a group of extremely engaged, extremely supportive people who love to do this stuff and love to provide help and advice to others. All it takes is a Tweeted question on the #ds106 hashtag and someone will answer pretty darn quickly. Or a blog post asking for help. It’s amazing.

An acephalous ds106, Fall 2013

It is not surprising, then, that the Fall 2013 ds106 course will be “Headless,” meaning it will have no particular instructor, but will be run by a community of volunteers. As Jim Groom notes, this is quite fitting for how ds106 runs anyway. See an explanation of the Fall 2013 headless course here, a syllabus here, and a sign-up sheet for volunteers here. I am really, really excited about this, though sad that I won’t be able to participate this Fall as much as I could during the Spring, as I’ll be back to teaching full time (no longer on sabbatical!).

Why don’t you join us for this acephalous course starting in a few weeks? There is also a new Google+ group in addition to the #ds106 hashtag on Twitter, if you want to get announcements about it and meet some people before it starts. As with my other favourite online course experience, etmooc, the best part of ds106 has been the people involved. I got hooked on the creativity, the creations, and most especially the community.

I can’t quit ds106–I am still creating things whenever I can, including daily create assignments. I found it incredibly addictive and so, so much fun. I now understand how it’s #4life: not only do you continually learn more and more as you do these things, but it’s quite possible you’ll love it so much you’ll want to continue #4life. And the community will, I think, be there with you. My podcast discussion with Rockylou acts as a final reflective piece for my ds106 experience, in which I try to explain just why I loved it so much, even though it’s hard for me to see a direct link to my everyday teaching and learning in philosophy.

Why not give it a try? You can do as much or as little as you’d like. Just start!

 

Hello, Why Open? course!

My name is Christina Hendricks, and I’m helping to facilitate this course at the School of Open called “Why Open?” in August, and I’m writing this post to introduce myself to the participants (and to get at least one post onto our shiny new blog hub we’re creating–will link to it when it’s ready).

A bit about me

I teach philosophy at the University of British Columbia in Vancouver, BC (here’s my main website, and here’s my About.me page). I also teach in an interdisciplinary program for first-year students in the Faculty of Arts called Arts One. This is a team-taught, full year course for which students get 18 credits: 6 each in English, History and Philosophy. I think Arts One is a fantastic liberal arts program, and I dearly love teaching in it. We’ve recently started putting some of our lectures, student blogs, and Tweets online at “Arts One Digital,” which can give you a good sense of the sort of things we read and discuss in the course. If you want to read a bit more about my work in Arts One, you could click the “Arts One” tag on the right menu.

My first foray into doing work openly was this blog, which I started four or five years ago, but I only recently began to really blog on a regular basis (in large part because I had time to do so during a sabbatical in 2012-2013!). Over the course of the past six months, I’ve gotten more and more interested in “openness.” How did that happen?

How I got here

While on sabbatical last year, I decided to investigate these MOOC things, these Massive, Open, Online Courses. I looked into some from the major providers like Coursera and others, but ended up deciding to really get involved with one that was organized and facilitated by volunteers, entirely on the open web called “ETMOOC” (Educational Technology and Media MOOC). That course was run similarly to the Why Open? course (though it was 10 weeks long, if I remember correctly): we had synchronous sessions, plus suggested activities and blog posts, plus Twitter chats each week. There was a blog hub where we could easily see each others’ blog posts, and we were encouraged to comment on each others’ work to get conversations going and start making connections amongst us.

We were already engaging in open learning, through writing public blog posts and public comments on them, engaging in Twitter updates and Twitter chats publicly, and participating in synchronous sessions that were open for anyone to join and view later.

Still, we had a specific section of that course called “The Open Movement,” and I found myself especially excited about such things. I began doing some research on my own into openness, and found the School of Open! I also found another online course, specifically on open education, from the Open University, which I participated in. If you happen to be interested, all my blog posts for that course are under the “h817open” tag on the menu at right.

I had seen on the School of Open’s site that there were a list of courses that were being developed, or courses that people had expressed interest in having, and a call for volunteers. The “Why Open?” course was one of them, so I volunteered to help with it, along with the other organizers/facilitators. And here we are!

How I participate in openness

Well, so far it’s mostly just this blog:

  • I have opened up my research by writing about it step by step, taking notes on research articles and giving my comments to those, thinking out loud about how I might design research projects and asking others for suggestions (which has been very helpful!)
  • I have opened up my teaching by writing about planning courses, issues I run into while teaching courses, ideas for courses, and more

But I also have been trying to make a habit of reading numerous other blogs on things I’m interested in (mostly teaching and learning, plus openness generally) and commenting on them when I can. It’s a great way to learn through conversation!

In addition, I’ve become quite active on Twitter, sharing resources on teaching and learning or other topics through links to articles and blogs, asking questions and getting and giving advice. I have found that there is a great community of people in the world I can discuss teaching and learning with, in addition to my colleagues closer to home. It’s a fantastic way to expand my ideas and practices, by hearing from people I might never otherwise have talked to.

Finally, I am, starting now, beginning to help develop and facilitate open online courses. The “Why Open?” course is the first one I’m helping with, and I’m also part of the organizing team for another online course that is much longer–a 10-month, professional development course for teachers and faculty (K-12 and higher ed) in educational technology. Here’s our main site as it stands so far!

I hope to do more in the way of teaching openly online in the future, and to help develop the Arts One Digital site further. I may even open one of my on-campus courses to outside participants who could join for free (without earning credit, though). That’s an idea for the future that I haven’t worked out yet!

 

I look forward to meeting you all and discussing openness!

 

A map of influence of #etmooc

I’m marginally participating, here and there, in #clmooc: Making Learning Connected MOOC. I would participate more, but for the past few weeks I’ve been: (1) finishing up ds106 (and yes, I know it’s never really finished! Most of my ds106 projects are posted on a tumblr, here), (2) moving out of my apartment in Melbourne, Australia where I’ve lived for a year on sabbatical, (3) travelling, (4) making the journey home to Vancouver (I’m still on #4 right now, waiting in an airport with a delayed flight).

At any rate, one of the projects in #clmooc for this week is to make a map–a map of anything you want. I chose to make a mind map of what I’ve been doing over the past few months, as a result of my participation in #etmooc, the Educational Technology and Media MOOC that took place Jan-March 2013. #etmooc had a profound impact on me and my work, which I wanted to capture in a mind map.

After doing a search for free mind mapping software, and finding ,this Wikipedia page I decided to give Mindmup a try. I liked that it is open source and free, and that it seems pretty easy to start using. It doesn’t have a lot of bells and whistles, but it’s quick to learn how to use and to make a map. You can include links just by typing in the URL, and it automatically turns it into a link. Apparently you can add attachments too, though I didn’t try that.

The one thing I wanted to do but couldn’t was to add a “parent” to the main parent in the middle, which is #etmooc itself. I wanted to just say that I heard about #etmooc through Twitter, through my PLN. But I couldn’t figure out how to do that. Oh well; I’m happy with it otherwise.

You don’t have to create an account to create a map, though I don’t know how you can save it on their site w/o an account. I saved it to Google Drive, but you can also save it to GitHub if you want.

You can get an embed code for your site if you save it on Mindmup (which you can ALSO do after saving it on Google Drive or GitHub). That’s what I used below. I like how it works on the blog–you can resize it and move around it…nice!

#ETMOOC: Educational Technology and Media MOOC, Jan-March 2013 http://etmooc.org on MindMup

ds106–audio assignments

In case any readers of this blog are interested in what I’m doing for ds106 lately, all my audio work from the last week can be found here, including a radio play written and produced by a great group of open online participants in ds106!

“I can read tv” book cover–Time Enough at Last (ds106zone)

For the second week of ds106zone, the Summer 2013 edition of ds106, we were working in part on design assignments. I had a few ideas of things I wanted to do, but only managed to get one thing done because it took me so long. I decided to take on a difficult assignment, knowingly, because I wanted to force myself to learn about more things in GIMP to do it. That definitely worked–the learning about stuff part. The final product is not quite what I wanted, but it’s pretty close, which I’m happy about.

I thought about doing the “Wait, where’d that guy come from?” assignment, which I thought I could do fairly easily in GIMP, or the “Lyric typography poster,” which would give me a chance to play around with fonts, but decided that what would be most challenging, and therefore would push me most to learn lots of things, is the “I can read movies” book cover assignment. That requires looking at & choosing fonts, as well as adding things into images, and more, so it is a bunch of things I wanted to learn rolled into one. It is also quite difficult to pull off well.

I looked at Spacesick’s original “I can read movies” covers, and most of the ds106 versions on the assignment page, and decided I wanted to go with a black background with a couple of colours. It reminded me of a kind of 60s/early 70s aesthetic that I thought would work for my idea to do a Twilight Zone episode version.

Here’s the finished product.

What I was trying to do:

  • I wanted to capture an idea, a feeling, or a scene in 2-3 images, and when I first thought of this assignment what came to mind was the scene where Bemis’ glasses have just fallen off and broken, and he is reaching down to them. He doesn’t yet know they’re broken, and his vision is completely blurred, just like it will be for the rest of this life. It’s the moment just before he finds out, and I find that powerful. I originally created the rectangles to represent rubble–I was thinking of those skeletal remains of buildings you sometimes see in rubble, with just some beams left over. But later, I thought they could also be book spines, perhaps–a jumble of them.
  • I included “Series 1” and the number “8” to fit the season/episode.
  • I wanted to include a tv icon on the top left, instead of the movie icon that Spacesick used for the book covers.
  • I wanted to make it look old and worn, and somewhat “paper-y,” as it’s supposed to be a paperback, and one that was printed decades ago.

What I’m happy with

  • The design of the three images–hand, glasses, rubble–turned out almost exactly as I meant it to. It’s what I pictured. Except for some details, as noted below.
  • I like the fonts I found for the “I can read tv” (Dream Orphanage) and the “Time Enough at Last” (Diamante Fresko). I wanted them to look like they’d fit a book from the 60s. I’m not 100% happy with them, but I think they work all right. I tried to find one that fit The Twilight Zone original font, and the closest thing I found was I Still Know. It’s pretty good, but “The Twilight Zone” on the book doesn’t quite look how I wanted (see below).
  • I think I managed to make the book look dusty and a bit worn, which I’m happy with. I wanted to do some other things to make it look more worn, though, as noted below.

What I’m not happy with

There are a number of things I’d like to change, but I just needed to finish this so I could move on to week 3!

  • The thing I worked hardest at was dealing with the pixelation of the glasses and hand. As you can see, I didn’t end up managing to fix it. The rubble ended up pixelating too, which was weird b/c I drew that myself. Saga on all that below.
  • I’m not happy with the colour of the tv icon at the top left. I struggled with what colour to make it, as I wanted this to have only a couple of colours beyond black/white/grey (given the b/w of the original show). I didn’t want anything really bright, as again, I wanted to stick fairly close to a b/w feeling (that’s why the colours that are there are pretty dark). The problem was I had to colour this thing by hand, as discussed below.
  • I think the font for the “Series 1” at the top, and the “A story created from the original script” at the bottom (both are Liberation Sans) doesn’t really fit the rest. It’s too modern-looking.
  • I’d like to have more spacing between the lines of “The Twilight Zone,” so the three words are separated a bit more. But when I hit “return” after each word in the “text” tool, the spacing was too large. Beyond putting each word on a separate layer and moving them, I don’t know how to fix this. I decided not to put each on a separate layer and move, but just leave as is.
  • I didn’t manage to make the book look as old and worn as I wanted, nor to look like it was made of paper. I like the look of the one on the assignment page for this assignment, with the light pixels on the edges that makes it look like the top part of the paper is flaking off a bit. See below for how I tried to do this, without a lot of success.

The process

Since this was a complicated process, the discussion will be a bit long. As with my post on selective colourization, mostly I’m documenting this in such detail for my own future reference, and for anyone else who is very new to GIMP like me.

Creating the hand and glasses

I got the hand and glasses from The Noun Project site. They were svg (scalable vector graphics) files, as are all the files on that site. I had watched the presentation on design for ds106zone and learned that svg files are useful because they don’t pixelate when scaled. So I thought: hey, great! I’ll put them in my image and scale them up a bit and they’ll look fine. 

No. I didn’t watch the presentation carefully enough. Tim Owens and Jim Groom noted that when you import svg files into GIMP they get turned into something else (jpegs, I think), and so when you try to scale them up they DO pixelate. Tim suggested we could import them into GIMP as bigger images (you can choose the pixel size when you open them in GIMP) and scale down, and they’d look okay. Which I did, and they did.

But the problem came when I tried to colour the svg files from The Noun Project. They were black to begin with, and I needed them white. It was when I coloured them that they pixelated. I used the “fuzzy select” tool and then the bucket tool to colour them white, and I got weird pixels. I don’t know any way to fix this except to use an svg editor like Inkscape (thanks to Brian Bennett for suggesting that to me via Twitter). But I just didn’t want to try to figure out a new image editor at this point. So I lived with the pixels.

I drew an arm to attach to the hand with the lasso tool and filled it with with with the bucket tool. I then wanted some kind of colour on the glasses, so I tried colouring them entirely red, but I didn’t like the look. So I used “stroke selection” to do an outline on them, Which was also pixelated b/c they were pixelated. I used the pencil tool, I think, to draw in some “cracks” on the glasses lenses.

To break the glasses in half, I selected one half of them and used “cut” and then “paste” to get a floating layer. Then I created a new layer and anchored the floating layer to it (if I remember correctly). Then I could move that half of the glasses separately from the other half. I know Henry Bemis’ glasses didn’t break in half in the episode, but I did this to emphasize their brokenness.

Creating the rubble

I drew rectangles with the rectangle select tool, and filled them in with grey. But they were all vertical, and I wanted them rotated a bit. This turned out to be difficult, because when I used the rotate tool I got white where the bars used to be. I didn’t know what to do, so I started trying to paint black over that white part, which was a pain. I can’t remember exactly where the bars were–I think on the background layer, rather than on their own separate layer. I did an extensive web search to solve the problem, and finally found an answer here. I discovered I could put the rectangles on a floating layer and then move them, either using a combination of key strokes or “cut” then “paste” to create a floating selection. I can’t recall if I could rotate them on the floating selection or whether I had to anchor them to a new layer first.

I originally made the rubble just grey (to fit the b/w show, and grey seems a good colour for rubble), but it looked really flat. So I used the “gradient” tool in GIMP to add a darker/lighter gradient–picking the foreground and background colours and making the gradient go from one to the other.

Creating the top of the image

I just used the rectangle select and bucket fill tools to do the red lines at the top. The tv icon was also from The Noun Project, and was also black to begin with. When I used the fuzzy select tool to try to recolour it, the pixelation was really, really bad. It looked awful. So, I used the lasso tool and selected around each part of it and then used the bucket fill to change the colour. I tested a few colours and decided on grey. It took awhile to hand select and colour in the whole icon, so when I was done and didn’t like the colour I couldn’t bring myself to do it again.

Adding the dust

At first I tried the following. I first downloaded some new brushes, from the Deviant Art site. I downloaded some texture brushes and some “grunge” brushes. Then I created a new layer and coloured it white, lowering the opacity. Then I used the eraser tool and played around with some of the texture and grunge brushes to erase away parts of the white layer. This looked pretty good, except that there was then no “dust” on the white parts of the image. I realized I needed to add grey “dust” to make the white parts look a little old and worn as well.

So I used some of the texture and grunge brushes and painted on a grey colour. I played around with the colours and the opacity, as well as the brush characteristics, including size, spacing, dynamics, and more. Here is a nice tutorial on brushes that I found very helpful.

As noted above, I wanted to try to make the book cover look like parts of the paper were flaking off because it was old. I tried to do this with the “dissolve” mode on various brushes, playing with the colour and opacity, and the best I could do is at left and below. I used white at first, but it just looked weird, so I went with grey. It’s okay, but it looks like grey speckles rather than flaking paper. 

I tried a few different ways of doing the speckles, with different colours and opacities, and here’s one with brighter speckles. I still don’t think it looks like paper flaking off. Not sure what else I could have done.

 

Well, I think that’s it for process. I’m pretty happy with the way it turned out, but it took me a LONG time because I still don’t know that much about GIMP. But doing this project taught me a whole lot of things I didn’t know before, so I’m very happy about that!

 

 

 

Cmdr Hendricks’ final transmission

I have not been doing any ds106 “daily creates” for a few days, so I figured it was time to get back to them. Today’s was a lot of fun. Here’s the text of today’s daily create (actually yesterday’s, for me here in Australia…by the time I get the daily create announcements (the next day here) it’s already much of the way through that day over in N. America!):

Review the photos fromthe Daily Create of May 21, 2013 “Take a picture of where you are right now from a weird point of view, like an ant, an alien, or a ghost.” Pick one image, and write up a report to headquarters from the creature that was observing one of these humans. Be sure to include the URL of the image so HQ can verify your observations.

You can see all the submissions here, including mine. But I goofed bigtime. I pasted the link to the wrong image! Or rather, I pasted a link to a blog post I had in my “clipboard,” and didn’t realize I had failed to copy the link I wanted into the clipboard until after it was submitted. And you can’t edit post submission.

So here it is, with the correct image link. It will make more sense if you go look at the image!

—————————————————————-

Investigation file #562-9945x-00y

Regarding the disappearance of Cmdr. Hendricks

Contents:

  1. transcript of Cmdr. Hendricks’ last transmission
  2. last image sent by Cmdr. Hendricks before transmission ended: http://www.flickr.com/photos/71428177@N00/8776588388/

 [This is a selection of the last transmission, showing the last few minutes before the transmission ended abruptly. The entire transmission can be found in file #562-9945x-00z]

 

HQ: Sorry, we couldn’t hear that; too much interference. Please repeat. Over.

Cmdr. H: [speaking softly] I have somehow been beamed into an extremely hostile area. Coordinates must be mistaken. This is not, repeat, NOT the experimental garden. It is full of artificial structures, not plant life. Over.

HQ: We triple-checked the coordinates and are doing so again as we speak. We need to figure out where you are. Please describe your surroundings. Over.

CH: [speaking softly] I just escaped from a huge, round metal structure with steep sides. There was a hostile inhabitant who was using an enormous stream of water that is pushing me towards a hole in the bottom of the metal structure. I managed to climb out using a long, wooden, cylindrical item that resembles a log with the bark stripped off. I am hiding at the moment behind a giant, black box. Over.

HQ: Stay put, Hendricks, until we can lock onto your position. Over.

CH: Damn, I think the creature has seen me. AAAAAAAAAHHHHHHH  NOOOOOOOOOOOO  [muffled sounds]

HQ: Cmdr. Hendricks? Cmdr. Hendricks? Do you copy? Come in, Cmdr. Hendricks. Over.

[there are a few moments of radio silence]

CH: [out of breath] [whispering] The creature grabbed hold of me and tried to stuff me inside the giant black box through a swinging door on the front of it. It had several buttons and dials. I have no idea what the box does, but given the hostility shown me so far I can only guess the creature meant to do away with me by putting me inside. I wriggled free and am hiding near a large metal field with a grid across it. I am going to try to cross the beams on the grid. Over.

HQ: We just checked the coordinates and someone forgot to account for leap years. You’re in the right place, but the wrong time. We are firing up the transporter and just need to get your current coordinates. We’re working as fast as we can, but it will take 5 minutes. You need to find a way to keep safe. Over.

CH: [whispering] I am crossing the black beams over the metal field. The field is strange…it has circular patterns with holes… Oh *&#$!!! This is a death trap! The creature has ignited flames in the holes, heating up the entire grid! I’ve got to make a run for it! [3 seconds of breathing hard] Okay, I’m safe for the moment behind a tall, shiny metal box. Over.

HQ: Just 4 more minutes and we’ll have you. Hang on. Over.

CH: Wait; I’ve climbed up the tall, shiny box to get a look inside, and I think I can shut this whole area down. It’s just like HAL in here, and if I can get it powered down, the creature can’t use any more of these weapons until you get me out. I’ll just climb in for a closer loo…[end of transmission]

 

 

 

Street art — selective colourization (#ds106 assignment)

I’m participating in ds106 at the moment, as an open, online participant. It’s a crazy, compacted summer course for students taking it on campus at the University of Mary Washington–just see what they need to do for week 1 (which has just finished). Here’s the full syllabus for the on campus participants.

As an open participant, I’m free to do what I want (a lot) and have time for (not much). I’ve managed to do two assignments so far, an animated gif assignment and the one discussed here. Plus, I did quite a few “daily creates” from last week, which are posted in my daily create set on flickr. But this is a tiny fraction of what many people are doing. I have to cram all my ds106 work into 2-3 hours after my son goes to bed at night, and I’ve been staying up pretty late to get even these things done. Having a blast doing them, though.

The image below was done for the “Focus on one colour” assignment: “Either in your room or a room in your house [take a photo] and use gimp or any other photo editor to focus on one color in the room.” Well, looking around the apartment I’m renting in Melbourne, Australia right now, most of the rooms are really dull in colour–white, grey, brown. Not much colour happening here. So I decided to use a photo of some street art I had taken earlier and do selective colourization on that. I realize it doesn’t quite fit the assignment, but I doubt anyone will mind much.

Here’s the original image:

Street art in the Fitzroy neighbourhood, Melbourne, Australia

 

And here’s the selectively colourized version:

 

Street art selectively colourized

There were quite a few colours in the image, so first off I had to choose which one to focus on. I picked the yellow first, because: it was spaced pretty evenly over the image, there was enough of it to stand out (not so with some of the colours), there was not too much of it (which was important too, because it woudn’t stand out from the greyscale as well if there were a lot of it; this would have been the case if I did all the shades of blue, for example), and I thought it would look pretty nice against the greyscale image. Of course, the pink could have worked too, or just the light shade of blue alone. I didn’t do red because there just wasn’t that much of it.

I was just going to do the yellow, but thought the orange would look nice with it as a colour (and much of the yellow was close to an orange shade anyway). Plus, doing the orange too  would highlight a couple of other areas in the image that I thought would provide a nice balance. So not only did I not follow the assignment instructions for taking a photo of a room, I also didn’t follow them for picking one colour.

Process

I did this the hard way, I think. I used GIMP and wanted to work a bit more with layer masks, which I had only tried once before. So even though there are lots of tutorials like this one about how to do selective colourization with GIMP using the eraser tool, I thought I’d try to do it with a layer mask. Which meant I came up with a process on my own (partly because I couldn’t easily find a tutorial on selective colourization with layer masks, and partly because I wanted to see if I could figure it out on my own). If there are easier ways to do this with a layer mask, or better ways for some reason, please let me know!

I’ll be explaining in detail, because I don’t yet really understand all this and need to explain it in detail to firm it up in my own mind. It might also be helpful for other total novices like me!

First I created a duplicate layer of the original image; actually, I created two duplicates so I always had the original image without touching it, just in case I messed something up with the two layers I was going to use (most people won’t need to do this, and it’s probably unnecessary, but I wanted to make sure I could always go back to the original easily, w/o having to do “undo” a bunch of times). I turned off the original layer (or whatever it’s called: I clicked the “eye” button next to the layer so it’s not visible) so I just had two layers with the same image.

On the top layer I created a layer mask. I’m pretty sure I did this backwards: I had the top layer coloured and the bottom layer greyscale (I used Image>desaturate to make the bottom one greyscale), and then I used a layer mask on the top image to make transparent all the colours except the yellow and orange–thus the greyscale from beneath would show through and the yellow/orange would stay from the top layer. Here’s a screenshot of my layers:

It would have been more intuitive, probably, to have the top layer greyscale and create a mask so that the only the yellow/orange parts were transparent and thus showed through from the bottom image. But it ended up working fine.

Here’s a screenshot of my layer mask, with white for the stuff that’s opaque (the yellow and orange) so that the greyscale from beneath doesn’t show through, and black for the transparent stuff that ends up greyscale.

I could have used the paintbrush tool to paint white all of the stuff I wanted to be coloured–the yellow & orange bits–or I could have used the lasso tool to select those bits. But I wanted to play around with the fuzzy select and colour select tools, so I used those instead. The colour select selects everything in the image that is the same colour as what you click on, and the fuzzy select selects everything that is that colour that is also contiguous to that colour. That was a LOT of work, as it turned out, because what seems like one colour is actually many different colours, so when you use either of these tools you only get a small portion of the “yellow” or “orange” sections. There was a whole lot of clicking going on to get all of it, and I still missed some of the edges of the colours. So really, the paintbrush or lasso tool would have been better. But I’m not yet proficient at using the lasso tool with a mouse for detailed work.

I would have liked to have selected some of the yellow right below the street sign in the original image, near the tree part of the painting, but it was really fuzzily blended with the pink on top of it. I didn’t know how to do a fuzzy selection where it blends into the next section. I would have gotten this hard line where there isn’t a hard line. Can anyone help me with getting a more fuzzy line for my selection? Or is that only possible if I used the paintbrush to paint the white parts rather than a selection tool?

I then created a layer mask on the top, coloured layer and set it to “selection.” It automatically made the selection white and the background black, which is what I wanted, but I think you can invert that pretty easily if you want it to be the opposite (haven’t tried, so not sure how–anyone know how?).

And that was it, really–I had two layers, coloured on top with a mask that had white on the yellow and orange bits so they were opaque, and black for the rest so the greyscale image below showed through.

Happy to hear any comments on the image or process!

Brilliantly Stupid or Stupidly Brilliant?

An introduction for #ds106zone, the Summer 2013 version of #ds106 (or rather, winter for me here in Australia).

Creating the video itself was fairly simple–I did it in Apple iMovie on my Mac (recorded and edited there, and added the titles too). Then I decided to use Mozilla Popcorn to add some links, and thought of a couple of other words to put on there as well…and it drove me absolutely bonkers.

I messed around with the timing of the links and the text that pops up at various times, and I would get it just right and then the next time I played it the timing would be off. So I’d fix it and it would seem fine, and then I’d play it and the timing would work fine…until the next time I played it. I honestly never knew when the damn things were going to pop up. And in the video below, some are WAY off. But I can’t seem to fix it, no matter what I do. [Update the next day: now they seem to be timed pretty well when I play it.] Trick: use the green “play” button at the bottom…I think that helps get the timing right (rather than the grey play button on the original Vimeo video.

I’ve used Popcorn before and didn’t have this much trouble…not sure what is going on.

At any rate, next time I might just use the stupid YouTube video editor to add links. Might work better. But I expect I’ll learn more in #ds106 of better ways to do what I’m trying to do.

Maybe viewing it from the original link will work better than the embedded version? The original looked okay when I viewed it the last time, but who knows. Here’s the original video on Vimeo, without the links and text added through Popcorn.

Later update: Realized one of my added pop-up statements was wrong; tried to change it over at Mozilla popcorn, and it seemed to work…but when I go to the link from outside the program, it’s not saved. IT JUST WON’T SAVE the new version, even though it says it has. I cannot believe how much time I’ve spent trying to get this to work. I give up.

I DID NOT PRONOUNCE COGDOG’S NAME INCORRECTLY, OKAY? Dammit.

Even later update: Okay, seems to have finally saved, so the below is actually the corrected version. I am so done with Popcorn right now.

Gah.