Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Peiltisch

 Peiltisch

Vortrag »Multi-Touch im Großformat – der Peiltisch im Smart Port Hamburg«; zuletzt gehalten zuletzt auf der DDC 2017.

Henning Schwentner

November 29, 2017
Tweet

More Decks by Henning Schwentner

Other Decks in Programming

Transcript

  1. Der Peiltisch
    Henning
    in
    featuring DDD and WAM
    A DOTNET DEVELOPER CONFERENCE PRESENTATION
    presented in
    4K
    Multitouch im Containerhafen
    Schwentner

    View full-size slide

  2. @hschwentner
    #netdc17

    View full-size slide

  3. oto: HHM/ M. Lindner

    View full-size slide

  4. @hschwentner
    ?

    View full-size slide

  5. @hschwentner

    View full-size slide

  6. @hschwentner
    speakerdeck.com/hschwentner

    View full-size slide

  7. Quelle: http://www.schulbilder.org/malvorlage-informatiker-i10418.html

    View full-size slide

  8. Foto: Henning Schwentner

    View full-size slide

  9. Fritz&
    Franz&
    Lothar&
    Philipp.

    View full-size slide

  10. Foto: Steindy/Wikipedia

    View full-size slide

  11. Wilhelm Paula Siegfried
    Foto: Lotse/Wikipoedia

    View full-size slide

  12. @hschwentner
    Was ist das
    für 1 Henning?

    View full-size slide

  13. Vong WPS her
    Foto: Lotse/Wikipoedia

    View full-size slide

  14. »Business-Software
    die Spaß macht«

    View full-size slide

  15. »Business-Software
    die Spaß macht«

    View full-size slide

  16. @hschwentner
    Der Peiltisch

    View full-size slide

  17. oto: HHM/ M. Lindner

    View full-size slide

  18. Holger Weinandt/Wikipedia

    View full-size slide

  19. @hschwentner
    7. 5. 1189

    View full-size slide

  20. oto: Ijon Tichy/Wikipedia

    View full-size slide

  21. Foto: Rainhard Kichrner/Wikipedia

    View full-size slide

  22. @hschwentner
    828 Jahre

    View full-size slide

  23. Foto: Gemeinfrei/Pixabay

    View full-size slide

  24. Foto: Glyn Lowe/flickr

    View full-size slide

  25. @hschwentner
    9 Mio TEU

    View full-size slide

  26. @hschwentner
    = 140 Mio Tonnen
    Seegüterumschlag

    View full-size slide

  27. @hschwentner
    Zweitgrößter
    Containerhafen in Europa

    View full-size slide

  28. @hschwentner
    10.000 Schiffsanläufe

    View full-size slide

  29. @hschwentner
    300 Liegeplätze

    View full-size slide

  30. Foto: Serge Melki/Wikipedia

    View full-size slide

  31. Foto: Public Domain/Wikipedia

    View full-size slide

  32. @hschwentner
    Wie kann das funktionieren?

    View full-size slide

  33. Foto: Thorsten Bätge/Wikipedia

    View full-size slide

  34. Foto: High Contrast/Wikipedia

    View full-size slide

  35. Foto: High Contrast/Wikipedia

    View full-size slide

  36. Foto: Thorsten Bätge/Wikipedia

    View full-size slide

  37. Foto: Thorsten Bätge/Wikipedia

    View full-size slide

  38. @hschwentner
    Hoher Grad von Technisierung

    View full-size slide

  39. Life-Kamera von
    Containerterminal

    View full-size slide

  40. Kommunikation mit
    Schiffen

    View full-size slide

  41. Liegeplatzverwaltung

    View full-size slide

  42. Diverse weitere Systeme

    View full-size slide

  43. @hschwentner
    Das ist nur einer
    der Arbeitsplätze!

    View full-size slide

  44. Gesamtübersicht Hafen
    auf Video-Wall

    View full-size slide

  45. Detail: Schiffsnamen

    View full-size slide

  46. Diverse weitere Systeme

    View full-size slide

  47. Detail: Spezialtastaturen

    View full-size slide

  48. @hschwentner
    Leitstand

    View full-size slide

  49. Foto: Pixabay

    View full-size slide

  50. Foto: Florian Fuchs/Wikipedia

    View full-size slide

  51. Foto: Till F. Teenck/Wikipedia

    View full-size slide

  52. @hschwentner
    Mobil

    View full-size slide

  53. Foto: Huhu Ueti/Wikipedia

    View full-size slide

  54. Foto: Pgemeinfrei/Wikipedia

    View full-size slide

  55. @hschwentner
    Immer noch auf Papier:
    Peilpläne

    View full-size slide

  56. Foto: Afrank99/Wikipedia

    View full-size slide

  57. Foto: Afrank99/Wikipedia

    View full-size slide

  58. Foto: Henning Schwentner

    View full-size slide

  59. Detail: Tiefenzahl

    View full-size slide

  60. @hschwentner
    Insgesamt:
    36 Mio Tiefenzahlen

    View full-size slide

  61. @hschwentner
    Die Lösung:
    ein Touch-Tisch

    View full-size slide

  62. Der Peiltisch

    View full-size slide

  63. @hschwentner
    Wie sieht sowas aus?

    View full-size slide

  64. Detail: Tiefenzahl

    View full-size slide

  65. Immer aktuell

    View full-size slide

  66. Hoher Zoomlevel

    View full-size slide

  67. Tiefenfilter

    View full-size slide

  68. Winkel zu Nord

    View full-size slide

  69. Werkzeugleiste

    View full-size slide

  70. VIDEOS
    • http://www.wps.de/themen/leitstand-interaktion/

    View full-size slide

  71. @hschwentner
    Warum hat das jetzt plötzlich
    funktioniert?

    View full-size slide

  72. @hschwentner
    #dddesign

    View full-size slide

  73. @hschwentner
    Was ist das
    für 1 Design?

    View full-size slide

  74. @hschwentner
    Vong Domain her

    View full-size slide

  75. @hschwentner
    Software != Selbstzweck

    View full-size slide

  76. Foto: Huhu Ueti/Wikipedia

    View full-size slide

  77. Foto: Ailura/Wikipedia

    View full-size slide

  78. Software
    Domäne

    View full-size slide

  79. Foto: Gemeinfrei/Pixabay

    View full-size slide

  80. @hschwentner
    Strategic Design
    Ubiquitous Language
    Tactical Design

    View full-size slide

  81. @hschwentner
    Strategic Design

    View full-size slide

  82. Bounded Context

    View full-size slide

  83. TIEFEN-
    MESSUNG

    View full-size slide

  84. TIEFEN-
    MESSUNG

    View full-size slide

  85. TIEFEN-
    MESSUNG

    View full-size slide

  86. TIDE-
    VORHER-
    SAGE
    TIEFEN-
    MESSUNG

    View full-size slide

  87. TIDE-
    VORHER-
    SAGE
    TIEFEN-
    MESSUNG

    View full-size slide

  88. @hschwentner
    Ubiquitous Language

    View full-size slide

  89. Fachbegriff
    Fachbegriff

    View full-size slide

  90. Technik
    Technik

    View full-size slide

  91. Ubiquitous Language

    View full-size slide

  92. Jubikjutuss Lengwitsch

    View full-size slide

  93. Allgegenwärtige Sprache

    View full-size slide

  94. Ubiquitäre Sprache

    View full-size slide

  95. public class Tiefenzahl
    {
    //...
    }

    View full-size slide

  96. Tiefenzahl
    public class Tiefenzahl
    {
    //...
    }
    Tiefenzahl
    Tiefenzahl

    View full-size slide

  97. @hschwentner
    Tactical Design

    View full-size slide

  98. public class Silhouette
    {
    //...
    }

    View full-size slide

  99. public class Silhouette
    {
    public void VerschiebeUm(Laenge l)
    //...
    }

    View full-size slide

  100. public class Silhouette
    {
    public void VerschiebeUm(Laenge l)
    //...
    public void DreheUm(Grad g)
    //...
    }

    View full-size slide

  101. WARNING
    SETTERS
    CAUSE
    MODEL
    ANEMIA

    View full-size slide

  102. public class Silhouette
    {
    public Position Pos { set; }
    //...
    }

    View full-size slide

  103. Auch: Business Object

    View full-size slide

  104. @hschwentner
    Identity

    View full-size slide

  105. @hschwentner
    Entity:
    *Identity
    *Lifecycle
    *(mutable state)

    View full-size slide

  106. Value Object

    View full-size slide

  107. @hschwentner
    Value:
    *No identity
    *immutable

    View full-size slide

  108. Beispiel: Tiefenzahl

    View full-size slide

  109. @hschwentner
    WAM

    View full-size slide

  110. Entwurfsmetaphern

    View full-size slide

  111. Foto: Dallas Museum of Art/Wikipedia

    View full-size slide

  112. Foto: Christoph Michels/Wikipedia

    View full-size slide

  113. Foto: MrX/Wikipedia

    View full-size slide

  114. Foto: Silsor/Wikipedia

    View full-size slide

  115. Foto: Wolfgagn Lonien/Wikipedia

    View full-size slide

  116. @hschwentner
    Material == passiv

    View full-size slide

  117. Foto: Christoph Michels/Wikipedia

    View full-size slide

  118. Foto: MrX/Wikipedia

    View full-size slide

  119. @hschwentner
    == aktiv

    View full-size slide

  120. Foto: Svdmolen/Wikipedia

    View full-size slide

  121. Port-Protect

    View full-size slide

  122. @hschwentner
    Literature

    View full-size slide

  123. @hschwentner
    speakerdeck.com/hschwentner

    View full-size slide

  124. Schulung
    Modul für Advanced Level
    wps.de/ddd

    View full-size slide

  125. @hschwentner
    Foto: Henning Schwentner

    View full-size slide

  126. Henning Schwentner
    [email protected]
    @hschwentner
    a

    View full-size slide