index.html

---
title: Chemnitz hackt!
layout: landing
---

<div class="pure-g header">
    <div class="pure-u-1 overflow-fix">
        <img class="logo" src="/images/chemnitz-hackt-2017.min.svg">
        <h1>Chemnitz hackt!</h1>
        <h3>Rückblick und Projektvorstellung</h3>
        <p class="subtitle">Der Hackathon in Chemnitz rund um Open Data</p>
        <p class="copyright">Foto: © <a href="https://www.flickr.com/photos/doubletight/28272636023/">Christoph Wurst</a></p>
    </div>
</div>
<div class="pure-g empty-row"></div>

<!-- Feedback -->
<div class="pure-g first-row">
    <div class="pure-u-1 is-center">
        <h1>Ein Rückblick auf Chemnitz hackt 2017</h2>
    </div>
</div>

<div class="line"></div> <!-- gruen_zu_weiss -->

<!-- Programm -->
<div class="pure-g">
    <div class="pure-u-1 pure-u-lg-1-5"></div>
    <div class="pure-u-1 pure-u-lg-3-5">

        Der erste (uns bekannte) Chemnitzer Hackathon vom 28. und 29. Oktober 2017 ist nun auch schon wieder vorbei. Dem einen oder anderen wird sicherlich interessieren, wie es so war, was für Projekte rausgekommen sind und ob es genug Pizza gab. Here u go:
        <br/><br/>
        Eindrücke und Fotos kann man im offiziellen Twitter-Kanal <a href="https://twitter.com/ChemnitzHackt">@ChemnitzHackt</a> gewinnen. Viele weitere Fotos gibt es zudem in dieser <a href="https://cloud.morrisjobke.de/apps/gallery/s/TwM4C1fM33UMM4q#">Bildergalerie</a>.
        <br/><br/>
        Das Teilnehmerfeld kann man durchaus als gemischt bezeichnen, vom-8 jährigen Raphael über den 15-jährigen Alex zu einer größeren Menge Staffbase'lern - die mit 6 Leuten vor Ort waren und an ihren schicken Hoodies gut erkennbar waren - bis hin zu einigen internationalen Studenten. Allerdings gab es ja noch über ein Dutzend andere Leute,  Designer, Entwicklerinnen - die insgesamt eine erstaunlich bunte Mischung an Skills und Kenntnissen mit sich brachten.
        <br/><br/>
        Begonnen hatte alles mit dem Projekte-Pitch und der Zusammenfindung der Teams. Dann wurde konzeptioniert, gebaut, designt und weiter konzeptioniert - unterbrochen nur durch leckeres Curry am Samstag-Mittag, noch leckererer Pizza von <a href="https://www.augusto.pizza/pizzen">Augusto</a> am Abend, Frühstück am Sonntag-Morgen, und auch leckerer Suppe am Mittag. Den leckeren Kuchen zum abschließenden Projekte-Pitch am Sonntag 16 Uhr soll nicht unerwähnt bleiben.
        <br/><br/>
        Nun zu den Vorträgen und Projekten. Der Sourcecode aller Projekte liegt in der <a href="https://github.com/chemnitzHackt/">offiziellen GitHub Organisation <strong>ChemnitzHackt</strong></a>.
        <br/><br/>
        Die originale Ausschreibung mit allen Infos, Projektvorschlägen und Vorstellung der Juroren findet ihr <a href="/2017">hier</a>.
    </div>
</div>

{% include weiss_zu_gruen.html %}

