wiki - User contributions [en]

Lab tech de l'ÉFPC/Projets

2025-11-20T15:18:50Z

Genevieve.lemieux:

[[EN:CSPS Tech Lab/Projects]]{{TL_menu_FR}}

{{#css:

h2:not(#mw-toc-heading){
border-left: 10px #6b5088 solid !important;
padding:0.3em;
background-color:#f1f1f1;
margin:2em 0 1.5em 0;
}

h3{
margin-top:1em;
margin-bottom:2em!important;
border-bottom: 1px #aaa solid;
}

div[style] p{margin: 0 0 2em 0;}

div[style] img{margin:0 0.5em;}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 6px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 20px;
width: auto;
height: auto;
background-color: rgba(108,77,133,0.8);
border: 1px solid rgb(108,77,133);
transition: 1s ease;
}

.btn a {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:visited {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.btn:hover {
background-color: rgba(108,77,133,0.5);
transition: 1s ease;
text-decoration: underline;
}

}}

=Projets du Lab tech de l'ÉFPC=

Le Lab des technologies de l'ÉFPC travaille sur une variété de projets d'innovation pour soutenir la modernisation de l'apprentissage à travers l'École et le GC. Jetez un coup d'œil à certains de nos projets...

==PROJETS DE TECHNOLOGIE IMMERSIVE DE BUREAU EN 3D==

===Plateforme d'événements virtuels vExpo===
<div style="display:flex;">
<div>
vExpo est la plateforme d'événements virtuels de l’ÉFPC développée à l’interne, qui permet d'améliorer l'expérience des participants lors de conférences virtuelles ou hybrides. vExpo permet aux participants d'accéder à toutes les informations de l'événement depuis un emplacement central, tout en le rendant attractif et facile à utiliser. Les participants peuvent naviguer dans une salle d'accueil virtuel et parcourir le contenu de l'événement, les présentations en direct, ainsi qu'une zone d'exposition qui présente des kiosques virtuels où les partenaires de l'événement peuvent promouvoir et partager des informations sur leurs produits et services.

Notre [https://wiki.gccollab.ca/%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo Base de connaissances] guidera les responsables d’événement et les propriétaires de kiosques à travers la création d'un événement et d'un kiosque. Elle fournit des instructions étape par étape qui permettent une expérience fluide et sans effort.

<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[[À propos de vExpo|Plateforme d'événements virtuels vExpo]]'''</div>
</div>

</div>
[[File:VExpo Lobby 1 FR-03.png|link=Lab tech de l'ÉFPC/vExpo|450px]]</div>
</div>

====vKiosques====

<div>
Les vKiosques font partie de la suite de produits vExpo. Ces kiosques virtuels sont conçus pour présenter et promouvoir les initiatives et projets proposés par différentes entités à travers le GC.

Ils peuvent être utilisés lors des halls d'exposition d'événements virtuels grâce à la plateforme vExpo, ou en tant que kiosques autonomes faisant partie de votre présence web et de vos offres promotionnelles.
</div>
<div style="display:flex">
<div>[[File:VKiosk notext FR.PNG|alt="Desktop with 3-D kiosk"|375px]]    </div>
<div>[[File:Exhibition Guide FR.PNG|alt="Exhibition guide for 3-D kiosks"|375px]]        </div>
<div>[[File:CSPS Kiosk FR.PNG|alt="Exemple of the CSPS 3-D kiosk"|375px]]        </div>
</div>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://efpc-vexpo.vexplore.ca/kiosks/K230907 Jetez un coup d'oeil a un kiosque vExpo!]'''</div>
</div>

====vBuilder====

Pour faciliter la création d'événements virtuels, le Lab des technologies a développé l'outil libre-service vBuilder, qui permet aux utilisateurs de créer une salle d'accueil et des kiosques virtuels de A à Z. vBuilder est accessible aux employés de l'ÉFPC responsables de la gestion d'événements en ligne, ainsi qu'aux employés du GC chargés par leur organisation de gérer un kiosque virtuel pour un événement virtuel utilisant vExpo.

===Espace de travail de l'ÉFPC===
<div style="display:flex;">
<div>
Un espace virtuel développé en collaboration avec l'équipe de gestion des locaux de l'ÉFPC qui présente le lieu de travail récemment rénové. Le lieu de travail de l'ÉFPC aide les employés à s'acclimater à leur lieu de travail modernisé basé sur l'activité grâce à une visite guidée numérique de l'espace de bureau qui propose une expérience immersive, engageante et interactive, ainsi que des éléments de jeux.

Le projet soutient l'intégration des employés et la gestion du changement pour ceux qui retournent au bureau, en leur fournissant des informations sur le lieu de travail de l'ÉFPC, telles que le code de conduite, les zones de travail, les mesures d'hygiène et les nouvelles normes de conception.

Cet outil permet de réduire les inquiétudes potentielles des employés et de les préparer à une expérience en personne réussie lorsqu'ils découvrent les changements qui ont lieu dans les locaux de l'ÉFPC à travers le pays.

<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://efpc-lieu-de-travail.vexplore.ca/main Prenez le tour guidé de l'Espace de travail de l'EFPC!]'''</div>
</div>

Le laboratoire technologique continue de chercher d'autres moyens de déployer l'espace virtuel pour répondre à d'autres besoins de l'école, y compris pour le contenu d'apprentissage.
Parallèlement au développement de cette expérience 3D de bureau, le laboratoire technologique a également utilisé l'environnement 3D pour déployer cet espace virtuel sur des casques de réalité virtuelle afin de tester la mise en œuvre et de démontrer l'utilisation de la de réalité virtuelle pour soutenir différentes initiatives.
</div>
[[File:CSPS FR.png|alt="CSPS Desktop with mobile"|600px]]</div>

</div>

===Milieu de travail EDSC et vous===

<div>

L'espace virtuel Milieu de travail EDSC et vous a été conçu en partenariat avec EDSC pour aider les employés à s'acclimater à la modernisation de leur ministère vers un lieu de travail basé sur l'activité. Cette visite guidée numérique permet aux employés de s’orienter dans un espace de bureau modernisé avec un hall d’accueil, des kiosques et un plan d’étage en 3D, où se trouvent les renseignements et les liens vers les ressources essentielles.

Vous voulez voir à quoi ça ressemble ? Jetez un coup d'œil au site en ligne : [https://expo.da-an.ca/milieudetravailedsc Milieu de travail EDSC & vous]

</div>
<div style="display:flex;">
<div>[[File:ESDC Workplace Process FR.PNG‎|524px|Processus du projet du Milieu de travail EDSC et vous]]</div>
<div>[[File:ESDC FR.png|550px|Image of the virtual lobby from the ESDC Workplace and You prototype]]</div>
</div>
<br>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://expo.da-an.ca/fr/#/explore/edsc/espaces-virtuel/S211309 Visitez la plateforme du Milieu de travail EDSC et vous!]'''</div>
</div>

==ENHANCED LEARNING EXPERIENCE==

===Apprentissage basé sur le jeu numérique - Projet Apollo===

Le Projet Apollo est une initiative visant à évaluer l'efficacité potentielle de l'apprentissage basé sur le jeu numérique (ABJN) en tant qu'approche éducative pour l'adoption de comportements positifs en matière de santé environnementale chez les jeunes. L'équipe du Lab des technologies à l'EFPC collabore avec Santé Canada (SC) pour concevoir et développer un prototype informatique basé sur le web afin de déterminer si l'ABJN est une méthode efficace pour influencer un changement de comportement positif chez les jeunes.
<br>
<div style="display:flex;">
<div>[[File:Menu frame about.png|550px|Mysteries of the Grand Regale Menu]]</div>
<div>[[File:Q cutscene restaurant -3.png|550px|Mysteries of the Grand Regale cutscene example]]</div>
</div>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://mogr.netlify.app/ Essayez le prototype de jeux! (Englais seulement)]'''</div>
</div>
<br>

===Experimentation avec la réalité virtuelle===

<div style="display:flex;flex-direction: row-reverse;">

<div>

Pour une organisation comme l'EFPC, la réalité virtuelle (RV) a le potentiel d'amener l'apprentissage à un niveau supérieur.

Cette technologie offre aux apprenants la possibilité d'expérimenter des situations où ils peuvent apprendre mais aussi appliquer leurs connaissances. Par exemple, la RV peut fournir des opportunités d'expérimenter des situations immersives simulées où les compétences non techniques peuvent être appliquées (par exemple, être un acteur dans une situation de harcèlement ou être immergé dans l'histoire). La RV peut également simuler des situations qui seraient autrement trop difficiles ou trop dangereuses pour être recréées dans la vie réelle (par exemple, la gestion des situations d'urgence).

Le Lab des technologies expérimente avec l'utilisation de la RV pour l'apprentissage et identifie les bons cas d'utilisation à piloter, y compris l'exploration de l'espace virtuel dans le cadre de la progression naturelle de notre travail sur les projets vExpo et espace virtuel mentionnés ci-dessus. Restez à l'écoute pour des mises à jour sur notre travail avec la RV !

</div>
<div>[[File:Jeshoots-com-xGtHjC QNJM-unsplash.jpg|400px|Personne utilisant un casque de réalité virtuelle]]</div>
</div>

        <big></big><big><big>''"Nos expériences conduisent à des expériences humaines...'' </big></big></big></big>

CSPS Tech Lab/Projects

2025-11-20T15:18:28Z

Genevieve.lemieux:

[[FR:Lab tech de l'ÉFPC/Projets]]{{TL_menu}}

{{#css:

h2:not(#mw-toc-heading){
border-left: 10px #6b5088 solid !important;
padding:0.3em;
background-color:#f1f1f1;
margin:2em 0 1.5em 0;
}

h3{
margin-top:1em;
margin-bottom:2em!important;
border-bottom: 1px #aaa solid;
}

div[style] p{margin: 0 0 2em 0;}

div[style] img{margin:0 0.5em;}

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 6px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 20px;
width: auto;
height: auto;
background-color: rgba(108,77,133,0.8);
border: 1px solid rgb(108,77,133);
transition: 1s ease;
}

.btn a {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:visited {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.btn:hover {
background-color: rgba(108,77,133,0.5);
transition: 1s ease;
text-decoration: underline;
}

}}

=CSPS Tech Lab Projects=

The CSPS Tech Lab works on a variety of innovation projects to support the modernization of learning across the School and the GC. Take a look at some of our projects...

==3D DESKTOP IMMERSIVE TECHNOLOGY PROJECTS==

===vExpo Virtual Event Platform===
<div style="display:flex;">
<div>
vExpo is the CSPS virtual event platform, developed in-house, to enhance participants’ experience during virtual or hybrid conferences. vExpo provides event participants with access to all event information from one central location, while making it engaging and easy to use. Participants can navigate a virtual lobby and browse through the event material, live presentations, and an exhibit area that showcases virtual kiosks where event partners can promote and share information on their products and services.

Our [https://wiki.gccollab.ca/About_vExpo/vExpo_Knowledge_Base Knowledge Base] will guide event hosts and kiosk owners through the creation of a vExpo Event and kiosk. It provides step-by-step instructions that allow for a seamless and effortless experience.
<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[[About_vExpo|Learn more about vExpo]]'''</div>
</div>

</div>
[[File:VExpo Lobby 1 EN.png|link=About_vExpo|400px]]</div>
</div>

====vKiosks====

<div>
vKiosks are part of the vExpo suite or products. These virtual kiosks are developed to showcase and promote initiatives and projects offered by various entities across the GC.

They can be used during virtual event exhibit halls through the vExpo platform, or as a stand-alone kiosks as part of your Web presence and promotional packages.
</div>
<div style="display:flex">
<div>[[File:VKiosk notext EN.png|alt="Desktop with 3-D kiosk"|375px]]    </div>
<div>[[File:Exhibition Guide EN.png|alt="Exhibition guide for 3-D kiosks"|375px]]        </div>
<div>[[File:CSPS Kiosk EN.png|alt="Exemple of the CSPS 3-D kiosk"|375px]]        </div>
</div>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://csps-vexpo.vexplore.ca/kiosks/K230907 Take a look at a live kiosk!]'''</div>
</div>

====vBuilder====

To help with the creation of virtual events, the Tech Lab developed the vBuilder self-serve tool for the vExpo platform, which allows users to create a lobby and virtual kiosks from beginning to end. The vBuilder is accessible to CSPS employees responsible for the management of online events, and GC employees who have been assigned by their organization to manage a virtual kiosk for a virtual event making use of vExpo.

===CSPS Workplace===
<div style="display:flex;">
<div>
A virtual space developed in collaboration with CSPS Accommodations to showcase the newly renovated workplace. CSPS Workplace helps employees acclimate to their modernized activity-based workplace through a digitally guided tour of the office space that features an immersive, engaging, interactive experience, as well as gamification elements.

The project supports employee onboarding and change management for those returning to the office, providing employees with information about the CSPS workplace, such as the code of conduct, working zones, hygiene measures, and new design standards.

This tool helps reduce potential concerns from employees and prepares them for a successful in-person experience as they learn about the changes taking place in CSPS locations across the country.

<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://csps-workplace.vexplore.ca/main Take the CSPS Workplace Guide Tour!]'''</div>
</div>

Tech Lab continues to look for other ways to deploy the virtual space for other needs at the School, including for learning content.
In parallel to developing this desktop 3D experience, Tech Lab also used the 3D environment to deploy this virtual space to VR headsets to test the implementation and demonstrate the use of VR to support different initiatives.
</div>
[[File:CSPS EN.png|alt="CSPS Desktop with mobile"|600px]]</div>

</div>

===ESDC Workplace & You===

<div>

ESDC Workplace & You is a virtual space designed in partnership with ESDC to help acclimate employees to their department’s modernization activity-based workplace. This digitally guided tour allows employees to navigate a modernized office space with a lobby, kiosks and 3D floor plan, each holding information and links to key resources.

Want to see what it looks like? Take a look at the live site: [https://expo.da-an.ca/esdcworkplace ESDC Workplace & You].

</div>
<div style="display:flex;">
<div>[[File:ESDC Workplace Process EN.png|550px|ESDC workplace process]]</div>
<div>[[File:ESDC Workplace EN.png|550px|Image of the virtual lobby from the ESDC Workplace and You prototype]]</div>
</div>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://expo.da-an.ca/en/#/explore/esdc/virtual-spaces/main Visit the ESDC Workplace and You platform!]'''</div>
</div>

==ENHANCED LEARNING EXPERIENCE==

===Digital Game Based Learning - Project Apollo===

Project Apollo is an initiative to assess the potential effectiveness of Digital Game-Based Learning (DGBL) as an educational approach for the adoption of positive environmental health behaviors in youth. The Tech Lab team at CSPS is collaborating with Health Canada (HC) to design and develop a web-based computer prototype to determine if DGBL is an effective method for influencing positive behavior change in youth.
<br>
<div style="display:flex;">
<div>[[File:Menu frame about.png|550px|Mysteries of the Grand Regale Menu]]</div>
<div>[[File:Q cutscene restaurant -3.png|550px|Mysteries of the Grand Regale cutscene example]]</div>
</div>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://mogr.netlify.app/ Try the prototype - Play the game now!]'''</div>
</div>
<br>
===Virtual Reality Experimentation===

<div style="display:flex;flex-direction: row-reverse;">

<div>

For an organization like CSPS, virtual reality (VR) has the potential to bring learning to the next level.

This technology offers learners the possibility to experiment situations where they can learn but also apply their knowledge. For example, VR can provide opportunities to experiment simulated immersive situations where soft skills can be applied (e.g., being an actor in a harassment situation or being immerse into history). VR can also simulate situations that would otherwise be to difficult or too dangerous to recreate in real life (e.g., managing emergency situations).

The Tech Lab is experimenting with the use of VR for learning, and identifying the right use cases to pilot, including virtual space exploration as part of the natural progression of our work on the vExpo and virtual space projects mentioned above. Stay tuned for updates on our work with VR!

</div>
<div>[[File:Jeshoots-com-xGtHjC QNJM-unsplash.jpg|400px|Person using a virtual reality headset]]</div>
</div>

        <big></big><big><big>''"Our experiments lead to human experiences...'' </big></big></big></big>

Lab tech de l'ÉFPC/Projets

2025-01-27T17:58:11Z

Genevieve.lemieux:

CSPS Tech Lab/Projects

2025-01-27T17:57:41Z

Genevieve.lemieux:

CSPS Tech Lab/Projects

2025-01-27T17:45:17Z

Genevieve.lemieux:

[[FR:Lab tech de l'ÉFPC/Projets]]{{TL_menu}}

{{#css:

h2:not(#mw-toc-heading){
border-left: 10px #6b5088 solid !important;
padding:0.3em;
background-color:#f1f1f1;
margin:2em 0 1.5em 0;
}

h3{
margin-top:1em;
margin-bottom:2em!important;
border-bottom: 1px #aaa solid;
}

div[style] p{margin: 0 0 2em 0;}

div[style] img{margin:0 0.5em;}

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 6px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 20px;
width: auto;
height: auto;
background-color: rgba(108,77,133,0.8);
border: 1px solid rgb(108,77,133);
transition: 1s ease;
}

.btn a {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:visited {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.btn:hover {
background-color: rgba(108,77,133,0.5);
transition: 1s ease;
text-decoration: underline;
}

}}

=CSPS Tech Lab Projects=

The CSPS Tech Lab works on a variety of innovation projects to support the modernization of learning across the School and the GC. Take a look at some of our projects...

==3D DESKTOP IMMERSIVE TECHNOLOGY PROJECTS==

===vExpo Virtual Event Platform===
<div style="display:flex;">
<div>
vExpo is the CSPS virtual event platform, developed in-house, to enhance participants’ experience during virtual or hybrid conferences. vExpo provides event participants with access to all event information from one central location, while making it engaging and easy to use. Participants can navigate a virtual lobby and browse through the event material, live presentations, and an exhibit area that showcases virtual kiosks where event partners can promote and share information on their products and services.

Our [https://wiki.gccollab.ca/About_vExpo/vExpo_Knowledge_Base Knowledge Base] will guide event hosts and kiosk owners through the creation of a vExpo Event and kiosk. It provides step-by-step instructions that allow for a seamless and effortless experience.
<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[[About_vExpo/vExpo_Knowledge_Base|Learn more about vExpo]]'''</div>
</div>

</div>
[[File:VExpo Lobby 1 EN.png|link=About_vExpo|400px]]</div>
</div>

====vKiosks====

<div>
vKiosks are part of the vExpo suite or products. These virtual kiosks are developed to showcase and promote initiatives and projects offered by various entities across the GC.

They can be used during virtual event exhibit halls through the vExpo platform, or as a stand-alone kiosks as part of your Web presence and promotional packages.
</div>
<div style="display:flex">
<div>[[File:VKiosk notext EN.png|alt="Desktop with 3-D kiosk"|375px]]    </div>
<div>[[File:Exhibition Guide EN.png|alt="Exhibition guide for 3-D kiosks"|375px]]        </div>
<div>[[File:CSPS Kiosk EN.png|alt="Exemple of the CSPS 3-D kiosk"|375px]]        </div>
</div>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://csps-vexpo.vexplore.ca/kiosks/K230907 Take a look at a live kiosk!]'''</div>
</div>

====vBuilder====

To help with the creation of virtual events, the Tech Lab developed the vBuilder self-serve tool for the vExpo platform, which allows users to create a lobby and virtual kiosks from beginning to end. The vBuilder is accessible to CSPS employees responsible for the management of online events, and GC employees who have been assigned by their organization to manage a virtual kiosk for a virtual event making use of vExpo.

===CSPS Workplace===
<div style="display:flex;">
<div>
A virtual space developed in collaboration with CSPS Accommodations to showcase the newly renovated workplace. CSPS Workplace helps employees acclimate to their modernized activity-based workplace through a digitally guided tour of the office space that features an immersive, engaging, interactive experience, as well as gamification elements.

The project supports employee onboarding and change management for those returning to the office, providing employees with information about the CSPS workplace, such as the code of conduct, working zones, hygiene measures, and new design standards.

This tool helps reduce potential concerns from employees and prepares them for a successful in-person experience as they learn about the changes taking place in CSPS locations across the country.

<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://csps-workplace.vexplore.ca/main Take the CSPS Workplace Guide Tour!]'''</div>
</div>

Tech Lab continues to look for other ways to deploy the virtual space for other needs at the School, including for learning content.
In parallel to developing this desktop 3D experience, Tech Lab also used the 3D environment to deploy this virtual space to VR headsets to test the implementation and demonstrate the use of VR to support different initiatives.
</div>
[[File:CSPS EN.png|alt="CSPS Desktop with mobile"|600px]]</div>

</div>

===ESDC Workplace & You===

<div>

ESDC Workplace & You is a virtual space designed in partnership with ESDC to help acclimate employees to their department’s modernization activity-based workplace. This digitally guided tour allows employees to navigate a modernized office space with a lobby, kiosks and 3D floor plan, each holding information and links to key resources.

Want to see what it looks like? Take a look at the live site: [https://expo.da-an.ca/esdcworkplace ESDC Workplace & You].

</div>
<div style="display:flex;">
<div>[[File:ESDC Workplace Process EN.png|550px|ESDC workplace process]]</div>
<div>[[File:ESDC Workplace EN.png|550px|Image of the virtual lobby from the ESDC Workplace and You prototype]]</div>
</div>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://expo.da-an.ca/en/#/explore/esdc/virtual-spaces/main Visit the ESDC Workplace and You platform!]'''</div>
</div>

==ENHANCED LEARNING EXPERIENCE==

===Digital Game Based Learning - Project Apollo===

Project Apollo is an initiative to assess the potential effectiveness of Digital Game-Based Learning (DGBL) as an educational approach for the adoption of positive environmental health behaviors in youth. The Tech Lab team at CSPS is collaborating with Health Canada (HC) to design and develop a web-based computer prototype to determine if DGBL is an effective method for influencing positive behavior change in youth.
<br>
<div style="display:flex;">
<div>[[File:Menu frame about.png|550px|Mysteries of the Grand Regale Menu]]</div>
<div>[[File:Q cutscene restaurant -3.png|550px|Mysteries of the Grand Regale cutscene example]]</div>
</div>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn">'''[https://mogr.netlify.app/ Try the prototype - Play the game now!]'''</div>
</div>
<br>
===Virtual Reality Experimentation===

<div style="display:flex;flex-direction: row-reverse;">

<div>

For an organization like CSPS, virtual reality (VR) has the potential to bring learning to the next level.

This technology offers learners the possibility to experiment situations where they can learn but also apply their knowledge. For example, VR can provide opportunities to experiment simulated immersive situations where soft skills can be applied (e.g., being an actor in a harassment situation or being immerse into history). VR can also simulate situations that would otherwise be to difficult or too dangerous to recreate in real life (e.g., managing emergency situations).

The Tech Lab is experimenting with the use of VR for learning, and identifying the right use cases to pilot, including virtual space exploration as part of the natural progression of our work on the vExpo and virtual space projects mentioned above. Stay tuned for updates on our work with VR!

</div>
<div>[[File:Jeshoots-com-xGtHjC QNJM-unsplash.jpg|400px|Person using a virtual reality headset]]</div>
</div>

        <big></big><big><big>''"Our experiments lead to human experiences...'' </big></big></big></big>

==PARTNERSHIP OPPORTUNITIES==

Part of our work consists of working closely with cost-sharing partners on innovation projects aimed at experimenting with new technologies and supporting learning across the GC. If you're interested in learning more about how we might be able to partner with your organization, contact: [http://mailto:genevieve.lemieux@csps-efpc.gc.ca genevieve.lemieux@csps-efpc.gc.ca].

CSPS Tech Lab/Projects

2025-01-27T17:42:54Z

Genevieve.lemieux:

[[FR:Lab tech de l'ÉFPC/Projets]]{{TL_menu}}

{{#css:

h2:not(#mw-toc-heading){
border-left: 10px #6b5088 solid !important;
padding:0.3em;
background-color:#f1f1f1;
margin:2em 0 1.5em 0;
}

h3{
margin-top:1em;
margin-bottom:2em!important;
border-bottom: 1px #aaa solid;
}

div[style] p{margin: 0 0 2em 0;}

div[style] img{margin:0 0.5em;}

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 6px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 20px;
width: auto;
height: auto;
background-color: rgba(108,77,133,0.8);
border: 1px solid rgb(108,77,133);
transition: 1s ease;
}

.btn a {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:visited {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.btn:hover {
background-color: rgba(108,77,133,0.5);
transition: 1s ease;
text-decoration: underline;
}

}}

=CSPS Tech Lab Projects=

The CSPS Tech Lab works on a variety of innovation projects to support the modernization of learning across the School and the GC. Take a look at some of our projects...

==3D DESKTOP IMMERSIVE TECHNOLOGY PROJECTS==

===vExpo Virtual Event Platform===
<div style="display:flex;">
<div>
vExpo is the CSPS virtual event platform, developed in-house, to enhance participants’ experience during virtual or hybrid conferences. vExpo provides event participants with access to all event information from one central location, while making it engaging and easy to use. Participants can navigate a virtual lobby and browse through the event material, live presentations, and an exhibit area that showcases virtual kiosks where event partners can promote and share information on their products and services.

Our [https://wiki.gccollab.ca/About_vExpo/vExpo_Knowledge_Base Knowledge Base] will guide event hosts and kiosk owners through the creation of a vExpo Event and kiosk. It provides step-by-step instructions that allow for a seamless and effortless experience.
<div style="text-align: left;font-size: 1.5em">
<div class="btn"><big>'''[[About_vExpo/vExpo_Knowledge_Base|Learn more about vExpo]]'''</big></div>
</div>

</div>
[[File:VExpo Lobby 1 EN.png|link=About_vExpo|400px]]</div>
</div>

====vKiosks====

<div>
vKiosks are part of the vExpo suite or products. These virtual kiosks are developed to showcase and promote initiatives and projects offered by various entities across the GC.

They can be used during virtual event exhibit halls through the vExpo platform, or as a stand-alone kiosks as part of your Web presence and promotional packages.
</div>
<div style="display:flex">
<div>[[File:VKiosk notext EN.png|alt="Desktop with 3-D kiosk"|375px]]    </div>
<div>[[File:Exhibition Guide EN.png|alt="Exhibition guide for 3-D kiosks"|375px]]        </div>
<div>[[File:CSPS Kiosk EN.png|alt="Exemple of the CSPS 3-D kiosk"|375px]]        </div>
</div>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn"><big>'''[https://csps-vexpo.vexplore.ca/kiosks/K230907 Take a look at a live kiosk!]'''</big></div>
</div>

====vBuilder====

To help with the creation of virtual events, the Tech Lab developed the vBuilder self-serve tool for the vExpo platform, which allows users to create a lobby and virtual kiosks from beginning to end. The vBuilder is accessible to CSPS employees responsible for the management of online events, and GC employees who have been assigned by their organization to manage a virtual kiosk for a virtual event making use of vExpo.

===CSPS Workplace===
<div style="display:flex;">
<div>
A virtual space developed in collaboration with CSPS Accommodations to showcase the newly renovated workplace. CSPS Workplace helps employees acclimate to their modernized activity-based workplace through a digitally guided tour of the office space that features an immersive, engaging, interactive experience, as well as gamification elements.

The project supports employee onboarding and change management for those returning to the office, providing employees with information about the CSPS workplace, such as the code of conduct, working zones, hygiene measures, and new design standards.

This tool helps reduce potential concerns from employees and prepares them for a successful in-person experience as they learn about the changes taking place in CSPS locations across the country.

<div style="text-align: left;font-size: 1.5em">
<div class="btn"><big>'''[https://csps-workplace.vexplore.ca/main Take the CSPS Workplace Guide Tour!]'''</big></div>
</div>

Tech Lab continues to look for other ways to deploy the virtual space for other needs at the School, including for learning content.
In parallel to developing this desktop 3D experience, Tech Lab also used the 3D environment to deploy this virtual space to VR headsets to test the implementation and demonstrate the use of VR to support different initiatives.
</div>
[[File:CSPS EN.png|alt="CSPS Desktop with mobile"|600px]]</div>

</div>

===ESDC Workplace & You===

<div>

ESDC Workplace & You is a virtual space designed in partnership with ESDC to help acclimate employees to their department’s modernization activity-based workplace. This digitally guided tour allows employees to navigate a modernized office space with a lobby, kiosks and 3D floor plan, each holding information and links to key resources.

Want to see what it looks like? Take a look at the live site: [https://expo.da-an.ca/esdcworkplace ESDC Workplace & You].

</div>
<div style="display:flex;">
<div>[[File:ESDC Workplace Process EN.png|550px|ESDC workplace process]]</div>
<div>[[File:ESDC Workplace EN.png|550px|Image of the virtual lobby from the ESDC Workplace and You prototype]]</div>
</div>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn"><big>'''[https://expo.da-an.ca/en/#/explore/esdc/virtual-spaces/main Visit the ESDC Workplace and You platform!]'''</big></div>
</div>

==ENHANCED LEARNING EXPERIENCE==

===Digital Game Based Learning - Project Apollo===

Project Apollo is an initiative to assess the potential effectiveness of Digital Game-Based Learning (DGBL) as an educational approach for the adoption of positive environmental health behaviors in youth. The Tech Lab team at CSPS is collaborating with Health Canada (HC) to design and develop a web-based computer prototype to determine if DGBL is an effective method for influencing positive behavior change in youth.
<br>
<div style="display:flex;">
<div>[[File:Menu frame about.png|550px|Mysteries of the Grand Regale Menu]]</div>
<div>[[File:Q cutscene restaurant -3.png|550px|Mysteries of the Grand Regale cutscene example]]</div>
</div>
<br>
<div style="text-align: left;font-size: 1.5em">
<div class="btn"><big>'''[https://mogr.netlify.app/ Try the prototype - Play the game now!]'''</big></div>
</div>
<br>
===Virtual Reality Experimentation===

<div style="display:flex;flex-direction: row-reverse;">

<div>

For an organization like CSPS, virtual reality (VR) has the potential to bring learning to the next level.

This technology offers learners the possibility to experiment situations where they can learn but also apply their knowledge. For example, VR can provide opportunities to experiment simulated immersive situations where soft skills can be applied (e.g., being an actor in a harassment situation or being immerse into history). VR can also simulate situations that would otherwise be to difficult or too dangerous to recreate in real life (e.g., managing emergency situations).

The Tech Lab is experimenting with the use of VR for learning, and identifying the right use cases to pilot, including virtual space exploration as part of the natural progression of our work on the vExpo and virtual space projects mentioned above. Stay tuned for updates on our work with VR!

</div>
<div>[[File:Jeshoots-com-xGtHjC QNJM-unsplash.jpg|400px|Person using a virtual reality headset]]</div>
</div>

        <big></big><big><big>''"Our experiments lead to human experiences...'' </big></big></big></big>

==PARTNERSHIP OPPORTUNITIES==

Part of our work consists of working closely with cost-sharing partners on innovation projects aimed at experimenting with new technologies and supporting learning across the GC. If you're interested in learning more about how we might be able to partner with your organization, contact: [http://mailto:genevieve.lemieux@csps-efpc.gc.ca genevieve.lemieux@csps-efpc.gc.ca].

File:Intro image with title EN.png

2025-01-27T17:38:41Z

Genevieve.lemieux:

File:Menu frame about.png

2025-01-27T17:33:21Z

Genevieve.lemieux:

File:Q cutscene restaurant -3.png

2025-01-27T17:33:04Z

Genevieve.lemieux:

File:Image (11).png

2025-01-27T17:32:23Z

Genevieve.lemieux:

Lab tech de l'ÉFPC

2025-01-23T20:46:25Z

Genevieve.lemieux:

[[EN:CSPS Tech Lab]]

{{TL_menu_FR}}

=Bienvenue au '''Lab des technologies de l'ÉFPC'''! =
<div class="floatright" style="padding-left: 25px">[[File:TL_1_FR.png|400px|Équipe du laboratoire des technologies]][[File:TL_2_FR.png|400px|Qui sommes-nous?. Nous sommes une équipe de pionniers dont l’objectif est de tester toute une variété d’idées, de concepts et d’approches par l’expérimentation délibérée et le développement de solutions techniques innovantes pour appuyer diverses occasions d’apprentissage dans l’ensemble de la fonction publique.]]

[[File:TL_3_FR.png|400px|Nos principes : Nous valorisons, adoptons et appliquons les normes numériques dans notre travail quotidien. Nous suivons des pratiques agiles tout au long du cycle de vie du développement de nos produits, où nous développons, testons et répétons en permanence diverses solutions tout au long du cycle de développement.]][[File:TL_4_FR.png|400px|Notre philosophie : La culture de l’innovation est au cœur de nos valeurs stratégiques. C’est le facteur déterminant dans notre façon d’aborder la résolution de problèmes. Nous utilisons des solutions innovantes pour résoudre des problèmes bien formulés. Notre équipe multidisciplinaire axée sur la recherche de solutions collabore à la réalisation d’objectifs communs, en utilisant efficacement les différentes compétences de l’équipe.]]
</div>
<div class="left">
L'équipe du Lab des technologies, au sein de l'École de la fonction publique du Canada, est une équipe multidisciplinaire de concepteurs et de développeurs. Nous travaillons en étroite collaboration avec des partenaires et des experts en la matière afin de développer des solutions innovantes centrées sur l'utilisateur et visant à offrir aux fonctionnaires des expériences d'apprentissage réellement enrichissantes et modernes. Apprenez-en davantage sur notre équipe et nos projets en parcourant nos pages.

==Qui sommes-nous ?==
Nous sommes une équipe dynamique qui a pour mandat d'expérimenter et de tester des idées, des concepts et des approches, dans le but de découvrir de nouvelles opportunités et de développer des solutions numériques innovantes qui créent des expériences d'apprentissage interactives et engageantes pour les fonctionnaires.

Au Lab des technologies, nous exploitons des technologies émergentes et inédites pour développer des démonstrations technologiques et explorer de nouvelles solutions qui soutiennent la modernisation de l'apprentissage.

Nous nous concentrons sur l'exploitation du potentiel des technologies immersives. Nous sommes spécialisés dans la conception et le développement d'environnements virtuels 3D pour ordinateur, conçus pour offrir des expériences d'apprentissage riches et immersives. En outre, nous explorons activement les applications de la réalité virtuelle (RV) et de la réalité mixte (RM) dans l'apprentissage, en repoussant sans cesse les limites et en recherchant des possibilités d'améliorer les résultats de l'apprentissage.

Nous collaborons avec divers partenaires à l'intérieur et à l'extérieur de l'école, travaillant ensemble pour relever des défis concrets. Notre exploration des différents cas d'utilisation nous permet de créer des solutions sur mesure. Chaque projet sert de tremplin, non seulement pour améliorer nos cadres techniques, mais aussi pour rationaliser nos processus en vue d'une plus grande efficacité. Ces initiatives de collaboration nous permettent de nous développer, d'approfondir nos compétences et nos connaissances, et d'acquérir des connaissances précieuses, que nous utilisons pour améliorer continuellement notre travail et partager nos leçons apprises au sein de diverses communautés.

Pour rendre toutes ces activités possibles, nous nous appuyons fortement sur l'expertise spécifique des membres du Lab des technologies, qui travaillent ensemble en tant qu'équipe multidisciplinaire.

Les connaissances et l'expérience collectives de notre équipe englobent un large éventail de compétences complémentaires :
* Mobilisation des parties prenantes et partenariats
* Gestion de projet agile
* Conception et gestion de contenu
* Conception des produits
* Recherche et conception de l’expérience utilisateur
* Conception de l’interface utilisateur
* Modélisation 3D
* Développement dorsal et frontal
* Technologies immersives

Chaque ensemble de compétences répond à un besoin spécifique, et la synergie entre elles est essentielle à la création de nos produits numériques innovants.

==Comment nous travaillons==
Au Lab des technologies, notre approche de la conception et du développement de solutions numériques innovantes s'appuie sur un ensemble de principes fondamentaux qui guident chacune de nos actions. Nous analysons les besoins de l'entreprise pour nous assurer qu'ils correspondent à nos objectifs, nous sommes à l'écoute des utilisateurs pour créer des solutions centrées sur l'utilisateur et nous tirons parti de la synergie de l'expertise de notre équipe diversifiée. Nous utilisons les bons outils pour maximiser l'efficacité, en adoptant une approche itérative qui nous permet d'affiner continuellement nos créations. Dans un esprit d'amélioration perpétuelle, nous nous engageons dans un apprentissage continu, en nous adaptant aux nouveaux défis et aux nouvelles idées. Ces éléments fondamentaux font partie intégrante de notre cycle complet de développement de produits, garantissant que nos solutions ne se contentent pas de répondre aux attentes, mais qu'elles les dépassent.

Pour concevoir et développer des solutions numériques innovantes, le Lab des technologies suit un cycle complet de développement de produits. Tout au long des différentes phases, chaque membre de l'équipe joue un rôle crucial, en commençant par recueillir les exigences opérationnelles et techniques basées sur la vision du produit. Nous accordons une grande importance à la recherche sur les utilisateurs dès le début afin de recueillir leurs besoins et d'informer nos conceptions. Au fur et à mesure que nous avançons dans la conception, en utilisant divers artefacts, nous validons avec les utilisateurs pour affiner le concept. Pendant la phase de développement, nous ajoutons des fonctionnalités de manière itérative au cours de plusieurs sprints agiles afin de créer un produit minimum viable, que nous testons une nouvelle fois avec les utilisateurs avant de le déployer en production. Même après la sortie du produit, nous maintenons une boucle de rétroaction pour recueillir les commentaires des utilisateurs, notamment les rapports de bogues, les suggestions d'amélioration ou le besoin de nouvelles fonctionnalités. Ces informations guident également le développement des futurs produits et fonctionnalités.

Tout au long du processus, toutes les disciplines au sein de l'équipe sont profondément intégrées, collaborant de manière transparente tout au long du cycle et des différentes itérations du produit.
</div>

<br />
= Rencontrez l'équipe =
{| width="1200px"
|-
|{{Special:IframePage/YouTube|path=fDhoV-fEsI0}}
|}

<gallery widths=475px heights=500px perrow=2 mode="nolines" style="padding-top: 100px; padding-left: 100px; padding-right: 100px; padding-bottom: 100px; border:2px solid black; background: #DECAEE">

File:GenevièveLemieux_FR.png||link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|genevieve.lemieux@csps-efpc.gc.ca|40px|link=mailto:genevieve.lemieux@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/lemieuxgen/|40px|link=https://www.linkedin.com/in/lemieuxgen/]]</li></ul></div>

File:GuyBoulet_FR.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|guy.boulet@csps-efpc.gc.ca|40px|link=mailto:guy.boulet@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/guyboulet/|40px|link=https://www.linkedin.com/in/guyboulet/]]</li></ul></div>

File:AmableRodriguez_FR.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|amable.rodriguez@csps-efpc.gc.ca|40px|link=mailto:amable.rodriguez@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/amable/|40px|link=https://www.linkedin.com/in/amable/]]</li></ul></div>

File:AnnaLuciaZablah_FR.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|annalucia.zablah@csps-efpc.gc.ca|40px|link=mailto:annalucia.zablah@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/anna-lucia-zablah-823824198/|40px|link=https://www.linkedin.com/in/anna-lucia-zablah-823824198/]]</li></ul></div>

File:Qi(Vivian)Fu_FR.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|qi.fu@csps-efpc.gc.ca|40px|link=mailto:qi.fu@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/qivivianfu/|40px|link=https://www.linkedin.com/in/qivivianfu/]]</li></ul></div>

File:RomyPiché_FR.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|romy.piche@csps-efpc.gc.ca|40px|link=mailto:romy.piche@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/romypiche/|40px|link=https://www.linkedin.com/in/romypiche/]]</li></ul></div>

File:KamilAndrzejewski_FR.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|kamil.andrzejewski@csps-efpc.gc.ca|40px|link=mailto:kamil.andrzejewski@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/kamilandrzejewski/|40px|link=https://www.linkedin.com/in/kamilandrzejewski/]]</li></ul></div>

File:MaximFortinDemers_FR.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|maxim.fortin-demers@csps-efpc.gc.ca|40px|link=mailto:maxim.fortin-demers@csps-efpc.gc.ca]]</li></ul></div>

File:StefJomphe_FR.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|stephane.jomphe@csps-efpc.gc.ca|40px|link=mailto:stephane.jomphe@csps-efpc.gc.ca]]</li></ul></div>

File:KevenRousseau_FR.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|keven.rousseau@csps-efpc.gc.ca|40px|link=mailto:keven.rousseau@csps-efpc.gc.ca]]</li></ul></div>

</gallery>

CSPS Tech Lab

2025-01-23T20:46:00Z

Genevieve.lemieux:

[[FR:Lab tech de l'ÉFPC]]

{{TL_menu}}

=Welcome to the '''CSPS Tech Lab'''! =
<div class="floatright" style="padding-left: 25px">[[File:TL_1.png|400px|Technology Lab Team]] [[File:TL_2.png|400px|Who we are: We are a pathfinder team with the goal of testing a variety of ideas, concepts, and approaches through deliberate experimentation and the development of technical innovative solutions to support various learning opportunities across the public service.]]

[[File:TL_3.png|400px|Our principles: We value, embrace and live the digital standards in our day-to-day work. We follow agile practices throughout our product development life cycle, where we continuously develop, test and iterate on various solutions throughout the development release cycle.]] [[File:TL_4.png|400px|Our philosophy: The culture of innovation is at the heart of our strategic values. It is the driving factor in how we approach problem-solving. We use innovative solutions to address existing and well-articulated problems. Our multi-disciplinary, solution-driven team works collectively towards common goals, making efficient use of the different skillsets in the team.]]
</div>
<div class="left">
The Tech Lab, within the [https://www.csps-efpc.gc.ca/index-eng.aspx Canada School of Public Service], is a multidisciplinary team of designers and developers. We work closely with partners and subject matter experts to develop user-centric innovative solutions aimed to provide public servants with truly rewarding and modern learning experiences. Learn more about our team and projects by scrolling our pages.

==Who We Are==
We are a dynamic team with the mandate to experiment and test ideas, concepts, and approaches, aiming to discover new opportunities and develop innovative digital solutions that create interactive and engaging impactful learning experiences for public servants.<br>

At the Tech Lab, we harness emerging and new-to-context technologies to develop tech demonstrations and explore novel solutions that support the modernization of learning.<br>

Our dedicated focus centers on unlocking the potential of immersive technologies. We specialize in designing and developing desktop-based 3D virtual environments tailored to provide rich and immersive learning experiences. Additionally, we actively explore the applications of virtual reality (VR) and mixed reality (MR) in learning, continuously pushing the boundaries and seeking opportunities to enhance learning outcomes.<br>

We collaborate with diverse partners within and outside the School, working together to address tangible challenges. Our exploration of various use cases allows us to create tailored solutions. Each project serves as a stepping stone, not only enhancing our technical frameworks but also streamlining our processes for greater efficiency. These collaborative initiatives allow us to grow, deepen our skills and knowledge, and gain valuable insights, which we use to continually improve our work and share our lessons learned across various communities.<br>

To make all these activities possible, we rely heavily on the specific expertise of the Tech Lab staff, working together as a multidisciplinary team.<br>

Our team's collective knowledge and experience encompasses a wide range of complementary skills including:
* Stakeholder engagement & partnerships
* Agile project management
* Content design & management
* Product design
* User experience research and design
* User interface design
* 3D modeling
* Back-end and front-end development
* Immersive technologies<br>

Each skillset addresses a specific need, and the synergy among them is essential for creating our innovative digital products.

==How We Work==
At the Tech Lab, our approach to designing and developing innovative digital solutions is underpinned by a set of core principles that guide our every step. We analyze business needs to ensure alignment with our objectives, empathize with users to create user-centric solutions, and leverage the synergy of our diverse team's expertise. We utilize the right tools to maximize efficiency, embracing an iterative approach that allows us to continuously refine our creations. In the spirit of perpetual improvement, we engage in continuous learning, adapting to new challenges and insights. These fundamental elements are woven into the fabric of our comprehensive product development cycle, ensuring that our solutions not only meet but exceed expectations.<br>

To design and develop innovative digital solutions, the Tech Lab follows a comprehensive product development cycle. Throughout the various phases, each team member plays a crucial role, starting with gathering both business and technical requirements based on the product vision. We place a significant emphasis on conducting user research from the onset to collect user requirements and inform our concept designs. As we progress with the designs, using various artifacts, we validate with users to refine the concept. During the development phase, we iteratively add features in multiple agile sprint iterations to create a minimum viable product (MVP), which we test once again with users before deploying it to production. Even after the product is released, we maintain a feedback loop to capture user input, including bug reports, improvement suggestions or the need for new features. These insights also guide the development of future products and features.
During the entire process, all disciplines within the team are deeply integrated, collaborating seamlessly throughout the cycle and various iterations of the product.
</div>

= Meet the team =
{| width="1200px"
|-
|{{Special:IframePage/YouTube|path=fDhoV-fEsI0}}
|}

<gallery widths=475px heights=500px perrow=2 mode="nolines" style="padding-top: 100px; padding-left: 100px; padding-right: 100px; padding-bottom: 100px; border:2px solid black; background: #DECAEE">

File:GenevièveLemieux.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|genevieve.lemieux@csps-efpc.gc.ca|40px|link=mailto:genevieve.lemieux@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/lemieuxgen/|40px|link=https://www.linkedin.com/in/lemieuxgen/]]</li></ul></div>

File:GuyBoulet.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|guy.boulet@csps-efpc.gc.ca|40px|link=mailto:guy.boulet@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/guyboulet/|40px|link=https://www.linkedin.com/in/guyboulet/]]</li></ul></div>

File:AmableRodriguez.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|amable.rodriguez@csps-efpc.gc.ca|40px|link=mailto:amable.rodriguez@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/amable/|40px|link=https://www.linkedin.com/in/amable/]]</li></ul></div>

File:AnnaLuciaZablah.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|annalucia.zablah@csps-efpc.gc.ca|40px|link=mailto:annalucia.zablah@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/anna-lucia-zablah-823824198/|40px|link=https://www.linkedin.com/in/anna-lucia-zablah-823824198/]]</li></ul></div>

File:Qi(Vivian)Fu.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|qi.fu@csps-efpc.gc.ca|40px|link=mailto:qi.fu@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/qivivianfu/|40px|link=https://www.linkedin.com/in/qivivianfu/]]</li></ul></div>

File:RomyPiché.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|romy.piche@csps-efpc.gc.ca|40px|link=mailto:romy.piche@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/romypiche/|40px|link=https://www.linkedin.com/in/romypiche/]]</li></ul></div>

File:KamilAndrzejewski.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|kamil.andrzejewski@csps-efpc.gc.ca|40px|link=mailto:kamil.andrzejewski@csps-efpc.gc.ca]]</li><li style="display: inline-block; padding: 20px">[[Image:LinkedIn_icon.png|https://www.linkedin.com/in/kamilandrzejewski/|40px|link=https://www.linkedin.com/in/kamilandrzejewski/]]</li></ul></div>

File:MaximFortinDemers.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|maxim.fortin-demers@csps-efpc.gc.ca|40px|link=mailto:maxim.fortin-demers@csps-efpc.gc.ca]]</li></ul></div>

File:StefJomphe.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|stephane.jomphe@csps-efpc.gc.ca|40px|link=mailto:stephane.jomphe@csps-efpc.gc.ca]]</li></ul></div>

File:KevenRousseau.png|link= |<div><ul><li style="display: inline-block; padding-top: 20px; padding-right: 20px; padding-bottom: 20px;">[[File:Email_icon.png|keven.rousseau@csps-efpc.gc.ca|40px|link=mailto:keven.rousseau@csps-efpc.gc.ca]]</li></ul></div>

</gallery>

Lab tech de l'ÉFPC

2024-05-13T16:38:00Z

Genevieve.lemieux:

Template:TL menu

2024-05-13T16:33:05Z

Genevieve.lemieux:

<div align="center">[[File:Tech Lab EN.png|link=http://expo.da-an.ca]]</div><br>

[[FR:Template:TL menu_FR]]
{{#css:

.navelement{
border-bottom:0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font-family: (Cooper black);
font-size: 13pt;

}

.navelement a{
display: block;
color:black;
font-weight:600;
border-bottom:solid 2px grey;
}

.navelement a:hover,.navelement focus{
background-color:#E9E5ED;
}

.navelement a.selflink{
color:#684E7E;
border-bottom:#684E7E solid 4px;

h2{
border-left: 10px #6b5088 solid !important;
}
}

}}
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center"

|-
| class="navelement" width="33%" | [[CSPS_Tech_Lab|<span>'''Meet the Team!'''</span>]]'''
| class="navelement" width="33%" | [[CSPS_Tech_Lab/Projects|<span>'''Our Projects'''</span>]]'''
|}

Template:TL menu FR

2024-05-13T16:32:36Z

Genevieve.lemieux:

<div align="center">[[File:Tech_Lab_FR.png|link=http://expo.da-an.ca]]</div><br>

[[EN:Template:TL_menu]]
{{#css:

.navelement{
border-bottom:0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font-family: (Cooper black);
font-size: 13pt;

}

.navelement a{
display: block;
color:black;
font-weight:600;
border-bottom:solid 2px grey;
}

.navelement a:hover,.navelement focus{
background-color:#E9E5ED;
}

.navelement a.selflink{
color:#684E7E;
border-bottom:#684E7E solid 4px;

}

}}
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center"

|-
| class="navelement" width="33%" | [[Lab_tech_de_l'ÉFPC|<span>'''Rencontrez l'équipe!'''</span>]]'''
| class="navelement" width="33%" | [[Lab_tech_de_l'ÉFPC/Projets|<span>'''Nos projets'''</span>]]'''
|}

Template:VExpoMenuFR

2024-05-13T16:31:58Z

Genevieve.lemieux:

<div align="center">[[File:Wiki vExpo menu image FR.png|1200px|]]</div>

{{#css:

.navelement{
border-bottom:0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font-family: (Cooper black);
font-size: 12pt;

}

.navelement a{
display: block;
color:black;
font-weight:600;
border-bottom:solid 2px grey;
}

.navelement a:hover,.navelement focus{
background-color:#E9E5ED;
}

.navelement a.selflink{
color:#684E7E;
border-bottom:#684E7E solid 4px;

}

}}
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center"

|-
| class="navelement" width="15%" | [[À propos de vExpo |<span>'''À propos de vExpo '''</span>]]'''
| class="navelement" width="20%" | [[À propos de vExpo/Rôles et responsabilités|<span>'''Rôles et responsabilités'''</span>]]'''

| class="navelement" width="10%" | [[À propos de vExpo/FAQ|<span>'''FAQ'''</span>]]'''
| class="navelement" width="30%" | [[Lab_tech_de_l'ÉFPC|<span>'''Recontrer l'équipe derrière vExpo'''</span>]]'''
|}

Template:VExpoMenu

2024-05-13T16:30:55Z

Genevieve.lemieux:

<div align="center">[[File:Wiki vExpo menu image EN.png|1200px|]]</div><br>
{{#css:
.navelement{
border-bottom:0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font-family: (Cooper black);
font-size: 12pt;
}
.navelement a{
display: block;
color:black;
font-weight:600;
border-bottom:solid 2px grey;
}
.navelement a:hover,.navelement focus{
background-color:#E9E5ED;
}
.navelement a.selflink{
color:#684E7E;
border-bottom:#684E7E solid 4px;
}
}}
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center"
|-
| class="navelement" width="20%" | [[About vExpo|<span>'''About vExpo'''</span>]]'''
| class="navelement" width="20%" | [[About vExpo/Roles and Responsibilities|<span>'''Roles and Responsibilities'''</span>]]'''

| class="navelement" width="20%" | [[About vExpo/FAQ's|<span>'''FAQ's'''</span>]]'''
| class="navelement" width="20%" | [[CSPS_Tech_Lab|<span>'''The Team Behind vExpo...'''</span>]]'''
|}

CSPS Tech Lab

2024-05-03T19:31:33Z

Genevieve.lemieux:

About vExpo

2023-11-24T16:23:47Z

Genevieve.lemieux:

[[FR:À propos de vExpo]]
{{#css:

body {
font-family: 'Nunito Sans', sans-serif;
}

.res-img img {
max-width:100%;
height:auto;
}

#topten {
margin-top: 2.2em;
}

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 6px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 20px;
width: auto;
height: auto;
background-color: rgba(108,77,133,0.8);
border: 1px solid rgb(108,77,133);
transition: 1s ease;
}

.btn a {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:visited {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.btn:hover {
background-color: rgba(108,77,133,0.5);
transition: 1s ease;
text-decoration: underline;
}

.mainpage_row {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}

.mainpage_box {
flex: 1;
margin: 5px;
min-width: 210px;
border: 0px solid #CCC;
padding: 10px 10px 10px 10px;
}

.mainpage_box h2 {
color: rgb(109,82,139);
font-family: 'Rubik', sans-serif;
font-size: 24px;
}

.mainpage_box h3 {
color: rgb(109,82,139);
font-family: 'Rubik', sans-serif;
font-size: 21px;
font-weight: normal;
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}

.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 5em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
}}

{{VExpoMenu}}
__NOTOC__

<div class="mainpage_box">
<h2><span> Welcome to the vExpo Wiki!</span></h2>
<div>
vExpo is the Canada School of Public Service (CSPS) virtual event platform. This event portal aims to enhance the participants’ experience by providing access to all event information from one central location, while making it engaging and easy to use.</div></div>
<div class="mainpage_row">
<div class="mainpage_box">
<h2><span>vExpo Lobby</span></h2>
<div>
The vExpo lobby allows participants to browse through event material, live presentations, and the exhibit area that showcases a series of virtual kiosks. The lobby provides direct access to all event material, such as:
*Main presentation (e.g. webcast)
*Breakout sessions (where applicable)
*Event information and material (agenda, speaker biographies)
*Collaboration tools (e.g. networking, chat, Q&A)
*Kiosks

'''Example of 3D Lobby'''<br>
[[File:Lobby2023.png|border|link=CSPS_Tech_Lab/vExpo|450px]]

</div>
</div>

<div class="mainpage_box">
<h2><span>vExpo Kiosk</span></h2>
<div>
The virtual kiosks are used by departments, communities, and program areas to showcase their initiatives and share information about their products and services, in a visual and interactive format.
The kiosks can be integrated as part of a vExpo, Web presence or promotional package. Kiosks usually include:
*Kiosk name (name of the department or initiative)
*Content (visuals and decorative text with links to websites, videos, etc.)
*Contact information (email, social media)
<p>Canada School of Public Service - [https://expo.da-an.ca//en/#/2100/kiosk/K211006-canada-school-of-public-service view live kiosk].<br></p>

'''Example of 3D kiosk'''<br>
[[File:KioskExample.png|border|link=CSPS_Tech_Lab/vExpo|600px]]
</div>
</div>
</div>

<div class="mainpage_box">
<h2><span>vExpo Knowledge Base</span></h2>
<div>
This resource has been created to help guide vExpo clients (event hosts and kiosk owners) through the creation of their product. Before you start, please read the vExpo Content Requirements carefully.
</div>

{| width="100%" cellspacing="15" cellpadding="10"

|- valign="top"
| style="border-left: 10px solid #3f2a56; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: black; background-color: white; font-size:1em;" |
<h3><span>vExpo Content Requirements</span></h3>
<div>
'''CSPS is committed to offer content and products that are fully accessible and inclusive. Event hosts and kiosk owners are responsible for the hosting and management of content and third party tools accessible through the vExpo platform and ensuring they meet the requirements under the [http://laws-lois.justice.gc.ca/eng/acts/O-3.01/ Official Languages Act], [http://laws-lois.justice.gc.ca/eng/acts/C-42/index.html Copyright Act] and the [http://www.tbs-sct.gc.ca/pol/doc-eng.aspx?id=23601 Standard on Web Accessibility].'''

All content to be included in a vExpo lobby and kiosks must:

*Be '''available on the web''' (e.g. department site, GCwiki, GCpedia, Youtube, etc.) so that we can link to it directly. Note: CSPS will not host any content or event material such as PDF, videos, Word, PPT, etc.

*Be available in '''both official languages'''

*Be '''fully accessible''' (i.e readable using assistive technology, alt text, transcripts, closed captions, etc.)

'''The vExpo is available publicly on the web for anyone to see and access.'''
*Event hosts and kiosk owners are responsible for working with there organization's communications team to review and approved the content.
*By default, all content made available via the lobby and kiosks should:
**have open access to be viewed publicly, without login or restricted permissions;
**have the appropriate copyrights to be shared publicly.
</div>
</div>
<br>
|}
<div style="text-align: left;font-size: 1.5em">
<div class="btn"><big>'''[[About_vExpo/vExpo_Knowledge_Base|Let's get started!]]'''</big></div>
</div>
</div>

About vExpo/vExpo Knowledge Base/Lobby/Create/Roles and Responsibilities

2023-11-24T13:19:27Z

Genevieve.lemieux:

{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p>

{|
[[File:EventHostCreating1.png|1200px|]]</center>
|}
{{StepbyStepMenu}}
[[FR:À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer/Rôles_et_responsabilités]]

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Event Host=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Eh1.png|350px|techlab]]
</div>
<div>
<big>'''As the event host, your main responsibility is to provide the vExpo team with the final content and images to be integrated into the vExpo.'''

'''For this, your role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Provide the event branding/look and feel to be incorporated as part of the lobby colors.
# Create the final design of the images to be included in the lobby 3D scene (banners and presentation screen). <br><br> [[About_vExpo/vExpo_Knowledge_Base/Lobby/Create#2._Design_your_Lobby_Visuals|Link: Design your Lobby Visual]]
# Ensure that all content available through the lobby meets the content requirements. <br><br>[[About_vExpo| Link: vExpo Content Requirements]]
# Provide a list of the kiosks to be included in the vExpo exhibit area.
<div class="break"></div>
# Submit final content (i.e., links, images, text) prior to the submission deadline, using the content submission form. <br><br>[https://drive.google.com/uc?id=1k6S5GEU4CfuIW8pMhjMDuPDlALPPP-fC&export=download Link: vExpo Lobby Content Submission Form]
# Request permission from kiosk owners to include their existing kiosk in your vExpo event (where applicable).
# Coordinate and manage all event logistics and 3rd party applications (e.g., registration, promotion, webcast, networking tool).
# Review the live version of your vExpo (on test environment) and give the go-ahead to launch in production.
</div>

</div>
<br>

|}

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Tech Lab=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.'''

'''When working with us to get your vExpo ready for your event, our role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Establish the vExpo submission deadlines.
# Adjust the lobby colors to match the event’s look and feel, as needed.
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.
<div class="break"></div>
# Provide the final vExpo event and kiosk URLs prior to the event.
# Provide analytics on the use of your vExpo following the event.
# Support you and answer your questions throughout the various stages of the process.
#.
</div>

<br>

|}
__NOTOC__

About vExpo/vExpo Knowledge Base/Kiosk/Edit/Roles and Responsibilities

2023-11-24T13:18:18Z

Genevieve.lemieux:

[[FR:À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Modifier/Rôles_et_responsabilités]]
{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p>

{|
[[File:KioskOwnerEditing1.png|1200px|]]</center>
|}
{{StepbyStepMenuKioskEdit}}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Kiosk Owner=
{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Ko1.png|350px]]
</div>
<div>
<big>'''As kiosk owner, your main responsibility is to design your kiosk and integrate your final visuals and content into the Kiosk vBuilder self-serve tool to create your kiosk.'''

'''For the development of a kiosk, your role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.
# Create the final kiosk design, following the kiosk design guidelines. <br><br>[[About_vExpo/vExpo_Knowledge_Base/Kiosk/Create#2._Design_your_kiosk|Link: Kiosk Design Guidelines]]
# Translate and request a linguistic review of all final kiosk content.
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]
<div class="break"></div>
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.
# Create your 3D kiosk using the vBuilder self-serve tool.
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.
# Keep your kiosk content up to date using the vBuilder self-serve tool.

</div>
<br>

|}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Tech Lab=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.'''

'''When working with us to get your vExpo ready for your event, our role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Establish the vExpo submission deadlines.
# Adjust the lobby colors to match the event’s look and feel, as needed.
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.
<div class="break"></div>
# Provide the final vExpo event and kiosk URLs prior to the event.
# Provide analytics on the use of your vExpo following the event.
# Support you and answer your questions throughout the various stages of the process.
#.
</div>

</div>
<br>

|}

Template:StepbyStepMenuFRKioskEdit

2023-11-24T13:17:18Z

Genevieve.lemieux:

{{#css:

.navelement{
border-bottom:0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font-family: (Cooper black);
font-size: 12pt;

}

.navelement a{
display: block;
color:black;
font-weight:600;
border-bottom:solid 2px grey;
}

.navelement a:hover,.navelement focus{
background-color:#E9E5ED;
}

.navelement a.selflink{
color:#684E7E;
border-bottom:#684E7E solid 4px;

}

}}
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center"

|-
| class="navelement" width="50%" | [[À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Modifier|<span>'''Processus par étapes'''</span>]]'''
| class="navelement" width="50%" | [[À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Modifier/Rôles et responsabilités|<span>'''Rôles et responsabilités'''</span>]]'''

|}

À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Modifier/Rôles et responsabilités

2023-11-24T13:16:39Z

Genevieve.lemieux: Created page with "{{#css: .btn { border: none; background-color: #FFFFFF; padding: 14px 28px; font-size: 12px; cursor: pointer; display: inline-block; } .btn:hover {background: #f..."

{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 425px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|<span>'''< Retourner à la Base de connaissance'''</span>]]</strong></p>

{|
[[File:EditingakioskFR.png|1200px|]]</center>
|}
{{StepbyStepMenuFRKioskEdit}}
[[EN:About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/Roles_and_Responsibilities]]

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Le responsable de kiosque=
{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Ko1.png|350px]]
</div>
<div>
'''En tant que responsable de kiosque, votre principale responsabilité est de concevoir votre kiosque et d'intégrer les visuels et le contenu dans l'outil libre-service vBuilder afin de créer votre kiosk.'''

'''Pour le développement d'un nouveau kiosque, votre rôle sera le suivant :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Coordonner avec votre équipe, votre haute gestion et votre équipe de communication interne, le contenu et les visuels à inclure dans votre kiosque.
# Créer le design final du kiosque, en suivant les directives de conception du kiosque.<br><br>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer#2._Concevez_votre_kiosque|Lien: Concevez votre kiosque]]
# Traduisez et demandez une révision linguistique de tout le contenu du kiosque, avant de le soumettre.
# Assurez-vous que tout le contenu disponible sur le kiosque répond aux exigences.<br><br> [[À_propos_de_vExpo#Exigences_en_mati.C3.A8re_de_contenu_de_vExpo|Lien: Exigences en matière de contenu]]
<div class="break"></div>
# Obtenez les approbations finales de la haute gestion et de votre équipe de communication interne sur le contenu et le design final du kiosque.
# Créez votre kiosque 3D en utilisant l'outil libre-service vBuilder.
# Examinez la version final de votre kiosque (sur l'environnement de test) et donnez le feu vert pour le publier.
# Maintenez le contenu de votre kiosque à jour en utilisant l'outil libre-service vBuilder.

</div>
<br>

|}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Lab des technologies - équipe vExpo=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
'''L'équipe vExpo est responsable du développement technique de la plateforme d'événement vExpo, y compris la salle d’accueil et les kiosques virtuels. Lorsque vous travaillerez avec nous pour la création de votre vExpo pour votre événement, notre rôle sera de :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Fixer la date limite de soumission du contenu pourle vExpo.
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).
# Intégrer les éléments visuels (bannières et écran de présentation), le texte et les liens vers le contenu dans le cadre de la salle d'accueil.
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.
<div class="break"></div>
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.
#.
</div>

</div>
<br>

|}

À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Créer/Rôles et responsabilités

2023-11-24T13:13:42Z

Genevieve.lemieux:

[[EN:About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities]]
{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 425px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|<span>'''< Retourner à la Base de connaissance'''</span>]]</strong></p>

{|
[[File:KioskocreatingFR.png|1200px|]]</center>
|}
{{StepbyStepMenuFRKiosk}}

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Le responsable de kiosque=
{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Ko1.png|350px]]
</div>
<div>
'''En tant que responsable de kiosque, votre principale responsabilité est de concevoir votre kiosque et d'intégrer les visuels et le contenu dans l'outil libre-service vBuilder afin de créer votre kiosk.'''

'''Pour le développement d'un nouveau kiosque, votre rôle sera le suivant :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Coordonner avec votre équipe, votre haute gestion et votre équipe de communication interne, le contenu et les visuels à inclure dans votre kiosque.
# Créer le design final du kiosque, en suivant les directives de conception du kiosque.<br><br>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer#2._Concevez_votre_kiosque|Lien: Concevez votre kiosque]]
# Traduisez et demandez une révision linguistique de tout le contenu du kiosque, avant de le soumettre.
# Assurez-vous que tout le contenu disponible sur le kiosque répond aux exigences.<br><br> [[À_propos_de_vExpo#Exigences_en_mati.C3.A8re_de_contenu_de_vExpo|Lien: Exigences en matière de contenu]]
<div class="break"></div>
# Obtenez les approbations finales de la haute gestion et de votre équipe de communication interne sur le contenu et le design final du kiosque.
# Créez votre kiosque 3D en utilisant l'outil libre-service vBuilder.
# Examinez la version final de votre kiosque (sur l'environnement de test) et donnez le feu vert pour le publier.
# Maintenez le contenu de votre kiosque à jour en utilisant l'outil libre-service vBuilder.

</div>
<br>

|}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Lab des technologies - équipe vExpo=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
'''L'équipe vExpo est responsable du développement technique de la plateforme d'événement vExpo, y compris la salle d’accueil et les kiosques virtuels. Lorsque vous travaillerez avec nous pour la création de votre vExpo pour votre événement, notre rôle sera de :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Fixer la date limite de soumission du contenu pourle vExpo.
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).
# Intégrer les éléments visuels (bannières et écran de présentation), le texte et les liens vers le contenu dans le cadre de la salle d'accueil.
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.
<div class="break"></div>
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.
#.
</div>

