Sketchnotes in der IT

Hier habe ich zur Erstellung der Sketchnote die App Procreate verwendet. Wie ich beim Sketchnoten mit Procreate vorgehe, kannst du in meinem Blogbeitrag vom 3.11.2020 nachlesen.

Hier geht's zu Folge 14 von "SoftwareArchitektur im Stream"

Die Architektur-Rolle in agilen Projekten

2020-08-28T00:00:00+00:00

Hier habe ich zur Erstellung der Sketchnote die App Procreate verwendet. Wie ich beim Sketchnoten mit Procreate vorgehe, kannst du in meinem Blogbeitrag vom 3.11.2020 nachlesen.

Hier geht's zu Folge 15 von "SoftwareArchitektur im Stream"

Sozialwissenschaften und Software-Architektur

2020-09-04T00:00:00+00:00

Hier habe ich zur Erstellung der Sketchnote die App Procreate verwendet. Wie ich beim Sketchnoten mit Procreate vorgehe, kannst du in meinem Blogbeitrag vom 3.11.2020 nachlesen.

Hier geht's zu Folge 16 von "SoftwareArchitektur im Stream"

DDD, Event Storming & Specification by Example

2020-09-10T00:00:00+00:00

Hier habe ich zur Erstellung der Sketchnote die App Procreate verwendet. Wie ich beim Sketchnoten mit Procreate vorgehe, kannst du in meinem Blogbeitrag vom 3.11.2020 nachlesen.

Hier geht's zu Folge 17 von "SoftwareArchitektur im Stream"

Service Mesh "Linkerd"

2020-09-18T00:00:00+00:00

Hier habe ich zur Erstellung der Sketchnote die App Procreate verwendet. Wie ich beim Sketchnoten mit Procreate vorgehe, kannst du in meinem Blogbeitrag vom 3.11.2020 nachlesen.

Hier geht's zu Folge 19 von "SoftwareArchitektur im Stream"

01 - Class

2020-10-01T00:00:00+00:00

Wie vermutlich viele andere auch, habe ich die objektorientierte Programmierung anhand des Beispiels der Vererbung bei Säugetieren erklärt bekommen. Sowohl "Katze" als auch "Hund" erben von der abstrakten Klasse "Säugetier". Während man eine "Katze" und einen "Hund" nach dem vorliegend Bauplan "bauen" kann, so ist die Klasse "Säugetier" nicht baubar. Daher ist ihr Bauplan wie Kunst eingerahmt und beschriftet, quasi abstrakte Kunst in einem Museum. Beim Zeichnen der Baupläne habe ich mich dafür entschieden, sie wie Blaupausen aussehen zu lasen, ich verbinde diese direkt mit einem Bauplan.

https://www.youtube.com/watch?v=3LDgwIclE24

02 - Kubernetes

2020-10-02T00:00:00+00:00

Immer, wenn ich Kubernetes höre, muss ich an das großartigste Kubernetes-Erklärvideo denken, dass ich kenne: The Illustrated Children's Guide to Kubernetes. Hier verreist eine Giraffe auf einem Schiff. Dieses Schiff habe ich auch für mein Bild verwendet. Das Schiff stellt Kubernetes dar, die einzelnen Anwendungen - hier eine Postgres-Datenbank, eine Python-Applikation und eine Java-Applikation - befinden sich innerhalb von Containern. Die Container sind beschriftet, sodass die innenliegende Anwendung wieder gefunden werden kann. Jeder Container hat eine Statusleuchte, anhand derer die Eule, die die Container beobachtet und das Schiff steuert, die Gesundheit des Containers beurteilen kann. Im Java-Container kam es zu einem Fehler und er raucht, zusätzlich zu diesem Rauch leuchtet die Statusleuchte rot auf.

https://www.youtube.com/watch?v=GH5oglFG_O8

Frontend-Architektur

2020-10-02T00:00:00+00:00

Hier habe ich zur Erstellung der Sketchnote die App Procreate verwendet. Wie ich beim Sketchnoten mit Procreate vorgehe, kannst du in meinem Blogbeitrag vom 3.11.2020 nachlesen.

Hier geht's zu Folge 20 von "SoftwareArchitektur im Stream"

03 - Algorithm

2020-10-03T00:00:00+00:00

Während meiner Ausbildung gab es eine Zeit, wo Videos die Runde machten, in denen verschiedene Sortieralgorithmen mittels traditioneller Volkstänze erklärt wurden. Eines dieser Videos, dient heute als Vorlage, ich habe es angeschaut und einen Screenshot gemacht, von einer Stelle, bei der ich dachte, dass sie sich gut als Vorlage für mein Bild eignen könnte. Daraufhin habe ich die Tänzer:innen grob nachgemalt und "in meinen Stil" gebracht. Natürlich durften einige Noten nicht fehlen, um zu verdeutlichen, dass es sich um etwas musikaliches handelt.

https://www.youtube.com/watch?v=FP_26AB5pL4

04 - API

2020-10-04T00:00:00+00:00

Dies ist wahrscheinlich mein Lieblingstag, da er mir die Change geboten hat, meinen Lieblings-HTTP-Status-Code zu visualisieren: "418 - I'm a teapot". Dieser Statuscode wurde im Rahmen der Definition des "Hyper Text Coffee Pot Control Protocol" im RFC 2324 beschrieben - ein April-Scherz.

