{"id":50787,"date":"2024-07-24T11:55:36","date_gmt":"2024-07-24T09:55:36","guid":{"rendered":"https:\/\/community.simplifier.io\/doc\/entwurf\/openui5-sapui5-und-fiori\/"},"modified":"2025-12-11T10:52:59","modified_gmt":"2025-12-11T08:52:59","slug":"openui5-sapui5-und-fiori","status":"publish","type":"manual_documentation","link":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/","title":{"rendered":"OpenUI5, SAPUI5 und Fiori"},"content":{"rendered":"<h3 id=\"UI5FrameworkandUI5WebComponents-WhatistheUI5framework?\"><strong><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Was ist UI5?<\/span><\/strong><\/h3>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Das UI5-Framework ist ein JavaScript-UI-Framework zum Erstellen von clientseitigen, responsiven und unternehmenstauglichen Webanwendungen. Unternehmenstauglich bedeutet, dass die Webanwendungen   <\/span><a href=\"https:\/\/ui5.sap.com\/#\/topic\/91f217c46f4d1014b6dd926db0e91070\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">globalisiert<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">, <\/span><a href=\"https:\/\/ui5.sap.com\/#\/topic\/91f3d8706f4d1014b6dd926db0e91070\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">sicher<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">, <\/span><a href=\"https:\/\/ui5.sap.com\/#\/topic\/322f55d0cf1e4b459cc1911c899b7a5f\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">barrierefrei<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">, <\/span><a href=\"https:\/\/ui5.sap.com\/#\/topic\/497c27a8ee26426faacd2b8a1751794a\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">thematisierbar<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\"> und <\/span><a href=\"https:\/\/ui5.sap.com\/#\/topic\/91f087396f4d1014b6dd926db0e91070\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">abw\u00e4rtskompatibel<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">. <\/span> <\/p>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Das UI5-Framework bietet Konzepte wie <\/span><a href=\"https:\/\/ui5.sap.com\/#\/topic\/958ead51e2e94ab8bcdc90fb7e9d53d0\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Komponenten<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\"> (in anderen Frameworks als Anwendungen und\/oder wiederverwendbare Verbundkomponenten bezeichnet), das <\/span><a href=\"https:\/\/ui5.sap.com\/#\/topic\/91f233476f4d1014b6dd926db0e91070\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Model-View-Controller<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">-Muster zur Strukturierung der Anwendung, <\/span><a href=\"https:\/\/ui5.sap.com\/#\/topic\/3d18f20bd2294228acb6910d8e8a5fb5\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Routing<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\"> zur Verwaltung der Navigation zwischen Ansichten, integriertes <\/span><a href=\"https:\/\/ui5.sap.com\/#\/topic\/68b9644a253741e8a4b9e4279a35c247\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Data Binding<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\"> und vieles mehr. <\/span> <\/p>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">In UI5 werden sogenannte Controls (bzw. UI-Elemente; in Simplifier werden sie Widgets genannt) verwendet, um die Benutzeroberfl\u00e4che zusammenzustellen. Ein gro\u00dfer Vorteil von UI5 ist, dass <strong>sie mit einer <\/strong>  <\/span><strong><a href=\"https:\/\/ui5.sap.com\/#\/controls\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">gro\u00dfen Vielfalt<\/span><\/a><\/strong><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\"><strong> an Standard-, Layout- und komplexen Controls zur Erstellung deiner Anwendung<\/strong>. <\/span> <\/p>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Heute <\/span><a href=\"https:\/\/openui5.org\/\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">bietet OpenUI5<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\"> mehr als 300 und <\/span><a href=\"https:\/\/ui5.sap.com\/\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">SAPUI5<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\"> f\u00fcgt OpenUI5 mehr als 350 zus\u00e4tzliche UI5-Controls hinzu. <\/span> <\/p>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Erfahre mehr \u00fcber den Unterschied zwischen OpenUI5 und SAPUI5 <\/span><a href=\"https:\/\/openui5.hana.ondemand.com\/#\/topic\/5982a9734748474aa8d4af9c3d8f31c0\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">hier<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">.<\/span><\/p>\n<h3 id=\"UI5FrameworkandUI5WebComponents-WhatisSAPFiori?\"><strong><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Was ist SAP Fiori?<\/span><\/strong><\/h3>\n<p><a href=\"https:\/\/experience.sap.com\/fiori-design-web\/\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">SAP Fiori<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\"> ist die Designsprache, die das Benutzererlebnis von SAP-Unternehmensanwendungen definiert. <\/span> <\/p>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Die SAP Fiori Designphilosophie basiert auf f\u00fcnf Kernprinzipien. Das SAP Fiori Benutzererlebnis ist rollenbasiert, adaptiv, einfach, koh\u00e4rent und begeisternd.  <\/span><\/p>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Das UI5-Framework ist auf die SAP Fiori Designrichtlinien abgestimmt, sodass mit UI5 erstellte Webanwendungen ein konsistentes Benutzererlebnis bieten.<\/span><\/p>\n<h3 id=\"UI5FrameworkandUI5WebComponents-IsUI5self-containedordoesituseopensource?\"><strong><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Ist UI5 eigenst\u00e4ndig oder nutzt es Open Source?<\/span><\/strong><\/h3>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">UI5 verwendet Open-Source-Software. Es gibt eine Reihe von Open-Source-Bibliotheken, die im UI5-Framework enthalten sind.  <\/span><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Das bekannteste Beispiel f\u00fcr die Verwendung von Open Source ist jQuery. <\/span><\/p>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Es werden viele weitere Open-Source-Bibliotheken verwendet, und eine vollst\u00e4ndige Liste dieser Bibliotheken findest du in der <\/span><a href=\"https:\/\/github.com\/SAP\/openui5\/blob\/master\/LICENSE.txt\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">LICENSE.txt<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\"> des OpenUI5-Projekts.<\/span><\/p>\n<h3 id=\"UI5FrameworkandUI5WebComponents-WhatisaUI5control?\"><strong><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Was ist ein UI5-Control?<\/span><\/strong><\/h3>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">Ein <\/span><a href=\"https:\/\/ui5.sap.com\/#\/topic\/8dcab0011d274051808f959800cabf9f\" rel=\"nofollow\" class=\"external-link\"><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">UI5-Control<\/span><\/a><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\"> ist ein UI-Element, das aus seiner API besteht: <\/span> <\/p>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">den Metadaten (wie Eigenschaften, Aggregationen, Ereignisse), dem Verhalten (der internen Ereignisbehandlung), dem Renderer (der Markup-Erstellung) und dem CSS. In Simplifier werden die UI5-Controls Widgets genannt.  <\/span><\/p>\n<p><span class=\"inline-comment-marker valid active\" data-ref=\"986a39b1-e9db-46f8-a23f-6578c9e19c5b\">UI5-Controls sind das eingebaute Angebot des UI5-Frameworks zum Schreiben von UI-Elementen. Eine Besonderheit ist die sofortige Datenbindungsunterst\u00fctzung, die es erm\u00f6glicht, die Controls einfach an Daten aus verschiedenen Modellen zu binden.  <\/span><\/p>\n<p>&nbsp;<\/p>\n<p>Wirf einen Blick auf diesen <a target=\"_blank\" href=\"https:\/\/blogs.sap.com\/2020\/03\/10\/ui5-framework-and-ui5-web-components\/\" rel=\"noopener\">Blogbeitrag<\/a>, um mehr \u00fcber das <strong>UI5-Framework und UI5 Web Components<\/strong> zu erfahren.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UI5 ist ein JavaScript-UI-Framework zum Erstellen von clientseitigen Webanwendungen, die sicher, globalisiert und responsiv sind. Die SAP Fiori Philosophie stimmt mit diesem Framework \u00fcberein, um ein optimales Benutzererlebnis zu gew\u00e4hrleisten. Das Framework verwendet Open-Source-Software wie jQuery und bietet UI5-Controls zum Schreiben von UI-Elementen mit Datenbindungsunterst\u00fctzung.  <\/p>\n","protected":false},"author":3005,"featured_media":0,"parent":50099,"menu_order":0,"template":"","format":"standard","class_list":["post-50787","manual_documentation","type-manual_documentation","status-publish","format-standard","hentry","manualdocumentationcategory-aktueller-release"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>OpenUI5, SAPUI5 und Fiori - Simplifier Makers Club<\/title>\n<meta name=\"description\" content=\"UI5 ist ein JavaScript-UI-Framework zum Erstellen von clientseitigen Webanwendungen, die sicher, globalisiert und responsiv sind. Die SAP Fiori Philosophie stimmt mit diesem Framework \u00fcberein, um ein optimales Benutzererlebnis zu gew\u00e4hrleisten. Das Framework verwendet Open-Source-Software wie jQuery und bietet UI5-Controls zum Schreiben von UI-Elementen mit Datenbindungsunterst\u00fctzung.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OpenUI5, SAPUI5 und Fiori - Simplifier Makers Club\" \/>\n<meta property=\"og:description\" content=\"UI5 ist ein JavaScript-UI-Framework zum Erstellen von clientseitigen Webanwendungen, die sicher, globalisiert und responsiv sind. Die SAP Fiori Philosophie stimmt mit diesem Framework \u00fcberein, um ein optimales Benutzererlebnis zu gew\u00e4hrleisten. Das Framework verwendet Open-Source-Software wie jQuery und bietet UI5-Controls zum Schreiben von UI-Elementen mit Datenbindungsunterst\u00fctzung.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/\" \/>\n<meta property=\"og:site_name\" content=\"Simplifier Makers Club\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/simplifier.io\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-11T08:52:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@simplifier_io\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/entwurf\\\/openui5-sapui5-und-fiori\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/entwurf\\\/openui5-sapui5-und-fiori\\\/\"},\"author\":{\"name\":\"Christian Kleinschroth\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/person\\\/f8c8f6d71ca92598e95bd53c9a6e0fc6\"},\"headline\":\"OpenUI5, SAPUI5 und Fiori\",\"datePublished\":\"2024-07-24T09:55:36+00:00\",\"dateModified\":\"2025-12-11T08:52:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/entwurf\\\/openui5-sapui5-und-fiori\\\/\"},\"wordCount\":348,\"publisher\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\"},\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/entwurf\\\/openui5-sapui5-und-fiori\\\/\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/entwurf\\\/openui5-sapui5-und-fiori\\\/\",\"name\":\"OpenUI5, SAPUI5 und Fiori - Simplifier Makers Club\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#website\"},\"datePublished\":\"2024-07-24T09:55:36+00:00\",\"dateModified\":\"2025-12-11T08:52:59+00:00\",\"description\":\"UI5 ist ein JavaScript-UI-Framework zum Erstellen von clientseitigen Webanwendungen, die sicher, globalisiert und responsiv sind. Die SAP Fiori Philosophie stimmt mit diesem Framework \u00fcberein, um ein optimales Benutzererlebnis zu gew\u00e4hrleisten. Das Framework verwendet Open-Source-Software wie jQuery und bietet UI5-Controls zum Schreiben von UI-Elementen mit Datenbindungsunterst\u00fctzung.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/entwurf\\\/openui5-sapui5-und-fiori\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/entwurf\\\/openui5-sapui5-und-fiori\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/entwurf\\\/openui5-sapui5-und-fiori\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Builder-Leitfaden\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/app-builder-leitfaden\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Design\",\"item\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/doc\\\/entwurf\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"OpenUI5, SAPUI5 und Fiori\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\",\"name\":\"Simplifier Makers Club\",\"description\":\"Where Ideas become Digital Reality - Simplifier Documentation, Knowledgebase, Forum, Courses and Marketplace\",\"publisher\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#organization\",\"name\":\"Simplifier AG\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/simplifier-logo.png\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/simplifier-logo.png\",\"width\":651,\"height\":150,\"caption\":\"Simplifier AG\"},\"image\":{\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/simplifier.io\\\/\",\"https:\\\/\\\/x.com\\\/simplifier_io\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/simplifier-ag\\\/\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/Simplifier\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/de\\\/#\\\/schema\\\/person\\\/f8c8f6d71ca92598e95bd53c9a6e0fc6\",\"name\":\"Christian Kleinschroth\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3005\\\/1713534997-bpfull.png\",\"url\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3005\\\/1713534997-bpfull.png\",\"contentUrl\":\"https:\\\/\\\/community.simplifier.io\\\/wp-content\\\/uploads\\\/avatars\\\/3005\\\/1713534997-bpfull.png\",\"caption\":\"Christian Kleinschroth\"},\"description\":\"Hi, I\u2019m Christian, CTO and Co-Founder of Simplifier. My passion lies in driving technological innovation to empower businesses with our low-code platform. I lead our technical teams to ensure that our solutions are cutting-edge, secure, and scalable, meeting the highest standards of quality and performance. At Simplifier, we are committed to transforming the way you develop applications, making it faster and more efficient to achieve your goals.\",\"sameAs\":[\"https:\\\/\\\/de.linkedin.com\\\/in\\\/christian-kleinschroth-a491a06b\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"OpenUI5, SAPUI5 und Fiori - Simplifier Makers Club","description":"UI5 ist ein JavaScript-UI-Framework zum Erstellen von clientseitigen Webanwendungen, die sicher, globalisiert und responsiv sind. Die SAP Fiori Philosophie stimmt mit diesem Framework \u00fcberein, um ein optimales Benutzererlebnis zu gew\u00e4hrleisten. Das Framework verwendet Open-Source-Software wie jQuery und bietet UI5-Controls zum Schreiben von UI-Elementen mit Datenbindungsunterst\u00fctzung.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/","og_locale":"de_DE","og_type":"article","og_title":"OpenUI5, SAPUI5 und Fiori - Simplifier Makers Club","og_description":"UI5 ist ein JavaScript-UI-Framework zum Erstellen von clientseitigen Webanwendungen, die sicher, globalisiert und responsiv sind. Die SAP Fiori Philosophie stimmt mit diesem Framework \u00fcberein, um ein optimales Benutzererlebnis zu gew\u00e4hrleisten. Das Framework verwendet Open-Source-Software wie jQuery und bietet UI5-Controls zum Schreiben von UI-Elementen mit Datenbindungsunterst\u00fctzung.","og_url":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/","og_site_name":"Simplifier Makers Club","article_publisher":"https:\/\/www.facebook.com\/simplifier.io\/","article_modified_time":"2025-12-11T08:52:59+00:00","twitter_card":"summary_large_image","twitter_site":"@simplifier_io","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/#article","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/"},"author":{"name":"Christian Kleinschroth","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/person\/f8c8f6d71ca92598e95bd53c9a6e0fc6"},"headline":"OpenUI5, SAPUI5 und Fiori","datePublished":"2024-07-24T09:55:36+00:00","dateModified":"2025-12-11T08:52:59+00:00","mainEntityOfPage":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/"},"wordCount":348,"publisher":{"@id":"https:\/\/community.simplifier.io\/de\/#organization"},"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/","url":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/","name":"OpenUI5, SAPUI5 und Fiori - Simplifier Makers Club","isPartOf":{"@id":"https:\/\/community.simplifier.io\/de\/#website"},"datePublished":"2024-07-24T09:55:36+00:00","dateModified":"2025-12-11T08:52:59+00:00","description":"UI5 ist ein JavaScript-UI-Framework zum Erstellen von clientseitigen Webanwendungen, die sicher, globalisiert und responsiv sind. Die SAP Fiori Philosophie stimmt mit diesem Framework \u00fcberein, um ein optimales Benutzererlebnis zu gew\u00e4hrleisten. Das Framework verwendet Open-Source-Software wie jQuery und bietet UI5-Controls zum Schreiben von UI-Elementen mit Datenbindungsunterst\u00fctzung.","breadcrumb":{"@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/entwurf\/openui5-sapui5-und-fiori\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/community.simplifier.io\/de\/"},{"@type":"ListItem","position":2,"name":"Builder-Leitfaden","item":"https:\/\/community.simplifier.io\/de\/doc\/app-builder-leitfaden\/"},{"@type":"ListItem","position":3,"name":"Design","item":"https:\/\/community.simplifier.io\/de\/doc\/entwurf\/"},{"@type":"ListItem","position":4,"name":"OpenUI5, SAPUI5 und Fiori"}]},{"@type":"WebSite","@id":"https:\/\/community.simplifier.io\/de\/#website","url":"https:\/\/community.simplifier.io\/de\/","name":"Simplifier Makers Club","description":"Where Ideas become Digital Reality - Simplifier Documentation, Knowledgebase, Forum, Courses and Marketplace","publisher":{"@id":"https:\/\/community.simplifier.io\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/community.simplifier.io\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/community.simplifier.io\/de\/#organization","name":"Simplifier AG","url":"https:\/\/community.simplifier.io\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/logo\/image\/","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2024\/09\/simplifier-logo.png","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/2024\/09\/simplifier-logo.png","width":651,"height":150,"caption":"Simplifier AG"},"image":{"@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/simplifier.io\/","https:\/\/x.com\/simplifier_io","https:\/\/www.linkedin.com\/company\/simplifier-ag\/","https:\/\/www.youtube.com\/c\/Simplifier\/"]},{"@type":"Person","@id":"https:\/\/community.simplifier.io\/de\/#\/schema\/person\/f8c8f6d71ca92598e95bd53c9a6e0fc6","name":"Christian Kleinschroth","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3005\/1713534997-bpfull.png","url":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3005\/1713534997-bpfull.png","contentUrl":"https:\/\/community.simplifier.io\/wp-content\/uploads\/avatars\/3005\/1713534997-bpfull.png","caption":"Christian Kleinschroth"},"description":"Hi, I\u2019m Christian, CTO and Co-Founder of Simplifier. My passion lies in driving technological innovation to empower businesses with our low-code platform. I lead our technical teams to ensure that our solutions are cutting-edge, secure, and scalable, meeting the highest standards of quality and performance. At Simplifier, we are committed to transforming the way you develop applications, making it faster and more efficient to achieve your goals.","sameAs":["https:\/\/de.linkedin.com\/in\/christian-kleinschroth-a491a06b"]}]}},"_links":{"self":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/50787","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/users\/3005"}],"version-history":[{"count":2,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/50787\/revisions"}],"predecessor-version":[{"id":71476,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/50787\/revisions\/71476"}],"up":[{"embeddable":true,"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/docs\/50099"}],"wp:attachment":[{"href":"https:\/\/community.simplifier.io\/de\/wp-json\/wp\/v2\/media?parent=50787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}