Online Journalism: Spring 2011

the class blog

Welcome to WordPress!

leave a comment »

The demo site we used in class.

WordPress’s extensive documentation
Browse through plugins
And themes

Your sites:
Group One
Group Two
Group Three

Advertisements

Written by sinker

April 8, 2011 at 11:24 am

Posted in Class Stuff

Coding Assignment For Next Week

with 8 comments

Next week you need to flesh out your hand-coded bio page. Be sure that you:

1) Use CSS positioning to build a sidebar.
2) Use CSS to make boxes.
3) Bring in dynamic web content in the form of widgets (linked in a below post).

Once you’ve got your page working the way you want it to, copy the HTML code from your editor and paste it into a Pastie page, so you can get a unique URL to your code.

Paste that Pastie link into the comments of this post.

See you next week!

PS. For reference here’s a Pastie of the page I built in class today.

Written by sinker

April 1, 2011 at 2:49 pm

Posted in Assignments

PRESENTATION & REPORTS NEXT WEEK

leave a comment »

NEXT WEEK is our first of two graded check-ins on your group site. This check-in will accomplish two things: introduce the idea and the audience/community for your site, and demonstrate a hi-rez prototype of some elements of the site. These presentations will be to your classmates and to an invited panel of industry experts.

You will give a presentation to the panel and turn in a report to me. Your report and your presentation should encompass:

presentation & report

Who is the audience you’re targeting?
— what age/gender/etc are they?
— what do they do, both for a living and also for fun?
— what are their hopes/dreams?
— why are they interested in the things they’re interested in?
— where do they go? (both in real life and online)
— why are they a part of the community(ies) they are a part of?
— what will they gain by visiting your site?
Give three specific examples of real people, complete with photo documentation. For your written report, write a short profile of each person.

Where is the community that already exists around your site’s topic?
— where do they go online?
— where do they go in the real world?
— what do they do when they’re there?
For both locations, please cite three specific examples of each (both virtual and real), explain the motivation your audience/community has in going to those places, their activities once they are there and what you can learn from these things to apply to your site. For the real-world place, please include photo documentation of your visit there: show us your community “in the wild”.

What sites are working in a similar space?
— how are you different?
— what are they doing right?
— what are they doing wrong?
— how do you plan to work with and among those sites?

Bring it all together
With all this information about your audience/community, explain how you will reach them and engage them with your site.
— three specific online examples
— two specific real-world ideas

Your report will be handed in, be sure that every member of your team signs the report.

Slides

Your slides need to cover:

  1. Intro to your site with a one-sentence description
  2. Your audience defined, with photos
  3. Their community defined, with images of them in the locations you identified
  4. Other sites in your space
  5. A slide for your conclusion

Your slides can contain as much information as you want (though remember our discussion in class today: less is often more, you will be talking along with them), but need to cover these five points.

Walkthrough

In addition, you will also present a guided walkthrough of a high-rez prototype of your site. Similar to your work in the Student Communications project, you should craft a mockup of your site in a presentation program of your choosing, with enough detail to get the site idea across, and enough active links to be able to show us some basic functionality.

Presentation specific notes

–Your group’s presentation should not last longer than 10 minutes, that will leave plenty of time for questions from the class and our panelists. If I had to offer a breakdown, that would be probably 7 minutes for the presentation and 3 minutes for the walkthrough. But that’s just an estimate–your time is your own.
–Plan your presentation and walkthrough out in advance, and make sure everyone’s practiced it as well. Rambling doesn’t help anyone. Neither does going long.
–Be prepared to answer questions with further detail about your site and your strategy. Prepare also to hear criticism. Being argumentative does not help you in any way, shape, or form. Criticism at this stage is crucial to building a viable site.

Written by sinker

April 1, 2011 at 10:43 am

Posted in Assignments

Powerful Copy and Paste Coding

leave a comment »

Google Web Elements: Simple copy & paste widgets that allow for a lot of interaction with Google content. This allows for things like:
Conversation Web Element: You can bring basic comments into a page thanks to this Web Element.
News Web Elements: You can bring in a search from Google News or Youtube.
Google AJAX Search API Wizards: Slightly more complicated, but more powerful, than Elements for finding and displaying things from the web.
Twitter Widgets: including embeddable, real-time Twitter searches.
Facebook Widgets: Warning, I find these to be hinkey, but they’ll bring various bits of Facebook into your site.
The motherlode: Google Gadgets: Built by others, code for integrating everything from RSS feeds to games into your site.
RSS Reader+: Especially helpful is this embeddable RSS reader, which can bring all sorts of content from around the web into your site.

