Mario Onboarding Center

We claim badges:

Hipster: We protect privacy by not saving any user information except the name in our database. Also, provide cartoon avatars instead of real face of the employees.

The Existential Risk: Our AI generates interesting background stories where humans may fail to do so.

Mario badge: Gamification of the onboarding process. Instead of boring onboarding we provide users a game character creation experience when joining the company

Thieving Bastards: We use paid ChatGPT api to do api requests.

Do you want a fast onboarding process for your agents? We have the right solution.

In our company, we use AI to generate images that look like your agents. We have customizable prompts to generate different characters. We can create a quick backstory for an immersive customer experience.

You can choose different appearance options. For Image generation, we will need a prompt and an image of the person. Based on the selected character AI will make your avatar a lookalike.

Take your picture and generate an image. We are using chatgpt API for image generation. It is a subscription model for text generation and pay as you go model for image generation. Using existing api instead of building a stable diffusion solution save from time. We use power automate cloud flows to call API requests and retrieve responses. We let the ai combine user picture and prompt to create a cartoony avatar.We do not save any user information in our dataverse to keep up with privacy requirements

Choose your theme for the background. AI will create a nice-looking story for you. Based on what is said in your story it will set a skill level too. This time we are using text generation apis of chatgpt with flows. Based on selected background option ai will generate a background story and skill level. Skill level considers generated story too, so it is meaningful.

.

Princess Support Requests now simpler than ever! And more esthetically pleasing!

Badges to be claimed:

  • Glossy Pixels: We developed a custom Mario-themed UI for our Princess Self Services portal.
  • Chameleon: Our UI maintains it’s structure with the ever-changing screen size.

The backbone of our system is supporting whatever requests our princesses may have. With that in mind, one of the main objectives while planning for the princess-facing side of the system, we opted for simplicity and a fun user experience before all.

Our home page has only one button, so there is no confusion in their time of need. We went with the opposite logiq than the people that post recipes online.

Once the button is clicked, and the princess creates their profile, the next step is a simple form to gather the important information.

Once they are happy with their request details, and submit, they get redirected to a page listing all of their current and historical request.

GPT powered personal agent Clippy

We claim badges:

  • Client Side Salsa – for the react code for PCF control
  • Hipster – for using node.js for secure communication
  • Right now – for socket io for real time communication with the active users in Model driven app
  • Nasty Hacker – for incredibly awesome solution with dirty hack on the model driven side
  • Power User Love – for using socket io with Azure Function in low-code power apps

 

High Level Diagram 

Implementation 

All realtime communication is implemented via the soket.io that hosted on Azure

Project Update: Real-Time Communication and Enhanced User Interaction!

We’re excited to share the latest update on our project, featuring a significant enhancement in real-time communication capabilities. Now, administrators and backend integrations can seamlessly send messages to users who have opened specific records. This means that when there’s a change in the record status (e.g., case completion, modification), users will receive instant notifications prompting them to update their page for the latest changes. 

This feature not only streamlines communication but also serves as a handy tool for various onboarding processes. Additionally, it facilitates users in understanding what has changed post the deployment of a new release. 

Behind the scenes, we’ve implemented Clippy PCF, built upon the ClippyJs project, to empower this real-time communication. Leveraging the power of socket.io hosted on Azure, our solution ensures swift and efficient message delivery. 

Moreover, the backbone of the real-time communication lies in Azure Functions, written in Node.js. These functions diligently send out notifications to the socket.io instance hosted on Azure, creating a seamless and responsive user experience. 

Exciting times lie ahead as we continue to innovate and refine our project to meet the evolving needs of our users. Stay tuned for more updates, and thank you for being a part of our journey!


Business scenario

It supports real-time communication. So, Administrator or backend integration can send the message to the user that has opened the record. For instance: backend integration changed the status of the record (case has been completed, changed, etc..), all user that has opened record will receive the notification that they need to update the page to receive the lates changes.  


Follow Clippy and be awesome

We claim badges:

  • Go With The Flow – for automating the information delivery process
  • Mario badge – for gaming experience that transforms the user interaction
  • Retro bage – for using Clippy
  • Power User Love – for using pro code PCF control in low-code power apps

Why You Absolutely Need a ChatGPT-Powered Clippy in the Dataverse! 

Hey there, digital adventurers! Ever found yourself lost in the endless expanse of the dataverse, wishing you had a trusty sidekick? Well, guess what? A ChatGPT-powered Clippy is just the hero you need!  

  1. Your Personal Navigator in the Digital Sea Navigating the dataverse can be like trying to find a needle in a stack of needles! But fear not, with a ChatGPT-Clippy, you’ve got the ultimate guide. Whether it’s data dungeons or information islands, Clippy’s there to steer the ship!
  2. 24/7 Availability – No Coffee Breaks Needed Clippy doesn’t sleep, eat, or take coffee breaks (though it might pretend to, just for the fun of it). It’s like having a super-efficient robot friend who’s always there for you – day or night!
  3. A Friend in the Lonely Digital Void The dataverse can be a lonely place, but with a ChatGPT-Clippy, you’ve got a friend who’s always ready to chat, joke, or offer a digital shoulder to lean on. Who knew pixels could be so comforting?

