On teaching game design in a journalism class, part 3

UPDATE: December 6, 2011. Obviously, I wrote the post below several weeks ago. An end-of semester update coming soon.

 

We are now just past midterms this semester, and I can share the work done by the  News Games class to remix the Food Stamp Game. As I have described in the two previous posts in this series, I created a very rudimentary, glitchy, incomplete game in Scratch designed to simulate the experience of shopping on a food stamp budget. My idea was to have the students critique the game and remix it both as a game and as journalism.  The image at left is a screen shot of the flash-based prototype they created.  We had less time to work on this project than I had anticipated because Hurricane Irene and our Labor Day schedule forced a late start to the semester.  Still, students reported that they found the experience valuable, both as an introduction to the course, and as a way of building community.

In addition to their contributions to the game, students wrote reflective essays critiquing their work as journalism and as a game.

The focus of their effort was on enhancing the storyline, as well as improving the esthetics and the gameplay. With more time, they wanted to create more player profiles  (a single parent with children, an unemployed adult, a retiree, etc.) to illustrate varied scenarios under which people acquire Supplemental Nutrition Assistance Program (SNAP) benefits.  They also would have make hotspots out of more of the items, and they would have added a corner store or bodega to the shopping options.

From here,  the students moved toward developing their individual game projects, which have turned out to be quite varied. In thinking through how I expected them to incorporate journalism into the game design and development process, I adapted my approach to teaching students to do long-form magazine writing. I will elaborate on this in my next post.

 

New Article: Computational Thinking and Expository Writing in the Middle School

Ursula Wolz, Meredith Stone, Kim Pearson, Sarah Monisha Pulimood, and Mary Switzer. 2011. Computational Thinking and Expository Writing in the Middle School. Trans. Comput. Educ. 11, 2, Article 9 (July 2011), 22 pages. DOI=10.1145/1993069.1993073 http://doi.acm.org/10.1145/1993069.1993073

ABSTRACT

To broaden participation in computing we need to look beyond traditional domains of inquiry and expertise. We present results from a demonstration project in which interactive journalism was used to infuse computational thinking into the standard curriculum and regular classroom experience at a middle school with a diverse population. Outcomes indicate that we were able to develop positive attitudes about computational thinking and programming among students and teachers who did not necessarily view themselves as “math types.” By partnering with language arts, technology and math teachers at Fisher Middle School, Ewing New Jersey, we introduced the isomorphism between the journalistic process and computational thinking to 7th and 8th graders. An intense summer institute, first with the teachers and then with students recruited from the school, immersed them in the “newsroom of the future” where they researched and wrote news stories, shot and edited video, and developed procedural animations in Scratch to support their storylines. An afterschool club sustained the experience. The teachers adapted interactive journalism and Scratch programming to enrich standard language arts curriculum and are infusing computational thinking in classroom experiences throughout the school.

This research was supported by a grant from the National Science Foundation.

Live blog, NABJ blogging panel

I took these notes at the NABJ convention in Philadelphia in early August. Although I never got a chance to refine them, the notes will be useful for the Social Media class I will be teaching next semester.

Topic: What makes a multimedia blog successful?
Dan Farber -Great content. – the same things that make for great journalism

Neal Scarborough -Before you worry about multimedia as a blogger, decide who you are as a blogger, where your audience is or what they want.

Clay Cane – Find your style, your tone, and what you are passionate writing about. He started with a personal blog and was discovered by BET because he built a strong following. “It really is being your own brand, and selling yourself.”

Sarah Bernard, Deputy Director of Digital Strategy, the White House: Use your blog to cover undeserved stories. Be consistent.

Question: How do you drive traffic?

Clay Cane collects email subscriptions, sends out blasts when he has big news. Example: he posted an interview with Janet Jackson to his site and sent out masse emails. Some major news sites picked it up and linked to him.

Farber: learn about SEO

Moderator Markette Smith: Shows Alexa.com. She is collecting questions via twitter at #nabjbloggingandbeyond. Question: can we attract advertising?

Cane: He got started with Blogads.com. Notes that advertising market has changed.

Scarborough: “Blogging has really opened up.” Bites that Richard Branson has a blog.

Question: Publisher of a niche blog for lawyers wants to know how to make more money.

Moderator Smith tries to go back to how to make money.

More later: running out of power and this room is short on outlets.

Teaching HTML and CSS via translation

One of my major teaching responsibilities at The College of New Jersey is a course called, Writing for Interactive Multimedia. For the last 15 years, we have been using that course as a way to introduce our journalism students to basic coding in html and, more recently, css. Initially a course for the journalism and professional writing major, it has also been required for Interactive Multimedia majors since 2003. There are dual challenges in this arrangement, as well as opportunities. One of the challenges is that students come to the class with varied levels of interest in, and affinity for coding. On the other hand, having students with different levels of proficiency creates opportunities for peer mentoring and collaboration in the classroom.

