J501: Sound Salon

This week’s class was inspired by NPR reporter Mandalit del Barco’s Sound Salon session, which she routinely runs at the National Association of Hispanic Journalists conference.

Think mini film festival, but with audio stories. I didn’t get to play them all, but here is the playlist I created:

WKSU: The Songs of Insects // 4:21

KUOW: Bill The Beer Man // 3:51

This American Life: Rest Stop // Played intro

WNYC Radio Rookies: Growing Up in the System // 11:38

Radio Lab: A Lucky Wind // Played first portion

Here are other pieces that I didn’t get to play:

On the Media: Pulling Back the Curtain

This American Life: Kid Logic

This American Life: Classifieds

Radio Lab: Falling

Making of Radio Lab

IF, Australia, 2002

The Dead Can’t Do You Nothin’

Don’t Hang Up 2: Nightlines

Small Paper Uses Profits to Train New Reporters

Ira Glass on Storytelling

There are very few people that I would geek out over, but Ira Glass, in my eyes, is a storytelling god. Here are some videos where he talks about different lessons he’s learned on storytelling.

Part 1 of 4

Part 2 of 4

Part 3 of 4

Part 4 of 4

J309: Intro to Online Media

Today’s our first day and we have a TON to cover… including some tech experimentation this semester. Some details here: http://elprofe.me/2010/309/

A glossary of basic Twitter terms

Twitter Fail Whale

If you haven’t heard this by now, you are going to worry me…. get on Twitter! We’ll talk more about this in class, but here are some Twitter terms you should know. Source: These are complied from Twitter’s own glossary, Wikipedia and my own definitions.



\ˈa-və-ˌtär\ The personal image uploaded to your Twitter profile in the Settings tab of your account. Article: http://support.twitter.com/articles/127871-how-to-change-your-profile-picture-or-information


\ˈbī-(ˌ)ō\ A short personal description used to define who you are on Twitter. Article: http://support.twitter.com/articles/127871-how-to-change-your-profile-picture-or-information

Direct Message

\də-ˈrekt\ \ˈme-sij\ Also called a DM, these messages are private between only the sender and recipient. Please note: you cannot send a direct message to a user who is not following you. Article: http://support.twitter.com/articles/14606-what-is-a-direct-message-dm

The command: d + username + message

Fail Whale

\ˈfāl\ \ˈwāl\ When Twitter experiences an outage, users see the “fail whale” error message image created by Yiying Lu, illustrating several red birds using a net to hoist a whale from the ocean captioned “Too many tweets! Please wait a moment and try again.” This term is not listed in Twitter’s glossary.


#FF stands for “Follow Friday.” Twitter users often suggest who others should follow on Fridays by tweeting with the hashtag #FF.


\ˈfä-(ˌ)lō\ To follow someone on Twitter means to subscribe to their Tweets or updates on the site. Article: http://support.twitter.com/articles/14019-what-is-following


\geō – lō-ˈkā-shən\ The use of location data in Tweets to tell us where you are in real time. The act of adding that meta information is known as Geotagging. Article: http://support.twitter.com/articles/78525-about-the-tweet-with-your-location-feature


\ˈhan-dəl\ A user’s “Twitter handle” is the username they have selected and the accompanying URL, like so: http://twitter.com/username. Article: http://support.twitter.com/articles/14609-how-to-change-your-username


\ˈhash-‘tag\ The # symbol is used to mark keywords or topics in a Tweet. Was created organically by Twitter users. Example: #ascj Article: http://support.twitter.com/articles/49309-what-are-hashtags-symbols


\ˈlist\ Curated groups of other Twitter users. Used to tie specific individuals into a group on your Twitter account. Article: http://support.twitter.com/articles/76460-how-to-use-twitter-lists

Replies & Mention

\ri-ˈplī\ & \ˈmen(t)-shən\ Created by the Twitter community, a Tweet posted in reply to another user’s message, typically begins with @username. Also used to mention a user. Article: http://support.twitter.com/articles/14023-what-are-replies-and-mentions