Remember, with a ChatGPT-Clippy, you’re not just surviving the digital world; you’re thriving in it!

Business Scenarios:  

Need the lowdown on our data without diving into the digital depths ourselves? Clippy’s on it, transforming into a detective, magnifying glass and all. “Ah-ha! Here’s the scoop on our latest customer feedback,” it declares, unveiling insights with the dramatic flair of revealing a hidden treasure. With Clippy, our admin center becomes a stage, and data notifications are the main act, keeping us informed (and entertained) in the most amusing way possible. It provides data-driven AI-based insights on the Princeses cases requests.

Iplementation 

Clippy PCF based on the ClippyJs project.

Roadmap 

Premium users will be able chouse his own virtual agent. And chat with him via the Microsoft Copilot Studio integration. 

Figure 1.0 – Available characters 

Retro update!

We clain for badges:

  • Happy Camper – for using a lot of extraordinary goods like Lego building, game consoles and a lot of sweets
  • Community Champion – for encouragin other teams build something cool, inspire by old nintendo and sharing the sweets
  • Remarkable Teamspirit – for keeping an incredible team spirit

In a world where technology moves at the speed of light, it’s the nostalgia for the past that often brings us together, grounding us in the shared memories of simpler times. This sentiment is beautifully captured in the latest night update from Nintendo, a surprise that has sent waves of excitement through the team!

Now we have two oldest nintendos!

And the Nintendo GAMEBOY:


And, naturally, the LEGO serves to enhance team spirit.

Ask and you shall recieve

1. Customer Service Portal
To create the ticket/case that should be resolved. Add live chat support using real time Communications. We will be using Socket.IO as technology.
2. The Kiosk App and Device(iPad) is powered by AI and based on the canvas app.
Business needs: Every solution requires some Marios(agents) to help the princess solve the problems.
So, our kiosk allows you to create Mario’s profile:
The avatar, skillset, and story will be generated based on your photo, and then Mario’s profile can participate in solving the cases for the princeses. (no personal data will be collected)

3. Model-driven app:
Provide the opportunity to match the agents and manage the case-solving process in a more advanced mode.

4. Clippy

We traveled to past and get back with Clippy. Using PCF controls we managed to implement Clippy in model driven app. Our original plan was to connect Clippy to AI and use it to help users. When the App is updated and the user logs in for the first time it will show a notification and highlight changed parts.
We were so impressed by Scott’s video of the copilot that we decided to add some familiar and modern features to the model-driven app. So we are glad to announce Clippy – your GPT-powered copilot. He will help you establish the most optimal process by providing insights based on AI. We found a very nice looking github library for implementing clippy with pcf.

A New Mario Rises

First Come, First Served: Fastest Customer Service Portal on the Internet 

Power Pages Customer Self-Service revolutionizes the creation of self-service portals, emphasizing incredible speed without sacrificing quality. It took less than 1 hour to create our portal thanks to pre-built templates. This rapid deployment ensures that companies can swiftly build portals for their customers  

Agenda

We will be building;
Canvas App for registering agents
Model Driven App for monitoring and managing processes
Power Pages for case creation for customers

We have a magical portal but even magic requires maintenance and improvement 

Our next steps involve customizing this customer service for our maintenance company by adding a Mario theme, more options for case creation, and even a live chat supported by AI—all for our princesses in need of a Mario’s help. 

Behind every great portal there’s a great admin center 

When you’ve gained momentum, seize the opportunity. We’ve developed the customer portal, but what about our Marios? We plan to leverage a model-driven app to establish an admin center for them. This platform will enable them to review their cases, with AI dynamically assigning Marios to cases by evaluating the case’s complexity and each Mario’s skill level. 

Even Mario needs a make up 

Are your case forms look too dull? Do you wish to spice things up a bit? We’ve got an AI-supported solution just for you. Each Mario has an AI-generated avatar and backstory. Our princesses can finally see a visual representation of their assigned Mario. 

Return of the Clippy 

Before ChatGPT, there was Clippy. While the community was excited about AI, Clippy was getting an upgrade. He returned stronger, faster, and better. By using PCF controls, we will integrate Clippy into our app, making him even more helpful than before. 

Hey there, digital adventurers! Ever found yourself lost in the endless expanse of the dataverse, wishing you had a trusty sidekick? Well, guess what? A ChatGPT-powered Clippy is just the hero you need!

Mushroom Baklava driven Development 

How will we accomplish all this in just three days? Our team needed some extra motivation. An unnamed member of our team brought some Turkish desserts for us. Whenever we earn a badge, we also get to savor a piece of delicious baklava. Other teams are welcome to try this delicacy; it’s first come, first served.