Page History

CSS Stylesheet

/*-------------------------------------------------------*/
/*---OOH COMMON AND SUPPORTTINGSUPPORTING SERVICES - 1711-1101-20222024---*/
/*-----------------------------------------------------*/
.hack-remove-p > p:first-child, 
.hack-remove-p > p:last-child { display:none; border:1px solid red;}

@media screen and (max-width: 769px) {
  .img-mobile { width: 180px;}
  .remove-on-mobile { display:none !important;}
}  #main-content { overflow: hidden;}

/*---INTRODUCTION---*/
#introduction h1 { margin-bottom:2.5rem;}
#introduction p { margin-bottom:0;}
#introduction img { width: 100%; max-width: 225px; height: auto;}

@media screen and (maxmin-width: 1200px769px) {
  .not-d-block-mobile  { display:inline !important #introduction img { max-width: 320px;}
}
  
/*---INTRODUCTION---*/
/*HACK INTRODUCTION ILLU SIZEhack - remove empty p from confluence*/
#introduction { padding-top:3rem; padding-bottom:3rem;}  
#introduction h1 { margin-bottom:2.5rem;}
#introduction p { margin-bottom:0;}
/*hack - remove empty p from confluence*/
#introduction p:first-child ,#introduction p:last-child { display:p:first-child ,#introduction p:last-child { display:none; border:1px solid red;}

/*---COMMON SERVICES---*/
#services#common-services { background: #00284A;}
#services h2, #services h3, #services p { color: white;}
#services .card-grid { padding: 0; background: transparent;}
#services .col-separator-before:before, 
#services .col-separator-after:after { border-left:1px solid rgba(255, 255, 255, 0.12);}  
#services .opacity-75 { opacity: 0.75;}
#services .opacity-50 { opacity: 0.50;}
#services .badge { margin-bottom:0.5rem; color: #995E00; background: #FFEECC;}
/*HACK remove empty p from Confluence*/
#services .col-4 > p:first-child { border:1px solid green; display: none;}

@media screen and (min-width: 769px) {
  #services { padding-bottom:6rem;}
  #services .card-grid-body p:last-child { margin-bottom:0;}
}

/*---SUPPORTING SERVICES---*/
#supporting-services {
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-illu-sigle-supporting-services.svg");
background-position: bottom right;
background-repeat: no-repeat;
}
#supporting-services .cols:last-child { margin-top:-3rem;}
#supportingrgb(243,244,247);
background: linear-gradient(180deg, rgba(243,244,247,1) 65%, rgba(251,252,255,1) 65%, rgba(251,252,255,1) 100%);}
#common-services h2 { margin-bottom:2.5rem;}

.common-services-card { display: flex; flex-direction: column; gap: 24px; padding: 32px 40px 40px;}
.common-services-card-bg { position: absolute; top: 0; right: 0; width: 100%; }
.common-services-card .card-grid-custom-illu { display: flex; width: 100%; justify-content: end; align-items: center; min-height: 128px;}
.common-services-card .card-grid-custom-illu img { position: relative; top: -21px; width: 100%; max-width: 120px; height: auto;}
.common-services-card .card-grid-custom-content { display: flex; flex-direction: column; justify-content: space-between;  height: 100%; position: relative;}
.common-services-card h3 { margin-bottom: 12px;}

/*hack - remove empty p from confluence*/
.common-services-cards .col-4 > p:first-child, .common-services-cards .col-4 > p:last-child  { border:1px solid red; display: none;}

/*---TESTING SERVICES---*/
#testing-services h2 { margin-bottom:2.5rem;}
#supporting#testing-services hr.col-7 { marginposition:2rem 0 3rem 0relative; borderz-index:none; border-top:1px solid #E3E6EB; height: 1px;}

@media screen and (min-width: 769px) {
  .supporting-services-container { display: flex; justify-content: space-between;}
  .supporting-services-container p:first-child { width: 70%;}
  .supporting-services-container p:last-child { width: 30%; text-align: right;}
  .supporting-services-container .btn { margin-left:1rem;}
}

/*---SERVICE DESK---*/
#service-desk 2;}
#testing-services .col-4 { position: relative;}
#testing-services .col-4 p { margin-bottom:0;}
#testing-services .bg { z-index: 1; position: absolute; top:-50px; left: 30px;}
#testing-services .illu { z-index: 2; position: relative; width: 100%; max-width: 200px; height: auto;}