Ich habe also eine Kaffeemaschine gezeichnet, die wirklich gerne Kaffee machen möchte, und auf ihrer Heizfläche befindet sich eine sehr verängstigte Teekanne, die definitiv nicht mit Kaffee gefüllt werden möchte. Sie schreit immer wieder den Code "418" in der Hoffnung, dass die Kaffeemaschine es mitbekommt.

https://www.youtube.com/watch?v=Cz0frxn4Gi4

05 - Tooling

2020-10-05T00:00:00+00:00

"Wenn man einen Hammer hat, dann sieht jedes Problem aus wie ein Nagel."

Nach diesem Spruch richtet sich mein Bild zum Thema "Tooling", ich vermute, du hast den Spruch auch schon gehört. Du siehst eine Person, die einen Hammer in der Hand hält, sie steht vor einem Tisch mit vielen verschiedenen Problemen: einer Schraube, einem geknickten Nagel, einer Schraubenmutter und einem kleinen Käfer. In den Gedanken der Person, schaut jedes dieser Probleme aus, als wäre es ein Nagel, auf den sie mit dem Hammer schlagen kann... Der arme Käfer!

Kleiner Fun-Fact: Beim Zeichnen des Bildes war ich etwas verwirrt, was die bereits vergangenen Tage anging. Deshalb hängt im Hintergrund ein Kalender, bei dem fälschlicherweise Tag 4 und nicht Tag 5 eingerahmt ist. Natürlich könnte ich auch argumentieren, dass die Person mit dem Hammer nicht den Kalender ummarkieren konnte, aber das wäre weit hergeholt.

https://youtu.be/sMandY_kE7U

06 - Cookie

2020-10-06T00:00:00+00:00

KEEEEEEEEKSE!!!

Das Krümelmonster freut sich über jeden Keks, den es bekommen kann. Mein Bild heute orientiert sich allerdings nicht am Krümelmonster. Ich musste an die ganzen Cookie-Notifications denken, die mir heutzutage so in den Weg springen, wenn ich durch das Web browse. Stellvertretend für alle Browser habe ich mich entschieden, einen Fuchs zu zeichnen (natürlich wegen des feurigen Namensvetters), der im Bild sitzt. Von oben bis unten übersät mit Kekskrümeln. Der Fuchs ist schon ziemlich in die Breite gegangen dank der ganzen Kekse, die er essen muss, um irgendwo rein zu kommen. Rund um ihm stehen Schilder, auf denen steht, wie viele Kekse er essen muss, um Dinge zu tun.

Ein keksartiges Lettering für die Überschrift durfte natürlich auch nicht fehlen.

https://youtu.be/6InhJZThqgw

07 - Array

2020-10-07T00:00:00+00:00

"Arrays die bei 1 starten sind keine richtigen Arrays"

Vermutlich kennst du die Aussage beziehungsweise Streitereien zu dieser Thematik. Genau das möchte ich heute in meinem Bild zum Ausdruck bringen. Die Arrays stelle ich als Schubladenschränke dar, in deren numerierte Fächer wir die Werte legen können. Die Arrays, die bei 0 starten, zeigen mit dem Finger auf das Array, das bei 1 starten und lachen über dieses.

Vielleicht fragst du dich, warum die Arrays Aktentaschen mit sich tragen: Darin stecken die wertvollen Arraymethoden, mit denen wir auf Arrays arbeiten können.

https://youtu.be/OGcujRg8tYI

08 - Yarn

2020-10-08T00:00:00+00:00

Yarn ist neben npm der am meisten verbreitete Paketmanager im Node-Universum. Darum siehst du auf meinem Bild, wie Yarn sich um die Pakete kümmert und sie zusammenhält.

Naheliegend, dass ich Yarn als Wollknäuel gezeichnet habe. Um den Spieß etwas umzudrehen, passt das Wollknäuel auf Katzen auf. Diese Katzen sind "Package-Kittens" also die Pakete, die Yarn verwaltet.

https://youtu.be/0WbxySN96K8

09 - Dynamic

2020-10-09T00:00:00+00:00

Heute hatte ich Hilfe von Joy und Lucas, da ich Probleme hatte, eine Idee zu finden.

Im Bild geht es um Duck Typing. Eigentlich wird beim Duck Typing der Typ eines Objekts über das Vorhandensein von Attributen und/oder Methoden bestimmt und nicht durch die Klasse, die es hat. Doch das wäre sicher nicht so ein lustiges Bild geworden.

Ich habe einen Laptop gezeichnet, dessen Besonderheit die Tastatur ist. Auf jeder Taste sitzt eine Quietscheente, quasi ein Duck Keyboard zum Duck Typing. Weil ich nach all den Quietscheenten-Tasten Lust auf noch mehr Quietscheenten-Inhalt im Bild hatte, ist auf dem Bildschirm ebenfalls eine Quietscheente zu sehen und das, was man so tippt, wenn man mit der Hilfe von Quietscheenten tippt.

https://youtu.be/vF7FX5cuylA

Domain Story Telling

2020-10-09T00:00:00+00:00

Hier habe ich zur Erstellung der Sketchnote die App Procreate verwendet. Wie ich beim Sketchnoten mit Procreate vorgehe, kannst du in meinem Blogbeitrag vom 3.11.2020 nachlesen.

