Digital Journalism Hackathon

5. – 6. Dezember 2015

Zwei Tage voller neuer Ideen, Konzepte und Prototypen. Beim Digital Journalism Hackathon wurde der digitale Journalismus weiter revolutioniert. Ideen für eine neue News-App wurden gebaut, Tools, die den Journalisten-Alltag so viel leichter machen oder Nachrichten von früher wurden neu aufbereitet.

Die Art, wie wir Nachrichten kreieren und konsumieren verändert sich radikal. Beim Digital Journalism Hackathon wurden Ideen ausprobiert und an nur einem Wochenende zum Prototypen gebracht. Egal ob  Software-Tools, Webdocs, mobile Storytelling oder Datenjournalismus neu definiert wurde, alles war erlaubt.

Teilnehmen konnten Journalisten, Programmierer, Webdesigner und alle, die Nachrichten lieben. Los ging es am Freitagabend, 4. Dezember, mit einem Warm-Up mit Bier und Chips im Media Lab Bayern, gehackt wurde Samstag und Sonntag, 5. und 6. Dezember.

Digital Journalism Hackathon

5. – 6. Dezember 2015

Zwei Tage voller neuer Ideen, Konzepte und Prototypen. Beim Digital Journalism Hackathon wurde der digitale Journalismus weiter revolutioniert. Ideen für eine neue News-App wurden gebaut, Tools, die den Journalisten-Alltag so viel leichter machen oder Nachrichten von früher wurden neu aufbereitet.

Die Art, wie wir Nachrichten kreieren und konsumieren verändert sich radikal. Beim Digital Journalism Hackathon wurden Ideen ausprobiert und an nur einem Wochenende zum Prototypen gebracht. Egal ob  Software-Tools, Webdocs, mobile Storytelling oder Datenjournalismus neu definiert wurde, alles war erlaubt.

Teilnehmen konnten Journalisten, Programmierer, Webdesigner und alle, die Nachrichten lieben. Los ging es am Freitagabend, 4. Dezember, mit einem Warm-Up mit Bier und Chips im Media Lab Bayern, gehackt wurde Samstag und Sonntag, 5. und 6. Dezember.

DIE ERGEBNISSE – So hat die Jury entschieden

