OneFlow Sponsor Badge – A Wizard’s Journey

🪄 Claiming the OneFlow Sponsor Badge – A Wizard’s Journey 🏅✨

Here’s a glimpse into how we 🧙‍♂️, have used OneFlow’s tools to conjure something truly extraordinary.


OneFlow – The Enchanted Contract Master 📜✨

Welcome to the modern age of contract signing, where OneFlow transforms dull parchment into living, collaborative scrolls that can be signed seamlessly on any device. 🖋️ Whether you’re sealing a pact between Death Eaters or approving an Order of Doom, OneFlow ensures your contracts are as smooth as unicorn hair. 🦄✨


How We Cast the Spell

With OneFlow’s API, we created a spellbinding process to manage contracts for the sinister “Order of Doom.” Here’s how we conjured this masterpiece:

1. The Birth of an Order of Doom 💀🖋️

  • When a Power Page user (a dark wizard in disguise) creates a new Order of Doom in Dataverse, the spell is cast!
  • A cloud flow retrieves:
    • The wizard’s credentials (so we know who summoned the order 🧙).
    • The chilling details of their request.

2. Summoning the Contract 🔮📄

  • The cloud flow calls forth OneFlow’s API, using a mystical template pre-crafted in the OneFlow portal.
  • A contract is conjured between the Dark Ledger Party (us) and the requester (them).
  • The enchanted scroll is sent via owl 🦉—or email (muggles might not appreciate owls)—for e-signature.

3. Signing and Sealing the Pact ✍️⚡

  • A child flow monitors the pact’s status like an Auror watching for dark magic.
  • Once both parties have signed the contract, the spell completes:
    • An owl-email confirmation is sent to the requester. ✉️🦉
    • The signed scroll is attached to the timeline of the Order of Doom in Dataverse, ensuring it’s securely stored in the Ministry’s records (or our shadowy vaults).

Why This Wizardry Works

  • 🧙‍♂️ Effortless Automation: The contract lifecycle is handled faster than a Hippogriff in flight.
  • 🔮 Crystal-Clear Transparency: Both parties are guided through the signing process as if by the Marauder’s Map.
  • 📜 Centralized Magic: Every contract is neatly stored, ready for future spells (or audits).
  • Spellbinding Innovation: By fusing Power Platform and OneFlow API, we’ve created a process worthy of Dumbledore himself.

“Thieving Bastards” Badge – The Art of Borrowing Brilliance

In the world of wizardry and innovation, it’s not always about reinventing the wand; sometimes, it’s about knowing which enchanted tools to borrow. Enter the “Thieving Bastards” Badge, our tribute to leveraging third-party solutions—whether open-source or paid—that elevate our creation, the Dark Ledger, to legendary heights.

By embracing the ingenuity of others, we’ve seamlessly integrated powerful APIs and tools, proving that great magic often lies in collaboration. 🪄


Our Magical Arsenal of APIs

1. Google Maps API 🗺️✨

Purpose: Interactive map for tracking targets.
We’ve styled Google Maps to match the dark and mysterious aura of the Dark Ledger, creating an immersive experience for users. With this:

  • See your current position and your target’s location.
  • Navigate the wizarding world (and beyond) with precision.
    Because even Death Eaters need directions sometimes. 🧭

2. HP-API 🧙‍♂️🔍

Purpose: Wizarding world data integration.
Thanks to Beth and Kostas, the HP-API brings the wizarding world right into our ledger. Here’s what we can do:

  • Browse all characters or search by ID.
  • Filter by Hogwarts students, staff, or houses.
  • Explore a library of spells—from Expelliarmus to Avada Kedavra.

Bonus: No API key required—just pure, open-source magic! ✨ Check out their hp-api.onrender.com for more.


3. OneFlow API 🖋️⚡

Purpose: Document signing and collaboration.
Gone are the days of parchment and quills! With OneFlow API, both Death Eaters and admins can:

  • Collaborate on contracts in real time.
  • Seamlessly sign documents from any device.
  • Modernize their dark dealings with cutting-edge digital agreements.

Because even Voldemort knows the importance of a signed contract. 📜


4. Azure Face API 🧠🖼️

Purpose: Target identity verification.
When a target has been “handled,” proof is required. Sending a picture will prompt the Azure Face API, seamlessly integrated with Power Automate, to:

  • Analyze and verify a submitted photo.
  • Match the image against the target’s profile.
  • Confirm the deed with efficiency and accuracy.

