{"id":8294,"date":"2023-10-24T15:58:35","date_gmt":"2023-10-24T13:58:35","guid":{"rendered":"https:\/\/www.js-soft.com\/sap-development\/self-sercice-per-app\/"},"modified":"2025-08-15T15:02:23","modified_gmt":"2025-08-15T13:02:23","slug":"self-service-via-app","status":"publish","type":"page","link":"https:\/\/www.js-soft.com\/en\/sap\/self-service-via-app\/","title":{"rendered":"Self-Service via App"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8294\" class=\"elementor elementor-8294 elementor-5403\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63eafdd e-flex e-con-boxed e-con e-parent\" data-id=\"63eafdd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2934808 e-con-full e-flex e-con e-child\" data-id=\"2934808\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b26047f elementor-widget elementor-widget-heading\" data-id=\"b26047f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Case Study<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-820bc83 elementor-widget elementor-widget-heading\" data-id=\"820bc83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Self-Service via the new App Suite<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09be867 elementor-widget elementor-widget-heading\" data-id=\"09be867\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Classic SAP backend and modern UI5 frontend in harmony: making HR key figures centrally accessible in a role-based manner from both ESS and MSS perspectives.<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-00e4a89 e-con-full e-flex e-con e-child\" data-id=\"00e4a89\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ea9aee elementor-widget elementor-widget-heading\" data-id=\"3ea9aee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Initial Situation<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69d10ca elementor-widget elementor-widget-text-editor\" data-id=\"69d10ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"--tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; letter-spacing: normal;\">At a globally operating company, over 12,000 employees were already maintaining certain data via their Employee Self-Service (ESS) area. To increase acceptance, a modern app suite with a contemporary UX was to replace the previous solution.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a91fb9f elementor-widget elementor-widget-heading\" data-id=\"a91fb9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Requirements<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fef9007 elementor-widget elementor-widget-text-editor\" data-id=\"fef9007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"--tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;\">The company required a pioneering app suite to provide employees with access to the most commonly used HR key figures from both the ESS (Employee) and MSS (Manager) perspectives in a single application. A modern solution with a UI5-based interface and a corresponding backend was to be implemented.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-464ec42 elementor-widget elementor-widget-heading\" data-id=\"464ec42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Solution<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dafc06c elementor-widget elementor-widget-text-editor\" data-id=\"dafc06c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To consolidate the various standalone applications into a user-friendly format, custom UI5 applications with a shared start page and scalable architecture were designed and implemented.<\/p><p><span style=\"letter-spacing: -0.01em;\">An architecture tailored to the company&#8217;s existing systems was developed to make the required information more accessible through meaningful restructuring and clear visualisation.<\/span><\/p><p><span style=\"letter-spacing: -0.01em;\">A key technical challenge was unifying the frontend and backend architecture via an OData service architecture to maximise scalability. A multi-component architecture within a monorepository was chosen for the UI5 frontend.<\/span><\/p><p><span style=\"letter-spacing: -0.01em;\">All components are dynamically loaded at runtime as needed and support deep linking. A shared library, consisting of custom controls, reusable components, and core functionalities, is used by all application components. To keep delivery cycles as short as possible, an automated build and deployment pipeline was implemented based on the Bitbucket infrastructure.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec46e6e elementor-widget elementor-widget-heading\" data-id=\"ec46e6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Benefits for the Company<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c74343e elementor-widget elementor-widget-text-editor\" data-id=\"c74343e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>User-friendly: Improved user experience leads to more frequent usage, helping to achieve business objectives.<\/li><li>Future-proof: New functionalities can be seamlessly integrated into the app suite.<\/li><li>Transparent: All authorised information can be accessed centrally and securely.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-756a247 e-flex e-con-boxed e-con e-parent\" data-id=\"756a247\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67b9d2d elementor-widget elementor-widget-shortcode\" data-id=\"67b9d2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"10433\" class=\"elementor elementor-10433 elementor-9081 elementor-9081\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20da55e1 e-flex e-con-boxed e-con e-parent\" data-id=\"20da55e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-54831fec e-con-full e-flex e-con e-child\" data-id=\"54831fec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e62d2d7 elementor-widget-mobile__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-image\" data-id=\"3e62d2d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/www.js-soft.com\/wp-content\/uploads\/2025\/11\/EstelleHounsa-300x300.jpg\" class=\"attachment-medium size-medium wp-image-13943\" alt=\"Estelle Hounsa, Sales Managerin bei js-soft\" srcset=\"https:\/\/www.js-soft.com\/wp-content\/uploads\/2025\/11\/EstelleHounsa-300x300.jpg 300w, https:\/\/www.js-soft.com\/wp-content\/uploads\/2025\/11\/EstelleHounsa-150x150.jpg 150w, https:\/\/www.js-soft.com\/wp-content\/uploads\/2025\/11\/EstelleHounsa-768x768.jpg 768w, https:\/\/www.js-soft.com\/wp-content\/uploads\/2025\/11\/EstelleHounsa.jpg 776w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c993f43 e-con-full e-flex e-con e-child\" data-id=\"3c993f43\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2c92fe5a e-con-full e-flex e-con e-child\" data-id=\"2c92fe5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2da3f5a6 elementor-widget elementor-widget-heading\" data-id=\"2da3f5a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">We listen, we understand, and we execute<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e80a7b0 banner-name elementor-widget elementor-widget-text-editor\" data-id=\"e80a7b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Let\u2019s discuss your requirements \u2013 together, we\u2019ll find the best solution for your business. Looking forward to <em data-start=\"71\" data-end=\"75\">to<\/em> hearing from you, either by phone at <a href=\"tel:+4916092323183\">+49 160 92323183<\/a> or via email. <b>Estelle Hounsa, Sales Managerin js-soft<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-52ca4cbb e-con-full e-flex e-con e-child\" data-id=\"52ca4cbb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d700d36 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"2d700d36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"mailto:sales@js-soft.com\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Email me<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Case Study Self-Service via the new App Suite Classic SAP backend and modern UI5 frontend in harmony: making HR key figures centrally accessible in a role-based manner from both ESS and MSS perspectives. Initial Situation At a globally operating company, over 12,000 employees were already maintaining certain data via their Employee Self-Service (ESS) area. To [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":11685,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8294","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Self-Service via App - j&amp;s-soft<\/title>\n<meta name=\"description\" content=\"SAP backend and UI5 frontend in harmony: making HR key figures centrally accessible in a role-based manner from both ESS and MSS perspectives.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.js-soft.com\/en\/sap\/self-service-via-app\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Self-Service via App - j&amp;s-soft\" \/>\n<meta property=\"og:description\" content=\"SAP backend and UI5 frontend in harmony: making HR key figures centrally accessible in a role-based manner from both ESS and MSS perspectives.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.js-soft.com\/en\/sap\/self-service-via-app\/\" \/>\n<meta property=\"og:site_name\" content=\"j&amp;s-soft\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-15T13:02:23+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Self-Service via App - j&amp;s-soft","description":"SAP backend and UI5 frontend in harmony: making HR key figures centrally accessible in a role-based manner from both ESS and MSS perspectives.","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:\/\/www.js-soft.com\/en\/sap\/self-service-via-app\/","og_locale":"en_US","og_type":"article","og_title":"Self-Service via App - j&amp;s-soft","og_description":"SAP backend and UI5 frontend in harmony: making HR key figures centrally accessible in a role-based manner from both ESS and MSS perspectives.","og_url":"https:\/\/www.js-soft.com\/en\/sap\/self-service-via-app\/","og_site_name":"j&amp;s-soft","article_modified_time":"2025-08-15T13:02:23+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.js-soft.com\/en\/sap\/self-service-via-app\/","url":"https:\/\/www.js-soft.com\/en\/sap\/self-service-via-app\/","name":"Self-Service via App - j&amp;s-soft","isPartOf":{"@id":"https:\/\/www.js-soft.com\/en\/#website"},"datePublished":"2023-10-24T13:58:35+00:00","dateModified":"2025-08-15T13:02:23+00:00","description":"SAP backend and UI5 frontend in harmony: making HR key figures centrally accessible in a role-based manner from both ESS and MSS perspectives.","breadcrumb":{"@id":"https:\/\/www.js-soft.com\/en\/sap\/self-service-via-app\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.js-soft.com\/en\/sap\/self-service-via-app\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.js-soft.com\/en\/sap\/self-service-via-app\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Start","item":"https:\/\/www.js-soft.com\/en\/"},{"@type":"ListItem","position":2,"name":"SAP","item":"https:\/\/www.js-soft.com\/en\/sap\/"},{"@type":"ListItem","position":3,"name":"Self-Service via App"}]},{"@type":"WebSite","@id":"https:\/\/www.js-soft.com\/en\/#website","url":"https:\/\/www.js-soft.com\/en\/","name":"j&amp;s-soft","description":"IT-Unternehmensberatung f\u00fcr SAP","publisher":{"@id":"https:\/\/www.js-soft.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.js-soft.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.js-soft.com\/en\/#organization","name":"j&amp;s-soft","url":"https:\/\/www.js-soft.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.js-soft.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.js-soft.com\/wp-content\/uploads\/2022\/03\/Logo-js-soft.png","contentUrl":"https:\/\/www.js-soft.com\/wp-content\/uploads\/2022\/03\/Logo-js-soft.png","width":2560,"height":544,"caption":"j&amp;s-soft"},"image":{"@id":"https:\/\/www.js-soft.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.js-soft.com\/en\/wp-json\/wp\/v2\/pages\/8294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.js-soft.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.js-soft.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.js-soft.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.js-soft.com\/en\/wp-json\/wp\/v2\/comments?post=8294"}],"version-history":[{"count":10,"href":"https:\/\/www.js-soft.com\/en\/wp-json\/wp\/v2\/pages\/8294\/revisions"}],"predecessor-version":[{"id":11036,"href":"https:\/\/www.js-soft.com\/en\/wp-json\/wp\/v2\/pages\/8294\/revisions\/11036"}],"up":[{"embeddable":true,"href":"https:\/\/www.js-soft.com\/en\/wp-json\/wp\/v2\/pages\/11685"}],"wp:attachment":[{"href":"https:\/\/www.js-soft.com\/en\/wp-json\/wp\/v2\/media?parent=8294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}