.full-width-5b7899198880c { min-height:100px; padding:10px 0 10px; margin-bottom:0px; background-color:#eaeaea; } #background-layer--5b7899198880c { background-position:left top; background-repeat:repeat; ; } .full-width-5b7899198880c .mk-fancy-title.pattern-style span, .full-width-5b7899198880c .mk-blog-view-all { background-color: #eaeaea !important; }

1. Platz – JOURNO

Elevator Pitch

Subscribe to journalists instead of newspapers! You want independent journalists who write quality stories? Just follow the reporters you like and build up your own editorial staff: All in one place.

Type of the project

JOURNO works basically like a modern cms with structured data. So it is possible to visualize the data in very different ways:

  • webpage for desktop, tablet and mobile
  • native app for android, iphone or windows mobile
  • ebook formats for readers
  • pdf for print
MVP

Subscribe to a variety of journalists and read everything they publish, no matter where it was released. Features: Easily subscribe to your favourite journalists and automatically receive a feed of their articles.

Technology

A big CMS like eZ publish is required. The current demo is setup in php/css. The project-page should be responsive (like the dummy with bootstrap) and accessible with all kind of devices – so as to make it accessible on desktop, tablet or mobile.

Input – there are different ways of adding content: Automatic input: the application can pull content automatically by rss-feeds or other kinds of api. Manual input: journalists can write content direct to JOURNO like to well known blogs or cms. This could be content that is exclusively available on JOURNO.

Team

Christian Woldt (programming), David Guttandin (programming), Ngaire Wex (design), Florian Carls (concept and documentation), Anita Jacob-Puchalska (concept and documentation), Lisa Altmeier (concept and documentation), Steffi Fetz (concept and documentation)

Links

2. Platz – MUNICH MUNICH

Elevator Pitch

You want to know what has happened right here where you are? Munich Munich brings you the facts and pictures through the time. Even if there is just a trivia note to your place, in our app you get it.

Type of the project

MUNICH MUNICH is a mobile app for iPhone and Android.

MVP

MUNICH MUNICH is an app which shows local based pictures, with an interesting story. Users can send their photos too and if they fit they will be integrated.

Technology

For the backend the team used PHP (slim framework) and for the frontend HTML, JS and CSS (Angular JS, Google Maps)

Team

Tom von der Isar (concept, documentation, content), Patrick Müller (programming), Toby Steinhauser (concept, UI and flow), Deniel Horvatic (Front-end), Lisa Maria Schulte (content)

Links

3. Platz – GESTERNSCHAU

Elevator Pitch

Online news like tagesschau.de tell you about the present daily news e.g. 6th December 2015. The new approach of the gesternschau.de news (or better “olds”) is to inform online and mobile users about historical stories the same date years ago. E.g. 6th December in 1946. What happened that day? This is timely prepared and illustrated by gesternschau’s editors and data journalists via photos, videos, articles, animations and even social media.

Type of the project

GESTERNSCHAU is a news website, mobile app and print magazine.

MVP

A working prototype on second day of the hackathon: This included a mobile responsive website with a professional modern look and a mobile app mockup. The journalists researched and created real, exciting stories and multimedia illustrations for one day: December the 6th 1946.

Technology

The GESTERNSCHAU team coded with Angular, JS, bootstrap and Java. Invision was used for prototyping.

Team

Anika Tietze (content), Britta Häfemeier (content), Chris Eberl (product), Dimitra Papadopoulou (design), Jonatan Juhas (frontend & backend)

Links

GEO-TRAVEL-NEWS

Elevator Pitch

Flagger is an interface between geo-tagged journalistic content and users. It provides an  interactive map regarding special interests. Journalists can use it for research and also implement their own content.

Type of the project

FLAGGER is supposed to be a website, mobile app and map bookmark.

MVP

An interactive map with integration of special interest content and the option to personalize tailor-made content. Personalized search is extendable to the sourrounding of your local search parameter.

Technology

Fot the frontend they have worked with JavaScript, jQuery, LeafletJs, Bootstrap, and single Page Application.

The backend was coded with Groovy on Grails and RESTFUL-WebService with H2-Database.

Team

Alexander Stengel (concept & design), Stephan Baier (programming), Thomas Derflinger (programming), Miriam Müller (concept & content), Maximilian Lautenbacher (concept), Bettina Winterfeld (concept & content)

Links

NEWS BUTLER

Elevator Pitch

Deliver news to people who have little to no time in their daily life and work routine to consume news. The web app is designed to bring them the most important news of the day instead of just providing them on a website. The system is designed to be quickly consumable so that the user needs no more than three minutes to bring himself up to date. On the front end the user enters his or her mail address and a time of day during which news consumption (or the reminder to do so) is welcome.

Type of the project

NEWS BUTLER is a website only project.

MVP

NEWS BUTLER delivers news to the users via e-mail. They can set the time of day when they want to get the information delivered.

Technology

The team has coded with node.js, MongoDB, jQuery, HTML5, CSS3, AlchemyAPI and integrated the APIs of The Guardian and The New York Times.

Team

Christine Koppelt (backend development, concept, presentation), Henry Lai (web design, frontend development, concept), Viola Bernlocher (concept, logo design, documentation, usability)

Links

Wen wir suchen

#mk-icon-box-5b7899199981e .mk-box-icon-2-icon { font-size:64px; color:#007083; } #mk-icon-box-5b7899199981e .mk-box-icon-2-icon:hover{ color:#023f50; }

Journalisten

Du bist Journalist. Du brennst drauf, Nachrichten digital zu denken und willst deine eigenen Konzepte umzusetzen.

#mk-icon-box-5b78991999ef7 .mk-box-icon-2-icon { font-size:64px; color:#007083; } #mk-icon-box-5b78991999ef7 .mk-box-icon-2-icon:hover{ color:#023f50; }

Designer

Du bist Designer. Wie man Nachrichten verpackt, damit die Message auch wirklich ankommt, ist dein Metier.

#mk-icon-box-5b7899199a540 .mk-box-icon-2-icon { font-size:64px; color:#007083; } #mk-icon-box-5b7899199a540 .mk-box-icon-2-icon:hover{ color:#023f50; }

Programmierer

Du bist Programmierer. Coden ist deine Leidenschaft – irgendwas mit Medien findest du aber auch spannend.

#mk-icon-box-5b7899199acd1 .mk-box-icon-2-icon { font-size:64px; color:#007083; } #mk-icon-box-5b7899199acd1 .mk-box-icon-2-icon:hover{ color:#023f50; }

News Enthusiasts

Du hast 42 Nachrichten-Apps auf deinem Smartphone (und 7 auf deiner Smartwatch) und liebst News.

.full-width-5b78991998e76 { min-height:100px; padding:10px 0 10px; margin-bottom:0px; background-color:#eaeaea; } #background-layer--5b78991998e76 { background-position:left top; background-repeat:repeat; ; } .full-width-5b78991998e76 .mk-fancy-title.pattern-style span, .full-width-5b78991998e76 .mk-blog-view-all { background-color: #eaeaea !important; }

Programm

Freitag
19 Uhr

Freitagabend treffen wir uns auf ein Bier im Media Lab. Ihr könnt euch schon einmal über Ideen austauschen und erste Teammitglieder finden.

Samstag
09:30 Uhr – open end

09:30 Uhr – Frühstück

10 Uhr – Eröffnung und Teamzusammenstellung

11 Uhr – Hacking starts

13 Uhr – Mittagessen

14 Uhr – Hacking continues

19 Uhr – Abendessen

Sonntag
09:30 Uhr – 17 Uhr

09:30 Uhr – Frühstück

10 Uhr – Hacking continues

13 Uhr – Mittagessen

15 Uhr – Präsentationen der Hacks

16 Uhr – Verkündung der Gewinner & Preisverleihung

Infos

Was wir haben

Erstmal natürlich WLAN. Zugang zu freien APIs und in jedem Fall Verpflegung (Frühstück, Mittag- und Abendessen und Getränke).

Was ihr braucht

Nur euren eigenen Laptop. Nutzt für die Entwicklung am besten eigene oder offene Development-Plattformen – und teilt eure Projekte gern auf eurem eigenen Blog oder auf Github.

Team-Regeln

Wichtig: In jedem Team müssen mindestens ein Journalist, ein Programmierer und ein Designer sein. Wir helfen euch Freitagabend und Samstagmorgen bei der Teamzusammenstellung.

.button-5b789919a1937 { margin-bottom: 15px; margin-top: 15px; min-width: 0px !important; } .button-5b789919a1937 { background-color:#333333; } .mk-button.button-5b789919a1937.flat-dimension:hover { background-color:#999999 !important; color:#ffffff !important; }

Team-Preise

#mk-icon-box-5b789919a3363 .mk-box-icon-2-icon { font-size:64px; color:#007083; } #mk-icon-box-5b789919a3363 .mk-box-icon-2-icon:hover{ }

Workshop „What to do with my Prototype“ mit Ben O’Hear

Amazon-Gutscheine im Wert von 1000.- €

#mk-icon-box-5b789919a45a3 .mk-box-icon-2-icon { font-size:64px; color:#007083; } #mk-icon-box-5b789919a45a3 .mk-box-icon-2-icon:hover{ }

Tickets für die Medientage München 2016

Amazon-Gutscheine im Wert von 500.- €

#mk-icon-box-5b789919a580a .mk-box-icon-2-icon { font-size:64px; color:#007083; } #mk-icon-box-5b789919a580a .mk-box-icon-2-icon:hover{ }

Portable Radios von DUAL

Amazon-Gutscheine im Wert von 250.- €

Unsere Jury

  • Georg Dahm
    Georg Dahm

    Journalist & Founder

    Editor in chief Substanz

Unsere Sponsoren

Open APIs

#list-style-5b789919bda8a ul li:before { font-family:Pe-icon-line; content: "\\e61f"; color:#023f50 }

Messenger APIs

#list-style-5b789919be10f ul li:before { font-family:Pe-icon-line; content: "\\e62b"; color:#023f50 }
#list-style-5b789919beda9 ul li:before { font-family:Pe-icon-line; content: "\\e620"; color:#023f50 }
#list-style-5b789919bf319 ul li:before { font-family:Pe-icon-line; content: "\\e620"; color:#023f50 }
#list-style-5b789919bf88a ul li:before { font-family:Pe-icon-line; content: "\\e620"; color:#023f50 }

Project documentation

Wichtig: Am Sonntag um 14 Uhr ist Deadline. Bis dahin muss jedes Team seine Project Documentation abgegben haben. Hier ist der Link dazu.

WO WIR SIND

Gefördert durch

.full-width-5b789919c22aa { min-height:90px; padding:10px 0 0px; margin-bottom:0px; } #background-layer--5b789919c22aa { background-position:left top; background-repeat:repeat; ; }