Hier geht's zu Folge 21 von "SoftwareArchitektur im Stream"

10 - Health Tech

2020-10-10T00:00:00+00:00

Die erste Chance für mich, einen "bekannten Charakter" einzubauen, und ich habe sie sogleich genutzt.

Bei Health Tech musste ich sofort an den Film Baymax denken, hier taucht ein Roboter namens Baymax auf, der als Gesundheitsbegleiter entwickelt wurde. Er ist so gestaltet, dass er möglichst wenig beängstigend uns möglichst liebenswert ausschaut. Wenn er einen Schmerzschrei hört, fragt er sogleich nach dem Befinden des Schreienden. Dies tut er indem er eine Skala zur Verfügung stellt, auf der der Schmerz eingeordnet werden kann. Diesen Moment des nach dem Befinden-Fragens habe ich hier abgebildet.

https://youtu.be/ubH8nVaRmes

11 - Data

2020-10-11T00:00:00+00:00

Für den Data-Tag des inktechtober2020 habe ich wieder einen Aprilscherz-RFC verwendet. Diesmal handelt es sich um RFC 2549, eine Weiterführung von RFC 1149. Dieser trägt den Titel "IP over Avian Carriers with Quality of Service".

Am Himmel fliegen einige Vögel, die Daten-Pakete tragen. Die Vögel sind die im RFC definierten "Avian Carriers". Um zu kennzeichnen, dass es sich um Datenpakete handelt, habe ich die Pakete mit geschwungenen Klammern gekennzeichnet. So erscheint der Eindruck, diese würden JSON beinhalten.

Am Boden unterhalten befinden sich zwei LAN-Kabel. Das eine schaut erstaunt in den Himmel und wundert sich, was es dort beobachtet. Das andere weiß genau, worum es bei dem Spektakel geht und erklärt es dem erstaunten LAN-Kabel.

12 - Site Reliability

2020-10-12T00:00:00+00:00

Heute hatte ich beim Ideenfinden erneut Hilfe von Lucas. Er sagte "irgendwas mit einem Gopher und Servern, weil viele Infrastruktur-Anwendungen in Go geschrieben sind."

Damit hat Lucas recht, und außerdem eignet sich der Gopher dank seiner Niedlichkeit auch prima als Grundlage für ein Bild. Ich habe also eine Serverfarm gezeichnet, auf der sich der Gopher um die Server kümmert. Auf der rechten Seite siehst du zwei glückliche und gesunde Server. Auf der linken Seite ist ein Server krank geworden. Dies kann man daran erkennen, dass seine Kontrollleuchte rot leuchtet, seine Augen nicht sehr gesund aussehen und daran dass das Fieberthermometer in seinem Mund voll ausgeschlagen ist. Der fürsorgliche Gopher bringt dem kranken Server eine Tasse warmen Tee und wünscht diesem eine gute und schnelle Genesung.

13 - Browser

2020-10-13T00:00:00+00:00

Der Browser-Tag ist meine zweite Chance, einen bekannten Charakter in ein Bild zu integrieren.

Ich habe mir hier Bowser aus dem Mario-Universum geschnappt, der mit vier Browsern jongliert: Firefox, Chrome, Safari und dem Internet Explorer. Bowser habe ich wegen der starken Ähnlichkeit beim Namen ausgewählt, so hatte ich auch die Chance, ein von Nintendo inspiriertes Lettering als Überschrift für den heutigen Tag zu integrieren.

14 - Machine Learning

2020-10-14T00:00:00+00:00

Pssssst...

Der Roboter muss für seinen anstehenden Mathe-Test lernen, wir sollten ihn dabei nicht stören.

Ich habe einen lernenden Roboter gezeichnet, der ein Buch über Roboter-Mathematik liest. Im Buch gibt es ein paar klassische Dinge aus der Mathematik: ein Dreieck mit eingezeichneten Winkeln, eine Parabel, sowie das Grenzwertverhalten einer Funktion. Als praktisches Dreieck-Beispiel findet der Roboter ein Beispiel aus dem menschlichen Alltag, ein Mensch liegt auf dem Rasen in einer gegebenen Entfernung zu einem Baum, dessen Höhe ebenfalls gegeben ist, wie weit ist der Weg zwischen Auge und Baumspitze?

15 - DEI

2020-10-15T00:00:00+00:00

DEI steht für Diversity, Equity und Inclusion.

Ich habe hier ein Team aus drei sehr verschiedenen Freunden gezeichnet, ein Einhorn, ein Elefant und eine Eule. Sie halten zusammen und sind füreinander da.

16 - Security

2020-10-16T00:00:00+00:00

Auf der linken Seite siehst du ein verängstigtes Softwareprodukt, es ist vor lauter Angst schon leicht grünlich angelaufen und ihm tropft der Angstschweiß von der Stirn. Es gibt so viele Angreifer, die ihm Übles wollen. Ein Wurm, einige Viren, ein Trojaner und eine Rakete, die für die ganzen anderen Gefahren stehen soll, die sich gerne über ein Softwareprodukt hermachen wollen.

