Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Online Journalism – JOUR 3340 Class Notes January 29, 2008
Today’s Agenda <ul><li>What’s news </li></ul><ul><li>LECTURE – Key Components of Websites & Interactive Packages </li></ul...
Blog Entries <ul><li>Good job! </li></ul><ul><li>Give me websites – more than one! </li></ul><ul><li>It’s ok to offer opin...
Elements of Online News Website <ul><li>Avoid the ‘bling-bling </li></ul><ul><ul><li>Unnecessary animation, graphic, audio...
Elements of Online News Website <ul><li>Limit fonts and colors </li></ul><ul><ul><li>Consistency makes it easier for reade...
Elements of Good Design <ul><li>Basics: </li></ul><ul><ul><li>About Us </li></ul></ul><ul><ul><li>Contact Us </li></ul></u...
Top Ten Mistakes in Web Design <ul><li>Using frames </li></ul><ul><li>Gratuitous use of bleeding-edge technology </li></ul...
Elements of a Digital Story <ul><li>Headline </li></ul><ul><li>Text </li></ul><ul><li>Pictures/ Photogallery </li></ul><ul...
Alternative Story Approaches Elements of the story  <ul><li>Profile </li></ul><ul><li>Q&A </li></ul><ul><li>Analysis </li>...
Managing Interactive Projects Step 1 Organizing The  Team Step 2 Planning Who do You need? Reporter, Photographer What’s T...
Managing Interactive Projects Step 4 Production Step 5 Test & Revise Editing, Designing, Coding Edit, Click Thru, Revise S...
Web Design & Story format <ul><li>Devices </li></ul><ul><li>It’s important to keep readers hooked, so consider what device...
Traditional Role – Assignment Editor <ul><li>Maintain future files </li></ul><ul><li>Monitor police and fire scanners </li...
Traditional Role - Producer <ul><li>Decide which stories on the newscast </li></ul><ul><li>Determine what form they will t...
The Multimedia Editor/Producer: ‘Pre-ditors’ <ul><li>Cross promotion on air/online/print </li></ul><ul><li>‘ Cloning’ cont...
What’s the Difference in Media Type? <ul><li>Print: portable and ‘permanent’ </li></ul><ul><li>Television and radio: immed...
How/What You Cover In Each Media <ul><li>Print: Cover meeting in detail </li></ul><ul><li>Radio: Cover the meeting in gene...
Web Design & Story format <ul><li>Maps and graphics: good for quick reference.  </li></ul><ul><li>Bullet lists: easier to ...
 
Upcoming SlideShare
Loading in …5
×

Online Journalism – Class Notes Jan29 2008

1,173 views

Published on

Published in: Technology, News & Politics
  • Be the first to comment

  • Be the first to like this

