Case study

Vi har nylig lansert en ny og moderne nettside til Trimpoeng. Les mer om leveransen.

Trimpoeng er et heldigitalt system for gjennomføring av turkonkurranser, og har i skrivende stund blitt brukt til å registrere mer enn 11 millioner innsjekkinger på turmål over hele landet.

Devos jobber tett med Trimpoeng på flere områder, og det siste prosjektet vårt har vært å lage en ny og moderne nettside.

Først og fremst har vi laget en nettside hvor informasjon om hva Trimpoeng er kommer tydelig frem, både ved bruk av korte beskrivende tekster og bilder. I tillegg har vi fått på plass en del skreddersydd funksjonalitet:

Integrasjon med Trimpoeng for å vise aktive konkurranser på et kart, med mulighet for å sortere listen over konkurranser basert på avstand fra brukeren. Ved å velge en konkurranse zoomes kartet inn på alle turmålene i den valgte konkurransen.

Integrasjon med Trimpoeng for å vise alle innsjekkinger i åpne konkurranser i sanntid.

Elixir/Phoenix for enkelte API-er som brukes av integrasjonene

Vi takker Trimpoeng for samarbeidet og ser frem til å jobbe videre med å videreutvikle både nettsiden og Trimpoeng som produkt.

Artikkel

Etter en skikkelig god sommerferie med full avkobling er Devos nå tilbake foran datamaskinen igjen og i full gang med høstens prosjekter.

Les mer om hvilke prosjekter Devos jobber med høsten 2022.

Høstens prosjekter

Vi mener at det er viktig å koble helt av når en først har ferie. Derfor har vi hatt mer eller mindre stillstand de fire siste ukene, hvor tiden har blitt fylt med helt andre aktiviteter enn jobbing. Nå viser kalenderen at vi er midt i august, noe som betyr at høstens prosjekter nå er i gang.

En stor del av høsten vil bestå i å jobbe videre med et spennende prosjekt for Trimpoeng. Vi kan ikke røpe så veldig mye, men noen stikkord er:

En større oppdatering av appen (skrevet i Flutter)

En rekke nye API-endepunkter (skrevet i Elixir)

Vi skal la det være opp til Trimpoeng selv å røpe innholdet i oppdateringen, noe som er planlagt å skje i løpet av høsten. Les gjerne mer om hva vi gjør for Trimpoeng.

Vi fortsetter samarbeidet med Levelup utover høsten. Les gjerne mer om samarbeidet vi har med Nøtterøy-baserte Levelup.

I løpet av høsten vil også en app vi har utviklet på vegne av en annen kunde bli tatt i bruk: 

Benytter Auth0 for autentisering av brukere

Vi har over lengre tid jobbet med et større prosjekt som vil bli fullført i løpet av høsten. Dette prosjektet innebærer:

En publikumsvendt nettside skrevet i Next.js

Høsten byr altså på en rekke spennende utfordringer for Devos.

Driftsmeldinger

Mandag 20. februar opplevde vi problemer med domenet vårt, devos.no. Dette påvirket dessverre en rekke tjenester vi leverer.

Hendelsen inntraff rundt klokken 6.00 i dag tidlig og hadde følgende konsekvenser::

Både vårt åpent tilgjengelige API for postnummer og vårt lukkede API for våre kunder var nede for telling.

Nettsider og tjenester vi har levert som benytter dette API-et fungerte ikke som de skulle.

Vår egen nettside og andre interne systemer var utilgjengelige.

Det var ikke mulig å sende e-post til oss i denne perioden.

For de fleste av våre kunder ble reserveløsninger implementert rundt klokken 10, noe som resulterte i at det meste fungerte som normalt etter cirka fire timers nedetid. Klokken 14.00 var domenet vårt operativt igjen og alle tjenester var tilbake i normal drift.

Dette var en uheldig situasjon som vi i ettertid ser at kunne ha vært unngått med noen enkle grep. Vi tar lærdom av denne hendelsen og sørger for at våre rutiner oppdateres for å unngå lignende hendelser i fremtiden.

Feel24 ønsket å få bedre kontroll over hvordan innmeldingsprosessen fremstod for sine nye medlemmer, og kontaktet Devos for bistand.

Feel24 har over 30 treningssentre spredt over hele Nord-Norge. Som en av de større treningssenterkjedene i Norge ønsket de å forbedre opplevelsen deres nye medlemmer får ved tegning av medlemskap via deres nettside. De kontaktet Devos, som gladelig tok på seg utfordringen.

Etter noen ukers jobb var den første versjonen klar. Denne bestod av:

En landingsside for å presentere fordelene ved å melde seg inn i Feel24.

En sentervelger for å velge det treningssenteret en ønsker som sitt primærsenter.

En side per treningssenter som viser de forskjellige medlemskapene.

