Trends in Online Media - ASNE 2011

1,130 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,130
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Web 2.0 - technologies that encourage online collaboration mashup - a website or web application that combines content from more than one source Blogging with content taken on cell phone or other mobile device A wiki is a website that allows visitors to add, remove, and otherwise edit and change content, typically without the need for registration.
  • Web 2.0 - technologies that encourage online collaboration mashup - a website or web application that combines content from more than one source Blogging with content taken on cell phone or other mobile device A wiki is a website that allows visitors to add, remove, and otherwise edit and change content, typically without the need for registration.
  • Web 2.0 - technologies that encourage online collaboration mashup - a website or web application that combines content from more than one source Blogging with content taken on cell phone or other mobile device A wiki is a website that allows visitors to add, remove, and otherwise edit and change content, typically without the need for registration.
  • Web 2.0 - technologies that encourage online collaboration mashup - a website or web application that combines content from more than one source Blogging with content taken on cell phone or other mobile device A wiki is a website that allows visitors to add, remove, and otherwise edit and change content, typically without the need for registration.
  • Web 2.0 - technologies that encourage online collaboration mashup - a website or web application that combines content from more than one source Blogging with content taken on cell phone or other mobile device A wiki is a website that allows visitors to add, remove, and otherwise edit and change content, typically without the need for registration.
  • Web 2.0 - technologies that encourage online collaboration mashup - a website or web application that combines content from more than one source Blogging with content taken on cell phone or other mobile device A wiki is a website that allows visitors to add, remove, and otherwise edit and change content, typically without the need for registration.
  • Trends in Online Media - ASNE 2011

    1. 1. Trends in Online Media Cindy Royal, Ph.D Associate Professor Texas State University School of Journalism and Mass Communication [email_address] www.cindyroyal.com www.onthatnote.com tech.cindyroyal.net twitter.com/cindyroyal facebook.com/cindyroyal linkedin.com/in/cindyroyal
    2. 2. Milestones in Multimedia 1997 Blackhawk Down 1998 Drudge Report Google 1999 Blogger IndyMedia 2001 DotCom Bust 9/11 Tributes Wikipedia launched 2002 Google News 2004 Jon Stewart on Crossfire Rathergate Press Credentials to Bloggers WikiNews, Facebook, Digg 2005 YouTube News Corporation buys MySpace 2006 Macaca Invention of the Year -YouTube Person of the Year - You Google Buys YouTube $1.65B 2003 RSS Google Buys Blogger MySpace launched 1995 Craigslist launched Slate, Salon, USA Today, Houston Chronicle, Philadelphia Inquirer 2007 VA Tech Shooting Twitter tips at SXSW Invention of the Year - iPhone CNN/ YouTube Debates Pre-1995 Wired Magazine - 1993 NY Times on AOL - 1994 Nando -1994 1996 Washington Post Wall Street Journal Chicago Tribune LA Times MSNBC 2008 CBS acquires CNET Candidates embrace social media EveryBlock.com 2009 Hudson Plane Crash photo Iran elections Politifact wins Pulitzer MSNBC purchases Everyblock Foursquare & Gowalla 2000 AOL/Time Warner merger 2010 iPad released Wikileaks Facebook -500M Users; Zuckerberg Person of the Year; The Social Network 2011 Egyptian Protests Coupon sites AOL/HuffPo merger
    3. 3. Web Development Categories <ul><li>Basic HTML design </li></ul><ul><li>Programming emerges </li></ul><ul><li>Blog Platforms </li></ul><ul><li>Content Management Systems </li></ul><ul><li>Other </li></ul>
    4. 4. Basic HTML Design <ul><li>HTML – early 90s, language of the Web </li></ul><ul><li>Became XHTML to add structure, conventions – early 2000's; next gen is HTML5 </li></ul><ul><li>Cascading Stylesheets – CSS – 1996; next gen is CSS3 </li></ul><ul><li>Javascript (1995), Flash (1996), AJAX </li></ul><ul><li>Web programming – PHP, ASP, Ruby, Python, etc. </li></ul>
    5. 5. Web Hosting <ul><li>Domain registration/hosting – lots of options; I've used doteasy.com; avahost.net, godaddy.com, bluehost.com </li></ul><ul><li>FTP Tools </li></ul><ul><ul><li>Fetch (Mac, free) - fetchsoftworks.com </li></ul></ul><ul><ul><li>WS-FTP (PC, free) - ipswitch.com </li></ul></ul><ul><ul><li>Net2Ftp – net2ftp.com - Web-based FTP </li></ul></ul><ul><ul><li>FireFTP – fireftp.mozdev.org - Firefox Add-on </li></ul></ul><ul><li>HTML Tutorials </li></ul><ul><ul><li>Barebones Guide to HTML - werbach.com/barebones </li></ul></ul><ul><ul><li>W3 Schools - w3schools.com/html </li></ul></ul><ul><li>Beyond the basics there's Flash, Javascript, PHP, audio and video editing... </li></ul>
    6. 6. Blog Platforms <ul><li>Started as platform for online journaling; Web sites for people who didn't know html. </li></ul><ul><li>Early platforms – Open Diary, LiveJournal late '90s </li></ul><ul><li>Blogger -started 1999 by Evan Williams (also Twitter) and Meg Hourihan; purchased by Google 2003 </li></ul><ul><li>Movable Type – 2001; Six Apart </li></ul><ul><li>Wordpress – 2003; can host yourself or on their site </li></ul><ul><li>Posterous and Tumblr – fully featured blog platforms; social media usage </li></ul>a
    7. 7. Content Management Systems <ul><li>Wordpress has often been modified as CMS – free on their site or monthly fee of $< 10/month in most cases on another host </li></ul><ul><ul><li>With WP, pay for domain and access to CSS to customize </li></ul></ul><ul><ul><li>Customization requires knowledge of html/css </li></ul></ul><ul><li>Drupal </li></ul><ul><li>Joomla </li></ul><ul><li>Other hosted CMS </li></ul>
    8. 8. My.HSJ.org system <ul><li>Provided by ASNE </li></ul><ul><li>Simple to use CMS </li></ul><ul><li>Ability to upload text, photos & video </li></ul><ul><li>Have blogs </li></ul><ul><li>Editing and admin </li></ul>
    9. 9. Other Turnkey Solutions <ul><li>School Newspapers Online – schoolnewspapersonline.com </li></ul><ul><li>Wordpress-based, but they design and customize for you </li></ul><ul><li>$400-$600 setup fee depending on theme you choose - includes domain registration, site setup, hosting, and support </li></ul><ul><li>$200 renewal per year - includes domain renewal, hosting, and support </li></ul><ul><li>Instruction manual available at http://docs.google.com/Doc?id=ddpzz8sk_12f9gtwpcc </li></ul>
    10. 10. Other Online Tools <ul><li>YouTube </li></ul><ul><li>Facebook or MySpace – set up groups; post content; stay in touch </li></ul><ul><li>del.icio.us - social bookmark manager </li></ul><ul><li>Niche Social Networks </li></ul><ul><ul><li>LinkedIn </li></ul></ul><ul><li>Flickr/Picasa – photo sharing sites </li></ul><ul><li>Animoto/Vuvox – online tools for developing slideshows and video </li></ul><ul><li>Second Life – virtual world </li></ul><ul><li>Wikipedia - discuss credibility, have students contribute, wisdom of crowd vs. gatekeepers </li></ul><ul><li>Twitter – microblog; good way to add new content to a website on a regular basis, breaking news, connect with audience. </li></ul>
    11. 11. Free (or cheap) Software! <ul><li>SoundSlides – make a photo slideshow </li></ul><ul><ul><li>Must be hosted on a Web site </li></ul></ul><ul><ul><li>Difficult, but not impossible, to embed on a blog </li></ul></ul><ul><ul><li>Soundslides ($39.95) must include audio (you can tweak with a silent file); new Soundslides Plus ($69.95) lets you choose whether or not to have audio </li></ul></ul><ul><li>Audacity – free; edit audio, create mp3 files </li></ul><ul><li>iMovie (Mac) or Windows MovieMaker (PC) – video editing </li></ul><ul><li>SnapZPro (Mac, $69) /Camtasia(PC or Mac, $99) – screen capture; use for developing online tutorials </li></ul>
    12. 12. On The Go... <ul><li>Rise in mobile technology </li></ul><ul><li>UStream and Livestream – live stream with camcorder and laptop </li></ul><ul><li>Qik.com & Ustream – stream LIVE video from your phone! </li></ul>
    13. 13. Equipment <ul><li>You don't need expensive equipment </li></ul><ul><li>Most students have digital cameras or cell phones that can shoot photos/video </li></ul><ul><li>Low-end cameras with video </li></ul><ul><li>Digital audio recorders </li></ul><ul><li>Camcorders </li></ul>
    14. 14. Developing An Online News Operation <ul><li>Integrated with your print operation </li></ul><ul><li>Digital-first journalism – Web and mobile </li></ul><ul><li>A Web editor can approve online stories, assignments for Web-only projects </li></ul><ul><li>1 or more Web producers can be responsible for multimedia aspects </li></ul><ul><li>Integration with print and reporters to add visual interest to stories </li></ul><ul><li>A content-management system with editor approval that allows multiple people to post to site </li></ul><ul><li>A person with design responsibilities to oversee layout and design issues </li></ul><ul><li>A social media editor who can oversee and integrate Twitter, Facebook presence, engage audience </li></ul><ul><li>Multiple Twitter accounts, staff. Develop a policy with guidelines for how these accounts/personal accounts should be used. </li></ul>
    15. 15. Use social media to engage audience <ul><li>Make it easy for people to share and talk about your content </li></ul><ul><li>Twitter </li></ul><ul><li>Facebook – pages or groups </li></ul><ul><li>Social bookmarks on posts </li></ul><ul><li>Add widget on site </li></ul><ul><li>Foursquare or Gowalla – location-based promotion/events </li></ul><ul><li>Flickr/Picasa/Instagram </li></ul><ul><li>YouTube </li></ul>
    16. 16. Keeping Up <ul><li>Google News/Yahoo News - Technology </li></ul><ul><li>NY Times Technology/David Pogue </li></ul><ul><li>Wired News </li></ul><ul><li>Scobleizer </li></ul><ul><li>TechCrunch </li></ul><ul><li>Digg </li></ul><ul><li>Web Strategy by Jeremiah Owyang </li></ul><ul><li>Techmeme </li></ul><ul><li>SensibleTalk.com </li></ul><ul><li>Social Media Today </li></ul><ul><li>Mashable </li></ul><ul><li>Smashing Magazine </li></ul><ul><li>10000 Words </li></ul>
    17. 17. Resources <ul><ul><li>SXSW Interactive - www. sxsw .com/interactive </li></ul></ul><ul><ul><li>Wired Magazine - www.wired.com </li></ul></ul><ul><ul><li>Fast Company Magazine – www.fastcompany.com </li></ul></ul><ul><ul><li>Cyberjournalist.net - Great Work Gallery - www.cyberjournalist.net/category/great-work-gallery </li></ul></ul><ul><ul><li>Online Journalism Awards - http://www.journalists.org/ </li></ul></ul><ul><ul><li>Knight Digital Media Center - www.knightdigitalmediacenter.org </li></ul></ul><ul><ul><li>Online Journalism Review Archives - ojr.org </li></ul></ul><ul><ul><li>Interactive Narratives - interactivenarratives .org/ </li></ul></ul><ul><ul><li>We The Media by Dan Gillmor </li></ul></ul><ul><ul><li>Convergence Culture by Henry Jenkins </li></ul></ul><ul><ul><li>The Long Tail and Free by Chris Anderson </li></ul></ul><ul><ul><li>What Would Google Do? - Jeff Jarvis </li></ul></ul><ul><ul><li>Journalism Next – Mark Briggs </li></ul></ul><ul><ul><li>Editor & Publisher Awards - royal.reliaserve.com/eppy/winners2008.html </li></ul></ul><ul><ul><li>Journal of Computer-Mediated Communication - jcmc.indiana.edu </li></ul></ul>
    18. 18. Key Concepts <ul><li>New media </li></ul><ul><li>Social media </li></ul><ul><li>Social network </li></ul><ul><li>Convergence </li></ul><ul><li>Interactivity </li></ul><ul><li>Hyperlinks </li></ul><ul><li>Hyperlocal </li></ul><ul><li>User-generated content </li></ul><ul><li>User experience </li></ul>
    19. 19. Key Terms <ul><li>Web 2.0 </li></ul><ul><li>Blog </li></ul><ul><li>Microblog </li></ul><ul><li>Mobile </li></ul><ul><li>Mashup </li></ul><ul><li>RSS </li></ul><ul><li>Tag/ Tag Cloud </li></ul><ul><li>Content Management System </li></ul><ul><li>Podcast </li></ul><ul><li>Wiki </li></ul><ul><li>Web-first or Mobile First Journalism </li></ul><ul><li>Programmer/Journalist </li></ul><ul><li>Widgets/Plugin/App </li></ul><ul><li>Location-based </li></ul>
    20. 20. Search Engine Optimization <ul><li>Most important thing – get others to link to you </li></ul><ul><li>Google Page Rank algorithm </li></ul><ul><li>Link to others, they are more likely to link to you </li></ul><ul><li>Participate on comments, forums – tactfully include links to your content </li></ul><ul><li>Write meaningful headlines – different than print </li></ul><ul><li>Write strong teasers – not necessarily your lead </li></ul><ul><li>Use phrases (keywords) frequently that you think people will be using to search for relevant content </li></ul><ul><li>Fresh content – update regularly and often </li></ul><ul><li>Use keywords in URLs </li></ul><ul><li>Consistently use alt tags for images and videos; put content on video/slideshow pages </li></ul><ul><li>Pages should have meaningful titles </li></ul><ul><li>Use social media to spread your content, allow users to share </li></ul><ul><li>Monitor your search standings and traffic – Google Analytics or other services </li></ul>
    21. 21. Why Learn HTML <ul><li>Regardless of the platform you choose, it is helpful to have a basic understanding of HTML/CSS – the language of the Web </li></ul><ul><li>Ability to customize a CMS </li></ul><ul><li>Ability to troubleshoot and add advanced functionality </li></ul><ul><li>HTML provides the structure </li></ul><ul><li>CSS provides the formatting </li></ul><ul><li>Control the entire Web site with a single stylesheet; make global changes quickly and easily </li></ul>
    22. 22. Basic HTML <ul><li>Markup language – surround text with proper markup </li></ul><ul><li>Open and close tags properly (i.e. <html></html> </li></ul><ul><li>Sample html page </li></ul><html> <head><title>Cindy's Web Site</title></head> <body> <p>This is a paragraph</p> </body> </html>
    23. 23. Basic CSS <ul><li>Use a stylesheet to control the design/layout of a Web page </li></ul><ul><li>Save sheet with .css extension </li></ul><ul><li>Insert into the <head> section of each page with the following code: </li></ul><ul><li><link rel=”stylesheet” href=”style.css” type=”text/css” /> </li></ul><ul><li>Styles are defined in this manner: </li></ul><ul><li>h2 </li></ul><ul><li>{ </li></ul><ul><li>font-size: 14px; </li></ul><ul><li>font-style: normal; </li></ul><ul><li>font-weight: bold; </li></ul><ul><li>text-decoration: none; </li></ul><ul><li>} </li></ul><ul><li>Use an existing stylesheet that you understand and modify it </li></ul>
    24. 24. Image and Graphic Manipulation <ul><li>Web resolution – 72dpi </li></ul><ul><li>.jpg for photos; .gif or .png for graphics </li></ul><ul><li>Optimize photos for file size; crop and adjust </li></ul><ul><li>Photoshop </li></ul><ul><li>Picnik - http://www.picnik.com/ </li></ul><ul><li>Webresizer - http://www.webresizer.com/resizer/ </li></ul>
    25. 25. Video editing <ul><ul><li>iMovie – available on Macs for free; easy to learn, use </li></ul></ul><ul><ul><li>Final Cut Express or Pro – more comprehensive, but more expensive </li></ul></ul><ul><ul><li>Other video options include Window Movie Maker, Adobe Premiere, Pinnacle, etc. </li></ul></ul><ul><ul><li>Ability to import, crop, add transitions, titles, sound </li></ul></ul><ul><ul><li>Keep it short </li></ul></ul><ul><ul><li>Choose your editing software </li></ul></ul><ul><ul><li>Practice visual storytelling </li></ul></ul><ul><ul><li>Publish online </li></ul></ul><ul><ul><li>Start small, but make sure you start </li></ul></ul>
    26. 26. Gear <ul><li>Lots of camera choices </li></ul><ul><li>High Def? </li></ul><ul><li>Accessories – tapes, batteries, microphone, tripod, headphones, lighting </li></ul><ul><li>Focus, zoom, exposure </li></ul><ul><li>Solid clips – avoid panning and zooming </li></ul><ul><li>Get good audio </li></ul>
    27. 27. Digital Video <ul><li>Cheap cameras and editing software </li></ul><ul><li>One person can produce high quality </li></ul><ul><li>YouTube 20 hours of footage uploaded every minute </li></ul><ul><li>The only way to learn video journalism is by doing it - Angela Grant (a former student) </li></ul><ul><li>Video journalists or backpack journalists </li></ul><ul><li>Both broadcast and non-broadcast </li></ul>
    28. 28. Plan Video <ul><li>Different approaches for different projects </li></ul><ul><li>Storyboarding </li></ul><ul><li>Focus story </li></ul><ul><li>Choose interview and demonstration sequences as well as b-roll </li></ul><ul><li>Mix your shots – wide angle, medium, close-ups </li></ul>
    29. 29. Five shots <ul><li>Close-up on the hands </li></ul><ul><li>Close-up on the face </li></ul><ul><li>Prepare your subject </li></ul><ul><li>Wide shot </li></ul><ul><li>Over-the-shoulder shot </li></ul><ul><li>Creative shot </li></ul>
    30. 30. Interviews <ul><li>Select a location – think sound and lighting </li></ul><ul><li>Have several pre-written questions – some can be discussed ahead of time </li></ul><ul><li>Remain silent </li></ul><ul><li>Use a stand-up, just in case </li></ul><ul><li>Effective use of voiceover </li></ul>
    31. 31. Great Multimedia – Photos and Video <ul><li>New York Times </li></ul><ul><li>Statesman </li></ul><ul><li>MediaStorm </li></ul><ul><li>Washington Post </li></ul><ul><li>The University Star – star.txstate.edu </li></ul><ul><li>Links and examples at cindyroyal.com/asne </li></ul>
    32. 32. Telling Stories with Data <ul><li>New York Times </li></ul><ul><li>Texas Tribune </li></ul><ul><li>Tools – Google Maps; Charts and Visualization; Fusion Tables Wordle, Chartle </li></ul><ul><li>Links and examples at cindyroyal.com/asne </li></ul>
    33. 33. Student Projects <ul><li>Learn skills in XHTML, CSS, Flash, graphic design, photo, audio, & video editing </li></ul><ul><li>Digital Storytelling via integration of tools </li></ul><ul><li>Firestation Studios - http://www.jonzmikly.com/final/ </li></ul><ul><li>Hill Country Concours - http://cars.martin-whitaker.info/ </li></ul><ul><li>Farm 2 Table - http://farm2table.nicmartinez.com/ </li></ul><ul><li>NPPA – Future of Journalism Workshop - http://www.onesonia.com/nppa/index.html </li></ul><ul><li>South By Texas State – www.sxtxstate.com </li></ul><ul><li>Mass Comm Week – txstatemcweek.com </li></ul><ul><li>University Star – star.txstate.edu </li></ul><ul><li>Course sites - </li></ul><ul><li>Web Design – cindyroyal.com/webdesign </li></ul><ul><li>Social Media at Work – cindyroyal.com/social </li></ul><ul><li>Advanced Online Media - cindyroyal.com/advanced </li></ul>

    ×