Zwischen dem Softwareprodukt und all dem Bösen steht ein Schild, dass die Software beschützt, es ist mit einem Schwert ausgerüstet und versucht die Bösewichte abzuwehren. Es scheint nicht so glücklich in seiner Rolle zu sein und ist sich noch nicht sicher, ob es all die Gefahren abwenden kann.

17 - Accessibility

2020-10-17T00:00:00+00:00

Herr Maulwurf ist sehr blind und möchte sich gerne seine Würmer online bestellen. Dafür besucht er den "Worm-Web-Shop" der darauf ausgelegt ist, auch für seine blinden Nutzer das beste Nutzungserlebnis zu liefern. So wird seine Bestellung noch einmal laut vorgelesen, damit Herr Maulwurf überprüfen kann, ob alles seine Richtigkeit hat. Die Accessibility dieses Web Shops wurde bereits ausgezeichnet. Er trägt eine Auszeichnung als "Super Accessible Shop", mit dem Zusatz "Mole Guaranteed Quality".

Als Tüpfelchen auf dem i ist der Titel quasi doppelt gemoppelt. Die einzelnen Buchstaben haben ihre Braille-Entsprechung als Punkte auf sich.

18 - Design Patterns

2020-10-18T00:00:00+00:00

Bei Design Patterns muss ich immer direkt an das Buch über Entwurfsmuster der Gang of Four denken. Aus diesem Grund habe ich das Buch auf einem Tisch innerhalb des Bildes platziert, es wurde 1994 veröffentlicht, darum befindet sich diese Jahreszahl auf dem Buchrücken.

Wir befinden uns in einem Laden für Entwurfsmuster. Die einzelnen Muster liegen in Regalen, die mit den einzelnen Typen der Muster beschriftet sind. Im Bild zu sehen sind Erzeugungsmuster, Strukturmuster und Verhaltensmuster. Zur Zeit gibt es ein Angebot "Kaufe zwei Entwurfsmuster und erhalte eines gratis dazu".

Die meisten Entwurfsmuster werden als eingerolltes Papier verkauft, manche auch als klassisches Blatt Papier. In manchen Regalen gibt es kleine Schubladenfächer, in denen die Muster aufbewahr werden. Im Verhaltensmusterregal ist ein Fach leer und eine Spinne hat dort ihr Netz gebaut.

19 - Cryptocurrency

2020-10-19T00:00:00+00:00

Heute hatte ich bei der Ideenfindung Hilfe von Lars.

Dargestellt ist der Prozess des Cryptomining. Die beiden Computer, die im Bild zu sehen sind, nehmen am Cryptocurrency Würfelspiel teil. Sie würfeln um die Wette, der Gewinner erhält das Privileg, eine Münze zu bauen. Im Hintergrund steht ein Tisch mit den klassischen Utensilien zum Bau einer Münze (natürlich nur ein Spaß): Die Münzflüssigkeit wird in eine Münzform gegossen. Wenn die Münze in der Form getrocknet ist, muss sie gefeilt werden, am Ende hat man eine solche Bitcoin-Münze.

20 - SASS

2020-10-20T00:00:00+00:00

Wenn man die Homepage von SASS besucht, so findet man sehr prominent platziert den Slogan "CSS with Superpowers".

Am Himmel fliegt ein Einhorn mit einem Superhelden-Umhang. Auf dem Umhang steht "SASS". Natürlich ist es dank seiner Superkräfte von Glitzer umgeben.

Am Boden beobachten drei Tiere, was dort am Himmel fliegt. Die Maus vermutet, dass es sich um einen Vogel handeln könnte. Der Fuchs vermutet, dass es ein Flugzeug sein könnte. Der Bär löst das Rätsel auf, denn es handelt sich um "CSS mit Superkräften". Die Szene ist klassisch aus den Superman-Comics entnommen und abgewandelt. Vermutlich kennst du sie auch.

21 - Design

2020-10-21T00:00:00+00:00

Die heutige Szene ist bei einer Schneiderin. Es gibt einen kleinen Hocker mit Nähzubehör: Nadeln und Garn, und die Dame im Hintergrund hat ein Nadelkissen als Armband, was sie als Schneiderin identifizierbar machen soll.

Im Vordergrund sitzt eine Schneiderpuppe und verwendet am Computer ein Programm für Schneiderpuppen. Im Hintergrund sieht man, wie die Schneiderin am Design dieses Tools arbeitet.

Heute ist quasi verdrehte Welt, denn eigentlich würde die Schneiderin Designs an der Schneiderpuppe machen, doch stattdessen entwirft sie die Software, die die Puppe verwendet.

22 - NumPy

2020-10-22T00:00:00+00:00

Bei NumPy handelt es sich um eine Python-Bibliothek zum Umgang mit mehrdimensionalen Arrays. Bei der Ideenfindung hatte ich heute Hilfe von Markus.

Ich habe eine Schlange (wegen Python) gezeichnet, die einen Rubik-Würfel löst. Der Rubik-Würfel wird auch als "das wahrscheinlich populärste mathematische Puzzle der Neuzeit" bezeichnet.

23 - Bug

2020-10-23T00:00:00+00:00

Mein Ziel für heute war es, einen unglaublich niedlichen Käfer zu zeichnen, mit dem man Mitleid hat. Ich habe auf jeden Fall Mitleid, wenn ich dem kleinen Käfer in die großen Augen schaue.