@media screen and (max-width: 768px) {
  #testing-services .col-7 { margin-top: -2.5rem;}
}
  
@media screen and (min-width: 769px) {
  #testing-services { padding-top: 0;}
#service  #testing-deskservices .servicecol-desk-cta4 { margin-toporder: 2.5rem; margin-bottom:0;}

;}
  #testing-services .col-7 { order: 1;}
  #testing-services .illu { max-width: 270px;}
}

/*---DOCUMENTSSUPPORTING SERVICES---*/
#documents#supporting-services h2 { paddingmargin-topbottom:02.5rem;}

#documents#supporting-services p.leadsupporting-services-cta { margin-bottom: 2.5rem0;}  

/*HACK TO REMOVE EMPTY P FROM CONFLUENCE*/
#documents .container .cols:first-child p:first-child  { display: none; border:1px solid red;}  
#documents .cols:nth-child(2) {margin-top:-2rem;}
#documents .card-grid { text-align: center;}
#documents .card-grid-body p { font-family: Source Sans Pro SB; color: #001832;}
#documents .card-grid-body p img { margin:0 auto 0.5rem auto; display: block;}


/*Remove empty p of Confluence*/
#documents .col-4 > p:first-child, #documents .col-4 > p:last-child { display: none; border:1px solid red;}

Div

id	introduction
class	section

Div

class	container

Div

class	cols justify-content-between align-items-center

Div

class	col-7

Html-bobswift

<h1><span class="heading-subtitle">Services</span>Common and Supporting<br> services</h1>
<p class="lead">To provide comprehensive support and proper exchange of evidence between Data Services and Online Procedure Portals, the Once-Only Technical System uses Once-Only common services and additional supporting services.</p>

Div

class	col-4

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-introduction.png
alt	illustration Once Only Technical System (OOTS)
class	img-fluid img-mobile


#supporting-services .col-6 { position: relative; z-index: 2;}
#supporting-services .col-4 { position: relative;}
#supporting-services .col-4 p { margin-bottom:0;}
#supporting-services .bg { z-index: 1; position: absolute; top:0; right: 120px;} 
#supporting-services .illu { z-index: 2; position: relative; width: 100%; max-width: 200px; height: auto;}

@media screen and (max-width: 768px) {
  #supporting-services .col-6 { margin-top: -2.5rem;}
}

@media screen and (min-width: 769px) {
  #supporting-services .bg { z-index: 1; position: absolute; top:10px; right: 60px;}
  #supporting-services .illu { max-width: 270px;}
}

/*---DOCUMENTS---*/
#documents { z-index: 2; position:relative; padding-bottom:0;}
#documents h2, #documents p.lead { margin-bottom: 2.5rem;}  
#documents .cols:nth-child(2) {margin-top:-2rem;}
#documents .card-grid { text-align: center;}
#documents .card-grid-body p { font-family: Source Sans Pro SB; color: #001832;}
#documents .card-grid-body p img { margin:0 auto 0.5rem auto; display: block;}

/*hack - remove empty p from confluence*/
#documents .container .cols:first-child p:first-child  { display: none; border:1px solid red;}  
#documents .col-4 > p:first-child, #documents .col-4 > p:last-child { display: none; border:1px solid red;}

