Gratisverktyg till högskoleprovet, Del 3

Imorgon (tisdag) öppnar anmälan till Högskoleprovet (08:00) och jag rekommenderar alla som funderar över vad dom gör med livet att skriva det. För mig var högskoleprovet vägen från telefonförsäljare till programmerare.

[Anmäl dig här](https://www.hogskoleprov.nu/)

## Gratisverktyg för de kvantitativa frågorna på högskoleprovet

För snart ett halvår sedan skulle min flickvän plugga till högskoleprovet och jag tänkte, vad behöver man egentligen för att plugga till matte-delen?

* Göra gamla uppgifter
* Identifera vilka man fick fel på/tog för lång tid
* Lära sig vad man gjorde fel
* Komma ihåg vilka uppgifter man redan svarat rätt/fel på

Som programmerare tänkte jag: “Det här borde ju gå att bygga?” och snickrade ihop ett litet verktyg som kom ihåg vilka uppgifter man svarar fel på och hade länkar till lösningar på youtube. La upp verktyget gratis på en liten sida och [delade det här på sweddit](https://www.reddit.com/r/sweden/comments/t2vht4/gratisverktyg_till_h%C3%B6gskoleprovet/). Det fick så himla bra respons (100 uppduttar och silver!) att jag tänkte… det här var ju kul! 😀

Jag fick lite idéer på hur man kan göra den ännu bättre! Så efter en hel del bugfixar och en alldeles egen domän efter kom jag med [en till post!](https://www.reddit.com/r/sweden/comments/u5gqmg/gratisverktyg_till_h%C3%B6gskoleprovet_del_2/) och fick ännu bättre respons (200 uppduttar, silver och guld!) 😀 😀 😀

Det har såklart inspirerat mig till att göra ännu mer saker med verktyget, så ca 15,000 rader kod senare drar därför idag tillbaka ridån för Del 3 av hpcampus.se =D

* Verktyget består huvudsakligen av sidan där du tränar på gamla uppgifter
* [Startsidan](https://i.imgur.com/2rWbxqm.jpg) visar hur det gått för dig än så länge
* Först ställer du in ett filter på [vilka uppgifter du vill göra](https://i.imgur.com/3bSiB16.jpg)
* Därefter gör du [uppgifterna](https://i.imgur.com/kJemVo4.jpg)
* Slutligen får du resultatet
* Här får du [en överblick](https://i.imgur.com/qCDzluJ.jpg) av hur det gick
* [Vilka du fick fel på](https://i.imgur.com/saPLIlv.jpg), eller som tog för lång tid
* [Se videolösningar](https://i.imgur.com/zLzcZcy.jpg) och förstå vad som gick fel
* Det finns även en [Inställningssida](https://i.imgur.com/UfJVvwh.jpg) där du kan
* Gömma klockan så du inte stressas när du pluggar
* Ändra till [dark mode](https://i.imgur.com/ROCXOGY.jpg) och vara skonsam mot dina ögon
* Lägga till möjligheten att [pausa i början av varje uppgift](https://i.imgur.com/QLBEHj3.jpg)
* Slutligen finns frågebiblioteket där du kan [bläddra och filtrera](https://i.imgur.com/Vb0QdCB.jpg) bland alla frågor som finns på sidan.
* Genom att klicka på en fråga i biblioteket kommer du till frågans sida där du kan se
* [Frågans bild](https://i.imgur.com/WE2vuE7.jpg) och pröva lösa den utan någon tickande klocka
* Se frågans svar (först dold bakom en “Visa svar”-knapp)
* Alla tillgängliga video-lösningar till frågan
* [Din personliga historik](https://i.imgur.com/2grDLxp.jpg) för frågan, när du svarat på den, hur det gick och hur lång tid det tog.

## Vad är nytt?

* Från 56 frågor (två provpass) till 168 (6 provpass)!
* Samtliga har minst 2 olika videolösningar (vissa har 4!)
* Dark mode! 😎
* Ett frågebibliotek där du kan söka på alla frågor
* En egen sida för varje fråga med
* Din historik
* Videolösningar
* Möjlighet att länka till frågan, såhär: [https://hpcampus.se/question/2021-10-24-4-25](https://hpcampus.se/question/2021-10-24-4-25)
* /u/hwlll kom men den fantastiska feedbacken: “När jag valde ett svarsalternativ så hoppade den direkt till nästa fråga, utan att jag hann uppfatta det, så hände att jag tryckte två gånger på raken.(detta på mobilen). En fade out+in animation eller annat ux-trick vore bra”
* Detta är nu implementerat! När du klickar på ett svar glider frågan smidigt iväg och sen fade:ar nästa fråga in (klockan pausas även under den korta animationen så du inte förlorar tid på animationen 🙂
* u/larkar påpekade att det är svårt att se frågorna under rättning eftersom bilden är för liten
* Detta stämde fullständigt och jag har helt och hållet designat om resultat-sidan för att ge fråge-bilden mer plats, men även lagt till en liten knapp i hörnet av frågan (ett förstoringsglas) som gör den ännu större ifall det är en fråga med väldigt mycket text 🙂
* u/Uberarne kom med den extremt rimliga efterfrågan att kunna gömma klockan och en pausfunktion på timern för toabesök/ hämta dryck osv
* Nu är det bara att gå till inställningar och kryssa i att man inte vill se klockan ticka medan man gör gör uppgifterna 🙂
* Där kan du även aktivera pausknappen, vilket gör det möjligt att pausa under de första fem sekundrarna av varje fråga 😀
* Pausknappen velade jag lite över för jag vill att tiden du spenderar på varje fråga ska reflektera hur lång tid det tog för dig att lösa den, men om du läser en fråga och sen går på toa kommer du omedvetet att tänka på lösningen. Kanske lite töntigt tänkt men jag kompromissade och har gjort att man har möjligheten att pausa under de första 5 sekundrarna av varje fråga så att man uppmanas endast pausa “mellan frågor”.
* Videolösningarna är nu inbäddade direkt på sidan 🙂

## FAQ

* Varför har du inte de andra delarna?
* Just nu stödjer jag bara XYZ, KVA och NOG, orsaken till att jag än så länge inte stödjer DTK är för att just diagram, tabeller och kartor inte lämpar sig väl på digitala enheter, mobiler är för små men även datorer är sämre än papper eftersom man kan behöva mäta med linjal.
* Vem vet, kanske lägger till de senare, om behovet finns 🙂
* Orsaken till att jag inte stödjer de verbala delarna är för att de inte drar lika mycket nytta av digitala verktyg. Bästa sätten att öka sin prestation verkar vara att träna ord via flashcards (t.ex. med memrise-listan som [finns här](https://app.memrise.com/course/105477/hp-ord/?fbclid=IwAR38WDqlUaY0m6rnPMDyCsEvoczgrNo7eUnyN-gNnhif-NvulrOs9g7clVo)) eller genom att helt enkelt bara läsa mer. Jag har lite spännande idéer om saker jag skulle kunna göra med de verbala delarna i framtiden, men då vill jag först göra HP Campus till den tveklöst bästa tjänsten för att plugga till XYZ, KVA och NOG.
* Är HP Campus verkligen helt gratis?
* Ja, HP Campus är gratis och mitt mål är att den ska förbli gratis. Mitt enda problem skulle vara om sidan blev populär och jag fick svårigheter att täcka server-kostnader 😅
* Jag tror genuint att en sida som denna gör enormt mycket mer gott och kan bli någonting större om den förblir tillgänglig för alla.

## På horisonten för HP Campus

* En av fördelarna med en gratis-tjänst är att det öppnar upp för community-byggande.
* Jag ser ofta folk i facebook-grupper för högskoleprovet skriva om att de söker någon att studera med
* Många undrar även om det finns en discord just för högskoleprovet.
* Man skulle t.ex. då även kunna ha sub-communitys för folk som vill komma in på samma program, eller t.ex. siktar på samma betyg.
* Än så länge har jag gjort halvhjärtade försök till detta, t.ex. ett [instagramkonto](https://www.instagram.com/hpcampus/) och skapade ett [subreddit](https://www.reddit.com/r/hpcampus/) men för varje timme jag spenderat på dessa tänker jag: “Just nu skulle jag kunna förbättra sidan”.
* Tänkt att jag skulle kunna introducera användar-konton
* Än så länge har jag avvaktat för att öka tillgängligheten, vill göra det lätt att bara öppna sidan och sätta igång. Så skulle troligtvis försöka bygga det som ett valfritt alternativ.
* Med användare kan man ha saker som topp-listor för varje vecka, hjälpa folk hitta study-buddies som ligger på samma nivå.
* Långsiktigt skulle man kunna göra statistiska analyser över hur de bäst presterande användarna studerar och bygga “tränings-program”.
* Här är [en liten teaser](https://i.imgur.com/u1Svq37.png) på vad jag snickrar på just nu. Tror detta kommer att kunna hjälpa människor att plugga mycket effektivare inför högskoleprovets kvantitativa delar!

## Ett stort tack!

* Vill självklart tacka alla användare som hjälper mig hitta små och stora detaljer för att förbättra sidan och ta den till nästa nivå i användarvänlighet. Ännu inte nämnt /u/litenoumjuq som redan i min första post pekade ut hur jag sparat fel facit till HÄLFTEN av alla mina uppgifter 😅 och /u/pottfisken som pekade ut hur vissa frågor hamnade utanför skärmen, samt /u/Nip-sauce som uppmanade mig till att skaffa en riktig domän.
* Alla de som svarat med värme och kärlek. Framförallt /u/slackersdelight , /u/PojkenSomDuger , /u/potterhead1d och /u/HansGruberIsAThot . Era svar påminner mig om varför jag bygger detta och håller inspirationen vid liv!
* Alla anonyma användare som använder sidan, alla uppduttar, silver-belöningar och reddit-guld! Vet inte vilka ni är men ni påminner mig om att jag bygger någonting som faktiskt används och uppskattas.
* Alla de fantastiska människor som lägger sin tid på att lägga upp lösningar på Youtube för allmänhetens nytta och som jag därmed kan använda på min sida. Jag hoppas att min sida kommer hjälpa driva trafik till deras kanaler.
* [Jonas Vikström](https://www.youtube.com/c/JonasVikstr%C3%B6m) har lagt upp flertalet lösningar till gamla höskoleprov, men har även en hemsida [https://vidma.se](https://vidma.se) där han har över 1000 matte-uppgifter med videolösningar från grundskolan hela vägen upp till Matematik 5. Vi har även kommunicerat under byggandet av sidan och jag har fått värdefull feedback på förbättringar.
* [Jon Erik Nordstrand](https://www.youtube.com/c/JonErikNordstrand), även känd som Aristofanes och har kanske den mest kompletta youtube-kanalen för att studera till högskoleprovet. Med videolösningar till högskoleprov så långt tillbaka som 90-talet och filmer på allt från bästa verktygen till recept på bästa maten samt vanliga typuppgifter. Han är lugn, metodisk och pedagogisk i sina lösningar, som att få lösningarna förklarade av en Matte-Gandalf. Varmt rekommenderad.
* [Fredrik Lindmark](https://www.youtube.com/c/FredrikLindmark) har även en egen hemsida [https://fredrikfilmer.wixsite.com/filmer](https://fredrikfilmer.wixsite.com/filmer) där han inte bara har lösningar till högskoleproven utan även matematik för grundskola/gymnasium, kemi, fysik med direkta referenser till populära läroböcker som Matematik 5000+ och Heureka (fysik).
* Sist men inte minst min flickvän som inte bara var den ursprungliga inspirationen för sidan men som även stått ut med (och gett sitt oumbärliga stöd till) att jag var och varannan dag “sätter mig och pillar på mitt hobby-projekt” <3