Please note:
* People will only see replies in their Home timeline if they are following both the sender and recipient of the update.

* People will see mentions in their timeline even if they don’t follow the person mentioned – as long as they follow the sender, they’ll see the mention in their timeline (It’s treated like a regular Tweet.)

* People with protected accounts cannot send replies to people who aren’t following them, and mentions won’t be seen by non-followers either.

* If someone sends you a reply and you are not following the user, the reply will not appear on your Home timeline. Instead, the reply will appear in your Mentions timeline.

The command: @ + username + message


\ri-ˈtwēt\ A Tweet by another user, forwarded to you by someone you follow. Often used to spread news or share valuable findings on Twitter. RT is the abbreviated version of “retweet.” Article: http://support.twitter.com/articles/77606-what-is-retweet-rt


\ˈsərch\ Created by an external developer later purchased by Twitter, it allows you to search Tweets. The advance search page, not linked from the homepage, is http://search.twitter.com/advanced. Why is search so powerful? Watch this video: Twitter Search in Plain English


Short Message Service (SMS) is most commonly known as text messaging. Most messages are a maximum of 140 characters.

Third Party Application

\ˈthərd\ \ˈpär-tē\ \ˌa-plə-ˈkā-shən\ A third-party application is a product created by a company other than Twitter and used to access Tweets and other Twitter data. Article: http://support.twitter.com/articles/77277-i-need-help-with-a-3rd-party-application


\ˈtīm-ˌlīn\ A real-time list of Tweets from those you follow. This is like you news feed made.

Trending Topic

\ˈtrend-ing\ \ˈtä-pik\ A subject algorithmically determined to be one of the most popular on Twitter at the moment. Example (a sad one): Justin Bieber


\ˈtwēt\ A message posted via Twitter containing 140 characters or fewer. As a verb, it’s called Tweet, Tweeting, Tweeted. But many stylebooks reject this.


\ˈtwēt-er\ An account holder on Twitter who posts and reads Tweets. Also known as Twitterer.


\’ən-fä-(ˌ)lō\ To cease following another Twitter user. Their Tweets no longer show up in your home timeline. Article: http://support.twitter.com/articles/15355-how-to-unfollow-users-on-twitter

URL Shortener

URL shorteners are used to turn long URLs into shorter URLs, creating a more efficient Tweet. Shortening services include Bit.Ly, Ow.ly, TinyURL.com, etc.

More resources

Twitter’s own glossary of terms: http://support.twitter.com/groups/31-twitter-basics/topics/104-welcome-to-twitter-support/articles/166337-the-twitter-glossary

Mashable’s Twitterspeak: 66 Twitter Terms: http://mashable.com/2008/11/15/twitterspeak/

The Social Media Guide’s Twitter Cheat Sheet: http://thesocialmediaguide.com.au/2009/11/03/twitter-cheat-sheet/

Wikipedia entry for Twitter: http://en.wikipedia.org/wiki/Twitter

Howcast: How To Use Twitter : http://www.howcast.com/videos/149055-How-To-Use-Twitter

The Public You’s Twitter Quick Reference Card [PDF]: http://www.thepublicyou.com/resources/Twitter+Quick+Reference+Card.pdf

To program or not to program?

As a Web Journalist and a WJ Profe., this is actually one of the most common questions I’ve gotten over the years.

It’s actually a heated debate… but quite honestly, more than likely the answer is “no.”

In my professional opinion, it’s better to know how your role engages with an engineer/programmer rather than knowing a programming language other than HTML/CSS.

But, if you have doubts, good friend and multimedia guru Mark Luckie / @10000Words created this handy flowchart to help guide you through this question.

Read his post: Should journalists learn programming skills?: A Flowchart

The Web Journalism Rules

Note: The title should actually say “my rules,” but because this is my blog and you may be in my class… “my” turns into “the.” ;)

This is a quick list of guidelines to remember when you engage with constantly evolving Web Journalism.

Rule #1. Journalism first, technology second