It’s like a magical Polyjuice Potion for digital identity verification! 💀


The Power of Collaboration

By leveraging these tools, we’ve transformed the Dark Ledger into an unstoppable force of innovation.

Introducing Resco’s Power Platform Components

Resco’s Power Platform Components – A Magical Solution for Modern-Day Problems 🪄✨

PCF Controls and the Dark Ledger

As part of our quest to build an enchanting and functional solution for the Dark Ledger, we’ve embraced Resco’s PCF components. These controls add layers of interactivity and customization, perfectly complementing the mystical essence of our platform.

Here’s a glimpse of the Resco-powered tools that have brought magic to life:


1. Kanban Board by Godric Gryffindor 🦁

Inspired by the legendary organizational skills of Godric Gryffindor, this Kanban Board empowers users to manage Orders of Doom with ease.

Features:

  • Visually track assigned hits in a clear and intuitive format.
  • Seamlessly move tasks across stages like Planned, In Progress, and Completed.
  • Stay on top of dark assignments with precision and flair.

Perfect for: Villains who love structure and efficiency in their chaos.


2. Date Range Picker by Salazar Slytherin 🐍

Designed by the cunning Salazar Slytherin, this Date Range Picker ensures villains stay punctual and organized.

Features:

  • Smooth date selection to define mission start and end dates.
  • Clear timeline visualization for better planning and execution.
  • Tailored for those who thrive under deadlines while scheming in the shadows.

Perfect for: Strategists who value timing as much as power.


3. File Upload by Rowena Ravenclaw 🦅

Created by the brilliant Rowena Ravenclaw, this File Upload component ensures that no crucial detail is ever lost.

Features:

  • Effortless uploading of multiple files, including blueprints, briefings, and surveillance images.
  • Secure storage for quick access to essential documents.
  • A simple and intuitive interface designed for efficiency.

Perfect for: Masterminds who prioritize preparation and knowledge.


Resco – Sponsor Badge

We are proud to showcase Resco as a key sponsor of our journey. Their PCF components have elevated our solution, demonstrating the power of integration and innovation in the Power Platform.

With Resco, we’ve turned ideas into magic and technology into tools for villainous excellence. 💀✨

The Dark Ledger – Where Magic Meets Mischief ✨⚡

We, The Team Who Must Be Named, have conjured up something truly dark yet undeniably magical: The Dark Ledger. 💀📜


What is The Dark Ledger?

Think of it as the Death Eater’s version of a task management platform – but spicier. Inspired by the “unforgivable” side of wizardry, The Dark Ledger is your ultimate solution for plotting vengeance, asserting dominance, or just a little… creative problem-solving. 🕵️‍♂️✨

Whether you’re channeling Bellatrix Lestrange’s chaotic energy or Snape’s calculated stealth, we’ve got you covered. 🌑


How It Works: The Magic in Motion

🕵️‍♂️ Name Your Target:
Decide who needs to “disappear” (metaphorically, of course… or not).

🪄 Choose Your Hitman:
Swipe through profiles of legendary Death Eaters with distinct magical talents, examples:

  • 💋 Bellatrix Lestrange: Queen of chaos and curses.
  • 🧑‍⚖️ Lucius Malfoy: Tactical and terrifyingly posh.
  • 🐺 Fenrir Greyback: The werewolf you call when you want things messy.

🎭 Tailor Your Approach:
Go stealthy, intimidating, or unleash fiery destruction. All methods priced by risk and flair.

🪙 Payment & Privacy:
We use magical blockchain (yes, even Voldemort embraces tech 🚀) for 100% secure and anonymous transactions.


Why Choose The Dark Ledger?

  • ✨ Variety: Assassins for every mood – subtle or savage.
  • 💸 Transparent Pricing: What you see is what you hex.
  • ⚡ Efficiency: Swift results. No Auror interference.
  • 🛡️ Discretion: Cloaked in spells of secrecy – no snooping allowed!

Our Vision: Reshape the Wizarding World

We’re here to build a future where cunning and creativity reign supreme. The Dark Ledger is more than a platform – it’s a revolution in the way wizards handle their dirty work. 🌌


Join the Chaos 🖤

Whether you’re plotting revenge or just dabbling in dark arts, The Dark Ledger is your ticket to becoming a power player in the wizarding world.

