The Mario Blog
02.16.2017—2am
Ties that bind: storytelling, design, coding

It's a first for my Columbia University course, Multiplatform Design & Storytelling: introducing students to the essentials of coding. It's also the new reality for journalists in a modern digital newsroom.

It was a special class this week for my students at Columbia University's School of Journalism. I have taught this course for four years now, but this is the first semester when I thought we had to include a segment on essential elements of coding. I am also grateful that my teaching assistant, Andy Rossback, who works full time for The New York Times, is quite adept on the subject so that he can teach it to the students, and to me, too.  I followed the program just like the students did, dipping my toes into such programs as GitHub, iTerm and Sublime Text.

It is a reality of our times that technology sits at the center of where the action is in newsrooms everywhere. While we are aware that these journalism students have no intenetion of becoming coders and/or developers, we are also cognizant of the fact that it is important for journalists to know what happens to their story and their designs. It is in the spirit of that knowledge that I have asked Andy to introduce students to these coding essentials.

The exercise

We have spent the first month of the semester introducing students to a Design Boot Camp: basics of story forms, typography, grids and color.

The emphasis has been on visual storytelling, especially for mobile devices.

One of the most interesting assignments has been to take the famous Gay Talese piece (Esquire, 1966), Frank Sinatra Has a Cold, and apply visual storytelling techniques for how that story would be presented in the digital age.  Students have added visual assets: audio, video, photo galleries to mix with the text.

Now they have used that story to learn the basics of coding. One story and various approaches and learning experiences from it.

The notion of coding may be intimidating to some journalists. It should not be. It is easy to understand and it all begins to make sense in a short time.

Just like it makes sense to realize that technology is strongly linked to all that we do as storytellers and, most importantly, the work of the visual storyteller/designer.

TheMarioBlog post #2572

Blog Post10.23.2017—1am
Coloring opinions
Blog Post10.20.2017—1am
Digital Media Conference: First Day highlights
Blog Post10.19.2017—6am
Speaking today at the North America Digital Media Conference
Blog Post10.18.2017—1am
Long narratives still have a coveted place
Blog Post10.17.2017—1am
Some good print-related news
Blog Post10.16.2017—1am
Digital Transformation: no newsroom is too small to attempt it
Blog Post10.13.2017—12am
WAN IFRA: the best of digital awards
Blog Post10.12.2017—12am
Taking your brand to where the young audience is: Instagram
Blog Post10.11.2017—1am
Multitaskers consume more media
Blog Post10.10.2017—12am
Germany’s Sūdkurier: workshops for digital transformation
Blog Post10.09.2017—1am
In Spain’s El Mundo: native ads
Blog Post09.29.2017—1am
For newspaper publishers, not much to sing about?
Blog Post09.28.2017—1am
Interesting reference about new digital story formats
Blog Post09.27.2017—1am
It’s a new mobile-focused redesign for salon.com
Blog Post09.26.2017—1am
Three things that caught our eye
Blog Post09.25.2017—1am
Paywalls & newspapers: from leaky to hard ones, and in between
Blog Post09.22.2017—4am
Mexican earthquake: front pages tell the story
Blog Post09.21.2017—1am
Saying adios to The Village Voice in print
Blog Post09.20.2017—1am
Vogue in print: “point of view, attitude”
Blog Post09.19.2017—1am
The Boston Scene
Blog Post09.18.2017—1am
Thoughts on print: still here, still full of surprises, worthy of attention
Blog Post09.15.2017—1am
New report: For publishers, Facebook is no revenue panacea
Blog Post09.14.2017—1am
Smartphones and web traffic: where the action is
Blog Post09.13.2017—1am
Paris Match: a good visit and big plans
Blog Post09.12.2017—1am
Irma: the morning after
Blog Post09.11.2017—3am
Irma: the bad girl on every front page
Blog Post09.08.2017—1am
Type Magazine: the new Roger Black project
Blog Post09.06.2017—1am
Linear storytelling for mobile: a good example
Blog Post09.05.2017—1am
For Le Journal de Montreal: article page acts like home page, sort of
Blog Post09.01.2017—1am
Facebook the new front page?
Blog Post08.31.2017—1am
When it comes to news, “designer labels” can make the difference
Blog Post08.30.2017—1am
Those fabulous print glossy ads
Blog Post08.29.2017—1am
From here and there: what the email basket brings
Blog Post08.28.2017—1am
Why I would show this Times Mag cover to my class
Blog Post08.24.2017—1am
A caricature for the ages
Blog Post08.23.2017—1am
It was the day Americans looked up!
Blog Post08.22.2017—1am
It was all about the solar eclipse of the century
Blog Post08.21.2017—1am
A day without local news? In Minnesota, readers experience it
Blog Post08.18.2017—1am
The good news about print (in the USA)
Blog Post08.17.2017—1am
What’s your lead story right this minute?
Contact us with speaking requests, questions or to discuss a project.