Der Käfer schaut dich an und versichert dir, dass er kein Bug ist, sondern ein Feature. Dabei ist das Anti-Bug-Spray schon auf ihn gerichtet.

Ich habe versucht, dem Käfer einen "Welpenblick" zu geben und ihn etwas traurig erscheinen zu lassen. Dabei sollen die hängenden Mundwinkel und die hängenden Fühler helfen.

Fachliche Architekturen mit DSL (Domain Specific Languages)

2020-10-23T00:00:00+00:00

Hier habe ich zur Erstellung der Sketchnote die App Procreate verwendet. Wie ich beim Sketchnoten mit Procreate vorgehe, kannst du in meinem Blogbeitrag vom 3.11.2020 nachlesen.

Hier geht's zu Folge 22 von "SoftwareArchitektur im Stream"

24 - Azure

2020-10-24T00:00:00+00:00

Es gibt viele Cloudanbieter. Zu den beiden bekanntesten zählen wohl AWS und Azure.

Die Cloudanbieter nehmen hier, dargestellt durch Wolken, an einem Rennen teil. AWS und Azure sind ganz weit vorne, im Hintergrund sieht man, dass es noch andere Teilnehmer gibt. Die Rennbahn ist eingegrenzt von Regenbögen auf kleinen Wolken.

25 - Container

2020-10-25T00:00:00+00:00

Am Container-Tag möchte ich meine Chance nutzen und erklären wie Docker Hub hinter den Kulissen funktioniert.

Ich habe ein Dock gemalt, hierbei handelt es sich um Docker Hub. Auf dem Dock sieht man einen Java-Duke und einen Gopher, sowie einen Seehund. Dieser Seehund bearbeitet die Anfragen für Docker Hub. Hierfür setzt er den Kran ein, der hinter ihm steht.

Vor dem Dock ist ein Wal, ein Docker Wal, mit einem offenen Container auf seinem Rücken. Er fragt ein spezielles Image in einer speziellen Version an (golang in Version 1.14).

Im nächsten Schritt wird der Seehund das richtige Image heraussuchen und mit Hilfe des Krans den Container des Wals füllen und danach verschließen.

26 - Data Viz

2020-10-26T00:00:00+00:00

Bei Datenvisualisierung muss ich immer an Tortendiagramme denken... Es liegt nahe, dass ich dann auch an Torten denken muss!

Ich habe eine Torte gezeichnet, der gleichzeitig ein Tortendiagramm darstellt. Die Beschriftung des Diagramms ist auf zwei Arten realisiert: Zum einen sind auf den einzelnen Teilen des Kuchens Tortendekorationsplättchen aus Marzipan, die mit einer visualisierten Version der Beschriftung bedruckt sind (natürlich mit Lebensmittelfarbe!). Zum anderen steht links neben dem Tortendiagramm die Beschreibung.

Auf den Tortendekorationsplättchen sieht man auf dem sehr großen Stück mich mit einer Denkblase, in der ein Stück Torte ist. Auf dem kleinen Stück sieht man eine Lupe mit einem "i" im Zentrum.

Das ganze soll zeigen, wie ich meine Zeit verbringe, wenn ich Tortendiagramme anschaue: den größten Teil der Zeit verbringe ich damit an leckere Torten zu denken und nur einen geringen Teil der Zeit schaue ich nach den eigentlichen Informationen.

27 - Feature Branch

2020-10-27T00:00:00+00:00

Heute habe ich einen kleinen Comic gezeichnet. Mit einer typischen Situation, über die ich schon in vielen Projekten gestolpert bin: Langlebige Feature-Branches, die nur selten bis gar nicht gegen den develop-Branch gerebased wurden.

Dies ist die wahre Geschichte, warum Einhörner nicht existieren.

Oben siehst du den Beginn des Projekts Einhorn, beziehungsweise den Commit, von dem der langlebige Feature-Branch abgeht. Es ist nur ein Skeletthaufen zu sehen.

Unten siehst du den aktuellen Stand des Projekts. Auf der rechten Seite ist der aktuelle develop-Branch, dort gibt es schon ein komplettes Tier, quasi ein Pferd mit einem Horn.

Auf der linken Seite ist der langlebige Feature-Branch, dessen Aufgabe es war, in jeden Knochen des Tiers Magie zu integrieren (erkennbar am Branch-Namen). Um die Dramatik etwas zu verdeutlichen habe ich hinzugefügt, wie viele Commits der Branch vor beziehungsweise nach dem develop-Branch ist. Ausschauen tut das ganze eher wie der Startpunkt, aber sehr funkelnd (das ist die Magie in jedem Knochen).

Der eine der beiden Projektmitarbeiter wundert sich, wie sie jemals diesen langlebigen Feature Branch in den develop-Branch mergen sollen. Der andere äußert die pragmatische Lösung: "Vielleicht sollten wir die Magie überspringen, das Horn entfernen und einen besseren Namen finden" - Die eigentliche Entstehungsgeschichte des Pferdes, quasi.

28 - Nano

2020-10-28T00:00:00+00:00

Ich habe das Thema "Nano" als den Editor interpretiert.

Wenn es um Editoren geht, kann man immer gut den Krieg zwischen Emacs und vi als Grundlage nehmen.