<div class="pure-g">
    <div class="pure-u-1 pure-u-lg-1-5"></div>
    <div class="pure-u-1 pure-u-lg-3-5 talks">

        <h2>Vorträge am Samstag Abend</h2>

        <div class="talk-header">
            <h3>biker-boarder.de &lt;3 Raspi</h3>
            <div class="meta">von Karsten Eger <a href="https://twitter.com/c3nC3">@c3nC3</a></div>
        </div>

        <p>Wenig Tech, viele Bilder aus der Werkstatt und den Verkaufsräumen wo die Raspis still ihren Dienst tun.</p>
        
        <a class="links" href="http://www.c3-net.de/raspberry/">Slides</a>

        <div class="talk-header">
            <h3>Einführung in GraphQL</h3>
            <div class="meta">von Lars Wiedemann <a href="https://twitter.com/gernsdorfer">@gernsdorfer</a></div>
        </div>

        <p>Plakative Erklärung, was der Unterschied von GQL zu REST ist: nur ein Endpoint, dafür Schema und Resolver zu internen Funktionen. Das ist wohl die Zukunft der APIs.</p>
        
        <a class="links" href="https://github.com/ChemnitzerWebDevs/slides/blob/master/2017/09-September/GraphQL.pdf">Slides</a>

        <div class="talk-header">
            <h3>PHP 7.0, 7.1., 7.2 New Features by Code</h3>
            <div class="meta">von Daniel Schröder <a href="https://twitter.com/schroedan">@schroedan</a></div>
        </div>


        <p>Sehr gute Übersicht über die neuen Features, ausschließlich anhand von Code erklärt. Bei einigen frage ich mich ernsthaft, warum erst jetzt, und: hab ich die nicht schon in PHP5 verwendet?</p>
        
        <a class="links" href="/2017/PHP7_New_Features_By_Code_schroedan.pdf">Slides</a>

        <div class="talk-header">
            <h3>Rapid Prototyping mit Meteor </h3>
            <div class="meta">von Ronny Hartenstein <a href="https://twitter.com/rhflow_de">@rhflow_de</a></div>
        </div>
        
        <p>Nach einem Überblick was Fullstack-JS bedeutet, gabs eine Live-Auskommentier-und-staun-Session.</p>
        <a class="links" href="https://docs.google.com/presentation/d/1LMSSS3_SonrLhop68VtTJODALh9brkc7wjO13yJdqFU/edit?usp=sharing">Slides,</a> <a class="links" href="https://github.com/ronnyhartenstein/meteor-in-action-talk-demo">Code</a>

    </div>
</div>

{% include gruen_zu_weiss.html %}

