Latest revision as of 13:12, 17 May 2024

Editing an Existing Kiosk

Kiosk owners, as outlined in the Roles and Responsibilities for the vExpo, are responsible for keeping their kiosk content up to date using the vBuilder self-serve tool. Guidance material has been developed to support you throughout this process.

If you have been delegated to edit a kiosk or would like to take ownership of a kiosk, contact the kiosk owner to request ownership and obtain existing templates, mock-ups or canvases to facilitate future updates.

Follow these 5 steps to update to the hotspots or panels in your existing kiosk. If you are the owner of a CSPS kiosk, contact the Tech Lab at techlab-labtech@csps-efpc.gc.ca to arrange updates.

Refer to our FAQ for any questions.

1. Update your kiosk content

Begin by identifying any updated content required for panel images, decorative text, descriptive text or hotspot URLs using your existing Content Planning Template and/or Kiosk Mock-up Template. Ensure all your planned updated content for your kiosk is available in both official languages.

If you are only adding or removing hotspots or modifying the description card texts in your kiosk, you can proceed to the vBuilder in step 4.

If your panels require updates to layout, thumbnail images or to the embedded decorative text, then you will need to update and export replacement panels. Proceed to step 2.

2. Update your kiosk panels, as required

If new panel images are required, update the existing canvases used to make your kiosk or refer to one of our blank canvas templates to capture your designs in the required layout and format before exporting them as .png files.

While you can update 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.

Templates: Blank canvas templates for capturing final kiosk design (PPT, SVG, Figma, Adobe XD, Illustrator).

3. Export your updated kiosk panel image files, as required

If you have updated any panel images, you will need to export new panels as a .png file and name it to correspond with the panel being replaced.

Name your updated 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

Guide: Kiosk image specifications guide to provide the exact requirements for each panel.

4. Update your kiosk using the vBuilder self-serve tool

The Tech Lab has developed the Kiosk vBuilder self-serve tool to assist you in updating your virtual kiosk. Follow the instructions in the Kiosk vBuilder Creation Guide to upload any updated panels or to adjust the hotspots in your kiosk.

Ensure you have all the required content ready, including your unique vBuilder link provided by the Tech Lab, any updated panel image files, and any updated description text or URLs in both official languages.

If you haven't received the link to access the vBuilder, contact the Tech Lab at techlab-labtech@csps-efpc.gc.ca to request a link to edit your kiosk.

Guide: Kiosk vBuilder Creation Guide to show you step by step how to update your kiosk.

5. Re-publish your kiosk

Once you've edited your hotspots and/or uploaded your panels, and previewed it 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 re-published. Please allow up to 2 working days for your kiosk to be published for quality assurance purposes.

@@ Line 99: / Line 99: @@
 *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).
-==3. Update your kiosk designs, as required==
+==3. Export your updated kiosk panel image files, as required==
-As per the vExpo roles and responsibilities, kiosk owners are responsible for designing and updating their kiosk visuals and providing the vExpo team with the final design files for integration.
+If you have updated any panel images, you will need to export new panels as a .png file and name it to correspond with the panel being replaced.
-Using the design source files, make the required modifications to your kiosk designs.
-*Using Adobe Experience Designer (Adobe XD), open the kiosk source file (typically it should be named K####_Source.XD, where the #### corresponds to the kiosk ID).
+Name your updated image file according to the following convention:
-*If you don't have access to Adobe XD, the vExpo team can export the individual kiosk panels into SVG and you can make use of other design software to make your updates (i.e. [https://can01.safelinks.protection.outlook.com/?url=https%3A%2F%2Finkscape.org%2Frelease%2F&data=05%7C01%7CRobyn.Paton%40tbs-sct.gc.ca%7Cd164a019cca3441af17d08dae41e8378%7C6397df10459540479c4f03311282152b%7C0%7C0%7C638073119619287004%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=CikWNdJVpXNOAn0MuqnFnavTuw5ESRw3RS9SoTmO9hY%3D&reserved=0 Inkscape] or [https://can01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.figma.com%2F&data=05%7C01%7CRobyn.Paton%40tbs-sct.gc.ca%7Cd164a019cca3441af17d08dae41e8378%7C6397df10459540479c4f03311282152b%7C0%7C0%7C638073119619287004%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=CkRXM9ZhbdfbN86K1cp%2FIYrKj7LoWUyUkygVxr1QE8M%3D&reserved=0 Figma] ). Note that your department’s Communications and Marketing team will most likely be able to work with .XD files.
-Images specifications and a design guide are available to help you with making updates to your design.
-* [https://drive.google.com/uc?id=1ieXwYzqKXwr6RfpDuuqOU-9xNs6fQBUj&export=download  Kiosk image specifications]
-* Guide: Creating your [https://drive.google.com/uc?id=1beYSAGT1PWPrr7cLon3bG-pdrVaWNIBI&export=download Final Kiosk Design] – to help you create the final high resolution images for your 3D kiosk.
-'''Note:''' We recommend working with your Communications, Marketing and Multimedia team to develop/update the final kiosk design. If you decide to take this on yourself, we strongly recommend obtaining Communications approval prior to submitting the final designs.
-==4. Export your kiosk 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.
-For a 3 panel kiosk, you should have a total of 8 panels (4 panels per language): left, central, right, and title.
-'''Name each image file''' using the following naming convention:
 <ul>
@@ Line 135: / Line 117: @@
-==5. Update your kiosk using the vBuilder self-serve tool==
+*Guide: [https://drive.google.com/uc?id=1ieXwYzqKXwr6RfpDuuqOU-9xNs6fQBUj&export=download Kiosk image specifications guide] to provide the exact requirements for each panel.
-Ensure you have all the required content ready to update your kiosk. You will need:
+==4. Update your kiosk using the vBuilder self-serve tool==
-* The link* you received to access the kiosk edition page;
+The Tech Lab has developed the Kiosk vBuilder self-serve tool to assist you in updating 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 any updated panels or to adjust the hotspots in your kiosk.
-* The panel image files;
-* The URLs to link to your content; and
-* The final text to appear on your kiosk, in both official languages.
-Follow the instructions in the [https://drive.google.com/file/d/1mqH393Cj_ihjVqlvYLMvUZYftJA3QM2J/view?usp=sharing Kiosk vBuilder guide] to update your kiosk.
+Ensure you have all the required content ready, including your unique vBuilder link provided by the Tech Lab, any updated panel image files, and any updated description text or URLs in both official languages.
+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 link to edit your kiosk.
-==6. Publish your kiosk==
+*Guide: [https://drive.google.com/file/d/1mqH393Cj_ihjVqlvYLMvUZYftJA3QM2J/view?usp=sharing Kiosk vBuilder Creation Guide] to show you step by step how to update your kiosk.
-Once you have completed your kiosk updates using the Kiosk vBuilder tool, and have received all approvals to publish your kiosk on a public-facing site, contact the Tech Lab team ([mailto:techlab-labtech@csps-efpc.gc.ca techlab-labtech@csps-efpc.gc.ca]) to confirm that your kiosk is ready to be published.
-''Note: Please allow up to 2 working days for your kiosk to be published.''
+==5. Re-publish your kiosk==
+Once you've edited your hotspots and/or uploaded your panels, and previewed it 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 re-published. Please allow up to 2 working days for your kiosk to be published for quality assurance purposes.

Difference between revisions of "About vExpo/vExpo Knowledge Base/Kiosk/Edit"