Ich habe mich entschieden eben diesen Krieg darzustellen. Um dem ganzen etwas mehr Dramatik zu verleihen, bekriegen sich die beiden Editoren im Weltall auf einem fremden Planeten. Jeder hat eine Kanone, mit der er auf den jeweils anderen schießt. Sie haben ihre Flaggen aufgestellt, um die Terretorien abzustecken.

Nano sitzt unbeteiligt im Hintergrund auf einem schwebenden Kinosessel mit einer Packung Popcorn und beobachtet gespannt diesen Editorenkrieg.

29 - Beautiful Soup

2020-10-29T00:00:00+00:00

Bei Beautiful Soup handelt es sich um eine Python Bibliothek für Screen Scraping.

Rechts stehe ich, erkennbar am T-Shirt mit der 418, und befehle einer Schlange (Python) nach Informationen zu suchen. Da es sich bei der Schlange um eine Schlange handelt, die nach Informationen sucht, trägt sie einen Detektivhut und eine Brille.

Die Schlange kriecht von der Seite in einen Computer und wird dadurch von dreidimensional zu zweidimensional. Auf dem Computer sieht man den DOM einer Webseite, die meine Bilder für den diesjährigen inktechtober zeigt.

Bei dem Namen "Beautiful Soup" kam ich nicht drum herum, eine hübsche Suppe zu malen, die Augen haben Wimpern bekommen und die Suppenschüssel funkelt in rosa.

30 - Architecture

2020-10-30T00:00:00+00:00

Mit dem Thema "Architektur" habe ich mich ein wenig schwer getan, da es so ein umfangreiches Feld ist.

Ich wollte gerne den klassischen, monolithischen Ansatz gegenüber einem cloudbasierten Microservice-Ansatz verbildlichen.

Auf der linken Seite siehst du einen Baum, in dem viele Tiere leben. Jedes Tier hat an/in diesem Baum sein Haus gebaut, immer da, wo es noch Platz gab. Zur Not wurden ein paar Balken angefügt, damit wieder neuer Wohnraum geschaffen werden konnte.

Von oben schaut eine Wolke, die ein paar Häuser trägt auf den Baum und wundert sich, ob die Lebewesen des Baumes auch irgendwann in die Cloud ziehen werden.

31 - JavaScript

2020-10-31T00:00:00+00:00

Der letzte Tag des inktechtober2020... Halloween...

Wir sind zu Gast bei der Selbsthilfegruppe für Programmiersprachen, bei der es wöchentliche Meetings gibt und jeder Willkommen ist.

Im Kreis siehst du Python, den Go-Gopher und den Java-Duke. Der, der gerade mit sprechen an der Reihe ist, schaut aus wie Frankensteins Monster und stellt sich uns als JavaScript vor.

Frankensteins Monster hat viele zusätzliche Features bekommen, wie ein Einhorn-Horn, einen Flügel, ein Tentakel und einem Mund der immer lächelt im Gesicht, ein Tentakel am Bein, eine zusätzliche Hand am Bauch und einen Tiegerschwanz.

Das ganze ist entstanden, weil JavaScript durch seine weite Verbreitung sehr rückwärtskompatibel sein muss, damit auch noch alte Webseiten funktionieren. Doch JavaScript wird auch weiterentwickelt und erhält immer wieder neue Features, die an die Sprache dran gesetzt werden. Genau dies drückt JavaScript auch hier im Bild aus: "Hallo, ich bin JavaScript. Meine Meister fügen immer wieder neue Features an mir hinzu, was ich gut finde! Aber ich muss auch all meine alten Körperteile behalten, um rückwärtskompatibel zu sein."

Als kleines Easteregg (oder sollte ich sagen Halloween-Egg) ist der Twittervogel heute eine Fledermaus.

Sketchnotes mit Procreate

2020-11-03T00:00:00+00:00

Seit einigen Monaten erstelle ich nun schon Sketchnotes für SoftwareArchitektur im Stream. Seit Folge 14 fertige ich die Sketchnotes mit Procreate auf einem iPad an. Da es sich bei Procreate um eine App für Künstler handelt, gibt es einiges zu beachten. Ich möchte dir hier mein aktuelles Vorgehen vorstellen, in der Hoffnung, dass dir das beim Sketchnoten in Procreate helfen wird.

Dokumentengröße

Ich verwende für Sketchnotes die Dokumentengröße DIN A3 im Querformat, diese findest du unter den Voreinstellungen. Ich finde es gut, wenn mein Zeichenbereich eingeschränkt ist, da ich dann dazu gezwungen werde, die Informationen gut zu filtern und mich auf diesen Platz zu beschränken. Generell mag ich alles, was mir die Chance gibt, möglichst nah an analogen Sketchnotes zu sein.

Um einfacher schreiben zu können, aktiviere ich unter den Leinwand-Einstellungen die Zeichenhilfe und setze die Rastergröße auf 50 Pixel. Die Deckkraft der Zeichenhilfe verringere ich, bis ich sie nicht mehr zu auffällig finde, ich sie aber noch gut erkennen kann.

Pinsel