Et skjema for å fylle inn navn, nummer, e-post og så videre.

Etter at brukeren hadde valgt senter og medlemskap, samt fylt inn kontaktinformasjon, ble vedkommende sendt videre til medlemssystemet til Feel24 som overtok prosessen derfra.

Straks denne første versjonen var på plass gikk vi i gang med den neste versjonen. Denne skulle integreres helt med medlemssystemet til Feel24 slik at nye medlemmer ikke får opplevelsen av å hoppe mellom systemer. Kortversjonen av det som ble lagt til i neste versjon er som følger:

Oppslag mot både nummeropplysning og medlemssystem for raskere utfylling av kontaktinformasjon.

Integrasjon med «Vipps Logg inn» for enklere registrering.

Mulighet for å registrere kontaktinformasjon til en foresatt for personer under 18 år.

En velkomstside som enkelt kan redigeres av Feel24.

En komplett engelsk versjon av innmeldingssiden.

Vi har i dette prosjektet benyttet oss av:

Et eget API skrevet i Elixir som fungerer som et mellomledd mellom en rekke forskjellige systemer.

Tre av våre egne API-er som våre kunder får tilgang til: Buckets, SMS Messaging og Postal Codes.

I tillegg har vi skrevet en hel del kode for å integrere nettsiden mot:

Twilio for utsending av SMS (via vårt SMS Messaging-api).

ActiveCampaign for automatisk oppfølging av nye medlemmer.

Nøkkelordet for denne jobben har vært integrasjoner. Det passer Devos helt ypperlig, da det er et av de områdene vi har best kompetanse på. I tillegg storkoser vi oss med kombinasjonen Next.js, Prismic.io og Vercel.

Det har vært et spennende prosjekt, og vi vil jobbe videre med Feel24 for å forbedre opplevelsen for deres nye medlemmer.

Kode

Ting er ikke alltid som en skulle tro. Vi ser på hvorfor en noe kryptisk streng noen ganger dukker opp når en jobber med lister bestående av kun tall.

[96, 52, 43] == '`4+'

Se for deg at du sitter på kontoret en fredag klokken 15. Dere har nettopp hatt 14-kaffen og begynner å kjenne såvidt på følelsen av helg.

Det eneste du skal gjøre før du går for dagen er å trekke tre heldige kollegaer av deg som får gleden av å bringe med seg en flaske druevann hjem til helgen. Det er 100 lodd, og du har ved hjelp av denne lille kodesnutten, som du kjører i iEX, kommet frem til tre vinnerlodd:

Dette vil vise en liste med tre tall som alle er >= 1 og <= 100, tenker du. Du trykker håpefullt på enter-tasten mens du funderer på hva du skal gjøre denne fredagskvelden. Gå på kino, kanskje? Dra på fisketur? Fredagstaco foran TV-en?

Før du rekker å konkludere kommer plutselig dette opp på skjermen din:

iex(1)> for _ <- 0..2, do: :rand.uniform(100)
'F<<'

'F<<'? Det var jo ikke dette du hadde bedt om. Du tenker at det må ha skjedd noe feil, så du gir det et nytt forsøk:

iex(2)> for _ <- 0..2, do: :rand.uniform(100)
' \eC'

' \eC'... Du begynner å lure på om :rand.uniform/1 kanskje ikke fungerer helt slik som du tror, så du sjekker dokumentasjonen, men den bekrefter bare at du har gjort alt riktig.

Kort forklart er det slik i Elixir og Erlang at det ikke er noen praktisk forskjell på en streng med enkeltfnutter og en liste med tall. Altså er strengen ' \eC' nøyaktig det samme som [32, 27, 67].

Når iEX viser resultatet av et uttrykk brukes inspect/2 bak kulissene, og den er som standard konfigurert til å vise slike lister som charlists. Det blir da en streng med enkeltfnutter, forutsatt at alle tallene i listen er "skrivbare", altså tallene 32-126.

Dette kan vi bekrefte ved å gjøre den motsatte øvelsen:

Som vi ser blir dette vist som en liste med tall.

Om du ønsker å endre hvordan iEX håndterer dette kan du gjøre det i den nåværende sesjonen ved å skrive følgende:

IEx.configure(inspect: [charlists: :as_lists])

Og hvis du ønsker å gjøre denne endringen permanent for prosjektet ditt kan du også putte den samme linjen i en fil med navn .iex.exs i rotmappen av prosjektet ditt.

Når du så har gjort det kan du endelig kåre en vinner i ukens lotteri:

iex(4)> for _ <- 0..2, do: :rand.uniform(100)         
[24, 4, 60]

Vi elsker Elixir og jobber med det hver eneste dag.

Vi har jobbet iherdig i løpet av de siste ukene med å få på plass en ny nettside. Her kan du se resultatet.

