trends in online media cindy royal, ph.d assistant professor texas state university school of...
TRANSCRIPT
![Page 1: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/1.jpg)
Trends in Online Media
Cindy Royal, Ph.D
Assistant Professor
Texas State University
School of Journalism and Mass Communication
www.cindyroyal.com
www.onthatnote.com
tech.cindyroyal.com
![Page 2: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/2.jpg)
Milestones in Multimedia
1997Blackhawk Down
1998Drudge ReportGoogle1999BloggerIndyMedia
2000OhMyNewsAOL/Time Warner merger
2001DotCom Bust9/11 TributesWikipedia launched
2002Google News
2004Jon Stewart on CrossfireRathergatePress Credentials to BloggersWikiNews, Facebook, Digg 2005YouTubeNews Corporation buys MySpace
2006MacacaInvention of the Year - YouTubePerson of the Year - YouGoogle Buys YouTube $1.65B
2003RSSGoogle Buys BloggerMySpace launched
1995Craigslist launchedSlate, Salon, USA Today, Houston Chronicle, Philadelphia Inquirer online
2007VA TechTwitter tips at SXSWInvention of the Year - iPhoneCNN/ YouTube Debates
Pre-1995Wired Magazine - 1993NY Times on AOL - 1994Nando -1994
1996Washington PostWall Street JournalChicago TribuneLA TimesMSNBC
2008CBS acquires CNETCandidates embrace social mediaEveryBlock.com2009Hudson Plane Crash photoIran electionsPolitifact wins PulitzerEveryblock purchased by MSNBC
![Page 3: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/3.jpg)
Web Development Categories
Basic HTML design Programming emerges Blog Platforms Content Management Systems Other
![Page 4: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/4.jpg)
Basic HTML Design
HTML – early 90s, language of the Web Became XHTML to add structure, conventions –
early 2000's; next gen is HTML5 Cascading Stylesheets – CSS - 1996 Javascript (1995), Flash (1996), AJAX Web programming – PHP, ASP, Ruby, Python,
etc.
![Page 5: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/5.jpg)
Web Hosting Domain registration/hosting – lots of options; I've used
doteasy.com; avahost.net, godaddy.com, bluehost.com
FTP Tools Fetch (Mac, free) - fetchsoftworks.com
WS-FTP (PC, free) - ipswitch.com
Net2Ftp – net2ftp.com - Web-based FTP
FireFTP – fireftp.mozdev.org - Firefox Add-on
HTML Tutorials Barebones Guide to HTML - werbach.com/barebones
W3 Schools - w3schools.com/html Beyond the basics there's Flash, Javascript, PHP, audio and
video editing...
![Page 6: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/6.jpg)
Blog Platforms
Started as platform for online journaling; Web sites for people who didn't know html.
Early platforms – Open Diary, LiveJournal late '90s Blogger -started 1999 by Evan Williams (also Twitter) and
Meg Hourihan; purchased by Google 2003 Movable Type – 2001; Six Apart Wordpress – 2003; can host yourself or on their site Posterous and Tumblr – fully featured blog platforms
a
![Page 7: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/7.jpg)
Content Management Systems
Wordpress has often been modified as CMS – free on their site or monthly fee of $< 10/month in most cases on another host
– With WP, pay for domain and access to CSS to customize
– Customization requires knowledge of html/css Drupal Joomla Other hosted
CMS
![Page 8: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/8.jpg)
My.HSJ.org system
Provided by ASNE Simple to use CMS Ability to upload text,
photos & video Have blogs Editing and admin
![Page 9: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/9.jpg)
Other Turnkey Solutions
• School Newspapers Online – schoolnewspapersonline.com
• Wordpress-based, but they design and customize for you
• $400-$600 setup fee depending on theme you choose - includes domain registration, site setup, hosting, and support
• $200 renewal per year - includes domain renewal, hosting, and support
• Instruction manual available at http://docs.google.com/Doc?id=ddpzz8sk_12f9gtwpcc
![Page 10: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/10.jpg)
Online Tools
Blogs – Blogger, Wordpress, Posterous
YouTube
Facebook or MySpace – set up groups; post content; stay in touch
del.icio.us - social bookmark manager
Niche Social Networks
Ning - WebPubNET.ning.com LinkedIn
Flickr/Picasa – photo sharing sites
Animoto/Vuvox – online tools for developing slideshows and video
Second Life – virtual world
Wikipedia - discuss credibility, have students contribute, wisdom of crowd vs. gatekeepers
Twitter – microblog; good way to add new content to a website on a regular basis, breaking news, connect with audience.
![Page 11: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/11.jpg)
Free (or cheap) Software!
SoundSlides – make a photo slideshow
Must be hosted on a Web site
Difficult, but not impossible, to embed on a blog
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
Audacity – free; edit audio, create mp3 files
iMovie (Mac) or Windows MovieMaker (PC) – video editing
SnapZPro (Mac, $69) /Camtasia(PC, $179) – screen capture; use for developing online tutorials
![Page 12: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/12.jpg)
On The Go...
Rise in mobile technology UStream and Livestream – live stream with
camcorder and laptop Qik.com & Ustream – stream LIVE video from
your phone!
![Page 13: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/13.jpg)
Equipment
You don't need expensive equipment Most students have digital cameras or cell
phones that can shoot photos/video Low-end cameras with video Digital audio recorders Camcorders
![Page 14: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/14.jpg)
Developing An Online News Operation
Integrated with your print operation Web-first journalism A Web editor can approve online stories, assignments for Web-only
projects 1 or more Web producers can be responsible for multimedia aspects Integration with print and reporters to add visual interest to stories A content-management system with editor approval that allows
multiple people to post to site A person with design responsibilities to oversee layout and design
issues A social media editor who can oversee and integrate Twitter,
Facebook presence Multiple Twitter accounts, staff. Develop a policy with guidelines for
how these accounts/personal accounts should be used.
![Page 15: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/15.jpg)
Keeping Up
• Google News/Yahoo News - Technology
• NY Times Technology/David Pogue
• Wired News
• Scobleizer
• TechCrunch
• Digg
• Web Strategy by Jeremiah Owyang
• Techmeme
• SensibleTalk.com
• Social Media Today
• Mashable
• Smashing Magazine
• 10000 Words
![Page 16: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/16.jpg)
Resources
SXSW Interactive - www.sxsw.com/interactive Wired Magazine - www.wired.com Cyberjournalist.net - Great Work Gallery -
www.cyberjournalist.net/category/great-work-gallery Online Journalism Awards - http://www.journalists.org/ Knight Digital Media Center -
www.knightdigitalmediacenter.org Online Journalism Review Archives - ojr.org Interactive Narratives - interactivenarratives.org/ We The Media by Dan Gillmor Convergence Culture by Henry Jenkins The Long Tail and Free by Chris Anderson What Would Google Do? - Jeff Jarvis Editor & Publisher Awards -
royal.reliaserve.com/eppy/winners2008.html Journal of Computer-Mediated Communication -
jcmc.indiana.edu
![Page 17: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/17.jpg)
Why Learn HTML
Regardless of the platform you choose, it is helpful to have a basic understanding of HTML/CSS – the language of the Web
Ability to customize a CMS Ability to troubleshoot and add advanced
functionality HTML provides the structure CSS provides the formatting Control the entire Web site with a single
stylesheet; make global changes quickly and easily
![Page 18: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/18.jpg)
Basic HTML
Markup language – surround text with proper markup
Open and close tags properly (i.e. <html></html>
Sample html page<html><head><title>Cindy's Web Site</title></head><body><p>This is a paragraph<p></body></html>
![Page 19: Trends in Online Media Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication croyal@txstate.edu](https://reader030.vdocuments.us/reader030/viewer/2022032804/56649e445503460f94b38357/html5/thumbnails/19.jpg)
Basic CSS
Use a stylesheet to control the design/layout of a Web page Save sheet with .css extension Insert into the <head> section of each page with the following code:<link rel=”stylesheet” href=”style.css” type=”text/css />
Styles are defined in this manner:h2 {font-size: 14px;font-style: normal; font-weight: bold; text-decoration: none;}
Use an existing stylesheet that you understand and modify it