Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Christian Haider
Helge Nowak30.09.2015
MEHR DEMOKRATIE DURCH
HAUSHALTSTRANSPARENZ
IM INTERNET
Christian Haider
Helge Nowak...
Christian Haider
Helge Nowak30.09.2015
Christian Haider
• Diplom Informatiker
 KI, visuelle Wahrnehmung
• Berater
 Wenn ...
Christian Haider
Helge Nowak30.09.2015
Helge Nowak
• Diplom Physiker
 Allgemeine Relativitätstheorie
• Generalist, Schnit...
Christian Haider
Helge Nowak30.09.2015
Smalltalk und das Web
• 1995: ParcPlace VisualWave
 Börsenticker (Sparkassen)
 Mu...
Christian Haider
Helge Nowak30.09.2015
Smalltalk und das Web
• Vorteil von VisualWave, AIDAWeb, Seaside:
Programmierung de...
Christian Haider
Helge Nowak30.09.2015
Cincom Smalltalk AppeX
• Smalltalk-Webserver SiouX
 ggfs. hinter Apache, IIS usw.
...
Christian Haider
Helge Nowak30.09.2015
AppeX-Architektur Server
• AppeX.Application: abstrakte Oberklasse für die
Server-s...
Christian Haider
Helge Nowak30.09.2015
AppeX-Architektur Client
• AppeX.ApplicationClient: abstrakte Oberklasse für die
Cl...
Christian Haider
Helge Nowak30.09.2015
Hello World in AppeX: Server-Seite
• Konfiguration des Web-Servers durch Hinzufügen...
Christian Haider
Helge Nowak30.09.2015
Hello World in AppeX: Client-Seite
• Klasse HelloWorldClient als Unterklasse von
Ap...
Christian Haider
Helge Nowak30.09.2015
Hallo Lübeck! Warum hast Du soviel
Schulden?
• Lübeck ist hoch verschuldet
• Warum?...
Christian Haider
Helge Nowak30.09.2015
Haushalt
• Bundes-Informationsfreiheitsgesetz IFG: „Jeder hat …
gegenüber den Behör...
Christian Haider
Helge Nowak30.09.2015
Zahlen, Zahlen, Zahlen…
• Ausgangspunkt: große CSV-Tabelle
• Exploratives Modellier...
Christian Haider
Helge Nowak30.09.2015
Abfrage- und Analysemöglichkeiten
• Welche sollten implementiert werden?
• ALLE !!
Christian Haider
Helge Nowak30.09.2015
Visualisierung
• Fachliche Visualisierung
• Visuelle Nutzerführung
• Ästhetik
• Ja,...
Christian Haider
Helge Nowak30.09.2015
Schatzsuche
Die Schatzkarte
http://schatzkarte-sh.de
Christian Haider
Helge Nowak30.09.2015
Zukunft Schatzkarte
• Fachlich
 Bezug zur Bevölkerungszahl und Struktur
 Buchunge...
Christian Haider
Helge Nowak30.09.2015
Demo
Entwicklung
Christian Haider
Helge Nowak30.09.2015
Zukunft Cincom Smalltalk AppeX
• Unterstützung von Dart
• HTTP/2-Support
• Resource...
Christian Haider
Helge Nowak30.09.2015
Noch Fragen?
• Wir antworten!
Christian Haider
Helge Nowak30.09.2015
Christian Haider
Christian.Haider@smalltalked-visuals.com
Helge Nowak
hnowak@cincom...
Nächste SlideShare
Wird geladen in …5
×

Christian Haider & Helge Nowak - Mehr Demokratie durch Haushaltstransparenz im Internet - code.talks 2015

873 Aufrufe

Veröffentlicht am

code.talks 2015 hosted by ABOUT YOU

