Power Pages is a powerful tool in the Microsoft Power Platform suite that allows you to create low-code, data-centric web pages. When combined with Power Automate, it can help streamline processes by automating workflows like transferring user registration data from a form in Power Pages to Dataverse. In this blog post, we’ll show you how we used Power Automate to send data from a user registration form in Power Pages to Dataverse.
Here is our registration form:
And then here comes the flow in Power Automate that sends the data to Dataverse (and returns values to Power Pages):
And after the magic happens, we can see the record here:
For this badge, we had hard time deciding which PCF we wanted to use among the ones that are available!
PCFs available from Resco
In our experience, it’s hard to design PCFs for general fields as Microsoft provides with a very rich variety of them! So much that normally when a client requests something, it’s normally not reused on other projects.
We opted to use one that truly fits in our projects. We decided to make the life of our teachers at Hogwarts easier when defining a new Semester.
Entity for handling semesters in which subjects happen.PCF that triggers on click of the field
The PCF merges two fields in one and makes it way easier to visually follow how many days/weeks are contained inside the range.
We brought along a few decorations and outfits to liven up our camp, and fortunately, we’ve also won some items that perfectly capture the spirit of this event.
When working on Power Pages, we created a Core JavaScript file to streamline development. This file contains reusable methods used across different pages.
For example,
we are using the Send function across the pages to send a get request
Our team, EVIDIosaaa, is dedicated to modernizing education at Hogwarts. After all, is it really that exciting to rely solely on traditional classroom methods? We think not! We aim to leverage AI to expand the learning opportunities and reach more students, ensuring everyone can unlock their magical potential.
With that, we present a Canvas App for Learning on-the-Go. The app dynamically adapts to each user, reflecting their assigned Hogwarts House with personalized colors and crest. On the profile page, students can view a summary of their enrolled subjects and track their earned subject points.
While primarily designed for mobile devices, the app features a fully responsive design, ensuring a seamless experience across all screen sizes.
With its adaptability to screen sizes and dynamic customization based on each student’s house, we proudly claim Chameleon for its seamless responsiveness and Glossy Pixels for its polished, visually striking design.
On the subject of Divination…
One of the subject the students can delve into is Divination. Originally taught by the renowned Professor Sybill Trelawney in traditional class rooms, but with the help of AI and Canvas we are able to widen the reach.
Using AI Builder in Power Platform, we have created a custom prompt design to receive a image and analyze the coffee grout or tea leaves. The model is robust and can not be fooled. If you send an image of something other than a cup, or a cup with coffee still in it, you will be told to try again.
With this app, students will likely never look away from their phones—they’ll be too busy scanning every cup they come across! By transforming learning into an interactive and engaging experience, the app makes mastering Divination both fun and effortless, ensuring students stay connected and captivated.
And with that, we claim the Hogwarts Enchantment Seal for gamified excellence and for weaving magic and learning into a seamless, captivating experience.
A touch of charm was added with a Typewriter-style animation using a creative workaround. While this might seem like a small detail, an annoying amount of time was spent to make it work! Since Canvas Apps don’t offer a built-in solution for this, we implemented a hidden timer on the screen. The timer starts when the AI generates output, runs for just 50 milliseconds, and automatically reruns. Each time it triggers, a new character from the AI output is displayed on the screen.
It might sound simple, but trust us—getting it just right took hours. Was it worth it? Absolutely! Just look at it—pure magic! ✨
The typewriter animation is a result from a Naaaasty Hacker
Gone are the days of parchment and quills – the enchanting and powerful API from OneFlow allow wizards and witches to collaborate on documents effortlessly before sealing them with a magical signature on any device.
No more waiting for owls or messy ink spells; with OneFlow your contracts are elevated to new heights, as if touched by a charm straight from the Ministry of Magic.
One of our primary concerns is the prevention of bullying. It is imperative that our platform remains a space where respect and integrity are paramount, and every participant feels secure and valued. To this end, the OverFlow API allows us to enforce these rules consistently and transparently, ensuring that all parties understand their rights and responsibilities. We now send all new players a link to sign the contract for good conduct, terms and conditions.
Flow Rundown:
Trigger: When a new user registers in our canvas app, a new row is added to Dataverse, kicking of the process.
API Call: We send an HTTP request to the Oneflow API to initiate the contract workflow
Parsing the response: The returned JSON is parsed to extract relevant contract details.
Email Notification: A confirmation email is sent to the registerted user with contract details.
Further on we can get the contract back into dataverse by using WebHooks from OneFlow, but you can also save the contracts directly in the OneFlow user.
When building applications that leverage AI technologies, monitoring performance is crucial for ensuring that the system operates smoothly. One powerful tool for this is Azure Application Insights, which allows us to collect, analyze, and visualize telemetry data in a way that provides both technical insights and an understanding of user interactions.
Azure Application Insights is an Application Performance Management (APM) service that helps you monitor your applications in real-time.
In this post, we’ll show how we used Azure Application Insights to create dashboards that track key metrics for our Sorting Hat, focusing on GPT prompt and response tokens, response times, user interactions, and language distribution. These insights can help us optimize the performance of our AI model, identify trends, and make data-driven decisions.
Let’s break down the key metrics that we are tracking:
GPT Prompt & Response Tokens: The number of tokens used in GPT prompts and responses can have a significant impact on performance and cost.
Average, Minimum, and Maximum Response Time: These metrics provide an overall view of how long the application takes to respond.
Response Time Distribution: This helps us understand how response times vary across different requests.
Response Time vs. Tokens: This allows us to correlate response time with the number of tokens used.
Active User Chats: Monitoring how many users are actively chatting with the AI at any given moment helps gauge the engagement level.
Language Distribution: When application supports multiple languages, this metric helps to track which languages are being used most often.
Average, Minimum, Maximum and Standard Deviation response time in last 30 days: These metrics help ensure that the application performs optimally and allow us to identify any unusual behavior or potential bottlenecks.
Our team composition is without doubt or biggest strength. From young, up-to-date developers, to problem solving, user oriented functional consultants. This helps us see the Power User Love, and create solutions that uses heavy pro-code when needed, and magic low-code when possible. As the judges comments for ‘Pro-Code Potions’ said on Thursday: “Full stack goodness combined with low code!”.
As mentioned in earlier blog posts, the portal is created using as Svelte full-stack framework. It gets all users from Dataverse, has an AI-chat instance, and handels calls through Ctelo:
List of students (stored in Dataverse, of course), shown in the portal.
The student app is based on low-code, providing amazing charms and useful information for students on the go. Our reliable coffee based fortune telling is created using AI-builder, Power Fx and standard components. That’s what we call magic! 🪄
The model driven app for managing all things student related is totally no-code, just embracing the well of possibilities lying in Dynamics 365. With a drizzle of Power Automate on top, this provides real business value without breaking a sweat.
As the sky darkens before the first rays of sunlight pierce the horizon, we at The Team Who Must Not Be Named embrace a wizard’s version of early mornings—just like our favorite Hogwarts students getting up for their first classes of the day. But instead of potions and transfiguration, we’re preparing our minds and our tools for a magical day ahead. This is our way of claiming the Morning Glory badge—an honor for starting the day before the sun rises.
At Hogwarts, every early riser knows the secret to success lies in being ready before the world awakens. Whether it’s catching a glimpse of the first morning light over the Forbidden Forest or getting a jump on spells in the quiet hours of the morning, there’s something uniquely magical about the early hours.
Just like the owls delivering important news to Hogwarts students while they sleep, we believe the early hours offer clarity and calm, providing the perfect environment to set goals, spark creativity, and lay the foundation for success. It’s in these moments that we reflect, plan, and prepare for the challenges ahead.
While the muggle world may hit snooze, we harness the power of the morning to fuel our efforts. We begin our work with the same determination as a Gryffindor heading to Defense Against the Dark Arts class: poised, focused, and ready to conquer the day. There’s a certain magic to waking up before the sun, knowing that we’re ahead of the curve, setting the tone for everything that follows.
The Morning Glory badge isn’t just a symbol of early mornings; it’s a testament to our drive and passion for success, no matter the hour. As we rise before the sun, we channel the energy of every Hogwarts student stepping into the Great Hall, ready to face whatever challenges come our way.
So here’s to those early hours, where dreams are born, and magic begins—before the sun even rises. The Morning Glory badge is our badge of honor, earned one sunrise at a time.
