Archive for March, 2008

Final Project Proposal

Saturday, March 29th, 2008

For my final project, I’d like to try the idea I proposed in class in response to my classmate’s amazing project, Analoguer.

The site isn’t built yet, but this is the email I will send out to a group of 30 friends:

I’d like to invite you to participate in a project I’m doing for a class called Collective Storytelling. The class is about all types of narratives that can be created cooperatively.

My final project for this class is about how we know the people we know, and the stories we tell about each other.

I’ve set up a website with a page for each of the people on this list. I’d like you to look through the list of invitees and pick a couple of people you know. Add a story or an impression of that person to their page – it could be the story of how you met, a couple of sentences that explain what they mean to you, or just a brief impression. You can even add images or links if you wish.

As people participate in this experiment, your page will grow and you will learn about what you mean to other people.

All posts will be anonymous, so no one will know who wrote what about them, unless you choose sign your posts. At the end of the project, I will change the names on each of the pages to protect your privacy.

If you enjoy the process, you can invite others to contribute. Create a page on the site with their name and send them these instructions. I would love to include other people we know in common, or people I don’t know at all.

If you would like to get involved, please visit the site this week and write something down. It’s also okay not to participate if you aren’t interested or don’t think you’ll have time.

Thanks for reading, and I’ll hope you’ll give this experiment a shot!

Illustrated Storybook

Saturday, March 29th, 2008

I finished all the background illustrations, and just for fun, put them into the pageflip template.  Now I’m completely done with the illustration phase and ready to add animations and sound.  Check out the static version here.

Social Facts Midterm

Sunday, March 23rd, 2008

I thought I’d already written this paper, but I had accidentally read ahead on the syllabus.  Here, then, is my actual midterm paper for Social Facts.

download

First Draft: Thesis Paper

Wednesday, March 19th, 2008

It’s only 1400 words, and it’s not complete, but neither is my project.  I can dash off a few more pages later on in the semester.

Check me out.

Illustrations to Animations

Wednesday, March 19th, 2008

With this week off school (although I’m still putting in 3 days a week at work), I’ve really been digging in to my thesis project.

I’m working from my animations list, going through page by page to make the basic illustration for each one. Once that’s done, I will go back in and add animations.

This approach is good for my mental health — I need to know that my bases are covered, and that I have illustrations for each slot — before moving on. It’s a way of insuring that the artwork is consistent throughout and doesn’t look sloppy toward the end. And I hope it’ll let me revisit each illustration a second time with a fresh eye.

I’m happy with the way the illustrations are coming out. They look a little weird here but that’s because they’re all different sizes for different places in the text.

hal-in-truck.gif hal-vs-tony.gif
penny-remembers.gif tony-remembers.gif circus.gif

(click thumbs to view full size)

Collective Storytelling Wiki

Saturday, March 15th, 2008

After many tinkering attempts, I’m finally happy with my collaborative storytelling wiki.

I have completely massacred notsosimple.css, notsosimple.tmpl, notsosimple.php, config.php and Site.Sidebar — but I’m the only one who will ever have to use this mess.

I’m going to send out the invitations to participate today.

List of Animations

Wednesday, March 12th, 2008

I tinkered with the wireframe and added a couple of two-page, centerfold-style animations.  At first I thought these might interrupt the flow of the story, but I decided that the text looked too dense without them.

Two-page animations create a special problem because each page is a separate Flash file.  It’ll be a challenge to make them work as one seamless scene.

I’ve worked out that I’ll need 18 animations — so I’d better get cracking.  Here’s a list of all the animations I will create.

1. Page 3: full page: Tony remembers the performance

  • Tony and Marley on the bike, thinking about Tony and Marley at the circus
  • Signs say “Newtown Circus” and ” The Amazing Rigatoni and his Dancing Blue Dog”
  • Tony: pulls a rabbit out of a hat, turns it into a lion, makes the lion jump through a flaming hoop
  • Marley: spins and dances
  • Audience: cheers and throws roses

2. Page 5: 2/3 page: What Hal thought he saw a week ago

  • Hal in his truck, thinking about Hal in his truck
  • A car passes him with 2 people in bathing suits, waterskiing off the back. Hal rubs his eyes.
  • A huge, car-size frog with a ribbon in its mouth jumps across the road and says “ribbons.” Hal’s mouth is agape.
  • The Mystery Mobile from Scooby Doo, a headless ghost driving

3. Page 7: full page: Penny remember’s Tony’s performance

  • Penny at circus thinking about Tony’s performance – her recollection is the same scene from Tony’s recollection
  • Tony: drops a rabbit into a hat, waves his wand, pulls it out, then it hops away and is eaten by the lion
  • Marley: attempts a pirouette but falls
  • The Bearded Lady and Sword Swallower fume in the background
  • Click on the crowd: a kid’s voice says, “Mom, can we go home now?”

4. Page 9: very small animation

  • Conjoined triplets hurrying offscreen toward right

