layout: true <div class="my-footer"> <span>http://bit.ly/ddj-devfest-2019</span> </div> --- class: center, middle background-image: url(figs/white_title.svg) background-size: cover <img src="figs/RR_Logo.svg" width="20%"/> # Newsroom Hacks ### How data journalism was bootstrapped at Renascença .large[**Rui Barros | Data Journalist**] --- class: left # Who Am I? -- - .large[A "regular" journalist with a very special interest in data, data science, code and web.] -- - .large[The guy at the newsroom who people started asking for "interactive things".] -- - .large[Journocoder - a journalist that uses code to tell stories.] --- class: center ## Even though... <img src="figs/stack-copy-master.jpg" height="500px"/> --- class: center # My Team <img src="figs/my_data_team_meme.png" height="400px"/> --- class: center # My Team <img src="figs/my_data_team_meme_joao.png" height="400px"/> --- class: left, middle # What the #$@&%*!? <br> is Data Journalism? --- class: right, middle <h1 class="fa fa-quote-left fa-fw"></h1> .large[Journalism where data can be **the source**, or it can be **the tool with which the story is told** — or it can be both.] <h1 class="fa fa-quote-right fa-fw"></h1> Paul Bradshaw @ ["Data Journalism Handbook"](https://datajournalism.com/read/handbook/one/introduction/what-is-data-journalism) --- class: left, middle ## What makes data journalism **different** to the rest of journalism? --- class: right, middle <h1 class="fa fa-quote-left fa-fw"></h1> <h3> The new possibilities that open up when you combine data with the traditional ‘nose for news’ and ability to tell a compelling story. </h3> <h1 class="fa fa-quote-right fa-fw"></h1> Paul Bradshaw @ ["Data Journalism Handbook"](https://datajournalism.com/read/handbook/one/introduction/what-is-data-journalism) --- class: center, middle ## Examples --- class: center, middle <a href="https://fivethirtyeight.com/features/gun-deaths/"> <img src="figs/thumbs/gun_deaths.png"/> </a> --- class: center, middle <a href="https://pudding.cool/2018/08/pockets/"> <img src="figs/thumbs/pockets_thumb.png"/> </a> --- class: center, middle <a href="https://www.buzzfeednews.com/article/peteraldhous/hidden-spy-planes"> <img src="figs/thumbs/spy_planes.png"/> </a> --- class: center, middle # <span id="flag">🇵🇹</span> # in Portugal... --- class: center, middle <a href="https://rr.sapo.pt/multimedia/120172/qual-e-o-melhor-dia-para-casar-nao-nao-e-hoje"> <img src="figs/thumbs/melhor_dia_casar.png"/> </a> --- class: center, middle <a href="https://www.publico.pt/2018/03/08/sociedade/noticia/santas-maes-rainhas-so-15-das-ruas-com-nomes-proprios-sao-de-mulheres-1805679"> <img src="figs/thumbs/ruas_mulheres.png"/> </a> --- class: center, middle <a href="https://rr.sapo.pt/especial/112355/sente-se-triste-quando-ouve-amar-pelos-dois-nao-e-o-unico"> <img src="figs/thumbs/amar_pelos_dois.png"/ width="800px"> </a> --- class: center, middle <a href="https://rr.sapo.pt/multimedia/152006/o-que-dizem-os-programas-dos-partidos-para-as-europeias-confia-em-mim-mas-nao-me-leias"> <img src="figs/thumbs/sentiment_europeias.png"/ width="800px"> </a> --- class: center, middle <a href="https://rr.sapo.pt/2019/06/19/pais/sete-coisas-que-aprendemos-sobre-os-medicos-tarefeiros-no-sns/especial/154922/"> <img src="figs/thumbs/tarefeiros.png"/ width="800px"> </a> --- class: center, middle <a href="https://rr.sapo.pt/candidatos2019/"> <img src="figs/thumbs/deputados.png"/ width="800px"> </a> --- class: center, middle <a href="https://rr.sapo.pt/sondagens/"> <img src="figs/thumbs/sondagem_das_sondagens.png"/ width="800px"> </a> --- class: center, inverse <a href="https://rr.sapo.pt/calculadora-custo-de-vida/"> <img src="figs/thumbs/custo_vida.png"/ width="140%"> </a> --- class: center, middle # Lessons Learned ### *what three years being the guy with RStudio open on a newsroom taught me* --- class: left, middle # 1. Show what's possible .large[Even if you don't know how to do it. It's impossible to think as data journalist if you don't know what data/code can do for you.] --- class: left, middle # 2. News outlets can't afford unicorns .large[I don't even know if they are real.] --- class: left, center #Become one <img src="https://66.media.tumblr.com/0876fedb14250bdced457689109e246e/tumblr_mnjc7sapFI1qfmbfwo1_1280.gifv" height="430px"> --- class: left, middle # 3. Manage expectations .large[Specially your own. You are not the NYTimes and that's fine.] --- class: left, middle # 4. Learn how to buy time .large[If you think it’ll take you just a few minutes, **you’re wrong**. It’ll take a lot longer than that.] --- class: left, middle # 5. It's ok to be a hacker .large[It's a new thing and your company will not understand why the hell a journalist needs to pay for an API (a what?).] .large[Just don’t let any apparent barriers prevent you from trying new things.] --- class: center, middle # An ode to the credit card .large[ <blockquote class="twitter-tweet" data-conversation="none" data-lang="en" data-theme="light"><p lang="en" dir="ltr">Some day, when the really, really niche history of journalism is written, there’ll be a part of a chapter dedicated to how Pcards and cloud servers enabled an end run around IT, and thus lurching newspapers forward against their will.</p>— Matt Waite (@mattwaite) <a href="https://twitter.com/mattwaite/status/1098570420293373952?ref_src=twsrc%5Etfw">February 21, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> ] --- class: left, middle # 6. Stop acting as if you have unique superpowers .large[Being able to code and do data analysis among journalists can make you feel as if you’re endowed with mystical powers.] --- class: center, middle # Still so much to do... <img src="https://media3.giphy.com/media/PfR64JndE2DhS/giphy.gif" witdh="100%"> --- class: center, middle <img src="figs/no_data_meme.png" width="500px"> --- class: center, middle <img src="figs/rr_open_data.png" witdh="70%"> https://gitlab.com/Renascenca/dados --- class: left, top # Why we think all newsrooms should go open data: -- - .large[Accountability;] --- class: right, middle <h1 class="fa fa-quote-left fa-fw"></h1> <h3> In data journalism you get to choose the data you want and say whatever your wish </h3> <h1 class="fa fa-quote-right fa-fw"></h1> My editor, mocking the faith in data everybody has --- class: left, top # Why we think all newsrooms should go open data: - .large[Accountability;] - .large[Journalist's moral obligation;] -- - .large[We believe open data = better society;] -- - .large[Thank the community;] -- - .large[Show data geeks what we do.] --- class: left, middle # Next steps... -- - .large[Turn our analysis "readable" to everyone.] --- <a href="http://renascenca.gitlab.io/dados/medicos-de-familia/analise.html"> <img src="figs/thumbs/medicos-familia.png"/ width="140%"> </a> --- class: left, middle # Next steps... - .large[✅ Turn our analysis "readable" to everyone;] -- - .large[❌ Allow "non geeks" to use our data portal;] -- - .large[☑️ Open Source more code.] --- class: center, middle # 🛠 Under development 🛠 <img src="https://gitlab.com/Renascenca/renascencar/raw/master/img/renascencaR_high.png" width="200px"> .large[A R package to organize the data journalism workflow using R.] https://gitlab.com/Renascenca/renascencar/ --- class: left, middle <img src="figs/RR_Icone.svg" width="15%"/> # Thanks! <a href="https://twitter.com/rui_barros17"><i class="fa fa-twitter fa-fw"></i> @rui_barros17</a><br> <a href="gitlab.com/ruimgbarros/"><i class="fa fa-gitlab fa-fw"></i> @ruimgbarros</a><br> <a href="https://blog.ruimgbarros.com/" target='_blank'><i class="fa fa-link fa-fw"></i> blog.ruimgbarros.com </a><br> <a href="mailto:rui.barros@rr.pt"><i class="fa fa-paper-plane fa-fw"></i> rui.barros@rr.pt</a> Slides created with [**remark.js**](http://remarkjs.com/) and the R package [**xaringan**](https://github.com/yihui/xaringan)