945
edits
Changes
Jump to navigation
Jump to search
À propos de vExpo/Base de connaissances sur vExpo/Kiosque/Modifier/Rôles et responsabilités (view source)
Revision as of 09:16, 24 November 2023
, 09:16, 24 November 2023Created page with "{{#css: .btn { border: none; background-color: #FFFFFF; padding: 14px 28px; font-size: 12px; cursor: pointer; display: inline-block; } .btn:hover {background: #f..."
{{#css:
.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}
.btn:hover {background: #ff9800;}
.cta {color: #eee;}
p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}
li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}
.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.button {
width: 425px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}
.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}
.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|<span>'''< Retourner à la Base de connaissance'''</span>]]</strong></p>
{|
[[File:EditingakioskFR.png|1200px|]]</center>
|}
{{StepbyStepMenuFRKioskEdit}}
[[EN:About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/Roles_and_Responsibilities]]
{| width="100%" cellpadding="35" cellspacing="10px"
|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |
<div style="column-count:1"> <div style="text-align: left">
=Le responsable de kiosque=
{{#css:
.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}
<div class="img-banner">
<div>
[[File:Ko1.png|350px]]
</div>
<div>
'''En tant que responsable de kiosque, votre principale responsabilité est de concevoir votre kiosque et d'intégrer les visuels et le contenu dans l'outil libre-service vBuilder afin de créer votre kiosk.'''
'''Pour le développement d'un nouveau kiosque, votre rôle sera le suivant :'''
</div>
</div>
{{#css:
.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}
.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}
.round-list ol:nth-of-type(2) {
counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}
.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}
}}
<div class="round-list">
# Coordonner avec votre équipe, votre haute gestion et votre équipe de communication interne, le contenu et les visuels à inclure dans votre kiosque.
# Créer le design final du kiosque, en suivant les directives de conception du kiosque.<br><br>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer#2._Concevez_votre_kiosque|Lien: Concevez votre kiosque]]
# Traduisez et demandez une révision linguistique de tout le contenu du kiosque, avant de le soumettre.
# Assurez-vous que tout le contenu disponible sur le kiosque répond aux exigences.<br><br> [[À_propos_de_vExpo#Exigences_en_mati.C3.A8re_de_contenu_de_vExpo|Lien: Exigences en matière de contenu]]
<div class="break"></div>
# Obtenez les approbations finales de la haute gestion et de votre équipe de communication interne sur le contenu et le design final du kiosque.
# Créez votre kiosque 3D en utilisant l'outil libre-service vBuilder.
# Examinez la version final de votre kiosque (sur l'environnement de test) et donnez le feu vert pour le publier.
# Maintenez le contenu de votre kiosque à jour en utilisant l'outil libre-service vBuilder.
</div>
<br>
|}
{| width="100%" cellpadding="35" cellspacing="10px"
|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |
<div style="column-count:1"> <div style="text-align: left">
=Lab des technologies - équipe vExpo=
{{#css:
.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}
<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
'''L'équipe vExpo est responsable du développement technique de la plateforme d'événement vExpo, y compris la salle d’accueil et les kiosques virtuels. Lorsque vous travaillerez avec nous pour la création de votre vExpo pour votre événement, notre rôle sera de :'''
</div>
</div>
{{#css:
.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}
.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}
.round-list ol:nth-of-type(2) {
counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}
.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}
.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}
}}
<div class="round-list seven-list">
# Fixer la date limite de soumission du contenu pourle vExpo.
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).
# Intégrer les éléments visuels (bannières et écran de présentation), le texte et les liens vers le contenu dans le cadre de la salle d'accueil.
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.
<div class="break"></div>
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.
#.
</div>
</div>
<br>
|}
.btn {
border: none;
background-color: #FFFFFF;
padding: 14px 28px;
font-size: 12px;
cursor: pointer;
display: inline-block;
}
.btn:hover {background: #ff9800;}
.cta {color: #eee;}
p{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}
li{
font-family: "Noto sans", sans-serif !important;
font-size: 1.0em;
}
.wrap {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.button {
width: 425px;
height: 30px;
font-family: 'Roboto', sans-serif;
font-size: 13px;
letter-spacing: 2.5px;
font-weight: 500;
color: #FFFFFF;
background-color: #FFFFFF;
border: none;
border-radius: 45px;
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease 0s;
cursor: pointer;
outline: none;
padding-top: 15px;
padding-left: 15px;
margin-right: 100px;
text-transform: uppercase;
}
.button:hover {
background-color: #adadad;
box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4);
color: #FFFFFF;
transform: translateY(-7px);
}
.checkbox {
list-style: none;
}
}}
<p class="button"><strong>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo|<span>'''< Retourner à la Base de connaissance'''</span>]]</strong></p>
{|
[[File:EditingakioskFR.png|1200px|]]</center>
|}
{{StepbyStepMenuFRKioskEdit}}
[[EN:About_vExpo/vExpo_Knowledge_Base/Kiosk/Edit/Roles_and_Responsibilities]]
{| width="100%" cellpadding="35" cellspacing="10px"
|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |
<div style="column-count:1"> <div style="text-align: left">
=Le responsable de kiosque=
{{#css:
.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}
<div class="img-banner">
<div>
[[File:Ko1.png|350px]]
</div>
<div>
'''En tant que responsable de kiosque, votre principale responsabilité est de concevoir votre kiosque et d'intégrer les visuels et le contenu dans l'outil libre-service vBuilder afin de créer votre kiosk.'''
'''Pour le développement d'un nouveau kiosque, votre rôle sera le suivant :'''
</div>
</div>
{{#css:
.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}
.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}
.round-list ol:nth-of-type(2) {
counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}
.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}
}}
<div class="round-list">
# Coordonner avec votre équipe, votre haute gestion et votre équipe de communication interne, le contenu et les visuels à inclure dans votre kiosque.
# Créer le design final du kiosque, en suivant les directives de conception du kiosque.<br><br>[[À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer#2._Concevez_votre_kiosque|Lien: Concevez votre kiosque]]
# Traduisez et demandez une révision linguistique de tout le contenu du kiosque, avant de le soumettre.
# Assurez-vous que tout le contenu disponible sur le kiosque répond aux exigences.<br><br> [[À_propos_de_vExpo#Exigences_en_mati.C3.A8re_de_contenu_de_vExpo|Lien: Exigences en matière de contenu]]
<div class="break"></div>
# Obtenez les approbations finales de la haute gestion et de votre équipe de communication interne sur le contenu et le design final du kiosque.
# Créez votre kiosque 3D en utilisant l'outil libre-service vBuilder.
# Examinez la version final de votre kiosque (sur l'environnement de test) et donnez le feu vert pour le publier.
# Maintenez le contenu de votre kiosque à jour en utilisant l'outil libre-service vBuilder.
</div>
<br>
|}
{| width="100%" cellpadding="35" cellspacing="10px"
|- valign="top"
| style="border-left: 10px solid #695282; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); color: #57416C; background-color: white; font-size:1em;" |
<div style="column-count:1"> <div style="text-align: left">
=Lab des technologies - équipe vExpo=
{{#css:
.img-banner{display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.img-banner div:nth-of-type(2){
background-color: #E4E6EA;
padding: 2em;
}
}}
<div class="img-banner">
<div>
[[File:Tl1.png|350px|techlab]]
</div>
<div>
'''L'équipe vExpo est responsable du développement technique de la plateforme d'événement vExpo, y compris la salle d’accueil et les kiosques virtuels. Lorsque vous travaillerez avec nous pour la création de votre vExpo pour votre événement, notre rôle sera de :'''
</div>
</div>
{{#css:
.container-horizontal{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
}
.container-horizontal>a{
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1em!important;
color: white!important;
width: 100%;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
.round-list ol {
list-style: none;
counter-reset: item;
display: flex;
flex-direction: row;
align-items: stretch;
}
.round-list li {
counter-increment: item;
display: flex;
flex-direction: column;
background-color: #E4E6EA;
padding: 3em 1em;
margin: 1em;
align-items: center;
flex: 1 1 0px;
}
.round-list li:before {
margin-right: 10px;
content: counter(item);
background-color: rgb(105,82,130);
border-radius: 50%;
color: white;
width: 1.2em;
text-align: center;
display: inline-block;
position: absolute;
padding: 1em;
margin-top: -4.5em;
height:1.2em;
}
.round-list ol:nth-of-type(2) {
counter-reset: item4;
counter-set: item4 4;
}
.round-list ol:nth-of-type(2) li{
counter-increment: item4;
}
.round-list ol:nth-of-type(2) li:before{
content: counter(item4);
}
.imagelink a{
display: flex;
flex-direction: column-reverse;
align-items: center;
color: white!important;
}
.imagelink a:before{
content:'Testing Things';
margin: 1em;
background-color: rgb(105,82,130);
border-radius: 12px;
padding: 0.5em 1.3em!important;
color: white!important;
text-align: center;
background-image: none!important;
font-size: 1.6em;
font-weight: 600;
}
.imagelink.host a:before{content:'Event Host';}
.imagelink.owner a:before{content:'Kiosk Owner';}
.imagelink.techlab a:before{content:'Tech Lab';}
.round-list.seven-list ol:nth-of-type(2) li:last-child {
visibility: hidden;
}
}}
<div class="round-list seven-list">
# Fixer la date limite de soumission du contenu pourle vExpo.
# Ajuster les couleurs de la salle d'accueil pour qu'elles correspondent au look and feel de l'événement (si nécessaire).
# Intégrer les éléments visuels (bannières et écran de présentation), le texte et les liens vers le contenu dans le cadre de la salle d'accueil.
# Travailler directement avec les propriétaires de kiosques pour développer ou mettre à jour leurs kiosques virtuels.
<div class="break"></div>
# Fournir l'URL finale de l'événement vExpo et des kiosques avant l'événement.
# Fournir des analyses sur l'utilisation de votre vExpo après l'événement.
#Vous soutenir et répondre à vos questions tout au long des différentes étapes du processus.
#.
</div>
</div>
<br>
|}
