Difference between revisions of "About vExpo/vExpo Knowledge Base/Kiosk/Create/User Flow Diagram"
< About vExpo | vExpo Knowledge Base | Kiosk | Create
(Created page with "{{StepbyStepMenuKiosk}} ='''Planning and Creating a Kiosk'''= {| width="100%" cellpadding="35" cellspacing="10px" |- valign="top" | style="border-left: 10px solid #695282;...") |
|||
| (13 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| + | {{Under review}} | ||
| + | |||
| + | {{#css: | ||
| + | |||
| + | .btn { | ||
| + | border: none; | ||
| + | background-color: #FFFFFF; | ||
| + | padding: 14px 28px; | ||
| + | font-size: 12px; | ||
| + | cursor: pointer; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | .btn:hover {background: #ff9800;} | ||
| + | |||
| + | .cta {color: #eee;} | ||
| + | |||
| + | |||
| + | p{ | ||
| + | font-family: "Noto sans", sans-serif !important; | ||
| + | font-size: 1.0em; | ||
| + | } | ||
| + | |||
| + | li{ | ||
| + | font-family: "Noto sans", sans-serif !important; | ||
| + | font-size: 1.0em; | ||
| + | } | ||
| + | |||
| + | .wrap { | ||
| + | height: 100%; | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | |||
| + | .button { | ||
| + | width: 270px; | ||
| + | height: 30px; | ||
| + | font-family: 'Roboto', sans-serif; | ||
| + | font-size: 13px; | ||
| + | letter-spacing: 2.5px; | ||
| + | font-weight: 500; | ||
| + | color: #FFFFFF; | ||
| + | background-color: #FFFFFF; | ||
| + | border: none; | ||
| + | border-radius: 45px; | ||
| + | box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); | ||
| + | transition: all 0.3s ease 0s; | ||
| + | cursor: pointer; | ||
| + | outline: none; | ||
| + | padding-top: 15px; | ||
| + | padding-left: 15px; | ||
| + | margin-right: 100px; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | |||
| + | .button:hover { | ||
| + | background-color: #adadad; | ||
| + | box-shadow: 0px 15px 20px rgba(4, 97, 123, 0.4); | ||
| + | color: #FFFFFF; | ||
| + | transform: translateY(-7px); | ||
| + | } | ||
| + | |||
| + | .checkbox { | ||
| + | list-style: none; | ||
| + | } | ||
| + | }} | ||
| + | <p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p> | ||
| + | |||
| + | {| | ||
| + | [[File:Kiosk_Owner_Creating.png|1200px|]]</center> | ||
| + | |} | ||
{{StepbyStepMenuKiosk}} | {{StepbyStepMenuKiosk}} | ||
| − | + | [[FR:À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Créer/Schémas_de_parcours]] | |
='''Planning and Creating a Kiosk'''= | ='''Planning and Creating a Kiosk'''= | ||
| Line 8: | Line 80: | ||
| 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;" | | | 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]] | + | [[File:Planningandcreatingakios.png|link=https://wiki.gccollab.ca/images/a/a0/Updatingakiosk.png|1150px]] |
{{#css: | {{#css: | ||
| Line 41: | Line 113: | ||
} | } | ||
| − | h3{ | + | #content h3{ |
padding-top:10px; | padding-top:10px; | ||
font-family: Lato, Arial, Helvetica, sans-serif !important; | font-family: Lato, Arial, Helvetica, sans-serif !important; | ||
| Line 73: | Line 145: | ||
.button { | .button { | ||
| − | width: 230px; | + | */width: 230px;*/ |
height: 30px; | height: 30px; | ||
font-family: 'Roboto', sans-serif; | font-family: 'Roboto', sans-serif; | ||
| Line 104: | Line 176: | ||
} | } | ||
}} | }} | ||
| − | <p class="button"><strong>[ | + | <p class="button"><strong>[[media:FINAL_Planning_and_Creating_a_kiosk.pdf|Download PDF (465 KB)]]</strong></p> |
<br> | <br> | ||
| Line 111: | Line 183: | ||
{| width="100%" cellpadding="10px" cellspacing="10px" | {| width="100%" cellpadding="10px" cellspacing="10px" | ||
| − | {{Onboarding-css}}<!-- Source code for the CSS file. Do not remove --> | + | <!--{{Onboarding-css}}<!-- Source code for the CSS file. Do not remove --> |
| colspan="4" | | | colspan="4" | | ||
<div class="card greybg"> | <div class="card greybg"> | ||
| − | '''<big>Transcript</big>''' <div class="card-body mw-collapsible mw-collapsed"> | + | '''<big>User Flow Transcript</big>''' <div class="card-body mw-collapsible mw-collapsed"> |
| − | ''' | + | '''Planning and Creating a New Kiosk''' |
<ol start="1"> | <ol start="1"> | ||
| − | + | <li>Submit a request for a new kiosk to [mailto:techlab-labtech@csps-efpc.gc.ca techlab-labtech@csps-efpc.gc.ca]</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>The Tech lab will analyzes the request and send you an information package to review.</li> | ||
| − | <li>Review the steps for Planning and | + | <li>Review the steps for [https://docs.google.com/document/d/10R2p4j6kqQEjiD3sHBunbylJnkZkJcLE/edit#heading=h.904hy3a6rdbw Planning and Creating a New Kiosk].</li> |
| − | <li>Fill out the Kiosk Content Submission Form.doc | + | <li>Fill out the [https://drive.google.com/uc?id=1eNyLniPjhdAfIh6OwtUfDNyn1vjJuX8U&export=download Kiosk Content Submission Form.doc]</li> |
<li>Determine who will design the kiosk (you, a designer in your team, Comms/multimedia team?)</li> | <li>Determine who will design the kiosk (you, a designer in your team, Comms/multimedia team?)</li> | ||
<li>Design the kiosk</li> | <li>Design the kiosk</li> | ||
<li>Will you be doing a mock up to help plan your kiosk design?</li> | <li>Will you be doing a mock up to help plan your kiosk design?</li> | ||
</ol> | </ol> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<br> | <br> | ||
| − | <ol start=" | + | ::Yes, continue to step 8. No, skip to step 10. |
| − | <li>Review the Kiosk | + | <br> |
| − | <li>Consult the Creating your Final Kiosk Design, as required.</li> | + | <ol start="8"> |
| − | <li>Produce the final kiosk design using the Blank | + | <li>Review the [https://drive.google.com/uc?id=1cXUL1z9594wC5g2IZaDmMSJHbpFQmZNE&export=download Kiosk Mock-up Creation Guide.doc]</li> |
| + | <li>Create a design mock up using a [https://drive.google.com/uc?id=1IDvgeq6U4uKvLape4hdaZOk_Q4Oq9BRR&export=download Kiosk Mockup Template.ppt]</li> | ||
| + | <li>Review the [https://docs.google.com/document/d/10R2p4j6kqQEjiD3sHBunbylJnkZkJcLE/edit#heading=h.sddb239u3taw Kiosk Image Specifications]</li> | ||
| + | <li>Consult the [https://docs.google.com/document/d/1ehZGiL02ldPWlmGWWUOTmK6JDe0aiKHAIQNToNS_gt0/edit#heading=h.nt3283orgv8j Creating your Final Kiosk Design Guide], as required.</li> | ||
| + | <li>Produce the final kiosk design using the [https://drive.google.com/drive/u/0/folders/1iXE-u7eOCoO0gbb-jygIXNgIkvhbJ24F Blank Canvas] provided by Tech Lab.</li> | ||
<li>Perform internal review and obtain final approvals on kiosk content and design.</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>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>Submit the final images and the Content Submission Form to [mailto:techlab-labtech@csps-efpc.gc.ca 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> | <li>Tech Lab will develop the kiosk and share the link to the kiosk once available.</li></span> | ||
</ol> | </ol> | ||
Latest revision as of 15:24, 11 July 2023
 |
This page is under review |
| Step by Step Process | Roles and Responsibilities |
Planning and Creating a Kiosk
|
|
||||