5. Page 10 & 11: two-page: Penny and the circus folk

  • Outdoor scene shows faraway tent, an elephant chewing hay, trailers, etc. – everyone’s assembled around Penny
  • Conjoined triplets in purple dress scurry into scene from left
  • Sword Swallower: sneaks a bite of a sword, then swallows the whole thing
  • Bearded Lady: gently strokes her beard
  • Penny: sighs and produces thought bubble of Tony and Marley on bike
  • Tattooed Man, acrobats, lion tamer, a lady dog, a midget… are all there.

6. Page 13: ½ page: Tony vs. Hal part 1

  • The moment at which Tony and Marley are about to get hit
  • Bike: drifts toward truck and back
  • Tony: snores, Rock-a-Bye Baby plays
  • Marley: barks urgently
  • Hal: watches motorcycle in fear, says “it can’t be! when clicked
  • Hal’s horn: honkable

7. Page 15: 1/3 page: the flower truck

  • Truck drives offscreen to the right, spewing dirt and flowers on road

8. Pages 16 & 17: two-page: Tony vs. Hal part 2

  • Tony and Marley confront Hal, the motorcycle up ahead and the truck behind them
  • Hal: rubs his eyes and says “not real, not real, they’re not real”
  • Tony: puts hands on hips and says, “that’s no way to treat people.”
  • Marley: barks and runs around Tony in a circle
  • Truck: makes idling engine noise
  • Motorcycle: flowers fall off

9. Page 20: 2/3 page: the speech in the dark

  • The whole screen is pitch black except for the whites of eyes – you can make out a speaker on stage and a crowd
  • Crowd: jumps up and down and shouts, “freedom, freedom, freedom!”
  • Speaker: “Join with me: fleedom, fleedom, fleedom!”

10. Page 23: 2/3 page: the restaurant

  • Tony and Lulu are seated at the table with Marley beneath it
  • Lulu: smiles, taps her pencil on the table
  • Tony: smiles, takes a bite of his Jell-o or sips his coffee
  • Marley: licks Tony’s hand
  • Door: a customer walks in and says, “Mister, your dog smells terrible!”
  • Salt and pepper: Tony knocks them over

11. Page 25: ½ page: the protest

  • Crowd sound in background
  • Eyes in the darkness jump up and down
  • Placards with writing on them: when you click them, they get yelled out loud

12. Page 27: full page: the cardboard box

  • Tony and Marley standing in front of the open truck door and the box
  • Tony: picks up the box and shakes it
  • Marley: sniffs the box
  • Box: jumps or tips a little when clicked

13. Page 29: ½ page: the last leg

  • View through the windshield from Tony and Marley’s POV – scenery going by
  • Radio: plays a short clip of music – or a few
  • Air freshener: goes “sniff sniff aaaaah.”
  • Tony: scratches
  • Marley: scratches

14. Page 31: full page: the fleas’ new life

  • TK

15. Pages 34 & 35: Tony and Penny reunited

  • Tony and Penny on the circus grounds, the truck cab open, Marley sitting in the driver’s seat
  • Tony: hugs Penny
  • Penny: laughs and smiles
  • Marley: jumps out, sits next to Tony and scratches
  • Truck: honks?

16. Page 37: ¾ page: Martha and Hal’s flower shop

  • Hal: hands someone a bouquet, sneezes, smiles
  • Martha: holds Hal’s hand
  • Door: opens and a bell jingles
  • Open sign: turns to closed and sky outside gets dark

17. Page 39: flea removal

  • Tony and Penny sitting on the floor of the bathroom, Marley in the bath w/ bubbles on his head
  • Tony: touches Penny’s hand
  • Penny: adds a little more water
  • Marley: pants happily, shakes off bubbles

18. Pages 40 & 41: two-page: ending

  • We’re inside a circus tent. Tony and Marley are dressed up in clown costumes. Tony trips and makes mistakes but it doesn’t matter because that’s what clowns are supposed to do. The audience – with Penny in it — claps wildly.
  • A flea jumps across the words “The End.”

Layout/ Wireframe

Monday, March 10th, 2008

I found another version of the page-flip application that is simpler to edit. I used it to lay out my text and space for animations here. It was an easy step, but it makes the goal seem a lot more feasible!

The wireframe gives me a better idea of how big the animations will be, so I can continue to draw my assets accordingly.

Social Facts Midterm

Monday, March 10th, 2008

We were asked to pick a site, describe what it does, some dilemmas it faces, and how it addresses them.  Then we were asked to think about one thing that, if changed, would make the site either better or worse.

——————————————————–

The N is a TV network for teens, under the Nickelodeon/MTV umbrella.  I work for its website (www.The-N.com), where viewers can watch shows they’ve missed and discuss those they’ve seen.  The site has a broader appeal too: it includes gaming, social networking, articles, and other media.

The site’s major goals are to get current viewers more involved in the programming, to attract new viewers, and to grow an audience of dedicated site users, whether they actually watch the TV channel or not.

Dilemma 1: Core Message vs. Broad Appeal
The first dilemma The-N.com faces is how to present a relatively narrow message to a broad audience. Aside from video and chat about the shows, what activities should be included or excluded, enabled or forbidden?

How do you stay on-message while allowing user involvement?  For instance, should users be encouraged to discuss shows that no longer air on The N?  What about shows on other Viacom-owned channels, or other networks altogether?  Where do you draw the line?

