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 1: / Line 1: @@
+{{#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:KioskOwnerEditing1.png|1200px|]]</center>
 |}
 {{StepbyStepMenuKioskEdit}}
+[[FR:À_propos_de_vExpo/Base_de_connaissances_sur_vExpo/Kiosque/Modifier]]
 ='''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.
-'''1. Contact the vExpo team'''
+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.
-Contact the vExpo team via the Tech Lab’s generic mailbox to request the latest version of your kiosk’s Content Submission Form and design source files, as required.
+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.
-Generic mailbox: [mailto:techlab-labtech@csps-efpc.gc.ca techlab-labtech@csps-efpc.gc.ca]
+Refer to our [https://wiki.gccollab.ca/About_vExpo/FAQ%27s FAQ] for any questions.
-'''2. Update the Kiosk Content Submission Form'''
+==1. Update your kiosk content==
-Make the required changes to the form using tracked changes or colored highlights to identify all required changes to the 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.
-'''3. Update your kiosk designs, as required'''
+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.
-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 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.
-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).
+==2. Update your kiosk panels, 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 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.
-* [https://drive.google.com/uc?id=1ieXwYzqKXwr6RfpDuuqOU-9xNs6fQBUj&export=download  Kiosk image specifications]
+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.
-* 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.
+Common applications for this purpose include Adobe Illustrator, Adobe Photoshop, Adobe XD, Sketch, Figma, Canva, and PowerPoint.
-'''4. Export your kiosk image files'''
+*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).
-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.
+==3. Export your updated kiosk panel image files, as required==
-For a 3 panel kiosk, you should have a total of 8 panels (4 panels per language): left, central, right, and title.
+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 each image file''' using the following naming convention:
+Name your updated image file according to the following convention:
 <ul>
@@ Line 52: / Line 117: @@
-'''5. Submit your files'''
+*Guide: [https://drive.google.com/uc?id=1ieXwYzqKXwr6RfpDuuqOU-9xNs6fQBUj&export=download 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 [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.
+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.
+*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.
-Send your kiosk '''Content Submission Form''' (from step 1) with related image files for description card icons and '''final kiosk design files''' (from step 2) to the Tech Lab’s generic mailbox: [[techlab-labtech@csps-efpc.gc.ca techlab-labtech@csps-efpc.gc.ca]]
+==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"