Ich habe mir für Sketchnotes eine eigene Pinselpalette erstellt. Diese hilft mir, ebenso wie die beschränkte Blattgröße, mich etwas "analoger" zu fühlen. Konfiguriert habe ich drei verschiedene "Marker", die ich zum Schreiben von Text und Zeichnen von Icons und Containern verwende. Diese simulieren Pigment-Liner in drei verschiedenen Strichstärken: fein, mittel und breit. Neben den Markern habe ich zwei Pinsel, die ich für Farben sowie Schatten verwende. Einen breiten und einen schmalen. Außerdem habe ich einen Pinsel, mit dem ich punktierte Linien erstellen kann und einen Pinselstift. Diese verwende ich nur selten.

Farben

Wie bei analogen Sketchnotes, ist es auch bei digitalen Sketchnotes empfehlenswert, sich auf eine gewisse Anzahl an Farben zu beschränken. Ich rate dir, dir eine Farbpalette zu basteln, die du für deine Sketchnotes einsetzt. Dann musst du dir während der Sketchnote keine Gedanken zur Farbgebung machen. Währenddessen hast du schließlich schon genug zu tun.

Ich habe es mir hier sehr einfach gemacht und verwende, seit ich zu Sketchnotes in Procreate übergegangen bin, die Unternehmensfarben von INNOQ. So musste ich mir nicht allzu viele Gedanken über Farben machen. Denn Farben sind definitiv ein Thema für sich!

Ebenen

Ich richte mir beim Erstellen des Titels der Sketchnote bereits drei Ebenen ein: Outlines, Schatten und Farbe.

Die Ebene für Outlines liegt ganz oben. Hier zeichne ich Icons, Container und schreibe den Inhalt.
In der Mitte liegt die Ebene für Schatten. Diese zeichne ich mit einem schwarzen Schattenstift und setze die Ebenentransparenz auf ca. 25 %.
Die letzte Ebene liegt unter den beiden anderen und ich verwende sie um Farbe in die Sketchnote zu bringen. Ich nutze diese sowohl zum Ausmalen von Containern und Icons als auch zum Markieren von Text.

Möglicherweise ist mein Vorgehen nicht das effizienteste, aber für mich funktioniert es mittlerweile. Bei der ersten Sketchnote in Procreate bin ich noch durcheinander gekommen!

Tipps und Tricks

Bereite dich gut vor!

Erstelle dir ein Pinselset für Sketchnotes
Erstelle dir eine Farbpalette
Bereite die Ebenen der Sketchnote vor

Den Ebenenwechsel nicht vergessen

Wenn du schon während des Vortrags kolorieren oder schattieren möchtest, denke unbedingt dran, die Ebene wieder zu wechseln, wenn doch wieder Informationen kommen, die notiert werden wollen.

Fang lieber klein an

Als Einsteiger-App für Sketchnoting empfehle ich Procreate nicht. Es ist einfacher, mit einer Notiz-App anzufangen, die sich mehr am analogen Tooling orientiert und nicht zu viele Möglichkeiten bietet.

Kundenspezifische Softwarevarianten - Product Line Engineering

2020-11-06T00:00:00+00:00

Hier habe ich zur Erstellung der Sketchnote die App Procreate verwendet. Wie ich beim Sketchnoten mit Procreate vorgehe, kannst du in meinem Blogbeitrag vom 3.11.2020 nachlesen.

Hier geht's zu Folge 24 von "SoftwareArchitektur im Stream"

Transaktion

2020-11-12T00:00:00+00:00

In der nächsten Folge von SoftwareArchitektur im Stream, am Freitag, den 13. November, spricht Eberhard über "Microservices, Transaktionen und Konsistenz". Ich möchte hier ein IT-Symbol vorstellen, dass du für deine Sketchnote am Freitag und natürlich auch für deine kommenden Sketchnotes verwenden kannst.

Mit diesem Symbol lassen sich Transaktionen darstellen.

Hierfür setze ich das klassische Symbol für eine Datenbank mit zwei Pfeilen zusammen, die einen Kreislauf darstellen sollen. In einen Pfeil schreibe ich zur Sicherheit die Abkürzung "Tx", um die Transaktion zu verdeutlichen.

In den ersten vier Schritten zeichne ich die Datenbank. In den Schritten fünf bis acht kommen die Pfeile hinzu. In Schritt neun ergänze ich das "Tx" im oberen Pfeil. Im letzten Schritt ergänze ich Schatten im Symbol.

Schlechte Idee

2020-11-13T00:00:00+00:00

In der heutigen Folge von SoftwareArchitektur im Stream, am Freitag, den 13. November, hatte ich die Chance ein Symbol für "schlechte Idee" einzubauen.

Da wir in unserem Alltag in der IT häufig mit schlechten Ideen konfrontiert werden, denke ich, dass es ein Symbol ist, was du gut gebrauchen kannst.

Das Symbol setzt sich aus einer Glühbirne, die hier für Idee steht, und einem Häufchen zusammen. Wenn man es vulgär ausdrücken würde, ist es eher die "Scheißidee".

Zuerst zeichne ich das Häufchen, dass auf dem Kopf der Glühbirne thronen wird. Hierfür starte ich mit einer geschwungenen Linie, die ich im zweiten Schritt "schließe". Im dritten Schritt ergänze ich geschwungene Linien, um den warmen, üblen Duft zu simulieren. Nun folgt die Glühbirne: Ich ergänze den Rest eines Kreises unter dem Häufchen. Darunter ergänze ich nun ein "U". Innerhalb des Kreises zeichne ich am unteren Ende ein sehr schwungvolles "M", etwas wie eines, das in Schreibschrift geschrieben ist. Im vorletzten Schritt füge ich einen Blitz im "U" hinzu. Zum Schluss ergänze ich Schatten in Glühbirne und Häufchen.

