Stay up to date with the latest insights and performance metrics on the OOTS Monitoring Dashboard. |
<script src="/digital-building-blocks/sites/download/attachments/879493335/checkHeader.js"></script>
<link rel="stylesheet" href="/digital-building-blocks/sites/download/attachments/879493337/style-monitoring-dashboards.css">
<section class="section" id="overview">
<div class="container">
<div class="cols justify-content-between">
<div class="col-3 left-col">
<ul class="nav-list">
<li class="nav-li">
<button class="nav-btn" ref="overview">Overview</button>
</li>
<li class="nav-li">
<button class="nav-btn" ref="interest">Interest in the OOTS</button>
</li>
<li class="nav-li">
<button class="nav-btn" ref="use">Use of the OOTS</button>
</li>
<li class="nav-li">
<button class="nav-btn" ref="awareness-raising">Awareness raising and promotion of the
OOTS</button>
</li>
<li class="nav-li">
<button class="nav-btn" ref="usage">Usage of the OOTS</button>
</li>
<li class="nav-li">
<button class="nav-btn" ref="effectiveness-by-member">Operational effectiveness of the OOTS by
Member State</button>
</li>
<li class="nav-li">
<button class="nav-btn" ref="effectiveness-by-requests">Operational effectiveness of the OOTS by
requests received</button>
</li>
<li class="nav-li">
<button class="nav-btn" ref="participation">Participation in Projectathons</button>
</li>
</ul>
</div>
<div class="col-9 right-col">
<div class="ref-section" ref="overview">
<div class="section-card ti-te accent-light-blue">
<h4 class="section-title">Overview</h4>
<div class="section-text">
<p>The Once-Only Technical System (OOTS) aims to let EU public authorities securely exchange
official documents and data at the request of citizens and businesses as part of
cross-border administrative procedures, e.g. when registering an address or vehicle when
moving abroad. It eliminates the complicated manual search, mapping, and fetching of
data between Member States authorities, improving efficiency, making people's lives
easier, and reducing mobility costs within the EU.</p>
<p>The Once-Only Technical System creates an interoperability layer between EU Member
States. It uses the
<a href="/digital-building-blocks/sites/display/DIGITAL/eID">eID</a> and
<a href="/digital-building-blocks/sites/display/DIGITAL/eDelivery">eDelivery</a>
building blocks for authentication and data exchange. It uses
<a href="https://priv-lu-myremote.tech.ec.europa.eu/tdd/apidoc/,DanaInfo=.aopvvDugnm1Jn0qsOu.979vV1G,SSL+"
rel="noopener noreferrer" target="_blank">Once-Only Common Services</a>
(the Evidence Broker (EB), the Data Service Directory (DSD), and Semantic Repository
(SR)) for the exchange of evidences between the Data Services and Online Procedure
portals connected by the Once-Only Technical System.
</p>
<p>The Commission also provides the
<a href="https://ec.europa.eu/once-only-hub" rel="noopener noreferrer"
target="_blank">Once-Only Hub</a>, compiling all relevant information regarding the
Once-Only project, a
<a href="/digital-building-blocks/sites/display/OOTS/Service+Desk">service desk</a> and organises
<a href="/digital-building-blocks/sites/display/OOTS/Events+calendar">various events</a>.
</p>
<p>This monitoring dashboard records statistics related to all these elements of the
Once-Only Technical System.</p>
</div>
</div>
</div>
<div class="ref-section" ref="interest">
<div>
<iframe title="OOTS Monitoring" width="900" height="1010"
src="https://app.powerbi.com/view?r=eyJrIjoiMzY4NzkzYWMtMDgzOC00ZjEyLTljNzUtNDcxZjhmMDczNzkwIiwidCI6ImIyNGM4YjA2LTUyMmMtNDZmZS05MDgwLTcwOTI2ZjhkZGRiMSIsImMiOjh9&pageName=ReportSection9da4e030fa2838023ea0"
frameborder="0" allowFullScreen="true"></iframe>
</div>
</div>
<div class="ref-section" ref="use">
<div>
<iframe title="OOTS Monitoring" width="900" height="1170"
src="https://app.powerbi.com/view?r=eyJrIjoiMzY4NzkzYWMtMDgzOC00ZjEyLTljNzUtNDcxZjhmMDczNzkwIiwidCI6ImIyNGM4YjA2LTUyMmMtNDZmZS05MDgwLTcwOTI2ZjhkZGRiMSIsImMiOjh9&pageName=ReportSection5c417175c4bc16709d24"
frameborder="0" allowFullScreen="true"></iframe>
</div>
</div>
<div class="ref-section" ref="awareness-raising">
<div>
<iframe title="OOTS Monitoring" width="900" height="1320"
src="https://app.powerbi.com/view?r=eyJrIjoiMzY4NzkzYWMtMDgzOC00ZjEyLTljNzUtNDcxZjhmMDczNzkwIiwidCI6ImIyNGM4YjA2LTUyMmMtNDZmZS05MDgwLTcwOTI2ZjhkZGRiMSIsImMiOjh9&pageName=ReportSectiona1786ce2522e69dbfb6f"
frameborder="0" allowFullScreen="true"></iframe>
</div>
</div>
<div class="ref-section" ref="usage">
<div>
<iframe title="OOTS Monitoring" width="900" height="1150"
src="https://app.powerbi.com/view?r=eyJrIjoiMzY4NzkzYWMtMDgzOC00ZjEyLTljNzUtNDcxZjhmMDczNzkwIiwidCI6ImIyNGM4YjA2LTUyMmMtNDZmZS05MDgwLTcwOTI2ZjhkZGRiMSIsImMiOjh9&pageName=ReportSection92a933e1ed665ab24629"
frameborder="0" allowFullScreen="true"></iframe>
</div>
</div>
<div class="ref-section" ref="effectiveness-by-member">
<div>
<iframe title="OOTS Monitoring" width="900" height="1160"
src="https://app.powerbi.com/view?r=eyJrIjoiMzY4NzkzYWMtMDgzOC00ZjEyLTljNzUtNDcxZjhmMDczNzkwIiwidCI6ImIyNGM4YjA2LTUyMmMtNDZmZS05MDgwLTcwOTI2ZjhkZGRiMSIsImMiOjh9&pageName=ReportSection00e0e2e623afe726fb41"
frameborder="0" allowFullScreen="true"></iframe>
</div>
</div>
<div class="ref-section" ref="effectiveness-by-requests">
<div>
<iframe title="OOTS Monitoring" width="900" height="1040"
src="https://app.powerbi.com/view?r=eyJrIjoiMzY4NzkzYWMtMDgzOC00ZjEyLTljNzUtNDcxZjhmMDczNzkwIiwidCI6ImIyNGM4YjA2LTUyMmMtNDZmZS05MDgwLTcwOTI2ZjhkZGRiMSIsImMiOjh9&pageName=ReportSection8260b94ba2a342d021a7"
frameborder="0" allowFullScreen="true"></iframe>
</div>
</div>
<div class="ref-section" ref="participation">
<div>
<iframe title="OOTS Monitoring" width="900" height="1040"
src="https://app.powerbi.com/view?r=eyJrIjoiMzY4NzkzYWMtMDgzOC00ZjEyLTljNzUtNDcxZjhmMDczNzkwIiwidCI6ImIyNGM4YjA2LTUyMmMtNDZmZS05MDgwLTcwOTI2ZjhkZGRiMSIsImMiOjh9&pageName=ReportSection691319ef4ad2009bae8e"
frameborder="0" allowFullScreen="true"></iframe>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
#overview iframe {
clip-path: inset(0px 0px 65px 0px);
}
</style>
<script>
document.addEventListener('DOMContentLoaded', () => {
const url = new URL(window.location.href);
const referenceParam = url.searchParams.get('ref');
const navBtns = document.querySelectorAll('.nav-list .nav-btn');
const ctas = document.querySelectorAll(".c-card .btn.secondary");
// Function to activate elements based on ref
function activateElements(ref, shouldScroll = false) {
const navBtn = document.querySelector(`.nav-btn[ref="${ref}"]`);
const refSection = document.querySelector(`.ref-section[ref="${ref}"]`);
if (navBtn && refSection) {
document.querySelector('.nav-list .nav-btn.active')?.classList.remove('active');
document.querySelector('.ref-section.active')?.classList.remove('active');
navBtn.classList.add('active');
refSection.classList.add('active');
// Scroll to the top of the section if shouldScroll is true
if (shouldScroll) {
window.scrollTo({ top: refSection.offsetTop - 64, behavior: 'instant' });
}
}
}
// Check if referenceParam exists and is valid
if (referenceParam && document.querySelector(`.nav-btn[ref="${referenceParam}"]`)) {
// If a valid ref exists, activate the corresponding elements and scroll
activateElements(referenceParam, true);
} else {
// If no valid ref exists, ensure 'overview' is activated if necessary
if (!referenceParam) {
url.searchParams.set('ref', 'overview');
window.history.pushState({}, '', url);
activateElements('overview'); // Scroll to 'overview' if no ref is present
}
}
// Add click event listeners to navigation buttons
navBtns.forEach(btn => {
btn.addEventListener('click', () => {
const ref = btn.getAttribute('ref');
activateElements(ref, true);
// Update the URL parameter
url.searchParams.set('ref', ref);
window.history.pushState({}, '', url);
});
});
ctas.forEach(btn => {
btn.addEventListener('click', () => {
const ref = btn.getAttribute('ref');
activateElements(ref, true);
// Update the URL parameter
url.searchParams.set('ref', ref);
window.history.pushState({}, '', url);
});
});
});
</script> |