SharePoint Branding #GlossyPixels #QueenWatevraWa-nabi

Going for the Glossy Pixels Badge because it looks good

The Retro Badge is also applicable because someone think it belong in the past:

https://twitter.com/mikaelsvenson/status/1348675197688311811

And I use PowerShell, so

and points in the category for the awesome work that went into creating a graphical profile.

Graphical Profile

We created an Icon for our App called “D365 Family Engagement Hub”

Color Theme

In addition we created a color theme that will be used across all our apps and services:

Microsoft 365 Admin Branding

The first thing is Organisation theming in the Microsoft 365 Admin Center

The result is a Tob Bar that look like this:

SharePoint Site Theme

https://fabricweb.z5.web.core.windows.net/pr-deploy-site/refs/heads/7.0/theming-designer/index.html

The generated Theme

@{
“themePrimary” = “#17244f”;
“themeLighterAlt” = “#d6dbea”;
“themeLighter” = “#b3bcd7”;
“themeLight” = “#949fc3”;
“themeTertiary” = “#7885b0”;
“themeSecondary” = “#5e6d9c”;
“themeDarkAlt” = “#485789”;
“themeDark” = “#354476”;
“themeDarker” = “#243362”;
“neutralLighterAlt” = “#faf9f8”;
“neutralLighter” = “#f3f2f1”;
“neutralLight” = “#edebe9”;
“neutralQuaternaryAlt” = “#e1dfdd”;
“neutralQuaternary” = “#d0d0d0”;
“neutralTertiaryAlt” = “#c8c6c4”;
“neutralTertiary” = “#a19f9d”;
“neutralSecondary” = “#605e5c”;
“neutralPrimaryAlt” = “#3b3a39”;
“neutralPrimary” = “#323130”;
“neutralDark” = “#201f1e”;
“black” = “#000000”;
“white” = “#ffffff”;
}

SharePoint Online Management Shell

Apply theme with PowerShell based on the theme we generated.

Apply theme

Moving into SharePoint Online and choose the new theme in the site setting “Change the look”.

The colors are applied across the site.

Setting the header

Uploading pictures as logo and thumbnail and setting the header according to the style guide.

Fotter

Setting the footer is also important on a SharePoint site.

This is simple branding in SharePoint Online Modern sites. To take it one step further you can also create Site Designs that will allow users to add sites to SharePoint fully branded with a set of default features and content available from the get go.

That will be another blog post..

The importance of profile picture in the Home Office Era #GlossyPixels #QueenWatevraWa-Nabi

With this blog post we are reaching for points in

Queen Watevra Wa-Nabi category

Badge Glossy Pixels

Profile Images

Showing people who you are and what you look like is important. Especially when onboarding new people into the company – or including a new family member into the mix. The newcomer will be easier to get to know when they have a good profile picture, and it will be easier to remember lots of new names when they come with faces.

Azure Active Directory Users

That’s why it was important for us to do some work on the users in our solution and update all the users with proper names and profile pictures. Keeping with the theme they all have names and pictures from the Lego Movie.

For each user we updated their name from their default Contoso default name and gave them a name from a character on the Lego Movie

Office 365 User

This translates into the view of the users in Microsoft 365 Admin Center

Display User Image in Canvas App

It’s much easier for the family to recognize each other in the app by profile images then with names alone. That’s why it’s important that these pictures also is displayed in the Canvas App.

Setting it up we need the “Office 365 Users” Connection

Once the connection is in place we can access the images stored in the Office user by the expression “Office365Users.UserPhotoV2(ThisItem.’Primary Email’)”

Found the correct expression here: https://powerusers.microsoft.com/t5/News-Announcements/Display-User-Photo-in-Gallery-on-All-device-type/ba-p/208810#

API Managment backed with Azure Function.

We use Azure API Managment to support external developers to query our data.