So, what are you waiting for? ⚡ Embrace the shadows, trust The Dark Ledger, and let’s change magic as we know it.

“Mischief managed? We prefer mischief unleashed.” 😏


How Do We Do It? 🧙‍♂️✨

By channeling the magic of the Microsoft Sphere, we’ve conjured an otherworldly solution, powered by an arsenal of enchanted tools and wizardry:

  • ⚡ Power Platform: The Elder Wand of automation, seamlessly orchestrating data and workflows.
  • 📜 Power Pages: Our Marauder’s Map, guiding users through intuitive, spellbinding web portals.
  • ☁️ Azure: The Room of Requirement for scalability, security, and boundless possibilities.
  • 🌐 Web App: A magical doorway, offering robust and responsive functionality to all.
  • 🎨 Canvas App: The Spellbook of Design, crafting pixel-perfect, customizable interfaces.
  • 🏰 Model-Driven App: Like the Sorting Hat, ensuring guided, data-driven workflows.
  • 🔄 Dataflows: The Pensieve of integration, connecting and transforming data with ease.
  • 🔗 API: Our Floo Network, enabling seamless communication between magical (and non-magical) systems.
  • ⚙️ ALM Pipeline: The Enchanted Assembly Line, ensuring smooth deployment and lifecycle management.
  • 🧠 AI: Our Divination Crystal Ball, delivering predictive insights and intelligent features.

These tools, combined with our cunning wizardry, create a seamless blend of technology and magic, transforming ideas into a magical masterpiece. ✨

Koopa’s AI Challenge Unveiled: Experience the WOW Factor with Our Innovative Learning Odyssey!

Welcome to our groundbreaking blog post, where we embark on a journey through the dynamic landscape of innovation, efficiency, and seamless automation. In today’s digital era, businesses are constantly seeking robust solutions to elevate their operations, and in this exploration, we present a lineup of powerful products and components that redefine the realm of possibilities.

At the forefront of this technological evolution is the “Power Page,” a hub of capabilities designed to enhance user experiences and drive operational excellence. Join us as we delve into the intricacies of the Copilot Studio Chat Bot, seamlessly integrated with the prowess of Power Automate flows. This powerful duo promises to revolutionize communication channels and automate tasks, streamlining workflows with unparalleled ease. We have also integrated Power BI visualizations for showing player progress and overviews.

Behind the scenes, we delve into the backbone of our system – the Dataverse. This robust backend storage solution effortlessly manages progression course levels and active user data, providing a foundation for scalability and adaptability. Witness the synergy between technology and data management as we navigate through the capabilities of Dataverse.

But that’s not all. Enter the PCF Component, specifically Koopa’s AI Challenge, a cutting-edge addition that brings artificial intelligence to the forefront of your applications. Explore the possibilities as we unravel the potential of this innovative component in enhancing user interactions and engagement.

Last but certainly not least, our journey wouldn’t be complete without a glimpse into actionable insights provided by Power BI Reports. Transform your data into visual narratives, gain meaningful insights, and make informed decisions to drive your business forward.

Together, these products and components form a formidable alliance, promising a holistic and transformative approach to your digital endeavors. Join us as we navigate through the intricacies of each element, paving the way for a future where efficiency and innovation coexist harmoniously. Welcome to the era of empowered possibilities – welcome to the Power Page Chronicles.

ALM – Deployment

We have created tree environements for development, testing and production purposes. We have automated the deployment process with ALM – pipeline.

Imagine you’ve developed a robust solution in your Dev environment, and now it’s time to move it to UAT and eventually to Prod. However, you want to ensure that changes don’t go live without proper scrutiny. That’s where an approval process comes into play.

Power Automate

Power Automate allows you to create automated workflows that connect different services and applications. We’ll leverage Power Automate to trigger the approval process when a user requests a solution deployment.

Microsoft Teams

Microsoft Teams provides a collaborative workspace for your organization. We’ll use Teams to notify an admin group about pending solution deployments and allow them to approve or reject the changes.

Setting Up the Approval Workflow

Let’s break down the steps:

1. User Requests Deployment

  • A developer completes the solution in the Dev environment.
  • When ready for deployment, they initiate the process by requesting it through a designated channel.

2. Power Automate Workflow

  • Create a Power Automate flow triggered by the user’s deployment request. Sends an adaptive card to admin group in Microsoft Teams