Technology is, and will always be, changing. Our journalism core values do not. News judgment and ethics are key no matter if journalism is pixels or paper or whatever.

The point to all of this – printed word, Flash interactives, video documentaries, visualized data, social media, etc. – is not the tool. Let’s be clear, the point is serving the community by helping them be informed citizens in a democratic society.

It’s the people and their stories, not the databases and Twitter followers. We use these powerful tools to help advance our journalism, not replace it. Got it? Good.

Rule #2. If your mom says tweets she loves you, check it out

This is basic Journalism 101 and it applies to old school and new media alike. Whether you get an in-person tip or a tweet, it is not fact… it’s the start of the reporting process, not the end of it.

If you get lazy, you’ll get burned. Remember, all we have is credibility… our word… it takes a lot of time and hard work to build up credibility, but no time at all to lose it.

Rule #3. Web/tech, including Social Media, does not replace in-person interviews or the phone

There is an actively engaged community sharing a ton of information – much of it is TMI – on the Web. We’d be doing a disservice to our community by not engaging them in these new spaces. But remember, while millions are on Facebook and Twitter, there are millions who aren’t. Engage with your community in every space, but remember to reach out to the voiceless. The digital divide is still a reality.

Rule #4. Citizen, Brand and Journalist

This is just the way it is. As a journalist, you’re not a typical civilian. This ain’t no 9-to-5 job… this is a lifestyle. Sorry.

So, when you experiment and engage with these new technologies, there are three roles you need to be aware of: Citizen, Brand and Journalist.

Your behavior can and does affect each one of these roles. Be conscious about what you are saying and doing. Be who you are… don’t fake it. But always work under the impression that there is no privacy online… because there isn’t any.

Rule #5. BE OPEN

I can’t tell you how many times I’ve heard “Why would anyone do FourSquare?” Before that it was “Why would anyone use Twitter?” Before that it was “Why would anyone blog?” And before that, it was “Why would anyone go and use the Internet?”

Get over it… and use it. Try it out. See if it works for your daily journalism routine. If you don’t like it… stop. But then try it again.

This is the new world we are in and fighting against it does nothing but hurt you. So, learn about it and try new things. Isn’t that one of the reasons why you got into journalism in the first place?

Hope these help… there might be a quiz next week.

Please feel free to send me your feedback by posting comments or shooting me an email: robert [at] elprofe.me

The Web in Plain English

This great video by Common Craft explains the basics of the Web in three minutes.

Glossary of Web journalism terms

One of the most common requests is having a glossary of terms… it’s hard to do because the language and terms are constantly evolving. But here is a collection, made from W3Schools, Poynter, WikiPedia and my own.

API (Application Programming Interface)
An interface for letting a program communicate with another program. In web terms: An interface for letting web browsers or web servers communicate with other programs. (See also Active-X and Plug-In)

A measure for the speed (amount of data) you can send through an Internet connection. The more bandwidth, the faster the connection.

One of the first widespread web-native publishing formats, generally characterized by reverse chronological ordering, rapid response, linking, and robust commenting. While originally perceived to be light on reporting and heavy on commentary, a number of blogs are now thoroughly reported, and legacy media organizations have also launched various blogs. Originally short for “web log,” blog is now an accepted word in Scrabble.

Civic Media
An umbrella term describing media technologies that create a strong sense of engagement among residents through news and information. It is often used as a contrast to “citizen journalism” because it also encompasses mapping, wikis and databases. MIT has a Center for Future Civic Media.

CMS (Content Management System)
A computer software system for organizing and facilitating collaborative creation of documents and other content, especially for loading to a website. Usually a database driven that runs a dynamic website. (like: Drupal, WordPress)

