{"id":434,"date":"2020-05-08T14:45:27","date_gmt":"2020-05-08T12:45:27","guid":{"rendered":"https:\/\/blog.lansco.de\/wordpress\/?p=434"},"modified":"2026-04-09T22:16:16","modified_gmt":"2026-04-09T20:16:16","slug":"adaptive-cards-eine-neue-art-der-bereitstellung-von-ui","status":"publish","type":"post","link":"https:\/\/www.lansco.de\/blog\/2020\/05\/08\/adaptive-cards-eine-neue-art-der-bereitstellung-von-ui\/","title":{"rendered":"Adaptive Cards: Eine neue Art der Bereitstellung von UI"},"content":{"rendered":"\n<p>Wer kennt das Problem nicht: Wir als Benutzer wechseln st\u00e4ndig zwischen Ger\u00e4ten, Apps und Diensten, um unsere t\u00e4gliche Arbeit zu erledigen.<\/p>\n\n\n\n<p>Microsoft hat nun eine neue Funktion bereitgestellt, die Adaptive Cards, um verwertbare Inhalte direkt in die st\u00e4ndig genutzten Apps einf\u00fcgen zu k\u00f6nnen.<\/p>\n\n\n\n<p><strong>Was sind &#8222;Adaptive Cards&#8220; und welche genaue Funktion stellen Sie zur Verf\u00fcgung?<\/strong><\/p>\n\n\n\n<p>Adaptive Cards sind plattformunabh\u00e4ngige Snippets von Benutzeroberfl\u00e4chen, die in JSON erstellt werden. Bei der Bereitstellung an eine bestimmte App wird das JSON in eine native Benutzeroberfl\u00e4che umgewandelt, die sich automatisch an die Umgebung anpasst. Bedeutet f\u00fcr die Endbenutzer im Umkehrschluss, dass der Zugriff auf ein und dieselbe Information von unterschiedlichen Plattformen aus gleicherma\u00dfen m\u00f6glich ist:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"366\" src=\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/image-35.png\" alt=\"\" class=\"wp-image-439\" srcset=\"https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-35.png 650w, https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-35-300x169.png 300w, https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-35-600x338.png 600w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/figure>\n\n\n\n<p>Unterst\u00fctzung bei der Erstellung dieser Karten bietet hierbei der Adaptive Cards Designer. Mithilfe des Designers kann das JSON ganz einfach per Drag and Drop einzelne UI-Bausteine erstellen. Das Tool bietet eine gro\u00dfe Auswahl an Templates, die der Nutzer nach Belieben f\u00fcr seine eigenen W\u00fcnsche erweitern und anpassen kann.<\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/adaptivecards.io\/designer\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1020\" height=\"556\" src=\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/image-36.png\" alt=\"\" class=\"wp-image-440\" srcset=\"https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-36.png 1020w, https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-36-300x164.png 300w, https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-36-768x419.png 768w, https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-36-600x327.png 600w, https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-36-945x515.png 945w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><\/figure>\n\n\n\n<p>Als einfaches Fallbeispiel haben wir einmal eine PowerApp f\u00fcr R\u00fcckrufnotizen erstellt. Diese wird direkt in Teams eingebunden und kann von dort aus&nbsp; Daten f\u00fcr die Verarbeitung entgegennehmen. Der ausgew\u00e4hlte Sachbearbeiter erh\u00e4lt dann in Teams eine Chatnachricht mit allen notwendigen Informationen:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"342\" src=\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/image-34.png\" alt=\"\" class=\"wp-image-438\" srcset=\"https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-34.png 250w, https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-34-219x300.png 219w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"250\" height=\"335\" src=\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/image-32.png\" alt=\"\" class=\"wp-image-436\" srcset=\"https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-32.png 250w, https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-32-224x300.png 224w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"261\" src=\"https:\/\/blog.lansco.de\/wordpress\/wp-content\/uploads\/2023\/11\/image-33.png\" alt=\"\" class=\"wp-image-437\" srcset=\"https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-33.png 500w, https:\/\/www.lansco.de\/blog\/wp-content\/uploads\/2023\/11\/image-33-300x157.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<p>Viele der Features von Adaptive Cards befinden sich allerdings momentan noch in der Preview, zeigen aber jetzt schon gro\u00dfes Potenzial. Definitiv ergeben sich hier jedoch bereits einige Szenarien, welche sinnvoll abgebildet werden k\u00f6nnen. Wir sind gespannt, was da noch so kommt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wer kennt das Problem nicht: Wir als Benutzer wechseln st\u00e4ndig zwischen Ger\u00e4ten, Apps und Diensten, um unsere t\u00e4gliche Arbeit zu erledigen. Microsoft hat nun eine neue Funktion bereitgestellt, die Adaptive Cards, um verwertbare Inhalte direkt in die st\u00e4ndig genutzten Apps&#8230; <a class=\"more-link\" href=\"https:\/\/www.lansco.de\/blog\/2020\/05\/08\/adaptive-cards-eine-neue-art-der-bereitstellung-von-ui\/\">Weiterlesen &rarr;<\/a><\/p>\n","protected":false},"author":5,"featured_media":435,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,6],"tags":[12],"class_list":["post-434","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-teams","category-power-platform","tag-power-automate"],"_links":{"self":[{"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/posts\/434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/comments?post=434"}],"version-history":[{"count":2,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/posts\/434\/revisions"}],"predecessor-version":[{"id":870,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/posts\/434\/revisions\/870"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/media\/435"}],"wp:attachment":[{"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/media?parent=434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/categories?post=434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lansco.de\/blog\/wp-json\/wp\/v2\/tags?post=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}