Det är dags för mig att inse att även detta lilla app-projekt faktiskt är ett projekt, så i detta inlägg tänkte jag dokumentera hur den är byggd och med vad – om någon skulle vilja ge sig på något liknande. Men vi tar det lite från början.
För att jobba med min egen professionella utveckling så skapar jag små sidoprojekt där jag tvingar mig själv att lära mig en massa saker som jag inte kan. Givetvis måste projekten ha riktiga mottagare och vara ’på riktigt’. Jag har lite svårt att motivera mig att lära mig saker för sakernas skull.
Hur detta projekt kom till kommer jag inte riktigt ihåg, då jag redan har ett huvudsidoprojekt denna termin i form av IoT-uppkopplat klassrum, som ni kan läsa mer om här. Men det har länge funnits en tanke om att dels slå ihop en massa småtjänster och webbplatser till en app, för att underlätta för personalen – och även att få till möjligheten att kunna pusha ut notiser om så skulle behövas (vilket hade varit sjukt smidigt för någon vecka sedan, då vår it-leverantör skickade ut en felaktig drivrutin som blåskärmade datorerna om de startades om (vilket väldigt många gjordes)).
One ring to rule them all
Ett problem som jag ser det är att vi har en hel del tjänster och webbplatser med egna adresser som ska kommas ihåg för personalen. Visst, de finns beskrivna i olika personaldokument, men vem orkar läsa sånt? Det blir väldigt spretigt och gör det inte så lätt för personalen. En dålig it-miljö helt enkelt. Så det jag ville göra, var att samla allt detta under ett tak och även att kunna skicka ut pushnotiser på ett enkelt sätt. Det appen nu samlar ihop och presenterar är än så länge, bland annat följande;
- Rumsinformation i ’sitt rum’ (mitt IoT-projekt) | Källa: extern webb (av mig)
- Matsedel | Källa: extern tjänst (skolmaten.se)
- Drift och underhåll | Källa: lokalt i appen
- Lokaltrafik | Källa: extern webb och API (Trafiklab)
- Lokala nyheter och aggregerade | Källa: lokalt i appen samt olika källor via RSS
- Tryck till – enkla surveys | Källa: lokalt i appen
- Supportsajten – lathundar och filmer | Källa: extern webb (av mig)
- Helpdesk | Källa: extern tjänst (Freshworks)
- Lokalbokning | Källa: extern webb (av mig)
- Lokalschema | Källa: extern webb (av mig)
- Frånvaroanmälan | Källa: 5 olika externa webbar
- Stadentjänster | Källa: en massa externa webbar
Givetvis finns det fler saker som jag skulle vilja integrera, men tyvärr så är de flesta av stadens tjänster helt låsta. Dock hoppas jag på att snart kunna lägga till salsscheman för alla lokaler på skolan.
Dessutom så är all information anpassad efter användaren. Beroende på vilken roll du har i appen, får du endast se det innehåll som är relevant för dig. Det handlar ju om att skala bort så mycket som möjligt.
Grundbygget – WordPress, SuperView och OneSignal
Appen är ingen ’riktigt app’ byggd från grunden, utan en form av hybridapp. Allt innehåll är webbaserat och körs genom en wordpressajt. Så, förutom menyn i botten på appen, så är allt du ser WordPress. Sajten bäddas in i en webviewer-app – SuperView i mitt fall – även om det finns ett antal att köpa.
När du köpt webviewer-appen, öppnar du den i Xcode, ändrar de få parametrar som finns att ändra i – som url till den sida du vill visa, om du vill använda menyer och liknande samt om du vill köra ads. Givetvis kan du ändra färger, lägga in din splash screen, ikon och lite mer. Dessutom lägger du in uppgifterna till den tjänst för pushnotiser som du använder. I mitt fall använder jag OneSignal, som är gratis upp till 30.000 prenumeranter.
OneSignal kan också användas för webbnotiser, som jag använder på den här webbplatsen.
När det gäller WordPress, så är det viktigaste att du väljer (eller bygger) ett tema som ser bra ut på mobil eller platta. De flesta teman gör dock det idag. I mitt fall har jag stylat om temat nästan helt och hållet med CSS, så i mitt fall valde jag ett simpelt och snabbt tema. Givetvis lär du köra det egenhostat och med SSL (https).
Viktigt att veta gällande den här typen av hybridappar är att det, precis som med vanliga inte är någon garanti för att de går igenom Apples godkännandeprocess. Jag har dock släppt en annan app för skolan, med just den här metoden – Hearly (ljudboksapp med ljudböcker av eleverna) – och den gick igenom utan problem. Se till att slå en googling på lite tips hur du får igenom just din app.
Just nu så distribuerar jag den här appen via Apples Testflight, för just betatestning.
Givetvis kommer en Andoid-version av appen när jag släpper den. Det är ju dock mycket enklare att få igenom androidappar, så det blir inga problem.
Vad kostar detta då?
Det är ju givetvis svårt att räkna på vad den här appen kostar totalt, men vi provar att räkna på det vi vet. Givetvis är ju den stora delen arbetstiden. Det andra är småpotatis.
- WordPress | Gratis
- WordPresstema | Gratis
- Webviewer app | ca 200 kr x 2 (iOS + Android) = 400 kr
- OneSignal | Gratis
- Apple developer | ca 1000 kr / år
- Google developer | ca 250 kr engångskostnad
- Serverkostnad | ett par tior i månaden – vi säger 50 kr / mån
- Summa: Cirka 650 kr i en engångskostnad och sedan cirka 1.600 kr per år.
Edit 2019-11-06 – Version 0.7.0 inskickad för review till betatestning
I videon här nedan får ni en liten genomgång i hur appen ser ut nu i sin barndom. Förhoppningen är nu att få igenom den för betatestning, så att vi får se om personalen har någon hjälp av den.
Frågor?
Om du har några frågor så är det som vanligt bara att ställa dem kommentarsfältet nedan eller i valfritt forum.
