OK—hope you are all up on what happened with the new nutrition labels. Here is tonight’s agenda:
take a look at the posts yesterday and assign you the next Nutrition Issues post: 200+ words on what was actually decided, with some art (I took my own picture of a yogurt label) and at least two links to other sources. One of those should be a story that you are summarizing or working from e.g. the Politico piece; one probably should be Michelle Obama’s Let’s Move another could probably be the Facts Up Front site that the food industry has created (we’ll poke around that a bit);
an interactive info graphic that illustrates food labeling (most likely calories) in some way; there are several free sites such as easel.ly, visual.ly and infogr.am. (What countries are these sites hosted in?) We will use infogr.am to create one that might look like the one shown here (I did this with data from Germantown ZIP codes that we will look at after break).
to help, here is a neat piece on food calories from food carts in Philly from Axis Philly, and an article on food calories at McDonald’s; the basic procedure is to: create an account at infogr.am, verify it via email, try New Chart; select Treemap; double-click the generic info to add a title and edit the content; create some data for now in Excel on Food item (col. 1) and calories (col. 2); copy and paste that into infogr.am (NOTE you can do this with two sheets so you could compare McD’s calories to the food cart ones with radio buttons it will create; test with the eye at top left; publish button, top left; View on the Web; get embed code; paste that into the Text window on your dashboard; Publish to WordPress (don’t go back to Visual till later)
finish editing and posting the audio if you haven’t; see posts below on how to post with a WordPress player, or a link to SoundCLoud;
last chance to finish posting the HTML/CSS page and the PHP page to your Other Stuff page; be sure you have working links and that they are linked to text such as Here is my experiment with PHP.
if we have time, we’ll start looking at some examples of slideshows that we’ll dive into after break; you will be asked to include a story from one or more of the organizations in the GHN, so take a look back at that handout and see if you might want to make a call ove break.
We will use Soundslides (our software, and like Audacity, sort of the standard, powering for example New York Times shows). For now, take a look at their site, support, etc., and these examples:
Grad student at UC Berkeley (note Soundslides was not registered)
Hope you all enjoyed the storm—19 inches in Allentown in two days.
The plan, then, is to
discuss the Patch post (see Feb. 13);
blast ahead with the audio assignment (see Assignments page). It will still be due at the end of the day next week, Feb. 27, so we don’t extend over spring break. As always, I will look for assignments Friday morning, so you can finish things up and post them during the day Friday and still meet deadline. I expect most of next week to be work on the audio assignment;
I’ll also hand back and comments on previous work;
we will give folks a last chance to get the PHP and HTML/CSS files linked (most of you probably left the files on your lab computers);
we will talk a bit about recording audio (see Briggs, Chapter 7 and tips under Audio I and II last week);
we will do some hands-on with Audacity. Three handouts to help.
Speaking of previous work, fully 7 of 16 folks did not follow email instructions and do a blog post on SNAP/the farm bill last week. Snow happens, and your job is to keep up on communication and get things posted if required. It’s the nature of the enterprise. That said, given the unusual circumstances, if you seven, who still have not done that post, get something done before class tomorrow (Feb. 20 by 6 p.m.), you can still get some of the credit.
Another WordPress player demo, this time with some tips about the Audio assignment itself. And a caution that you should exit the Dashboard if you have inserted code in the Text (HTML) editor; don’t switch back to Visual to take a look as that can mean the code then IS text and won’t function.
Olympus saves files as WMA (Windows Media Audio) which Audacity can’t import. You’ll need to come to the front (or Center for New Media) to convert your files to .WAV or MP3 to bring into Audacity. I’ve got an app called Switch to do that, which you can download for a brief free trial (lasts longer on a Mac). Today or next week we will experiment with these files: a prerecorded mic clip; a music clip; try to produce this result.
Try the timeshift tool (double arrows) if you want to move some of your narration in between quotes
select, go to Effects->Amplify as another way to adjust sound besides the Envelope tool—can also decrease volume here
Effects -> Fade In and Fade Out are the only others you should need although you might try Noise removal (see handouts)
you can do the export to MP3 without using Quick Mix (in the handouts)
split any stereo track, then just delete (use X) rather than convert to mono
the spacebar plays and stops in most AV editing software
you have already found Record (red button); use Skip to Start/END (Purple arrows) to move around
be sure the Project Rate (bottom left corner) is 44100 Hz; you’ll need that setting for Soundslides later
don’t forget to locate the Audacity project file (.AUP) the data folder, your original file from the recorder, and your exported MP3
we will upload from a URL (see Tech Notes page); you will have to write a short piece of code in the visual editor that looks like this in square brackets :
See these links for how to post audio and use SoundCloud. For posting to WordPress, you need to FTP the MP3 file to alpha.lasalle.edu (remember PSWD = 12345_abc). For SoundCloud you’d need an account and then upload to their site.
You can also try adding some HTML color codes to the end of your shortcode (test this on your WordPress.com). The code after the 0X is RRGGBB (2 red, 2 green, 2 blue), so I used |bg=0x0000ff|righticon=0xcc0033 ] which makes the background 0000ff=blue (small line shows through) and the right arrow cc0033=red . Compare the first one to the standard player:
Paste your WordPress shortcode into the Visual editor (not Text). It will look like this (my code has audio:)
[audio http://yourfileswebaddress ] No space after the first [ but one space (no more) before the final ]. Note if there is no space it assumes that the ] is part of your URL, so the player can’t find the file.
Be sure to put your exact URL in (Q: what will that be?) after you FTP the file to the alpha server. Don’t use the example from WordPress (it’s mattmullenweg-interview.m4a Q: Who is Matt Mullenweg?). See if you got a Playlist editor.
be sure you have finished and FTPed the HTML/CSS and PHP files and linked to them on your Other page (see revised instructions Jan. 30 Part II post)
finish your farm bill/SNAP 200-word post by Friday a.m.
take a look at the links for audio, including the new post Audio II; try to get some interviewing done and bring files to class next week; note that the deadline for the Audio assignment is now Feb. 27
If we do meet, I will give back the Photo assignment with some comments, and do some demos and hands-on of mixing with Audacity (see Audio II above). I will have some handouts and files to practice with.
finish the HTML/CSS/PHP and FTP them to a page (e.g. Other or Tech Stuff); be sure these are up by next week, Feb. 13
hand back and go over Tom Wingert posts; note lessons for later
get a handout on AP style for subsequent blog posts;
assign another post on issues connected to nutrition looking at takepart.org and in particular SNAP, using a Morning Call handout and one other piece of your reporting (minimum 200 words, add some art, good headline, AP style, check your facts and spelling)
begin audio on the street; a key start for us is a handout from Brian Storm’s Media Storm site and blog
when your subject is talking SHUT UP!!!! No sounds, “umms” grunts. Nothing.
we’ll do the editing in Audacity next week. Go ahead and get a copy on your computer and make sure it has the LAME encoder so you can export to MP3. Maybe take a look through the install and record with Audacity PDF we saw today.
For exemplars, try the Coney Island piece from NYU’s graduate Pavement Pieces site, and this from Prof. Culver (from Poynter/Wisconsin) that intersperses narration with interview (but right now her interview audio is breaking up):
Maybe sample some of the On the Street posts from last spring.
Also take a look around this free course from the Poynter Institute’s NewsU site. You might want to practice a bit with it before you go into the field.
Agenda for part one today. Be sure you are good with the following:
Be able to optimize a photo in Photoshop
Be able to post photos to your blog (Add Media button above the ribbon)
Continue review of your WordPress blog. Note that I am now on WordPress 3.5 (as are you). Note new options e.g. top left, top right on menu bar.
In Settings, look at Reading to be sure your Blog is the home page and that there is enough of them to see them in the main blog window. Look at Permalinks and set those to Date and Name. Under General be sure your blog Title and Tagline make sense.
Start your Categories and Tags under the Posts menu and add those to the photo assignment that’s due next week.
Under Posts, be sure your photo post has a reasonable title and Body Title if your theme (Appearance->Themes) has that.
Be sure that you have at least the Admin/Meta/Log-in widget (Appearance->Widgets) in a sidebar.
Explore the options for your Theme—does it allow sidebars, customization, etc.?
Check your Profile and follow the instructions from last week to add a gravatar through WordPress.com (Might be Users->Your profile; or go to WordPress.com, login there and then Settings->Public profile->Change your Gravatar)
Go to Pages->Add New and add a page (e.g. Other or Technical) that you can use to store items that are not part of your blog on food and nutrition.
Go to Posts->Add New and take a look at the Visual and Text (formerly HTML) tabs.
Then we’ll discuss the difference between the Internet and the World Wide Web (they are not the same thing; take a look at this WIRED article and Briggs Chapter 1). We’ll then do some hands on with HTML and CSS (Briggs Chapter 1) . I’ll introduce RSS (and XML, which it’s made of) and PHP, which is what most blogs (such as WordPress) are written in. To give us a common source on these, we’ll use W3Schools.com.
(We’ll come back to all this as needed later on.)
Some examples: Here’s an RSS feed I made for a DART class (try it in Firefox). Here is what a PHP test page will show if you post it on alpha.lasalle.edu.
By next week (hoping to do most of this tonight), be able to write a basic HTML page with a CSS rule embedded, and a basic page to test for PHP (sum of two numbers). We will post those to alpha.lasalle.edu with FTP. The standard FTP client is Filezilla (note the URL). You can also experiment with RSS readers and install one either here or at home. I used CITA but it got buggy, so I switched to feedreader.com.
We’ll also discuss the state of online journalism and blogs a bit using Briggs (foreword, preface, Introduction, Chapter 3), this video from Clay Shirky, shared from BigThink.com. (Note sharing from this site allows only a link, not an embed.).
Recorded 2009, as a follow-up to the success of his book, Here Comes Everybody: The Power of Organizing Without Organizations.
and what would Shirky think about the CNN/Twitter partnership? What do you think? And what about Jay Rosen’s post that summarizes the bad and good of the new “information ecosystem, ” to paraphrase Shirky?
be sure I have the URL for your blog so I can post them in the sidebar
go over the basics of your blog to be sure it’s up: Title, tagline, first post, About page, your profile/photo, did you use categories and tags for your post; refer back to Mindy McAdams’ site for this (and later topics);
visit from Tom Wingert (more below) and assignment to post on that
photo assignment on Urban Food; I have this as a handout
go over optimizing photos in Photoshop
For Tom Wingert’s visit, by next class, January 30, have a post of at least 200 words on his visit. Think like a blogger—you will be building a blog on issues of food and nutrition in Germantown, Philly and beyond, so explain how his talk fits in to your semester project. I am shooting video that I will post here so that you can watch for some quotes. There’s a pic in this blog you could use. Think of visuals as well as the text (did you bring a camera?).
To help complete your “Urban Food” posting, we’ll use this photo, part of my continuing Florida State Fair series. You need to
get a copy (Right-click Save Picture As in IE, Save Image as in Firefox; if photo is a thumbnail itself, use Save Link As in IE or Save Target As in Firefox))
open that in Photoshop
find out how big the file is in file size and pixel dimensions, and check the resolution (pixels per inch)
take a quick look at Auto adjustments for tone, color, contrast
optimize the photo in the Save For Web dialog box and make a note of the final file size and pixel dimensions
upload the photo to your blog (hopefully, today); I suggest that you go ahead and make a page called Other or Miscellaneous or Technical stuff and put it there
see if it will center properly—if not we will look at doing that on the HTML next week (<div align=”center”> ..picture is here… </div>)
add a caption to the photo if your theme allows that (you will get a caption under the photo)
When taking your pictures try to keep these tips in mind:
remember the rule of thirds (see third video on this page); keep the main lighting behind you (over one shoulder); vary your shot depth (wide, medium, close, extra close/macro); move subjects among foreground, middle ground, background; move camera above, below, left, right of the subject; if you have to, crop foreheads, not chins; don’t cut off leading lines; cloudy days are best for outdoor shots. Go back to the photo composition site. Also Mindy McAdams’ Journalist’s Toolbox.
For example, how does his experience as an organizer relate to the health and nutrition issues you will be blogging about?
You will be doing a post on his talk, (assignment to come Thursday), so think about getting at least a photo for use in that blog post. I’ll record it on video and make that available for everyone later on.
Each week there will be a post or two that will make up our schedule for the classes. Blogs, of course, add the most recent post to the top, so take a look at the date of posting to find the post to start with.
Today, we are going to:
talk a bit about blogs and online journalism with the two preceding posts from Poynter.org
talk about optimizing and posting photos (Read Briggs, Chapter 6)
give you background on your “beat” for the semester
give you your first photo assignment (also see Assignments page).
My blog is hosted at lasalle.edu (note the URL), which was done with a “manual installation” at WordPress.org. You might want to do that after this course if you have a Web host such as GoDaddy.com that will give you your own URL.
Here are the steps for today and next week (we will go back over these and more next week):
Go to WordPress.com and open an account. See this Introduction about what blogging is, and this Getting Started page. We’ll try and pull some some relevant videos from WordPressTv as well such as this one on signing up. When you do this, think about your user name, password and URL as this can’t easily be changed. For example a blog on regional table tennis might be phillypong.wordpress.com. You might want to make it about you as this blog should be used to show your work in journalism, even beyond this course. So maybe beattytales.wordpress.com
Log in and you will see the Dashboard. You will see this a lot. Go to Settings and change the title of your blog, and add a Tagline. Obviously, this is something you can do again later.
Experiment with new themes. If you can get a thumbnail to add later, do that (right-click Save Picture As). Start reading my blog from the earliest posts (third page in) to see how I did along the way. Take a look at this video on Themes, and use the link that should come with your initial blog under Blogroll. There are lots of other sites that supply free WordPress themes such as Dynamic Guru , BogOHBlog and BytesForAll, where I got mine (Atahualpa, which is fairly common).
Create a first post. Explain the blog first—you are creating content about nutrition and La Salle’s Exploring Nutrition project, but also may be commenting about the process, adding other content later, etc. Spellcheck your posts. See Briggs Chapter 2. Go to Posts>Add New on the left side of your Dashboard. Also take a look at the text (actually the HTML) view.
When it’s up (today, we hope), send me the URL of your blog.
For general reference, the Journalist’s Toolkit is a great site where Mindy McAdams of U. of Florida has compiled her teaching resources. Here’s her intro to Blogging. Also always check Mark Johnson’s U. of Georgia video tutorials—this is the Content Management Systems (CMS) one, which is mainly a WrodPress introduction (but note that he misspells WordPress with a lowercase “P”).
Some food for thought from the Poynter Institute (a place you should get to know). Should college papers stop printing names of students accused or convicted of minor crimes on campus? Should public universities (such as U. Conn) have different policies than private ones (such as La Salle)?
Some links left on data, maps to go over from Wednesday. ONA member Ken Blake says no journalism student should graduate without knowing the basics of spreadsheets (Excel) and I’d add databases (Access). So you should be sure you can make your own Excel chart and post it in your final blog post.
Here are two more interesting posts (Washington Post, Boston Globe) that show reporteres using social media to generate breaking news content:
Washington Post on the ricin letters (you know what this refers to, yes?); note the use of Storify; and what happened to the story since this?
One more mapping resource: Google has a Public Data Explorer that generates maps from datasets it has connected to. So if they’ve done the work, you could use one of their visualizations. For an exercise, try searching Google on Pennsylvania unemployment rates, then click on the map near the top of the results. Add New Jersey for a comparison. Also, see what you get for obesity (should be OECD world data charts).
Storify is also something you need to know. here’s a quick one I did this morning and here are two pieces on on how to use it for journalism (and this one which describes how to check sources):
OK—the final assignment is up on the Assignments page, and it also links to a rubric that will be used in grading the video component. We’ll take a look at those two documents.
Then it’s last call for slideshows (three people), with some time at the end to resolve those, as well as to allow for groups to continue working. Also, if anyone needs to get a quick interview with Tom Wingert (across the hall), he will be in his office till 2:30.
Then it’s a quick overview of some mapping tolls and options that you can explore later. These include:
customizing a Google map (go through the process to create your own similar to the one I did earlier with at least La Salle and your organization, maybe Fresh Grocer; add descriptions try drawing a boundary or shape to show the Exploring Nutrition boundaries
create your won Excel chart from the data at the Community Health database and compare that (ZIPs = 19138, 19141) to the NIH statistics
For the Google map:
Broad Street as the eastern boundary
Chelten Avenue as the western boundary
Stenton Avenue as the northern boundary
Belfield and Lindley Avenues as the southern boundary.
And here are links to Jon’s videos of Prof. Henstenburg and Dana Palermo’s visit: part 1, part 2 (note how not planning the background affects the video quality; these might be most useful for narration). Note she is Professor Jule Anne Henstenburg.
you should have access to Holroyd 165 with ID swipe; they have FCP 6 (CS2) so you can’t edit on 7 and continue there, but you can start there and finish it on 7; also Jon can be available if you come to that room at 2 this Friday and next
Vinny Vela will be in professor Collins’ class Wednesday at 10 in Comm Center 102; let me know if you think you will be there; he will be discussing his time at the Denver Post and the Pulitzer they won
if you are having problems with chopped slideshows, try zooming out (View menu or ctrl +)
please see me at the end of class if you have not posted your slideshow (5 people); you can use YouTube as a backup, but be sure it’s a public video
also see me if you still have a Demo version of Soundslides or it’s still on autoplay
Now for the real stuff:
Back to the 4 links on last day’s post (April 17)
Group planning—we will be putting in a call to Carly Spross of Fresh Grocer at about 2:30
Video postings from last Wednesday’s conference—mine are up in 4 sections and you can use a Firefox add-on to download them up to 1080 (see below); be sure someone in your group has their handout
A handout and discussion of video formats (see earlier post today)
OK—here is a chart of some basic video formats. Our goal is to capture good enough HD that we could produce a DVD or broadcast-quality video, but also to post it on YouTube or Vimeo in a format to optimize file size and quality.
For posting on Vimeo, see these guidelines (videos on the right for FCP, etc.). Vimeo’s free service accepts HD only up to 720 (see chart) and most experts including Mark Johnson from U. of Georgia suggest 720 for video that will be watched online in a typical window (not full screen). For YouTube see these settings (note Google URL)..
So here is the chart, saved as a PNG. I’ll hand out copies printed fro the original .AI file.
I’ll post these here in four parts. Jon Matos also will have video (he was closer) so stay tuned for that (check his blog). These are going to be on YouTube, so get the downloader add-on (see my YouTube video post below.
This one is 8:50 long. Note levels are still a bit low for the subjects. (Also my log notes were not as good here as later).
Hope everyone is ready for the interview/video with our guest. Before we get to that a few pieces of housekeeping:
remaining reporting plans returned with comments
status of slideshows (last time I checked we still have only 10 of 18); there will be time at the end of class to work on getting those posted, removing “Demo” mark
last-minute ideas for interview questions
Then afterwards, I’ll pass around the USB to collect your photos if your slideshow is all set, and work on finishing those that aren’t done. Also there are some miscellaneous links that we might get to today or Monday: