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

From wiki
Jump to navigation Jump to search
 
(13 intermediate revisions by 2 users not shown)
Line 73: Line 73:
 
='''Editing an Existing Kiosk'''=
 
='''Editing an Existing Kiosk'''=
  
Follow the steps below to request an update to your existing kiosk.
+
Kiosk owners, as outlined in the [https://wiki.gccollab.ca/About_vExpo/Roles_and_Responsibilities 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.
  
To help make it easier to update your virtual kiosk, we have developed the Kiosk vBuilder self-serve tool that allows you to create and update your kiosk, no coding required!
+
If you have been delegated to edit a kiosk or would like to take ownership of a kiosk, contact the [https://vkiosk-catalog.azurewebsites.net/en/kiosks kiosk owner] to request ownership and obtain existing templates, mock-ups or canvases to facilitate future updates.
  
'''''Note that the Kiosk vBuilder is still in the beta phase of development, which means that we are collecting feedback from users to fine tune the vBuilder tool and inform any updates or bug fixes required. If you have feedback to share, please fill out this [https://drive.google.com/uc?id=1VW8dW-nzRvxsHILd-vbHyF9yDnf8fxUdXYWPASyCCMI&export=download Feedback Form] and send it to: [mailto:techlab-labtech@csps-efpc.gc.ca techlab-labtech@csps-efpc.gc.ca].'''''
+
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 [mailto:techlab-labtech@csps-efpc.gc.ca techlab-labtech@csps-efpc.gc.ca] to arrange updates.
  
 +
Refer to our [https://wiki.gccollab.ca/About_vExpo/FAQ%27s FAQ] for any questions.
  
==1. Contact the vExpo team==
+
==1. Update your kiosk content==
  
Contact the vExpo team via the Tech Lab’s generic mailbox to request a link to your kiosk on the vBuilder tool, where you will be able to update your content and design. Let us know if you also need access to the latest version of your kiosk’s Content Submission Form and design source files, as required.  
+
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.
  
Generic mailbox: [mailto:techlab-labtech@csps-efpc.gc.ca techlab-labtech@csps-efpc.gc.ca]
+
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 the Kiosk Content Submission Form==
+
==2. Update your kiosk panels, as required==
  
Make the required changes to the form using tracked changes or colored highlights to identify all required changes to the content.  
+
If new panel images are required, update the existing canvases used to make your kiosk or refer to 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.
  
 +
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.
  
==3. Update your kiosk designs, as required==
+
Common applications for this purpose include Adobe Illustrator, Adobe Photoshop, Adobe XD, Sketch, Figma, Canva, and PowerPoint.
  
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.
+
*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).
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).
+
==3. Export your updated kiosk panel image files, as required==
*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.  
+
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.  
  
* [https://drive.google.com/uc?id=1ieXwYzqKXwr6RfpDuuqOU-9xNs6fQBUj&export=download  Kiosk image specifications]
+
Name your updated image file according to the following convention:
* 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>
 
<ul>
Line 128: 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.

Latest revision as of 13:12, 17 May 2024

< Back to Knowledge Base

KioskOwnerEditing1.png

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.

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:

    1. English right panel: Kxxxxxx_EnCA_Right
    2. French right panel: Kxxxxxx_FrCA_Right
    3. English centre panel: Kxxxxxx_EnCA_Centre
    4. French centre panel: Kxxxxxx_FrCA_Centre
    5. English centre title panel: Kxxxxxx_EnCA_CentreTitle
    6. French centre title panel: Kxxxxxx_FrCA_CentreTitle
    7. English left panel: Kxxxxxx_EnCA_Left
    8. French left panel: Kxxxxxx_FrCA_Left


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.

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.