  {"id":16901,"date":"2022-03-18T09:00:33","date_gmt":"2022-03-18T13:00:33","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=16901"},"modified":"2024-06-08T09:43:34","modified_gmt":"2024-06-08T13:43:34","slug":"fantastic-training-modules-and-how-we-make-them","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2022\/fantastic-training-modules-and-how-we-make-them\/","title":{"rendered":"Fantastic Training Modules and How We Make Them"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Fantastic Training Modules and How We Make Them\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n<p>Have you noticed the recent changes on the <a href=\"https:\/\/carleton.ca\/webservices\/cms-help\/\">Web Services CMS Help Centre<\/a>? Are you curious about what is happening behind the scenes? I am Krist, a co-op student at Web Services, and I am about to reveal to you our secret lab where my fellow co-op Sarah and I produce the CMS training!<\/p>\n\n\n\n<h2 id=\"step-1-re-organizing-the-training-modules\" class=\"wp-block-heading\">Step 1: Re-organizing the training modules<\/h2>\n\n\n\n<p>If you remember, the CMS Help Centre used to be more like a knowledge hub where you searched for specific content. We have re-arranged the tutorials into modules to provide a more linear learning experience, and that means a lot of content has to be moved around!<\/p>\n\n\n\n<p>I am in charge of building the Basic Training modules, and Sarah pieces together the Advanced Training. Occasionally the topics we cover will overlap, so many of our conversations look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"975\" height=\"382\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/MicrosoftTeams-image.png\" alt=\"\" class=\"wp-image-16902\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/MicrosoftTeams-image.png 975w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/MicrosoftTeams-image-512x201.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/MicrosoftTeams-image-320x125.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/MicrosoftTeams-image-768x301.png 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/MicrosoftTeams-image-360x141.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/MicrosoftTeams-image-200x78.png 200w\" sizes=\"auto, (max-width: 975px) 100vw, 975px\" \/><\/figure>\n\n\n\n<h2 id=\"step-2-writing-the-step-by-step\" class=\"wp-block-heading\">Step 2: Writing the Step-by-Step<\/h2>\n\n\n\n<p>Most of the time, we adapt the tutorials that have been made before us (with frequent reference to the back end of CMS to make sure the steps are up to date); but we occasionally write new tutorials from scratch as well. It takes a lot of rehearsing on the back end, and we learn many things as we go!<\/p>\n\n\n\n<p>In fact, Sarah has a Secret Testing Laboratory where they do all sorts of Advanced Training experiments to test their tutorials (it\u2019s also the place where they demo instructions in their training videos).<\/p>\n\n\n\n<p>We have a lot of fun learning about CMS, and a lot of conversations like this:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1400\" height=\"846\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-15-at-8.24.37-AM.png\" alt=\"\" class=\"wp-image-16904\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-15-at-8.24.37-AM.png 1400w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-15-at-8.24.37-AM-512x309.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-15-at-8.24.37-AM-1024x619.png 1024w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-15-at-8.24.37-AM-320x193.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-15-at-8.24.37-AM-768x464.png 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-15-at-8.24.37-AM-360x218.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-15-at-8.24.37-AM-200x121.png 200w\" sizes=\"auto, (max-width: 1400px) 100vw, 1400px\" \/><\/figure>\n\n\n\n<p>Once we have mastered a feature in CMS, we condense the steps into bullet points and add some screenshots for demonstration.<\/p>\n\n\n\n<h2 id=\"step-3-recording\" class=\"wp-block-heading\">Step 3: Recording<\/h2>\n\n\n\n<p>When we have the Step-by-Step ready, we start writing the script, which is basically translating the step-by-step into full sentences.<\/p>\n\n\n\n<p>The FUN part, however, is recording. So many things can go wrong during recording: your voice cracks, you forget the script, your dog barks in the background, Teams notifications go off, you accidentally close a tab you need to keep open, and so on. How do we know? We learned the hard way :).<\/p>\n\n\n\n<p>I cross my fingers and chant \u201cI can do it\u201d every time I start a recording. Sarah\u2019s technique is to hit record as soon as the script is done, so they don\u2019t have a chance to get nervous. This means many fumbled takes and fun new ways to pronounce words like \u201cwebsite\u201d, \u201cmedia\u201d, or \u201cpage\u201d.<\/p>\n\n\n\n<p>But you know what they say, practice makes perfect. And we\u2019re getting a lot of practice! After 5-10 takes (our record is 21), there\u2019s sure to be a good one eventually.<\/p>\n\n\n\n<h2 id=\"step-4-editing\" class=\"wp-block-heading\">Step 4: Editing<\/h2>\n\n\n\n<p>There are 2 types of people. There is myself, who edits all her stuttering out and pretends she is perfect. And then there is Sarah, who <span style=\"text-decoration: line-through;\">is actually perfect<\/span> just rerecords whenever they mess up, which means a much longer recording process and a shorter editing one.<\/p>\n\n\n\n<p>Here is a sneak peek into my video editing behind-the-scenes, which is more patched up than Frankenstein&#8217;s monster:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2850\" height=\"608\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-11-at-3.51.09-PM.png\" alt=\"\" class=\"wp-image-16905\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-11-at-3.51.09-PM.png 2850w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-11-at-3.51.09-PM-512x109.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-11-at-3.51.09-PM-1024x218.png 1024w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-11-at-3.51.09-PM-320x68.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-11-at-3.51.09-PM-768x164.png 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-11-at-3.51.09-PM-1536x328.png 1536w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-11-at-3.51.09-PM-2048x437.png 2048w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-11-at-3.51.09-PM-360x77.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-11-at-3.51.09-PM-200x43.png 200w\" sizes=\"auto, (max-width: 2850px) 100vw, 2850px\" \/><\/figure>\n\n\n\n<p>And in case you ask, I use iMovie for editing my videos, and Sarah (the lone PC user in our group of Macs) uses FilmForth!<\/p>\n\n\n\n<h2 id=\"step-5-uploading-the-video-to-youtube\" class=\"wp-block-heading\">Step 5: Uploading the Video to YouTube<\/h2>\n\n\n\n<p>Once we have done our amazing work, it is important that you see it! Our training videos are uploaded to the <a href=\"https:\/\/www.youtube.com\/channel\/UCG9xqULTDZ7UcsVcWXpJd6w\">ÐÓ°ÉÔ­´´ CMS YouTube channel<\/a> and organized into Basic Training and Advanced Training playlists. Closed captions are always added so that our videos are accessible to all audiences!<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1904\" height=\"1303\" src=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-14-at-9.10.42-AM-e1644933244957.png\" alt=\"\" class=\"wp-image-16903\" srcset=\"https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-14-at-9.10.42-AM-e1644933244957.png 1904w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-14-at-9.10.42-AM-e1644933244957-512x350.png 512w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-14-at-9.10.42-AM-e1644933244957-1024x701.png 1024w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-14-at-9.10.42-AM-e1644933244957-320x219.png 320w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-14-at-9.10.42-AM-e1644933244957-768x526.png 768w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-14-at-9.10.42-AM-e1644933244957-1536x1051.png 1536w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-14-at-9.10.42-AM-e1644933244957-360x246.png 360w, https:\/\/carleton.ca\/webservices\/wp-content\/uploads\/sites\/3\/Screen-Shot-2022-02-14-at-9.10.42-AM-e1644933244957-200x137.png 200w\" sizes=\"auto, (max-width: 1904px) 100vw, 1904px\" \/><\/figure>\n\n\n\n<h2 id=\"step-5-assembling-the-tutorial-page\" class=\"wp-block-heading\">Step 5: Assembling the Tutorial Page<\/h2>\n\n\n\n<p>Finally, we put all the pieces of the puzzle together! We start with the Step-by-Step, then follow up with the video tutorial and transcript. We also add a section named \u201cTry It Out!\u201d to test your knowledge of CMS. And finally, we place a \u201cNext\u201d button so you can move on to the next topic in the module.<\/p>\n\n\n\n<p>And that is how a CMS training tutorial is created. We learn so much about CMS in the process and we are super excited to share them with you through these trainings. If you are interested in learning about CMS, definitely visit our <a href=\"https:\/\/carleton.ca\/webservices\/cms-help\/\">Help Centre<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Have you noticed the recent changes on the Web Services CMS Help Centre? Are you curious about what is happening behind the scenes? I am Krist, a co-op student at Web Services, and I am about to reveal to you our secret lab where my fellow co-op Sarah and I produce the CMS training! Step [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":17110,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[369],"tags":[],"class_list":["post-16901","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-carleton-cms"],"acf":{"cu_post_thumbnail":"techie"},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/16901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=16901"}],"version-history":[{"count":0,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/16901\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media\/17110"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=16901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=16901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=16901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}