<div class="pure-g">
    <div class="pure-u-1 pure-u-lg-1-5"></div>
    <div class="pure-u-1 pure-u-lg-3-5 projects">

        <h2>Projekte Pitch</h2>

        <h3>Brötchen (Lieferservice)</h3>

        <p>Felix, der Vater von Raphael brachte die Idee mit zum Hackathon, eine App für seinen Sohn zu entwickeln die ihm bei seinem Brötchenservice für die Nachbarschaft unterstützt. Bestellungen holt er derzeit am Donnerstag ab, am Samstag dann Lieferung. Die Donnerstagsrunde soll eine App/Webseite ablösen.</p>
        
        <p>Am Ende war der Grundriss der Anwendung (React im Frontend) zu sehen, ein Regenbogen-Logo war gemalt und die Grundzüge der API (PHP Zend Expressive im Backend) liefen. Das Team arbeitet noch über den Hackathon hinaus daran.</p>

        <a class="links" href="https://github.com/ChemnitzHackt/broetchen/blob/master/slides/Hackathon-Praesentation.pdf">Slides,</a> <a class="links" href="https://github.com/ChemnitzHackt/broetchen">Code: github.com/ChemnitzHackt/broetchen</a>


        <h3>Alexa Skills</h3>

        Marcus hat dazu gebloggt:

        <h4>«Chemnitz»</h4>

        <blockquote>
            In den zwei Tagen sind zwei Alexa Skills, basierend auf OpenData für Chemnitz entstanden.
            <br/><br/>
            Der erste Skill „Eventer“ nutzt die von Danilo Stein (<a class="" href="https://github.com/haed" target="_blank" rel="noopener">https://github.com/haed</a>) bereitgestellte Eventer-API (<a class="" href="https://github.com/haed/eventer-web-api" target="_blank" rel="noopener">https://github.com/haed/eventer-web-api</a>).
            <br/><br/>
            Der Skill „Eventer“ hört auf den Namen „Chemnitz“ und kann verschiedene Kommandos verarbeiten:
            <br/><br/>
            „Alexa, frag Chemnitz was geht!“ startet einen Dialog mit dem Eventer-Skill. Im Dialog wird der User gefragt auf was er Lust hat, bekommt gefundene Ergebnisse ausgeliefert und kann Details zum Event erfahren. <br class="" /><br class="" />„Alexa, frag Chemnitz nach Informationen zu ..!“ startet eine Freitextsuche zu Events und liefert Details zum ersten gefundenen Event aus.
            <br/><br/>
            „Alexa, frag Chemnitz nach Veranstaltungen für kommenden Donnerstag!“ sucht alle Veranstaltung zu einem bestimmten Datum und liefert eine Liste der Titel aus.
        </blockquote>

        <a class="links" href="https://github.com/ChemnitzHackt/alexa-lambda-eventer">Code und Anleitung für Amazon Lambda</a> <span class="links">und</span> <a class="links" href="https://github.com/ChemnitzHackt/eventer-alexa-skill">zugehöriger Backend-Service</a>

        <h4>«Manni, der Busfahrer»</h4>

        <blockquote>
            Der zweite Skill „CVAG" nutzt das Github Projekt „public transportation chemnitz" (<a class="" href="https://github.com/stephanruttloff/public-transportation-chemnitz" target="_blank" rel="noopener">https://github.com/stephanruttloff/public-transportation-chemnitz</a>) von Stephan Ruttloff (<a class="" href="https://github.com/stephanruttloff" target="_blank" rel="noopener">https://github.com/stephanruttloff</a>). Weiterhin bedient sich der Service bereitgestellter Wetterdaten der Dark Sky-API (<a class="" href="https://darksky.net/dev/docs#overview" target="_blank" rel="noopener">https://darksky.net/dev/docs#overview</a>). Okay, die Daten sind nicht komplett Open Source, mit 1000 Requests gratis pro Tag reicht dies aber völlig für unsere Prototypen aus.
            <br/><br/>
            Der Skill „CVAG" hört auf den Namen „Manni".<br class="" /><br class="" />„Alexa, frag Manni wann der Bus kommt!“ eröffnet einen Dialog mit dem User. Der User teilt Alexa eine Haltestelle mit, woraufhin Alexa die nächsten abfahrenden Buse und Bahnen zur entsprechenden Haltestelle ermittelt. Alexa teilt dem User außerdem mit wie viele Minuten noch bis zur Abfahrt verbleiben. Zum Schluss gibt Alexa noch einen Hinweis, wie das Wetter gerade ist.
        </blockquote>

        <a class="links" href="https://github.com/ChemnitzHackt/alexa-lambda-cvag">Code und Anleitung für Amazon Lambda</a>

        <p>Übrigens gabs zu Manni eine tolle Meme in den Slides, die ich auch fotografiert habe (siehe Fotos).</p>

        <h3>Eventer PWA</h3>

        <p>Der Macher hinter Eventer, Danilo Stein <a href="https://github.com/haed">@haed</a>, hat eine Progressive Web App gebaut. Eine App also, die auch offline funktioniert und dann gecachte Inhalte  seiner API anzeigt.</p>


        <h3>Picky Palate</h3>

        <p>Dieses Projekt hat sich einen Problem von Menschen mit Lebensmittel-Unverträglichkeiten gewidmet: In einer fremden Stadt: welche Bäckerei liefert glutenfreie Backwaren? Das ganze sollte schön aufbereitet in einer Karte dargestellt werden. Openstreetmap hat die Daten, wenn auch nicht vollständig. Die Darstellung erfolgte in einer Google-Karte, weil das OSM-Paket kaputt war - welch Ironie. Zweites Ziel ist es zudem, das Mitmachen anzuregen und fehlende Kennzeichnungen einfach eintragen zu können.</p>

        <p class="links">Code: <a href="https://github.com/ChemnitzHackt/pickypalate-frontend">Frontend</a> (React, Leaflet), <a href="https://github.com/ChemnitzHackt/pickypalate-backend">Backend</a> (NodeJS, Overpass OSM)
        <a href="https://github.com/ChemnitzHackt/pickypalate-frontend/tree/master/presentation">Slides vom Pitch</a> (muss erst ausgecheckt werden)</p>


        <h3>Clean Chemnitz</h3>

        <p>Ein Team aus zwei indischen Studenten haben das vorgeschlagene Thema "Müll melden" aufgegriffen und umgesetzt. Herausgekommen ist eine gebrauchsfähige Foto-Upload-und-per-Mail-versende-WebApp. Zu klären ist noch die Kernfrage: Wer ist zuständig (bei der Stadt)?</p>
        <p class="links"><a href="https://github.com/ChemnitzHackt/CleanChemnitz">Code</a> (Bootstrap im Frontend, NodeJS im Backend)</p>


        <h3>MedAid</h3>

        <p>Ein Team aus russischen Studenten und einem indischen haben sich mit dem Problem "Was tun bei welchen Symptomen" gewidmet. Ziel war es, Sympome grob abzufragen und dann darüber zu entscheiden ob man zu Arzt gehen sollte. Im Kontext "Indien" ein durchaus ernstzunehmendes Thema, da es Zeit und Geld spart, und zudem zunächst keinen physisch anwesenden Arzt bedarf. Herausgekommen ist ein sehr schickes Mockup zur Obefläche und weitere Ideen.</p>

        <h3>Verspätungsvorhersage</h3>

        <p>Als letztes Projekt hat sich ein Teilnehmer einen Datensatz mit der Deutschen Bahn vorgenommen. Genauer, ein Set aus Stuttgart mit Soll- und Ist-Ankunftzeiten aus dem Zeitraum von 2 Wochen. Daraus lassen sich für einzelne Haltestellen eine Verteilung der durchschnittlichen Verspätung visualisieren (mit R und einem geeigneten Webframework). Fernziel ist es, für Bahnverbindungen eine mittlere Vorhersage zu den Verspätungen, ggf. auf den Wochentag bezogen, zu erhalten um zu überlegen ob eine andere Route nicht doch günstiger wäre um Anschlusszüge zu erreichen.</p>

        <p class="links"><a href="https://github.com/ChemnitzHackt/verpaetungsvorhersage">Code bald hier verfügbar</a></p>

    </div>
</div>

{% include weiss_zu_gruen.html %}

<div class="pure-g">
    <div class="pure-u-1 pure-u-lg-1-5"></div>
    <div class="pure-u-1 pure-u-lg-3-5">

        <h2>Fazit</h2>
        Alles im allem hatten alle Teilnehmer eine gute Zeit, waren bestens versorgt und haben mindestens Erfahrung, definitiv aber neue Kontakte knüpfen können.
        <br/><br/>
        Der nächste Hackathon kommt bestimmt! Wir geben rechtzeitig Bescheid.

    </div>
</div>

{% include gruen_zu_weiss.html %}

<!-- Bleibe auf dem Laufenden -->
<div class="pure-g">
    <div class="pure-u-1 pure-u-lg-1-5 is-center">
        <img class="icon icon-bird" src="/images/bird-sw.svg">
    </div>
    <div class="pure-u-1 pure-u-lg-3-5">
        <a name="updates"></a>
        <h2>Bleibe auf dem Laufenden</h2>
        <p class="text">
            Die neuesten Informationen rund um «Chemnitz hackt» findest du hier auf der Webseite sowie auf Twitter unter <a href="https://twitter.com/ChemnitzHackt">@ChemnitzHackt</a>.
        </p>
    </div>
</div>
<div class="pure-g empty-row"></div>
<div class="pure-g">
    <div class="pure-u-1 pure-u-lg-1-5"></div>
    <div class="pure-u-1 pure-u-lg-3-5">
        <h2>Über uns</h2>
        <p class="text">
            Wir sind <a href="http://codeforchemnitz.de">Code for Chemnitz</a> - eine Gruppe von Entwicklern, die sich rund um das Thema Open Data aller zwei Wochen trifft und an kleinen Projekten arbeitet.
        </p>
    </div>
</div>

{% include weiss_zu_gruen.html %}

<!-- Sponsoren -->
<div class="pure-g">
    <div class="pure-u-1 is-center">
        <a name="sponsoren"></a>
        <h2>Sponsoren</h2>
        <p class="text sponsors">
            <a href="https://www.augusto.pizza" title="Augusto">
                <img class="logo-sponsor logo-augusto" src="/images/augusto.png">
            </a>
            <a href="https://www.axilaris.de" title="Axilaris">
                <img class="logo-sponsor logo-axilaris" src="/images/axilaris.png">
            </a>
            <a href="https://www.cape-it.de/" title="c.a.p.e. IT GmbH">
                <img class="logo-sponsor logo-capeit" src="/images/capeit.png">
            </a>
            <a href="http://www.chemmedia.de/" title="chemmedia AG">
                <img class="logo-sponsor logo-chemmedia" src="/images/chemmedia.png">
            </a>
            <a href="https://staffbase.com/">
                <img class="logo-sponsor logo-staffbase" src="/images/staffbase.png">
            </a>
            <a href="https://www.ed-chemnitz.de/">
                <img class="logo-sponsor logo-edc" src="/images/edc.png">
            </a>
            <a href="http://www.zammwerk.de" title="Zammwerk">
                <img class="logo-sponsor logo-zammwerk" src="/images/zammwerk.png">
            </a>
        </p>
        <div class="is-center overflow-fix">
            <a href="/sponsoring" class="pure-button button">Sponsor werden?</a>
        </div>
    </div>
</div>
<div class="pure-g empty-row"></div>
<div class="pure-g footer">
    <div class="pure-u-1 is-center">
        <ul class="text-tiny">
            <li>Für die Logos unserer Sponsoren gilt: Alle Warenzeichen sind Eigentum ihrer jeweiligen Eigentümer.</li>
            <li>© 2017 Code for Chemnitz &middot; <a href="/impressum">Impressum &amp; Datenschutz</a>, <a href="https://github.com/CodeforChemnitz/chemhack">GitHub Repo dieser Webseite</a></li>
        </ul>
    </div>
</div>