På kort tid har en mängd ai-tjänster skapats som gör både det ena och andra. Vi skapar och manipulerar bilder, sammanställer stora mängder text till lättsmälta avsnitt, skapar överskådlig statistik och kodar program, spel och hemsidor med hjälp av ai.
Centralt för alla dessa verktyg är att skapa detlajerad instruktion även kallad ”prompt” som beskriver vem du är och vad du vill. Precisionen i dina detaljer avgör resulttat som ai´t genererar.
Varför just tidrapportering
Tänk dig att du tröttnat på att samla tidrappoerterna i dina gamla makrobaserade excelfiler på lokala servern och det är dags att skapa ett nytt som skall vara centraliserad och framförallt webbsaserad. Det kanske är otur men genom åren har jag testat, provat och använt många rapporteringsverktyg, gemensamt för alla är att det alltid saknats något och är relativt dyra i grunden. Nedan system kan anpassas av mig och kostar 3500:-/år (ex. moms) oavsett antalet användare. Så det var värt att pröva helt enkelt.
Steg 1 – skapa en grov beskrivning på vad du vill ha (din enklare specifikation)
Konsulten
Förnamn
Efternamn
Kundens information
Företagets namn
Kontaktpersonen namn
Kontaktpersonent e-post
Kontaktpersonens mobil
Projektinformation
Timarvode för projektet
Estimerad projekttid i timmarProjektets information
Datum
Startid
Sluttid
Total antal timmar för aktuell dag
Total antal timmar för månaden
Projektets detaljer
Man skall kunna registrera flera projekt på en och samma dag som automatisk räknar ihop totaltiden för den aktuella dagen
Steg 2 – bestäm verktyget som skall hjälpa dig (matas in i Grok)
Nu är det dags att anpassa ovan text till mitt ai, d.v.s. att skapa en tydlig prompt. I mitt fall använder jag Grok men det funkar med alla.
Jag utökar nu min specifikation med att be Grok skapa en anpassad prompt som kan användas med verktyget Lovable
Skapa en prompt som kan användas för att skapa en tidrapporteringsapp med Lovable. Appens funktioner skall innehålla möjlighet till att registrera information om konsulten, kunden, projektet, total arbetstid, all inmatad arbetstid skall kunna visas i vecko- eller månadsvy och kunna exporteras som pdf fil. Nedan följer en beskrivning av varje funktion samt vilka fält som skall vara med
Konsultens information
Förnamn
Efternamn
Kundens information
Företagets namn
Kontaktpersonen namn
Kontaktpersonent e-post
Kontaktpersonens mobil
Timarvode för projektet
Estimerad projekttid i timmarProjektets information
Datum
Startid
Sluttid
Total antal timmar för aktuell dag
Total antal timmar för månaden
Steg 3 – Skapa en perfekt prompt för ditt verktyg (resultatet från Grok som matas in i Lovable)
Skapa en komplett tidrapporteringsapp för konsulter med ett modernt, rent och användarvänligt gränssnitt. Appen ska vara en webb- eller mobilapp (responsiv design) och ha följande funktioner och struktur
Huvudfunktioner:
– Registrering och hantering av konsultens personliga information
– Registrering och hantering av kunder
– Registrering och hantering av projekt
– Daglig tidrapportering med möjlighet att lägga till flera projekt/poster per dag
– Visning av rapporterad tid i veckovy och månadsvy
– Möjlighet att exportera rapporter (veckovis eller månadsvis) som PDF-fil
Specifika fält och krav:
1. Konsultens information (ska kunna redigeras en gång, sparas lokalt eller i databas):
– Förnamn
– Efternamn
2. Kundhantering (kunna lägga till, redigera och välja befintliga kunder):
– Företagets namn
– Kontaktpersonens namn
– Kontaktpersonens e-post
– Kontaktpersonens mobilnummer
– Timarvode för projektet (i SEK eller vald valuta)
– Estimerad projekttid i timmar
3. Projekthantering och tidrapportering:
– För varje tidspost (en rad per projekt/aktivitet på en dag):
– Datum (kalenderväljare)
– Vald kund (dropdown från befintliga kunder)
– Projektbeskrivning/detaljer (fritextfält för vad som utförts)
– Starttid (tidsväljare)
– Sluttid (tidsväljare)
– Appen ska automatiskt beräkna och visa total antal timmar för den aktuella posten (sluttid – starttid, med hantering av raster om möjligt)
– Möjlighet att lägga till flera tidsposter/projekt på samma dag
– Automatisk summering av total arbetstid för den aktuella dagen
– Automatisk summering av total arbetstid för aktuell månad
4. Rapporteringsvy:
– Veckovy: Visa alla tidsposter grupperade per dag i vald vecka, med totalsumma per dag och per vecka
– Månadsvy: Visa alla tidsposter grupperade per dag eller per projekt i vald månad, med totalsumma per dag, per projekt och totalt för månaden
– Visa även faktureringsinformation: total tid × timarvode = belopp att fakturera
– Knapp för att exportera aktuell vy (vecka eller månad) som en professionell PDF-rapport med konsultens namn, kundens information, datumintervall, detaljerad tidredovisning och totalsummer
Designkrav:
– Modernt, minimalistiskt gränssnitt med tydliga sektioner och formulär
– Använd färgkodning för olika kunder eller projekt (valfritt)
– Mobilvänlig och responsiv layout
– Navigation med meny eller flikar: ”Min profil”, ”Kunder”, ”Ny tidrapport”, ”Rapporter”
Generera antingen:
– En detaljerad UI/UX-design med skärmbilder (mockups) av de viktigaste vyerna (profil, kundregistrering, tidrapportering, vecko/månadsvy, PDF-exportexempel), eller
– Fullständig fungerande kod (t.ex. i React/Vue med lokal lagring eller Flutter) som implementerar alla ovanstående funktioner.
Appen ska kännas professionell och vara enkel att använda för frilansande konsulter.
Steg 4 – Börja Vibe-koda
Att skapa något visuellt kräver fortfarande en del kunskap men om du kan beskriva det du vill ha löser lovable det hela. Med varje fråga/prompt ökar dock behovet av tokens och dessa kostar pengar
Grundtexten i steg 3 ger dig en bra start med både gränssnitt och bakomliggande logik. Allt eftersom du knappar runt märker du att det saknas saker du vill ha och behöver då prompta. Här gäller verkligen ”skit in = skit ut” ….är du en dålig beställare/promptare får du inte fram det du vill ha helt enkelt.
Efter några timmars promptning/finslipning fick jag fram ett resultat som jag var nöjd med. Jag har då skapat ett system för tidrapportering som sammanställer
- Konsult som kan arbeta mot flera kunder
- Beläggningsgrad
- Kund som kan ha flera projekt
- Projekt som kan hantera delprojekt
- Fakturerbar information uppdelad per vecka, månad och total
- Visualisering i diagram som kan visas per kund, projekt eller konsult
- Export till PDF
- Tillgänglig via url på egen domän med inloggning
- Självklart ljust och mörkt tema ;)
Hela detta moment kändes som att sitta bredvid en kompetens konsult som kodar med blixtens hastighet. Det blir dock inte alltid helt rätt och det är upp till dig att hitta dessa misstag och promta en korrigering eller använda historiska versioner för en nystart. Men från att gå från att det är helt omöjligt till att ha ett användbart tidrapporteringssystem på några timmar är ju ändå sjukt imponerande.
Vad kostar det
Man kommer lpngt med gratisversionen men med en prenumeration får du möjlighet till större instanser och möjlighet till avancerad promptning. Alla appa du skapar i lovable lägger sig i ett s.k. prototyp-läge som inte orkar några större mängder trafik. Om du vill använda appen skarp behöver instansen uppgraderas till något som passar.
För- och nackdelar
Fördelen är helt klart att man kan skapa en webbaserad tjänst/funktion utan förkunskap inom kod eller webb. Lovable stödjer mängder med integrationer som kan aktiveras. Fördelen i att slippa all teknik kan också bli dess nackdel och vara källa till dataläckage. Det kan vara så att applikationen du skapats kräver stora resurser och därmed blir dyrare än beräknat eller måste flyttas till egen server. Man får också tänka på att dessa tjänster är nya och uppfyller kanske inte krav på standarder du har i din organisation. Appen är efter publiceringen helt underhållsfri men du har också ingen insikt i hur backup och underhåll sköts.
Stora brister vid en säkerhetscheck
En säkerhetscheck påvisar stora brister inom Compliance & Security. Lovable har gjort en del uppdateringar så att appen du skapar grundläggande kontrolleras för att bli säkrare men det når änsålänge inte hela vägen. Är man ute efter en säker applikation som följer gängse regelverk som gäller ”vanliga” kodare så stannar det vid att använda Lovable för att skapa design och layout. Den färdiga appen är en ”allt i ett” lösning som gör det svårt eller omöjligt att underhålla delar av lösningen. Lösningen kan heller inte exporteras eller flyttas till annan arkitektur.
| Section | Security | GDPR | Accessibility | Architecture | Overall |
| ——————– | ———- | ———- | ————- | ———— | ———- |
| **Pre-Auth (Login)** | 🔴 15% | 🔴 0% | 🟡 45% | 🟢 75% | 🔴 34% |
| **Min Profil** | 🟡 40% | 🔴 0% | 🟡 40% | 🟡 50% | 🟡 33% |
| **Projekt** | 🟢 60% | 🔴 20% | 🟡 45% | 🟡 55% | 🟡 45% |
| **Tidrapport** | 🔴 20% | 🟡 30% | 🟢 65% | 🟡 60% | 🟡 44% |
| **Rapporter** | 🟡 40% | 🟡 40% | 🟡 50% | 🟡 50% | 🟡 45% |
| **AVERAGE** | 🔴 **35%** | 🔴 **18%** | 🟡 **49%** | 🟡 **58%** | 🔴 **40%** |
Andra alternativ
Det finns såklart en mängd olika Vibe-tjänster. Jag testade även Rocket som kändes mycket krångligare. Känslan är att den skapar en mängd saker som man får prompta bort vilket gör att man bränner fler tokens till onödiga saker. Det blev också ofta missförstånd eller prompten blev aldrig genomförd vilket gjorde att man fick repetera promptar. Vissa promptar tog evigheter att göra klart. Även om månadskostnaden var den samma flög alla tokens iväg utan att hinna klart med projektet.