The 2 endpoints for the Family Engagement Platform is not to complex yet, but it is a start. For now it is not protected by username/password either.. But it is only serving mock data so that should not be big problem for now..

Function app hosted in Azure
App is published trough a Pipeline in devops
Really simple backend for now 😀
Config in APIM that calls the backend HTTP triggered function App.
Even works from the testing tool in APIM

Next is to add the API to a product and then protect them in APIM.

The backend services is supposed to run on an “internal” vlan, so they are not accessible from the outside.

We aim for the following badges:

Cloud Developer Craftsman

Hope to get some points in the categories

Blow my Mindstorm

Lego autobots

#Gyro #IoT #StayActive #BusinessValue

IoT/#Gyro, Azure/Kalle APIM API for registrering per pushup
Business value / Fysisk aktive medarbeidere har mer overskudd og yter mer til bedriften + utfordringer/konkurranser skaper engasjement, og for mange, lyst til å delta.

Du, ja! Du ja! 🙂 Du har et treningsstudio i lomma, sammen skal vi være både Personlig trener og entusiast.

Du som bruker kan f.eks. trigges til å åpne appen fra et (daglig) push varsel, enten fordi mor i huset ønsker en aktiv familie eller fordi bedriften din har en “ukas pushup’er”-konkurranse, eller fordi det er “head to head” mellom to eller flere utøvere. Dette kan vises live ved å sende kalle et API for hver eneste pushup, gitt at vi også får en nedtellingsklokke som starter alle appene på likt: da har hele familien/bedriften svært god underholdning 🙂

Teknologi: Vi benytter sensorer i mobilen for å holde track på treningen da de fleste har med seg denne selv når de trener. Data fra disse sensorene håndteres i et komponent som kobles til en Power App for å ha et grensesnitt ut mot brukeren. Data som genereres igjennom komponenten blir ved avslutning av aktiviteten lagret i en tabell i Dataverse sammen med data som brukt tid og en rating på hvor hard aktiviteten var.

Det første vi begynte med var å lage tabellen vi trengte i Dataverse, noe dere kan se bilder av nedenfor;

Legger til ny kolonne “Training type” i den nye tabellen “Training activity” i Dataverse.
Ny kolonne for rangering av hvordan deltakeren føler seg etterpå.

Siden det både er mer effektivt å jobbe hver for seg, samt at det er en begrensning i Power Apps som hindrer samarbeid i samme Power App, ble det bestemt å bygge grensesnitt ut mot bruker uavhengig av komponenten og deretter koble disse sammen når begge var ferdigstilt. Den som jobbet med komponenten lagde derfor sin egen app for å kunne debuge og finjustere komponenten.

Nedenfor ser dere denne appen “in progress” som viser koordinater og debug data for å om mulig analysere oss frem til når en faktisk push-up er utført. Plasseringen av mobiltelefonen på kroppen vil ha mye å si for hvordan utregningen gjøres.

Ved hjelp av en “Timer” sjekker vi gjevnlig koordinatene og sammenligner dem med forrige verdi.

Her tror vi at Z-koordinaten er viktigst (noe den kanskje ikke er), diff er her forskjellen fra “nå” til forrige måling. (foreløpig leses det hvert 180 millisekund).

Dette skal som sagt kobles sammen med det grafiske grensesnittet ut mot bruker, hvor denne appen også er “in progress”;

Versjon 0.2 av TreningsChallenge

Her er det foreløpig blitt fokusert på det funksjonelle, men designet skal endres etter hvert. Her er tanken at brukeren trykker på “start”, utfører aktiviteten og trykker på “stopp” hvor “tid brukt” oppdateres med den faktiske tiden aktiviteten tok sammen med hvor mange pushups du utførte på den gitte tiden. Brukeren kan deretter velge å trykke på “Lagre økt” for å lagre dataene i Dataverse.

Hvem kan sjekke opp boten vår?