Also, I posit that a systematic and disciplined approach to studying html and css can be helpful for students who might have gaps in their understanding because they are largely self-taught. Finally, because coding is in a constant state of evolution, it is important to establish a culture of continual learning and experimentation – something that might be familiar to students of computing and interactive media, but which tends to be novel for journalism majors.

These are lofty ideals, but are often challenging in practice. In the past, I have taught html through demonstration, having students follow me and practice their initial coding in the class. I have tried a number of online tutorials and physical textbooks. I have spent lots of time assisting students in labs as they practiced coding, and have had more experienced students work with novice students. Currently, I’m using Virginial DeBolt’s Mastering Integrated HTML and CSS.) This approach works well enough to get students to learn some rudimentary skills, but it has not created the kind of cultural change or deep understanding that I was trying to establish.

This semester, I tried something new – I am focusing on html and css as languages that can be translated into English, and vice-versa. Here are some exercises I have created to teach and reinforce fundamental concepts. This is a work in progress, but students tell me that they enjoy these exercises and find them helpful.

1. A conversation in English and HTML

After my students had been introduced to html through readings and class discussion, I suggested to them that we have an oral conversation in which I posed as a web browser and they were the web designer. I told them to initiate a web page. One of the students said, “html.”

I said, ” I am being asked to display a webpage. I expect I will get some information about it soon.”

A student said, “head.”

I said, “This is the header. I will know learn the special rules I need to know to display this page.”

A student said, “title…”

We went on like this until we had described a page with links, text and images. There was a lot of laughter in the process. Then we practiced scripting pages.

2. Translating English to HTML and CSS

I wrote the following sentences on the board and asked the students to pair up to turn the sentences into HTML and CSS:

  1. This is the beginning of my webpage.
  2. The title of my page is “My resume.”
  3. In my page, the headlines will be in the font Verdana.
  4. In my page, the body type will be in the font Georgia.
  5. The background color of my page will be 255 255  204
  6. The content that will be displayed on my page begins here.
  7. This page is linked to my homepage.
  8. The content to be displayed ends here.
  9. This is the end of my web page.

After working on this for 10-15 minutes, I called volunteers up to ask them to write the  appropriate lines of html and css.

3. Commenting out HTML and CSS

A conversation with my computer science colleagues Miroslav Martinovic and Monisha Pulimood led me to the idea of having students use commenting on their webpages. Essentially, I am beginning to tell them to write out what  they are trying to do each line of HTML and CSS as they script. The purpose of this is similar to the purpose of commenting on code generally – so that students can have a record for themselves or other coders of what they were trying to do. I anticipate that this will help me and peer tutors or collaborators be more effective in helping them as well.

I am working on some other exercises, including kinesthetic approaches to teaching about concepts such as relative and absolute links. I have also approached a colleaguein our World Languages and Cultures department about ways in which this might be developed into a more formal system of instruction. If anyone knows of others who are teaching this way, I’m interested in their results.

Sidebar: The making of young entrepreneurs: Li’l Tech Pro and Baby Billionaire

Here’s an experience you might remember from your childhood or that of someone you know: you’re five, maybe six years old, and you see a clock on a kitchen table. Or in my case, I’m 10 and it’s the transistor AM/FM radio my parents gave me for Christmas. You are just itching to know how it works, so you figure that you’ll take it apart and see what’s inside, and then you’ll put it back together. And so you pry off the back and you start taking out the components, one by one, and it seems pretty simple until

…you see all of the pieces on the table and they seem to have multiplied and you hear footsteps and you are trying to put it all back but you can’t remember how it goes and it looks like there are too many parts or not enough and then a parent’s voice says, what are you doing?? And you look up in fear because you know that you are in trouble.

Or at least you would be in trouble, unless you happened to have Malachi Munroe’s dad. Malachi, who is 12 and hails from Miami Florida, said that when his father, a computer store owner, found his six-year-old son dismantling cell phones, he taught him how to put them back together correctly. That led Malachi to establish an electronics repair business, a public speaking career and a new booklet offering tips and advice to iPhone users. He says it’s the first in a series of publications that will include similar advice for Android and Blackberry owners. During the interview, he put his skills to work by digging in and fixing a problem I’d been having with my phone.

I met Malachi and his Aunt, Ionnie McNeil,  at a Philadelphia hotel August 5 during the National Association of Black Journalists Convention. Aunt Ionnie, 21, is pretty interesting in her own right – she started investing at age 9 and now runs The Baby Billionaire, which seeks to educate young people about investing. In the interview that follows, I wanted to understand how they became motivated to pursue technology and investing at such a young age. Their answers are revealing.

These young people demonstrate precocious knowledge, maturity and focus.  I look forward to hearing your reactions.
Other interviews: