Unclass

"The Power is Yours"

The Syllabus

Think of this document as the contract between you and course instructors. If you have questions raise them early not late.

Description

Web Producing explores production and publishing for the web, from storytelling and curation to site management and promotion. Students will learn how to design and build a journalism website from the ground up, using human-centered techniques to create intuitive user experiences. Using open web technologies like HTML, CSS, and JavaScript, students will create dynamic online content. With a combination of case studies and hands-on training, students will emerge from the class comfortable producing and designing in-depth online content for a digital platform.

Every project you'll ever build will be different, involving new skills, new research, and new people. This class reflects that continuous learning process, pushing individuals to learn for the benefit of the team and the project as a whole. Over the quarter, students will work together not only to build the final product, but to strengthen colleagues' knowledge and understanding. You'll be expected not only to learn, but to teach - communicating your knowledge is essential in this course.

Learning goals

At the end of the course, students should be able to:

  • Provide sound critical analysis of interactive storytelling and its presentation
  • Pitch, report, storyboard, and design for online presentation
  • Think about online storytelling in innovative ways
  • Learn to identify useful trends online and how to implement them with an eye toward lifetime learning
  • Get up to speed efficiently on new technology and tools
  • Design more usable media products
  • Evaluate and improve media products interfaces

Class structure

As reflected in the course overview, we'll be hitting a variety of technical skills alongside case studies, interactive design and theory, usability, and a handful of other essential skills any web editor must know. Our time in class will reflect this, divided between lecture/discussion, technical instruction, and lab. However, we won't be doing this in lock-step.

We'll repeat it here for good measure: Every project you'll ever build will be different, involving new skills, new research, and new people. Our "unclass" takes this philosophy to heart, dividing our meeting time into a series of lectures, meetings, and teamwork - each hour designed to grow you and your team's project. Our goal is to go beyond learning what's required for a single project; it's about learning how to identify what's needed, and how to go about learning those things, setting you up for a lifetime of learning. To that end, you'll each create your own version of this class that's grounded on your team's story and its presentation. From the 30+ workshop offerings, you'll attend a minimum of 12, each with its own homework to be completed before and after the workshop. You'll create a plan along with your team during the first week of class, and workshops will begin in week two. You're also welcome to propose self-study as part of your dance-card plan; you can spend an hour or two on that subject and then deliver a lightning talk about what you learned later in the quarter.

Team structure

In eight teams of four, the class will produce eight stories around a single topic, producing those stories for a site we'll build together. Each team is responsible for the conception, reporting, design, and production of its proposed story. The class as a whole assumes editorial control and will sign off on each major step.

Major deadlines

Wednesday, April 4
  • A pitch for the site theme. Each student should bring a prepared pitch (2 minutes max.) and two possible stories that would fit under your theme. Send a three-sentence pitch to jour390@gmail.com ahead of class.
  • Dance cards due. Bring your completed dance cards to class with you on Wednesday. Your team and guru will sign off on your plan during a team meeting.
Monday, April 8
  • Team story pitch. Your team will give a 5-minute pitch presentation to the full editorial board. Your pitch should include:
    • a mood board to propose the visual tone for your piece,
    • a few supporting statistics or facts,
    • three core questions the story will answer, and
    • a sample headline.
  • Workshops begin. If you're attending a workshop this day, the pre-work for that workshop is due.
Monday, April 15
  • Draft storyboards due. Come to class prepared to present your team's draft storyboard to the full editorial board. Send a PDF of your sketches to jour390@gmail.com.
Monday, April 22
  • Final storyboards due. Come to class with your team's final storyboard, which reflects feedback from the previous week's editorial meeting and changes due to new reporting. Send a PDF of your sketches and a brief summary of updates to jour390@gmail.com.
Monday, April 29
Monday, May 6
  • Markup due. Your story's barebones structure ready for styling and behavior.
Monday, May 20
  • Interaction due. All CSS and JS complete.
Wednesday, May 29
  • Reflections and changes from user tests due. Please send a brief synthesis of what you learned from conducting user testing on your story to jour390@gmail.com. Include a list of changes you made or plan to make.
  • Soft launch. The site goes live! (Shh.)
