{"id":2262,"date":"2010-10-30T21:08:52","date_gmt":"2010-10-30T21:08:52","guid":{"rendered":"http:\/\/conference.journalists.org\/2010conference\/?p=2262"},"modified":"2017-01-10T16:33:08","modified_gmt":"2017-01-10T16:33:08","slug":"news-app-developers-share-their-tips-and-tricks","status":"publish","type":"post","link":"https:\/\/ona10.journalists.org\/2010\/10\/30\/news-app-developers-share-their-tips-and-tricks\/","title":{"rendered":"News app developers share tips and tricks"},"content":{"rendered":"<p>Three news app developers spoke at ONA10 Saturday afternoon, each showcasing their unique approaches to displaying news in nontraditional ways.<\/p>\n<p><strong>USA Today\u2019s Jarmul: Teamwork leads to &#8216;really cool things&#8217;<\/strong><\/p>\n<p>For Katharine Jarmul, the sky is the limit when she works on a new multimedia story.<\/p>\n<p>Jarmul, a designer and developer for <a href=\"http:\/\/www.usatoday.com\">USA Today<\/a>, showcased <a href=\"http:\/\/projects.usatoday.com\/news\/katrina\/\">an elaborate package<\/a> she recently worked on to commemorate the five-year anniversary of Hurricane Katrina.<\/p>\n<div id=\"attachment_2327\" style=\"width: 630px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/projects.usatoday.com\/news\/katrina\"><img aria-describedby=\"caption-attachment-2327\" loading=\"lazy\" class=\"size-full wp-image-2327\" title=\"USAT_Katrina\" src=\"\/wp-content\/uploads\/sites\/4\/2010\/10\/USAT_Katrina.jpg\" alt=\"\" width=\"620\" height=\"334\" \/><\/a><p id=\"caption-attachment-2327\" class=\"wp-caption-text\">USA Today&#039;s Five Years Later: Hurricane Katrina employs Django and HTML5 and is optimized for mobile devices (top right).<\/p><\/div>\n<p>Taking an unconventional approach is essential in online journalism, she said.<\/p>\n<p>\u201cThe first thing we need to do as journalists is we have to start thinking outside of the box,\u201d she said. \u201cAnd this means \u2026 the box of what is a story. This also means the box of what technologies do we use.\u201d<\/p>\n<p>The project was built in <a href=\"http:\/\/www.djangoproject.com\/\">Django<\/a> and <a href=\"http:\/\/html5.org\/\">HTML5<\/a>, among other technologies, and took roughly two months to build, she said. It\u2019s optimized for mobile devices, including the iPad, and incorporates numerous video and interactive map elements.<\/p>\n<p>Jarmul also said developers should not be intimidated by the size or scope of a project.<\/p>\n<p>\u201cDon\u2019t be afraid to take on a large project, and figure it out as you go,\u201d she said. \u201cI think we need to challenge ourselves to kind of figure it out as we go along.\u201d<\/p>\n<p>USA Today, Jarmul said, emphasizes teamwork. She echoed the words of Juan Thomassie, a senior designer at the paper, who spoke at a Saturday morning session on data visualization.<\/p>\n<p>\u201cAs long as you have the developer and the designer working together in unison, then you can do really cool things,\u201d she said in a post-session interview.<\/p>\n<p><strong>PolitiFact\u2019s Waite: It&#8217;s all in the reporting<\/strong><\/p>\n<p><a href=\"http:\/\/politifact.com\/\">PolitiFact<\/a>, the <a href=\"http:\/\/www.pulitzer.org\/citation\/2009-National-Reporting\">Pulitzer Prize-winning<\/a> political fact-checking website of the <a href=\"http:\/\/www.tampabay.com\/\">St. Petersburg Times<\/a>, is nothing without solid reporting, said Matt Waite, the site\u2019s developer.<\/p>\n<div id=\"attachment_2328\" style=\"width: 630px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/www.politifact.com\"><img aria-describedby=\"caption-attachment-2328\" loading=\"lazy\" class=\"size-full wp-image-2328\" title=\"politifact\" src=\"\/wp-content\/uploads\/sites\/4\/2010\/10\/politifact.jpg\" alt=\"\" width=\"620\" height=\"340\" \/><\/a><p id=\"caption-attachment-2328\" class=\"wp-caption-text\">The simplicity of PolitiFact&#039;s website belies the strong verification of its claims.<\/p><\/div>\n<p>\u201cIf you\u2019re going to put the full faith and reputation of the St. Petersburg Times up for question by calling a liar a liar, you better have the goods,\u201d he said. \u201cYou better be right.&#8221;<\/p>\n<p>PolitiFact is accountability journalism, which is hardly a new form of journalism, Waite said. However, Waite&#8217;s team presents accountability journalism in a new format, which is what sets the site apart.<\/p>\n<p>\u201cWe approached what we were doing not as stories \u2026\u201d he said. \u201cWe approached it as a structured data problem of taking a type of story and extracting the structure out of it and rebuilding a content app out of that structure.\u201d<\/p>\n<p>The content app succeeds, Waite said, because of its ability to present the public with the source materials that PolitiFact\u2019s editors use to rate a politician\u2019s claims. That is achieved by heavy use of linking and by using services such as <a href=\"http:\/\/www.documentcloud.org\">DocumentCloud<\/a> to serve primary source documents.<\/p>\n<p>Waite said more journalists and news app developers should be concerned with structured data problems rather than content problems.<\/p>\n<p>\u201cWe as an industry are not doing nearly enough with this structured data approach, of viewing what we do as a structured data problem more than a content problem,\u201d he said.<\/p>\n<p><strong>ScraperWiki\u2019s quest to liberate the Web\u2019s data<\/strong><\/p>\n<p>The <a href=\"http:\/\/www.met.police.uk\/\">London Metropolitan Police Service<\/a> provides the public with a high level of transparency: Each unit posts on its website what it&#8217;s focusing on at the moment.<\/p>\n<p>But there\u2019s a catch. All that information is embedded in HTML, and to get a snapshot of what each unit is doing at once, one would have to go to 620 websites and find the data.<\/p>\n<p>Enter <a href=\"http:\/\/scraperwiki.com\/\">ScraperWiki<\/a>. The entirely Web-based tool allows developers to automate the scraping process, said Richard Pope, one of the tool\u2019s developers.<\/p>\n<p>Not only does ScraperWiki scrape data that\u2019s embedded in HTML, but it also stores and visualizes the data. The tool is available in three different, though popular, programming languages: <a href=\"http:\/\/www.php.net\">PHP<\/a>, <a href=\"http:\/\/www.python.org\/\">Python<\/a> and <a href=\"http:\/\/www.ruby-lang.org\/en\/\">Ruby<\/a>.<\/p>\n<p>In true wiki fashion, completed scrapers are posted on its website, allowing developers to re-purpose and improve them.<\/p>\n<p>ScraperWiki is to data what <a href=\"http:\/\/en.wikipedia.org\">Wikipedia<\/a> is to knowledge, Pope said.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Three news app developers spoke at <a href=\"http:\/\/conference.journalists.org\/2010conference\/\">ONA10<\/a> Saturday afternoon, each showcasing their unique approaches to displaying news in nontraditional ways. All take unconventional approaches to conventional problems.<\/p>\n","protected":false},"author":1824,"featured_media":2327,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"start_time":0,"end_time":0,"moderators":[],"hashtag":[],"soundcloud":[],"scribble":[],"viafoura":[],"youtube":[],"vimeo":[],"facebook":[],"trint":[],"slideshare":[],"livestream":[],"resources":[],"video_embed":[],"first_name":"","last_name":"","title":"","organization":"","website":"","twitter":"","_sponsor_url":"","_sponsor_tagline":"","_sponsor_level":"","spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[3,5],"tags":[],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paaWrG-Au","_links":{"self":[{"href":"https:\/\/ona10.journalists.org\/wp-json\/wp\/v2\/posts\/2262"}],"collection":[{"href":"https:\/\/ona10.journalists.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ona10.journalists.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ona10.journalists.org\/wp-json\/wp\/v2\/users\/1824"}],"replies":[{"embeddable":true,"href":"https:\/\/ona10.journalists.org\/wp-json\/wp\/v2\/comments?post=2262"}],"version-history":[{"count":1,"href":"https:\/\/ona10.journalists.org\/wp-json\/wp\/v2\/posts\/2262\/revisions"}],"predecessor-version":[{"id":2652,"href":"https:\/\/ona10.journalists.org\/wp-json\/wp\/v2\/posts\/2262\/revisions\/2652"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ona10.journalists.org\/wp-json\/wp\/v2\/media\/2327"}],"wp:attachment":[{"href":"https:\/\/ona10.journalists.org\/wp-json\/wp\/v2\/media?parent=2262"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ona10.journalists.org\/wp-json\/wp\/v2\/categories?post=2262"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ona10.journalists.org\/wp-json\/wp\/v2\/tags?post=2262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}