Online Journalism – Class Notes Jan29 2008

  1. 1. Online Journalism – JOUR 3340 Class Notes January 29, 2008
  2. 2. Today’s Agenda <ul><li>What’s news </li></ul><ul><li>LECTURE – Key Components of Websites & Interactive Packages </li></ul><ul><li>Homework: </li></ul><ul><ul><li>Quinn, p. 36. Assignment #2 – Post on Blog </li></ul></ul>
  3. 3. Blog Entries <ul><li>Good job! </li></ul><ul><li>Give me websites – more than one! </li></ul><ul><li>It’s ok to offer opinion, but … </li></ul><ul><li>Compare and analyze </li></ul><ul><ul><li>Content </li></ul></ul><ul><ul><li>Functionality </li></ul></ul><ul><ul><li>Navigation </li></ul></ul><ul><ul><li>Audio/Video Quality </li></ul></ul><ul><ul><li>Interactivity </li></ul></ul>
  4. 4. Elements of Online News Website <ul><li>Avoid the ‘bling-bling </li></ul><ul><ul><li>Unnecessary animation, graphic, audio/music that take away from the story </li></ul></ul><ul><ul><li>Instead, create ‘iconic’ graphics to create a visual hook for the reader. </li></ul></ul><ul><li>Easy search/navigation </li></ul><ul><ul><li>At the top of the page, ideally on the search bar. </li></ul></ul><ul><li>Home button on every page </li></ul>
  5. 5. Elements of Online News Website <ul><li>Limit fonts and colors </li></ul><ul><ul><li>Consistency makes it easier for readers to follow pages. </li></ul></ul><ul><li>Allow users to comment on stories </li></ul><ul><li>Divide long stories into several segments </li></ul><ul><li>Always test pages in different browsers </li></ul>
  6. 6. Elements of Good Design <ul><li>Basics: </li></ul><ul><ul><li>About Us </li></ul></ul><ul><ul><li>Contact Us </li></ul></ul><ul><ul><li>Privacy Statement </li></ul></ul><ul><ul><li>Terms of Use / Terms of Service </li></ul></ul><ul><ul><li>Copyright </li></ul></ul><ul><ul><li>Site Map </li></ul></ul><ul><ul><ul><li>ç </li></ul></ul></ul>
  7. 7. Top Ten Mistakes in Web Design <ul><li>Using frames </li></ul><ul><li>Gratuitous use of bleeding-edge technology </li></ul><ul><li>Scrolling text, marquees, constantly running animations </li></ul><ul><ul><li>Don’t do it! </li></ul></ul><ul><li>Complex URLs </li></ul><ul><li>Orphan Pages </li></ul><ul><li>Long scrolling pages </li></ul><ul><li>Lack of navigation support </li></ul><ul><ul><li>“ Home button” </li></ul></ul><ul><ul><li>Site map </li></ul></ul><ul><ul><li>Index </li></ul></ul><ul><li>Non-standard link colors </li></ul><ul><ul><li>Everyone knows blue </li></ul></ul><ul><li>Outdated information </li></ul><ul><li>Overly long download times </li></ul><ul><ul><li>Human patience: 10 – 15 seconds before lose interest </li></ul></ul>
  8. 8. Elements of a Digital Story <ul><li>Headline </li></ul><ul><li>Text </li></ul><ul><li>Pictures/ Photogallery </li></ul><ul><li>Graphics </li></ul><ul><ul><li>Static </li></ul></ul><ul><ul><li>Interactive (flash) </li></ul></ul><ul><ul><li>Maps </li></ul></ul><ul><li>Related Links </li></ul><ul><li>Audio </li></ul><ul><ul><li>Interviews </li></ul></ul><ul><ul><li>Natural Sound </li></ul></ul><ul><ul><li>Podcasts </li></ul></ul><ul><li>SlideShows </li></ul><ul><ul><li>Stills only </li></ul></ul><ul><ul><li>Stills plus music and some video </li></ul></ul><ul><li>Polls (optional) </li></ul><ul><li>Blogs </li></ul>
  9. 9. Alternative Story Approaches Elements of the story <ul><li>Profile </li></ul><ul><li>Q&A </li></ul><ul><li>Analysis </li></ul><ul><li>Eyewitness </li></ul><ul><li>Timeline </li></ul><ul><li>Original documents </li></ul>
  10. 10. Managing Interactive Projects Step 1 Organizing The Team Step 2 Planning Who do You need? Reporter, Photographer What’s The story? Interactive Elements? Step 3 Data Collection Report & Research
  11. 11. Managing Interactive Projects Step 4 Production Step 5 Test & Revise Editing, Designing, Coding Edit, Click Thru, Revise Step 6 ‘ Post It’ Published To Web Step 7 Monitor & Critique Who’s reading? What’s being Read? How could you Do it better?
  12. 12. Web Design & Story format <ul><li>Devices </li></ul><ul><li>It’s important to keep readers hooked, so consider what devices you can use to enhance the story itself and provide further information. </li></ul><ul><li>Photos: a good picture can tell the whole story. Consider large photos. </li></ul><ul><li>Crossheads/Subheads: Use to flag up the next part of story, transitions. Entice the reader. </li></ul>Source: http://www.knightdigitalmediacenter.org/resources/msword/200710Jour247-Ulken.doc
  13. 13. Traditional Role – Assignment Editor <ul><li>Maintain future files </li></ul><ul><li>Monitor police and fire scanners </li></ul><ul><li>Make beat calls </li></ul><ul><li>Coordinate photographers </li></ul><ul><li>Decide what to cover </li></ul><ul><li>Work side by side with producers </li></ul><ul><li>Establish contacts with sources </li></ul>
  14. 14. Traditional Role - Producer <ul><li>Decide which stories on the newscast </li></ul><ul><li>Determine what form they will take – package, live shot, voice over </li></ul><ul><li>“ Layout” the newscast </li></ul><ul><li>Monitor/manage progress of reporters, photographers </li></ul><ul><li>Write/copy edit scripts </li></ul><ul><li>Monitor wires </li></ul><ul><li>Time the show </li></ul><ul><li>Coordinate with technical crew </li></ul><ul><li>Order/build graphics </li></ul><ul><li>Write Headlines and teases </li></ul>
  15. 15. The Multimedia Editor/Producer: ‘Pre-ditors’ <ul><li>Cross promotion on air/online/print </li></ul><ul><li>‘ Cloning’ content from media partner </li></ul><ul><li>‘ Coopetition’ – coordinating/collaborating coverage </li></ul><ul><li>Content sharing </li></ul>
  16. 16. What’s the Difference in Media Type? <ul><li>Print: portable and ‘permanent’ </li></ul><ul><li>Television and radio: immediate and emotional </li></ul><ul><li>Online: What do you think? </li></ul>
  17. 17. How/What You Cover In Each Media <ul><li>Print: Cover meeting in detail </li></ul><ul><li>Radio: Cover the meeting in general terms </li></ul><ul><li>TV: Not really great </li></ul><ul><li>Online: The best of all worlds </li></ul>
  18. 18. Web Design & Story format <ul><li>Maps and graphics: good for quick reference. </li></ul><ul><li>Bullet lists: easier to read than dense paragraphs – can summarise complicated points or different elements of story. </li></ul><ul><li>Fact boxes: three or four snappy facts – good for chronologies and work well combined with picture or graphic. </li></ul><ul><li>Quote boxes: a good quote can capture the essence of a story. </li></ul>Source: http://www.knightdigitalmediacenter.org/resources/msword/200710Jour247-Ulken.doc

×