Monday, June 3
  • Dress rehearsal for final presentations
Monday, June 5
  • Live launch.
  • Final projects due.
  • Final presentations.

Course logistics: materials, academic policies, grading

Class meetings:

Monday, Wednesday: 1:00 - 2:50 p.m., Fisk 311

Open lab:

Fridays 1-5 p.m., MTC 2-107 - Reserved space for teamwork and time with our resident student gurus

Office hours:
  • Prof. Withrow: Tuesdays 1-4 p.m. by appointment: http://bit.ly/office_hours
  • Prof. Gilbert: Tuesdays 1-4 p.m. by appointment: http://bit.ly/OfficeHours-JGilbert
  • Resident Student Guru Katie Zhu (Focus: journalism, full-stack development): Wednesday 3-5 p.m.
  • Resident Student Guru Tyler Fisher (Focus: journalism, front-end development): Wednesday 11 a.m. - 1 p.m.
  • Resident Student Guru Sarah Adler (Focus: journalism, design and branding): Wednesday 11 a.m. - 1 p.m.
Required Materials
  • Textwrangler (Macs), Notepad++ (PCs), or the code/plain-text editor of your choice. (Note: The emphasis here is on code/plain-text. Microsoft Word will do you no favors.)
  • Up-to-date versions of Firefox and Chrome
  • Firebug
  • Audacity or other audio-editing software.
  • Photoshop or other photo-editing software.
  • Final Cut or other video-editing software.
  • A Vimeo account.
  • A Dropbox account.
  • A Google account.
  • A GitHub account.
Academic integrity

All students are required to adhere to the Medill Integrity Code as well as Northwestern University's academic integrity policies. Academic dishonesty can result in penalties ranging from letters of warning to dismissal from the university. Instructors may give a failing grade in a course for academic dishonesty. It is also university policy that instructors can require students to submit their work electronically to be analyzed for possible plagiarism. The full policy can be read here: http://bit.ly/hUQWlo.

Accommodations for students with disabilities

Northwestern University works to provide a learning environment for students with disabilities that affords equal access and reasonable accommodation. Any student who has a documented disability and needs accommodations for classes and/or course work is requested to speak directly to the Office of Services for Students with Disabilities (847)-467-5530) and the instructor as early as possible in the quarter (preferably within the first two weeks of class). All discussions will remain confidential. Accommodations can be made by instructors once OSSD has met with the student and verified the disability.

Attendance

Attendance is required at all class meetings. Please arrive on time. If a student is unable to attend class, he/she must notify both instructors by e-mail or phone at least 2 hours before class. Unexcused absences will detrimentally affect your professionalism grade. If a student misses class he/she is responsible for material and feedback covered in class. Any work you miss from an excused absence is due within one week of the date of your absence.

Publishing About This Class

This class encourages you to explore media and technology. Students are encouraged to think and share things they learn in class. However, to ensure healthy, candid discussions and questions students prohibited from quoting other students without express permission.

Content: Rules of Engagement

Using content for which you do not have rights is a serious ethical breach and will be treated as such.

  • Fair Use: While a Fair Use case can be made for using content from others in an educational assignment, we will not use the cloak of that exemption in this class. You are a working journalist and all of your class work, as such, must include only content for which you have obtained rights (Creative Commons content, for example) or are certain you have rights (you created it, or have express permission from the owner). You may make a Fair Use argument for certain content in the context of news and commentary, but those cases must be discussed with and approved by the instructor beforehand.
  • Aggregation: For the purposes of this class, aggregation of content means using a headline or a very limited sample of content from another source, with credit to that source and a link directly to it. An RSS headline feed is an example of acceptable aggregation.
  • Embedding: Embedding content (e.g., YouTube videos) via embed code provided by the source is acceptable.
  • External Images: Use of the HTML <img src> command for content on a server other than your own (and that content on your server must be rights-cleared) is NOT allowed.
Grading Scale
  • 93+ A
  • 90-92 A-
  • 88-89 B+
  • 83-87 B
  • 80-82 B-
  • 78-79 C+
  • 73-77 C
  • 70-72 C-
  • < 70 F
Grading breakdown
  • Pitches, storyboards: 20 percent
  • Final project: 30 percent
  • Workshop-related work: 30 percent
  • Professionalism: 10 percent
  • Team assessment: 10 percent

The Teach Team

Your Professors

A Medill, Northwestern faculty member who teaches, studies and practices human-centered design, usability and interactive storytelling.

Journalism faculty at @MedillSchool, erstwhile contributor to @TheAVClub. Specialist in webby-journo things. That's a technical term.

Your Resident Student Gurus

Sarah has designed a variety of projects for the Lab and was instrumental in developing the Lab's new branding identity. Interned at WIRED and Sports Illustrated

Tyler is the creator and developer of SoundCite, joining Gannett Content for summer 2013. Formerly of Chicago Tribune News Apps.

AP-Google scholar who loves computers, coffee and Beyoncé. Past: GOOD. Future: New York Times, Twitter.

The Workshops

Week One Week Two Week Three Week Four Week Five Week Six Week Seven Week Eight Week Nine Week Ten
Tues. 4/2 Wed. 4/3 Mon. 4/8 Wed. 4/10 Mon. 4/15 Wed. 4/17 Mon. 4/22 Wed. 4/24 Mon. 4/29 Wed. 5/1 Mon. 5/6 Wed. 5/8 Mon. 5/13 Wed. 5/15 Mon. 5/20 Wed. 5/22 Mon. 5/27 Wed. 5/29 Mon. 6/3 Wed. 6/5
1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM 1-1:50PM 2-2:50PM
Usability Prototyping

Fisk 311

Task Analysis

Fisk 311

No Class Memorial Day! Review User Tests & Iterations

Fisk 311

HTML HTML I

Fisk 311

HTML II

Fisk 311

CSS CSS Style I

Fisk 311

CSS Style II

Fisk 311

Responsive styling I

Fisk 311

Responsive styling II

Fisk 311

CSS Positioning I

Fisk 311

CSS Positioning II

Fisk 311

CSS Advanced Topics: Preprocessors

MTC 4-125

JS/jQ JavaScript I

Knight Lab Conference Room

JavaScript II

Knight Lab Conference Room

jQuery I

Knight Lab Conference Room

jQuery II

Knight Lab Conference Room

JavaScript III

MTC 2-137

JavaScript IV

MTC 2-137

JavaScript I

Fisk 311

JavaScript II

Fisk 311

jQuery I

Fisk 311

jQuery II

Fisk 311

JavaScript III

Fisk 311

JavaScript IV

Fisk 311

JS Advanced Topic: Making the most of libraries

MTC 2-107

JS Advanced Topic: Introduction to APIs

MTC 2-137

JS Advanced Topics: A taste of information design

MTC 2-137

JS Advanced Topic: Parallax Toolkit

Fisk 311

JS Advanced Topics: A taste of information design

Fisk 311

JS Advanced Topic: Making the most of libraries

MTC 2-137

JS Advanced Topic: Introduction to APIs

MTC 2-137

JS Advanced Topics: Animation

Fisk 311

Design Multi-platform design

MTC 2-137

Color

Fisk 311

Typography

Fisk 311

Photoshop I

MTC 2-137

Multi-platform design

MTC 2-137

Photoshop I

MTC 2-137

Photoshop II

MTC 2-137

Editorial Case Studies

Fisk 311

Editorial Meeting

Fisk 311

Team Meeting

Fisk 311

Story Pitch

Fisk 311

Case Studies

MTC 3-107

Editorial meeting

Fisk 311

Case Studies

Fisk 311

Team Assessment Writing for Interwebs and Robots from Outer Space

Fisk 311

Beware of the Next Big Thing

MTC 2-137

Beware of the Next Big Thing

MTC 2-137

Presentation Skills

Fisk 311

Project Management Course Logistics

Fisk 311

Agile Teams/Projects

Knight Lab Conference Room

Soft Launch Dress Rehearsal Final Presentation