Du vill öppna dagens jobb i mobilen. Markera vad som är klart. Se vem som lånade släpet.
Ett eget litet verktyg hade varit praktiskt. Men tanken på en app leder snabbt till App Store och något betydligt större.
Det finns en annan väg. En webbapp kan börja med en vanlig webbadress och få en egen ikon på hemskärmen. [1, 2]
Det börjar med en webbadress
Ja.
En webbapp bygger på webbteknik och öppnas via en länk. Den behöver inte distribueras genom en appbutik. [1]
En variant kallas progressiv webbapp, eller PWA. Den kan också installeras. Då behöver enheten stödja installationen. [1]
För användaren kan det innebära att öppna en länk första gången. Därefter går appen att starta från sin ikon. Hur installationen erbjuds beror på webbläsaren och enheten. [2]
Ingen gemensam knapp överallt. [2]
Tänk en egen dörr till samma arbetsrum. Länken och ikonen kan leda till samma verktyg. [1, 2]
Ikonen gör vägen tillbaka tydlig, medan funktionerna fortfarande behöver byggas. De följer inte med dörrhandtaget. [1, 2]
En ikon berättar inte hela historien
En genväg och en installerad webbapp är inte samma sak. En genväg kan öppna sidan i webbläsaren. En installerad webbapp kan öppnas i ett eget fönster utan den vanliga webbläsarramen. [2]
På iPhone beskriver Apple hur en webbplats läggs på hemskärmen med alternativet ”Öppna som webbapp”. På Mac finns motsvarande möjlighet att lägga en Safari-webbapp i Dock. Där krävs macOS Sonoma 14 eller senare. [3, 4]
Utgå därför från telefonerna och datorerna som faktiskt ska användas. Be att få se hur verktyget öppnas på dem. En demonstration på en annan enhet säger inte allt. [5]
Börja med något som återkommer
En webbapp blir mer konkret när den får en tydlig uppgift. MDN rekommenderar att fokusera på kärnfunktionerna och göra viktiga handlingar enkla. Börja därför med ett återkommande arbetsmoment. [5]
Tänk en checklista inför öppning. Du väljer dagens pass och markerar det som är klart. Ett annat tänkbart exempel är utlåning av utrustning, där verktyget visar vad som är ledigt. [5]
Det här är exempel på funktioner att bygga. Att lägga en befintlig hemsida på hemskärmen skapar inte automatiskt någon checklista eller gemensam kalender. Webbappen behöver innehålla själva arbetsflödet. [1]
Utan täckning behövs en plan
Installerad betyder inte automatiskt tillgänglig utan internet. Vissa delar kan byggas för att fungera utan uppkoppling. Då behöver appen spara rätt innehåll lokalt och hantera vad som händer när nätet kommer tillbaka. [6]
Att läsa en tidigare hämtad arbetsorder är en sak. Att se den senaste ändringen från en kollega är en annan. Ny information från andra användare måste överföras när en anslutning finns. [6]
Bestäm därför vad som måste fungera utan täckning. Får användaren bara läsa, eller också ändra? Det ska framgå om en ändring är sparad lokalt och ännu inte skickad vidare. [6]
Annars blir ”klart” ett otydligt besked.
Låt kraven välja typ av app
Notiser och arbete i bakgrunden kan vara möjliga, men har särskilda villkor och begränsningar. Bland annat kan användarens tillstånd krävas. Bygg inte ett viktigt arbetsflöde på antagandet att allt alltid körs i bakgrunden. [6]
Behövs kamera, särskild utrustning eller andra telefonfunktioner måste just det stödet undersökas på målgruppens enheter. En app som byggs särskilt för iOS eller Android kan vara ett alternativ att jämföra. Kraven får avgöra. [1, 5]
Avgörande är om appen kan lösa den valda uppgiften pålitligt. Prova därför hela arbetsmomentet på de enheter som ska användas. Även när något går fel. [5]
Någon behöver fortfarande ta hand om den
En webbapp behöver utveckling, drift och underhåll även utan appbutik. Programvaran måste hållas aktuell, data skyddas och ändringar kontrolleras. Bestäm vem som ansvarar för det. [7]
Inloggning och behörigheter behöver också utformas. Den som får se dagens jobb ska inte automatiskt få ändra alla användares åtkomst. Att känna till webbadressen ska inte vara det enda skyddet för intern information. [8]
Du behöver inte bestämma hela appen idag. Skriv ned ett återkommande arbetsmoment och vad användaren ska kunna göra. [5]
Börja med den uppgiften. Ett tydligare behov. En mindre första version. [5]
Källor och vidare läsning
[1] MDN: What is a progressive web app?
[2] MDN: Making PWAs installable
[3] Apple: Förvandla en webbplats till en app i Safari på iPhone
[4] Apple: Använda Safari-webbappar på en Mac
[5] MDN: Best practices for PWAs
