Radar/2024 (#8)

* show new and changed flags

* add blips for techradar 2024

* Kotlin: Ring update

* Ktor: Add text

* Artificial Intelligence: Ring update

* AI Assistent: Add text

* Self-Hosted LLMs: Add text

* Microservice Architecture: Update text

* Testcontainers: Update text

* OpenTelemetry: Add text

* Microservice: Fix typo

* AI Assisten: Add text

* Buildless Web Development: Update text

* DDD: Update text

* Design System: Add text

* GraalVM: Remove update

* Hybride Modile Applikationen: Update text

* Insomnia: Update text

* JOOQ: Update text

* LongChain4j: Add text

* Microservice: Update text

* Self-Hosted LLMs: Update text

* Web Assembly: Update text

* Web Dev Server: Update text

* Figma: Add text

* Intellij HTTP Client Plugin: Add text

* Passkey: Add text

* PWA: Add text

* Use the Web Platform: Add text

* Jenkins: Update text

* Vite: Update text

* Github Actions: Add text

* Spring Modulith: Add text

* Strong Types in JS: Add text

* Artificial Intelligence: Typo in version 1 text

* Consistency: Use "möchten" instead of "wollen"

* Self-hosted LLMs: Revision

* Artificial Intelligence: Revision

* AI-Assistant: Use English spelling; Update filename

* AI-Assistant: Revision

* Microservice-Architektur: Revision

* Testcontaines: Revision (remove superfluous text)

* OpenTelemetry: Revision

* Buildless Web Development: Revision

* DDD: Revision

* Design System: Revision

* OpenTelemetry: Ring update

* Hybride Mobile Applikationen: Revision

* Insomnia: Revision

* jOOQ: Revision

* LangChain4j: Revision

* WebAssembly: Revision

* Web Dev Server: Revision

* Figma: Revision

* Buildless Web Development: Revision

* Intellij HTTP Client Plugin: Revision

* Passkeys: Revision

* Progressive Web Application: Revision

* Use the Web Platform: Revision

* Jenkins: Revision

* Vite: Revision

* GitHub Actions: Revision

* Spring Modulith: Revision

* Strong Types in JavaScript: Revision

* AI-Assistant: Revision

* Artificial Intelligence: Revision

* Buildless Web Development: Revision

* Design System: Revision

* Figma: Revision

* GitHub Actions: Revision

* Hybride mobile Applikationen: Revision

* Insomnia: Revision

* Intellij HTTP Client Plugin: Revision

* Jenkins: Revision

* jOOQ: Revision

* Ktor: Revision

* LangChain4j: Revision

* Microservice-Architektur: Revision

* OpenTelemetry: Revision

* Passkeys: Revision

* Progressive Web Application: Revision

* Self-hosted LLMs: Revision

* Spring Modulith: Revision

* Strong Types in JavaScript: Revision

* Testcontainers: Revision

* Use the Web Platform: Revision

* Vite: Revision

* WebAssembly: Revision

* LangChain4j: Use AI for artificial intelligence

* Vite: Update text (proposal)

* Vite: Conciser text and remove word repetitions

* Modern Web APIs: rename "Use the web plattform" to "Modern Web APIs"

* PWA: Add text for ios-version 17.4

* Modern Web APIs: Update text

* patch description

* PWA: Added links

---------

Co-authored-by: Gianluca Vinzens <[email protected]>
Co-authored-by: Philippe Lovis <[email protected]>
Co-authored-by: Felix Siegrist <[email protected]>

radar/2023-01-31/artificial-intelligence.md

@@ -4,7 +4,7 @@ ring:     assess
 quadrant: concepts-and-methods
 ---
 
-Unter Artificial Intellgence (AI) versteht man menschliches Lernen und Denken auf Computer zu übertragen. Mit
+Unter Artificial Intelligence (AI) versteht man menschliches Lernen und Denken auf Computer zu übertragen. Mit
 [GPT-3][gpt-3], [DALL-E][dall-e] und [Stable Diffusion][stable-diff] wurden im letzten Jahr Deep-Learning-Modelle
 entwickelt, die bereits so ausgereift sind, dass darauf Produkte entwickelt werden können. AI wird in Zukunft mit
 Sicherheit eine grosse Rolle in der Digitalisierung spielen. Als Inventage wollen wir herausfinden, was diese

radar/2023-01-31/hybride-mobile-applikationen.md

@@ -1,5 +1,5 @@
 ---
-title:    Hybride Mobile Applikationen  
+title:    Hybride mobile Applikationen  
 ring:     trial  
 quadrant: concepts-and-methods
 ---

radar/2023-01-31/kotlin.md

@@ -6,18 +6,19 @@ quadrant: libraries-frameworks-and-languages
 
 [Kotlin][kotlin] ist eine statisch typisierte Programmiersprache, die Konzepte aus der objektorientierten und der
 funktionalen Programmierung vereint, und viele moderne Sprachfeatures mitbringt. Kotlin-Code wird vom Compiler in
-Bytecode für die JVM übersetzt,<sup>1</sup> wobei eine grösstmögliche Interoperabilität<sup>2</sup> beider Sprachen gewährleistet wird.
-Dadurch lassen sich in Kotlin Java-Libraries und -Frameworks problemlos weiterverwenden, womit bestehendes Knowhow für
-den Java-Programmierer keinesfalls obsolet wird. Diese Interoperabilität erlaubt auch die Integration von Kotlin in
-bestehende Java-Projekte, womit sich Applikationen schrittweise modernisieren lassen.
+Bytecode für die JVM übersetzt,<sup>1</sup> wobei eine grösstmögliche Interoperabilität<sup>2</sup> beider Sprachen
+gewährleistet wird. Dadurch lassen sich in Kotlin Java-Libraries und -Frameworks problemlos weiterverwenden, womit
+bestehendes Knowhow für den Java-Programmierer keinesfalls obsolet wird. Diese Interoperabilität erlaubt auch die
+Integration von Kotlin in bestehende Java-Projekte, womit sich Applikationen schrittweise modernisieren lassen.
 
 Java als Plattform, auf die wir auch in Zukunft setzen möchten, hat sich für Enterprise-Applikationen über viele Jahre
 bestens bewährt. Durch das Commitment zur Rückwärtskompatibilität sind der Modernisierung von Java als
 Programmiersprache jedoch enge Grenzen gesteckt. Genau hier sehen wir grosses Potenzial in Kotlin, das beide Welten
 — bewährte Plattform und moderne Programmiersprache — in sich vereinen kann.
-___
 
-<small><sup>1</sup> Neben JVM-Bytecode kann Kotlin auch nach JavaScript oder nativen Programmdateien (MacOS, Windows, Linux) übersetzt werden.</small><br>
+___
+<small><sup>1</sup> Neben JVM-Bytecode kann Kotlin auch nach JavaScript oder nativen Programmdateien (MacOS, Windows,
+Linux) übersetzt werden.</small><br>
 <small><sup>2</sup> Kotlin-Code kann Java-Code aufrufen und umgekehrt.</small>
 
 [kotlin]: https://kotlinlang.org

radar/2023-01-31/microservice-architektur.md

@@ -4,9 +4,9 @@ ring:     adopt
 quadrant: concepts-and-methods
 ---
 
-[Microservices][microservices] sind ein Architekturstil, bei dem eine Anwendung als Sammlung kleiner, unabhängiger
+[Microservices][microservices] sind ein Architekturstil, bei dem eine Anwendung als Sammlung unabhängiger
 Dienste entwickelt wird, die zusammenarbeiten, um eine übergreifende Funktionalität anzubieten. Die einzelnen
-spezialisierten Dienste kommunizieren miteinander über Netzwerkaufrufe.
+spezialisierten Dienste kommunizieren miteinander über ein Nachrichtensystem, wie zum Beispiel [Kafka][kafka].
 
 Bei Inventage erweitern wir die Definition von Microservices auf das Frontend. Ein Microservice besteht sowohl aus
 Micro-Backend, als auch aus [Micro-Frontend][martinfowler]. Mit den Micro-Frontends werden unabhängig voneinander
@@ -19,7 +19,7 @@ der Anwendung. Die Applikation lässt sich erweitern, indem neue Microservices e
 Architektur integriert werden.
 
 Unsere Erfahrung zeigt aber auch, dass Microservices bei der Entwicklung und Wartung zu einer erhöhten Komplexität
-führen. Einerseits aufgrund der Kommunikation der einzelnen Services über Netzwerkaufrufe, die möglicherweise die
+führen. Einerseits aufgrund der Kommunikation der einzelnen Services über Nachrichten, die möglicherweise die
 Verwaltung von Fehlern und die Überwachung von Leistungsproblemen erfordern. Andererseits aufgrund der expliziten
 Trennung des eigentlichen Codes, was Refactorings der Schnittstellen erschwert.
 
@@ -34,6 +34,7 @@ Lösung, wie eine Software umgesetzt werden kann. Eine Alternative zur Microserv
 [modulare Monolith][modularized-monolith], bei dem ein Monolith in austauschbare und wiederverwendbare Module
 unterteilt wird.
 
+[kafka]: ../platforms/kafka.html
 [microservices]: https://microservices.io/
 [martinfowler]: https://martinfowler.com/articles/micro-frontends.html
 [web-components]: ../concepts-and-methods/web-components.html

radar/2023-01-31/web-assembly.md

@@ -1,14 +1,14 @@
 ---
-title:    Web Assembly  
+title:    WebAssembly  
 ring:     assess  
 quadrant: platforms
 ---
 
-[Web Assembly][web-assembly] definiert einen Bytecode, der performant innerhalb des Webbrowsers ausgeführt wird. Dabei
+[WebAssembly][web-assembly] definiert einen Bytecode, der performant innerhalb des Webbrowsers ausgeführt wird. Dabei
 werden unterschiedliche Programmiersprachen unterstützt. Rechenintensive Algorithmen können ins Frontend portiert
 werden, sodass Server und Netzwerk entlastet werden. Backend-Code kann direkt für den Browser aufbereitet und
 wiederverwendet werden. Dies ist für eine Reihe von [Anwendungsfällen][use-cases] interessant, wie z.B. Verschlüsselung,
 Signierung, Komprimierung, Visualisierungen oder Simulationen.
 
-[web-assembly]: https://webassembly.org/
-[use-cases]: https://webassembly.org/docs/use-cases/
+[web-assembly]: https://webassembly.org
+[use-cases]: https://webassembly.org/docs/use-cases

radar/2024-02-29/ai-assistant.md

@@ -0,0 +1,18 @@
+---
+title:    AI-Assistant  
+ring:     assess  
+quadrant: concepts-and-methods
+---
+
+AI-gestützte Assistenten zur Codegenerierung, wie sie beispielsweise von GitHub mit [Copilot][copilot] oder JetBrains mit [AI
+Assistant][aiAssistant] angeboten werden, erfreuen sich zunehmender Beliebtheit. Es ist jedoch wichtig, ihre Verwendung kritisch zu hinterfragen. Zum einen ist die Rechtslage in Bezug auf Urheberrechtsfragen noch unklar. Zum anderen verlassen die
+Daten beim Einsatz von Cloud-basierten Tools die Schweiz, was datenschutzrechtliche Bedenken aufwirft.
+
+Aus diesem Grund verzichten wir bei Inventage vorerst auf den Einsatz von AI-gestützter Codegenerierung. Wir nehmen die
+Datenschutzbedenken unserer Kunden sehr ernst.
+
+Dennoch möchten auch wir in Zukunft die Vorteile von AI in der Entwicklung nutzen. Eine Möglichkeit, um sensible Daten zu schützen, wäre die On-Premise-Installation eines AI-Coding-Assistants. Dies ermöglicht die
+Kontrolle über Daten und Code und minimiert gleichzeitig das Risiko von Datenschutzverletzungen.
+
+[copilot]: https://github.com/features/copilot
+[aiAssistant]: https://www.jetbrains.com/ai/

radar/2024-02-29/angular.md

@@ -0,0 +1,5 @@
+---
+title:    Angular  
+ring:     adopt  
+quadrant: libraries-frameworks-and-languages
+---

radar/2024-02-29/apache-tomcat.md

@@ -0,0 +1,6 @@
+---
+title:    Apache Tomcat  
+ring:     hold  
+quadrant: libraries-frameworks-and-languages
+featured: false
+---

radar/2024-02-29/apache-wicket.md

@@ -0,0 +1,5 @@
+---
+title:    Apache Wicket  
+ring:     hold  
+quadrant: libraries-frameworks-and-languages
+---

radar/2024-02-29/api-first-development.md

@@ -0,0 +1,5 @@
+---
+title:    API-first Development  
+ring:     adopt  
+quadrant: concepts-and-methods
+---

radar/2024-02-29/architectural-decision-record-adr.md

@@ -0,0 +1,6 @@
+---
+title:    Architectural Decision Records (ADR)  
+ring:     assess  
+quadrant: concepts-and-methods
+featured: false
+---

radar/2024-02-29/archunit.md

@@ -0,0 +1,5 @@
+---
+title:    ArchUnit  
+ring:     adopt  
+quadrant: libraries-frameworks-and-languages
+---

radar/2024-02-29/argo-cd.md

@@ -0,0 +1,5 @@
+---
+title:    Argo CD  
+ring:     adopt  
+quadrant: tools
+---

radar/2024-02-29/artificial-intelligence.md

@@ -0,0 +1,27 @@
+---
+title:    Artificial Intelligence  
+ring:     trial  
+quadrant: concepts-and-methods
+---
+
+Artificial Intelligence (AI) bleibt eines der dominierenden IT-Themen. Im letzten Jahr wurden unzählige neue Dienstleistungen und
+Produkte in verschiedenen Bereichen mithilfe von AI entwickelt.
+
+Der Einsatz von AI bringt jedoch seine eigenen Herausforderungen mit sich, wobei wir die Gewährleistung des Datenschutzes als
+eine der grössten Hürden sehen. Um AI-Systeme zu nutzen, müssen diese mit Daten gefüttert werden. Diese sind in unserem
+Projektumfeld jedoch oft sensibel bzw. geschützt. Somit ist deren Weitergabe in jeglicher Form, z.B. durch die Anbindung
+eines Cloud-basierten AI-Produkts, höchst problematisch und nicht mit unseren Kundenverträgen vereinbar.
+
+Trotz dieser Herausforderungen bietet AI auch für uns als Inventage grosses Potenzial. Dieses Jahr möchten wir uns
+deshalb intensiv mit folgenden Themen beschäftigen:
+
+- [AI-Coding-Assistants][ai-coding-assistant] sollen die Softwareentwicklung effizienter machen und uns bei
+  Routineaufgaben unterstützen.
+- Lokal betriebene [Self-hosted LLMs][self-hosted-llm] könnten eine Lösung für die Herausforderung des Datenschutzes
+  sein.
+- Die [LangChain4j][langchain4j]-Bibliothek ermöglicht die Integration von LLMs mit Java, was die Entwicklung
+  von AI-basierten Anwendungen vereinfacht.
+
+[ai-coding-assistant]: ../concepts-and-methods/ai-assistant.html
+[self-hosted-llm]: ../concepts-and-methods/self-hosted-llms.html
+[langchain4j]: ../libraries-frameworks-and-languages/langchain4j.html

radar/2024-02-29/asdf.md

@@ -0,0 +1,5 @@
+---
+title:    asdf  
+ring:     adopt  
+quadrant: tools
+---

radar/2024-02-29/automatisiertes-e2e-testing.md

@@ -0,0 +1,5 @@
+---
+title:    Automatisiertes E2E-Testing  
+ring:     trial  
+quadrant: concepts-and-methods
+---

radar/2024-02-29/bazel.md

@@ -0,0 +1,5 @@
+---
+title:    Bazel  
+ring:     assess  
+quadrant: tools
+---

radar/2024-02-29/buildah.md

@@ -0,0 +1,5 @@
+---
+title:    Buildah  
+ring:     trial  
+quadrant: tools
+---

radar/2024-02-29/buildless-web-development.md

@@ -0,0 +1,16 @@
+---
+title:    Buildless Web Development  
+ring:     trial  
+quadrant: concepts-and-methods
+---
+
+Wir sind weiterhin vom Buildless-Development-Ansatz überzeugt und setzen ihn heute insbesondere bei unseren internen
+Applikationen und in [Uniport][uniport] ein.
+
+Der grosse Vorteil, während der Entwicklung im Browser möglichst nahe am Quellcode zu arbeiten, bleibt bestehen. Dank
+dem [Web Dev Server][web-dev-server] in Kombination mit [Rollup][rollup] kann während der Entwicklung mit den gleichen
+Plugins gearbeitet werden, die auch beim späteren finalen Build für den produktiven Code verwendet werden.
+
+[uniport]: https://uniport.ch
+[web-dev-server]: ../tools/web-dev-server.html
+[rollup]: https://rollupjs.org

radar/2024-02-29/ci-cd.md

@@ -0,0 +1,5 @@
+---
+title: CI/CD  
+ring: adopt  
+quadrant: concepts-and-methods
+---

radar/2024-02-29/codequaliät.md

@@ -0,0 +1,5 @@
+---
+title:    Codequaliät  
+ring:     adopt  
+quadrant: concepts-and-methods
+---

radar/2024-02-29/ddd.md

@@ -0,0 +1,11 @@
+---
+title:    DDD  
+ring:     adopt 
+quadrant: concepts-and-methods
+---
+
+Der Einsatz von [Domain Driven Design][ddd] (DDD) hat sich in vielen unserer Projekte bewährt, weshalb wir diese Methode
+neu im "Adopt"-Ring aufführen. Wir setzen DDD auch zur Unterstützung in den vier grossen Aufgabengebieten der
+Software-Entwicklung ein: Anforderungsermittlung, Modellbildung, fachliche und technische Architektur.
+
+[ddd]: https://martinfowler.com/tags/domain%20driven%20design.html

radar/2024-02-29/debezium.md

@@ -0,0 +1,5 @@
+---
+title:    Debezium  
+ring:     adopt  
+quadrant: tools
+---

radar/2024-02-29/deno.md

@@ -0,0 +1,6 @@
+---
+title:    Deno  
+ring:     assess  
+quadrant: libraries-frameworks-and-languages
+featured: false
+---

radar/2024-02-29/design-system.md

@@ -0,0 +1,18 @@
+---
+title:    Design System
+ring:     assess  
+quadrant: concepts-and-methods
+---
+
+Wir haben in unseren Projekten die Erfahrung gemacht, dass Design-Tokens allein häufig nicht ausreichen, um die
+Konsistenzanforderungen zu erfüllen, insbesondere bei Projekten im Umfeld komplexer Systeme. Solche Systeme bestehen in
+der Regel aus mehreren Applikationen oder Produkten verschiedener Lieferanten.
+
+Design-Tokens definieren wiederverwendbare Elemente wie Farben, Grössen oder Schriften. Jedoch besteht oft auch
+Bedarf an wiederverwendbaren Komponenten höherer Ebene, wie beispielsweise Buttons, Badges oder Formularelementen.
+Um zu vermeiden, dass jede Anwendung diese Elemente neu erstellen muss, können sie durch ein Design-System bereitgestellt werden.
+
+Die bereitgestellten Komponenten kapseln sowohl Layout als auch Logik und können über eine wohldefinierte API
+angepasst werden. Ein solches System kann schrittweise aufgebaut und erweitert werden. Mittel- bis langfristig
+profitieren nicht nur die Benutzer von einem einheitlichen Erlebnis, sondern auch die Design- und Code-Welt von einem
+wiederverwendbaren Baukastensystem.

radar/2024-02-29/design-tokens.md

@@ -0,0 +1,6 @@
+---
+title:    Design Tokens
+ring:     assess  
+quadrant: concepts-and-methods
+featured: false
+---

radar/2024-02-29/elastic-stack.md

@@ -0,0 +1,5 @@
+---
+title:    Elastic Stack  
+ring:     adopt  
+quadrant: tools
+---

radar/2024-02-29/figma.md

@@ -0,0 +1,15 @@
+---
+title: Figma
+ring: trial
+quadrant: tools
+---
+
+[Figma][figma] ist eine webbasierte, kollaborative Software zur Erstellung von Prototypen im Bereich des [UX][ux] ("User
+Experience Design") und [UI Design][ui-design] ("Interfacedesign"). Wir sehen jedoch auch den gewinnbringenden Einsatz
+von Figma bei der frühen Anforderungsaufnahme zur Visualisierung des Projektumfangs. Dadurch wird bereits zu Beginn ein
+umfassendes Verständnis der angestrebten Lösung erreicht. Der neue Dev-Modus von Figma unterstützt anschliessend bei der
+Übernahme des Designs in die Implementierung der Benutzeroberfläche.
+
+[figma]: https://www.figma.com
+[ux]: https://de.wikipedia.org/wiki/User_Experience_Design
+[ui-design]: https://de.wikipedia.org/wiki/Interfacedesign

radar/2024-02-29/flyway.md

@@ -0,0 +1,5 @@
+---
+title:    Flyway  
+ring:     adopt  
+quadrant: tools
+---

radar/2024-02-29/github-actions.md

@@ -0,0 +1,13 @@
+---
+title: GitHub Actions
+ring: adopt
+quadrant: tools
+---
+
+[GitHub Actions][github-actions] ist eine Container-basierte [CI/CD][ci-cd]-Lösung von [GitHub][github]. Dank der Integration mit GitHub, der Flexibilität und der Möglichkeit für Projektteams, sich selbst zu
+verwalten, ersetzen wir unseren bisherigen [Jenkins][jenkins]-Build-Server durch GitHub Actions.
+
+[github-actions]: https://docs.github.com/en/actions
+[github]: https://github.com
+[ci-cd]: ../concepts-and-methods/ci-cd.html
+[jenkins]: ../tools/jenkins.html

radar/2024-02-29/grafana.md

@@ -0,0 +1,5 @@
+---
+title:    Grafana  
+ring:     adopt  
+quadrant: tools
+---

radar/2024-02-29/graphql.md

@@ -0,0 +1,5 @@
+---
+title:    GraphQL  
+ring:     adopt  
+quadrant: concepts-and-methods
+---

radar/2024-02-29/guice.md

@@ -0,0 +1,5 @@
+---
+title:    Guice  
+ring:     hold  
+quadrant: libraries-frameworks-and-languages
+---

radar/2024-02-29/hybride-mobile-applikationen.md

@@ -0,0 +1,14 @@
+---
+title:    Hybride mobile Applikationen  
+ring:     adopt  
+quadrant: concepts-and-methods
+---
+
+Das Konzept der [hybriden mobilen Applikationen][hybride-mobile-app] haben wir bereits erfolgreich in diversen Kundenprojekten angewendet. Die eingesetzten Technologien für die Wrapper-Applikationen haben sich bewährt und sind inzwischen reif für den
+produktiven Einsatz.
+
+Im Rahmen unserer Composite-Application-Plattform [Uniport][uniport] haben wir eine Lösung entwickelt, die viele
+beliebte Zusatzfeatures in einem Produkt bündelt und sich zu einer kundenspezifischen Applikation konfigurieren lässt.
+
+[hybride-mobile-app]: https://www.brightsolutions.de/blog/native-vs-hybride-vs-web-app
+[uniport]: https://uniport.ch

radar/2024-02-29/infrastructure-as-code.md

@@ -0,0 +1,5 @@
+---
+title:    Infrastructure as Code  
+ring:     adopt  
+quadrant: concepts-and-methods
+---

radar/2024-02-29/insomnia.md

@@ -0,0 +1,13 @@
+---
+title:    Insomnia  
+ring:     hold  
+quadrant: tools
+---
+
+Leider hat sich Insomnia zunehmend von einer schlanken Anwendung zu einer schwerfälligen Plattform entwickelt, ähnlich
+wie es bereits bei Postman der Fall war.
+
+Angesichts dieser Entwicklung haben wir beschlossen, Insomnia auf "Hold" zu setzen. Als vielversprechende Alternative
+bietet sich das [IntelliJ HTTP Client Plugin][intellij-http-client-plugin] an.
+
+[intellij-http-client-plugin]: ../tools/intellij-http-client-plugin.html