Mobile Anwendungssysteme Lernzettel/ Zusammenfassung

,↑WAEigenschaften

Discoverable, installable, Network-independant, reengagable, linkable, safe, progressive
desponsive


Application Manifest:definiert name, icons, splashscreens
↳ datei
Ison
↳
Bietet
alle infos die für die Installation der Web App auf dem Homescreen
notwendig ist

↳Wird damit als "zale"Appin Android registriert;Fullscreen Modus möglich
↳ Screenorientation kann festgelegt werden

↳ Splashscreen wird automatisch damit erstellt

-> Datei muss in index.html eingetragen sein

↳ am besten auf jeder Seite

↳ kons für jede Device
gröe festlegen
↳
Hintergrundfarbe & Icon für Splashscreen
-> Basiert auf Web Manifest standard (WMS)

Eigenschaft:short name/name:mind festlegen. Short_name an stellen genutzt, wolcurzer name notwendig ist (HS,Lann,
↳ name wird genutzt bei der Installation der Applikation
Eigenschaft Icons: -kons die genutzt werden, der Nutzer die auf dem Homescreen installiert
wenn
Anwendung
↳ werden
genutzt im:Applauncher, Taskswitcher, splashscreen,
Eigenschaft start_urt:welche Website der
Anwendung soll als erstes aufgerufen wird
EigenschaftDisplay:fullscreen, standalone, minimal-ni, browser

Eigenschaft orientation:Landscape, portrait
Eigenschaft scope;Welcher Bereich einer Website zur Appl. gehört
↳ ist
scope nicht definiert, wird der Ordner der ersten Website genutzt
↳ nutzt relative Pfade
↳ istrelativ
start-url zur scope eigenschaft anzulegen
Splash-Screen: - Ladescreen-> Anwendung braucht etwas zeit, bis sie
eingerichtet ist
application manifest background & Icons
↳ Chrome erzengt aus name,

, Service Worker:Kontrolliert den Lebenszyklus der App dermöglichtoffline Support
↳ kann abfragen abfangen und mitDaten aus dem Luche beantworten
Service Worker Lifecycle-Registering -> istallingsinstalled activating -> -> activated



Service Worker:

↳ wird in der ersten
genutzten Website genutzt, aufgerufen A registriert
↳ Wird auf
Erfolgreich -> im
globalen Scope ausgeführt, ohne zugriff DOM

↳ InstallEvent für
-> DB/Cache erstellen erste Offline Nutzung
↳ Oninstall handler istinstalliert
abgearbeitet - Service Worker

↳ Aktivierungsereignis - Resourcen älterer Versionen aufräumen

Service Worker Lifecycle:
↳ Installation
Beginn des Registrierungsprozesses
↳ Installiert - Wartet nun bis alle offenen dients geschlossen wurden
↳ des Sukontrolliert
Aktivierung -> Keine Clients mehr durch ältere versionen (Setup beendetd alten lache
reinigen
↳ Aktiviert
funktionalen Ereignisse kontrollieren
-
Service Workerkann alle

Promises:Guter Mechanismus, um asynchrone Operationen auszuführen -
gut für den Service Worker

Service Worker Vorteile: Wie ein Proxy-Seuner; verändert anfragend antworten;austausch mit Artefakten aus dem Lache

↳ Feature detection:feststellen of Service Worker unterstützt wird -> wennnicht - normale Website
↳ Applache kann von Browsern genutzt werden, die keine Service Worker unterstützen

Probleme für Service Worker:- kein HTTPS

↳ Pfad Service Worker nicht
zum ist korrekt, muss relativ angegeben werden

↳ Ist auerhalb des Scopes
Service Worker Hinweise: kann nur Anfragen von Websiten verwalten, die in seinem Scope liegen
↳ Maximalste Scope ist der Speicherort des ServiceWorkers

↳
Scope kann bei
Registrierung angegeben werden Beim nächsten Aufruf ers
~

Cache-Strategien: stale-while revalidate - Browser zeigt veraltete version eine Resource. Neue wird im Hintergrund geladen
↳ Cache ->
only
↳ Network
first, but fallback on cache

↳ Cache first, but fallback on Network



Unterschied PWAd Hybride entw.)

-> PWA-c kommuniziert miteinem Webservice (Badend mittels Service Worker
↳
ist nur"eine Website
->
Hybrid -> mird mit Webtechnologie & Cordova Framework gebaut
↳
Zugriffauf interne & externe Services mittels Plugin
DWA-
Herausforderung:
↳ Features abhängig
vom Browser

angeboten werden
↳ Service Worker müt über HTTPS stelle

↳
zaching muss selbst implementiert werden
↳
splashscreens vorgegeben