3. Approval in Microsoft Teams

  • The adaptive card is sent to an admin group in Teams.
  • Admins receive a notification and can review the deployment details.
  • They can either click approve or reject after review is done.

Following the introduction of our foundational technologies and their impact on business operations, we now turn our attention to the heart of our digital innovation: the game component, ingeniously embedded within our Power Page. This game, dubbed “Koopa’s AI Challenge,” is not just a testament to our creative prowess but a strategic tool designed to engage, educate, and entertain users in a uniquely interactive environment.

The Genesis of Koopa’s AI Challenge

At its core, “Koopa’s AI Challenge” leverages the dynamic capabilities of Phaser 3 for game mechanics, married seamlessly with the sophistication of React and TypeScript (TSX) for development. This blend of technologies allows us to present a game that is not only visually appealing but deeply integrated with the educational and interactive objectives of our PCF comopnent.

Integration into Power Page

The integration of the game within the Power Page is a feat of technical ingenuity. By embedding the PCF (Power Apps Component Framework) control, we ensure that the game is not an isolated experience but a cohesive part of the user’s journey on our site. This approach allows for a seamless transition between learning modules and interactive gameplay, enhancing the overall user experience and engagement.

Leveraging Phaser 3 for Game Mechanics

Phaser 3 stands at the forefront of our game development, providing a robust framework for creating immersive 2D gaming experiences. Its extensive suite of tools and features enables us to craft complex game mechanics, such as character movement, obstacle navigation, and interactive challenges that users must navigate through. This results in a game that is not only fun to play but also challenges the user’s problem-solving skills and application of knowledge acquired through the platform.

React and TypeScript: A Powerful Duo

The use of React and TypeScript for developing the game’s interface and logic ensures a highly responsive and intuitive user experience. React’s component-based architecture allows for efficient updates and rendering, making the game fluid and engaging. TypeScript, with its strong typing, enhances code quality and reliability, ensuring that the game mechanics are robust and error-free.

The Educational Twist

What sets “Koopa’s AI Challenge” apart is its educational underpinning. Each level of the game corresponds to a course or module within the platform, challenging users to apply what they’ve learned in a practical, engaging context. This gamification of learning not only reinforces knowledge retention but also adds an element of fun to the educational journey.

Integrating seamlessly within our Power Page, we leverage Power BI to vividly display user progress through dynamic, interactive reports. This integration ensures that users can visually track their achievements and milestones, enhancing motivation and engagement. Simultaneously, our solution taps into the Dataverse API to fetch course content, ensuring that each user’s journey through the courses is smooth, personalized, and up-to-date. Complementing these features, our site hosts a Copilot Chatbot, a virtual assistant ready to offer users guidance, answer queries, and provide support for course-related challenges. This trio of features—Power BI progress visualization, Dataverse content integration, and Copilot Chatbot assistance—synergistically elevates the user experience, making our solution not just a tool, but a comprehensive learning companion.

Conclusion

“Koopa’s AI Challenge” is more than just a game; it’s a bridge between education and entertainment, powered by cutting-edge technology and integrated seamlessly into our Power Page. As users navigate through the levels, they’re not just playing; they’re learning, engaging, and interacting with content in a way that’s both innovative and impactful. This game is a cornerstone of our digital offering, exemplifying our commitment to creating solutions that are not only technologically advanced but also meaningful and user-centric.

As we conclude our exploration of the Power Page Chronicles, “Koopa’s AI Challenge” stands as a beacon of our innovative spirit, showcasing the potential of combining technology, education, and gaming in creating transformative user experiences. Join us on this journey of discovery and empowerment, where each interaction is an opportunity to learn, grow, and be entertained.

Link to demo video:

https://pzlcloud-my.sharepoint.com/:v:/g/personal/remi_blom-ohlsen_puzzlepart_com/EXKTMb_lOI5BhJ5ejfPWQr8BRnqEVOMJbGfo6yzfjEaT5g?e=yRUAl6

Feature Bombing: Maximizing Utility in a Single Screen

Our project’s crowning glory is the integration of an array of user features within a single screen, a feat that not only meets but exceeds the criteria for the Feature Bombing badge. This dense yet intuitive design includes the Power Page, PCF component, Highscore component, Power BI for current progress, and a Chatbot. Each element is crafted to complement the others, providing a comprehensive, engaging user experience without overwhelming the interface. This strategic feature cramming showcases our team’s ability to balance complexity with coherence, ensuring every addition delivers value and enhances usability.