Vi har jobbet iherdig med å ferdigstille vår flunkende nye nettside. Her ser du resultatet.

Velkommen til vår nye nettside

Siden Devos ble etablert i november 2021 har vi vært fullt opptatt med spennende prosjekter, så vår egen nettside har ikke blitt prioritert. Denne problemstillingen er det nok mange som kjenner seg igjen i.

Vi har nå tatt oss tid til å sette opp en flunkende ny nettside. Det er viktigere enn noen gang å ha en rask og moderne nettside fordi de store søkemotorene stadig blir strengere både med tanke på sikkerhet og hastighet. Devos har derfor spesialisert seg på å utvikle lynraske nettsider som oppfyller kravene, og vel så det. Om dette er interessant for din bedrift er det bare å ta kontakt.

Vi håper den nye nettsiden faller i smak og benytter anledningen til å ønske deg en riktig god sommer!

Når en bruker iEX til debugging eller for å hente ut data kan det være kjekt å kunne kopiere noe direkte til clipboard fra iEX. Her viser vi deg hvordan du kan gjøre det.

Mesteparten av backend-koden Devos forholder seg til er skrevet i Elixir, et funksjonelt programmeringsspråk som er basert på Erlang. Elixir har et veldig kjekt interaktivt shell (REPL) som heter iEX. Hvis du starter denne i et eksisterende prosjekt med kommandoen iex -S mix, så vil det åpnes et interaktivt shell hvor hele applikasjonen din er tilgjengelig.

Sett at vi hadde en applikasjon, MyApplication, som hadde mange transaksjoner, og vi trengte å hente ut en liste over alle ID-ene til disse transaksjonene.

iex(1)> MyApplication.Transactions.list_transactions()
[
  %Transaction{ id: 1, amount: 100.0 },
  %Transaction{ id: 2, amount: 150.0 }
]
iex(2)>

Denne funksjonen returnerer en liste med alle transaksjonene i. Det vi trenger er bare en liste med ID-ene i JSON-format, noe vi enkelt kan få til med følgende uttrykk:

iex(2)> MyApplication.Transactions.list_transactions
...(2)> |> Enum.map(&(&1.id))
...(2)> |> Jason.encode!
"[1,2]"

Dette er vel og bra, men i virkeligheten vil det typisk være langt flere enn to transaksjoner, og å kopiere resultatet kan noen ganger være vanskelig å få til på en fornuftig og ikke-frustrerende måte. Det er her denne lille modulen kommer inn i bildet:

# Denne koden plasseres i filen .iex.exs
# i rot-mappen til prosjektet ditt.

defmodule IEXHelpers do
  def copy(term) do
    text =
      if is_binary(term) do
        term
      else
        inspect(term, limit: :infinity, pretty: true)
      end

    port = Port.open({:spawn, "pbcopy"}, [])
    true = Port.command(port, text)
    true = Port.close(port)

    :ok
  end
end

Når du nå starter iEX igjen kan du gjøre følgende:

iex(1)> MyApplication.Transactions.list_transactions
...(1)> |> Enum.map(&(&1.id))
...(1)> |> Jason.encode!
...(1)> |> IEXHelpers.copy

...og voilà! Du har hele listen over ID-ene i clipboardet ditt.

Merk: Denne kodesnutten er beregnet skrevet for bruk på en Mac. Hvis du bruker et annet operativsystem må den tilpasses noe, men på Unix-baserte operativsystem kan du stort sett bare bytte ut pbcopy med xclip på linje 13.

Denne funksjonen og inspirasjonen til denne artikkelen kom fra:
https://shyr.io/blog/iex-copy-to-clipboard

Kontakt oss i dag for en hyggelig og funksjonell prat.

Vi har jobbet en god stund med Trimpoeng, både med utvikling, rådgivning og i det siste også overvåkning.

Les om hvordan Devos har bistått Trimpoeng med både utvikling, rådgivning og overvåkning.

Case study – Trimpoeng turkonkurranser

Trimpoeng er et system for digitale turkonkurranser. Det finnes utallige turkonkurranser rundt omkring i landet som baserer seg på at man skriver navnet sitt i en bok når en er ved turmålet, eller på andre måter registrerer turen sin. Når sesongen er over blir gjerne de mest ivrige turgåerne premiert for innsatsen sin.

Med Trimpoeng slipper en å legge ut noe som helst ved turmålet. Alt oppsett gjøres på administrasjonssiden til konkurransen, og turgåerne bruker appen for å finne turmål og registrere turene sine.

Devos har bistått Trimpoeng med å fornye hele den tekniske plattformen løsningen kjører på. Dette inkluderer blant annet:

Et administrasjonsgrensesnitt skrevet i React.

Et omfattende API skrevet i Elixir (Phoenix).

En ny konkurranseside skrevet i React (Next.js)

