Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

HTML5/CSS demo for Hub UI decision

Jens Rehsack

2021

Any element with the class="notes" will not be displayed. This can be used for speaker notes. In fact, the impressConsole plugin will show it in the speaker console!

Table of Contents

Table of Contents, with links to other slides of this same presentation.

Note that instead of absolute positioning we use relative positioning, with the data-rel-x and data-rel-y attributes. This means the step is positioned relative to the foregoing step. In other words, this is equivalent to data-x="0" data-y="-3000".

Tax Transfer Hub: Ziele

UI im Browser

HTML5 & CSS3 sind unabhängig - man kann diese auch mit Java (JSP) als Middleware realisieren

Das erhöht die Gesamtkomplexität des Systems und widerspricht damit K.I.S.S.

Es geht also darum, ob die Erfassung von Daten in HTML5 oder in Java erfolgt - nicht darum, wie das UI gerendert wird

Überlegungen zu UI mit Java

ProKontra
  • bei AMANA bekannte Technologie
  • Viele Java-Entwickler haben grundsätzliche Kenntnisse in JSP
  • die Verfügbarkeit von Entwicklern ist hervorragend
  • Sprachkopplung zwischen Frontend und Backend - verleitet zu Architekturverletzung
  • schwergewichtiges Frontend mit Server-Komponenten
  • UI und UI-Logik liegen auf getrennten Systemen
  • Änderungen benötigen oft Neuladen der Seite

Zusammengefasst: JSP ist ökonomisch pragmatisch

Überlegungen zu UI mit HTML5

ProKontra
  • Architekturgrenzen leichter durchsetzbar
  • Responsive Design ermöglicht "lebendige" Anwendungen
    • Dank Ajax sind Änderungen ohne Neuladen sichtbar
  • Framworks wie Angular (Google) oder React (Facebook) nehmen viel Basisarbeit ab
  • Für AMANA weitgehend neue Technologie
  • die Verfügbarkeit von Entwicklern ist gut

Zusammengefasst: kurzfristig schwierig, langfristig bombastisch

Jeder Entwickler im Tax-Hub Team sollte eine impress.js Präsentation mit den Fragen zu HTML5 & CSS erstellen

Entwickler im Tax Balance können dann mit ähnlicher Technologie antworten