Written by sinker

April 1, 2011 at 10:42 am

Posted in Lecture Links

Twitter Assignment: 21 days!

with 15 comments

Twitter is a lot of things. One of them is that it’s very hard to explain. There’s one thing that is true though: It’s a new paradigm for communication and community, and it’s reaching critical mass.

Because of that, we’re going to do a deep dive into Twitter. The thing about Twitter is that it takes a little time to “get it” (and, even more importantly, what that “it” is will be different for each person). As a result, we’re going to follow the “21 days” concept: It takes 21 days of doing something regularly for it to become a habit.

So let’s form Twitter habits:

  • Starting by March 23rd, you’ll need to sign up for an account on Twitter.
  • Follow me. My Twitter page is here. I will follow you back–though drop me an @ reply on twitter (that’s @dansinker) so I know you’re there, otherwise you may get lost in the new follower shuffle.
  • Also, post your twitter user name in the comments of this thread so that your classmates can find you.
  • You need to post to twitter at least 3 times a day. In addition, you need to @ reply to someone at least twice a day. That’s a MINIMUM of five tweets a day.
  • Follow new people every day. Here’s a list of tons of journalists on Twitter to get you started. Use Twitter Search to find other interesting people to follow (type in keywords of things that you find interesting, for example). I also find Google a great tool for finding people simply typing in their name followed by “twitter” tends to surface their Twitter account.
  • Every 3 days, in 140 characters, sum up what you’ve learned and include the hashtag #onlinej11 in your tweet. For example: retweeting can really spread a message quickly #onlinej11
  • Follow your classmates’ revelations by doing a twitter search for that hashtag
  • We’ll have a pretty good list of things we’ve learned on Twitter at the end of this experiment. Plus, you’ll have developed a pretty healthy Twitter habit by then.
  • At the end of our 21 days, write a 500 word summary of your time on Twitter, what you think it’s useful for, and how you see Journalism intersecting with it. That report will be due Friday April 15.

Another great thing about Twitter is that there are any number of ways to access it outside of the homepage. There are some great applications for accessing your tweets, like:
Tweetdeck
Seesmic
Twhirl
Twitteriffic

Twitter itself (and other people) makes excellent Apps for iPhone, Android, and Blackberry phones–check the respective app stores for those!

Finally, one thing about having only 140 characters is that it makes it hard to paste in a real link. You’re going to need a URL shortener to do so. Personally, I like bit.ly, but people also use tinyurl and others.

For those just getting started on Twitter, there is an excellent guidebook published by Mashable. It’s online here.

See you on Twitter!

Written by sinker

March 18, 2011 at 11:35 am

Posted in Assignments

Code Readings + Reactions

leave a comment »

As you struggle with coding over the break, here are two readings to remind you why you’re doing it:
Why Journalists Should Learn to Code
Be Not Afraid: Journalists Should Learn Code

Written by sinker

March 18, 2011 at 8:53 am

Posted in Readings

Work for Next Week

with 8 comments

A busy week! Three things:

1) Prepare and test a paper prototype for your group site. This is a group project, so divvy up the work equitably. You need to:
–build the prototype and test it on three actual users of your site (not just your roomates).
–between each user testing session, refine the prototype according to feedback from the previous test.
–document all the testing sessions with video and upload a video of the testing to YouTube.
–write a brief report documenting what you learned from testing and how you’re proceeding with the site concept and design (250 words).
–stick the report and video in the comments of the post dedicated to it.

2) Hand-code a bio page about yourself:
–demonstrate your understanding of basic HTML.
–introduce yourself, your background and interests
–integrate all the basic HTML tags we discussed, along with a picture of yourself.
–paste your code into Pastie. Post a link to the code along with a sentence that introduces your dive into the comments of this post.

3) We’ll have a mid-term check-in on the blog you’ve been keeping since week one. Please make sure it’s up-to-date.

Written by sinker

March 11, 2011 at 11:31 am

Posted in Assignments