Creative Commons
A flexible set of copyright licenses that allow content creators to specify which rights they reserve and which they waive regarding their work that is supposed to codify collaborative spirit of the Internet. There are six main Creative Commons licenses based on four conditions that creators can choose to apply: Attribution, Share Alike, Non-Commercial, and No Derivative Works. The least restrictive of the licenses is Attribution, which grants anyone, from an individual to a large company, the right to distribute, display, or otherwise make use of the work so long as the creator is credited. The most restrictive is Attribution Non-Commercial No Derivatives, which grants only redistribution. First released in December 2002 by the nonprofit Creative Commons organization, which was inspired by the open source GNU GPL license, the licenses are now used on an estimated 130 million works worldwide. The glossary you are reading is released under a Creative Commons Attribution Share Alike license in an effort to encourage wide distribution and contribution. (Also see open source)

CSS (Cascading Style Sheets)
A W3C recommended language for defining style (such as font, size, color, spacing, etc.) for web documents.

Data Visualization
A growing area of content creation in which information is represented graphically and often interactively. This can be used for subjects as diverse as an analysis of a speech by the president and the popularity of baby names over time. While it has deep roots in academia, data visualization has begun to emerge on content sites as a way to handle the masses of data that are being made public, often by government. There are many tools for data visualizations, including Seattle-based Tableau and IBM’s Many Eyes. Data visualization should 1) tell a story, 2) allow users to ask their own questions and 3) start conversations.

Domain Name
The name that identifies a web site. (like: Google.com, WebJournalist.org, elprofe.me)

A popular content management system known for a vibrant open-source community that creates diverse and robust extensions. Drupal is very powerful, but it is somewhat difficult to use for simple tasks when compared to WordPress. Drupal provides options to create a static website, a multi-user blog, an Internet forum or a community website for user-generated content. It is written in PHP and distributed under the GPL open source license. Whitehouse.gov uses Drupal.

A term meaning to place a specific piece of content from one web page inside of another one. This is often done using an embed code (a few lines of HTML and/or Javascript) that you can copy or paste. This is a common way for video content to be spread around the Internet and is increasingly being used for interactive components. A recent example is PBS Newshour’s oil spill tracker widget, which was placed on many news sites around the country. Note: This is different from the newsroom sense of “embed,” popularized during the 2003 Iraqi invasion, which means to have a journalist work from within a military unit.

A proprietary platform owned by Adobe Systems that allows for drag-and-drop animations, program interactivity, and dynamic displays for the Web. The language used, ActionScript, is owned by Adobe; this contrasts with many other popular programming languages that are open source. Creators must use Adobe’s Creative Suite products and web surfers must install a Flash plug-in for their browser. Many claim that Flash players are unstable and inefficient, slowing down web pages and crashing operating systems. Apple has not allowed Adobe to create a Flash player for the iPhone operating system, which has created a feud between the two companies. HTML5 is emerging as an open alternative to Flash.

FTP (File Transfer Protocol)
One of the most common methods for sending files between two computers. (like: Fetch or Filezilla)

FTP Server
A web server you can logon to, and download files from (or upload files to). Anonymous FTP is a method for downloading files from an FTP server without using a logon account.

A piece of information that goes with content and contains geographically based information. Commonly used on photo sites such as Flickr or in conjunction with user-generated content, to show where a photo, video or article came from. There has been some discussion of its increasing relevance with geographically connected social networking sites, such as Foursquare. Twitter has implemented geotagging, and Facebook has announced plans to do so.

HTML (Hypertext Markup Language)
HTML is the language of the web. HTML is a set of tags that are used to define the content, layout and the formatting of the web document. Web browsers use the HTML tags to define how to display the text.

The upcoming, powerful standard of Hypertext Markup Language, which has added advanced interactive features, such as allowing video to be embedded on a web page. It is gaining in popularity compared to proprietary standards, like Adobe Flash, because it is an open standard and does not require third-party plugins. Using HTML5 will allow web pages to work more like desktop applications. The latest releases of most browsers support HTML5 to varying degrees. HTML5 does not cover CSS and JavaScript, but often when people refer to HTML5, they often are using it as a blanket term, applying not only to changes to the HTML, but also to changes in CSS and JavaScript.

