Aug. 28 -30
Introduction and Syllabus
- Bluehost/Reclaim – make sure you still have access to your Web host. If not, you will need to contact them to restart your site or get a new account/domain. You will need to do this on your own before class on Sept. 6.
- Responsive Design Review
- Bootstrap – introduction; see tutorials
- WordPress – self-hosted – see Handout and WP/Bootstrap Tutorial
- Introduce Yourself on Slack. I’ll invite you to the Slack team and make a channel for each question that you will respond to over the session. Use the #general channel at codingcomm.slack.com.
- Read NYT Journalism That Stands Apart. What do you think are the most important elements of the 2020 plan? Respond in the #nytreport channel.
- What do you want to learn? What do you already know? Fill out this form
- HTML/CSS Review – watch Tutorials on the CodeActually.com site to refresh your memory.
- Watch HTML Forms Tutorial Videos on CodeActually.com
- Begin working on your updated, redesigned personal site; review Bootstrap and WordPress information.
Sept. 4: Labor Day – No Class!
Sept. 6 –
Questions about Bootstrap and Responsive Design
We’ll go over the elements to make an html form for text inputs, radio buttons, checkboxes and dropdowns. This is the foundation of a user interaction interface.
- Read the report Mobile First News: How People Use Smartphones to Access Information. What are the trends uncovered in the report in terms of how people consume news via mobile devices? Respond on #mobilenews Slack channel.
- Complete your redesigned personal site. You can use WordPress, Bootstrap or any other method. Improve content, design, functionality, so you have a portfolio site to showcase your work. Due on Sunday, Sept. 10. Submit your url with this Google Form.
- Finish Exercise: Create a form that includes all the elements we described. Take some time to create the form in a nicely designed page. Consider what makes a form well designed and why that is important.
- You will each be assigned students’ websites to provide comments and critique. Consider design, content, functionality and the extent to which he/she used advanced features learned in Web design. Use the #personalsites channel. Imagine you are an employer considering this person for a job. Be sure to include the person’s name and url that you are reviewing. Do this by Sunday, Sept. 17 at 11pm.
- Take Quiz 1 on TRACS – this will cover HTML/CSS Review, Bootstrap, WordPress and Intro to Programming. You will have 30 minutes to take the quiz once you start it. MC/T or F. Do this by Friday, Sept.15 at 11pm.
- Watch the Making an Interactive Quiz tutorial on CodeActually.com.
- Read Introduction and In The Newsroom and review the Case Studies in Data Journalism Handbook. Review the data sites for next week. Find some other examples of interactive data journalism and post on the #datajournalism channel. Discuss the design, data, interaction.
- Begin work on your Interactive Quiz project. Have at least beginnings of design and form elements in a file before coming to class next week.
Complete Interactive Quiz Tutorial
- Review More Interactive Examples (no video for this, just reference and code) tutorial on CodeActually.com.
The World of Data Journalism
- Dollars for Docs – ProPublica
- Ya’ll, Youse and You Guys – NYT
- Is It Better to Rent or Buy – NYT
- Fractions of a Second – NYT
- Dogs of NYC – WNYC
- Public Schools Explorer – Texas Tribune
- Stamen Design – MTV Awards
- Election 2014 – Twitter
- Timeless Songs, Polygraph
- Money as a Weapons System – ProPublica
- Music, Big Picture, Google
More Interactive Examples
Getting good at getElementById and working with JSON
- Start Work on Interactive Quiz Project
You will have time to work on Project 2.
- Review the JQuery tutorials on CodeActually.com.
Finish More Interactive Examples
- Review Interactive Chart Example
- Complete Interactive Quiz Project by Oct. 8
More Advanced Applications
Interactive Chart Example
- Read Getting Data Chapter. Start thinking about your final project. Write a Slack post about the type of data story you’d like to tell for the final project. Where is the data? Why is it interesting? What do you think you will find? What do you need to know to use it. Use #gettingdata channel on Slack.
- Take Quiz 2 on TRACS – You will have 30 minutes to take the quiz once you start it. MC/T or F. Due Oct. 13 by 11pm.
Oct. 16-18 News: Mass Comm Week – you will have panels assigned to attend.
You will write about your experiences during MC Week on the #mcweek channel. Include images and links. You are required to write about the panel you attended during our class time on Wed at 2pm in the Hines 204 with Kirsten Danis of The Marshall Project, but also include any other panels you attended. You are expected to be prepared to ask questions during these sessions. Check the MC Week Schedule for all the details, times and locations. Highly recommended is the Wed 3:30 panel on Careers in Web Development (Alkek) and the Women Who Code panel on Wed at 6:30pm (OM 320)
Oct. 23-25 News:
Google News Lab – Data Journalism Course
- Review Tutorial for Google Chart Examples
Oct. 30 – Nov. 1 News:
Making Interactive Charts with Google Charts
Work on Charting Project
Complete Charting Project
Post: Find a dataset, either csv or xlsx that you might be able to use for your final project. Provide a link, discuss the data and the story you might be able to tell with it. Use the #dataset Slack channel.
Nov. 6-8 News:
- Working with Large Data Sets
- Take Quiz 3 on Friday Nov. 10 by midnight
- Charting Project due – Due date has been extended to Nov. 13. Due before class.
- Review Scraping Handouts for next week
Nov. 13-15 News:
Read Understanding Data in Data Journalism Handbook. Make a Slack post in the #understandingdata channel discussing the things you need to know about the data you select for a data-driven project
Product Management – online assignments – we will not meet in class
Slack Post – Read Product Management Articles and watch videos. What are the characteristics of a product manager? What do you think about the emerging role of product management in news and media organizations? How do you think it compares to that role in a technology company? Do you think it is a role you’d like to perform in your career? Use specific examples and references from the videos and readings. Use #productmanagement on Slack. Due Nov. 20 by 5pm.
Review API Tutorials and Handout for week after Thanksgiving
Nov. 22 Thanksgiving
Download apifiles for this exercise from GitHub.
Take a look at these sites that can do easy conversions for you from one format to another.
Read Delivering Data. Write a Slack post on #deliveringdata covering your impression of the main points of this chapter. How do you plan to deliver data in your final project? Discuss your data and how you would like it to be presented to the user. What will be the interactive elements. Provide a good description of your final project that includes the user interaction as well as the algorithms you will use.
Making a News App with Python/Flask – we won’t have time to cover this in class. I will cover in the Summer Code Camp, if any of you are still enrolled next summer. I will leave the link to the tutorial here, in case anyone wants to try it on their own.
Heading Into The Future
News Nerd Jobs
Careers in Data Journalism:
Future Concepts – ways you can continue to learn to code
- New Mobile Formats – FB Instant Articles, Google AMP and Apple News and FB IA, AMP and Apple News: Worth It?
- CSS preprocessors
- Mobile Development – React Native
- Training courses – General Assembly, MakerSquare, The Iron Yard
- Social Media Training and Certifications
- Careers and Trends – read General Assembly Report on #careerstrends Slack channel. What do you find most interesting about this report? Do you see yourself moving into any of these roles in the future? The report is uploaded as a pdf on the Slack channel. By Dec. 6.
Present final projects during Finals time. In Maker Space. Dec. 11 2-4:30pm
Dec.13 Final Project Due
You will be able to work on it during finals week. Lab hours will be announced. I will be available during finals week to assit.
Final Project – Use more advanced data concepts in an interactive presentation. Find some interesting data and figure out an interactive way to present it on a website. A story (to include text and that can include interviews, images, multimedia) should accompany. Data must be interactive (manipulate the DOM), which can include ways to sort and filter data AND present it interactively with charts. Site should have both an interactive table generated by json data with form to select and an interactive chart. Site should use responsive techniques that we discussed (fluid layout, fluid images and media queries).