</div>
<br>

|}

À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Créer/Rôles et responsabilités

2023-11-24T13:12:42Z

Genevieve.lemieux: Created page with "EN:About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities {{#css: .img-banner{display: flex; flex-direction: row; align-items: center; justify-co..."

[[EN:About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities]]

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Le responsable de kiosque=
{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Ko1.png|350px]]
</div>
<div>
'''En tant que responsable de kiosque, votre principale responsabilité est de concevoir votre kiosque et d'intégrer les visuels et le contenu dans l'outil libre-service vBuilder afin de créer votre kiosk.'''

'''Pour le développement d'un nouveau kiosque, votre rôle sera le suivant :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Coordonner avec votre équipe, votre haute gestion et votre équipe de communication interne, le contenu et les visuels à inclure dans votre kiosque.
# Créer le design final du kiosque, en suivant les directives de conception du kiosque.<br><br>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer#2._Concevez_votre_kiosque|Lien: Concevez votre kiosque]]
# Traduisez et demandez une révision linguistique de tout le contenu du kiosque, avant de le soumettre.
# Assurez-vous que tout le contenu disponible sur le kiosque répond aux exigences.<br><br> [[À_propos_de_vExpo#Exigences_en_mati.C3.A8re_de_contenu_de_vExpo|Lien: Exigences en matière de contenu]]
<div class="break"></div>
# Obtenez les approbations finales de la haute gestion et de votre équipe de communication interne sur le contenu et le design final du kiosque.
# Créez votre kiosque 3D en utilisant l'outil libre-service vBuilder.
# Examinez la version final de votre kiosque (sur l'environnement de test) et donnez le feu vert pour le publier.
# Maintenez le contenu de votre kiosque à jour en utilisant l'outil libre-service vBuilder.

</div>
<br>

|}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Lab des technologies - équipe vExpo=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
'''L'équipe vExpo est responsable du développement technique de la plateforme d'événement vExpo, y compris la salle d’accueil et les kiosques virtuels. Lorsque vous travaillerez avec nous pour la création de votre vExpo pour votre événement, notre rôle sera de :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Fixer la date limite de soumission du contenu pourle vExpo.
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).
# Intégrer les éléments visuels (bannières et écran de présentation), le texte et les liens vers le contenu dans le cadre de la salle d'accueil.
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.
<div class="break"></div>
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.
#.
</div>

