486
edits
Changes
About vExpo/vExpo Knowledge Base/Kiosk/Create/User Flow Diagram (view source)
Revision as of 11:17, 6 March 2023
, 11:17, 6 March 2023Created page with "{{StepbyStepMenuKiosk}} ='''Planning and Creating a Kiosk'''= {| width="100%" cellpadding="35" cellspacing="10px" |- valign="top" | style="border-left: 10px solid #695282;..."
{{StepbyStepMenuKiosk}}
='''Planning and Creating a Kiosk'''=
{| 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;" |
[[File:Planningandcreatingakios.png|1150px]]
{{#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.stream{
color: #FFFFFF;
padding-top:30px;
line-height:0;
font-weight: 900;
font-size:small;
font-family: "Noto sans", Arial, Helvetica, sans-serif !important;
}
h1{
font-family: Lato, Arial, Helvetica, sans-serif !important;
font-size:xx-large !important;
text-decoration:none !important;
border:0 !important;
}
h3{
padding-top:10px;
font-family: Lato, Arial, Helvetica, sans-serif !important;
font-size:large !important;
text-decoration:none !important;
color:#ffffff;
}
h4{
font-family: Lato, Arial, Helvetica, sans-serif !important;
font-size: 1.05em;
color:#FFFFFF;
}
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: 230px;
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>[https://acrobat.adobe.com/link/review?uri=urn:aaid:scds:US:a1b9f524-efd3-31d9-bbe3-78a4ae0aea18 Download PDF (415 KB)]</strong></p>
<br>
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
{| width="100%" cellpadding="10px" cellspacing="10px"
{{Onboarding-css}}<!-- Source code for the CSS file. Do not remove -->
| colspan="4" |
<div class="card greybg">
'''<big>Transcript</big>''' <div class="card-body mw-collapsible mw-collapsed">
'''Updating an existing kiosk'''
<ol start="1">
<li>New kiosk request</li>
<li>Submit a request for a new kiosk to techlab-labtech@csps-efpc.gc.ca</li>
<li>The Tech lab will analyzes the request and send you an information package to review.</li>
<li>Review the steps for Planning and creating a new kiosk.</li>
<li>Fill out the Kiosk Content Submission Form.doc (required)</li>
<li>Determine who will design the kiosk (you, a designer in your team, Comms/multimedia team?)</li>
<li>Design the kiosk</li>
<li>Will you be doing a mock up to help plan your kiosk design?</li>
</ol>
Yes
* Review the Kiosk Mock-up Creation Guide.doc
* Create a design mock up using a Kiosk Mockup template.ppt
<br>
<ol start="9">
<li>Review the Kiosk image specifications</li>
<li>Consult the Creating your Final Kiosk Design, as required.</li>
<li>Produce the final kiosk design using the Blank canvas provided by Tech Lab.</li>
<li>Perform internal review and obtain final approvals on kiosk content and design.</li>
<li>Export the kiosk panels to .png format, in high resolution.</li>
<li>Submit the final images and the Content Submission Form to techlab-labtech@csps-efpc.gc.ca.</li>
<li>Tech Lab will develop the kiosk and share the link to the kiosk once available.</li></span>
</ol>
</div>
<br>
='''Planning and Creating a Kiosk'''=
{| 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;" |
[[File:Planningandcreatingakios.png|1150px]]
{{#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.stream{
color: #FFFFFF;
padding-top:30px;
line-height:0;
font-weight: 900;
font-size:small;
font-family: "Noto sans", Arial, Helvetica, sans-serif !important;
}
h1{
font-family: Lato, Arial, Helvetica, sans-serif !important;
font-size:xx-large !important;
text-decoration:none !important;
border:0 !important;
}
h3{
padding-top:10px;
font-family: Lato, Arial, Helvetica, sans-serif !important;
font-size:large !important;
text-decoration:none !important;
color:#ffffff;
}
h4{
font-family: Lato, Arial, Helvetica, sans-serif !important;
font-size: 1.05em;
color:#FFFFFF;
}
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: 230px;
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>[https://acrobat.adobe.com/link/review?uri=urn:aaid:scds:US:a1b9f524-efd3-31d9-bbe3-78a4ae0aea18 Download PDF (415 KB)]</strong></p>
<br>
{{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}}
{| width="100%" cellpadding="10px" cellspacing="10px"
{{Onboarding-css}}<!-- Source code for the CSS file. Do not remove -->
| colspan="4" |
<div class="card greybg">
'''<big>Transcript</big>''' <div class="card-body mw-collapsible mw-collapsed">
'''Updating an existing kiosk'''
<ol start="1">
<li>New kiosk request</li>
<li>Submit a request for a new kiosk to techlab-labtech@csps-efpc.gc.ca</li>
<li>The Tech lab will analyzes the request and send you an information package to review.</li>
<li>Review the steps for Planning and creating a new kiosk.</li>
<li>Fill out the Kiosk Content Submission Form.doc (required)</li>
<li>Determine who will design the kiosk (you, a designer in your team, Comms/multimedia team?)</li>
<li>Design the kiosk</li>
<li>Will you be doing a mock up to help plan your kiosk design?</li>
</ol>
Yes
* Review the Kiosk Mock-up Creation Guide.doc
* Create a design mock up using a Kiosk Mockup template.ppt
<br>
<ol start="9">
<li>Review the Kiosk image specifications</li>
<li>Consult the Creating your Final Kiosk Design, as required.</li>
<li>Produce the final kiosk design using the Blank canvas provided by Tech Lab.</li>
<li>Perform internal review and obtain final approvals on kiosk content and design.</li>
<li>Export the kiosk panels to .png format, in high resolution.</li>
<li>Submit the final images and the Content Submission Form to techlab-labtech@csps-efpc.gc.ca.</li>
<li>Tech Lab will develop the kiosk and share the link to the kiosk once available.</li></span>
</ol>
</div>
<br>