Our interface embraces the “less is more” philosophy while maintaining visual sophistication. Generous whitespace creates natural focus points, while carefully selected font sizes and color contrasts exceed WCAG 2.1 standards. Each element serves a purpose – no decorative clutter, just pure functional elegance at every breakpoint.
Testing across devices revealed our responsive design’s resilience. From wide monitors to compact mobile screens, the interface maintains its glossy appeal without sacrificing usability. This adaptability, combined with our accessibility-first approach, demonstrates that beautiful interfaces can be both inclusive and maintainable. The Glossy Pixels badge isn’t just about shine – it’s about creating interfaces that gleam with purpose on every device.
We are a bunch of happy wizards, and we love our camp!
With this blog post we aim to claim
First and foremost we have decorated our station with our Hufflepuff flag that we are very proud of, and of course Hedwig is our guardian owl, hovering over our camp
We make sure to always ware our robes and feel most comfortable with glasses on and wands at the ready – even before the sun comes up!
And when times are tough and we feel that we are not living up to our own expectations, we don’t give each other a hard time – we take a time out! We get away from the screens, sit down and build with some Lego! It really helps to get our eyes off of the screen and connect with each other over a glass of potion juice to get the community spirits going!
With this blog post we claim the oneflow and the Link Mobility sponsor badge
We also claim these badges:
Because we connect external data from oneflow to dataverse
Is only natural, given that it’s Power Automate flow that is used to orchestrate the whole thing
And
But this “Sharing and Caring” badge is for someone else <3
Oneflow
OneFlow has allowed us to create diplomas for wizards who graduate from our potions and spells program. Whenever a wizard or witch has reached the highest level, they will get a diploma signed by Dumbledore himself.
The diploma is created in Word and exported as a PDF.
We uploaded it to oneflow and created it as a contract to be signed.
We enabled the API for Power Automate Flow
Setting up the Power Automate flow to create a contact with oneflow, add a participant and then publish the contact. Then we create a new row in the Diploma custom table in Dataverse where we connect the contract to the wizard (contact).
We receive an email with the confirmation that we have received the diploma.
And the link takes us to the document
Link Mobility
Setting up the connection reference is easy
Then we add the action to send an SMS to the wizard to notify them that they have graduated!
Triggering the flow will send an SMS with the link to view the diploma!
Sharing is caring: For “Pass me a Sock”
We were too late sending information about our http endpoint to Link Mobiliy, but “Cooky at “Pass me a sock” came to our rescue, and shared their credentials with us. Without them we wouldn’t have been able to set up the connection and successfully send SMS’s. Thank you Cooky! Sharing really is caring <3
With an average seniority of no more than 3 years in the Microsoft cloud technology sphere, we have found the Retro badge a rather tricky one. After some failed attempts, our dear, and much more experienced, judges gave us a hint – look for features that are almost depricated.
Luckily, we were in desperate need for an easy way to grade the Hogwarts’ students automatically. We therefore decided to use the nearly depricated calculated columns to solve our business need.
That’s the error message we are looking for!
We operate with a simpe passed/failed grading system – once you reach 1000 points, you pass the subject, no matter how far into the semester you are. If you don’t reach 1000 points until the end of the semester, you will fail the subject.
Total points are calculated based on performance on tests and assignments, and the grading will be fully automated
Well done Ludovicus for already passing Herbology Year 7! 🎉
Our solution is like magic—it adapts to every screen, big or small, without breaking a sweat. Whether it’s a tiny phone or a massive monitor, it looks great everywhere.
Shiny? Absolutely. The glossy, polished UI feels like it’s been brewed to perfection. And small screens? No problem. It doesn’t break, squish, or leave users fumbling—it’s as smooth as a perfectly cast spell.
In the spirit of Hogwarts, where collaboration and resourcefulness reign supreme, we embarked on a quest to claim the coveted ‘Thieving Bastards’ badge. This badge celebrates the clever use of third-party solutions to enhance our magical creations. Just as the greatest wizards rely on ancient spells and enchanted artifacts, we too must harness the power of existing tools and APIs to weave our digital enchantments.
To bring our Hogwarts-inspired intranet to life, I delved into the vast realm of third-party APIs, selecting the most potent tools to aid students in their daily adventures.
The Entur API: The Floo Network of Transportation Much like the Floo Network enables swift travel across the wizarding world, the Entur API provides real-time transportation data. By integrating this powerful API, students can easily plan their journeys to Diagon Alley with minimal hassle.
Weather API: The Divination Crystal Ball Professor Trelawney may have her crystal ball, but we prefer data-driven forecasting. With the weather API, students can prepare for their daily adventures, be it sunny strolls around the castle grounds or braving the rain on their way to Herbology class.
Harry Potter Database: The Restricted Section of Knowledge No Hogwarts intranet would be complete without a comprehensive spellbook. By utilizing a Harry Potter-themed database, students can look up spells, potion recipes, and magical creatures with ease, ensuring they are always equipped for any magical challenge.
OneFlow API Handling magical agreements and contracts has never been easier with the Oneflow API. Much like the enchanted scrolls used at Hogwarts, this API allows for the seamless management of digital contracts, ensuring that all agreements—from Hogsmeade permission slips to Quidditch team sign-ups—are securely handled and stored.
Mining for Gold: Claiming the ‘Dataminer’ Badge Beyond integrating third-party solutions, we have also used these APIs to extract valuable insights and present them in an engaging way. By combining transportation schedules, weather forecasts, and magical data, our intranet transforms raw information into actionable intelligence. Students can now see the best routes to Diagon Alley considering the weather conditions or discover spell recommendations based on current atmospheric factors. This fusion of external data with our own enriches the user experience and adds real business value to our solution.
Many people have faced the same problem, and the solution is to use the old retro component (Retro badge). To do this, you need the following superdirty hacks to achieve awesomeness (Nasty Hacker):
– Chatbot:
Control: Chatbot
Properties:
EnvironmentId: =”ADD YOUR ENVIRONMENT ID”
SchemaName: =”Add your Copilot’s Schema name”
Height: =602
Width: =555
X: =372
Y: =65
Right click on a new screen
Click Paste code
Change the environment ID
And just like that, the bots appear as if by magic!
(Yes, I tried the button create new on the Copilot component multiple times…)
Given that in out Quidditch game solution, the players can play a match for several days, we have decided to automate and integrate an Outlook integration to send a notification when the match is over.
We trigger the Power Automate Flow when the “end date” for the match is modified. If the end date is greater or equal than today’s date, the flow sends an email to the participants of the match notifying them that the match is over and that they can log into the app and check their results!
We have integrated a button in the email using html to redirect the user to the application saving time and providing a magical user experience 🪄
By using the Outlook integration we claim the Plug’n Play badge!
Say hello to DobbAI, our AI-powered assistant with the charm and wit of a real house-elf, ready to serve your workplace needs. From fetching information to assisting with complex tasks, DobbAI is designed to make data as accessible as asking a simple question.
DobbAI exemplifies #ProCodeNoCodeUnite by blending Microsoft’s Copilot Studio, Power Platform, and React to create a seamless, engaging, and efficient experience.
What is DobbAI?
DobbAI is more than just an AI tool—it’s a Talk-to-Your-Data CoPilot, seamlessly integrated into our workplace ecosystem.
Here’s what makes it special:
Charming and Knowledgeable: Like a helpful house-elf, DobbAI delivers witty, accurate responses to queries.
Deeply Integrated: It’s fully connected to the intranet, housed on SharePoint, so it can fetch everything from the dinner menu in the Great Hall, Class Schedules, and Academic Calender Information, to the standings of the House Cup (pulled from a SharePoint list, of course).
Effortless Access: The AI is published to a custom website channel, providing an iframe that integrates flawlessly with our React PCF (PowerApps Component Framework) component, meticulously deployed to the Power App solution.
Whether you need a quick answer, task automation, or AI-driven insights, DobbAI has you covered.
Low-Code Meets Pro-Code: How It Works
DobbAI demonstrates how low-code platforms can work in harmony with custom-coded solutions to deliver advanced, scalable functionality:
Low-Code Magic (Power Platform)
Power Apps: Provides a no-code interface where users interact with DobbAI, asking it to retrieve data, complete tasks, or run reports with just a few clicks.
Pro-Code Brilliance (SPFx and APIs)
SPFx Customizations: Extend SharePoint’s capabilities by embedding DobbAI into the site using modern web parts. These include pro-code components like advanced data handling and a rich user interface for AI-driven analytics.
Azure Active Directory V2 Authentication.
Low-Code Power
Copilot Studio: DobbAI’s foundation starts in Copilot Studio, where its capabilities are defined and fine-tuned to serve users effectively.
Power Platform:
Power Apps hosts DobbAI, making it easily accessible to all users in our organization.
Pro-Code Customizations
React PCF Component: The iframe provided by DobbAI’s custom website channel is integrated using a React PCF component, enabling advanced UI customization and smooth user experiences within Power Apps.
SharePoint Integration: By connecting to SharePoint via Microsoft Graph API and SharePoint REST API, DobbAI taps into the heart of our intranet for data retrieval.
Configuring components in Power Apps isn’t always the funniest thing in the world, so whenever there is a possibility to try some new ones that might gives us a better a experience. And when the creators helps us with a great ACDC experience, it is even better, and we loved trying out the Resco Kanban board and Datepicker components.
Texting with Link Mobility
In the modern day of technology, there is every kind of communication methods everywhere, but there is still one way you can reach everyon (for the most part): Text messages
So thank you to Link Mobility for giving us a method to reach out to, and get a respond from, all the customers of Diagon Alley
With Ctelo on the phone
And since it might be to complicated to message somethings, it is sometimes necessary to speak directly with someone. And thanks to Ctelo, we have the options to give the businesses a possibility to talk with their customers over the phone… From Teams