</div>
<br>

|}

Template:StepbyStepMenuFRKiosk

2023-11-24T13:09:29Z

Genevieve.lemieux:

{{#css:

.navelement{
border-bottom:0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font-family: (Cooper black);
font-size: 12pt;

}

.navelement a{
display: block;
color:black;
font-weight:600;
border-bottom:solid 2px grey;
}

.navelement a:hover,.navelement focus{
background-color:#E9E5ED;
}

.navelement a.selflink{
color:#684E7E;
border-bottom:#684E7E solid 4px;

}

}}
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center"

|-
| class="navelement" width="50%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer|<span>'''Processus par étapes'''</span>]]'''
| class="navelement" width="50%" | [[À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Créer/Rôles et responsabilités|<span>'''Rôles et responsabilités'''</span>]]'''

|}

À propos de vExpo/Base de connaissances sur vExpo/Salle d’accueil/Créer/Rôles et responsabilités

2023-11-23T19:35:29Z

Genevieve.lemieux:

[[EN:About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities]]

{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|<span>'''< Base de connaissances'''</span>]]</strong></p>

{|
[[File:EventHostFR.png|1200px|]]</center>
|}
{{StepbyStepMenuFR}}

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Le responsable de l'événement=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Eh1.png|350px|techlab]]
</div>
<div>
'''En tant que responsable de l'événement, votre principale responsabilité est de fournir à l'équipe vExpo le contenu final et les images à intégrer dans la vExpo.'''

'''Pour cela, votre rôle sera de :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Fournir l'image de marque de l'événement/le « look and feel » à intégrer dans les couleurs de la salle d’accueil.
# Créer le design final des images à inclure dans la scène 3D de la salle d’accueil (bannières et écran de présentation).<br><br> [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer#2._Concevez_les_éléments_visuels_de_votre_salle_d'accueil|Lien: Concevez les éléments visuels de votre salle d'accueil]]
# S'assurer que tout le contenu disponible dans la salle d’accueil répond aux exigences en matière de contenu.<br><br>[[À_propos_de_vExpo|Lien : Exigences en matière de contenu]]
# Fournir une liste des kiosques à inclure dans la zone d'exposition de vExpo.
<div class="break"></div>
# Soumettre le contenu final (c'est-à-dire les liens, les images, le texte) avant la date limite de soumission.<br><br>
# Demandez aux propriétaires des kiosques la permission d'inclure leur kiosque existant dans votre événement vExpo (le cas échéant).
# Coordonner et gérer toute la logistique de l'événement et les applications de tiers partie (par exemple, l'inscription, la promotion, la diffusion sur le Web, outil de réseautage).
# Examiner la version final de votre vExpo (sur l'environnement de test) et donner le feu vert pour le lancement en production.
</div>

