1 Semantic reusable web components: A use case in e-government interoperability Slavko Žitnik 1, Karmen Kern Pipan2, Miha Jesenko2, Dejan Lavbic 1 1 Univerza v Ljubljani, Vecna pot 113, Sl-1000 Ljubljana 2 Ministrstvo Republike Slovenije za javno upravo, Direktorat za informatiko, Tržaška cesta 21, Sl-1000 Ljubljana slavko.zitnik@fri.uni-lj.si, karmen. kern-pipan@gov.si, miha.jesenko@gov.si, de1an. lavbic@fri .uni-lj .si Abstract Advancements in technology and software engineering strive to efficiently build robust technologies and deliver them as fast as possible. It has been shown that both could be achieved by reusing existing implementations, libraries, components, and even fra­meworks. In the field of public administration, which needs to follow and implement national and EU regulations, it is essential to not only have compatible semantic data structures and processes but also to enable cross-sector and cross-border integrations. In this paper, we present the Oigital Europe for Ali project, more specifically, a use case of a reusable prototype -a web component based on semantic data representation. We show that the component can be easily integrated into an arbitrary website and supports ar­bitrary evidence types, represented using the project's ontologies. Reusing such components enables !aster creation of interoperable digital public services and opens new opportunities, better mobility, !aster processes, and reduced implementation costs. Keywords: Reusable components, building blocks, digital public services, reusability, software engineering, semantics Ponovno uporabljive semanticne spletne komponente: Primer uporabe za interoperabilnost digitalnih javnih storitev Izvlecek Napredek v tehnologiji in programskem inženirstvu si prizadeva graditi uci nkovit e in robustne tehnike, ki bi se jih dostavljalo cimprej. Dokazano je bilo, da je to možno doseci s ponovno uporabo obstojecih implementacij, knjižnic, komponent ali celo ogrodij. Na podro­c ju javne uprave, ki mora slediti in implementirati nacionalne in evropske predpise, je poleg združljivosti na podatkovnem nivoju in procesov pomembno zagotoviti cezsektorsko in cezmejno integracijo. V tem prispevku predstavljamo projekt "Oigital Europe for Ali," bolj natancno primer uporabe ponovno uporabljive spletne komponente, ki temelji na semanticni predstavitvi podatkov. Prikažemo, da je komponento možno enostavno vgraditi v poljubno spletišce in podpreti poljubne tipe dokazil, ki so predstavljena s pomocjo projektne ontologije. Ponovna uporabljivost takšnih komponent bo hitreje zagotovila interoperabilne digitalne javne storitve in bo odprla nove priložnosti, boljšo mobilnost, hitrejše procese ter bo zmanjšala stroške implementacij. Kljucne besede: ponovno uporabljive komponente, gradniki, digitalne javne storitve, ponovna uporabljivost, programsko inženirstvo, semantika. INTRODUCTION Nowadays, we use many software systems based on large frameworks used by developers to build uni­fying archi.tectures and easy-to-use graphical inter­faces for the end users. U sers leverage such software systems to support their business processes, and du­ ring that, they work on similar acti.vities -e.g., ente­ring data for multi.ple employees, showing diverse tables or updati.ng data. Building blocJ..s that enable business processes, for example, to enter the address of an employee or a company, should behave similar­ly. For software developers to achieve that, they need to define conunon c1iteria for their software system to unify them and the users. Building blocks are so-cal­led components, defined as follows: "An individual softvvare component is a software package, a web service, a web resource, or a n1odule that encapsula­tes a set of related functions ( or . In Figure 5, we show the MOR component dia­gram. The blue denotes MOR implementation, while the red represents the external system (i.e., a specific Web page) where the MOR component could be in­tegrated. MOR component requires a definition of a few parameters to be placed within the target Web page. Results of the component are returned into a JavaScript variable within the embedded Web page (as parameterized during placement). Below, we describe the configuration and running of explicit request and evidence preview functionalities. When the page with the embedded MOR compo­nent is open, the MOR API is called to retrieve the MOR JSON in the given language. Figure 6 shows a default MOR GUI for the explicit request functio­nality (with the default language set in Slovene). It allows for changing the default language and provi­sioning of the needed evidence. For each evidence it provides for: • Review of the schema and data fields that consti­h1te evidence. The review is available in multiple languages and provides a list of all labels and de­scriptions of the fields (see Figure 7). • Providing the evidence to the DE. The user can upload each evidence if he owns a relevant and verifiable digital document accepted by the DE (e.g., XML, PDF). The DE can automatically retri­eve evidence if the user selects the country that takes the role of a DP. The evidence retrieval pro­cess follows the predefined exchange patterns (described in the previous section). The selection made by the user per canonical evi­dence type is rehrrned by filling in the JavaScript Map variable specified. The keys in the map variable III Sloven šcina (si) • Izberi O državo ponudnika ali O naloži dokazilo ~ • --•• WMMI !: Španija (ES) • O Izberi pošiljatelja Izberi O državo ponudnika ali O naloži dokazilo 4$.j..,J.j.@j • •• 11 1 11•• Izberi državo• = Avstrija (AT) 11 Belgija (BE) • Bolgarija (BG) :Z: Hrvaška (HR) ~ Ciper (CV) llii. Ceška (CZ) Figure 6: Delault MOR component GUI lor the explicit request lunctionality, Visualizar Evidencia de nascimento esquema dentro a portugues (pt) y com 0 descric;:oes Evid8ncia de nascimento t-Documento oficial ou dados provando o nascimento de uma crian<;a. ldentificador <-Uma refer~ncia inequ/voca as evid~ncias de nascimento. Contelldo <-Conteudo -String Alfa-numerica Tipo de identificador +-O tipo de identificador emitido (se a autoridade emitir mais de um tipo de identificador). Data de em issao t-A data em que foi emWda Autoridade emissora t-O nome da agenda emissora 1D da autoridade emissora t-O ID da agenda emissora Data de emissao +-A data mais recente em que a instancia da evidencia de nascimento foi emitida. Autoridade emissora +-Uma entidade pUblica com autoridade oficial encarregada de cmitir a evidencia de nasdmento. ldentificador +. Muitas org::mizat;0cs s5o rcferid:Js por um Dcr0nimo ou algum outro idcntificador. Por exemplo, entro as instituir;0es da UE, o BCE 6 o identificador do Banco Central Europeu, o OLAF do Organismo Europeu AntiN/AFraud e assim por diante. Estes sao formalmente reconhecidos pela Comissao Europeia, que fornece uma lista dessas siglas. Listas anfllogas devem ser usadas em outros contextos. Contelldo <-Conteudo -String Alfa-numerica Tipo de identificador <-O tipo de identificador emitido /se a autoridade emitir mais de um tipo de identificador). Data de emissiio <-A data em que toi emitida Autoridade emissora E--o nome da agencia emissora Figure 7: Selected evidence type preuiew within a default MOR GUI. are the needed evidence type names. Each entry con­sists of one from two possible values depending on the user choice, that is, (a) the selected provider co­unh·y or (b) the ASCII representation of the uploaded file, which can be either an ASCII file such as an XML file or a binary file such as a PDF. Evidence Preview After issuing the requested canonical evidence, the MOR component GUI for the evidence preview is opened by a Web page at the DE or the DO side, depending on the type of the exchange pattem ( de­scribed in the previous section). When the page with the embedded MOR compo­nent is open, the MOR API is called to retrieve the MOR JSON in the given language (if not already ca­ched by the browser). Figure 8 shows a default MOR GUI for the evidence preview functionality. The parameters for embedding the preview part of the component include (a) the default component lan­guage, (b) a JSON array that contains JSON objects of specific evidence (key is the evidence type name and value is its representation), and (c) a JavaScript Map variable to fill by the MOR component with the result of the evidence preview. For instance: ai't English (en) y ioj:@j§,1:HI O include or I exclude ~ Mamage evidence -.J lnclude or O exclude IMHIH The component allows for reviewing the retrie­ved evidence types from the DO. If the evidence is not provided in machine-readable XML fom1at fol­lowing semantic schemas, the evidence is available asa binary file (e.g., PDF, image). l11e preview of evi­dence is like the explicit request part (Figure 7) with the addition of actual values for the user's evidence. Users can exclude the evidence at tlus step, and wi­thin the process, the system will ask them again to provide the needed canorucal evidence (i.e., explicit request part). The selection made by the user per canorucal evidence type is rehrrned by filling the defined Ja­vaScript Map variable. TI1e key to each entry is an evidence type name, wlule the value is of Boolean type, depending on the user's cl1oice to include the evidence within the service. 3.4 Reusability evaluation The MOR component building blocks (i.e., explicit request and evidence preview) have the advantage of being reusable and generic for any complex tem1 and language, so parties in the evidence exchange do not Figure 8: Oefault MOR component GUI for the evidence preview functionality, need to develop their equivalent components, and any modification in MOR is automatically available thro­ugh the MOR building blocks. For the best integration from the user experience perspective, CSSs are used. More specifically, we define the following aspects of adapting the component and its reusability: • Configuration and integration: The component is packaged as a self-contained HTML DOM object with JavaScript functionality. It can be included on any modem Web page. TI1e parameters for the component are set at its placement into an HTML DOM by providing values for its attributes. TI1e results of the component are outputted to a selec­ted JavaScript variable. • Support of additional evidence types: TI1e com­ponent can support an arbitrary evidence type and an arbitrary number. Tilis is enabled using se­mantic schemas and MOR terms JSON provided by the DE4A services. If the services update JSON responses, the MOR component wi.11 automatical­ly consider them and adapt the preview. • Multilanguage support: Multiple languages su­pport is enabled by MOR terms JSON files that are offered by the DE4A services. This JSON also includes translations for MOR component-related translations (e.g., names of buttons) wllich start with the root MOR term "GUI." For example, a ~ '"" c~•J. ~ ~: E " Pladenj Preview Preview tut('•§f>uMk"..,1i.-.r,, .,,.,.,f>.., ,-,1f<,:,;;,-,,u,-,,r,i,11i.,-,,1 ty,l.!:M1lr,,'S',ff HOLDER Of ACJRVa1ENT label of a proceed button in a selected language is available in the "GUI/proceed" field. • Visual integration: One of the essential require­ments was to support fully custonlizable visual integration of the component. There can be many DEs or DPs from different countries, and they al­ready have their Web sites supporting digital pu­blic services. Therefore, the need is that the MOR component can be adapted for each one of those portals. h1 that sense, ali the HTML DOM com­ponents in MOR have an associated id, based on whlch visual characteristics can be defined via the MOR CSS during the integration. Furthermore, we would like to mention the Slove­ nian national "Once-Only" platform "Tray", whlch operates asa decentralized data exchange system su­pporting the implementation of the Government to Citizens (G2C), Government to Businesses (G2B) and Government to Government (G2G) e-procedures. TI1e system can also obtain data from many sources through a single-entry point, exchanging a mitlimum data set. TI1e central system, "The tray", takes care of optimal data load from ali the data sources with the help of the control and forecastit1g system based on continuous machine learnit1g. Based on thls tech­nology, a prototype for Slovenian evidence preview An.l.'1.l.NII "' ""T""'ocr,:-:;::, At;,~~"'rr r .... l),,n, ~ Figure 9: Evidence preview example by the Slovenian implementation of a pilot supporting digital puhlic services related to "Studying abroad"-Pladenj CTrayl Preuiew. has been developed in the DE4A project as one of the possible solutions. Figure 9 shows an example of evi­dence preview by the Slovenian implementation of a pilot supporting digital public services related to "Sh1dying abroad" (using Tray for data exchange). MOR component can be adapted to allow the same look and feel (in comparison to the default MOR evi­dence type preview setting, shown in Figure 7). MOR component m:ight therefore be used by coun­tries that do not yet implement such flmctionalities. Wi­th:in the DE4A project, these countries might be Spain, Portugal or Romania, which take part in the pilots. 4 CONCLUSIDNS In this paper, we presented the main characteristics of the DE4A project aiming to support the delivery of cross-border digital public services. We showed the evolution of the development of reusable prototype components in software engineering and how it evol­ved for the needs of public administration systems ba­sed on OOTS princi.ples. We b1ieily reviewed progress in cross-border and cross-sector public admin:istrati­on interoperability. We focused on specifics of D:igital Europe for ali projects, especialiy those related to the use case of a reusable prototype component. In more detail, we presented a use case for building a semantic and Web-based reusable prototype component. The pilot component Multilingual Ontology Repository is a deliverable of the Digital Europe for ali project. We evaluated and showed how the component offers adaptability to any Website and is configurable to su­pport fuhue semantic models. We believe that using such prototypes and buil­ding blocks could support the EU Member States' pu­blic adrn:inistrations' interoperability and would open new opporhm:ities to support mobility, fasten proces­ses and be very cost-effective. Also, innovative tech­nologies will be able to serve with transfonnative im ­pact, for example, blockchain (for effective notariza­tion, fostering accotmtability and transparency in the distributed transactional environrnent) and rnachine learning ( o ver usage data to automate mon:itoring and irnprove effectiveness/quality of eProcedures). 5 ACKNDWLEDGEMENTS The research and development reported in this paper have received ftmding from the Etuopean Union's Horizon 2020 Research and Innovation Prograrnme under grant agreement no. 87035 (DE4A: Digital Eu­rope for Ali). We would like to thank the rnernbers of the DE4A WP3 group, especialiy the WP leader, Thashmee Karunaratne, and Ana Rosa Guzrnan. We would also like to give credit to the authors of the DE4A deliverable D2.1, from where we used Figure 2 (ATOS is the leading partner of the DE4A project). 6 LITERATURE (1) Sametinger, J. (1997). Software engineering with reusable components. Springer Science & Business Media. (2) Kozaczynski, W., & Booch, G. (1998). Component-based software engineering. IEEE Software, 15(5), 34-36. doi:https:// doi.org/10.1109/MS.1998. 714621. (3) Mcllroy, M. D., Buxton, J., Naur, P., & Randell, B. (1968, Oc­tober). Mass-produced software components. In Proceedin­gs of the 1 st intemationa/ conference on sottware engineering, Garmisch Pattenkirchen, Germany (pp. 88-98). (4) Wallace, B. (201 O). A hole for every component, and every component in its hole. Existential Programming. (5) Gackenheimer, C., & Paul, A. (2015). lntroduction to React (Vol. 52). Apress. (6) Narducci, F., Palmonari, M., & Semeraro, G. (2013). Cross­-language semantic matching for discovering links to e-gov services in the lod cloud. KNOW@ LOD, 992, 21 -32. (7) GovStack (2021). Accelerating the digital transformation of govemment services. https://www.govstack.global. (Acces­sed: July 13, 2022). (8) Castano, S., Antonellis, V. D., & Pernici, B. (1995, August). Building reusable components in the public administration domain. In Proceedings of the 1995 Symposium on Software reusability (pp. 81-87). (9) Peristeras, V., Tarabanis, K., & Goudos, S. K. (2009). Model­-driven eGovernment interoperability: A review of the state of the art. Computer Standards & lnterfaces, 31(4), 613-628. (1 OJ Peristeras, V., Loutas, N., & Tarabanis, K. (2008, March). Or­ganizational engineering in public administration: the state of the art on eGovernment domain modeling. In Proceedings of the 2008 ACM symposium on Applied computing (pp. 580­587). (11) Digital Europe for AII, https://www.de4a.eu/ (Accessed: July 21, 2022) Slavko Žitnik is an assistant professor at the Faculty of Computer and lnformation Science, University of Ljubljana. His main research interests are semantic Web and natural language processing, specifically text mining, information retrieval and information extraction. He is in active collaboration with the industry on his research topics and has active collaborations with Harvard University, University of South Florida, and University of Belgrade. Karmen Kern Pipan is the Head of Data Governance Department, Dffice for Development of Digital Solutions, lnformation Technology Directorate at the Ministry of Public Administration of Republic Slovenia. She is involved in data management, business intelligence, big data analytics, semantics and interoperability solutions to improve data-dr iven decision-making and user experience in public administration. She led an inter­-ministerial task force to prepare the Public Administration Development Strategy 2015-2020. Miha Jesenko has a legal-based background with Degree in Law, upgraded by Masters in lnformation Technology and Law. He works in Data Govemance Department, Office far Development of Digital Solutions, lnformation Technology Directorate at the Ministry of Public Administration of Republic Slovenia. His main areas of work relate to data governance and interoperability, especially semantic interoperability through work on ontologies, controlled vocabularies, and reference data. An important part of his work is cooperation in efforts to introduce new technologies used by public administration. Dejan lavbic is an associate professor at the Faculty of Computer and lnformation Science, University of Ljubljana. His research areas include lnformation Quality, Semantic Web and Web3, distr ibuted ledger technologies and self-sovereign identity. He collaborated in numerous EU and national-funded projects and has a long track of collaborations with the industry