Før Bombshells bygger det store dashbordet som viser data fra sensorene som ligger i Oslofjorden, så ønsker de å bygge kompetanse. En lavthengende frukt var da å sette Donatello til å lage et dashbord med et dataset som allerede var på plass.
Donatello drømmer stadig om å bade i Maldivene og jobber hardt for å nå dette målet. Han har nå hentet ut data fra SharePoint som han har brukt for å bygge opp en PowerBI-rapport.
I rapporten har han lagt inn en tabell som inkluderer alle innleggene i bucketlisten. Her finner vi nøkkeldata som hva de ønsker å gjøre, hvem som har målet, hvor de skal og ikke minst hvor sannsynlig det er at målet nås. I selve rapporten er det lagt inn grafer som filtrert på valg i tabellen viser gjennomføring, Hvem som ligger best an til å gjennomføre drømmen, kart som viser hvor men ønsker å reise og hvilke kategorier som er representert.
Sammen med en PowerApp hvor brukerne kan redigere målene direkte fra rapporten, legges det hele inn i et dashbord som deles sammen med hele teamet gjennom Bombshell sitt workspace.
Og for å mota litt ekstra “kredd” fra gjengen sin, har Donatello lagt inn det hele i Teams
Til slutt tar vi med hvordan rapporten ser ut i mobile view hvor elementene er lagt opp tilpasset mobilvinduet og fyller tilgjengelig plass deretter.
Power Automate Flow er en kraftfull måte å kombinere businessflyt og integrasjoner med andre systemer. Gjennom å bruke connectorene mot ulike apier, både Microsoft og tredjepart, klarer vi å håndtere notifications, innhenting av brukerdata og utsending av epost i samme logiske flyt.
Når det blir opprettet en ny record i dataverse med sensor data for en enkelt sensor, blir det gjort et HTTPS som starter en ny flyt.
Denne flyten henter først brukerprofilen til en Office365 konto, det blir sendt en e-post til denne kontoen om at en ny trussel er oppdaget på sensor lokasjon (Oslofjorden) også sendes ett dynamisk kort til en chat i Teams.
På det dynamiske kortet har du muligheten til og sende ut Ninja Turtles for og håndtere trusselen. Kortet oppdateres når Ninja Turtles sendes ut.
Her har vi brukt Office365, Outlook, Teams og Dataverse connectoreren. Hver av connectorene kommer som standard-komponenter i PAF og bruker Microsoft sine APIét på baksiden. Dette er til brukerens glede skjult og bruker connection med brukerinnlogging.
In order to ship our components from development to prodction we have leveraged several technologies.
Dataverse
In order to export our solution for dataverse we have built a set of yaml based pipelines in azure devops. We have isolated the tasks to their own separate template files which are then called when needed, allowing for simple reuse of functionality.
Azure
To deploy our azure resources we have used bicep instead of armtemplates. These are leveraged in azure devops pipelines. We have created templates for the individual types of components as illustrated below.
Kult å kunne få og gi input på kode på tvers av lag, input fra andre som ikke er relatert til prosjektet kan gi bra innsikt på hvordan problemer kan løses!
Viktig å dokumentere prosjektet slik at andre kan sette seg inn og bidra, kanskje starte med en readme?
Our sensor-rig has been deployed to several locations throughout the Oslofjord! A typical day goes by without incident. But today our sensors detect MUTANT-activity.
Combining light-, sound-, moisture- and airqaulity sensors, sonar, and atmospheric measurements we can safely determine a new threat has appeared. We post this through our cloud rig which will alert our intrepid reptiles! (Donatello is such an oldschool guy that he recieves smses to his old mobile phone, which is not of the smart-kind).
The cloud rig is an azurefunction which is connected to an EventHub which pushes our messages through to Dataverse, which then posts a snappy alert to Teams with the help of PowerAutomate.
Our sensors also display a summary of threatassesment on the local rig, to avoid a technician doing maintenance and is suddenly caught unawares by the new mutant.
Bombshells sliter litt med dårlig moral for tiden og trenger å drømme litt i hverdagen. Derfor har de nå laget en bucketlist i SharePoint som de har hentet inn i en PowerApp. Siden de kommuniserer mye med Teams i hverdagen har de valgt å legge inn appen der for å ha den lett tilgjengelig.
For Bombshells løser dette et sosialt behov, men tilsvarende løsninger kan brukes for å lage oppgavelister, legge til rette for bygging av backlogger osv. Det er en svært kostnadseffektiv måte å lage tilpassede verktøy som kan vise informasjon på tvers av Sharepoint intranett og Teams. I tillegg vil man enkelt kunne koble opprettelse eller endring av items opp mot automatisering i Power Automate.
Appen er selvfølgelig styles med riktige farger i forhold til Bombshell sin grafiske identitet.
De kan redigere eller legge til nye drømmer rett i appen.
SharePoint holder på dataene og viser dem slik som standard.
Nå ligger alt til rette for å drømme seg bort i hverdagen.
Bombshells har satt Donatello til å utforme deres nye grafisk identitet. Selv om profilen sikkert kommer til å være offer for en del diskusjon i tiden som kommer, har de i alle fall klart å bli enige om hvilke elementer logoen bør inneholde.
Navn
Navnet Bombshells stående alene skal gi inntrykk at hva Bombshells gjør og derfor har man landet på Bombshells Data. For å ta vare på nerde-identiteten som har inntatt gjengen, har man valgt å legge bokstaven “A” på siden for å holde på linken mot programmering og informasjonsbehandling hvor < og > representerer størrelsesforhold.
Font
Fonten som er brukt i logoen er av font Family “Arial Narrow”.
Grafisk identitet
Den fulle grafiske opplevelsen skal gi et bilde av virksomheten. Bombshells dekker hele kjeden fra innhenting av informasjon, behandling av informasjon i skyen, til analyse og fremstilling av data i rapporter og dashbord.
Farger
Fargene skal gi mulighet for å utforme identiteten til Bombshells og gi en frisk og gjenkjennelig profil både i branding av presentasjoner i Powerpoint og på nett.
Red: #c31414 RGB : 195.20.20
Grey: #818181 RGB: 129.129.129
Blue: #a2b9ec RGB: 162.185.236
White: #f9f9f9 RGB: 249.249.249
Re-branding for å fremme Bombshells sin visjon!
Skilpaddene har tatt til seg tilbakemeldinger og bestemt seg for at re-brandingen skal nå ut til så mange som mulig så må en nettside komme på plass. Derfor har skilpaddene stupt uti det store åpne hav av frontend rammeverk for å kickstarte produksjonen av nettsiden.
Det overrasker nok ingen at valget falt på selveste;
React!
React er nemmelig et rammeverk som lar deg bygge modulære komponenter som kan brukes og gjenbrukes enten i prosjektet eller andre prosjekter. Samtidig så lar React deg håndtere ‘states’ ved bruk av React Hooks. Dette er funksjonalitet som lar deg oppdatere ønskede elementer ved en nettside uten at du må re-rendere hele nettsiden.
Som resultat av re-brandingen så har en nettside blitt satt opp for å presentere Skill Bombshells sin visjon og understreke business casen og hvilken verdi som ligger i prosjektet.
Denne siden består av ulike funksjoner som fulger med HTML5 bl.a taggene egne tagger for header og footer samt mulighet for en egen <video> tag! I tillegg til dedikerte <nav> tagger for navigasjon. Nettsiden innholder dermed en introduksjonsvideo til skilpaddene, samt et bildegalleri for å presentere vår visjon med prosjektet. Etterfulgt av nyttige lenker til nyhetssaker rundt klimaet i og rundt Oslofjorden.
Disse nyhetssakene blir oppdatert gjennom React ved bruke av hooks for å re-rendere states. Dette er funksjonalitet som kan bygges på videre for å presentere data fra ulike kilder for å presentere live-data fra våre IoT devices.
Med dette så vil vi gjerne claime; High 5 for bruk av funksjoner som ble introdusert med HTML5, samt Client Side Salsa for bruk av React hooks for å håndtere states og til slutt selveste Glossy Pixels, ettersom vi har et responsivt design!
Bombshells gir seg aldri selv om klokka nærmer seg midnatt. Selv etter å ha gått ut med flest badges i første runde og selv om haugen med RedBull-bokser stadig vokser så holder vi på…