En ny «Min side» for Trimpoeng-brukere skrevet i React.

Oppdateringer av Trimpoeng-appen som er skrevet i Flutter.

I tillegg jobber vi kontinuerlig med å videreutvikle ny spennende funksjonalitet for Trimpoeng.

Som en del av utviklingsjobben har det vært mange diskusjoner rundt valg av løsninger. En er også helt nødt til å ta noen tøffe valg i en slik prosess, og her har Devos bistått med rådgivning og teknisk innsikt som har bidratt til at overgangen har gått så smertefritt som mulig.

Devos har, i samarbeid med Dalsys AS, overvåkning av alle de kritiske systemene som gjør at Trimpoeng fungerer som det skal.

Les om hvordan vi ivaretar personvernet ved å integrerer Plausible Analytics i nettsider vi leverer.

Les om hvorfor vi bruker Plausible Analytics som standard på alle nye nettsider.

Plausible Analytics

Nettsider fra Devos er laget i WordPress, den desidert mest brukte plattformen for publisering av nettsider. Mer enn 40% av nettsidene som eksisterer bruker WordPress. En av grunnene til dette er at WordPress veldig enkelt kan utvides og skreddersys ved hjelp av utvidelser. Det finnes svært mange slike utvidelser til WordPress, og det å velge de riktige utvidelsene er en av utfordringene ved å sette opp en nettside i WordPress.

Devos er opptatt av å levere raske og velfungerende nettsider, samt personvern og sikkerhet. For å få til det er det helt avgjørende å velge de riktige utvidelsene og å styre unna utvidelser og funksjoner som innfører unødvendig kompleksitet eller som er av dårlig kvalitet.

Og nå tilbake til det dette innlegget egentlig handler om: Plausible Analytics.

Du har kanskje hørt om Google Analytics, som er en av de mest brukte løsningene for å få oversikt og statistikk over besøk på en nettside. Problemet med Google Analytics er at det for veldig mange er unødvendig komplisert å bruke. Det er heller ikke veldig vennlig med tanke på personvern.

Her kommer Plausible Analytics inn i bildet. Plausible er en langt enklere og mindre komplisert løsning for å spore trafikk på en nettside. Plausible er også veldig god på dette med personvern, da det ikke lagres informasjonskapsler i nettleseren til den besøkende og det samles heller ikke inn noe som helst personlig informasjon.

Fra og med i dag er derfor Plausible Analytics standard i alle nettsider som leveres av Devos. Du finner statistikk over besøk på nettsiden ved å klikke på “Analytics” under menypunktet “Dashboard”/”Kontrollpanel” når du er innlogget som administrator:

Med dette på plass kan du nå se hvor mange som besøker nettsiden din både i sanntid og i løpet av den siste tiden. Det fremgår også av statistikken hvor de besøkende kommer fra og hvilke sider som er mest besøkt.

Dersom du ønsker tilgang til Plausible-kontoen for nettsiden din er det bare å ta kontakt, og det samme gjelder dersom du av en eller annen grunn ikke ønsker denne funksjonaliteten.

Er det behov for mer funksjonsrike løsninger er det også mulig å få lagt inn Google Analytics eller tilsvarende alternativer på nettsiden din.

Les gjerne mer om Plausible på nettsiden deres:
https://plausible.io

Devos AS har i skrivende stund eksistert i ganske nøyaktig seks måneder. Etter å ha vært fullt opptatt med spennende oppdrag fra kunder siden oppstarten var det nå på tide med en liten vårrengjøring på egne nettsider.

Vi har tatt oss tid til å friske opp nettsiden vår litt.

Vårrengjøring

Bloggen har fått en overhaling i form av en kraftig forenkling og forbedring av leseopplevensen, og den befinner seg nå på et eget underdomene – blogg.devos.no. Her vil det med jevne mellomrom dukke opp nye innlegg som omhandler det Devos jobber med og annet relevant og forhåpentligvis interessant innhold.

Vi har et økende behov for å kunne samle ting som hjelpeartikler, API-dokumentasjon og vilkår på et sted hvor det er lett tilgjengelig for både kunder og potensielle kunder. Derfor har vi nå lansert en egen hjelpeside på underdomenet support.devos.no.

Foreløpig er det kun API-dokumentasjon som er tilgjengelig her, men etterhvert vil det bli fylt opp med flere relevante artikler, blant annet guider for våre nettsidekunder.

Ta gjerne kontakt med oss for en hyggelig prat om ditt utviklingsprosjekt eller din nettside.

Kontakt oss

Lurer du på noe eller er du interessert i noe vi kan tilby? Ta gjerne kontakt for en hyggelig prat.

Vi vil gjerne høre fra deg! Finn et tidspunkt i kalenderen og sett opp et møte.

Kontakt oss for en hyggelig prat

Avtale et møte?

Kontakt oss