</div>
<br>

|}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Lab des technologies - équipe vExpo=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
'''L'équipe vExpo est responsable du développement technique de la plateforme d'événement vExpo, y compris la salle d’accueil et les kiosques virtuels. Lorsque vous travaillerez avec nous pour la création de votre vExpo pour votre événement, notre rôle sera de :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Fixer la date limite de soumission du contenu pourle vExpo.
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).
# Intégrer les éléments visuels (bannières et écran de présentation), le texte et les liens vers le contenu dans le cadre de la salle d'accueil.
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.
<div class="break"></div>
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.
#.
</div>

</div>
<br>

|}
__NOTOC__

À propos de vExpo/Base de connaissances sur vExpo/Salle d’accueil/Créer/Rôles et responsabilités

2023-11-23T19:30:56Z

Genevieve.lemieux:

[[EN:About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities]]

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Le responsable de l'événement=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Eh1.png|350px|techlab]]
</div>
<div>
'''En tant que responsable de l'événement, votre principale responsabilité est de fournir à l'équipe vExpo le contenu final et les images à intégrer dans la vExpo.'''

'''Pour cela, votre rôle sera de :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Fournir l'image de marque de l'événement/le « look and feel » à intégrer dans les couleurs de la salle d’accueil.
# Créer le design final des images à inclure dans la scène 3D de la salle d’accueil (bannières et écran de présentation).<br><br> [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer#2._Concevez_les_éléments_visuels_de_votre_salle_d'accueil|Lien: Concevez les éléments visuels de votre salle d'accueil]]
# S'assurer que tout le contenu disponible dans la salle d’accueil répond aux exigences en matière de contenu.<br><br>[[À_propos_de_vExpo|Lien : Exigences en matière de contenu]]
# Fournir une liste des kiosques à inclure dans la zone d'exposition de vExpo.
<div class="break"></div>
# Soumettre le contenu final (c'est-à-dire les liens, les images, le texte) avant la date limite de soumission.<br><br>
# Demandez aux propriétaires des kiosques la permission d'inclure leur kiosque existant dans votre événement vExpo (le cas échéant).
# Coordonner et gérer toute la logistique de l'événement et les applications de tiers partie (par exemple, l'inscription, la promotion, la diffusion sur le Web, outil de réseautage).
# Examiner la version final de votre vExpo (sur l'environnement de test) et donner le feu vert pour le lancement en production.
</div>