Veröffentlicht in: Internet
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Christian Haider & Helge Nowak - Mehr Demokratie durch Haushaltstransparenz im Internet - code.talks 2015

  1. 1. Christian Haider Helge Nowak30.09.2015 MEHR DEMOKRATIE DURCH HAUSHALTSTRANSPARENZ IM INTERNET Christian Haider Helge Nowak New Technology
  2. 2. Christian Haider Helge Nowak30.09.2015 Christian Haider • Diplom Informatiker  KI, visuelle Wahrnehmung • Berater  Wenn Sie eine ehrlich Meinung brauchen… • Unternehmer • Engagierter Mensch  Aktiv in der Lokalpolitik in seiner neuen Heimat Lübeck • Mitglied des Wirtschaftsausschusses für die Partei-Piraten
  3. 3. Christian Haider Helge Nowak30.09.2015 Helge Nowak • Diplom Physiker  Allgemeine Relativitätstheorie • Generalist, Schnittstellenmensch  ganzheitlich, wertorientiert  BWL, VWL, Organisation  Software als Mittel zum Zweck
  4. 4. Christian Haider Helge Nowak30.09.2015 Smalltalk und das Web • 1995: ParcPlace VisualWave  Börsenticker (Sparkassen)  Multisiteprojektmanagement (Europäische Forschung)  Dynamische IT-Steuerung (Bank) • 1996: AIDAweb: „This is how the Web works“ • 2001: WebToolKit: Servlets, SSPs (wie JSPs, ASPs) • 2002: Seaside: Continuations, Komponenten  DabbleDB  ChannelStream
  5. 5. Christian Haider Helge Nowak30.09.2015 Smalltalk und das Web • Vorteil von VisualWave, AIDAWeb, Seaside: Programmierung des Frontends ausschließlich in Smalltalk • Nachteil von VisualWave, AIDAWeb, Seaside: Programmierung des Frontends ausschließlich in Smalltalk • 2014: Cincom Smalltalk AppeX  Integrierte Smalltalk/JavaScript-Umgebung
  6. 6. Christian Haider Helge Nowak30.09.2015 Cincom Smalltalk AppeX • Smalltalk-Webserver SiouX  ggfs. hinter Apache, IIS usw. • Smalltalk-Web-Application-Server AppeX  HTML5-Client • JavaScript-Client  Objekt-orientiertes JavaScript  Einfache Verwendung beliebiger JavaScript-Bibliotheken • Gemeinsame IDE  Source-Code-Management in einem gemeinsamen Repository
  7. 7. Christian Haider Helge Nowak30.09.2015 AppeX-Architektur Server • AppeX.Application: abstrakte Oberklasse für die Server-seitige Funktionalität der Webapplikation  Unterklasse von SiouX.HttpResponder  Request/Response Dispatch  Registrierung und Lookup von Services  Routing von HTTP-Requests zu Ressourcen wie: HTML, CSS, XML, JSON etc.  Optionales automatisches Session-Management  Alles in Smalltalk-Code
  8. 8. Christian Haider Helge Nowak30.09.2015 AppeX-Architektur Client • AppeX.ApplicationClient: abstrakte Oberklasse für die Client-seitige Funktionalität der Webapplikation  Vererbungshierarchie in Smalltalk: nil>>JavascriptCode>>JavascriptClass>>ApplicationClient  JavaScript, mit oder ohne Bibliotheken • Amber: JavaScript-basiertes Smalltalk im Web-Browser  keine Code-Generierung: „what you write is what you get“ • AppeX.CoreCode stellt Umgebung für klassenbasiertes JavaScript bereit  Nicht notwendig, wenn kein JavaScript verwendet wird
  9. 9. Christian Haider Helge Nowak30.09.2015 Hello World in AppeX: Server-Seite • Konfiguration des Web-Servers durch Hinzufügen einer Klassenmethode zu SiouX.Server  Eine Klassenmethode: • myServer: aServer (erzeugt und konfiguriert den Server) • Applikationsserver: Klasse HelloWorld als Unterklasse von AppeX.Application  Drei Klassenmethoden: • applicationClientClass (gibt die verwendete Client-Klasse zurück) • helloWorldResponder (definiert den Responder auf dem Server) • getGreeting (Service-Methode gibt den „Hello World“-String zurück)
  10. 10. Christian Haider Helge Nowak30.09.2015 Hello World in AppeX: Client-Seite • Klasse HelloWorldClient als Unterklasse von AppeX.ApplicationClient  Eine Instanzmethode • buildHtml (enthält den Code einer JavaScript Function buildHtml(), die das DOM auf dem Client erzeugt)
  11. 11. Christian Haider Helge Nowak30.09.2015 Hallo Lübeck! Warum hast Du soviel Schulden? • Lübeck ist hoch verschuldet • Warum? • Informationen sind im Haushalt (900 Seiten PDF)  Viele Details, aber kaum Übersicht • Ich brauche eine Visualisierung, damit ich sowas verstehen kann… • AppeX wollte ich einfach mal ausprobieren
  12. 12. Christian Haider Helge Nowak30.09.2015 Haushalt • Bundes-Informationsfreiheitsgesetz IFG: „Jeder hat … gegenüber den Behörden des Bundes einen Anspruch auf Zugang zu amtlichen Informationen.“  Ähnliches gilt teilweise auf Landes- und kommunaler Ebene • Viele Zahlen  Oftmals nicht konsistent • Erfordert Kenntnisse der unterschiedlichen Buchführungssysteme der öffentlichen Hand  Kameralistik und Doppik
  13. 13. Christian Haider Helge Nowak30.09.2015 Zahlen, Zahlen, Zahlen… • Ausgangspunkt: große CSV-Tabelle • Exploratives Modellieren  in Smalltalk  Fachlichkeit lernen, Landesverordnungen lesen
  14. 14. Christian Haider Helge Nowak30.09.2015 Abfrage- und Analysemöglichkeiten • Welche sollten implementiert werden? • ALLE !!
  15. 15. Christian Haider Helge Nowak30.09.2015 Visualisierung • Fachliche Visualisierung • Visuelle Nutzerführung • Ästhetik • Ja, natürlich… inkrementell, emergent
  16. 16. Christian Haider Helge Nowak30.09.2015 Schatzsuche Die Schatzkarte http://schatzkarte-sh.de
  17. 17. Christian Haider Helge Nowak30.09.2015 Zukunft Schatzkarte • Fachlich  Bezug zur Bevölkerungszahl und Struktur  Buchungen richtig zuordnen  Vergleiche von Kommunen • Oberfläche  Darstellung der Veränderungen  Intuitiveres Layout • Vermarktung
  18. 18. Christian Haider Helge Nowak30.09.2015 Demo Entwicklung
  19. 19. Christian Haider Helge Nowak30.09.2015 Zukunft Cincom Smalltalk AppeX • Unterstützung von Dart • HTTP/2-Support • Resource-Minimierung in deployten Anwendungen • User-Messages-Framework für Anwendungs- Lokalisierung
  20. 20. Christian Haider Helge Nowak30.09.2015 Noch Fragen? • Wir antworten!
  21. 21. Christian Haider Helge Nowak30.09.2015 Christian Haider Christian.Haider@smalltalked-visuals.com Helge Nowak hnowak@cincom.com Twitter: @nowagil CINCOM and the Quadrant Logo are registered trademarks of Cincom Systems, Inc. All other trademarks belong to their respective companies. © 2015 Cincom Systems, Inc., Smalltalked Visuals GmbH All rights reserved

×