Microservices, Transaktionen & Konsistenz

2020-11-13T00:00:00+00:00

Hier habe ich zur Erstellung der Sketchnote die App Procreate verwendet. Wie ich beim Sketchnoten mit Procreate vorgehe, kannst du in meinem Blogbeitrag vom 3.11.2020 nachlesen.

Hier geht's zu Folge 25 von "SoftwareArchitektur im Stream"

Modul

2020-11-19T00:00:00+00:00

Morgen gibt es eine neue Folge von SoftwareArchitektur im Stream, das Thema ist "Modularisierung". Für deine Sketchnotes zeige ich dir darum ein Symbol für Module. Ich verwende für Module gerne Puzzleteile.

Zuerst male ich die vier Ecken des Puzzleteils und verbinde diese nicht. Danach zeichne ich die einzelnen Ausbuchtungen und Aushöhlungen des Puzzleteils. Du kannst dir dein Puzzleteil immer so zeichnen, wie es gerade am besten in deine Sketchnote passt. Vielleicht auch mal nur mit Aushöhlungen oder nur mit Ausbuchtungen. Wenn du einige aneinanderhängende Puzzleteile, kannst du zusammenhängende oder zusammenarbeitende Module darstellen.

Das Puzzleteil eignet sich auch hervorragend, um eine Komponente darzustellen.

Sketchnotes in der IT

2020-11-20T00:00:00+00:00

Hier mal ein How To der etwas anderen Art! Quasi ein Meta How To.

Ich brauchte ein Bild, dass ich anzeigen kann, wann immer ich einen Link von sketchnotes.tech teile, dem kein spezielles Bild zugeordnet ist. Bisher hatte ich dafür nur ein Platzhalterbild.

Was passt also besser zu einer Seite über "Sketchnotes in der IT" als ein How To für ein Symbol für "Sketchnotes in der IT"?!

Zuerst beginne ich hierfür mit dem Stift. Bei mir wird er sich auf der linken Seite der Sketchnote befinden. Danach zeichne ich ein Blatt Papier, über dem der Stift schwebt. Das Blatt Papier hat ein kleines Eselsohr, damit es besser als Blatt Papier erkennbar ist. Um zu verdeutlichen, dass es sich um Sketchnotes im Bereich IT handelt, notiere ich "IT" in der unteren Ecke des Blattes. Danach zeichne ich ein Rechteck, um den Titel der Sketchnote anzudeuten, und einen Kreis, um ein Symbol anzudeuten, auf das Papier. Um geschriebene Wörter darzustellen, folgen einige Wellenlinien. Zu guter Letzt ergänze ich wie immer die Schatten.

Modularisierung

2020-11-20T00:00:00+00:00

Hier habe ich zur Erstellung der Sketchnote die App Procreate verwendet. Wie ich beim Sketchnoten mit Procreate vorgehe, kannst du in meinem Blogbeitrag vom 3.11.2020 nachlesen.

Hier geht's zu Folge 26 von "SoftwareArchitektur im Stream"

Sketchnotes mit Procreate - Brushset

2021-02-18T00:00:00+00:00

Wie ich bereits im Blog-Post zu Sketchnotes in Procreate beschrieben habe, verwende ich eine eigene Pinselsammlung zum Erstellen von Sketchnotes. Auf Twitter wurde ich gebeten, eben dieses Brushset zum Download zur Verfügung zu stellen, hier ist es. Hier kannst du diese Pinselsammlung runterladen: Download Brushset

Du findest hier folgende Pinsel, sortiert nach der Häufigkeit, in der ich sie einsetze:

Marker Dünn

Dies ist mein Pinsel, den ich zum Schreiben und Zeichnen der Symbole verwende. Ich verwende ihn in meiner Ebene "Outlines".

Farbe & Schatten Dünn

Diesen Pinsel nutze ich innerhalb meiner Schattenebene für die Schattierung von Icons und Containern. Außerdem male ich mit ihm innerhalb der Farbebene Icons aus oder hinterlege wichtige Wörter mit Farbe.

Marker Mittel

Mit diesem Stift kreiere ich die Outlines des Titels der Sketchnotes. Außerdem nutze ich meistens diesen Pinsel, um den äußeren Rahmen um die Sketchnote zu ziehen.

Farbe & Schatten Dick

Dies eignet sich zum Einfärben größerer Bereiche sowie zum Hinterlegen von Überschriften beziehungsweise sehr groß geschriebenen Wörtern.

Marker Dick

Manchmal nutze ich diesen zum Umranden der Sketchnote am Ende, anstelle des mittleren Markers.

Dotted

Wann immer ich bei einer analogen Sketchnote eine gestrichelte Linie zeichnen würde, setze ich diesen Pinsel ein. Meistens hinterlege ich die entstehenden Punkte mit dem dünnen Pinsel für Schatten mit einem Schatten in der Schattenebene.

Pinselstift

Diesen Pinsel habe ich kreiert und dabei an Überschriften gedacht. Allerdings nutze ich ihn nicht oft.