</div>
<br>

|}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Lab des technologies - équipe vExpo=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
'''L'équipe vExpo est responsable du développement technique de la plateforme d'événement vExpo, y compris la salle d’accueil et les kiosques virtuels. Lorsque vous travaillerez avec nous pour la création de votre vExpo pour votre événement, notre rôle sera de :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Fixer la date limite de soumission du contenu pourle vExpo.
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).
# Intégrer les éléments visuels (bannières et écran de présentation), le texte et les liens vers le contenu dans le cadre de la salle d'accueil.
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.
<div class="break"></div>
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.
#.
</div>

</div>
<br>

|}
__NOTOC__

Template:StepbyStepMenuFRKiosk

2023-11-23T19:24:29Z

Genevieve.lemieux:

{{#css:

.navelement{
border-bottom:0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font-family: (Cooper black);
font-size: 12pt;

}

.navelement a{
display: block;
color:black;
font-weight:600;
border-bottom:solid 2px grey;
}

.navelement a:hover,.navelement focus{
background-color:#E9E5ED;
}

.navelement a.selflink{
color:#684E7E;
border-bottom:#684E7E solid 4px;

}

}}
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center"

|-
| class="navelement" width="50%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer|<span>'''Processus par étapes'''</span>]]'''
| class="navelement" width="50%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer/Rôles_et_responsabilités|<span>'''Rôles et responsabilités'''</span>]]'''

|}

À propos de vExpo/Base de connaissances sur vExpo/Salle d’accueil/Créer/Rôles et responsabilités

2023-11-23T19:23:46Z

Genevieve.lemieux:

{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[À propos de vExpo|<span>'''< À propos de vExpo'''</span>]]</strong></p>

{|
[[File:KioskocreatingFR.png|1200px|]]</center>
|}
{{StepbyStepMenuFRKiosk}}
[[EN:About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities]]

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Le responsable de kiosque=
{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Ko1.png|350px]]
</div>
<div>
'''En tant que responsable de kiosque, votre principale responsabilité est de concevoir votre kiosque et d'intégrer les visuels et le contenu dans l'outil libre-service vBuilder afin de créer votre kiosk.'''

'''Pour le développement d'un nouveau kiosque, votre rôle sera le suivant :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Coordonner avec votre équipe, votre haute gestion et votre équipe de communication interne, le contenu et les visuels à inclure dans votre kiosque.
# Créer le design final du kiosque, en suivant les directives de conception du kiosque.<br><br>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer#2._Concevez_votre_kiosque|Lien: Concevez votre kiosque]]
# Traduisez et demandez une révision linguistique de tout le contenu du kiosque, avant de le soumettre.
# Assurez-vous que tout le contenu disponible sur le kiosque répond aux exigences.<br><br> [[À_propos_de_vExpo#Exigences_en_mati.C3.A8re_de_contenu_de_vExpo|Lien: Exigences en matière de contenu]]
<div class="break"></div>
# Obtenez les approbations finales de la haute gestion et de votre équipe de communication interne sur le contenu et le design final du kiosque.
# Créez votre kiosque 3D en utilisant l'outil libre-service vBuilder.
# Examinez la version final de votre kiosque (sur l'environnement de test) et donnez le feu vert pour le publier.
# Maintenez le contenu de votre kiosque à jour en utilisant l'outil libre-service vBuilder.

</div>
<br>

|}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Lab des technologies - équipe vExpo=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
'''L'équipe vExpo est responsable du développement technique de la plateforme d'événement vExpo, y compris la salle d’accueil et les kiosques virtuels. Lorsque vous travaillerez avec nous pour la création de votre vExpo pour votre événement, notre rôle sera de :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Fixer la date limite de soumission du contenu pourle vExpo.
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).
# Intégrer les éléments visuels (bannières et écran de présentation), le texte et les liens vers le contenu dans le cadre de la salle d'accueil.
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.
<div class="break"></div>
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.
#.
</div>

</div>
<br>

|}

À propos de vExpo/Base de connaissances sur vExpo/Salle d’accueil/Créer/Rôles et responsabilités

2023-11-23T19:16:51Z

{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[À propos de vExpo|<span>'''< À propos de vExpo'''</span>]]</strong></p>

{|
[[File:EventHostFR.png|1200px|]]</center>
|}
{{StepbyStepMenuFR}}
[[EN:About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities]]

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Le responsable de l'événement=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Eh1.png|350px|techlab]]
</div>
<div>
'''En tant que responsable de l'événement, votre principale responsabilité est de fournir à l'équipe vExpo le contenu final et les images à intégrer dans la vExpo.'''

'''Pour cela, votre rôle sera de :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Fournir l'image de marque de l'événement/le « look and feel » à intégrer dans les couleurs de la salle d’accueil.
# Créer le design final des images à inclure dans la scène 3D de la salle d’accueil (bannières et écran de présentation).<br><br> [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer#2._Concevez_les_éléments_visuels_de_votre_salle_d'accueil|Lien: Concevez les éléments visuels de votre salle d'accueil]]
# S'assurer que tout le contenu disponible dans la salle d’accueil répond aux exigences en matière de contenu.<br><br>[[À_propos_de_vExpo|Lien : Exigences en matière de contenu]]
# Fournir une liste des kiosques à inclure dans la zone d'exposition de vExpo.
<div class="break"></div>
# Soumettre le contenu final (c'est-à-dire les liens, les images, le texte) avant la date limite de soumission.<br><br>
# Demandez aux propriétaires des kiosques la permission d'inclure leur kiosque existant dans votre événement vExpo (le cas échéant).
# Coordonner et gérer toute la logistique de l'événement et les applications de tiers partie (par exemple, l'inscription, la promotion, la diffusion sur le Web, outil de réseautage).
# Examiner la version final de votre vExpo (sur l'environnement de test) et donner le feu vert pour le lancement en production.
</div>

</div>
<br>

|}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Lab des technologies - équipe vExpo=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
'''L'équipe vExpo est responsable du développement technique de la plateforme d'événement vExpo, y compris la salle d’accueil et les kiosques virtuels. Lorsque vous travaillerez avec nous pour la création de votre vExpo pour votre événement, notre rôle sera de :'''
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Fixer la date limite de soumission du contenu pourle vExpo.
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).
# Intégrer les éléments visuels (bannières et écran de présentation), le texte et les liens vers le contenu dans le cadre de la salle d'accueil.
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.
<div class="break"></div>
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.
#.
</div>

</div>
<br>

|}

Template:StepbyStepMenuFR

2023-11-23T19:10:57Z

Genevieve.lemieux:

{{#css:

.navelement{
border-bottom:0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font-family: (Cooper black);
font-size: 12pt;

}

.navelement a{
display: block;
color:black;
font-weight:600;
border-bottom:solid 2px grey;
}

.navelement a:hover,.navelement focus{
background-color:#E9E5ED;
}

.navelement a.selflink{
color:#684E7E;
border-bottom:#684E7E solid 4px;

}

}}
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center"

|-
| class="navelement" width="33%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer|<span>'''Processus par étapes'''</span>]]'''
| class="navelement" width="33%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer/Rôles_et_responsabilités|<span>'''Rôles et responsabilités'''</span>]]'''
| class="navelement" width="33%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer/Schémas_de_parcours|<span>'''Schémas de parcours'''</span>]]'''
|}

Template:StepbyStepMenuFR

2023-11-23T19:10:39Z

Genevieve.lemieux:

{{#css:

.navelement{
border-bottom:0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font-family: (Cooper black);
font-size: 12pt;

}

.navelement a{
display: block;
color:black;
font-weight:600;
border-bottom:solid 2px grey;
}

.navelement a:hover,.navelement focus{
background-color:#E9E5ED;
}

.navelement a.selflink{
color:#684E7E;
border-bottom:#684E7E solid 4px;

}

}}
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center"

|-
| class="navelement" width="50%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer|<span>'''Processus par étapes'''</span>]]'''
| class="navelement" width="33%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer/Rôles_et_responsabilités|<span>'''Rôles et responsabilités'''</span>]]'''
| class="navelement" width="50%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer/Schémas_de_parcours|<span>'''Schémas de parcours'''</span>]]'''
|}

À propos de vExpo

2023-11-23T19:10:15Z

Genevieve.lemieux:

