Lathund
Installation av Teknisk
Förvaltning App (PWA)
INTRODUKTION
Från och med version x.77 lanseras en ny adress till Teknisk Förvaltning App (TF App). Den nya lösningen gör att vi kommer att dra nytta av en teknologi som heter progressive web app eller PWA vilket kommer att ge en bättre upplevelse för användare. De saker som vi kan lösa i och med denna lösning är bland annat:
• Enklare URL till appen (mindre problem vid bokmärkning av appen)
• Förbättrade installationsstöd (möjlighet att installera appen i Android, IOS och Windows)
• Fullskärmsläge i både Android och IOS
• Möjlighet för entreprenörer att vara inloggade mot flera system samtidigt.
• Push-notiser (till en början endast i Android och Windows)
Observera att push-notiser kommer att börja fungera först i version x.79.
• Inga problem med cross-domain cookies för kunder med egen drift
I detta dokument refererar vi ibland till ”den gamla webbappen”. Det är alltså den app som vi använt tidigare där varje kund behöver identifiera sig med sitt licensnummer för att komma till rätt version at appen och som har följande URL: https://tfapp.vitec.net/tfappweb
REKOMMENDERADE WEBBLÄSARE
För att kunna ta del av möjligheten att installera TF App och köra den i helskärmsläge behöver ni använda följande webbläsare:
IOS
• Safari Android
• Google Chrome Windows
• Google Chrome
• Microsoft Edge (Chromium)
Appen fungerar i andra webbläsare också men de som nämns ovan är det som utvecklingen är fokuserad mot.
REKOMMENDERAD RUTIN FÖR ÖVERGÅNG TILL PWA
1. Säkerställ att ni har minst version x.77 av Vitecs programvaror installerade 2. Om ni har egen drift?
2.1. Ta reda på vilken site (vilket externt servernamn) som programvaran MobileServer svarar på. Om ni är osäkra kontakta er IT-ansvarig eller den person på Vitec som brukar hjälpa er med uppgraderingar.
3. Adressen till den nya appen blir då följande:
Molnkunder: https://kundnamn.vitec.net/tfapp
Kunder med egen drift: https://#URL från punkt 2.1#/tfapp
4. Ni kan nu själva testa installera den nya PWA appen på en eller flera telefoner/datorer genom att besöka adressen från punkt 3. Instruktioner för att installera finns längre ner i detta
dokument.
5. Bestäm ett datum när ni vill gå över.
6. När det datumet infaller
6.1. I TF – Inställningar – Alternativ – TF App 6.2. Klicka i rutan för PWA
6.3. I samma dialog finns möjligheten att aktivera push-notiser för TF App. När man vill göra det ska man klicka i rutan Tillåt pushnotiser. I samband med det visas ett antal textrutor där man i de två översta: Firebase server key och FirebasConfig ska fylla i information från sitter Google Firebase – konto. Instruktioner hur man som skapar upp det kontot kommer att dyka upp inom kort bland lathundarna.
Observera
Push-notiserna börjar fungera först efter nästa uppgradering från tidpunkten då man fyllde i Firebase server key och FirebasConfig samt att man behöver version x.79 eller senare.
7. Skicka ut e-post till användarna av TF App där ni uppmanar dem att från och med den dagen börja använda den nya adressen. Den gamla adressen kommer alltså inte att sluta fungera men alla nya notifieringsmail och exchange-bokningar kommer att innehålla länkar till den nya adressen.
8. För att säkerställa att alla användare går över till den nya PWA appen kommer vi från och med version x.78 börja påminna användare som loggar in i den gamla webbappen att de använder fel version och även presentera en länk till den korrekta URL:en
INSTALLATION
ANDROID
1 2 3
Besök den kundunika adressen som beskrivs i avsnittet ovan i webbläsaren Google Chrome. Första gången man besöker sidan presenteras man med en instruktion om hur man installerar appen. Klicka först på knappen INSTALLERA.
En popup dyker upp där man ska verifiera installationen.
Klicka på Lägg till.
Man kommer tillbaka till samma sida och ska nu genomföra sista steget. Stänga ner webbläsaren.
4 5
Öppna sedan den installerade appen TF App som man hittar bland sina befintliga appar i telefonen.
Logga in och börja jobba
IPHONE
1 2 3
Besök den kundunika adressen som beskrivs i avsnittet ovan i webbläsaren Safari. Klicka först på knappen för att dela.
I nästa skärm för delning ska man välja alternativet Lägg till på hemskärmen
Bekräfta ”Lägg till på hemskärmen” genom att klicka på Lägg till. Du har här möjlighet att ge appen ett eget namn.
4 5
Du kommer att komma tillbaka till din hemskärm.
Leta reda på TF App och starta appen.
Logga in och börja jobba
WINDOWS
1 2 3
Besök den kundunika adressen som beskrivs i avsnittet ovan i webbläsaren Google Chrome eller Microsoft Edge. Första gången man besöker sidan presenteras man med en instruktion om hur man installerar appen. Klicka först på knappen INSTALLERA
En popup dyker upp där man ska verifiera
installationen. Klicka på Installera.
TFApp kommer nu att öppnas i ett eget fönster redo att användas.
4
Nästa gång du vill starta TF App hittar du programmet i din startmeny.
AVINSTALLATION
ANDROID
I Android avinstalleras appen på samma sätt som appar installerade via Google Play.
IPHONE
I IOS avinstalleras appen på samma sätt som appar installerade via Appstore.
WINDOWS
I Windows kan TF App avinstalleras på två sätt. Enklast är att från TF App klicka på de 3 prickarna uppe till höger och sedan välja ”Avinstallera TF App”.
Det andra sättet är att gå via kontrollpanelen och ”Lägg till eller ta bort program”.