Line 63: |
Line 63: |
| list-style: none; | | list-style: none; |
| } | | } |
| + | #iframe-YouTube{ |
| + | max-width:885px;} |
| + | .cols-3{ |
| + | display:flex; |
| + | } |
| + | .cols-3>*{ |
| + | display:flex; |
| + | margin:2% 1%; |
| + | } |
| + | .cols-3 #iframe-YouTube{ |
| + | min-height: 275px;} |
| + | |
| }} | | }} |
| <p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p> | | <p class="button"><strong>[[About_vExpo/vExpo_Knowledge_Base|<span>'''< Back to Knowledge Base'''</span>]]</strong></p> |
Line 76: |
Line 88: |
| Follow these 5 steps to plan and create your new virtual kiosk, utilizing our three-part video tutorial for assistance: | | Follow these 5 steps to plan and create your new virtual kiosk, utilizing our three-part video tutorial for assistance: |
| | | |
| + | <div class="cols-3"> |
| + | {{Special:IframePage/YouTube|path=f4qqoKJhiaY}} |
| + | {{Special:IframePage/YouTube|path=pVFfio_C24g}} |
| + | {{Special:IframePage/YouTube|path=MoMwv2yuNao}} |
| + | </div> |
| <ul> | | <ul> |
− | #Plan your kiosk (Step 1) | + | #[https://youtu.be/f4qqoKJhiaY?feature=shared Plan your kiosk] (Step 1) |
− | #Design and export your kiosk panels (Steps 2 and 3) | + | #[https://youtu.be/pVFfio_C24g?feature=shared Design and export your kiosk panels] (Steps 2 and 3) |
− | #Build and publish your kiosk (Steps 4 and 5) | + | #[https://youtu.be/MoMwv2yuNao?feature=shared Build and publish your kiosk] (Steps 4 and 5) |
| </ul> | | </ul> |
| | | |
Line 86: |
Line 103: |
| ==1. Plan your kiosk== | | ==1. Plan your kiosk== |
| | | |
− | Begin by using the [https://drive.google.com/uc?id=1cXUL1z9594wC5g2IZaDmMSJHbpFQmZNE&export=download Kiosk Mock-up Creation Guide] to formulate a rough idea of your kiosk content, including visuals, interactivity, and navigation. This document covers essential topics such as recommended applications for content creation, the structure of a virtual kiosk, and steps for creating your mockup. | + | Begin by using the [[Media:Kiosk_Mock-Up_Creation_Guide.pdf]] to formulate a rough idea of your kiosk content, including visuals, interactivity, and navigation. This document covers essential topics such as recommended applications for content creation, the structure of a virtual kiosk, and steps for creating your mockup. |
| | | |
− | Once you've familiarized yourself with the guide and envisioned your content, utilize the [https://drive.google.com/uc?id=1IROZ4zfw5bAjZbvD8_xhFD5qmyULIwWw&export=download Kiosk Mockup Template] to organize your kiosk content and layout. This is an opportunity to sketch and experiment before finalizing your panel design. | + | Once you've familiarized yourself with the guide and envisioned your content, utilize the [[Media:Kiosk_Mockup_Template.pdf]] to organize your kiosk content and layout. This is an opportunity to sketch and experiment before finalizing your panel design. |
| | | |
− | Once your kiosk mockup is completed, transfer the corresponding content to the [https://drive.google.com/uc?id=1eNyLniPjhdAfIh6OwtUfDNyn1vjJuX8U&export=download Kiosk Content Planning Template]. This tool will assist you later in the process. Ensure all planned content for your kiosk is available in both official languages, including decorative text, description card text, thumbnail images, and hotspot links. | + | Once your kiosk mockup is completed, transfer the corresponding content to the [[Media:Kiosk_Content_Planning_Template.docx]]. This tool will assist you later in the process. Ensure all planned content for your kiosk is available in both official languages, including decorative text, description card text, thumbnail images, and hotspot links. |
| | | |
| Resources: | | Resources: |
− | *Guide: [https://drive.google.com/uc?id=1cXUL1z9594wC5g2IZaDmMSJHbpFQmZNE&export=download Kiosk Mock-up Creation Guide] – to help you plan your kiosk content and layout. | + | *Guide: [[Media:Kiosk_Mock-Up_Creation_Guide.pdf]] – to help you plan your kiosk content and layout. |
| | | |
− | *Template: [https://drive.google.com/uc?id=1IROZ4zfw5bAjZbvD8_xhFD5qmyULIwWw&export=download Kiosk Mockup Template] – to help you create a mockup. | + | *Template: [[Media:Kiosk_Mockup_Template.pdf]] – to help you create a mockup. |
| | | |
− | *Template: [https://drive.google.com/uc?id=1eNyLniPjhdAfIh6OwtUfDNyn1vjJuX8U&export=download Kiosk Content Planning Template] - to record your content to use later in vBuilder. | + | *Template: [[Media:Kiosk_Content_Planning_Template.docx]] - to record your content to use later in vBuilder. |
| | | |
| ==2. Design your kiosk panels== | | ==2. Design your kiosk panels== |
| | | |
− | Refer to the instructions in the [https://drive.google.com/uc?id=1beYSAGT1PWPrr7cLon3bG-pdrVaWNIBI&export=download Creating Your Final Kiosk Design Guide] to transform your mockup into high-resolution panel images with consistent layout, good design, and overall balance. Utilize one of our [https://drive.google.com/drive/u/0/folders/1iXE-u7eOCoO0gbb-jygIXNgIkvhbJ24F blank canvas templates] to capture your designs in the required layout and format before exporting them as .png files. In total, you should have 8 image panels: left, central, right, and title in both official languages. | + | Refer to the instructions in the [[Media:Kiosk_Mock-Up_Creation_Guide.pdf]] to transform your mockup into high-resolution panel images with consistent layout, good design, and overall balance. Utilize one of our [https://052gc.sharepoint.com/:f:/s/ISInnovationandExperimentationProjects/Ev9Hzpou7bhOtJj1iHPcOE4BcosRKxsxIOHrHiehYqxq2w?e=De3Zp7 blank canvas templates] to capture your designs in the required layout and format before exporting them as .png files. In total, you should have 8 image panels: left, central, right, and title in both official languages. |
| | | |
| While you can create the required panel images using the provided guides and tutorials, you may also seek support from your department’s communications, marketing, or multimedia team. | | While you can create the required panel images using the provided guides and tutorials, you may also seek support from your department’s communications, marketing, or multimedia team. |
Line 108: |
Line 125: |
| | | |
| Resources: | | Resources: |
− | *Guide: [https://drive.google.com/uc?id=1beYSAGT1PWPrr7cLon3bG-pdrVaWNIBI&export=download Creating Your Final Kiosk Design Guide] to help you create the final high resolution panel images for your 3D kiosk. | + | *Guide: [[Media:Kiosk_Mock-Up_Creation_Guide.pdf]] - to help you create the final high resolution panel images for your 3D kiosk. |
− | *Templates: [https://drive.google.com/drive/u/0/folders/1iXE-u7eOCoO0gbb-jygIXNgIkvhbJ24F Blank canvas templates] for capturing final kiosk design (PPT, SVG, Figma, Adobe XD, Illustrator). | + | *Templates: [https://052gc.sharepoint.com/:f:/s/ISInnovationandExperimentationProjects/Ev9Hzpou7bhOtJj1iHPcOE4BcosRKxsxIOHrHiehYqxq2w?e=De3Zp7 Blank canvas templates] for capturing final kiosk design (PPT, SVG, Figma, Adobe XD, Illustrator). |
| | | |
| ==3. Export your kiosk panel image files== | | ==3. Export your kiosk panel image files== |
Line 129: |
Line 146: |
| | | |
| Resource: | | Resource: |
− | *Guide: [https://drive.google.com/uc?id=1ieXwYzqKXwr6RfpDuuqOU-9xNs6fQBUj&export=download Kiosk image specifications guide] to provide the exact requirements for each panel. | + | *Guide: [[Media:Kiosk_Image_Specifications_Guide.pdf]] - to provide the exact requirements for each panel. |
| | | |
| ==4. Build your kiosk using the vBuilder self-serve tool== | | ==4. Build your kiosk using the vBuilder self-serve tool== |
− | The Tech Lab has developed the Kiosk vBuilder self-serve tool to assist you in creating your virtual kiosk. Follow the instructions in the [https://drive.google.com/file/d/1mqH393Cj_ihjVqlvYLMvUZYftJA3QM2J/view?usp=sharing Kiosk vBuilder Creation Guide] to upload your panels and construct your kiosk. | + | The Tech Lab has developed the Kiosk vBuilder self-serve tool to assist you in creating your virtual kiosk. Follow the instructions in the [[Media:VBuilder_Creation_Guide.pdf]] to upload your panels and construct your kiosk. |
| | | |
| Ensure you have all the required content ready, including the unique vBuilder link provided by the Tech Lab, the panel image files, and the content planning template with description card text and hotspot URLs. | | Ensure you have all the required content ready, including the unique vBuilder link provided by the Tech Lab, the panel image files, and the content planning template with description card text and hotspot URLs. |
| | | |
− | If you haven't received the link to access the vBuilder, contact the Tech Lab at [mailto:techlab-labtech@csps-efpc.gc.ca techlab-labtech@csps-efpc.gc.ca] to request a new kiosk and a vBuilder link, providing details such as the event for which your kiosk will be used, the event host name, and your kiosk/organization name. | + | If you haven't received the link to access the vBuilder, contact EMS at [mailto:learningevents-evenementsdapprentissage@csps-efpc.gc.ca learningevents-evenementsdapprentissage@csps-efpc.gc.ca] to request a new kiosk and a vBuilder link, providing details such as the event for which your kiosk will be used, the event host name, and your kiosk/organization name. |
| | | |
| Resource: | | Resource: |
− | *Guide: [https://drive.google.com/file/d/1mqH393Cj_ihjVqlvYLMvUZYftJA3QM2J/view?usp=sharing Kiosk vBuilder Creation Guide] to show you step by step how to build your kiosk. | + | *Guide: [[Media:VBuilder_Creation_Guide.pdf]] - to show you step by step how to build your kiosk. |
| | | |
| ==5. Publish your kiosk== | | ==5. Publish your kiosk== |
| Once you've uploaded your panels, built your kiosk, and previewed your final product using the Kiosk vBuilder tool, contact the Tech Lab team at [mailto:techlab-labtech@csps-efpc.gc.ca techlab-labtech@csps-efpc.gc.ca] to notify them that your kiosk is ready to be published on a public-facing site. Please allow up to 2 working days for your kiosk to be published for quality assurance purposes. | | Once you've uploaded your panels, built your kiosk, and previewed your final product using the Kiosk vBuilder tool, contact the Tech Lab team at [mailto:techlab-labtech@csps-efpc.gc.ca techlab-labtech@csps-efpc.gc.ca] to notify them that your kiosk is ready to be published on a public-facing site. Please allow up to 2 working days for your kiosk to be published for quality assurance purposes. |