PWA (1PT)

[caebr]

• Web Manifest mit Icons etc. (Icon wird noch geliefert)
• Installierbar (dummy Service Worker erstellen)

Muss nicht offline verfügbar sein

Abklärung mit STA-KomBE: Für die PWA wird das Wappen ohne Schriftzug verwendet (wie im Favicon), da der Schriftzug zu klein würde. Als Hintergrundfarbe wird eine Sekundär- oder Tertiärfarbe gewählt (nur übergeordnete kantonale Applikationen sollen die Primärfarben für die PWA verwenden).

Name: Evento
Kurzname: Evento
Beschreibung: Schulverwaltungsapplikation des Kantons Bern
Hintergrundfarbe: #3C505A (Aare)
Theme color: #3C505A (Aare)
Icon: Kanton Bern (negativ in Weiss)

Favicon: Kantonswappen wie bei BKD-Website → schon umgesetzt

[caebr]

@fbufbi

• Könntest du noch das Icon liefern?
• Das Web Manifest verlangt nach einigen Infos (Name der App, Beschrieb, Farben etc.). Wir würden da einfach einen Vorschlag machen und nach Bedarf anpassen.

[fbufbi]

@caebr Manifest:

• Name: Evento
• Kurzname: EVT
• Beschreibung: Schulverwaltungsapplikation des Kantons Bern
• Hintergrundfarbe: #EA161F (rot)
• Icon: Kanton Bern - könnt ihr das bereits eingesetzte Favicon verwenden?

[hupf]

@schefbi Ein paar Bemerkungen zur Umsetzung:

• Wir haben einen minimalen PWA-Setup mit Service Worker und Web Manifest mit dem Vite PWA Plugin (welches auf Workbox basiert) implementiert.
• Zusätzlich haben wir die App Offline-fähig gemacht – d.h. wenn man keine Internetverbindung hat kommt ein Offline-Screen:
  
• Der Service Worker pre-cached dazu die nötigen Resourcen (index.html, Logo, Styles, Scripts).
• Die Installierbarkeit konnten wir leider nur bedingt testen, da die App in einem Secure Context laufen muss. Wir konnten aber lokal mit Chrome und self-signed Zertifikat die App installieren. Wir schlagen vor, dass wir dies nun mal so deployen, damit man dann noch mit Android/iOS Geräten gut testen kann ob es effektiv wie erwartet funktioniert. Mit BrowserStack kamen wir leider nicht auf einen grünen Zweig.

[schefbi]

@caebr Lighthouse meint alles grün:

[caebr]

@schefbi Wir haben die PWA auf unseren Smartphones ausprobiert (Android mit Chrome und Firefox). Installation und Offline-Modus haben soweit funktioniert.

Uns ist aber noch aufgefallen, dass das Icon nicht ganz ideal ist:

Das können wir noch anschauen.

[schefbi]

@caebr Ich habe einmal die Kom Abteilung anschrieben.

[caebr]

@schefbi Wir haben Tool verwendet, welches uns die Bilder theoretisch in den richtigen Formaten/Grössen generiert hat. Inbesondere ist ein "maskable" Icon nötig, damit das obige Problem eben genau nicht auftritt - aber etwas ist wohl noch nicht ganz richtig.

https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/How_to/Define_app_icons#support_masking

D.h. wir können ein entsprechendes Icon auch selber generieren.

Noch eine andere Frage: Ist EVT als Short-Name ok? Oder wäre Evento hier besser?

[schefbi]

@caebr Ich würde "Evento" als Short-Name nehmen. Wie in der Beschreibung. Generiert doch einmal die maskable icons. Wir werden dann sehen was die Kommunikation des Kantons meldet.

[schefbi]

@caebr Icons werden in der KW 1 oder 2 2024 von der kom.be.ch an uns gesandt.

[fbufbi]

@schefbi Abklärung mit STA-KomBE in der Beschreibung ergänzt.