1 / 27

Intro to Web Development, feat. “Why am I learning to code in a journalism class?”

Intro to Web Development, feat. “Why am I learning to code in a journalism class?”. Multimedia Storytelling Summer 2014. What story got the most hits on the NY Times website in 2013?. ... going for two extra credit points. The end of an era.

apu
Download Presentation

Intro to Web Development, feat. “Why am I learning to code in a journalism class?”

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Intro to Web Development, feat. “Why am I learning to code in a journalism class?” Multimedia StorytellingSummer 2014

  2. What story got the most hits on the NY Times website in 2013? ... going for two extra credit points

  3. The end of an era “In the past we, as an industry, relied on being the only ones operating a technology to multiply and distribute what had happened overnight. The printing press served as a gateway. If anybody wanted to reach the people of a city or region the next morning, they would turn to newspapers. This era is over.” • Paul Bradshaw, “Data Journalism Handbook”

  4. Algorithmic journalism • Narrative Science “trains” computers to write news stories based on algorithms • “Friona fell 10-8 to Boys Ranch in five innings on Monday at Friona despite racking up seven hits and eight runs. Friona was led by a flawless day at the dish by the third inning and tripled in the fourth inning.” • “Quakebot” generates earthquake stories within seconds • Developed by Ken Schwencke, journalist + programmer at the LA Times

  5. Changing news consumption habits

  6. HTML is created (1990) • HTML (HyperText Markup Language) is created • First standardized language programmers could use to communicate with web browsers • Tells browser what content should appear on a web page, and in what order the content should appear • Basic building blocks of a website, the structure

  7. The World Wide Web is born (1991)

  8. First picture published (1992)

  9. Table design is introduced (1992)

  10. Early table design (Yahoo)

  11. First Web browser introduced (1993) • Aliweb(Archie Like Indexing for the WEB) • Allowed developers to submit index files for their sites • Enabled the search engine to provide a list of websites for users based on keyword matches, submitted by developers and WWW users

  12. W3C forms (1994) • W3C (World Wide Web Consortium) forms • Discourages companies from setting up competing browsers and programming languages, arguing that it would destroy the Web • Makes HTML the standard markup language for the World Wide Web • Establishes standards and goals for the future of web design • Acceptable programming languages must be approved by W3C

  13. JS & Flash are introduced (1995) • JS (JavaScript) is introduced as the first interactive programming language on the web • Allowed the users to interact with the browser, control the browser, and even alter content displayed on the page • Flash animations were also introduced • Enabled designers to deliver rich content over browsers, creating motion, interactivity and a more visual, linear experience

  14. Flash page design

  15. Frames are introduced (1996)

  16. CSS is introduced (1996) • CSS (Cascading Style Sheets) is introduced as the language describing the presentation/style/look of a website • Created to separate the content (HTML) from the presentation (layout, colors, fonts, etc.) • Made site-wide consistency easy • Made page reformatting easy, for formatting large amounts of content

  17. PHP 3 is released (1998) • PHP (first called “Personal Home Page”) is released, paving the way for dynamic pages • Created a richer, more interactive experience • Allows user to change the interface behaviors with the click of a mouse or keyboard actions

  18. Web 2.0 movement (2003) • With the introduction of JS & PHP, a new web movement is born • Web 2.0 introduces the age of user-based information sites • Users interact & collaborate in a virtual community • Social networking sites • Blogs • Video sharing • Wikis

  19. Web 2.0 highlights • 2003: Skype transfers its first spoken sentence from one user to another • “Tere, kassakuuled min?” (Estonian for “Hello, can you hear me?”) • 2004: Facebook gets its first non-founder to join • ArieHasit • 2005: First YouTube video is posted • “Me at the zoo” • 2006: First Tweet is written • “just setting up my twttr”

  20. Mobile web comes along (2008) • First generation iPhone introduced late 2007 • Mobile web takes over • More people are accessing the Internet via phone than computer • Introduction of responsive design • Crafting sites & user interfaces that work across a wide range of devices • Flexible layouts that change based on the device

  21. HTML5 is introduced (2010) • 5th revision of the HTML standard • Main goal was to improve the language with support for the latest multimedia and devices • Introduces design features and interactivity not possible before its release • Allows inclusion of multimedia files without plugins, like the Flash player • Allows interactivity, without Flash programming (Flash not supported on the iPhone)

  22. The future, 2013

  23. The future, 1987

  24. So… why code? • “Learning to program and to engage the computer more directly with code opens the possibility of not only creating tools, but also systems, environments, and entirely new modes of expression. It is here that the computer ceases to be a tool and instead becomes a medium.” – Casey Reas, “Form + Code”

More Related