En bot kan brukes til så mangt. Vi ønsker å bruke en chatbot både som en del av navigering og onboardingen i løsningen vår, men også for å sosialisere stakkars, ensomme kodere som har hjemmekontor. Boten vår prøver derfor å være mer enn en bot – den vil være din venn, din problemløser og kanskje sågar din kjæreste!?

Hvem klarer å sjekke opp boten vår? Klikk her for å gi det et forsøk.

Using Teams as a Familiy Management Hub

We have built a data structure in Dataverse where we are using the standard “systemuser” table to hold information about the famili members

We have added a new table “Family” which is connected to Systemuser / “Family Member” so users can be members of a family with either “Parent” og “Child” roles.

This is the first iteration of this Team, more functionality will follw

Add Kids and Parents to your selected family directly in teams

Giving tasks / chores to kids

We want a system where parents can assign daily tasks / chores to their kids. This can be “Clean your room”, “get the mail”, “take out the trash” etc

This is solved by using standard “Task” acitvities in Dataverse, and we have a Power Automate Flow that is listening to new tasks, ready to give the kid a notification on his Power App on his/hers phone, and further alerting with sound on Sonos it the kid does not respond

We haven’t built a dedicated GUI for the task assignings process yet. This would probably be a Canvas app. So far we are using the model driven app to assign tasks to kids

Power Automate Flow to push notifications to the Kid’s Power App. We also put messages to an Azure Service Bus Queue which is supposed to be picked up by a Raspberry PI controlling the Sonos speakers in the family house

Goal for this post:

  • Get daily category points for Power Platform usage
  • Go with the flow badge
  • Power User love badge

System for hjemmekontor – Dynamics 365 Family Engagement

Dette er Klossmajorenes foreløpige planer for ACDC 2021

Vi ønsker å lage et system som kan hjelpe ansatte som sitter på hjemmekontor. Vi ser for oss et Microsoft Teams-basert grensesnitt der den ansatte kan få hjelp til store og små ting i hjemmekontorhverdagen.

Rent teknisk ser vi for oss at det opprettes ett team per ansatt, og at man på det teamet kan adminstrere de forskjellige funksjonene i løsningen

I en travel hjemmekontorhverdag med hjemmeskole og hjemmebarnehage vil den opptatte hjemmekontorarbeider ha mulighet for å sysselsette både barn å partner for å kunne jobbe i fred, og vi ser da for oss et sett moduler som kan hjelpe til med nettopp dette:
– App for foreldre for å sette opp administrere løsningen. embeddet i Teams
– App for barn der de kan få varsler om oppgaver (eks rydde rommet, lage middag, ta ut av oppvaskmaskina)
– Diverse småspill slik som legobyggespill
– Modul for trening og fysisk aktivitet i arbeidstiden

Kommandosentral i Teams

Modul – legobyggespill

Modul – push-up challenge

Her ser vi for oss en (Power Apps Canvas) app der man benytter sensorer slik som gyro i mobilen for å registrere at et familiemedlem tar Puhsups / armhevinger.

Vi ser for oss at den som tar armhevinger enten legger eller fester mobilen på ryggen, og at da man i power-appen ved hjelp av gyro-sensoren teller antall pushups man klarer å ta i løpet av en gitt periode

Vi ser også for oss at man kan starte en pushup-challenge fra kommandosentralen i teams, og at da familiemedlemmene får en push-varsel på sin mobil med nedtelling til konkurransen starter

Modul – oppgavestyring

Også denne styres fra kommandosentralen, og her kan foreldre sende ut oppgaver til barna. Dette kan være ting som å ta ut av oppvaskmaskinen, rydde rommet, lage middag etc

Barna har en Canvas App for å motta disse varslene, og hvis ikke de responderer ønsker vi å sende ut varsler på husets Sonos-høyttalere, her med text-to-speech slik at oppgaven blir lest opp

Arkitektur

Badges

Med denne bloggposten håper vi å oppnå “show and tell” og “early delivery”

Show and tell
Early Delivery