The N has approached this dilemma by offering features that are popular with their demographic on other sites.  That has resulted in a hodge-podge of features from fan fiction to fashion articles.

It also means the site is constantly playing catch-up with other sites.  In fact, it’s competing with an unlimited number of other sites, each of which might do only one thing well.

Dilemma 2: Safe vs. Sterile
The second major dilemma faced by The-N.com is keeping its users safe while facilitating interesting communication.

The site positions itself as a safe online destination for people under the age of 18, and it is.  All user-posted images and all message board posts are moderated.  It’s forbidden to post outside links, identifying information, email addresses or messaging screennames.

Personal messages are not monitored unless a specific user is reported.  “Real-time” chat in several applications goes through a smut filter, and full-time moderators are on the lookout for abuses.

The punishment for abuse is temporary suspension, followed by deletion of accounts and blocked IP addresses.  The-N.com runs a tight ship.

However, all this safety comes at an expense.  The-N.com’s forums are dull.  A certain amount of self-censoring seems to be taking place.  The conversations on The-N.com’s message boards are reminiscent the kind of fun that kids have when an adult is in the room.  The users have a sense that they’re being monitored.

Removal of Consequences
I like to imagine what would happen to this site if everyone who works there got up and walked away from our desks for a few months.  How long would it take for the users to notice that the consequences for misbehavior had been removed?  How would the site change?

Example 1: Less Moderation
One of our competitor sites, gaiaonline.com, offers similar activities to The-N.com, but with less moderation.  Images and links are allowed.  There’s staff presence, but no moderator presence – you don’t feel watched on Gaia like you do on The N.

One day on Gaia, I witnessed a user getting flamed in a chat room.  “DON’T TALK TO GOLFGUY97,” one user warned the others.  “HE’S A PERVERT.”  The user in question left that chatroom and immediately went into another, where I found him chatting up someone new.

In the short term, users can flout the rules.  But their victims can report violations, and the consequences for breaking the rules is still the same: removal from the site.  Users are empowered to look after themselves, but when all else fails, a system of consequences can be brought to bear.

Another consequence of the removal of pre-filtering is that message board posts go up immediately.  Threads frequently get up to the millions of replies.  Often they’re insipid, but sometimes a sense of experimentation leads to new ideas and activities.

User-planned activities abound on Gaia.  One of the reasons for this is the existence of an economy.  Users can hold contests, announce them on message boards, and give out rewards – currency or items earned on the site through hours of gameplay and chat (or by purchasing them with a credit card).  This behavior is totally emergent and completely addictive to both entrant and judge.

The equilibrium on Gaia between user-freedom and site control has led to an atmosphere of cooperation and experimentation.

Example 2: De Facto Moderation
For an assignment earlier this semester, I explored a site called gnomz.com.  That site started out as a French-language tool to allow users to create their own comic strips, and read and vote on other people’s creations.  The site asks its users not to post explicit or inappropriate content.

At some point, it must have become obvious that there were no consequences whatsoever for violating the rules set forth by gnomz.com (or at least, for violating them in English). English-speakers with a love for potty humor have taken over the site.

For my assignment, I posted two comic strips at around midnight.  The first one got commented within the hour – in fact, I got slammed for spelling “Princess Leia” the incorrect traditional way, “Leah.”  On further exploration, I discovered that the same commenter, grouchobeer, was all over the site.  He haunts the message boards – in one case asking a too-savvy newbie who he really was.  Grouchobeer’s avatar’s shirt defiantly reads “fuck.”

I was amazed to discover that one or two heavy users have taken over the English-speaking component of an entire site.  They have taken the helm, leaving comments on most new posts and filling the message boards with vitriol.  They set the tone for current users and quickly get new users into line – but the new line is grouchobeer’s.

Gnomz.com is a site with, effectively, no moderation.  It is self-policing – but it’s not a friendly atmosphere, and it has gone completely off-message.

Conclusion
So, what would happen if The-N.com relaxed or removed its moderation?  It would probably be less safe, but more exciting.  It would be self-policing – because it would have to be.

I’ll bet the first thing they would do would be to stop talking about TV.

Project Idea: Celebrity RPG

Friday, March 7th, 2008

In my job, I’ve run across one type of collective storytelling: role-playing games. I work for a TV network’s website — and our users love to use the message boards as a public place for collective storytelling.

For fan fiction, or what the users are calling role-playing, the key is to establish the characters first. One way to do this is to invite participants to create characters, complete with a bio and a picture, for anyone to read before they read the story or contribute. The other way to establish characters is to piggy-back off knowledge that everyone at the site has. On my site at work, that means characters from the shows aired by the TV network.

I think it would be fun to harness the characters everyone knows about — celebrities, as themselves. What I’d love to do (although I don’t have the programming chops) would be to call it “Five Celebs Stuck in an Elevator.” You pick 5 celebs from a list, and then you write a story about what happens when they get stuck in an enclosed space, and how they eventually get out (or perhaps don’t). In my imagination, their lines come out of their lil celebrity heads like speech bubbles, like so:

celeb-rpg.gif