[[EN:About_vExpo]]
{{#css:

body {
font-family: 'Nunito Sans', sans-serif;
}

.res-img img {
max-width:100%;
height:auto;
}

#topten {
margin-top: 2.2em;
}

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 6px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 20px;
width: auto;
height: auto;
background-color: rgba(108,77,133,0.8);
border: 1px solid rgb(108,77,133);
transition: 1s ease;
}

.btn a {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:visited {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.btn:hover {
background-color: rgba(108,77,133,0.5);
transition: 1s ease;
text-decoration: underline;
}

.mainpage_row {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}

.mainpage_box {
flex: 1;
margin: 5px;
min-width: 210px;
border: 0px solid #CCC;
padding: 10px 10px 10px 10px;
}

.mainpage_box h2 {
color: rgb(109,82,139);
font-family: 'Rubik', sans-serif;
font-size: 24px;
}

.mainpage_box h3 {
color: rgb(109,82,139);
font-family: 'Rubik', sans-serif;
font-size: 21px;
font-weight: normal;
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}

.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 5em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
}}
{{VExpoMenuFR}}
__NOTOC__

<div class="mainpage_box">
<h2><span>Bienvenue à vExpo!</span></h2>
<div>
vExpo est la plateforme d’événements virtuels de l’École de la fonction publique du Canada (EFPC). Ce portail d’événements vise à améliorer l’expérience des participants en leur donnant accès à toutes les informations relatives à l’événement à partir d’un emplacement central, tout en le rendant attrayant et facile à utiliser. </div></div>

<div class="mainpage_row">
<div class="mainpage_box">
<h2><span>Salle d'accueil vExpo</span></h2>
<div>
La salle d’accueil vExpo permet aux personnes qui participent de consulter le programme de l’événement et les présentations en direct, et elles peuvent se promener dans une aire d’exposition de kiosques virtuels. L’accueil offre un accès direct à tout le matériel de l’événement :
*Présentation principale (p. ex. webdiffusion)
*Séances en petits groupes (le cas échéant)
*Informations et matériels pour l’événement (ordre du jour, biographie, etc.)
*Outils de collaboration (p. ex. réseautage, clavardage, questions-réponses)
*Kiosques

'''Exemple de salle d’accueil 3D'''<br>

[[File:Lobby2023.png|border|link=CSPS_Tech_Lab/vExpo|475px]]
<br>

</div>
</div>

