Vom Fenster zum Bot: Conversational UI mit der MS Teams AI Library entwickeln

Transcript

1. Vom Fenster zum Bot Conversational UI mit der MS Teams AI Library entwickeln Jörg Neumann & Quang Phan
2. THEMEN  AI Development  Business App Development  Frontend Technologies  Development, Consulting, Coaching, Training KONTAKT  Mail: joerg.neumann@neogeeks.de  LinkedIn: www.linkedin.com/in/jörgneumann  X: @JoergNeumann  Web: www.neogeeks.de JÖRG NEUMANN Founder & CEO NeoGeeks GmbH Azure OpenAI Service, Azure Machine Learning Platform
3. THEMEN  Business App Development  Frontend Technologies  Development, Consulting KONTAKT  Mail: quang.phan@neogeeks.de  Web: www.neogeeks.de QUANG PHAN Consultant @ NeoGeeks
7. BOTS BOT Text Sprache Cards Desktop Mobile
8. BOTS VORTEILE  Wiederkehrende Aufgaben einfach per Chat erledigen (auch unterwegs)  Konzentration auf die wesentliche Aufgabe, nicht auf das jeweilige Tool!  Alles ist später nachvollziehbar über eine History  Ein Befehl kann auch mehrere Aufgaben erledigen (Agents)  Bots können Fragen beantworten  Ad-Hoc-Aufgabenstellungen möglich (Code Interpreter)  Nützlich auch als Self-Service-Interface für den Customer Support
9. TEAMS BOT ENTWICKELN VORAUSSETZUNGEN  Microsoft 365 inkl. Microsoft 365 Developer Subscription und Recht zur Installation eigener Apps.  Visual Studio 2022 / Visual Studio Code Aktuelle Version, inkl. ASP.NET und Web Dev  Teams Toolkit Installation über VS Installer / VSCode Extension.  Dev Tunnel Tunneln eingehender Verbindungen. Verfügbar in Visual Studio 2022 version 17.7.0 oder höher. Alternativ: ngrok verwenden.
10. TEAMS BOT ENTWICKELN UNTERSTÜTZTE SPRACHEN  JavaScript  Node.js  .NET/C#  Blazor
11. TEAMS AI LIBRARY FEATURES  Teams Apps leicht mit AI-Funktionalität ausstatten  Prompt Engineering, Moderation, Security  Planning Engine ermittelt die Absicht des Benutzers und ordnet sie Aktionen zu  Wechsel von LLMs ohne Bot-Logik zu verändern
12. DEMO Teams Bots entwickeln
13. ADAPTIVE CARDS Einfache Erstellung  Adaptive Cards basieren auf JSON, das leicht verständlich und editierbar ist Plattformunabhängigkeit  Microsoft Teams, Outlook, Windows, Webseiten, Slack oder eigenen Apps Wiederverwendbarkeit  Einmal entwerfen und ohne große Anpassungen wiederverwenden { "type": "AdaptiveCard", "$schema": "https://adaptivecards.io/schemas/adaptive-card.json", "version": "1.2", "body": [ { "type": "TextBlock", "text": "Deine Urlaube", "weight": "Bolder", "wrap": true, "style": "heading", "id": "HeaderTextBlock" }, … ] }
14. ADAPTIVE CARDS Erscheinungsbild  einheitliches Look-and-Feel, unabhängig von der Zielplattform Interaktivität  Benutzerinteraktionen wie das Ausfüllen von Formularen oder das Senden von Daten Anpassungsfähigkeit  Karten passen sich automatisch an das Design und die Möglichkeiten der jeweiligen Plattform an
15. BEISPIELE
16. ELEMENTS Ratings Media Carousel CodeBlock Chart RichTextBlock
17. ADAPTIVE CARD DEVELOPMENT HUB  Best Practices  Referenz aller Elemente und Actions  Adaptive Card Designer  Release/Feature History  Url: https://adaptivecards.microsoft.com/
18. VS CODE EXTENSIONS Adaptive Card Previewer Adaptive Card Studio
19. DEMO Adaptive Cards entwickeln
20. TEAMS AI LIBRARY: FEATURES FEATURES  Localization  LLM modularity  Responsible AI  Predictive engine for mapping intents to actions  Action Planner  Assistants API  Prompt management  Augmentation  Vector data sources  Enhanced reasoning  Feedback loop
21. DEMO Teams AI Library
22. FAZIT  Bots unterstützen das User-centered Design  Micro Apps, die einzelne Funktion bereitstellen  Teams ist die zentrale Plattform in der Unternehmenskommunikation  Teams Toolkit und Teams AI Library erleichtern die Bot-Entwicklung  Adaptive Cards können flexible und interaktive Oberflächen entwickelt werden
23. Q& A
24. RESSOURCEN: TEAMS DEVELOPMENT DOKUMENTATION  Microsoft Teams-Entwicklerdokumentation  Teams Toolkit Visual Studio Overview  Microsoft Teams Toolkit Overview (VSCode)  Teams AI library  Prepare your Microsoft 365 tenant  Deploy a Microsoft Teams app to Azure by using Teams Toolkit for Visual Studio Code  Designing Adaptive Cards for your Microsoft Teams app
25. RESSOURCEN: TEAMS DEVELOPMENT PORTALS  Teams Developer Portal  Bot Framework Portal
26. RESSOURCEN: TEAMS DEVELOPMENT TOOLS  Microsoft Teams Toolkit for Visual Studio Code  GitHub Copilot Extension for Teams Toolkit  Microsoft Graph Explorer  ngrok – API Gateway
27. RESSOURCEN: TEAMS DEVELOPMENT SAMPLES  Microsoft Teams Samples  Microsoft Teams AI Library Samples  Microsoft Bot Framework Samples
28. RESSOURCEN: ADAPTIVE CARDS DOKUMENTATION  Microsoft Lern: Adaptive Cards Overview PORTAL  Adaptive Cards Development Hub SAMPLES  Made with cards  Adaptive Card Samples for Teams TOOLS  VSCode: Adaptive Card Previewer, Adaptive Card Studio  Web: Adaptive Cards Editor
29. "The electric light did not come from the continuous improvement of candles." Oren Harari, Wirtschaftsprofessor NeoGeeks AI Workshops Generative AI eröffnet viele neue Möglichkeiten in diversen Geschäftsbereichen. Ob als Chat im Kundensupport, als Unterstützung im Vertragsmanagement, dem Texten und Entwerfen von Logos im Marketing oder als Hilfe beim Onboarding neuer Mitarbeiter*innen – das Feld an Möglichkeiten ist vielfältig. Doch auch die Themen Datenschutz und IT-Sicherheit müssen hierbei berücksichtig werden. Wir möchten Euch helfen von den neuen Möglichkeiten zu profitieren! Dazu bieten wir Euch individuelle Workshop an, in denen wir zeigen, wie Ihr AI-Modelle in Eurem Unternehmen sicher betreiben und mit Eurem domänenspezifischen Wissen trainieren könnt. Wir unterstützen Euch beim Finden von sinnvollen Einsatzszenarien, dem Sammeln und Aufbereiten der erforderlichen Daten, bis hin zur Integration in Eure IT- Landschaft. Wir helfen Euer AI-Vorhaben zu realisieren. AI Ideation Workshop • Einordnung des Themas und der Möglichkeiten • Ideenfindung im Kontext des eigenen Geschäfts • Zielgruppe: Entscheider • Dauer: ½ Tag › Die Agenda kann individuell auf Eure Bedürfnisse angepasst werden. › Wir führen die Workshops je nach Bedarf bei Euch im Haus oder remote durch. › Im Anschluss erhaltet ihr neben dem Folienmaterial eine Dokumentation der diskutierten Themen, sowie eine Empfehlung für das weitere Vorgehen. › Die Workshops werden durch Jörg Neumann durchgeführt. Er ist Microsoft MVP für die Bereiche Azure OpenAI Service und Azure Machine Learning Platform und verfügt über langjährige Erfahrung im AI-Umfeld. Kontakt: joerg.neumann@neogeeks.de AI Exploration Workshop • Überblick der technischen Möglichkeiten • Entwurf eines Projekts oder PoC • Projektplanung und Setup • Zielgruppe: Architekten • Dauer: 1 Tag AI Developer Training • Technisches Training zu GenAI • Anpassen von Modellen • Entwickeln von AI-Lösungen • Zielgruppe: Entwickler • Dauer: 2 Tage Coaching und Mentoring • Beratung und Projekt- begleitendes Coaching Development Power • Unterstützung für Euer Team • Entwicklung Eurer Lösung
30. AI Dev Camp 2025 30.9.-1.10.2025 in Düsseldorf Das Trainingsevent für KI-getriebene Softwareentwicklung. 2 Tage geballte Wissensvermittlung mit Jörg Neumann, Neno Loje & Special Guests. Jörg Neumann MVP AI Platform Neno Loje MVP Developer Technologies www.AIDevCamp.de