A incredibly popular open source JavaScript library designed for manipulating HTML pages and handling events. Released in 2006, jQuery quickly gained widespread adoption because of its efficiency and elegance. The definitive feature of jQuery is its support for “chaining” operations together to simplify otherwise complicated tasks. It is the most popular JavaScript library.

Data about data. Examples of metadata include descriptors indicating when information was created, by whom and in what format. Metadata helps to organize information online and make it machine-readable. HTML is an example of metadata — it organizes the data in a web page so browsers can display it sensibly. Web pages often have hidden metadata that helps with their search engine ranks. Photos uploaded to Flickr carry metadata such as time taken, camera model and shutter speed. MP3s have metadata such as the artist name, track title, album name and so on.

Search Engine
Computer program used to search and catalog (index) the millions of pages of available information on the web. Common search engines are Google and AltaVista.

SEO (Search Engine Optimization)
A suite of techniques for improving how a website ranks on search engines such as Google. SEO is often divided into “white hat” techniques, which (to simplify) try to boost ranking by improving the quality of a website, and “black hat” techniques, which try to trick search engines into thinking a page is of higher quality than it actually is. SEO can also refer to individuals and companies that offer to provide search engine optimization for websites.

Semantic Web
A web of data with a meaning in the sense that computer programs can know enough about the data to process it.

Social Media
A broad term referring to the wide swath of content creation and consumption that is enabled by the many-to-many distributed infrastructure of the Internet. Unlike legacy media, where the audience is usually on the receiving end of content creation, social media generally allows three stages of interaction with content: 1) producing, 2) consuming and 3) sharing. Social media is incredibly broad and refers to blogging, wikis, video-sharing sites like YouTube, photo-sharing sites like Flickr and social networking sites like Facebook and Twitter.

A method of sending audio and video files over the Internet in such a way that the user can view the file while it is being transferred.

A hierarchical classification system. In the world of content, this can be a hierarchy of terms (generally called nodes or entities) that are used to classify the category or subject content belongs to as well as terms that are included in the content. In many cases, website navigation systems appear taxonomical in that users narrow down from broad top-level categories to the granular feature they want to see. An ontology is similar to a taxonomy in that it is also a classification system with nodes or entities, but it is more complex and flexible because ontologies allow for non-hierarchical relationships. While in a taxonomy a node can be either a broader term or narrower term, in an ontology nodes can be related in any way.

URL (Uniform Resource Locator)
A web address. The standard way to address web documents (pages) on the Internet (like: https://www.elprofe.me/)

Web Host
A web server that “hosts” web services like providing web site space to companies or individuals. (like: BlueHost, GoDaddy, MediaTemple)

A web site with pages that can be easily edited by visitors using their web browser, but generally now gaining acceptance as a prefix to mean “collaborative.” Ward Cunningham created the first wiki, naming it WikiWikiWeb after the Hawaiian word for “quick.” A wiki enables the audience to contribute to a knowledge base on a topic or share information within an organization, like a newsroom. The best-known wiki in existence is Wikipedia, which burst onto the scene around 2000 as one of the first examples of mass collaborative information aggregation. Other sites that have been branded “wiki” include Wikinews, Wikitravel, and WikiLeaks (which was originally but is no longer a wiki).

The most popular blogging software in use today, in large part because it is free and relatively powerful, yet easy to use. First released by Matt Mullenweg in 2003, WordPress attracts contributions from a large community of programmers and designers who give it additional functionality and visual themes. Sites that use WordPress include the New York Times blogs, CNN and the LOLCats network. It has been criticized for security flaws.

WYSIWYG (What You See Is What You Get)
In Web terms: To display a web page being edited exactly the same way it will be displayed on the web.

Class is in session

Hola todos, allow me to (re)introduce myself… I’m Robert Hernandez, USC Web Journalism Professor. I’m also known as the @webjournalist in other circles. This site and account is mainly for my courses. I also plan to use this site and account for the exploration of teaching Web Journalism.

Like my classes, this should not be a lecture (aka one-way conversation), this should be a discussion… one where we can agree/disagree, but always trying to advance journalism.