/*---BOX CTA PLAYBOOK---*/
#box-cta-playbook { position:relative;}
#box-cta-playbook .container .cols { margin-bottom:-1rem;}
.box-playbook { padding:1.5rem; background-color: #00284A; border-radius:20px;}
.box-playbook-col-illu { margin-bottom:1rem;}
.box-playbook-col-illu img { width: 120px; height:auto;}
.box-playbook h3, .box-playbook p { color: white;}
.box-playbook p.p-opacity { opacity: 0.75}
.box-playbook p:last-of-type { margin-bottom:0;}

@media screen and (min-width: 769px) {
 .box-playbook { padding:2.5rem;}
 .box-playbook-cols { display: flex; align-items: center;}
 .box-playbook-col-illu { margin-bottom:0; padding:0 3rem 0 0}
}

@media screen and (min-width: 1366px) {
  .box-playbook { padding:5rem;}
}

/*hack - remove empty p from confluence*/
#box-cta-playbook .container > p:first-child, #box-cta-events .container > p:last-child { display: none; border:1px solid green;}

Div

id	introduction
class	section

Div

class	container

Div

class	cols justify-content-between align-items-center

Div

class	col-7

Html-bobswift

<h1><span class="heading-subtitle">Services</span>Once-Only Technical<br>System services</h1>
<p class="lead">To enable the exchange of evidences between Data Services and Online Procedure Portals and comprehensive support while developing and integrating the system, the Once-Only Technical System includes Once-Only common services and additional supporting services.</p>

Div

class	col-4

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-introduction.png
alt	illustration Once Only Technical System (OOTS)
class	img-fluid img-mobile

Div

id	common-services
class	section

Div

class	container

Div

class	cols

Div

id	services
class	section

col-4

Div

class	container

Div

class	cols

Html-bobswift
<div class="col-9"> <h2>Common services</h2> <p class="lead opacity-75">The Commission provides Common Services to help the Member States ensure the proper exchange of evidences.</p> </div>

Div

class	cols gap-lg

Div

class	col-4

Html-bobswift

<div class="card-grid">
<div class="card-grid-body"> 
<p><img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/ico-article-secondary.svg"></p> 
<h3 class="h5">Data Service Directory</h3>
<p class="opacity-75">The Data Service Directory is a common service that acts as a catalogue of evidence types that can be provided upon request.</p>
</div>
<div class="card-grid-footer"> 
<p><a class="btn primary-bis" href="https://oots.pages.code-europa-eu.gitlab.host/tdd/apidoc/data-services-directory"><span>Go to Data Service Directory</span><span class="ico-cta-forward"></span></a></p> 
</div>
</div>

Div

class	col-4 col-separator-before col-separator-after

Html-bobswift

<div class="card-grid">
<div class="card-grid-body">
<p><img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/ico-assured-workload-secondary.svg"></p>
<h3 class="h5">Evidence Broker</h3>
<p class="opacity-75">The Evidence Broker is an authoritative system that maps specific data sets as evidence types that prove specific requirements.</p>
</div>
<div class="card-grid-footer">   
<p><a class="btn primary-bis" href="https://oots.pages.code-europa-eu.gitlab.host/tdd/apidoc/evidence-broker"><span>Go to Evidence Broker</span><span class="ico-cta-forward"></span></a></p>   
</div>
</div>

Div

class

Html-bobswift

<div class="

card

col-

grid

8">

<div class="card-grid-body"> <p><img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/ico-dns-secondary.svg"></p> <h3 class="h5">Semantic Repository</h3> <p class="opacity-75">The Semantic Repository is a common service that acts as a data portal for the technical system.</p> </div> <div class="card-grid-footer"> <p><span class="badge sm">In development</span></p> <p class="opacity-50">Expected release date: <strong>October 2023</strong></p> </div> </div>

Div

id	supporting-services
class	section

<h2>Common services</h2>
<p>The Commission provides Common Services to help EU Member States ensure the proper exchange of evidences through the Once-Only Technical System. The Common Services do not process data about citizens or businesses. Instead, they contain and serve operational data parameters that support the operation of the Once-Only technical system.</p>
</div>

Div

class	cols common-services-cards

Div

class	col-4

Html-bobswift
<div class="card-grid card-grid-custom common-services-card"> <img alt=""

Div

class	container

Div

class	cols

Div

class	col-8

Html-bobswift

<h2>Supporting services</h2>
<p><img aria-hidden="true" altclass="" common-services-card-bg" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323615481586/icobg-testingcard-primarytop.svg"></p>
<h3 class="h5">Testing service</h3>
>

<div class="supportingcard-grid-servicescustom-containerillu">
<p>The OOTS Testing service assists national teams in implementing the Once-Only Technical System. Information on available testing services, including the test platform and other tools to facilitate testing are available on a restricted wiki space.<br>
<br>  
If required, please request access to the restricted wiki via <a target="_blank	<img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-common-services-tool.png"> 
</div>

<div class="card-grid-custom-content" style="width: 100%;">
<div class="card-grid-body">
<h3 class="h5">Input data into the Common services tool</h3>
<p>Helps you manage your Member State procedures, requirements, evidence types, evidence providers and data services through the application.</p>
</div>
<div class="card-grid-footer">
<p><a class="btn ghost" href="https://cs.oots.tech.ec.europa.eu/digital-building-blocks/sites/display/OOTS/Service+Desk">the Service Desk</a>.
</p> 
<p><a class="btn ghost" target="_blank" href="https://ec.europa.eu/digital-building-blocks/wikis/display/SDGOO/Testing+Services+-+SDG+OOTS"><span>Go to wiki</span><span class="ico-cta-forward"></span></a></p>home" target="_blank"><span>Go to the Admin tool</span><span class="ico-cta-forward"></span></a></p> 
</div>

<!--
<hr>
-->

<!--
/div>

</div>

Div

class	col-4

Html-bobswift

<div class="supportingcard-grid card-grid-custom common-services-containercard">
<p>Access a test platform and tools through our secure testing service</p>
<p><a class="btn ghost" target="_blank" href="#"><span>Go to testing service</span><span class="ico-external"></span></a></p>
</div>
-->

<!--
<img alt="" aria-hidden="true" class="common-services-card-bg" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-card-top.svg"/>

<div class="supportingcard-grid-servicescustom-containerillu">
<p>If you have questions contact the service desk on <a href="mailto:EC-OOTS-SUPPORT@ec.europa.eu" target="_blank">EC-OOTS-SUPPORT@ec.europa.eu</a></p>
</div>
-->	<img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-manage-user-roles.png"> 
</div>

<div class="card-grid-custom-content" style="width: 100%;">
<div class="card-grid-body">
<h3 class="h5">Manage user roles and accesses to the tool</h3>
<p>The user management tool allows Member State User Managers (National coordinators) to add, manage and remove users from the Common Services Administration Tool.</p>
</div>
<div class="card-grid-footer">
<p><a class="btn ghost" href="https://cs.oots.tech.ec.europa.eu/user-mgmt/main" target="_blank"><span>Go to the User Mgmt tool</span><span class="ico-cta-forward"></span></a></p> 
</div>

</div>

</div>

Div

class	col-4

Html-bobswift

<div class="card-grid card-grid-custom common-services-card">

<img alt="" aria-hidden="true" class="common-services-card-bg" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-card-top.svg"/>

<div class="card-grid-custom-illu">
 	<img alt="" aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-api.png"> 
</div>

<div class="card-grid-custom-content" style="width: 100%;">
<div class="card-grid-body">
<h3 class="h5">APIs to query common services</h3>
<p>The Common Services provide machine-to-machine REST APIs for querying. For look-ups, all common services shall implement the REST APIs introduced in this section.</p>
</div>
<div class="card-grid-footer">
<p><a class="btn ghost" href="https://oots.pages.code.europa.eu/tdd/apidoc/" target="_blank"><span>Go to the APIs</span><span class="ico-cta-forward"></span></a></p> 
</div>

</div>

</div>

Div

id	testing-services
class	section

Div

class	container

Div

class	cols align-items-center

Div

class	col-4 text-center

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-testing-services.png
alt	illustration customer service desk, a phone with message
class	illu

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-illu-sigle-testing-services.svg
class	bg

Div

class	col-7

Html-bobswift

<h2>Testing service</h2>
<p>This Testing service assists national teams in implementing the Once-Only Technical System. Information on available testing services, including the test platform and other tools to facilitate testing are available on a restricted wiki space.</p>
<p>If required, please request access to the restricted wiki via <a href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Service+Desk">the Service Desk</a>.</p>
<p><a class="btn ghost" target="_blank" href="https://ec.europa.eu/digital-building-blocks/wikis/display/SDGOO/Testing+Services+-+SDG+OOTS"><span>Go to wiki</span><span class="ico-cta-forward"></span></a></p>

Div

id	supporting-services
class	section

Div

class	container

Div

class	cols justify-content-center align-items-center

Div

class	col-4 text-center

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/illu-supporting-services.png
alt	illustration customer service desk, a phone with message
class	illu

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/bg-illu-sigle-services-desk.svg
class	bg

Html-bobswift

<div class="col-6">
<h2>Service desk</h2>
<!--
<p>This service desk helps users improve the performance, continuity and reliability of their Once-Only Technical System implementations. Contact the service desk regarding access requests, report incidence or to speak directly with technical support.</p>
-->
<p>This service desk helps users improve the performance, continuity and reliability of their Once-Only Technical System implementations.</p>
<p>Contact the service desk for support with OOTS-related technical issues and access requests. The service desk will also coordinate the resolution of eDelivery and EU-Login issues

Div

id	service-desk
class	section

Div

class	container

Div

class	cols justify-content-center align-items-center

Div

class	col-4 text-center

HTML Image

src	https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/illu-service-desk.png
alt	illustration customer service desk, a phone with message
class	img-fluid img-mobile

Html-bobswift

<div class="col-4">
<h2>Service desk</h2>
<p>The Service Desk helps users improve the performance, continuity and reliability of their Once-Only Technical System implementations.</p>
<p class="servicesupporting-deskservices-cta"><a class="btn ghost" href="https://ec.europa.eu/digital-building-blocks/sites/display/OOTS/Service+Desk"><span>Contact><span>Go to the Service Desk</span><span class="ico-cta-forward"></span></a></p>
</div>

Div

id	documents
class	section

Div

class	container

Div

class	cols

Html-bobswift

<div class="col-9">
<h2>Documents<<h2>Service agreements</h2>
<p>The Once-Only Technical System Serviceservice Deskdesk Service Offeringoffering Descriptiondescription (SOD) provides a comprehensive overview of the service, how you can use it and how it is organised.</p>
<p>The Once-Only Technical System Serviceservice Deskdesk Service Levellevel Arrangementarrangement (SLA) is a statement of the intentions of the Commission within the specific contextcontext of of the Digital Europe Programme (DEP) work programmes and applies to the software and services provided by the Once to the software and services provided by the Once-Only Technical System Common Services. It aims to specify how the software and services are provided as well as the expected level of service.</p>
</div>

cols

Div

class	cols

class

Div

class	col-4

Html-bobswift

<div class="card-grid">

<div class="card-grid-body"> 
<p><img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-pdf.svg" alt="">Once-Only Technical System

(OOTS)

Common

Service

Services.

Desk

It

aims

Service

to

Offering

specify how the software and services are provided as well as the expected level of service.</p> </div>

Div

Description (SOD)<p>
</div>

<div class="card-grid-footer">
<p><a class="btn ghost" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/OOTS-service-desk-SOD-1.10.pdf"><span>Download (EN)</span><span class="ico-download"></span></a></p> </div>

</div>

Div

class	col-4

Html-bobswift

<div class="card-grid">

<div class="card-grid-body"> 
<p><img aria-hidden="true" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/581239505/ico-pdf.svg" alt="">Once-Only Technical System - Service Desk - ServiceService OfferingLevel DescriptionArrangement (SODSLA)<p>
</div>

<div class="card-grid-footer">
<p><a class="btn ghost" target="_blank" href="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/OOTS-serviceService-deskDesk-SODSLA-1v1.10.pdf"><span>Download (EN)</span><span class="ico-download"></span></a></p> 
</div>

</div>

Div

id	box-cta-playbook
class	section

col-4

Div

class	container

class

Html-bobswift

<div class="cols justify-content-center">

<div class="col-8">
<div class="box-playbook">
<div class="

card

box-playbook-

grid

cols">

<div class="

card

box-playbook-

grid

col-

body

illu">

<p><img

<img aria-hidden="true" alt="" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments

/581239505/ico-pdf.svg" alt="">Once

/615481586/illu-onboarding-playbook.png">  
</div>

<div class="box-playbook-col-content">
<h3 class="h5">Not sure where to start with implementing OOTS?</h3>
<p class="p-opacity">Visit the onboarding playbook to learn all about the steps necessary to make the Once-Only Technical System

-

Service

reality

Desk

in

-

your

Service Level Arrangement (SLA)<p>

member state.</

div> <div class="card-grid-footer">

p>
<!--
<p><a class="btn

ghost

primary-bis"

target

href="

_blank

href

onclick="

https://ec.europa.eu/digital-building-blocks/sites/download/attachments/615481586/OOTS-service-desk-SLA-v1.09.pdf"><span>Download (EN)<

_paq.push(['trackEvent','conversion','oots-services','oots-onboarding-playbook'])"><span>Go to the Onboarding Playbook</span><span class="ico-cta-

download

forward"></span></a></p>
-->
<p><span class="badge warning">Coming soon</span></p>

</div>

</div>
</div>
</div>

</div>

Page tree

Versions Compared

Old Version 50

New Version 51

Key