As we conclude this intense development phase, our array of badges reflects more than just our technical achievements; they’re a testament to our team’s innovative spirit, collaborative ethos, and unwavering commitment to excellence. These badges aren’t just accolades; they’re milestones on our journey of learning, growth, and contribution in the dynamic world of hackathons.

Final Stretch: Unlocking Advanced Badges on the Last Day of Development

As the ACDC Hackathon draws to its climax, our team’s dedication and innovative spirit have led us to target three advanced badges, each reflecting our commitment to solving complex problems with cutting-edge technology and best practices.

Crawler: Revolutionizing Assistance with Copilot Studio

In our quest for the “Crawler” badge, we’ve integrated Copilot Studio into our Power Page site, embedding a Copilot bot designed to aid users when they’re stuck on a course level. This ingenious feature utilizes a cloud flow triggered by the user’s input, leveraging the Dataverse action “Search Rows (Preview)” to find and return answers for the specified course level. This not only enhances user experience but also showcases our innovative use of search to solve a real-world business problem.

Client Side Salsa: Ensuring Smooth Performance with Modern Frameworks

Our pursuit of the “Client Side Salsa” badge highlights our application’s fluidity, achieved by running entirely within the client’s browser without becoming a cumbersome monolith. By crafting a PCF control for our interactive course game using TypeScript and React, we ensure our setup’s compatibility across a wide range of browsers. This approach underlines our strategic use of modern front-end frameworks to deliver a seamless and responsive user interface.

ACDC Craftsman: Demonstrating Development and Deployment Excellence

The “ACDC Craftsman” badge is a testament to our adherence to development and deployment best practices. We’ve established three environments (dev, UAT, & prod), focusing our component development within the dev environment. Our deployment strategy is streamlined through Power Platform ALM pipelines, incorporating a pre-deployment approval step via Teams. This allows for meticulous control over deployment timing and participants. Moreover, our use of Azure DevOps Repositories for the PCF control exemplifies our commitment to source control and project management excellence.

As we conclude this hackathon journey, these badges represent more than just our technical achievements; they signify our team’s holistic approach to innovation, user engagement, and operational efficiency. Our efforts to blend advanced technological solutions with practical application and meticulous project management illustrate the essence of true ACDC craftsmanship, setting a high bar for what can be accomplished in such a collaborative and competitive environment.

Nighttime Progress: A Snapshot of Dedication

As the night deepens at the hackathon, our team’s resolve only strengthens. With the outside world cloaked in darkness, the glow of our monitors lights up our determined faces. Remi delves into the heart of game development, fine-tuning mechanics to ensure our game is as engaging as it is seamless. His dedication to crafting an immersive experience is a beacon of our team’s passion for excellence.

In parallel, Sindre channels his creativity into Power Page styling and design, focusing on creating a visually appealing and intuitive user interface. His efforts to blend form with function are pivotal, ensuring that our project not only captivates but is also accessible and enjoyable for users. Together, their work epitomizes our team’s dynamic capabilities and unified goal: to deliver a project that stands out for its innovation and user-centered design, proving that even as the night wears on, our spirit and productivity soar.

Sharing is Caring: Fostering Collaboration in the Competitive Arena

Embodying the true spirit of the ACDC Hackathon, our team ventured beyond the pursuit of mere badges. By assisting another team in refining their analog clock component and sharing our repository for the high-score game component, we championed the essence of community and collaboration within the tech realm. Our efforts served not only to enhance another team’s project but also to disseminate valuable code, setting a standard for openness and collective support among competitors. This ethos of sharing knowledge and resources amplifies the potential for greater innovation and collective success.

The hackathon transcends the notion of mere competition; it represents a consortium of developers challenging the status quo, learning from one another, and crafting solutions that aim not solely at winning but at making a meaningful impact. Through our commitment to earning badges and our acts of sharing, we illuminate the core values of the hackathon—innovation, collaboration, and growth. Our experience demonstrates that when developers unite in their efforts, extraordinary outcomes are within reach, underscoring the power of teamwork in driving forward the boundaries of technology and community engagement.

As one can see, the Pzl Plumbers has also shaired their code, an open source HighScore PCF component, ready to be used in any game you would want to develop 🙂