https://wiki.gccollab.ca/api.php?action=feedcontributions&user=Genevieve.lemieux&feedformat=atom
wiki - User contributions [en]
2024-03-19T07:54:48Z
User contributions
MediaWiki 1.35.2
https://wiki.gccollab.ca/index.php?title=About_vExpo&diff=111419
About vExpo
2023-11-24T16:23:47Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[FR:À propos de vExpo]]<br />
{{#css:<br />
<br />
body {<br />
font-family: 'Nunito Sans', sans-serif;<br />
}<br />
<br />
.res-img img {<br />
max-width:100%;<br />
height:auto;<br />
}<br />
<br />
#topten { <br />
margin-top: 2.2em;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
font-weight: 400;<br />
text-align: center;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
-ms-touch-action: manipulation;<br />
touch-action: manipulation;<br />
cursor: pointer;<br />
background-image: none;<br />
border: 1px solid transparent;<br />
padding: 6px 6px;<br />
font-size: 14px;<br />
line-height: 1.42857143;<br />
border-radius: 20px;<br />
width: auto; <br />
height: auto;<br />
background-color: rgba(108,77,133,0.8);<br />
border: 1px solid rgb(108,77,133);<br />
transition: 1s ease;<br />
}<br />
<br />
.btn a {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:visited {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:hover {<br />
color: rgb(255,255,255);<br />
text-decoration: underline;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(108,77,133,0.5);<br />
transition: 1s ease;<br />
text-decoration: underline;<br />
}<br />
<br />
<br />
.mainpage_row {<br />
display: flex;<br />
flex-direction: row;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
padding: 0;<br />
margin: 0 -5px 0 -5px;<br />
}<br />
<br />
.mainpage_box {<br />
flex: 1;<br />
margin: 5px;<br />
min-width: 210px;<br />
border: 0px solid #CCC;<br />
padding: 10px 10px 10px 10px;<br />
}<br />
<br />
.mainpage_box h2 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 24px;<br />
}<br />
<br />
.mainpage_box h3 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 21px;<br />
font-weight: normal;<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 5em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
}}<br />
<br />
{{VExpoMenu}}<br />
__NOTOC__<br />
<br />
<div class="mainpage_box"><br />
<h2><span> Welcome to the vExpo Wiki!</span></h2><br />
<div><br />
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><br />
<div class="mainpage_row"><br />
<div class="mainpage_box"><br />
<h2><span>vExpo Lobby</span></h2><br />
<div><br />
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:<br />
*Main presentation (e.g. webcast)<br />
*Breakout sessions (where applicable)<br />
*Event information and material (agenda, speaker biographies)<br />
*Collaboration tools (e.g. networking, chat, Q&A)<br />
*Kiosks<br />
<br />
'''Example of 3D Lobby'''<br><br />
[[File:Lobby2023.png|border|link=CSPS_Tech_Lab/vExpo|450px]]<br />
<br />
</div><br />
</div><br />
<br />
<div class="mainpage_box"><br />
<h2><span>vExpo Kiosk</span></h2><br />
<div><br />
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.<br />
The kiosks can be integrated as part of a vExpo, Web presence or promotional package. Kiosks usually include:<br />
*Kiosk name (name of the department or initiative)<br />
*Content (visuals and decorative text with links to websites, videos, etc.)<br />
*Contact information (email, social media)<br />
<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><br />
<br />
'''Example of 3D kiosk'''<br><br />
[[File:KioskExample.png|border|link=CSPS_Tech_Lab/vExpo|600px]]<br />
</div><br />
</div><br />
</div><br />
<br />
<div class="mainpage_box"><br />
<h2><span>vExpo Knowledge Base</span></h2><br />
<div><br />
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. <br />
</div><br />
<br />
{| width="100%" cellspacing="15" cellpadding="10"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<h3><span>vExpo Content Requirements</span></h3><br />
<div><br />
'''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].'''<br />
<br />
All content to be included in a vExpo lobby and kiosks must:<br />
<br />
*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. <br />
<br />
*Be available in '''both official languages'''<br />
<br />
*Be '''fully accessible''' (i.e readable using assistive technology, alt text, transcripts, closed captions, etc.)<br />
<br />
'''The vExpo is available publicly on the web for anyone to see and access.'''<br />
*Event hosts and kiosk owners are responsible for working with there organization's communications team to review and approved the content.<br />
*By default, all content made available via the lobby and kiosks should:<br />
**have open access to be viewed publicly, without login or restricted permissions;<br />
**have the appropriate copyrights to be shared publicly.<br />
</div><br />
</div><br />
<br><br />
|}<br />
<div style="text-align: left;font-size: 1.5em"> <br />
<div class="btn"><big>'''[[About_vExpo/vExpo_Knowledge_Base|Let's get started!]]'''</big></div><br />
</div><br />
</div></div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities&diff=111399
About vExpo/vExpo Knowledge Base/Lobby/Create/Roles and Responsibilities
2023-11-24T13:19:27Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:EventHostCreating1.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenu}}<br />
[[FR:À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer/Rôles_et_responsabilités]]<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Event Host= <br />
<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Eh1.png|350px|techlab]]<br />
</div><br />
<div><br />
<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.''' <br />
<br />
'''For this, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Provide the event branding/look and feel to be incorporated as part of the lobby colors.<br />
# 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]]<br />
# Ensure that all content available through the lobby meets the content requirements. <br><br>[[About_vExpo| Link: vExpo Content Requirements]]<br />
# Provide a list of the kiosks to be included in the vExpo exhibit area.<br />
<div class="break"></div><br />
# 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] <br />
# Request permission from kiosk owners to include their existing kiosk in your vExpo event (where applicable).<br />
# Coordinate and manage all event logistics and 3rd party applications (e.g., registration, promotion, webcast, networking tool). <br />
# Review the live version of your vExpo (on test environment) and give the go-ahead to launch in production.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br><br />
<br />
<br />
|}<br />
__NOTOC__</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/Roles_and_Responsibilities&diff=111398
About vExpo/vExpo Knowledge Base/Kiosk/Edit/Roles and Responsibilities
2023-11-24T13:18:18Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[FR:À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Modifier/Rôles_et_responsabilités]]<br />
{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:KioskOwnerEditing1.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuKioskEdit}}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Kiosk Owner= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
<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.'''<br />
<br />
'''For the development of a kiosk, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.<br />
# 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]]<br />
# Translate and request a linguistic review of all final kiosk content.<br />
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]<br />
<div class="break"></div><br />
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.<br />
# Create your 3D kiosk using the vBuilder self-serve tool. <br />
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.<br />
# Keep your kiosk content up to date using the vBuilder self-serve tool.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuFRKioskEdit&diff=111397
Template:StepbyStepMenuFRKioskEdit
2023-11-24T13:17:18Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Modifier|<span>'''Processus par étapes'''</span>]]''' <br />
| 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>]]''' <br />
<!--| class="navelement" width="50%" | [[À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Modifier/Schémas_de_parcours|<span>'''Schémas de parcours'''</span>]]''' --><br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Modifier/R%C3%B4les_et_responsabilit%C3%A9s&diff=111396
À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Modifier/Rôles et responsabilités
2023-11-24T13:16:39Z
<p>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..."</p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 425px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|<span>'''< Retourner à la Base de connaissance'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:EditingakioskFR.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuFRKioskEdit}}<br />
[[EN:About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/Roles_and_Responsibilities]]<br />
<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Le responsable de kiosque= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
'''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.''' <br />
<br />
'''Pour le développement d'un nouveau kiosque, votre rôle sera le suivant :'''<br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordonner avec votre équipe, votre haute gestion et votre équipe de communication interne, le contenu et les visuels à inclure dans votre kiosque.<br />
# 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]]<br />
# Traduisez et demandez une révision linguistique de tout le contenu du kiosque, avant de le soumettre.<br />
# 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]] <br />
<div class="break"></div><br />
# Obtenez les approbations finales de la haute gestion et de votre équipe de communication interne sur le contenu et le design final du kiosque.<br />
# Créez votre kiosque 3D en utilisant l'outil libre-service vBuilder. <br />
# Examinez la version final de votre kiosque (sur l'environnement de test) et donnez le feu vert pour le publier.<br />
# Maintenez le contenu de votre kiosque à jour en utilisant l'outil libre-service vBuilder.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Lab des technologies - équipe vExpo=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
'''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 :''' <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Fixer la date limite de soumission du contenu pourle vExpo.<br />
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).<br />
# 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.<br />
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.<br />
<div class="break"></div><br />
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.<br />
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.<br />
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Cr%C3%A9er/R%C3%B4les_et_responsabilit%C3%A9s&diff=111395
À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Créer/Rôles et responsabilités
2023-11-24T13:13:42Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[EN:About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities]]<br />
{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 425px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|<span>'''< Retourner à la Base de connaissance'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:KioskocreatingFR.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuFRKiosk}}<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Le responsable de kiosque= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
'''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.''' <br />
<br />
'''Pour le développement d'un nouveau kiosque, votre rôle sera le suivant :'''<br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordonner avec votre équipe, votre haute gestion et votre équipe de communication interne, le contenu et les visuels à inclure dans votre kiosque.<br />
# 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]]<br />
# Traduisez et demandez une révision linguistique de tout le contenu du kiosque, avant de le soumettre.<br />
# 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]] <br />
<div class="break"></div><br />
# Obtenez les approbations finales de la haute gestion et de votre équipe de communication interne sur le contenu et le design final du kiosque.<br />
# Créez votre kiosque 3D en utilisant l'outil libre-service vBuilder. <br />
# Examinez la version final de votre kiosque (sur l'environnement de test) et donnez le feu vert pour le publier.<br />
# Maintenez le contenu de votre kiosque à jour en utilisant l'outil libre-service vBuilder.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Lab des technologies - équipe vExpo=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
'''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 :''' <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Fixer la date limite de soumission du contenu pourle vExpo.<br />
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).<br />
# 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.<br />
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.<br />
<div class="break"></div><br />
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.<br />
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.<br />
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Cr%C3%A9er/R%C3%B4les_et_responsabilit%C3%A9s&diff=111394
À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Créer/Rôles et responsabilités
2023-11-24T13:12:42Z
<p>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..."</p>
<hr />
<div>[[EN:About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities]]<br />
<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Le responsable de kiosque= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
'''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.''' <br />
<br />
'''Pour le développement d'un nouveau kiosque, votre rôle sera le suivant :'''<br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordonner avec votre équipe, votre haute gestion et votre équipe de communication interne, le contenu et les visuels à inclure dans votre kiosque.<br />
# 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]]<br />
# Traduisez et demandez une révision linguistique de tout le contenu du kiosque, avant de le soumettre.<br />
# 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]] <br />
<div class="break"></div><br />
# Obtenez les approbations finales de la haute gestion et de votre équipe de communication interne sur le contenu et le design final du kiosque.<br />
# Créez votre kiosque 3D en utilisant l'outil libre-service vBuilder. <br />
# Examinez la version final de votre kiosque (sur l'environnement de test) et donnez le feu vert pour le publier.<br />
# Maintenez le contenu de votre kiosque à jour en utilisant l'outil libre-service vBuilder.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Lab des technologies - équipe vExpo=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
'''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 :''' <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Fixer la date limite de soumission du contenu pourle vExpo.<br />
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).<br />
# 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.<br />
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.<br />
<div class="break"></div><br />
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.<br />
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.<br />
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuFRKiosk&diff=111393
Template:StepbyStepMenuFRKiosk
2023-11-24T13:09:29Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer|<span>'''Processus par étapes'''</span>]]''' <br />
| 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>]]''' <br />
<!--| class="navelement" width="50%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer/Schémas_de_parcours|<span>'''Schémas de parcours'''</span>]]''' --><br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d%E2%80%99accueil/Cr%C3%A9er/R%C3%B4les_et_responsabilit%C3%A9s&diff=111378
À propos de vExpo/Base de connaissances sur vExpo/Salle d’accueil/Créer/Rôles et responsabilités
2023-11-23T19:35:29Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[EN:About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities]]<br />
<br />
{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|<span>'''< Base de connaissances'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:EventHostFR.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuFR}}<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Le responsable de l'événement= <br />
<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Eh1.png|350px|techlab]]<br />
</div><br />
<div><br />
'''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.''' <br />
<br />
'''Pour cela, votre rôle sera de :'''<br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Fournir l'image de marque de l'événement/le « look and feel » à intégrer dans les couleurs de la salle d’accueil.<br />
# 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]] <br />
# 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]]<br />
# Fournir une liste des kiosques à inclure dans la zone d'exposition de vExpo.<br />
<div class="break"></div><br />
# Soumettre le contenu final (c'est-à-dire les liens, les images, le texte) avant la date limite de soumission.<br><br> <br />
# Demandez aux propriétaires des kiosques la permission d'inclure leur kiosque existant dans votre événement vExpo (le cas échéant).<br />
# 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). <br />
# Examiner la version final de votre vExpo (sur l'environnement de test) et donner le feu vert pour le lancement en production.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Lab des technologies - équipe vExpo=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
'''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 :''' <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Fixer la date limite de soumission du contenu pourle vExpo.<br />
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).<br />
# 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.<br />
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.<br />
<div class="break"></div><br />
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.<br />
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.<br />
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
|}<br />
__NOTOC__</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d%E2%80%99accueil/Cr%C3%A9er/R%C3%B4les_et_responsabilit%C3%A9s&diff=111377
À propos de vExpo/Base de connaissances sur vExpo/Salle d’accueil/Créer/Rôles et responsabilités
2023-11-23T19:30:56Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[EN:About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities]]<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Le responsable de l'événement= <br />
<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Eh1.png|350px|techlab]]<br />
</div><br />
<div><br />
'''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.''' <br />
<br />
'''Pour cela, votre rôle sera de :'''<br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Fournir l'image de marque de l'événement/le « look and feel » à intégrer dans les couleurs de la salle d’accueil.<br />
# 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]] <br />
# 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]]<br />
# Fournir une liste des kiosques à inclure dans la zone d'exposition de vExpo.<br />
<div class="break"></div><br />
# Soumettre le contenu final (c'est-à-dire les liens, les images, le texte) avant la date limite de soumission.<br><br> <br />
# Demandez aux propriétaires des kiosques la permission d'inclure leur kiosque existant dans votre événement vExpo (le cas échéant).<br />
# 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). <br />
# Examiner la version final de votre vExpo (sur l'environnement de test) et donner le feu vert pour le lancement en production.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Lab des technologies - équipe vExpo=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
'''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 :''' <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Fixer la date limite de soumission du contenu pourle vExpo.<br />
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).<br />
# 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.<br />
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.<br />
<div class="break"></div><br />
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.<br />
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.<br />
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
|}<br />
__NOTOC__</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuFRKiosk&diff=111376
Template:StepbyStepMenuFRKiosk
2023-11-23T19:24:29Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer|<span>'''Processus par étapes'''</span>]]''' <br />
| 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>]]''' <br />
<!--| class="navelement" width="50%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer/Schémas_de_parcours|<span>'''Schémas de parcours'''</span>]]''' --><br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d%E2%80%99accueil/Cr%C3%A9er/R%C3%B4les_et_responsabilit%C3%A9s&diff=111375
À propos de vExpo/Base de connaissances sur vExpo/Salle d’accueil/Créer/Rôles et responsabilités
2023-11-23T19:23:46Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[À propos de vExpo|<span>'''< À propos de vExpo'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:KioskocreatingFR.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuFRKiosk}}<br />
[[EN:About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities]]<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Le responsable de kiosque= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
'''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.''' <br />
<br />
'''Pour le développement d'un nouveau kiosque, votre rôle sera le suivant :'''<br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordonner avec votre équipe, votre haute gestion et votre équipe de communication interne, le contenu et les visuels à inclure dans votre kiosque.<br />
# 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]]<br />
# Traduisez et demandez une révision linguistique de tout le contenu du kiosque, avant de le soumettre.<br />
# 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]] <br />
<div class="break"></div><br />
# Obtenez les approbations finales de la haute gestion et de votre équipe de communication interne sur le contenu et le design final du kiosque.<br />
# Créez votre kiosque 3D en utilisant l'outil libre-service vBuilder. <br />
# Examinez la version final de votre kiosque (sur l'environnement de test) et donnez le feu vert pour le publier.<br />
# Maintenez le contenu de votre kiosque à jour en utilisant l'outil libre-service vBuilder.<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Lab des technologies - équipe vExpo=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
'''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 :''' <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Fixer la date limite de soumission du contenu pourle vExpo.<br />
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).<br />
# 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.<br />
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.<br />
<div class="break"></div><br />
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.<br />
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.<br />
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d%E2%80%99accueil/Cr%C3%A9er/R%C3%B4les_et_responsabilit%C3%A9s&diff=111374
À propos de vExpo/Base de connaissances sur vExpo/Salle d’accueil/Créer/Rôles et responsabilités
2023-11-23T19:16:51Z
<p>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..."</p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[À propos de vExpo|<span>'''< À propos de vExpo'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:EventHostFR.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuFR}}<br />
[[EN:About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities]]<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Le responsable de l'événement= <br />
<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Eh1.png|350px|techlab]]<br />
</div><br />
<div><br />
'''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.''' <br />
<br />
'''Pour cela, votre rôle sera de :'''<br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Fournir l'image de marque de l'événement/le « look and feel » à intégrer dans les couleurs de la salle d’accueil.<br />
# 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]] <br />
# 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]]<br />
# Fournir une liste des kiosques à inclure dans la zone d'exposition de vExpo.<br />
<div class="break"></div><br />
# Soumettre le contenu final (c'est-à-dire les liens, les images, le texte) avant la date limite de soumission.<br><br> <br />
# Demandez aux propriétaires des kiosques la permission d'inclure leur kiosque existant dans votre événement vExpo (le cas échéant).<br />
# 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). <br />
# Examiner la version final de votre vExpo (sur l'environnement de test) et donner le feu vert pour le lancement en production.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Lab des technologies - équipe vExpo=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
'''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 :''' <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Fixer la date limite de soumission du contenu pourle vExpo.<br />
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).<br />
# 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.<br />
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.<br />
<div class="break"></div><br />
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.<br />
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.<br />
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuFR&diff=111373
Template:StepbyStepMenuFR
2023-11-23T19:10:57Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="33%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer|<span>'''Processus par étapes'''</span>]]''' <br />
| 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>]]''' <br />
| 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>]]''' <br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuFR&diff=111372
Template:StepbyStepMenuFR
2023-11-23T19:10:39Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Salle_d’accueil/Créer|<span>'''Processus par étapes'''</span>]]''' <br />
| 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>]]''' <br />
| 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>]]''' <br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo&diff=111371
À propos de vExpo
2023-11-23T19:10:15Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[EN:About_vExpo]]<br />
{{#css:<br />
<br />
body {<br />
font-family: 'Nunito Sans', sans-serif;<br />
}<br />
<br />
.res-img img {<br />
max-width:100%;<br />
height:auto;<br />
}<br />
<br />
#topten { <br />
margin-top: 2.2em;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
font-weight: 400;<br />
text-align: center;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
-ms-touch-action: manipulation;<br />
touch-action: manipulation;<br />
cursor: pointer;<br />
background-image: none;<br />
border: 1px solid transparent;<br />
padding: 6px 6px;<br />
font-size: 14px;<br />
line-height: 1.42857143;<br />
border-radius: 20px;<br />
width: auto; <br />
height: auto;<br />
background-color: rgba(108,77,133,0.8);<br />
border: 1px solid rgb(108,77,133);<br />
transition: 1s ease;<br />
}<br />
<br />
.btn a {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:visited {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:hover {<br />
color: rgb(255,255,255);<br />
text-decoration: underline;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(108,77,133,0.5);<br />
transition: 1s ease;<br />
text-decoration: underline;<br />
}<br />
<br />
<br />
.mainpage_row {<br />
display: flex;<br />
flex-direction: row;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
padding: 0;<br />
margin: 0 -5px 0 -5px;<br />
}<br />
<br />
.mainpage_box {<br />
flex: 1;<br />
margin: 5px;<br />
min-width: 210px;<br />
border: 0px solid #CCC;<br />
padding: 10px 10px 10px 10px;<br />
}<br />
<br />
.mainpage_box h2 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 24px;<br />
}<br />
<br />
.mainpage_box h3 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 21px;<br />
font-weight: normal;<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 5em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
}}<br />
{{VExpoMenuFR}}<br />
__NOTOC__<br />
<br />
<div class="mainpage_box"><br />
<h2><span>Bienvenue à vExpo!</span></h2><br />
<div><br />
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><br />
<br />
<div class="mainpage_row"><br />
<div class="mainpage_box"><br />
<h2><span>Salle d'accueil vExpo</span></h2><br />
<div><br />
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 :<br />
*Présentation principale (p. ex. webdiffusion)<br />
*Séances en petits groupes (le cas échéant)<br />
*Informations et matériels pour l’événement (ordre du jour, biographie, etc.)<br />
*Outils de collaboration (p. ex. réseautage, clavardage, questions-réponses)<br />
*Kiosques<br />
<br />
'''Exemple de salle d’accueil 3D'''<br><br />
<br />
[[File:Lobby2023.png|border|link=CSPS_Tech_Lab/vExpo|475px]] <br />
<br><br />
<br />
</div><br />
</div><br />
<br />
<div class="mainpage_box"><br />
<h2><span>Kiosque vExpo</span></h2><br />
<div><br />
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. <br />
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 : <br />
*Nom du kiosque (nom du ministère ou de l’initiative)<br />
*Contenu (éléments visuels et texte décoratif avec des liens vers des sites Web, des vidéos, etc.)<br />
*Coordonnées (courriel, médias sociaux)<br />
<p><br />
É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><br />
<br />
'''Exemple de kiosque 3D'''<br><br />
<br />
[[File:KioskExample.png|border|link=CSPS_Tech_Lab/vExpo|600px]]<br />
</div><br />
</div><br />
</div><br />
<div class="mainpage_box"><br />
<h2><span>Base de connaissances sur vExpo</span></h2><br />
<div><br />
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.<br />
</div><br />
<br />
{| width="100%" cellspacing="15" cellpadding="10"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<h3><span>Exigences en matière de contenu de vExpo</span></h3><br />
<div><br />
'''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].'''<br />
<br />
Tout contenu à inclure dans une salle d’accueil et des kiosques vExpo doit :<br />
<br />
*ê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.; <br />
<br />
*être disponible dans '''les deux langues officielles''';<br />
<br />
*ê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.).<br />
<br />
'''La vExpo est disponible publiquement sur le web pour que tout le monde puisse la voir et y accéder.'''<br />
*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.<br />
*Par défaut, tout le contenu rendu accessible via le hall d'entrée et les kiosques doit:<br />
**avoir un accès libre pour être visible publiquement, sans connexion ou permissions restreintes;<br />
**avoir les droits d'auteur appropriés pour être partagé publiquement.<br />
</div><br />
</div><br />
<br><br />
|}<br />
<div style="text-align: left;font-size: 1.5em"> <br />
<div class="btn"><big>'''[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|Commençons !]]'''</big></div><br />
</div><br />
</div></div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo&diff=111370
À propos de vExpo/Base de connaissances sur vExpo
2023-11-23T19:09:50Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[EN:About_vExpo/vExpo_Knowledge_Base]]<br />
{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[À propos de vExpo|<span>'''< À propos de vExpo'''</span>]]</strong></p><br />
<br />
<div style="text-align: center;font-size: 1.5em"> <br />
'''Salut [[file:Waving_Hand_Emoji.png|50px]]'''<br />
<div style="right"></div><br />
'''Bienvenue dans la base de connaissances de vExpo ! Cette ressource vous guidera dans la création d'un événement vExpo.'''<br />
<br />
'''Quel est votre rôle?'''<br />
<br />
</div><br />
<br />
{{#css:<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items:flex-start;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 5em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Responsable de l’événement';}<br />
.imagelink.owner a:before{content:'Responsable de kiosque';}<br />
<br />
}}<br />
<div style="text-align: center"><br />
<div class="container-horizontal"><br />
<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]]<br />
En tant que responsable de l'événement, votre principale responsabilité est de fournir à l'équipe vExpo <br><br />
le contenu final et les images à intégrer dand la salle d’accueil du vExpo.</div><br />
<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]]<br />
En tant que propriétaire de kiosque, votre principale responsabilité est de concevoir votre kiosque et de fournir l'équipe vExpo<br><br />
le contenu final à intégrer dans le vExpo. </div><br />
</div></div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo/Base_de_connaissances_sur_vExpo&diff=111369
À propos de vExpo/Base de connaissances sur vExpo
2023-11-23T19:07:54Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[EN:About_vExpo/vExpo_Knowledge_Base]]<br />
{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo|<span>'''< À propos de vExpo'''</span>]]</strong></p><br />
<br />
<div style="text-align: center;font-size: 1.5em"> <br />
'''Salut [[file:Waving_Hand_Emoji.png|50px]]'''<br />
<div style="right"></div><br />
'''Bienvenue dans la base de connaissances de vExpo ! Cette ressource vous guidera dans la création d'un événement vExpo.'''<br />
<br />
'''Quel est votre rôle?'''<br />
<br />
</div><br />
<br />
{{#css:<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items:flex-start;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 5em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Responsable de l’événement';}<br />
.imagelink.owner a:before{content:'Responsable de kiosque';}<br />
<br />
}}<br />
<div style="text-align: center"><br />
<div class="container-horizontal"><br />
<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]]<br />
En tant que responsable de l'événement, votre principale responsabilité est de fournir à l'équipe vExpo <br><br />
le contenu final et les images à intégrer dand la salle d’accueil du vExpo.</div><br />
<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]]<br />
En tant que propriétaire de kiosque, votre principale responsabilité est de concevoir votre kiosque et de fournir l'équipe vExpo<br><br />
le contenu final à intégrer dans le vExpo. </div><br />
</div></div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo&diff=111368
À propos de vExpo
2023-11-23T19:02:47Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[EN:About_vExpo]]<br />
{{#css:<br />
<br />
body {<br />
font-family: 'Nunito Sans', sans-serif;<br />
}<br />
<br />
.res-img img {<br />
max-width:100%;<br />
height:auto;<br />
}<br />
<br />
#topten { <br />
margin-top: 2.2em;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
font-weight: 400;<br />
text-align: center;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
-ms-touch-action: manipulation;<br />
touch-action: manipulation;<br />
cursor: pointer;<br />
background-image: none;<br />
border: 1px solid transparent;<br />
padding: 6px 6px;<br />
font-size: 14px;<br />
line-height: 1.42857143;<br />
border-radius: 20px;<br />
width: auto; <br />
height: auto;<br />
background-color: rgba(108,77,133,0.8);<br />
border: 1px solid rgb(108,77,133);<br />
transition: 1s ease;<br />
}<br />
<br />
.btn a {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:visited {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:hover {<br />
color: rgb(255,255,255);<br />
text-decoration: underline;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(108,77,133,0.5);<br />
transition: 1s ease;<br />
text-decoration: underline;<br />
}<br />
<br />
<br />
.mainpage_row {<br />
display: flex;<br />
flex-direction: row;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
padding: 0;<br />
margin: 0 -5px 0 -5px;<br />
}<br />
<br />
.mainpage_box {<br />
flex: 1;<br />
margin: 5px;<br />
min-width: 210px;<br />
border: 0px solid #CCC;<br />
padding: 10px 10px 10px 10px;<br />
}<br />
<br />
.mainpage_box h2 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 24px;<br />
}<br />
<br />
.mainpage_box h3 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 21px;<br />
font-weight: normal;<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 5em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
}}<br />
{{VExpoMenuFR}}<br />
__NOTOC__<br />
<br />
<div class="mainpage_box"><br />
<h2><span>Bienvenue à vExpo!</span></h2><br />
<div><br />
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><br />
<br />
<div class="mainpage_row"><br />
<div class="mainpage_box"><br />
<h2><span>vSalle d'accueil vExpo</span></h2><br />
<div><br />
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 :<br />
*Présentation principale (p. ex. webdiffusion)<br />
*Séances en petits groupes (le cas échéant)<br />
*Informations et matériels pour l’événement (ordre du jour, biographie, etc.)<br />
*Outils de collaboration (p. ex. réseautage, clavardage, questions-réponses)<br />
*Kiosques<br />
<br />
'''Exemple de salle d’accueil 3D'''<br><br />
<br />
[[File:Lobby2023.png|border|link=CSPS_Tech_Lab/vExpo|475px]] <br />
<br><br />
<br />
</div><br />
</div><br />
<br />
<div class="mainpage_box"><br />
<h2><span>Kiosque vExpo</span></h2><br />
<div><br />
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. <br />
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 : <br />
*Nom du kiosque (nom du ministère ou de l’initiative)<br />
*Contenu (éléments visuels et texte décoratif avec des liens vers des sites Web, des vidéos, etc.)<br />
*Coordonnées (courriel, médias sociaux)<br />
<p><br />
É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><br />
<br />
'''Exemple de kiosque 3D'''<br><br />
<br />
[[File:KioskExample.png|border|link=CSPS_Tech_Lab/vExpo|600px]]<br />
</div><br />
</div><br />
</div><br />
<div class="mainpage_box"><br />
<h2><span>Base de connaissances sur vExpo</span></h2><br />
<div><br />
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.<br />
</div><br />
<br />
{| width="100%" cellspacing="15" cellpadding="10"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<h3><span>Exigences en matière de contenu de vExpo</span></h3><br />
<div><br />
'''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].'''<br />
<br />
Tout contenu à inclure dans une salle d’accueil et des kiosques vExpo doit :<br />
<br />
*ê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.; <br />
<br />
*être disponible dans '''les deux langues officielles''';<br />
<br />
*ê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.).<br />
<br />
'''La vExpo est disponible publiquement sur le web pour que tout le monde puisse la voir et y accéder.'''<br />
*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.<br />
*Par défaut, tout le contenu rendu accessible via le hall d'entrée et les kiosques doit:<br />
**avoir un accès libre pour être visible publiquement, sans connexion ou permissions restreintes;<br />
**avoir les droits d'auteur appropriés pour être partagé publiquement.<br />
</div><br />
</div><br />
<br><br />
|}<br />
<div style="text-align: left;font-size: 1.5em"> <br />
<div class="btn"><big>'''[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|Commençons !]]'''</big></div><br />
</div><br />
</div></div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:VExpoMenuFR&diff=111367
Template:VExpoMenuFR
2023-11-23T19:02:31Z
<p>Genevieve.lemieux: </p>
<hr />
<div><div align="center">[[File:Wiki vExpo menu image FR.png|1200px|]]</div><br />
<br />
<br />
{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="15%" | [[À propos de vExpo |<span>'''À propos de vExpo '''</span>]]''' <br />
| class="navelement" width="20%" | [[À propos de vExpo/Rôles et responsabilités|<span>'''Rôles et responsabilités'''</span>]]''' <br />
<!--| class="navelement" width="30%" | [[À propos de vExpo/Base de connaissances sur vExpo|<span>'''Base de connaissances sur vExpo'''</span>]]''' --><br />
| class="navelement" width="10%" | [[À propos de vExpo/FAQ|<span>'''FAQ'''</span>]]'''<br />
| class="navelement" width="30%" | [[À propos de vExpo/Recontrer l'équipe derrière vExpo|<span>'''Recontrer l'équipe derrière vExpo'''</span>]]''' <br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo&diff=111366
À propos de vExpo
2023-11-23T19:01:55Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[EN:About_vExpo]]<br />
{{#css:<br />
<br />
body {<br />
font-family: 'Nunito Sans', sans-serif;<br />
}<br />
<br />
.res-img img {<br />
max-width:100%;<br />
height:auto;<br />
}<br />
<br />
#topten { <br />
margin-top: 2.2em;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
font-weight: 400;<br />
text-align: center;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
-ms-touch-action: manipulation;<br />
touch-action: manipulation;<br />
cursor: pointer;<br />
background-image: none;<br />
border: 1px solid transparent;<br />
padding: 6px 6px;<br />
font-size: 14px;<br />
line-height: 1.42857143;<br />
border-radius: 20px;<br />
width: auto; <br />
height: auto;<br />
background-color: rgba(108,77,133,0.8);<br />
border: 1px solid rgb(108,77,133);<br />
transition: 1s ease;<br />
}<br />
<br />
.btn a {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:visited {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:hover {<br />
color: rgb(255,255,255);<br />
text-decoration: underline;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(108,77,133,0.5);<br />
transition: 1s ease;<br />
text-decoration: underline;<br />
}<br />
<br />
<br />
.mainpage_row {<br />
display: flex;<br />
flex-direction: row;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
padding: 0;<br />
margin: 0 -5px 0 -5px;<br />
}<br />
<br />
.mainpage_box {<br />
flex: 1;<br />
margin: 5px;<br />
min-width: 210px;<br />
border: 0px solid #CCC;<br />
padding: 10px 10px 10px 10px;<br />
}<br />
<br />
.mainpage_box h2 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 24px;<br />
}<br />
<br />
.mainpage_box h3 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 21px;<br />
font-weight: normal;<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 5em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
}}<br />
{{VExpoMenuFR}}<br />
__NOTOC__<br />
<br />
<div class="mainpage_box"><br />
<h2><span>Bienvenue a vExpo!</span></h2><br />
<div><br />
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><br />
<br />
<div class="mainpage_row"><br />
<div class="mainpage_box"><br />
<h2><span>vSalle d'accueil vExpo</span></h2><br />
<div><br />
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 :<br />
*Présentation principale (p. ex. webdiffusion)<br />
*Séances en petits groupes (le cas échéant)<br />
*Informations et matériels pour l’événement (ordre du jour, biographie, etc.)<br />
*Outils de collaboration (p. ex. réseautage, clavardage, questions-réponses)<br />
*Kiosques<br />
<br />
'''Exemple de salle d’accueil 3D'''<br><br />
<br />
[[File:Lobby2023.png|border|link=CSPS_Tech_Lab/vExpo|475px]] <br />
<br><br />
<br />
</div><br />
</div><br />
<br />
<div class="mainpage_box"><br />
<h2><span>Kiosque vExpo</span></h2><br />
<div><br />
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. <br />
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 : <br />
*Nom du kiosque (nom du ministère ou de l’initiative)<br />
*Contenu (éléments visuels et texte décoratif avec des liens vers des sites Web, des vidéos, etc.)<br />
*Coordonnées (courriel, médias sociaux)<br />
<p><br />
É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><br />
<br />
'''Exemple de kiosque 3D'''<br><br />
<br />
[[File:KioskExample.png|border|link=CSPS_Tech_Lab/vExpo|600px]]<br />
</div><br />
</div><br />
</div><br />
<div class="mainpage_box"><br />
<h2><span>Base de connaissances sur vExpo</span></h2><br />
<div><br />
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.<br />
</div><br />
<br />
{| width="100%" cellspacing="15" cellpadding="10"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<h3><span>Exigences en matière de contenu de vExpo</span></h3><br />
<div><br />
'''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].'''<br />
<br />
Tout contenu à inclure dans une salle d’accueil et des kiosques vExpo doit :<br />
<br />
*ê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.; <br />
<br />
*être disponible dans '''les deux langues officielles''';<br />
<br />
*ê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.).<br />
<br />
'''La vExpo est disponible publiquement sur le web pour que tout le monde puisse la voir et y accéder.'''<br />
*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.<br />
*Par défaut, tout le contenu rendu accessible via le hall d'entrée et les kiosques doit:<br />
**avoir un accès libre pour être visible publiquement, sans connexion ou permissions restreintes;<br />
**avoir les droits d'auteur appropriés pour être partagé publiquement.<br />
</div><br />
</div><br />
<br><br />
|}<br />
<div style="text-align: left;font-size: 1.5em"> <br />
<div class="btn"><big>'''[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|Commençons !]]'''</big></div><br />
</div><br />
</div></div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/FAQ%27s&diff=111363
About vExpo/FAQ's
2023-11-23T18:51:32Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{VExpoMenu}}<br />
[[FR:À_propos_de_vExpo/FAQ]]<br />
=Frequently Asked Questions=<br />
<br />
==What is the history behind vExpo?==<br />
<br />
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.<br />
<br />
==Who can use vExpo?==<br />
<br />
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.<br />
<br />
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.<br />
<br />
==Can users view vExpo on a tablet or on a mobile phone?==<br />
<br />
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.<br />
<br />
==Is there a maximum of existing kiosks I can use for my event?==<br />
<br />
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. <br />
<br />
==Is vExpo accessible?==<br />
<br />
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].<br />
<br />
For further information, please take a look at the [[About_vExpo#vExpo_Content_Requirements|vExpo content requirements]].<br />
<br />
==What type of browser is required to access vExpo?==<br />
<br />
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]].<br />
<br />
==Can I create a lobby without creating a kiosk and vice-versa?==<br />
<br />
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. <br />
<br />
==I don’t have the skills and/or software to design a kiosk myself. What should I do?==<br />
<br />
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]. <br />
<br />
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.</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=%C3%80_propos_de_vExpo/FAQ&diff=111362
À propos de vExpo/FAQ
2023-11-23T18:50:46Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{VExpoMenuFR}}<br />
[[EN:About_vExpo/FAQ%27s]]<br />
=Questions fréquemment posées=<br />
<br />
==Quelle est l'histoire derrière vExpo?==<br />
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.<br />
<br />
==Qui peut utiliser vExpo?==<br />
<br />
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.<br />
<br />
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.<br />
<br />
==Les utilisateurs peuvent-ils voir vExpo sur une tablette ou sur un téléphone cellulaire?==<br />
<br />
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.<br />
<br />
==Y a-t-il un maximum de kiosques existants que je peux utiliser pour mon événement?==<br />
<br />
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. <br />
<br />
==La plateforme vExpo est-elle accessible?==<br />
<br />
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].<br />
<br />
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]].<br />
<br />
==Quel type de navigateur est requis pour accéder à vExpo?==<br />
<br />
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]].<br />
<br />
==Puis-je créer un accueil sans créer de kiosque et vice-versa?==<br />
<br />
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. <br />
<br />
==Je n’ai pas les compétences et/ou le logiciel pour concevoir moi-même un kiosque. Que dois-je faire?==<br />
<br />
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].</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo&diff=111361
About vExpo
2023-11-23T18:44:11Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[FR:À propos de vExpo]]<br />
{{#css:<br />
<br />
body {<br />
font-family: 'Nunito Sans', sans-serif;<br />
}<br />
<br />
.res-img img {<br />
max-width:100%;<br />
height:auto;<br />
}<br />
<br />
#topten { <br />
margin-top: 2.2em;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
font-weight: 400;<br />
text-align: center;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
-ms-touch-action: manipulation;<br />
touch-action: manipulation;<br />
cursor: pointer;<br />
background-image: none;<br />
border: 1px solid transparent;<br />
padding: 6px 6px;<br />
font-size: 14px;<br />
line-height: 1.42857143;<br />
border-radius: 20px;<br />
width: auto; <br />
height: auto;<br />
background-color: rgba(108,77,133,0.8);<br />
border: 1px solid rgb(108,77,133);<br />
transition: 1s ease;<br />
}<br />
<br />
.btn a {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:visited {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:hover {<br />
color: rgb(255,255,255);<br />
text-decoration: underline;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(108,77,133,0.5);<br />
transition: 1s ease;<br />
text-decoration: underline;<br />
}<br />
<br />
<br />
.mainpage_row {<br />
display: flex;<br />
flex-direction: row;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
padding: 0;<br />
margin: 0 -5px 0 -5px;<br />
}<br />
<br />
.mainpage_box {<br />
flex: 1;<br />
margin: 5px;<br />
min-width: 210px;<br />
border: 0px solid #CCC;<br />
padding: 10px 10px 10px 10px;<br />
}<br />
<br />
.mainpage_box h2 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 24px;<br />
}<br />
<br />
.mainpage_box h3 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 21px;<br />
font-weight: normal;<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 5em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
}}<br />
<br />
{{VExpoMenu}}<br />
__NOTOC__<br />
<br />
<div class="mainpage_box"><br />
<h2><span> Welcome to the vExpo!</span></h2><br />
<div><br />
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><br />
<div class="mainpage_row"><br />
<div class="mainpage_box"><br />
<h2><span>vExpo Lobby</span></h2><br />
<div><br />
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:<br />
*Main presentation (e.g. webcast)<br />
*Breakout sessions (where applicable)<br />
*Event information and material (agenda, speaker biographies)<br />
*Collaboration tools (e.g. networking, chat, Q&A)<br />
*Kiosks<br />
<br />
'''Example of 3D Lobby'''<br><br />
[[File:Lobby2023.png|border|link=CSPS_Tech_Lab/vExpo|450px]]<br />
<br />
</div><br />
</div><br />
<br />
<div class="mainpage_box"><br />
<h2><span>vExpo Kiosk</span></h2><br />
<div><br />
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.<br />
The kiosks can be integrated as part of a vExpo, Web presence or promotional package. Kiosks usually include:<br />
*Kiosk name (name of the department or initiative)<br />
*Content (visuals and decorative text with links to websites, videos, etc.)<br />
*Contact information (email, social media)<br />
<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><br />
<br />
'''Example of 3D kiosk'''<br><br />
[[File:KioskExample.png|border|link=CSPS_Tech_Lab/vExpo|600px]]<br />
</div><br />
</div><br />
</div><br />
<br />
<div class="mainpage_box"><br />
<h2><span>vExpo Knowledge Base</span></h2><br />
<div><br />
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. <br />
</div><br />
<br />
{| width="100%" cellspacing="15" cellpadding="10"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<h3><span>vExpo Content Requirements</span></h3><br />
<div><br />
'''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].'''<br />
<br />
All content to be included in a vExpo lobby and kiosks must:<br />
<br />
*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. <br />
<br />
*Be available in '''both official languages'''<br />
<br />
*Be '''fully accessible''' (i.e readable using assistive technology, alt text, transcripts, closed captions, etc.)<br />
<br />
'''The vExpo is available publicly on the web for anyone to see and access.'''<br />
*Event hosts and kiosk owners are responsible for working with there organization's communications team to review and approved the content.<br />
*By default, all content made available via the lobby and kiosks should:<br />
**have open access to be viewed publicly, without login or restricted permissions;<br />
**have the appropriate copyrights to be shared publicly.<br />
</div><br />
</div><br />
<br><br />
|}<br />
<div style="text-align: left;font-size: 1.5em"> <br />
<div class="btn"><big>'''[[About_vExpo/vExpo_Knowledge_Base|Let's get started!]]'''</big></div><br />
</div><br />
</div></div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base&diff=111360
About vExpo/vExpo Knowledge Base
2023-11-23T18:37:11Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[FR:À_propos_de_vExpo/Base_de_connaissances_sur_vExpo]]<br />
{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo|<span>'''< Back to About vExpo'''</span>]]</strong></p><br />
<br />
<br />
<div style="text-align: center;font-size: 1.5em"> <br />
'''Hello [[file:Waving_Hand_Emoji.png|50px]]'''<br />
<div style="right"></div><br />
'''Welcome to the vExpo Knowledge Base! This resource will guide you through the creation of a vExpo Event.'''<br />
<br />
'''What is your role?'''<br />
</div><br />
<br />
{{#css:<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items:flex-start;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 5em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
<br />
}}<br />
<div style="text-align: center"><br />
<div class="container-horizontal"><br />
<div class="imagelink host ">[[File:Try1.png|center|600px|link=https://wiki.gccollab.ca/About_vExpo/vExpo_Knowledge_Base/Lobby/Create]]<br />
As the event host, your main responsibility is to provide the vExpo team with <br />
the final content and images to be integrated into the vExpo Lobby. </div><br />
<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<br />
with the final content to be integrated into the vExpo. </div><br />
</div></div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base&diff=111359
About vExpo/vExpo Knowledge Base
2023-11-23T18:36:23Z
<p>Genevieve.lemieux: </p>
<hr />
<div>[[FR:À_propos_de_vExpo/Base_de_connaissances_sur_vExpo]]<br />
{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo|<span>'''< Back to "About vExpo"'''</span>]]</strong></p><br />
<br />
<br />
<div style="text-align: center;font-size: 1.5em"> <br />
'''Hello [[file:Waving_Hand_Emoji.png|50px]]'''<br />
<div style="right"></div><br />
'''Welcome to the vExpo Knowledge Base! This resource will guide you through the creation of a vExpo Event.'''<br />
<br />
'''What is your role?'''<br />
</div><br />
<br />
{{#css:<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items:flex-start;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 5em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
<br />
}}<br />
<div style="text-align: center"><br />
<div class="container-horizontal"><br />
<div class="imagelink host ">[[File:Try1.png|center|600px|link=https://wiki.gccollab.ca/About_vExpo/vExpo_Knowledge_Base/Lobby/Create]]<br />
As the event host, your main responsibility is to provide the vExpo team with <br />
the final content and images to be integrated into the vExpo Lobby. </div><br />
<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<br />
with the final content to be integrated into the vExpo. </div><br />
</div></div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities&diff=111358
About vExpo/vExpo Knowledge Base/Lobby/Create/Roles and Responsibilities
2023-11-23T18:02:36Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:EventHostCreating1.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenu}}<br />
[[FR:À_propos_de_vExpo/Rôles_et_responsabilités]]<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Event Host= <br />
<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Eh1.png|350px|techlab]]<br />
</div><br />
<div><br />
<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.''' <br />
<br />
'''For this, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Provide the event branding/look and feel to be incorporated as part of the lobby colors.<br />
# 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]]<br />
# Ensure that all content available through the lobby meets the content requirements. <br><br>[[About_vExpo| Link: vExpo Content Requirements]]<br />
# Provide a list of the kiosks to be included in the vExpo exhibit area.<br />
<div class="break"></div><br />
# 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] <br />
# Request permission from kiosk owners to include their existing kiosk in your vExpo event (where applicable).<br />
# Coordinate and manage all event logistics and 3rd party applications (e.g., registration, promotion, webcast, networking tool). <br />
# Review the live version of your vExpo (on test environment) and give the go-ahead to launch in production.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br><br />
<br />
<br />
|}<br />
__NOTOC__</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities&diff=111357
About vExpo/vExpo Knowledge Base/Lobby/Create/Roles and Responsibilities
2023-11-23T18:02:05Z
<p>Genevieve.lemieux: </p>
<hr />
<div>__NOTOC__<br />
{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:EventHostCreating1.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenu}}<br />
[[FR:À_propos_de_vExpo/Rôles_et_responsabilités]]<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Event Host= <br />
<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Eh1.png|350px|techlab]]<br />
</div><br />
<div><br />
<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.''' <br />
<br />
'''For this, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Provide the event branding/look and feel to be incorporated as part of the lobby colors.<br />
# 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]]<br />
# Ensure that all content available through the lobby meets the content requirements. <br><br>[[About_vExpo| Link: vExpo Content Requirements]]<br />
# Provide a list of the kiosks to be included in the vExpo exhibit area.<br />
<div class="break"></div><br />
# 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] <br />
# Request permission from kiosk owners to include their existing kiosk in your vExpo event (where applicable).<br />
# Coordinate and manage all event logistics and 3rd party applications (e.g., registration, promotion, webcast, networking tool). <br />
# Review the live version of your vExpo (on test environment) and give the go-ahead to launch in production.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Lobby/Create/Roles_and_Responsibilities&diff=111356
About vExpo/vExpo Knowledge Base/Lobby/Create/Roles and Responsibilities
2023-11-23T18:01:48Z
<p>Genevieve.lemieux: </p>
<hr />
<div>__TOC__<br />
{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:EventHostCreating1.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenu}}<br />
[[FR:À_propos_de_vExpo/Rôles_et_responsabilités]]<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Event Host= <br />
<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Eh1.png|350px|techlab]]<br />
</div><br />
<div><br />
<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.''' <br />
<br />
'''For this, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Provide the event branding/look and feel to be incorporated as part of the lobby colors.<br />
# 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]]<br />
# Ensure that all content available through the lobby meets the content requirements. <br><br>[[About_vExpo| Link: vExpo Content Requirements]]<br />
# Provide a list of the kiosks to be included in the vExpo exhibit area.<br />
<div class="break"></div><br />
# 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] <br />
# Request permission from kiosk owners to include their existing kiosk in your vExpo event (where applicable).<br />
# Coordinate and manage all event logistics and 3rd party applications (e.g., registration, promotion, webcast, networking tool). <br />
# Review the live version of your vExpo (on test environment) and give the go-ahead to launch in production.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}<br />
<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/Roles_and_Responsibilities&diff=111355
About vExpo/vExpo Knowledge Base/Kiosk/Edit/Roles and Responsibilities
2023-11-23T17:59:57Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:KioskOwnerEditing1.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuKioskEdit}}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Kiosk Owner= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
<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.'''<br />
<br />
'''For the development of a kiosk, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.<br />
# 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]]<br />
# Translate and request a linguistic review of all final kiosk content.<br />
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]<br />
<div class="break"></div><br />
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.<br />
# Create your 3D kiosk using the vBuilder self-serve tool. <br />
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.<br />
# Keep your kiosk content up to date using the vBuilder self-serve tool.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuKioskEdit&diff=111354
Template:StepbyStepMenuKioskEdit
2023-11-23T17:59:23Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[About vExpo/vExpo Knowledge Base/Kiosk/Edit|<span>'''Step by Step Process'''</span>]]'''<br />
| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/Roles_and_Responsibilities|<span>'''Roles and Responsibilities'''</span>]]''' <br />
<!--| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/User_Flow_Diagram|<span>'''User Flow Diagram'''</span>]]''' --><br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities&diff=111353
About vExpo/vExpo Knowledge Base/Kiosk/Roles and Responsibilities
2023-11-23T17:58:36Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:Kiosk_Owner_Creating.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuKiosk}}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Kiosk Owner= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
<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.'''<br />
<br />
'''For the development of a kiosk, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.<br />
# 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]]<br />
# Translate and request a linguistic review of all final kiosk content.<br />
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]<br />
<div class="break"></div><br />
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.<br />
# Create your 3D kiosk using the vBuilder self-serve tool. <br />
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.<br />
# Keep your kiosk content up to date using the vBuilder self-serve tool.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities&diff=111352
About vExpo/vExpo Knowledge Base/Kiosk/Roles and Responsibilities
2023-11-23T17:55:28Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:KioskOwnerEditing1.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuKiosk}}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Kiosk Owner= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
<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.'''<br />
<br />
'''For the development of a kiosk, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.<br />
# 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]]<br />
# Translate and request a linguistic review of all final kiosk content.<br />
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]<br />
<div class="break"></div><br />
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.<br />
# Create your 3D kiosk using the vBuilder self-serve tool. <br />
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.<br />
# Keep your kiosk content up to date using the vBuilder self-serve tool.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities&diff=111351
About vExpo/vExpo Knowledge Base/Kiosk/Roles and Responsibilities
2023-11-23T17:54:26Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:Kiosk_Owner_Creating.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuKiosk}}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Kiosk Owner= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
<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.'''<br />
<br />
'''For the development of a kiosk, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.<br />
# 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]]<br />
# Translate and request a linguistic review of all final kiosk content.<br />
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]<br />
<div class="break"></div><br />
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.<br />
# Create your 3D kiosk using the vBuilder self-serve tool. <br />
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.<br />
# Keep your kiosk content up to date using the vBuilder self-serve tool.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities&diff=111350
About vExpo/vExpo Knowledge Base/Kiosk/Roles and Responsibilities
2023-11-23T17:53:44Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:KioskOwnerEditing1.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuKiosk}}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Kiosk Owner= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
<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.'''<br />
<br />
'''For the development of a kiosk, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.<br />
# 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]]<br />
# Translate and request a linguistic review of all final kiosk content.<br />
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]<br />
<div class="break"></div><br />
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.<br />
# Create your 3D kiosk using the vBuilder self-serve tool. <br />
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.<br />
# Keep your kiosk content up to date using the vBuilder self-serve tool.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuKiosk&diff=111349
Template:StepbyStepMenuKiosk
2023-11-23T17:53:08Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[About vExpo/vExpo Knowledge Base/Kiosk/Create|<span>'''Step by Step Process'''</span>]]''' <br />
| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities|<span>'''Roles and Responsibilities'''</span>]]''' <br />
<!--| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Create/User_Flow_Diagram|<span>'''User Flow Diagram'''</span>]]''' --><br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuKiosk&diff=111348
Template:StepbyStepMenuKiosk
2023-11-23T17:50:24Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[About vExpo/vExpo Knowledge Base/Kiosk/Create|<span>'''Step by Step Process'''</span>]]''' <br />
| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/Roles_and_Responsibilities|<span>'''Roles and Responsibilities'''</span>]]''' <br />
<!--| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Create/User_Flow_Diagram|<span>'''User Flow Diagram'''</span>]]''' --><br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuKiosk&diff=111347
Template:StepbyStepMenuKiosk
2023-11-23T17:48:07Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[About vExpo/vExpo Knowledge Base/Kiosk/Create|<span>'''Step by Step Process'''</span>]]''' <br />
| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Create|<span>'''Roles and Responsibilities'''</span>]]''' <br />
<!--| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Create/User_Flow_Diagram|<span>'''User Flow Diagram'''</span>]]''' --><br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuKiosk&diff=111346
Template:StepbyStepMenuKiosk
2023-11-23T17:47:04Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[About vExpo/vExpo Knowledge Base/Kiosk/Create|<span>'''Step by Step Process'''</span>]]''' <br />
| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities|<span>'''Roles and Responsibilities'''</span>]]''' <br />
<!--| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Create/User_Flow_Diagram|<span>'''User Flow Diagram'''</span>]]''' --><br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuKiosk&diff=111345
Template:StepbyStepMenuKiosk
2023-11-23T17:46:36Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[About vExpo/vExpo Knowledge Base/Kiosk/Create|<span>'''Step by Step Process'''</span>]]''' <br />
| class="navelement" width="50%" | [[https://wiki.gccollab.ca/About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities|<span>'''Roles and Responsibilities'''</span>]]''' <br />
<!--| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Create/User_Flow_Diagram|<span>'''User Flow Diagram'''</span>]]''' --><br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/Roles_and_Responsibilities&diff=111344
About vExpo/vExpo Knowledge Base/Kiosk/Edit/Roles and Responsibilities
2023-11-23T17:45:01Z
<p>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..."</p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:KioskOwnerEditing1.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuKiosk}}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Kiosk Owner= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
<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.'''<br />
<br />
'''For the development of a kiosk, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.<br />
# 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]]<br />
# Translate and request a linguistic review of all final kiosk content.<br />
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]<br />
<div class="break"></div><br />
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.<br />
# Create your 3D kiosk using the vBuilder self-serve tool. <br />
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.<br />
# Keep your kiosk content up to date using the vBuilder self-serve tool.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities&diff=111343
About vExpo/vExpo Knowledge Base/Kiosk/Roles and Responsibilities
2023-11-23T17:40:52Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
.btn {<br />
border: none;<br />
background-color: #FFFFFF;<br />
padding: 14px 28px;<br />
font-size: 12px;<br />
cursor: pointer;<br />
display: inline-block;<br />
}<br />
<br />
.btn:hover {background: #ff9800;}<br />
<br />
.cta {color: #eee;}<br />
<br />
<br />
p{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
li{<br />
font-family: "Noto sans", sans-serif !important;<br />
font-size: 1.0em;<br />
}<br />
<br />
.wrap {<br />
height: 100%;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
}<br />
<br />
.button {<br />
width: 270px;<br />
height: 30px;<br />
font-family: 'Roboto', sans-serif;<br />
font-size: 13px;<br />
letter-spacing: 2.5px;<br />
font-weight: 500;<br />
color: #FFFFFF;<br />
background-color: #FFFFFF;<br />
border: none;<br />
border-radius: 45px;<br />
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);<br />
transition: all 0.3s ease 0s;<br />
cursor: pointer;<br />
outline: none;<br />
padding-top: 15px;<br />
padding-left: 15px;<br />
margin-right: 100px;<br />
text-transform: uppercase;<br />
}<br />
<br />
.button:hover {<br />
background-color: #adadad;<br />
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);<br />
color: #FFFFFF;<br />
transform: translateY(-7px);<br />
}<br />
<br />
.checkbox {<br />
list-style: none;<br />
}<br />
}}<br />
<p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p><br />
<br />
{|<br />
[[File:KioskOwnerEditing1.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuKioskEdit}}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Kiosk Owner= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
<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.'''<br />
<br />
'''For the development of a kiosk, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.<br />
# 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]]<br />
# Translate and request a linguistic review of all final kiosk content.<br />
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]<br />
<div class="break"></div><br />
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.<br />
# Create your 3D kiosk using the vBuilder self-serve tool. <br />
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.<br />
# Keep your kiosk content up to date using the vBuilder self-serve tool.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities&diff=111342
About vExpo/vExpo Knowledge Base/Kiosk/Roles and Responsibilities
2023-11-23T17:39:33Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{|<br />
[[File:KioskOwnerEditing1.png|1200px|]]</center><br />
|}<br />
{{StepbyStepMenuKioskEdit}}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Kiosk Owner= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
<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.'''<br />
<br />
'''For the development of a kiosk, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.<br />
# 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]]<br />
# Translate and request a linguistic review of all final kiosk content.<br />
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]<br />
<div class="break"></div><br />
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.<br />
# Create your 3D kiosk using the vBuilder self-serve tool. <br />
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.<br />
# Keep your kiosk content up to date using the vBuilder self-serve tool.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuKioskEdit&diff=111341
Template:StepbyStepMenuKioskEdit
2023-11-23T17:37:29Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[About vExpo/vExpo Knowledge Base/Kiosk/Edit|<span>'''Step by Step Process'''</span>]]'''<br />
| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities|<span>'''Roles and Responsibilities'''</span>]]''' <br />
<!--| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/User_Flow_Diagram|<span>'''User Flow Diagram'''</span>]]''' --><br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo&diff=111340
About vExpo
2023-11-23T17:33:33Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
body {<br />
font-family: 'Nunito Sans', sans-serif;<br />
}<br />
<br />
.res-img img {<br />
max-width:100%;<br />
height:auto;<br />
}<br />
<br />
#topten { <br />
margin-top: 2.2em;<br />
}<br />
<br />
.btn {<br />
display: inline-block;<br />
margin-bottom: 0;<br />
font-weight: 400;<br />
text-align: center;<br />
white-space: nowrap;<br />
vertical-align: middle;<br />
-ms-touch-action: manipulation;<br />
touch-action: manipulation;<br />
cursor: pointer;<br />
background-image: none;<br />
border: 1px solid transparent;<br />
padding: 6px 6px;<br />
font-size: 14px;<br />
line-height: 1.42857143;<br />
border-radius: 20px;<br />
width: auto; <br />
height: auto;<br />
background-color: rgba(108,77,133,0.8);<br />
border: 1px solid rgb(108,77,133);<br />
transition: 1s ease;<br />
}<br />
<br />
.btn a {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:visited {<br />
color: rgb(255, 255, 255);<br />
text-decoration: none;<br />
}<br />
<br />
.btn a.external:hover {<br />
color: rgb(255,255,255);<br />
text-decoration: underline;<br />
}<br />
<br />
.btn:hover {<br />
background-color: rgba(108,77,133,0.5);<br />
transition: 1s ease;<br />
text-decoration: underline;<br />
}<br />
<br />
<br />
.mainpage_row {<br />
display: flex;<br />
flex-direction: row;<br />
flex-flow: row wrap;<br />
justify-content: space-between;<br />
padding: 0;<br />
margin: 0 -5px 0 -5px;<br />
}<br />
<br />
.mainpage_box {<br />
flex: 1;<br />
margin: 5px;<br />
min-width: 210px;<br />
border: 0px solid #CCC;<br />
padding: 10px 10px 10px 10px;<br />
}<br />
<br />
.mainpage_box h2 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 24px;<br />
}<br />
<br />
.mainpage_box h3 {<br />
color: rgb(109,82,139);<br />
font-family: 'Rubik', sans-serif;<br />
font-size: 21px;<br />
font-weight: normal;<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 5em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
}}<br />
<br />
{{VExpoMenu}}<br />
__NOTOC__<br />
<br />
<div class="mainpage_box"><br />
<h2><span> Welcome to the vExpo!</span></h2><br />
<div><br />
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><br />
<div class="mainpage_row"><br />
<div class="mainpage_box"><br />
<h2><span>vExpo Lobby</span></h2><br />
<div><br />
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:<br />
*Main presentation (e.g. webcast)<br />
*Breakout sessions (where applicable)<br />
*Event information and material (agenda, speaker biographies)<br />
*Collaboration tools (e.g. networking, chat, Q&A)<br />
*Kiosks<br />
<br />
'''Example of 3D Lobby'''<br><br />
[[File:Lobby2023.png|border|link=CSPS_Tech_Lab/vExpo|450px]]<br />
<br />
</div><br />
</div><br />
<br />
<div class="mainpage_box"><br />
<h2><span>vExpo Kiosk</span></h2><br />
<div><br />
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.<br />
The kiosks can be integrated as part of a vExpo, Web presence or promotional package. Kiosks usually include:<br />
*Kiosk name (name of the department or initiative)<br />
*Content (visuals and decorative text with links to websites, videos, etc.)<br />
*Contact information (email, social media)<br />
<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><br />
<br />
'''Example of 3D kiosk'''<br><br />
[[File:KioskExample.png|border|link=CSPS_Tech_Lab/vExpo|600px]]<br />
</div><br />
</div><br />
</div><br />
<br />
<div class="mainpage_box"><br />
<h2><span>vExpo Knowledge Base</span></h2><br />
<div><br />
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. <br />
</div><br />
<br />
{| width="100%" cellspacing="15" cellpadding="10"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<h3><span>vExpo Content Requirements</span></h3><br />
<div><br />
'''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].'''<br />
<br />
All content to be included in a vExpo lobby and kiosks must:<br />
<br />
*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. <br />
<br />
*Be available in '''both official languages'''<br />
<br />
*Be '''fully accessible''' (i.e readable using assistive technology, alt text, transcripts, closed captions, etc.)<br />
<br />
'''The vExpo is available publicly on the web for anyone to see and access.'''<br />
*Event hosts and kiosk owners are responsible for working with there organization's communications team to review and approved the content.<br />
*By default, all content made available via the lobby and kiosks should:<br />
**have open access to be viewed publicly, without login or restricted permissions;<br />
**have the appropriate copyrights to be shared publicly.<br />
</div><br />
</div><br />
<br><br />
|}<br />
<div style="text-align: left;font-size: 1.5em"> <br />
<div class="btn"><big>'''[[About_vExpo/vExpo_Knowledge_Base|Let's get started!]]'''</big></div><br />
</div><br />
</div></div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:StepbyStepMenuKiosk&diff=111339
Template:StepbyStepMenuKiosk
2023-11-23T17:31:28Z
<p>Genevieve.lemieux: </p>
<hr />
<div>{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="50%" | [[About vExpo/vExpo Knowledge Base/Kiosk/Create|<span>'''Step by Step Process'''</span>]]''' <br />
| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities|<span>'''Roles and Responsibilities'''</span>]]''' <br />
<!--| class="navelement" width="50%" | [[About_vExpo/vExpo_Knowledge_Base/Kiosk/Create/User_Flow_Diagram|<span>'''User Flow Diagram'''</span>]]''' --><br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=About_vExpo/vExpo_Knowledge_Base/Kiosk/Roles_and_Responsibilities&diff=111338
About vExpo/vExpo Knowledge Base/Kiosk/Roles and Responsibilities
2023-11-23T17:30:22Z
<p>Genevieve.lemieux: Created page with "{| 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,..."</p>
<hr />
<div>{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" | <br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Kiosk Owner= <br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Ko1.png|350px]]<br />
</div><br />
<div><br />
<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.'''<br />
<br />
'''For the development of a kiosk, your role will be to:'''</big><br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
}}<br />
<br />
<div class="round-list"><br />
# Coordinate with your team, management and departmental communications team, what content and visuals should be included in your kiosk.<br />
# 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]]<br />
# Translate and request a linguistic review of all final kiosk content.<br />
# Ensure that all content available through the kiosk meets the content requirements. <br><br>[[About_vExpo#vExpo_Content_Requirements|Link: vExpo Content Requirements]]<br />
<div class="break"></div><br />
# Obtain final approvals from management and your internal communications team on the final kiosk content and design.<br />
# Create your 3D kiosk using the vBuilder self-serve tool. <br />
# Review the live version of your kiosk (in a test environment) and give the go-ahead to publish the kiosk.<br />
# Keep your kiosk content up to date using the vBuilder self-serve tool.<br />
<br />
</div><br />
<br><br />
<br />
<br />
<br />
<br />
<br />
<br />
|}<br />
{| width="100%" cellpadding="35" cellspacing="10px"<br />
<br />
|- valign="top"<br />
| 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;" |<br />
<br />
<div style="column-count:1"> <div style="text-align: left"><br />
<br />
=Tech Lab=<br />
<br />
{{#css:<br />
<br />
.img-banner{display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: flex-start;<br />
}<br />
<br />
.img-banner div:nth-of-type(2){<br />
background-color: #E4E6EA;<br />
padding: 2em;<br />
}<br />
}}<br />
<br />
<div class="img-banner"><br />
<div><br />
[[File:Tl1.png|350px|techlab]]<br />
</div><br />
<div><br />
<big>'''The vExpo team is responsible for the technical development of the vExpo event platform, including the virtual lobby and kiosks.''' <br />
<br />
'''When working with us to get your vExpo ready for your event, our role will be to:'''</big> <br />
</div><br />
<br />
</div><br />
<br />
{{#css:<br />
<br />
<br />
.container-horizontal{ <br />
display: flex;<br />
flex-direction: row;<br />
align-items: center;<br />
justify-content: space-evenly;<br />
}<br />
<br />
.container-horizontal>a{<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1em!important;<br />
color: white!important;<br />
width: 100%;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.round-list ol {<br />
list-style: none;<br />
counter-reset: item;<br />
display: flex;<br />
flex-direction: row;<br />
align-items: stretch;<br />
}<br />
.round-list li {<br />
counter-increment: item;<br />
display: flex;<br />
flex-direction: column;<br />
background-color: #E4E6EA;<br />
padding: 3em 1em;<br />
margin: 1em;<br />
align-items: center;<br />
flex: 1 1 0px;<br />
}<br />
.round-list li:before {<br />
margin-right: 10px;<br />
content: counter(item);<br />
background-color: rgb(105,82,130);<br />
border-radius: 50%;<br />
color: white;<br />
width: 1.2em;<br />
text-align: center;<br />
display: inline-block;<br />
position: absolute;<br />
padding: 1em;<br />
margin-top: -4.5em;<br />
height:1.2em;<br />
}<br />
<br />
.round-list ol:nth-of-type(2) {<br />
<br />
counter-reset: item4;<br />
counter-set: item4 4;<br />
}<br />
.round-list ol:nth-of-type(2) li{<br />
counter-increment: item4;<br />
}<br />
.round-list ol:nth-of-type(2) li:before{<br />
content: counter(item4);<br />
}<br />
<br />
.imagelink a{<br />
display: flex;<br />
flex-direction: column-reverse;<br />
align-items: center;<br />
color: white!important;<br />
}<br />
.imagelink a:before{<br />
content:'Testing Things';<br />
margin: 1em;<br />
background-color: rgb(105,82,130);<br />
border-radius: 12px;<br />
padding: 0.5em 1.3em!important;<br />
color: white!important;<br />
text-align: center;<br />
background-image: none!important;<br />
font-size: 1.6em;<br />
font-weight: 600;<br />
}<br />
<br />
.imagelink.host a:before{content:'Event Host';}<br />
.imagelink.owner a:before{content:'Kiosk Owner';}<br />
.imagelink.techlab a:before{content:'Tech Lab';}<br />
<br />
.round-list.seven-list ol:nth-of-type(2) li:last-child {<br />
visibility: hidden;<br />
}<br />
<br />
}}<br />
<br />
<div class="round-list seven-list"><br />
# Establish the vExpo submission deadlines.<br />
# Adjust the lobby colors to match the event’s look and feel, as needed.<br />
# Integrate the visual elements (banners and presentation screen), text and links to content as part of the lobby.<br />
# Work directly with event hosts and kiosk owners to update their lobby and kiosks, as needed.<br />
<div class="break"></div><br />
# Provide the final vExpo event and kiosk URLs prior to the event. <br />
# Provide analytics on the use of your vExpo following the event.<br />
# Support you and answer your questions throughout the various stages of the process.<br />
#.<br />
</div><br />
<br />
<br />
</div><br />
<br><br />
<br />
<br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:VExpoMenuFR&diff=111337
Template:VExpoMenuFR
2023-11-23T17:28:09Z
<p>Genevieve.lemieux: </p>
<hr />
<div><div align="center">[[File:Wiki vExpo menu image FR.png|1200px|]]</div><br />
<br />
<br />
{{#css:<br />
<br />
<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
<br />
}<br />
<br />
<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
<br />
}<br />
<br />
<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
<br />
|-<br />
| class="navelement" width="15%" | [[À propos de vExpo |<span>'''À propos de vExpo '''</span>]]''' <br />
| class="navelement" width="20%" | [[À propos de vExpo/Rôles et responsabilités|<span>'''Rôles et responsabilités'''</span>]]''' <br />
| class="navelement" width="30%" | [[À propos de vExpo/Base de connaissances sur vExpo|<span>'''Base de connaissances sur vExpo'''</span>]]''' <br />
| class="navelement" width="10%" | [[À propos de vExpo/FAQ|<span>'''FAQ'''</span>]]'''<br />
| class="navelement" width="30%" | [[À propos de vExpo/Recontrer l'équipe derrière vExpo|<span>'''Recontrer l'équipe derrière vExpo'''</span>]]''' <br />
|}</div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=File:Wiki_vExpo_menu_image_FR.png&diff=111336
File:Wiki vExpo menu image FR.png
2023-11-23T17:26:35Z
<p>Genevieve.lemieux: </p>
<hr />
<div></div>
Genevieve.lemieux
https://wiki.gccollab.ca/index.php?title=Template:VExpoMenu&diff=111335
Template:VExpoMenu
2023-11-23T17:24:46Z
<p>Genevieve.lemieux: </p>
<hr />
<div><div align="center">[[File:Wiki vExpo menu image EN.png|1200px|]]</div><br><br />
{{#css:<br />
.navelement{<br />
border-bottom:0px; <br />
padding-right: 0px; <br />
padding-left: 0px; <br />
padding-bottom: 2px; <br />
padding-top: 2px; <br />
text-align: center; <br />
font-family: (Cooper black); <br />
font-size: 12pt;<br />
}<br />
.navelement a{<br />
display: block;<br />
color:black;<br />
font-weight:600;<br />
border-bottom:solid 2px grey;<br />
}<br />
.navelement a:hover,.navelement focus{<br />
background-color:#E9E5ED;<br />
}<br />
.navelement a.selflink{<br />
color:#684E7E;<br />
border-bottom:#684E7E solid 4px;<br />
}<br />
}}<br />
{| class="FCK__ShowTableBorders" style=" border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background-color: #ffffff" width="100%" align="center" <br />
|-<br />
| class="navelement" width="20%" | [[About vExpo|<span>'''About vExpo'''</span>]]''' <br />
| class="navelement" width="20%" | [[About vExpo/Roles and Responsibilities|<span>'''Roles and Responsibilities'''</span>]]''' <br />
<!--| class="navelement" width="20%" | [[About vExpo/vExpo Knowledge Base|<span>'''vExpo Knowledge Base'''</span>]]''' --><br />
| class="navelement" width="20%" | [[About vExpo/FAQ's|<span>'''FAQ's'''</span>]]'''<br />
| class="navelement" width="20%" | [[About vExpo/The Team Behind vExpo...|<span>'''The Team Behind vExpo...'''</span>]]''' <br />
|}</div>
Genevieve.lemieux