Download - Hacking News
![Page 1: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/1.jpg)
Hacking the NewsThe who, what, where, when, why & how of interactive news technology at the NYT
ALAN MCLEAN, DEVELOPER/JOURNALIST
![Page 2: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/2.jpg)
#caj#jhack
![Page 3: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/3.jpg)
Who?
![Page 4: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/4.jpg)
Alan McLean• Art/Design/Development background • Worked at CBC.ca 2005-2007• Working at the NYTimes in 2007-Present
• 2008 Election• 2008 Olympics• 2010 Olympics• Guantanamo Docket • Document Viewer• Run-Well• more...
![Page 5: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/5.jpg)
InteractiveNews
Technology@
![Page 6: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/6.jpg)
InteractiveNews
Technology@
![Page 7: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/7.jpg)
![Page 8: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/8.jpg)
Use the web to tell a story, not just as a delivery medium.
![Page 9: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/9.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
- Project dreamed up - Pitch made - Success! They love it! (with a few minor tweaks) - Meet the dev team - Requirements assessed, features parceled
The traditionaldeveloper/newsroom relationship
![Page 10: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/10.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
1. Resources assigned2. Work begins3. Work4. Work5. Work6. Work7. Work 8. Review9. (go to line X)10. Launch!
The traditionaldeveloper/newsroom workflow
![Page 11: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/11.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
Good Afternoon,
In preparation for Phase 3 launch for the Project X, we need to capturethe requirements for this phase as well as gain consensus from allinvolved partners.
To date, these were the deliverables captured a couple of months back...
![Page 12: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/12.jpg)
What do you get from this process?
Robust, Solid,
Reliable "deliverables"
![Page 13: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/13.jpg)
SoftwareArchitecture
Design
What do we call it?
![Page 14: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/14.jpg)
SADSoftware Architecture Design
![Page 15: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/15.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
Why does that happen? - Developers strive to meet the list of requirements - They are removed from the editorial process - Developers become invested in features rather than content.
![Page 16: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/16.jpg)
The typical newsroom/developer
relationship
![Page 17: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/17.jpg)
Journalist
![Page 18: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/18.jpg)
Developer
![Page 19: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/19.jpg)
JournalistDeveloper
The typical newsroom/developer
relationship
![Page 20: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/20.jpg)
The typical newsroom/developer
relationship
Developer/Journalist
![Page 21: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/21.jpg)
The birth of an online story
How do we work as a newsdesk?
![Page 22: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/22.jpg)
Editorial approaches us
![Page 23: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/23.jpg)
We pitch editorial
![Page 24: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/24.jpg)
Breaking News
![Page 25: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/25.jpg)
The Evolution of the Elections Online at
NYT
![Page 26: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/26.jpg)
![Page 27: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/27.jpg)
![Page 28: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/28.jpg)
![Page 29: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/29.jpg)
![Page 30: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/30.jpg)
![Page 31: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/31.jpg)
Caption would go here...lorem ipsum.Title Goes Here
![Page 32: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/32.jpg)
Caption would go here...lorem ipsum.Title Goes Here
![Page 33: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/33.jpg)
![Page 34: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/34.jpg)
Caption would go here...lorem ipsum.Title Goes Here
![Page 35: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/35.jpg)
Caption would go here...lorem ipsum.Title Goes Here
![Page 36: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/36.jpg)
TheGuantanamo
Docket
![Page 37: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/37.jpg)
Caption would go here...lorem ipsum.Title Goes Here
![Page 38: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/38.jpg)
![Page 39: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/39.jpg)
RunWell
![Page 40: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/40.jpg)
![Page 41: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/41.jpg)
![Page 42: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/42.jpg)
![Page 43: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/43.jpg)
DocumentViewer
![Page 44: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/44.jpg)
Demo
![Page 45: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/45.jpg)
Lessons
![Page 46: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/46.jpg)
No one clicks the other tabs
Lessons
![Page 47: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/47.jpg)
Election Night, November 4, 2008
![Page 48: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/48.jpg)
The nav is mostly visual clutter
Lessons
![Page 49: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/49.jpg)
450px
![Page 50: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/50.jpg)
450px
![Page 51: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/51.jpg)
JournalistsTextText
![Page 52: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/52.jpg)
![Page 53: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/53.jpg)
Master the visual lede
Lessons
![Page 54: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/54.jpg)
Document Viewer V.3
Master the visual lede
![Page 55: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/55.jpg)
Document Viewer V.3
Master the visual lede
![Page 56: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/56.jpg)
Document Viewer V.3
Master the visual lede
![Page 57: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/57.jpg)
Get to work!
Lessons
![Page 58: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/58.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
• Design with napkins and pens over coffee • Not PSD's in boardrooms with “Stake Holders”
Get to work!...and stop pushing pixels
![Page 59: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/59.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
Rarely if ever go hi-fi, get to code sooner than later. You want to start playing with something that works.
Get to work!...and stop pushing pixels
![Page 60: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/60.jpg)
How can I make this happen?
![Page 61: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/61.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
Step away from the site architecture.And start getting things done.
• Most solid web sites are not built to facilitate rapid development• You need an adobe house instead of a fortresses• Cue “Cloud” portion of talk
![Page 62: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/62.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
Host your own sites. Take responsibility. Deliver on deadline.
![Page 63: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/63.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
A****n Web ServicesAkin to the pay as you go phone for web services
• Scale on demand.• Make no long term investments in hardware.• Control your own changes and launches.• Finally start using databases on news sites.• For what you get, its cheap.
![Page 64: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/64.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
Work in a framework that encourages rapid prototyping, agile practices and
open source solutions
![Page 65: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/65.jpg)
Stop asking permission.
![Page 66: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/66.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
Nothing diminishes great content while damaging your credibility more effectively than poor UI.
Get someone with design skills
![Page 67: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/67.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
Stop thinking features, start thinking stories. Are you really enhancing engagement?
For Developers...
![Page 68: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/68.jpg)
#CAJ #JHACKALAN MCLEAN: HACKING THE NEWS
Stop thinking readers, start thinking users.For Editorial...
![Page 69: Hacking News](https://reader034.vdocument.in/reader034/viewer/2022051412/54c80a4d4a795946308b45a4/html5/thumbnails/69.jpg)
Questions?
ALAN MCLEAN
@alanmclean