Important: The GCConnex decommission will not affect GCCollab or GCWiki. Thank you and happy collaborating!
Difference between revisions of "About vExpo/vExpo Knowledge Base/Kiosk/Create"
Monika.fahim (talk | contribs) |
|||
| (16 intermediate revisions by 4 users not shown) | |||
| 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 [ | + | 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 [ | + | 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 [ | + | 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: [ | + | *Guide: [[Media:Kiosk_Mock-Up_Creation_Guide.pdf]] – to help you plan your kiosk content and layout. |
| − | *Template: [ | + | *Template: [[Media:Kiosk_Mockup_Template.pdf]] – to help you create a mockup. |
| − | *Template: [ | + | *Template: [[Media:Kiosk_Content_Planning_Template.docx]] - to record your content to use later in vBuilder. |
| − | ==2. Design your kiosk== | + | ==2. Design your kiosk panels== |
| − | + | 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. | |
| − | + | Common applications for this purpose include Adobe Illustrator, Adobe Photoshop, Adobe XD, Sketch, Figma, Canva, and PowerPoint. | |
| − | |||
| − | |||
| − | |||
| + | Resources: | ||
| + | *Guide: [[Media:Kiosk_Mock-Up_Creation_Guide.pdf]] - to help you create the final high resolution panel images for your 3D kiosk. | ||
| + | *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 image files== | + | ==3. Export your kiosk panel image files== |
| − | Once your kiosk designs are finalized in both official languages, export each individual kiosk panel as .png files. These will be used to create the 3D version of the kiosk | + | Once your kiosk designs are finalized in both official languages, export each individual kiosk panel as .png files. These files will be used to create the 3D version of the kiosk. |
| − | Name each image file | + | For a 3-panel kiosk, you should have a total of 8 image panels (4 panels per official language): left, central, right, and title. Name each image file according to the following convention: |
<ul> | <ul> | ||
| Line 128: | Line 145: | ||
</ul> | </ul> | ||
| + | Resource: | ||
| + | *Guide: [[Media:Kiosk_Image_Specifications_Guide.pdf]] - to provide the exact requirements for each panel. | ||
| − | ==4. | + | ==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 [[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. | |
| − | + | 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: | ||
| + | *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 | + | 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. |
| − | |||
| − | |||
Latest revision as of 12:07, 2 September 2025
| Step by Step Process | Roles and Responsibilities |
Planning and Creating a New Kiosk
Kiosk owners, as outlined in the Roles and Responsibilities for the vExpo, are responsible for planning and creating the final designs of their kiosks. Guidance material has been developed to support you throughout this process. Follow these 5 steps to plan and create your new virtual kiosk, utilizing our three-part video tutorial for assistance:
- Plan your kiosk (Step 1)
- Design and export your kiosk panels (Steps 2 and 3)
- Build and publish your kiosk (Steps 4 and 5)
Refer to our FAQ for any questions.
1. Plan your kiosk
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 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 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:
- Guide: Media:Kiosk_Mock-Up_Creation_Guide.pdf – to help you plan your kiosk content and layout.
- Template: Media:Kiosk_Mockup_Template.pdf – to help you create a mockup.
- Template: Media:Kiosk_Content_Planning_Template.docx - to record your content to use later in vBuilder.
2. Design your kiosk panels
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 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.
Common applications for this purpose include Adobe Illustrator, Adobe Photoshop, Adobe XD, Sketch, Figma, Canva, and PowerPoint.
Resources:
- Guide: Media:Kiosk_Mock-Up_Creation_Guide.pdf - to help you create the final high resolution panel images for your 3D kiosk.
- Templates: Blank canvas templates for capturing final kiosk design (PPT, SVG, Figma, Adobe XD, Illustrator).
3. Export your kiosk panel image files
Once your kiosk designs are finalized in both official languages, export each individual kiosk panel as .png files. These files will be used to create the 3D version of the kiosk.
For a 3-panel kiosk, you should have a total of 8 image panels (4 panels per official language): left, central, right, and title. Name each image file according to the following convention:
- English right panel: Kxxxxxx_EnCA_Right
- French right panel: Kxxxxxx_FrCA_Right
- English centre panel: Kxxxxxx_EnCA_Centre
- French centre panel: Kxxxxxx_FrCA_Centre
- English centre title panel: Kxxxxxx_EnCA_CentreTitle
- French centre title panel: Kxxxxxx_FrCA_CentreTitle
- English left panel: Kxxxxxx_EnCA_Left
- French left panel: Kxxxxxx_FrCA_Left
Resource:
- 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
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.
If you haven't received the link to access the vBuilder, contact EMS at 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:
- Guide: Media:VBuilder_Creation_Guide.pdf - to show you step by step how to build 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 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.
