{"id":10092324,"date":"2024-04-18T16:04:48","date_gmt":"2024-04-18T14:04:48","guid":{"rendered":"https:\/\/www.fh-joanneum.at\/?post_type=projects&#038;p=92324"},"modified":"2024-04-23T10:41:17","modified_gmt":"2024-04-23T08:41:17","slug":"ikosa-subscription-management","status":"publish","type":"project","link":"https:\/\/www.fh-joanneum.at\/en\/project\/ikosa-subscription-management\/","title":{"rendered":"IKOSA Subscription Management"},"content":{"rendered":"<div class=\"wp-block-sidebar-layout-container margin-bottom-normal\">\n    <div\n        class=\"container-lg\"\n        style=\"--bs-gutter-x: 0;\"\n    >\n        <div\n            class=\"row\"\n            style=\"--bs-gutter-x: 0;\"\n        >\n            \n<div class=\"col-12 col-md-3 order-1 order-md-0 sidebar\">\n            \n<div\n    id=\"\"\n    class=\"wp-block-institute-card margin-bottom-normal\"\n>\n    <div class=\"container-lg\">\n                                    <div class=\"row justify-content-around\">\n                    <div class=\"col-8 col-sm-6 col-md-12\">\n                        <a\n        class=\"angewandte-informatik institute-card\"\n        href=\"https:\/\/www.fh-joanneum.at\/en\/institute\/ehealth\/\"\n        target=\"_self\"\n    >\n                            <div class=\"major-bg-color\">\n            <div class=\"wrapper\">\n                <div class=\"header\">\n                    <span>Institute<\/span>\n                <\/div>\n                <h4>eHealth<\/h4>\n            <\/div>\n        <\/div>\n            <span><\/span>\n                    <\/a>\n                    <\/div>\n                <\/div>\n                        <\/div>\n<\/div>\n\n<div id=\"\" class=\"wp-block-fact-box margin-bottom-normal\">\n  <div class=\"container-lg\">\n        <div class=\"row justify-content-around\">\n            <div class=\"col-8 col-sm-6 col-md-12\">\n                <div class=\"card border border-light p-3\">\n                    <ul class=\"list-unstyled mb-0\">\n                                              <li\n                          class=\"\"\n                        >\n                          <div class=\"label mb-1\">\n                            Duration\n                          <\/div>\n                          <div class=\"value fw-bold\">10\/2023 &#8211; 02\/2024<\/div>\n                        <\/li>\n                                          <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div\n    id=\"\"\n    class=\"wp-block-text-card card margin-bottom-normal\"\n>\n    <div class=\"container-lg\">\n        <div class=\"row justify-content-around\">\n            <div class=\"col-8 col-sm-6 col-md-12\">\n                <div class=\"border border-light p-3\">\n                    <div class=\"module-migration-sidebar-ueberschrift-text\">\n<h4 class=\"field-migration-ueberschrift\">Project Manager<\/h4>\n<p class=\"field-migration-text\">\n<\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div\n        id=\"\"\n        class=\"wp-block-person-card margin-bottom-normal\"\n    >\n        <div class=\"container-lg\">\n            <div class=\"row justify-content-around\">\n                <div class=\"col-8 col-sm-6 col-md-12\">\n                    <a href=\"https:\/\/www.fh-joanneum.at\/en\/university\/person\/bernhard-neumayer\"\n    class=\"person-card\">\n    <div class=\"border border-light h-100\">\n\n        <div class=\"image-wrapper\">\n            <picture>\n        <img decoding=\"async\"\n        class=\"img-fluid\"\n        src=\"https:\/\/online.fh-joanneum.at\/JOANNEUMonline\/visitenkarte.showImage?pPersonenGruppe=3&amp;pPersonenId=255B840878A38292\"\n        alt=\"\"\n        title=\"\"\n                 onerror=\"this.src = 'https:\/\/www.fh-joanneum.at\/app\/themes\/fh\/public\/images\/avatar_dummy.e5edf9.png'\"     >\n<\/picture>\n\n        <\/div>\n        <div class=\"p-2 p-xl-3\">\n                            <p class=\"mb-1 hyphens\">DI Dr.<\/p>\n                        <h6>Bernhard Neumayer<\/h6>\n                        <p class=\"mb-0 hyphens\">\n              Senior Lecturer (FH)\n            <\/p>\n        <\/div>\n    <\/div>\n<\/a>                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<div\n    id=\"\"\n    class=\"wp-block-text-card card margin-bottom-normal\"\n>\n    <div class=\"container-lg\">\n        <div class=\"row justify-content-around\">\n            <div class=\"col-8 col-sm-6 col-md-12\">\n                <div class=\"border border-light p-3\">\n                    <div class=\"module-migration-sidebar-ueberschrift-text\">\n<h4 class=\"field-migration-ueberschrift\">Project Team<\/h4>\n<p class=\"field-migration-text\">\n<p>Melina Kampitsch, BSc (eHealth)<\/p>\n<p>Anna Kramer, BSc (eHealth)<\/p>\n<p>Verena Pichler, BSc (eHealth)<\/p>\n<\/p>\n<\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"\" class=\"wp-block-partner-card margin-bottom-normal\">\n  <div class=\"container-lg\">\n      <div class=\"row justify-content-around\">\n          <div class=\"col-8 col-sm-6 col-md-12\">\n              <a href=\"https:\/\/www.kmlvision.com\/\">\n                  <div class=\"border border-light\">\n                      <picture>\n                        <source\n                media=\"(max-width: 337px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2023\/05\/fiji-plugin-fuer-ikosa-plattform-3.png, https:\/\/cdn3.fh-joanneum.at\/media\/2023\/05\/fiji-plugin-fuer-ikosa-plattform-3.png 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 337px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2023\/05\/fiji-plugin-fuer-ikosa-plattform-3.png, https:\/\/cdn3.fh-joanneum.at\/media\/2023\/05\/fiji-plugin-fuer-ikosa-plattform-3.png 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 337px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2023\/05\/fiji-plugin-fuer-ikosa-plattform-3.png, https:\/\/cdn3.fh-joanneum.at\/media\/2023\/05\/fiji-plugin-fuer-ikosa-plattform-3.png 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 337px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2023\/05\/fiji-plugin-fuer-ikosa-plattform-3.png, https:\/\/cdn3.fh-joanneum.at\/media\/2023\/05\/fiji-plugin-fuer-ikosa-plattform-3.png 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 337px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2023\/05\/fiji-plugin-fuer-ikosa-plattform-3.png, https:\/\/cdn3.fh-joanneum.at\/media\/2023\/05\/fiji-plugin-fuer-ikosa-plattform-3.png 2x\"\n            \/>\n                <img decoding=\"async\"\n        class=\"img-fluid\"\n        src=\"https:\/\/cdn3.fh-joanneum.at\/media\/2023\/05\/fiji-plugin-fuer-ikosa-plattform-3.png\"\n        alt=\"FIJI-Plugin f\u00fcr IKOSA-Plattform 2\"\n        title=\"\"\n         loading=\"lazy\"             >\n<\/picture>\n\n                      <div class=\"p-3\">\n                          <p>Partner<\/p>\n                          <h4>KML Vision<\/h4>\n                          <p> <\/p>\n                      <\/div>\n                  <\/div>\n              <\/a>\n          <\/div>\n      <\/div>\n  <\/div>\n<\/div>\n\n<div\n    id=\"\"\n    class=\"wp-block-text-card card margin-bottom-normal\"\n>\n    <div class=\"container-lg\">\n        <div class=\"row justify-content-around\">\n            <div class=\"col-8 col-sm-6 col-md-12\">\n                <div class=\"border border-light p-3\">\n                    <div class=\"module-migration-sidebar-ueberschrift-text\">\n<h4 class=\"field-migration-ueberschrift\">Contact<\/h4>\n<p class=\"field-migration-text\">\n<p><a href=\"https:\/\/app.ikosa.ai\/\">app.ikosa.ai<\/a><\/p>\n<p><a href=\"mailto:office@kmlvision.com\">office@kmlvision.com<\/a><\/p>\n<\/p>\n<\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<\/div>\n\n<div class=\"d-none d-md-flex col-md-1 seperator-column\"><\/div>\n<div class=\"col-12 col-md-8 order-0 order-md-1\">\n     \n<div\n    id=\"\"\n    class=\"wp-block-intro-text margin-bottom-normal\"\n>\n    <div class=\"container-lg\">\n        <div class=\"row\">\n            <div class=\"col\">\n                <div class=\"major-text-color fst-italic\"><div class=\"module-migration-intro-text\">\n<p class=\"field-migration-intro_textfield\">\n<p>The business model of the IKOSA platform is based on a subscription model for various services. Users have access to these services via different subscription plans that they can subscribe to. The aim of the project\u00a0was\u00a0to develop an administration interface for the KML sales team to manage users\\&#8217; subscription plans.<\/p>\n<\/p>\n<\/div>\n<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div id=\"\" class=\"wp-block-text-content margin-bottom-normal\">\n    <div class=\"container-lg\">\n        <div class=\"row\">\n            <div class=\"col\">\n                <h4>Research design &amp; methods<\/h4>\n<p>The requirements have been documented in a user story map and sliced into incremental releases using the online whiteboard tool Miro. The workflow has been designed with screen mockups using the online design tool Figma. Based on the requirements and workflows the required REST endpoints have been defined in the existing OpenAPI specification of the IKOSA backend API. Finally, after researching different implementation options, the react-admin Framework has been selected as the best option to implement the subscription management user interface<\/p>\n<h4>Results<\/h4>\n<p>Using the react-admin Framework, a single page application (SPA) was created to manage IKOSA subscriptions and subscription plans for organizations via pre-defined REST endpoints. The application accesses the backend via the previously defined REST endpoints and is secured via the OAuth 2.0 password flow.<\/p>\n\n            <\/div>\n        <\/div>\n            <\/div>\n<\/div>\n\n<div\n    id=\"\"\n    class=\"wp-block-image-slider margin-bottom-normal\"\n>\n    <div class=\"container-lg\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"swiper-outer-wrapper\">\n                    <div class=\"image-header\">\n                        <div class=\"swiper-navigation\">\n                            <div class=\"swiper-button-prev-custom\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\">\n  <path d=\"M8 13L2 7L8 1\" stroke=\"\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n<\/svg>                            <\/div>\n                            <div class=\"swiper-button-next-custom\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\">\n  <path d=\"M1 1L7 7L1 13\" stroke=\"\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n<\/svg>                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"swiper image-slider-swiper\">\n                        <div class=\"swiper-wrapper\">\n                                                                                                <div class=\"swiper-slide item\">\n                                        <picture>\n                        <source\n                media=\"(max-width: 576px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-5.png, https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-5-768x241.png 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 768px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-5-768x241.png, https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-5-1024x321.png 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1024px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-5-1024x321.png, https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-5.png 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1281px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-5.png, https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-5.png 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1281px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-5.png, https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-5.png 2x\"\n            \/>\n                <img decoding=\"async\"\n        class=\"img-fluid\"\n        src=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-5.png\"\n        alt=\"IKOSA Subscription Management 4\"\n        title=\"\"\n         loading=\"lazy\"             >\n<\/picture>\n\n                                                                                    <p class=\"text-muted mt-2\">Overview of all organisations (created in react-admin). \u00a9 FH JOANNEUM \/ eHealth<\/p>\n                                                                            <\/div>\n                                                                    <div class=\"swiper-slide item\">\n                                        <picture>\n                        <source\n                media=\"(max-width: 576px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-3-scaled.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-3-768x499.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 768px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-3-768x499.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-3-1024x665.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1024px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-3-1024x665.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-3-1536x998.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 1536px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-3-1536x998.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-3-2048x1330.jpg 2x\"\n            \/>\n                    <source\n                media=\"(max-width: 2048px)\"\n                srcset=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-3-2048x1330.jpg, https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-3-scaled.jpg 2x\"\n            \/>\n                <img decoding=\"async\"\n        class=\"img-fluid\"\n        src=\"https:\/\/cdn3.fh-joanneum.at\/media\/2024\/04\/ikosa-subscription-management-3-scaled.jpg\"\n        alt=\"IKOSA Subscription Management 2\"\n        title=\"\"\n         loading=\"lazy\"             >\n<\/picture>\n\n                                                                                    <p class=\"text-muted mt-2\">Project team (from left to right: Verena Pichler, Anna Kramer, Melina Kampitsch) during the poster-walk. \u00a9 FH JOANNEUM \/ eHealth<\/p>\n                                                                            <\/div>\n                                                                                    <\/div>\n                    <\/div>\n\n                    <div class=\"swiper-navigation-pagination\">\n                        <div class=\"swiper-button-prev-custom\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\">\n  <path d=\"M8 13L2 7L8 1\" stroke=\"\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n<\/svg>                        <\/div>\n                        <div class=\"swiper-pagination\"><\/div>\n                        <div class=\"swiper-button-next-custom\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"9\" height=\"14\" viewBox=\"0 0 9 14\" fill=\"none\">\n  <path d=\"M1 1L7 7L1 13\" stroke=\"\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n<\/svg>                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<\/div>\n\n\n        <\/div>\n    <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>The aim of the project\u00a0was\u00a0the development of a subscription management interface for the IKOSA platform of KML Vision.<\/p>\n","protected":false},"author":37,"featured_media":10092558,"template":"","meta":{"_acf_changed":false,"footnotes":""},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/project\/10092324"}],"collection":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/users\/37"}],"version-history":[{"count":0,"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/project\/10092324\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/media\/10092558"}],"wp:attachment":[{"href":"https:\/\/www.fh-joanneum.at\/en\/wp-json\/wp\/v2\/media?parent=10092324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}