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> | | [[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 11: |
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 44: |
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 76: |
Line 145: |
| | | |
| .button { | | .button { |
− | width: 230px; | + | */width: 230px;*/ |
| height: 30px; | | height: 30px; |
| font-family: 'Roboto', sans-serif; | | font-family: 'Roboto', sans-serif; |
Line 107: |
Line 176: |
| } | | } |
| }} | | }} |
− | <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> | + | <p class="button"><strong>[[media:FINAL_Planning_and_Creating_a_kiosk.pdf|Download PDF (465 KB)]]</strong></p> |
| <br> | | <br> |
| | | |
Line 114: |
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"> |
− | '''Updating an existing kiosk''' | + | '''Planning and Creating a New Kiosk''' |
| <ol start="1"> | | <ol start="1"> |
− | <li>New kiosk request</li>
| + | <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 creating a new kiosk.</li> | + | <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 (required)</li> | + | <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> |
− |
| |
− | Yes
| |
− | * Review the Kiosk Mock-up Creation Guide.doc
| |
− | * Create a design mock up using a Kiosk Mockup template.ppt
| |
− |
| |
| <br> | | <br> |
− | <ol start="9"> | + | ::Yes, continue to step 8. No, skip to step 10. |
− | <li>Review the Kiosk image specifications</li> | + | <br> |
− | <li>Consult the Creating your Final Kiosk Design, as required.</li> | + | <ol start="8"> |
− | <li>Produce the final kiosk design using the Blank canvas provided by Tech Lab.</li> | + | <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> |