Bombshells Day 2

Fremgang er stikkordet når Bombshells raser i gang med dag 2. Gjennom dagen har vi lagt inn mange claims for nye badges.

Excellent User Experience

Data er oljen i vår løsning. Første dag gikk i stor grad til å samle inn data fra sensorene, behandle og flytte disse dataene inn i Dataverse. Siden prosessen med å få mengder av data har laget jobbet med å fremstille alternative data visuelt både gjennom rapporter, apper og andre flater. Bombshells har som et sosialt tiltak en bucketlist med drømmer som de ønsker skal bli virkelighet. Sammen med disse har de lagt til litt ekstra informasjon som kategoriserer punktene på listen, viser sannsynlighet for at de går i oppfyllelse osv.

Power BI

Med kanskje tidenes styggeste layout har Donatello fremstilt en rapport i PowerBI hvor han forsøker å vise detaljer rundt punktene på listen. Som del av denne rapporten har han lagt inn en enkel canvas-app som laster inn valgt rad fra tabellen og lar brukeren gjøre endringer i sin drøm.

Visually appealing and an engaging experience surpassing expectations of simplicity, attractiveness and a look that just speaks of blings.

Most Extreme Business Value in Real World Scenarios

Vi ønsker med vår teknologi å “Tenke globalthandle lokalt”. Slagordet stammer fra den gangen Gro Harlem Brundtland deltok i det store verdensmøtet om klima og miljø. Slagordet står den dag i dag. Sammen med 1.6 millioner mennesker bor alle på team Skill bombshell rundt Oslofjorden. Oslofjorden er i en elendig tilstand der alt liv snart er borte. Vi ønsker derfor i dette hackatonnet å å lage en prototyp som simmulerer miljøovervåking av Oslofjorden. Når det oppstår en hendelse av uønsket karakter skal innbyggere blir varslet via SMS mens de som kan komme å ordne opp blir varslet på flere kanaler som SMS og teams varsler.

Best pris på Nokia 3210 Mobiltelefoner - Sammenlign priser hos Prisjakt

Vi benytter det siste innen teknologi som sensorer, maskinlæring. Vi henter i data fra eksterne kilder som høyvann og lavvann for å kunne utføre bedre predikeringer av hva utslipp kan medføre. Alle tjenester er i Microsoft azure og rulles automatisk via CI/CD av kode og infrastruktur. Prototyåen skal derfor kunne rulles ut enkelt til andre lokasjoner i verden.  

Vi mener derfor at vår løsning har en ekstrem forteningsverdi for samfunnet lokalt, men også på sikt globalt. Selv om det antagligvs finnes øknomiske modeller for hva liv i oslofjorden er verdt i kroner og øre, mener vi at dette er uerstattelig. Gjennom innovasjonnorge og private aktører vil vi påsta at det er det penger til å fortsette prosjektet etter endt hackaton.

Rock Solid Geeknes

Sensorene vi benytter som en protyp skal kunne erstattes med real word sensorer som er beregnet for hav. Det vi her ønsker å teste er en flyt fra ende til ende. Det Rock Solid Geeknes vi holder på med er sensorene. Sensorene sender verdier til Azure Eventhub. Videre har vi satt opp maskinlæring som predikerer samt varsler om uønskede hendelser pr SMS (for befolkning) eller via SMS og Teams (for de som skal ut å redde Oslofjorden)

Vi har gått over fra noen ikke 100% vellykkede forsøk på å få sensorriggen opp på interwebz via wifi, til å sikre at vi kan bruke et mellomledd til å for at vi kan fange dataene over på en maskin som så fører dataene til sin endelige destinasjon. Der kan de bli håndtert som nødvendig.

Vi har i løpet dagen trent ai-modeller på både pizza og skilpadder. Den endelige konklusjonen er at de to ikke bør blandes (pizzaen blir litt ulækker).

Når vi populerte med data fikk også en liten utilsiktet bonus E2E test på flyten av data inn i eventhub og hele veien ut til varslingene i teams. Vi håper at ingen turtles fikk ødelagt lunsjen sin som følge av falske alarmer.

Monitorering av planten på pulten har avdekket at fuktinnholdet i jorden i potta synker med ca. 5% i løpet av en dag. Det er uklart hvor mye planten har inntatt og hvor mye som har fordampet.

Til slutt har vi geeket ut for å få flest mulig badges og jobber fortsatt med å skaffe det komplette settet (selv dooooh).

Killer App

Det er en tøff kamp å redde Oslofjorden. Det er derfor viktig at det sammles inn hva som motiverer den enkelte ansatt slik at de kan utføre en god jobb. Derfor har vi laget følgende killer-app

Som Rema 1000 sier; “Det enkle er ofte det beste!” Apper er ikke noe unntak. Donatello lever etter mottoet “if it doesn´t add any value, it doesn´t belong there. Derfor strippet han bort alle elementer som ikke hører hjemme i canvas-appen som er integrert i PowerBI. Alle elementene som skal spille inn mot appen lever i rapporten og det eneste brukeren trenger å gjøre er å endre noe og trykke “Oppdater drømmen min”. En så enkel app at den nesten tar livet av deg. Rett og slett en killer app.

Badges

Liste over badges vi har jobbet med fredag før kl 17.

Bombshell Updating recent posts

Her er de postene som vi har oppdatert og kommet med nye. Please review

Tieving Bastards Thieving shellbombs | Arctic Cloud Developer Challenge Submissions (acdc.blog)
Glossy pixels Glossy pixels – Bombshells rebranding | Arctic Cloud Developer Challenge Submissions (acdc.blog)
Sharing is caring Sharing is caring | Arctic Cloud Developer Challenge Submissions (acdc.blog)
Stairway To Heaven Straight up and away! | Arctic Cloud Developer Challenge Submissions (acdc.blog)
Chameleon Dashes and numbers | Arctic Cloud Developer Challenge Submissions (acdc.blog)

Dashes and numbers

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.

Straight up and away!

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.

Shell is power!

Can you feel the power of this?

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.

Recent data suggests a mega-mutant-monster has appeared!!!

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 plug it in

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.

Teenage Mutant Ninja Turtles" In Dreams (TV Episode 2014) - IMDb

Glossy pixels – Bombshells rebranding

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 Logo

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!