Natively saving the environment! (and thusly the world)

Given that we cannot deploy a sensor rig to every inch of the Oslofjord, much less the world, involving the local community is vital. We have achieved this through a simple app that lets the locals report any pollution/monster -event they encounter. We’ve built it on Xamarin to enable us to easily deliver it to both android and apple users. For ease of use the app will use the device’s built in sensors to construct the event payload before sending it through to the event hub.

Anyone can report an incident in this manner. The message is fed straight into our eventhub, from there we alert the necesary ninja turtles to their duty (if necesary).

A simple alert in eventhub

{​​”eventType":"environmental","latitude":"59.977874","longitude":"10.636827","soundlevel":"177","pirdirection":"e","soilhumidity":"4","temperature":"-39","timestamp":"2/12/2022 12:26:29 AM","sonardistance":"144","uvlevels":"8","dustlevels":"94","waterlevel":"1"}​​

The above payload illustrates how a community member report might look.

Cowabunga!

GET INSPIRED -> GET HUNGRY

Inspired customers are hungry customers, hungry customers are paying customers. TMNT are of course aware of this and have released the Pizza Time Topping Inspiration App. The app lets users search or scroll through all available pizza toppings you can imagine, perhaps discover some new ones, and most important… get them to order pizzas through the plethora of Pizza Time ordering options:
– Pizza Time ordering website (Power Apps Portals)
– Pizza Time on-site ordering app (Canvas app)
– Pizza Time ordering chatbot (Virtual Agents)

Team Pizza Time believes in giving the customers options, so they can order in the way they prefer.

The Pizza Time Topping Inspiration App is created using React Native. Write once and run both on iOS and Android 🙂

Portal as Progressive WebApp

“Enable your portal as a Progressive WebApp (PWA)” is a preview feature that will go GA in February 2022. This is pretty hipster.

When Portal is enabled as a PWA it can be published to Google Play and Microsoft Store and be used as a native app on mobile devices

https://docs.microsoft.com/en-us/power-platform-release-plan/2021wave2/power-apps-portals/enable-portal-as-progressive-web-app

Enabling the portal as a progressive webapp means that users will experience it as a mobile app on their phone. It can also be packaged and uploaded to Microsoft Store and Android Google Play.

We want the end user to have a mobile app on their phone where they can see what kind of agreement they currently have, look at reports on their agreement history and see forecast on what their price will be in the future.

Enabling PWA

Microsoft documentation here: https://docs.microsoft.com/en-us/powerapps/maker/portals/build-progressive-web-apps

Open make.preview.powerapps.com

Identity the portal and click the element menu. Click “Edit”

This will open up Power Apps Portals Design Studio.

When it has worked a little while it’s good to go.

So “preview” that it doesn’t work..

We wanted to upload the app to Microsoft Store and Google Play so users can have it as a native app on their mobile device. This is proving difficult, and it’s apparent when working in the PWA Builder that things are not quite ready..

Cutting Edge Double Whammy for MaMNT

When creating an app to fight crime and aid in emergencies, do you exclude every iOS user? Do you manually port your app and work hard to make the visual profile and functionality work in different operating systems?

Discriminating against user groups goes against the very essence of MaMNT’s platform, so of course we had no choice but to build the entire app in .NET MAUI! This cutting edge iteration of Xamarin is currently in preview, and allows cross-platform development of native apps. In short, it’s Microsoft’s newest and hippest cross-platform mobile tech.

The depiction of Maui in the film has been described as ‘half pig, half hippo’.
Hang on, wrong Maui. With a dash of humbleness he’d make a great addition to the turtle army, though!

Developing separate native apps for different operating systems? Forgeddaboudit!

The MAUI app communicates with the backend using gRPC, the coolest way to do APIs. Using gRPC, the app has a two-way connection to the server, which enables the server to push updates to the app. The gRPC server communicates with Dynamics using the new Dataverse ServiceClient for .NET 6, only available as preview.

It’s like a peanut butter and clam pizza; it may not work flawlessly immediately, but when it does you’ll never regret the time you spent acquiring the taste!

Peanut butter and clam pizza recipe, in case it piqued your interest

Badges claimed:

Cowders React Native App – Teknisk

Cowders mobil app er utviklet på React Native for å kunne lage en app som kan distribueres gjennom App Store for iPhone/IPad og Google Play for Android telefoner. Vi bruker også Expo som gir oss en rekke vanlige funksjoner og tjenester en bruker i en App. Videre kan også Expo brukes til å deploye apper til App Store/Play Store. Vi sikter på å kunne gi dommerne tilgang til appen slik at de skal kunne installere den på sin egen telefon. Expo er også tatt i bruk for å nå kamera og til pålogging gjennom Vipps.

Link til bruk av Kamera gjennom React Native og Expo: https://github.com/Cowders2021/cowzor-native/blob/master/pages/Camera.tsx

Appens hovedmeny, midlertidig sådan

Videre bruker vi React sit context API for State Management i appen, dette gjelder for en rekke av de ulike løsningene i appen, hittil værdata, notifikasjoner, men her vil sensordata og ikke minst den viktige Cownter funksjonen.

Link til vår bruk av React Context API: https://github.com/Cowders2021/cowzor-native/tree/master/contexts

Til denne posten claimer vi:

Go Native siden det er en Native app for Android og iPhone
Hipster for å bruke expo, react context api, delvis også for å bruke Blazor i desktop app (Vil bli bedre beskrevet i egen post)
moderne rammeverk, react native, context api, expo