<div class="mainpage_box">
<h2><span>Kiosque vExpo</span></h2>
<div>
Les kiosques virtuels sont utilisés par les ministères, les communautés et les programmes pour présenter leurs initiatives et communiquer des renseignements sur leurs produits et services, dans un format visuel et interactif.
Les kiosques peuvent être intégrés dans le cadre d’un vExpo, d’une présence sur le Web ou d’une trousse promotionnelle. Les kiosques comprennent généralement ce qui suit :
*Nom du kiosque (nom du ministère ou de l’initiative)
*Contenu (éléments visuels et texte décoratif avec des liens vers des sites Web, des vidéos, etc.)
*Coordonnées (courriel, médias sociaux)
<p>
École de la fonction publique du Canada – [https://expo.da-an.ca//en/#/2100/kiosk/K211006-canada-school-of-public-service voir le kiosque en direct].<br></p>

'''Exemple de kiosque 3D'''<br>

[[File:KioskExample.png|border|link=CSPS_Tech_Lab/vExpo|600px]]
</div>
</div>
</div>
<div class="mainpage_box">
<h2><span>Base de connaissances sur vExpo</span></h2>
<div>
Cette ressource a été créée pour aider à guider les clients de vExpo (organisateurs d'événements et propriétaires de kiosques) dans la création de leur produit. Avant de commencer, veuillez lire attentivement les Exigences en matière de contenu de vExpo.
</div>

{| width="100%" cellspacing="15" cellpadding="10"

|- valign="top"
| style="border-left: 10px solid #3f2a56; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: black; background-color: white; font-size:1em;" |
<h3><span>Exigences en matière de contenu de vExpo</span></h3>
<div>
'''L’EFPC s’engage à offrir du contenu et des produits entièrement accessibles et inclusifs. Les hôtes d’événements et les propriétaires de kiosques sont responsables de l’hébergement et de la gestion du contenu et des outils tiers accessibles par la plateforme vExpo et de s’assurer qu’ils répondent aux exigences de la [https://laws-lois.justice.gc.ca/fra/lois/o-3.01/ Loi sur les langues officielles], de la [https://laws-lois.justice.gc.ca/fra/lois/c-42/index.html Loi sur le droit d’auteur] et de la [https://www.tbs-sct.canada.ca/pol/doc-fra.aspx?id=23601 Norme sur l’accessibilité des sites Web].'''

Tout contenu à inclure dans une salle d’accueil et des kiosques vExpo doit :

*être '''disponible sur le Web''' (p. ex. site de ministère, GCwiki, GCpédia, YouTube, etc.) afin que nous puissions y accéder directement. Remarque : L’EFPC n’hébergera aucun contenu ou matériel d’événement tel que PDF, vidéos, Word, PPT, etc.;

*être disponible dans '''les deux langues officielles''';

*être '''entièrement accessible''' (c’est-à-dire lisible à l’aide d’une technologie d’assistance, d’un texte alternatif, de transcriptions, de sous-titres codés, etc.).

'''La vExpo est disponible publiquement sur le web pour que tout le monde puisse la voir et y accéder.'''
*Les organisateurs d'événements et les propriétaires de kiosques sont responsables de collaborer avec l'équipe de communication de leur organisation pour examiner et approuver le contenu.
*Par défaut, tout le contenu rendu accessible via le hall d'entrée et les kiosques doit:
**avoir un accès libre pour être visible publiquement, sans connexion ou permissions restreintes;
**avoir les droits d'auteur appropriés pour être partagé publiquement.
</div>
</div>
<br>
|}
<div style="text-align: left;font-size: 1.5em">
<div class="btn"><big>'''[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|Commençons !]]'''</big></div>
</div>
</div>

À propos de vExpo/Base de connaissances sur vExpo

2023-11-23T19:09:50Z

Genevieve.lemieux:

[[EN:About_vExpo/vExpo_Knowledge_Base]]
{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[À propos de vExpo|<span>'''< À propos de vExpo'''</span>]]</strong></p>

<div style="text-align: center;font-size: 1.5em">
'''Salut [[file:Waving_Hand_Emoji.png|50px]]'''
<div style="right"></div>
'''Bienvenue dans la base de connaissances de vExpo ! Cette ressource vous guidera dans la création d'un événement vExpo.'''

'''Quel est votre rôle?'''

</div>

{{#css:
.container-horizontal{
display: flex;
flex-direction: row;
align-items:flex-start;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 5em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Responsable de l’événement';}
.imagelink.owner a:before{content:'Responsable de kiosque';}

}}
<div style="text-align: center">
<div class="container-horizontal">
<div class="imagelink host ">[[File:Try1.png|center|600px|link=https://wiki.gccollab.ca/%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d%E2%80%99accueil/Cr%C3%A9er]]
En tant que responsable de l'événement, votre principale responsabilité est de fournir à l'équipe vExpo <br>
le contenu final et les images à intégrer dand la salle d’accueil du vExpo.</div>
<div class="imagelink owner">[[File:Try2.png|center|600px|link=https://wiki.gccollab.ca/%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque]]
En tant que propriétaire de kiosque, votre principale responsabilité est de concevoir votre kiosque et de fournir l'équipe vExpo<br>
le contenu final à intégrer dans le vExpo. </div>
</div>

À propos de vExpo/Base de connaissances sur vExpo

2023-11-23T19:07:54Z

Genevieve.lemieux:

[[EN:About_vExpo/vExpo_Knowledge_Base]]
{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[About_vExpo|<span>'''< À propos de vExpo'''</span>]]</strong></p>

<div style="text-align: center;font-size: 1.5em">
'''Salut [[file:Waving_Hand_Emoji.png|50px]]'''
<div style="right"></div>
'''Bienvenue dans la base de connaissances de vExpo ! Cette ressource vous guidera dans la création d'un événement vExpo.'''

'''Quel est votre rôle?'''

</div>

{{#css:
.container-horizontal{
display: flex;
flex-direction: row;
align-items:flex-start;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 5em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Responsable de l’événement';}
.imagelink.owner a:before{content:'Responsable de kiosque';}

}}
<div style="text-align: center">
<div class="container-horizontal">
<div class="imagelink host ">[[File:Try1.png|center|600px|link=https://wiki.gccollab.ca/%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d%E2%80%99accueil/Cr%C3%A9er]]
En tant que responsable de l'événement, votre principale responsabilité est de fournir à l'équipe vExpo <br>
le contenu final et les images à intégrer dand la salle d’accueil du vExpo.</div>
<div class="imagelink owner">[[File:Try2.png|center|600px|link=https://wiki.gccollab.ca/%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque]]
En tant que propriétaire de kiosque, votre principale responsabilité est de concevoir votre kiosque et de fournir l'équipe vExpo<br>
le contenu final à intégrer dans le vExpo. </div>
</div>

À propos de vExpo

2023-11-23T19:02:47Z

Genevieve.lemieux:

[[EN:About_vExpo]]
{{#css:

body {
font-family: 'Nunito Sans', sans-serif;
}

.res-img img {
max-width:100%;
height:auto;
}

#topten {
margin-top: 2.2em;
}

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 6px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 20px;
width: auto;
height: auto;
background-color: rgba(108,77,133,0.8);
border: 1px solid rgb(108,77,133);
transition: 1s ease;
}

.btn a {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:visited {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.btn:hover {
background-color: rgba(108,77,133,0.5);
transition: 1s ease;
text-decoration: underline;
}

.mainpage_row {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}

.mainpage_box {
flex: 1;
margin: 5px;
min-width: 210px;
border: 0px solid #CCC;
padding: 10px 10px 10px 10px;
}

.mainpage_box h2 {
color: rgb(109,82,139);
font-family: 'Rubik', sans-serif;
font-size: 24px;
}

.mainpage_box h3 {
color: rgb(109,82,139);
font-family: 'Rubik', sans-serif;
font-size: 21px;
font-weight: normal;
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}

.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 5em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
}}
{{VExpoMenuFR}}
__NOTOC__

<div class="mainpage_box">
<h2><span>Bienvenue à vExpo!</span></h2>
<div>
vExpo est la plateforme d’événements virtuels de l’École de la fonction publique du Canada (EFPC). Ce portail d’événements vise à améliorer l’expérience des participants en leur donnant accès à toutes les informations relatives à l’événement à partir d’un emplacement central, tout en le rendant attrayant et facile à utiliser. </div></div>

<div class="mainpage_row">
<div class="mainpage_box">
<h2><span>vSalle d'accueil vExpo</span></h2>
<div>
La salle d’accueil vExpo permet aux personnes qui participent de consulter le programme de l’événement et les présentations en direct, et elles peuvent se promener dans une aire d’exposition de kiosques virtuels. L’accueil offre un accès direct à tout le matériel de l’événement :
*Présentation principale (p. ex. webdiffusion)
*Séances en petits groupes (le cas échéant)
*Informations et matériels pour l’événement (ordre du jour, biographie, etc.)
*Outils de collaboration (p. ex. réseautage, clavardage, questions-réponses)
*Kiosques

'''Exemple de salle d’accueil 3D'''<br>

[[File:Lobby2023.png|border|link=CSPS_Tech_Lab/vExpo|475px]]
<br>

</div>
</div>

<div class="mainpage_box">
<h2><span>Kiosque vExpo</span></h2>
<div>
Les kiosques virtuels sont utilisés par les ministères, les communautés et les programmes pour présenter leurs initiatives et communiquer des renseignements sur leurs produits et services, dans un format visuel et interactif.
Les kiosques peuvent être intégrés dans le cadre d’un vExpo, d’une présence sur le Web ou d’une trousse promotionnelle. Les kiosques comprennent généralement ce qui suit :
*Nom du kiosque (nom du ministère ou de l’initiative)
*Contenu (éléments visuels et texte décoratif avec des liens vers des sites Web, des vidéos, etc.)
*Coordonnées (courriel, médias sociaux)
<p>
École de la fonction publique du Canada – [https://expo.da-an.ca//en/#/2100/kiosk/K211006-canada-school-of-public-service voir le kiosque en direct].<br></p>

'''Exemple de kiosque 3D'''<br>

[[File:KioskExample.png|border|link=CSPS_Tech_Lab/vExpo|600px]]
</div>
</div>
</div>
<div class="mainpage_box">
<h2><span>Base de connaissances sur vExpo</span></h2>
<div>
Cette ressource a été créée pour aider à guider les clients de vExpo (organisateurs d'événements et propriétaires de kiosques) dans la création de leur produit. Avant de commencer, veuillez lire attentivement les Exigences en matière de contenu de vExpo.
</div>

{| width="100%" cellspacing="15" cellpadding="10"

|- valign="top"
| style="border-left: 10px solid #3f2a56; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: black; background-color: white; font-size:1em;" |
<h3><span>Exigences en matière de contenu de vExpo</span></h3>
<div>
'''L’EFPC s’engage à offrir du contenu et des produits entièrement accessibles et inclusifs. Les hôtes d’événements et les propriétaires de kiosques sont responsables de l’hébergement et de la gestion du contenu et des outils tiers accessibles par la plateforme vExpo et de s’assurer qu’ils répondent aux exigences de la [https://laws-lois.justice.gc.ca/fra/lois/o-3.01/ Loi sur les langues officielles], de la [https://laws-lois.justice.gc.ca/fra/lois/c-42/index.html Loi sur le droit d’auteur] et de la [https://www.tbs-sct.canada.ca/pol/doc-fra.aspx?id=23601 Norme sur l’accessibilité des sites Web].'''

Tout contenu à inclure dans une salle d’accueil et des kiosques vExpo doit :

*être '''disponible sur le Web''' (p. ex. site de ministère, GCwiki, GCpédia, YouTube, etc.) afin que nous puissions y accéder directement. Remarque : L’EFPC n’hébergera aucun contenu ou matériel d’événement tel que PDF, vidéos, Word, PPT, etc.;

*être disponible dans '''les deux langues officielles''';

*être '''entièrement accessible''' (c’est-à-dire lisible à l’aide d’une technologie d’assistance, d’un texte alternatif, de transcriptions, de sous-titres codés, etc.).

'''La vExpo est disponible publiquement sur le web pour que tout le monde puisse la voir et y accéder.'''
*Les organisateurs d'événements et les propriétaires de kiosques sont responsables de collaborer avec l'équipe de communication de leur organisation pour examiner et approuver le contenu.
*Par défaut, tout le contenu rendu accessible via le hall d'entrée et les kiosques doit:
**avoir un accès libre pour être visible publiquement, sans connexion ou permissions restreintes;
**avoir les droits d'auteur appropriés pour être partagé publiquement.
</div>
</div>
<br>
|}
<div style="text-align: left;font-size: 1.5em">
<div class="btn"><big>'''[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|Commençons !]]'''</big></div>
</div>
</div>

Template:VExpoMenuFR

2023-11-23T19:02:31Z

Genevieve.lemieux:

<div align="center">[[File:Wiki vExpo menu image FR.png|1200px|]]</div>

{{#css:

.navelement{
border-bottom:0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font-family: (Cooper black);
font-size: 12pt;

}

.navelement a{
display: block;
color:black;
font-weight:600;
border-bottom:solid 2px grey;
}

.navelement a:hover,.navelement focus{
background-color:#E9E5ED;
}

.navelement a.selflink{
color:#684E7E;
border-bottom:#684E7E solid 4px;

}

}}
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center"

|-
| class="navelement" width="15%" | [[À propos de vExpo |<span>'''À propos de vExpo '''</span>]]'''
| class="navelement" width="20%" | [[À propos de vExpo/Rôles et responsabilités|<span>'''Rôles et responsabilités'''</span>]]'''

| class="navelement" width="10%" | [[À propos de vExpo/FAQ|<span>'''FAQ'''</span>]]'''
| class="navelement" width="30%" | [[À propos de vExpo/Recontrer l'équipe derrière vExpo|<span>'''Recontrer l'équipe derrière vExpo'''</span>]]'''
|}

À propos de vExpo

2023-11-23T19:01:55Z

Genevieve.lemieux:

[[EN:About_vExpo]]
{{#css:

body {
font-family: 'Nunito Sans', sans-serif;
}

.res-img img {
max-width:100%;
height:auto;
}

#topten {
margin-top: 2.2em;
}

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 6px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 20px;
width: auto;
height: auto;
background-color: rgba(108,77,133,0.8);
border: 1px solid rgb(108,77,133);
transition: 1s ease;
}

.btn a {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:visited {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.btn:hover {
background-color: rgba(108,77,133,0.5);
transition: 1s ease;
text-decoration: underline;
}

.mainpage_row {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}

.mainpage_box {
flex: 1;
margin: 5px;
min-width: 210px;
border: 0px solid #CCC;
padding: 10px 10px 10px 10px;
}

.mainpage_box h2 {
color: rgb(109,82,139);
font-family: 'Rubik', sans-serif;
font-size: 24px;
}

.mainpage_box h3 {
color: rgb(109,82,139);
font-family: 'Rubik', sans-serif;
font-size: 21px;
font-weight: normal;
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}

.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 5em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
}}
{{VExpoMenuFR}}
__NOTOC__

<div class="mainpage_box">
<h2><span>Bienvenue a vExpo!</span></h2>
<div>
vExpo est la plateforme d’événements virtuels de l’École de la fonction publique du Canada (EFPC). Ce portail d’événements vise à améliorer l’expérience des participants en leur donnant accès à toutes les informations relatives à l’événement à partir d’un emplacement central, tout en le rendant attrayant et facile à utiliser. </div></div>

<div class="mainpage_row">
<div class="mainpage_box">
<h2><span>vSalle d'accueil vExpo</span></h2>
<div>
La salle d’accueil vExpo permet aux personnes qui participent de consulter le programme de l’événement et les présentations en direct, et elles peuvent se promener dans une aire d’exposition de kiosques virtuels. L’accueil offre un accès direct à tout le matériel de l’événement :
*Présentation principale (p. ex. webdiffusion)
*Séances en petits groupes (le cas échéant)
*Informations et matériels pour l’événement (ordre du jour, biographie, etc.)
*Outils de collaboration (p. ex. réseautage, clavardage, questions-réponses)
*Kiosques

'''Exemple de salle d’accueil 3D'''<br>

[[File:Lobby2023.png|border|link=CSPS_Tech_Lab/vExpo|475px]]
<br>

</div>
</div>

<div class="mainpage_box">
<h2><span>Kiosque vExpo</span></h2>
<div>
Les kiosques virtuels sont utilisés par les ministères, les communautés et les programmes pour présenter leurs initiatives et communiquer des renseignements sur leurs produits et services, dans un format visuel et interactif.
Les kiosques peuvent être intégrés dans le cadre d’un vExpo, d’une présence sur le Web ou d’une trousse promotionnelle. Les kiosques comprennent généralement ce qui suit :
*Nom du kiosque (nom du ministère ou de l’initiative)
*Contenu (éléments visuels et texte décoratif avec des liens vers des sites Web, des vidéos, etc.)
*Coordonnées (courriel, médias sociaux)
<p>
École de la fonction publique du Canada – [https://expo.da-an.ca//en/#/2100/kiosk/K211006-canada-school-of-public-service voir le kiosque en direct].<br></p>

'''Exemple de kiosque 3D'''<br>

[[File:KioskExample.png|border|link=CSPS_Tech_Lab/vExpo|600px]]
</div>
</div>
</div>
<div class="mainpage_box">
<h2><span>Base de connaissances sur vExpo</span></h2>
<div>
Cette ressource a été créée pour aider à guider les clients de vExpo (organisateurs d'événements et propriétaires de kiosques) dans la création de leur produit. Avant de commencer, veuillez lire attentivement les Exigences en matière de contenu de vExpo.
</div>

{| width="100%" cellspacing="15" cellpadding="10"

|- valign="top"
| style="border-left: 10px solid #3f2a56; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: black; background-color: white; font-size:1em;" |
<h3><span>Exigences en matière de contenu de vExpo</span></h3>
<div>
'''L’EFPC s’engage à offrir du contenu et des produits entièrement accessibles et inclusifs. Les hôtes d’événements et les propriétaires de kiosques sont responsables de l’hébergement et de la gestion du contenu et des outils tiers accessibles par la plateforme vExpo et de s’assurer qu’ils répondent aux exigences de la [https://laws-lois.justice.gc.ca/fra/lois/o-3.01/ Loi sur les langues officielles], de la [https://laws-lois.justice.gc.ca/fra/lois/c-42/index.html Loi sur le droit d’auteur] et de la [https://www.tbs-sct.canada.ca/pol/doc-fra.aspx?id=23601 Norme sur l’accessibilité des sites Web].'''

Tout contenu à inclure dans une salle d’accueil et des kiosques vExpo doit :

*être '''disponible sur le Web''' (p. ex. site de ministère, GCwiki, GCpédia, YouTube, etc.) afin que nous puissions y accéder directement. Remarque : L’EFPC n’hébergera aucun contenu ou matériel d’événement tel que PDF, vidéos, Word, PPT, etc.;

*être disponible dans '''les deux langues officielles''';

*être '''entièrement accessible''' (c’est-à-dire lisible à l’aide d’une technologie d’assistance, d’un texte alternatif, de transcriptions, de sous-titres codés, etc.).

'''La vExpo est disponible publiquement sur le web pour que tout le monde puisse la voir et y accéder.'''
*Les organisateurs d'événements et les propriétaires de kiosques sont responsables de collaborer avec l'équipe de communication de leur organisation pour examiner et approuver le contenu.
*Par défaut, tout le contenu rendu accessible via le hall d'entrée et les kiosques doit:
**avoir un accès libre pour être visible publiquement, sans connexion ou permissions restreintes;
**avoir les droits d'auteur appropriés pour être partagé publiquement.
</div>
</div>
<br>
|}
<div style="text-align: left;font-size: 1.5em">
<div class="btn"><big>'''[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|Commençons !]]'''</big></div>
</div>
</div>

About vExpo/FAQ's

2023-11-23T18:51:32Z

Genevieve.lemieux:

{{VExpoMenu}}
[[FR:À_propos_de_vExpo/FAQ]]
=Frequently Asked Questions=

==What is the history behind vExpo?==

This innovation project was launched following the shift to virtual events as a result of the COVID-19 pandemic. The first iteration of the product was first used at an event in June 2020, and has since continued to evolve. While vExpo continues to be used for CSPS virtual events, work continues to iterate on the product, leveraging and experimenting with modern and immersive technologies to bring new features and experiences to virtual events, as well as other immersive learning experiences.

==Who can use vExpo?==

vExpo is a platform developed in-house by the Canada School of Public Service (CSPS) to support virtual events hosted by, or in collaboration with the School. vExpo is not available for use by other departments to host departmental events.

GC departments may be invited by CSPS to host a virtual kiosk at an upcoming school event. Kiosks developed for an event can be repurposed for future events or used independently as stand alone kiosks, independently from an event.

==Can users view vExpo on a tablet or on a mobile phone?==

Yes. When accessing vExpo from a mobile device, you will automatically be redirected to the mobile site. However, we recommend using a desktop with an up-to-date browser to get the best experience possible.

==Is there a maximum of existing kiosks I can use for my event?==

While there is technically no maximum of kiosks you can use for your event, we recommend only using kiosks that are relevant to your event. The longer the list of kiosks is, the less likely the ones at the bottom will be visited. Therefore, we suggest keeping the list under 15 kiosks.

==Is vExpo accessible?==

CSPS is committed to offer content and products that are fully accessible and inclusive. Event hosts and kiosk owners are responsible for the hosting and management of the content and third party tools accessible through the vExpo platform and ensuring it meets the requirements under the [http://laws-lois.justice.gc.ca/eng/acts/O-3.01/ Official Languages Act], [http://laws-lois.justice.gc.ca/eng/acts/C-42/index.html Copyright Act] and the [http://www.tbs-sct.gc.ca/pol/doc-eng.aspx?id=23601 Standard on Web Accessibility].

For further information, please take a look at the [[About_vExpo#vExpo_Content_Requirements|vExpo content requirements]].

==What type of browser is required to access vExpo?==

A modern and up-to-date web browser like Google Chrome or Microsoft Edge is highly recommended. If you use a mobile device or unsupported web browser, you will be redirected to the mobile/accessible site. If you are having difficulties accessing the website, try changing or updating your web browser. Learn more here: [[CSPS_Tech_Lab/vExpo/Virtual_Expo_Browser_Compatibility|Virtual Expo Browser Compatibility]].

==Can I create a lobby without creating a kiosk and vice-versa?==

Yes, you can create a lobby just to showcase your main event. You can choose to add existing kiosks relevant to your event or not include a kiosk area at all. It is also possible to only create a kiosk not attached to any lobby.

==I don’t have the skills and/or software to design a kiosk myself. What should I do?==

As per the [[About_vExpo/Roles_and_Responsibilities|Roles and Responsibilities]] for the vExpo, kiosk owners are providing the final designs of their kiosks. Image specifications and guidance material have been developed to support your kiosk design journey, if required. That said, we recommend seeking support from your department’s Communications, Marketing or Multimedia team to develop the final kiosk design files. You can also consider seeking help from a colleague with design skills, hiring a design firm, or setting up a [https://www.gcpedia.gc.ca/wiki/Micro-Missions micro-mission].

If you don’t have access to a design application, discuss options with your supervisor. Good design applications options include: Adobe Illustrator, Adobe Photoshop, Adobe XD, Sketch, Figma (free option available), Canva, etc.

À propos de vExpo/FAQ

2023-11-23T18:50:46Z

Genevieve.lemieux:

{{VExpoMenuFR}}
[[EN:About_vExpo/FAQ%27s]]
=Questions fréquemment posées=

==Quelle est l'histoire derrière vExpo?==
Ce projet d'innovation a été lancé à la suite du passage aux événements virtuels en raison de la pandémie de COVID-19. La première version du produit a été utilisée pour la première fois lors d'un événement en juin 2020 et a depuis continué à évoluer. Bien que vExpo continue d'être utilisé pour les événements virtuels de l'École de la fonction publique du Canada (EFPC), le travail se poursuit pour itérer sur le produit, en exploitant et en expérimentant avec des technologies modernes et immersives afin d'apporter de nouvelles fonctionnalités et expériences aux événements virtuels, ainsi qu'à d'autres expériences d'apprentissage immersives.

==Qui peut utiliser vExpo?==

vExpo est une plateforme développée à l’interne par l’École de la fonction publique du Canada (EFPC) pour soutenir les événements virtuels organisés par l’École ou en collaboration avec celle-ci. vExpo n’est pas accessible aux autres ministères pour l’organisation d’événements ministériels.

Les ministères du gouvernement du Canada peuvent être invités par l’EFPC à organiser un kiosque virtuel lors d’un événement de l’École à venir. Les kiosques conçus pour un événement peuvent être réutilisés pour de futurs événements ou utilisés seuls en tant que kiosques autonomes, indépendamment d’un événement.

==Les utilisateurs peuvent-ils voir vExpo sur une tablette ou sur un téléphone cellulaire?==

Oui. Lorsque vous accédez à vExpo depuis un appareil mobile, vous êtes automatiquement redirigé vers le site mobile. Cependant, nous vous recommandons d’utiliser un ordinateur de bureau avec un navigateur à jour pour avoir la meilleure expérience possible.

==Y a-t-il un maximum de kiosques existants que je peux utiliser pour mon événement?==

Bien qu’il n’y ait techniquement pas de maximum de kiosques que vous pouvez utiliser pour votre événement, nous vous recommandons d’utiliser uniquement les kiosques qui sont pertinents pour votre événement. Plus la liste des kiosques est longue, moins ceux qui apparaissent au bas de la liste seront visités. Par conséquent, nous suggérons de limiter la liste à moins de 15 kiosques.

==La plateforme vExpo est-elle accessible?==

L’EFPC s’engage à offrir du contenu et des produits entièrement accessibles et inclusifs. Les responsables d’événements et les propriétaires de kiosques sont chargés de l’hébergement et de la gestion efficace du contenu et des outils tiers accessibles par la plateforme vExpo et doivent s’assurer que ceux-ci répondent aux exigences de la [https://laws-lois.justice.gc.ca/fra/lois/o-3.01/ Loi sur les langues officielles], de la [https://laws-lois.justice.gc.ca/fra/lois/c-42/index.html Loi sur le droit d’auteur] et de la [https://www.tbs-sct.canada.ca/pol/doc-fra.aspx?id=23601 Norme sur l’accessibilité des sites Web].

Pour obtenir de plus amples renseignements, veuillez consulter les [[À_propos_de_vExpo#Exigences_en_mati.C3.A8re_de_contenu_de_vExpo|exigences en matière de contenu de vExpo]].

==Quel type de navigateur est requis pour accéder à vExpo?==

Un navigateur Web moderne et à jour comme Google Chrome ou Microsoft Edge est fortement recommandé. Si vous utilisez un appareil mobile ou un navigateur Web non compatible, vous serez redirigé vers le site mobile/accessible. Si vous rencontrez des difficultés pour accéder au site Web, essayez de changer ou de mettre à jour votre navigateur Web. En savoir plus : [[Lab_tech_de_l%27%C3%89FPC/vExpo/Compatibilit%C3%A9_des_navigateurs_pour_l%E2%80%99Expo_virtuel|Compatibilité des navigateurs pour l’Expo virtuel]].

==Puis-je créer un accueil sans créer de kiosque et vice-versa?==

Oui, vous pouvez créer une salle d’accueil uniquement pour présenter votre événement principal. Vous pouvez choisir d’ajouter des kiosques existants pertinents pour votre événement ou de ne pas inclure de zone de kiosque du tout. Il est également possible de créer uniquement un kiosque non rattaché à une salle d’accueil.

==Je n’ai pas les compétences et/ou le logiciel pour concevoir moi-même un kiosque. Que dois-je faire?==

Conformément aux [[À_propos_de_vExpo/Rôles_et_responsabilités|rôles et responsabilités]] pour le vExpo, les propriétaires de kiosques fournissent la conception finale de leurs kiosques. Des spécifications d’image et du matériel d’orientation ont été élaborés pour soutenir votre parcours de conception de kiosque, au besoin. Cela dit, nous vous recommandons de demander l’aide de l’équipe des communications, du marketing ou multimédia de votre ministère pour développer les fichiers de conception finale du kiosque. Vous pouvez également envisager de demander l’aide d’un collègue ayant des compétences en conception, d’embaucher une entreprise de conception ou de mettre en place une [https://www.gcpedia.gc.ca/wiki/Micro-missions_-_Page_d%27accueil micro mission].

About vExpo

2023-11-23T18:44:11Z

Genevieve.lemieux:

[[FR:À propos de vExpo]]
{{#css:

body {
font-family: 'Nunito Sans', sans-serif;
}

.res-img img {
max-width:100%;
height:auto;
}

#topten {
margin-top: 2.2em;
}

.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 6px 6px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 20px;
width: auto;
height: auto;
background-color: rgba(108,77,133,0.8);
border: 1px solid rgb(108,77,133);
transition: 1s ease;
}

.btn a {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:visited {
color: rgb(255, 255, 255);
text-decoration: none;
}

.btn a.external:hover {
color: rgb(255,255,255);
text-decoration: underline;
}

.btn:hover {
background-color: rgba(108,77,133,0.5);
transition: 1s ease;
text-decoration: underline;
}

.mainpage_row {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}

.mainpage_box {
flex: 1;
margin: 5px;
min-width: 210px;
border: 0px solid #CCC;
padding: 10px 10px 10px 10px;
}

.mainpage_box h2 {
color: rgb(109,82,139);
font-family: 'Rubik', sans-serif;
font-size: 24px;
}

.mainpage_box h3 {
color: rgb(109,82,139);
font-family: 'Rubik', sans-serif;
font-size: 21px;
font-weight: normal;
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}

.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 5em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
}}

{{VExpoMenu}}
__NOTOC__

<div class="mainpage_box">
<h2><span> Welcome to the vExpo!</span></h2>
<div>
vExpo is the Canada School of Public Service (CSPS) virtual event platform. This event portal aims to enhance the participants’ experience by providing access to all event information from one central location, while making it engaging and easy to use.</div></div>
<div class="mainpage_row">
<div class="mainpage_box">
<h2><span>vExpo Lobby</span></h2>
<div>
The vExpo lobby allows participants to browse through event material, live presentations, and the exhibit area that showcases a series of virtual kiosks. The lobby provides direct access to all event material, such as:
*Main presentation (e.g. webcast)
*Breakout sessions (where applicable)
*Event information and material (agenda, speaker biographies)
*Collaboration tools (e.g. networking, chat, Q&A)
*Kiosks

'''Example of 3D Lobby'''<br>
[[File:Lobby2023.png|border|link=CSPS_Tech_Lab/vExpo|450px]]

</div>
</div>

<div class="mainpage_box">
<h2><span>vExpo Kiosk</span></h2>
<div>
The virtual kiosks are used by departments, communities, and program areas to showcase their initiatives and share information about their products and services, in a visual and interactive format.
The kiosks can be integrated as part of a vExpo, Web presence or promotional package. Kiosks usually include:
*Kiosk name (name of the department or initiative)
*Content (visuals and decorative text with links to websites, videos, etc.)
*Contact information (email, social media)
<p>Canada School of Public Service - [https://expo.da-an.ca//en/#/2100/kiosk/K211006-canada-school-of-public-service view live kiosk].<br></p>

'''Example of 3D kiosk'''<br>
[[File:KioskExample.png|border|link=CSPS_Tech_Lab/vExpo|600px]]
</div>
</div>
</div>

<div class="mainpage_box">
<h2><span>vExpo Knowledge Base</span></h2>
<div>
This resource has been created to help guide vExpo clients (event hosts and kiosk owners) through the creation of their product. Before you start, please read the vExpo Content Requirements carefully.
</div>

{| width="100%" cellspacing="15" cellpadding="10"

|- valign="top"
| style="border-left: 10px solid #3f2a56; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: black; background-color: white; font-size:1em;" |
<h3><span>vExpo Content Requirements</span></h3>
<div>
'''CSPS is committed to offer content and products that are fully accessible and inclusive. Event hosts and kiosk owners are responsible for the hosting and management of content and third party tools accessible through the vExpo platform and ensuring they meet the requirements under the [http://laws-lois.justice.gc.ca/eng/acts/O-3.01/ Official Languages Act], [http://laws-lois.justice.gc.ca/eng/acts/C-42/index.html Copyright Act] and the [http://www.tbs-sct.gc.ca/pol/doc-eng.aspx?id=23601 Standard on Web Accessibility].'''

All content to be included in a vExpo lobby and kiosks must:

*Be '''available on the web''' (e.g. department site, GCwiki, GCpedia, Youtube, etc.) so that we can link to it directly. Note: CSPS will not host any content or event material such as PDF, videos, Word, PPT, etc.

*Be available in '''both official languages'''

*Be '''fully accessible''' (i.e readable using assistive technology, alt text, transcripts, closed captions, etc.)

'''The vExpo is available publicly on the web for anyone to see and access.'''
*Event hosts and kiosk owners are responsible for working with there organization's communications team to review and approved the content.
*By default, all content made available via the lobby and kiosks should:
**have open access to be viewed publicly, without login or restricted permissions;
**have the appropriate copyrights to be shared publicly.
</div>
</div>
<br>
|}
<div style="text-align: left;font-size: 1.5em">
<div class="btn"><big>'''[[About_vExpo/vExpo_Knowledge_Base|Let's get started!]]'''</big></div>
</div>
</div>

About vExpo/vExpo Knowledge Base

2023-11-23T18:37:11Z

Genevieve.lemieux:

[[FR:À_propos_de_vExpo/Base_de_connaissances_sur_vExpo]]
{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[About_vExpo|<span>'''< Back to About vExpo'''</span>]]</strong></p>

<div style="text-align: center;font-size: 1.5em">
'''Hello [[file:Waving_Hand_Emoji.png|50px]]'''
<div style="right"></div>
'''Welcome to the vExpo Knowledge Base! This resource will guide you through the creation of a vExpo Event.'''

'''What is your role?'''
</div>

{{#css:
.container-horizontal{
display: flex;
flex-direction: row;
align-items:flex-start;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 5em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}

}}
<div style="text-align: center">
<div class="container-horizontal">
<div class="imagelink host ">[[File:Try1.png|center|600px|link=https://wiki.gccollab.ca/About_vExpo/vExpo_Knowledge_Base/Lobby/Create]]
As the event host, your main responsibility is to provide the vExpo team with
the final content and images to be integrated into the vExpo Lobby. </div>
<div class="imagelink owner">[[File:Try2.png|center|600px|link=https://wiki.gccollab.ca/About_vExpo/vExpo_Knowledge_Base/Kiosk]]As a kiosk owner, your main responsibility is to design your kiosk and provide us
with the final content to be integrated into the vExpo. </div>
</div>

About vExpo/vExpo Knowledge Base

2023-11-23T18:36:23Z

Genevieve.lemieux:

[[FR:À_propos_de_vExpo/Base_de_connaissances_sur_vExpo]]
{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[About_vExpo|<span>'''< Back to "About vExpo"'''</span>]]</strong></p>

<div style="text-align: center;font-size: 1.5em">
'''Hello [[file:Waving_Hand_Emoji.png|50px]]'''
<div style="right"></div>
'''Welcome to the vExpo Knowledge Base! This resource will guide you through the creation of a vExpo Event.'''

'''What is your role?'''
</div>

{{#css:
.container-horizontal{
display: flex;
flex-direction: row;
align-items:flex-start;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 5em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}

}}
<div style="text-align: center">
<div class="container-horizontal">
<div class="imagelink host ">[[File:Try1.png|center|600px|link=https://wiki.gccollab.ca/About_vExpo/vExpo_Knowledge_Base/Lobby/Create]]
As the event host, your main responsibility is to provide the vExpo team with
the final content and images to be integrated into the vExpo Lobby. </div>
<div class="imagelink owner">[[File:Try2.png|center|600px|link=https://wiki.gccollab.ca/About_vExpo/vExpo_Knowledge_Base/Kiosk]]As a kiosk owner, your main responsibility is to design your kiosk and provide us
with the final content to be integrated into the vExpo. </div>
</div>

About vExpo/vExpo Knowledge Base/Lobby/Create/Roles and Responsibilities

2023-11-23T18:02:36Z

Genevieve.lemieux:

{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p>

{|
[[File:EventHostCreating1.png|1200px|]]</center>
|}
{{StepbyStepMenu}}
[[FR:À_propos_de_vExpo/Rôles_et_responsabilités]]

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Event Host=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Eh1.png|350px|techlab]]
</div>
<div>
<big>'''As the event host, your main responsibility is to provide the vExpo team with the final content and images to be integrated into the vExpo.'''

'''For this, your role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Provide the event branding/look and feel to be incorporated as part of the lobby colors.
# Create the final design of the images to be included in the lobby 3D scene (banners and presentation screen). <br><br> [[About_vExpo/vExpo_Knowledge_Base/Lobby/Create#2._Design_your_Lobby_Visuals|Link: Design your Lobby Visual]]
# Ensure that all content available through the lobby meets the content requirements. <br><br>[[About_vExpo| Link: vExpo Content Requirements]]
# Provide a list of the kiosks to be included in the vExpo exhibit area.
<div class="break"></div>
# Submit final content (i.e., links, images, text) prior to the submission deadline, using the content submission form. <br><br>[https://drive.google.com/uc?id=1k6S5GEU4CfuIW8pMhjMDuPDlALPPP-fC&export=download Link: vExpo Lobby Content Submission Form]
# Request permission from kiosk owners to include their existing kiosk in your vExpo event (where applicable).
# Coordinate and manage all event logistics and 3rd party applications (e.g., registration, promotion, webcast, networking tool).
# Review the live version of your vExpo (on test environment) and give the go-ahead to launch in production.
</div>

</div>
<br>

|}

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Tech Lab=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.'''

'''When working with us to get your vExpo ready for your event, our role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Establish the vExpo submission deadlines.
# Adjust the lobby colors to match the event’s look and feel, as needed.
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.
<div class="break"></div>
# Provide the final vExpo event and kiosk URLs prior to the event.
# Provide analytics on the use of your vExpo following the event.
# Support you and answer your questions throughout the various stages of the process.
#.
</div>

<br>

|}
__NOTOC__

About vExpo/vExpo Knowledge Base/Lobby/Create/Roles and Responsibilities

2023-11-23T18:02:05Z

Genevieve.lemieux:

__NOTOC__
{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p>

{|
[[File:EventHostCreating1.png|1200px|]]</center>
|}
{{StepbyStepMenu}}
[[FR:À_propos_de_vExpo/Rôles_et_responsabilités]]

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Event Host=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Eh1.png|350px|techlab]]
</div>
<div>
<big>'''As the event host, your main responsibility is to provide the vExpo team with the final content and images to be integrated into the vExpo.'''

'''For this, your role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Provide the event branding/look and feel to be incorporated as part of the lobby colors.
# Create the final design of the images to be included in the lobby 3D scene (banners and presentation screen). <br><br> [[About_vExpo/vExpo_Knowledge_Base/Lobby/Create#2._Design_your_Lobby_Visuals|Link: Design your Lobby Visual]]
# Ensure that all content available through the lobby meets the content requirements. <br><br>[[About_vExpo| Link: vExpo Content Requirements]]
# Provide a list of the kiosks to be included in the vExpo exhibit area.
<div class="break"></div>
# Submit final content (i.e., links, images, text) prior to the submission deadline, using the content submission form. <br><br>[https://drive.google.com/uc?id=1k6S5GEU4CfuIW8pMhjMDuPDlALPPP-fC&export=download Link: vExpo Lobby Content Submission Form]
# Request permission from kiosk owners to include their existing kiosk in your vExpo event (where applicable).
# Coordinate and manage all event logistics and 3rd party applications (e.g., registration, promotion, webcast, networking tool).
# Review the live version of your vExpo (on test environment) and give the go-ahead to launch in production.
</div>

</div>
<br>

|}

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Tech Lab=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.'''

'''When working with us to get your vExpo ready for your event, our role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Establish the vExpo submission deadlines.
# Adjust the lobby colors to match the event’s look and feel, as needed.
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.
<div class="break"></div>
# Provide the final vExpo event and kiosk URLs prior to the event.
# Provide analytics on the use of your vExpo following the event.
# Support you and answer your questions throughout the various stages of the process.
#.
</div>

<br>

|}

About vExpo/vExpo Knowledge Base/Lobby/Create/Roles and Responsibilities

2023-11-23T18:01:48Z

Genevieve.lemieux:

__TOC__
{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p>

{|
[[File:EventHostCreating1.png|1200px|]]</center>
|}
{{StepbyStepMenu}}
[[FR:À_propos_de_vExpo/Rôles_et_responsabilités]]

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Event Host=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Eh1.png|350px|techlab]]
</div>
<div>
<big>'''As the event host, your main responsibility is to provide the vExpo team with the final content and images to be integrated into the vExpo.'''

'''For this, your role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Provide the event branding/look and feel to be incorporated as part of the lobby colors.
# Create the final design of the images to be included in the lobby 3D scene (banners and presentation screen). <br><br> [[About_vExpo/vExpo_Knowledge_Base/Lobby/Create#2._Design_your_Lobby_Visuals|Link: Design your Lobby Visual]]
# Ensure that all content available through the lobby meets the content requirements. <br><br>[[About_vExpo| Link: vExpo Content Requirements]]
# Provide a list of the kiosks to be included in the vExpo exhibit area.
<div class="break"></div>
# Submit final content (i.e., links, images, text) prior to the submission deadline, using the content submission form. <br><br>[https://drive.google.com/uc?id=1k6S5GEU4CfuIW8pMhjMDuPDlALPPP-fC&export=download Link: vExpo Lobby Content Submission Form]
# Request permission from kiosk owners to include their existing kiosk in your vExpo event (where applicable).
# Coordinate and manage all event logistics and 3rd party applications (e.g., registration, promotion, webcast, networking tool).
# Review the live version of your vExpo (on test environment) and give the go-ahead to launch in production.
</div>

</div>
<br>

|}

{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Tech Lab=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.'''

'''When working with us to get your vExpo ready for your event, our role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Establish the vExpo submission deadlines.
# Adjust the lobby colors to match the event’s look and feel, as needed.
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.
<div class="break"></div>
# Provide the final vExpo event and kiosk URLs prior to the event.
# Provide analytics on the use of your vExpo following the event.
# Support you and answer your questions throughout the various stages of the process.
#.
</div>

<br>

|}

About vExpo/vExpo Knowledge Base/Kiosk/Edit/Roles and Responsibilities

2023-11-23T17:59:57Z

Genevieve.lemieux:

{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p>

{|
[[File:KioskOwnerEditing1.png|1200px|]]</center>
|}
{{StepbyStepMenuKioskEdit}}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Kiosk Owner=
{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Ko1.png|350px]]
</div>
<div>
<big>'''As kiosk owner, your main responsibility is to design your kiosk and integrate your final visuals and content into the Kiosk vBuilder self-serve tool to create your kiosk.'''

'''For the development of a kiosk, your role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.
# Create the final kiosk design, following the kiosk design guidelines. <br><br>[[About_vExpo/vExpo_Knowledge_Base/Kiosk/Create#2._Design_your_kiosk|Link: Kiosk Design Guidelines]]
# Translate and request a linguistic review of all final kiosk content.
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]
<div class="break"></div>
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.
# Create your 3D kiosk using the vBuilder self-serve tool.
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.
# Keep your kiosk content up to date using the vBuilder self-serve tool.

</div>
<br>

|}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Tech Lab=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.'''

'''When working with us to get your vExpo ready for your event, our role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Establish the vExpo submission deadlines.
# Adjust the lobby colors to match the event’s look and feel, as needed.
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.
<div class="break"></div>
# Provide the final vExpo event and kiosk URLs prior to the event.
# Provide analytics on the use of your vExpo following the event.
# Support you and answer your questions throughout the various stages of the process.
#.
</div>

</div>
<br>

|}

Template:StepbyStepMenuKioskEdit

2023-11-23T17:59:23Z

Genevieve.lemieux:

{{#css:

.navelement{
border-bottom:0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font-family: (Cooper black);
font-size: 12pt;

}

.navelement a{
display: block;
color:black;
font-weight:600;
border-bottom:solid 2px grey;
}

.navelement a:hover,.navelement focus{
background-color:#E9E5ED;
}

.navelement a.selflink{
color:#684E7E;
border-bottom:#684E7E solid 4px;

}

}}
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center"

|-
| class="navelement" width="50%" | [[About vExpo/vExpo Knowledge Base/Kiosk/Edit|<span>'''Step by Step Process'''</span>]]'''
| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/Roles_and_Responsibilities|<span>'''Roles and Responsibilities'''</span>]]'''

|}

About vExpo/vExpo Knowledge Base/Kiosk/Roles and Responsibilities

2023-11-23T17:58:36Z

Genevieve.lemieux:

{{#css:

.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}

.btn:hover {background: #ff9800;}

.cta {color: #eee;}

p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}

.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.button {
width: 270px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}

.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}

.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p>

{|
[[File:Kiosk_Owner_Creating.png|1200px|]]</center>
|}
{{StepbyStepMenuKiosk}}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Kiosk Owner=
{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Ko1.png|350px]]
</div>
<div>
<big>'''As kiosk owner, your main responsibility is to design your kiosk and integrate your final visuals and content into the Kiosk vBuilder self-serve tool to create your kiosk.'''

'''For the development of a kiosk, your role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

}}

<div class="round-list">
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.
# Create the final kiosk design, following the kiosk design guidelines. <br><br>[[About_vExpo/vExpo_Knowledge_Base/Kiosk/Create#2._Design_your_kiosk|Link: Kiosk Design Guidelines]]
# Translate and request a linguistic review of all final kiosk content.
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]
<div class="break"></div>
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.
# Create your 3D kiosk using the vBuilder self-serve tool.
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.
# Keep your kiosk content up to date using the vBuilder self-serve tool.

</div>
<br>

|}
{| width="100%" cellpadding="35" cellspacing="10px"

|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |

<div style="column-count:1"> <div style="text-align: left">

=Tech Lab=

{{#css:

.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}

.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}

<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.'''

'''When working with us to get your vExpo ready for your event, our role will be to:'''</big>
</div>

</div>

{{#css:

.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}

.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}

.round-list ol:nth-of-type(2) {

counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}

.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}

.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}

.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}

}}

<div class="round-list seven-list">
# Establish the vExpo submission deadlines.
# Adjust the lobby colors to match the event’s look and feel, as needed.
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.
<div class="break"></div>
# Provide the final vExpo event and kiosk URLs prior to the event.
# Provide analytics on the use of your vExpo following the event.
# Support you and answer your questions throughout the various stages of the process.
#.
</div>

</div>
<br>

|}