 and welcome to this week's edition of Encompass Live. I am your host, Krista Porter, here at the Nebraska Library Commission. Encompass Live is the Library Commission's weekly webinar series, where we cover a variety of library activities and topics. We have been doing Encompass Live, as I said, it's a weekly series since January 2009. So this is our 10th year of Encompass Live, yay. Maybe at the end of the year, we'll do something for a little birthday celebration. I don't know. And we post, do a variety of things here on the show. The show is broadcast live every Wednesday morning from 10 a.m. central time, 10 to 11 a.m. But if you're unable to join us on Wednesday mornings, that's fine, we do record the show every week, and it is posted to our website, and I'll show you at the end of today's show where you can see all of our recordings. Both the live show and our archives are free and open to anyone to watch. So please do share with your friends, family, neighbors, colleagues, anyone you think that may be interested in any of our topics, they can sign up for our upcoming shows or watch any of our archives. Now, as I did say, we are in our 10th year of Encompass Live, so we do have 10 years worth of videos, archive shows there on the website. So there will be some things that are outdated, historical we'll call it. We are a librarian, so we save and archive everything. So keep that in mind when you are watching some of our older shows, everything is dated though, so you will know when it actually took place in context, but there will be some obviously out of date information in there, but it's all for historical purposes in archiving. We do a mixture of things here on the show, book reviews, interviews, mini training sessions, demos of services and products, showcasing resources or anything that we think that may be of interest to librarians and everywhere. We, so really our only criteria is that it's something library related, something libraries are doing, something we think they could be doing, some new service or resource we think that be of interest or use to libraries. And we are the Nebraska Library Commission and all of our presentations for all types of libraries out there, public, academic, school, K-12, special libraries, museums, what else, we've had everything on the show, correctional facilities, so just libraries is our theme here. We do have some sessions that are done and presented by Nebraska Library Commission staff, things that are here more local to what we're offering to the commission, but we do bring in guest speakers from libraries across Nebraska and across the country. And that's what we have this morning with us on the line from the University of Minnesota Libraries. Good morning guys, is Lindsay, Matt Spenson, and Andrew, Andrew, I didn't ask how to pronounce your last name. Pollanook. Pollanook, well that's easy. Yeah. Good morning, Lindsay and Matt. Good morning. Sorry. And they have a session here, this is a presentation that actually I first discovered at, there's a great library technology conference that is done up in Minnesota that I attended two years ago, I think it was. And this was not a session from that one, this is from last year's conference, library technology conference. And this is a great session they did about online tutorials. And it also has a wonderful theme where if anyone is a huge stranger things fan as I am. So 11 ways your current tutorials are as forgettable as Barb and what to do about it. So I'll just hand over to you guys, Lindsay and Andrew to take it away and tell us about how we can now do have great online tutorials. All right, well thank you everybody. Good morning. We're gonna just get in and get started. And first of all, what we wanted to do, we wanted to go over some objectives for today about what we're going to be going over. So first of all, we're going to be addressing some core skills around universal, instructional and graphic design because to everything we create, there are legs to the stool of everything we create in the design process. We're going to share, compare and contrast some tools that we use and assess those accessibility features because everything's online, it's important that we put accessibility at the forefront of all of our design. And then we're gonna be applying these tools with you to show you how they can work together. So not just using a single tool at a time to create good-looking, usable and accessible and unforgettable online library instruction. Andrew and I's primary role is to do a lot of online library instruction for the University of Minnesota libraries. So we spend a lot of time looking at tutorials and building them and trying to improve them. And yeah, so let's get started. First of all, we wanted you to just think about for a minute, why are you here? I mean, something maybe you are a big stranger, things fan, maybe you are tired of what your current tutorials look like. And you just want a couple of tips and tricks about ways that you can make them better, prettier, more usable. So think about that as we go through everything that we're doing today. And if there are some things that you think about why you're here that we're not addressing, use the chat and the questions feature and we'll address those at the end of the session today. So keep thinking about why you're here. And if we're not addressing something that you would like us to try to address, please use that. Yeah, type in whenever you want to and we'll just save it. We'll keep everything there to bring up later, no problem. Okay. So first of all, there is the instructional design process that happens anytime we're asked to create an online learning object or a tutorial. And there are three key steps of backward design. The ones we use come from Wiggins and McTeens understanding by design. And I like those because they're really curricular focus, they're really goals oriented. They're really looking at these big ideas of what we're teaching and how they can get integrated into the instruction process. So the first step in anything that we do before we start building, before we start looking at technology, before we start looking at examples and activities is we want to identify our desired results. So what we want our learners to be able to do after they've completed whatever this lesson is. Do we want them to be able to function within a database? Yes, but generally we want them to do something more higher level, develop those transferable skills. So they're learning something in one database that they can learn in another database. And so this is where we're identifying those ideas. So that's step one. Then the next is to develop this assessment criteria. So how do you know that your learners learn something? And with online instruction, it's so hard to develop assessment criteria because we aren't there with the learner. We aren't watching them go through everything. We aren't watching them interact. And so trying to build that assessment criteria in can be really, really difficult. So we've started to integrate more things like multiple choice quizzing and other interactions within our learning objects to know that our learners are actually learning something rather than just jumping through the hoop of participating in this online learning object. So let's step two. So we identify the desired results, we develop the assessment criteria and then the fun parts for us in the wheelhouse that we live in for the most part is develop the activities to make those desired results happen. So what will the learners do to learn the stuff? So this is where they're going to interact with a video and answer some questions. This is where they're going, there's going to be that interaction, there's going to be that watching and doing piece. So developing, making sure that they can get to that knowledge and skills and values that we want them to get that we identified in that desired results area. So that's kind of the overarching of how we approach doing the design of our online learning. And there's another leg to the stool, which Andrew is going to talk about. Hello everyone. People are here. So yes, graphic design. And then my role is it really focuses on this working with the content experts, getting their ideas out and getting those ideas made into something that the learner can engage in. Obviously that's my big goal here and graphic design and some of the choices and strategies I use throughout this, I feel are just critical to making something worthwhile that you can put on the web. So we'll start with creative thinking. Creative thinking, I believe, is one of the most important parts about creating engaging content, content that is designed to engage in multiple ways will appeal to a greater audience. So putting in a lot of different features that all build toward your goal of what the learner should be able to do will make for a better experience. So here we have just a screenshot of an activity that we put into a reducing stress tutorial that we built in partnership here on campus. So just a little activity a student can take. This actually does dump into some data collection so we can reflect to see how the learner is engaging with our tutorial later on. Here's an example of putting a video with audio narration into a tutorial. So this would be a series of slides or learning activities that go on and then just one piece of it is a video with audio narration and subtitles on it as well. So it's successful. And then of course there's just sketching stuff. So I do this, it might not appeal to everyone but when I wanna build something I get out a pencil, a piece of paper and I really start doodling and getting my ideas down onto a piece of paper. Really I think magic happens when you look away from the screen and just use a pencil to get ideas down and just start mocking up what you want, what it could look like, what the visuals could do, what audio might factor into it. Really I think helps me create something worthwhile. And then last with creative thinking is a lot of people are already applying creative thinking and producing awesome things that are licensed for sharing. So there's a Creative Commons license on this tutorial from NCSU Libraries. That means we can repurpose it for our own use and attribute it to them. So look for Creative Commons licensed materials and just build off others creativity, right? We're all standing on the shoulders of giants here. And then another tactic is to look at print media, poster media and just pull apart some piece of it. Like I might look at this that got this from a graphic design magazine and it means very little at face value but I might pull out a look and feel of how this whoever created this is using fonts or using organization or space and kind of use these ideas in my own tutorials. Similarly here, this is a great example of presenting a ton of information in one's rectangle, right? So I could use this as a basis for communicating a lot of different features for nine different objects, nine different features of the library in one view. So ultimately creative thinking is the idea is you wanna get from the bottom to the top or the top to the bottom. How can you do it in such a way that the most people can engage in it in interesting and novel ways but still get from top to bottom or bottom to top? So next is styles and templates. So having a set style or templates will save you time. It makes it easier for you but it also most importantly makes it easier for the learner to discover more of your content into ease of navigation through what you create. So first you might wanna check with your organization how does layout happen? Does you need to adhere to a certain look in your tutorial? Or do you have more leverage to work differently? Here's an example of color template that at the University of Minnesota we are bound to these exact colors but this is where we grow from. So this is a basis for producing how we apply colors to our objects. Here's an example of Drupalite. The University of Minnesota purchases as access to this has installed it for us to use. There is some rigidity to it but where can we apply creativity to our tutorials here? And then of course your styles are gonna change, right? This is what in 2008, so that's fine. Look at your styles, talk to your communications, talk to graphic designers, web gurus in your organization see how your style might grow into something different over time, it'll look different and here's pretty much our current look for our home pages of our tutorials. So of course in three years this will look entirely different, we'll change it. That leads us into type. So the font shouldn't steal the show unless you're creating a tutorial on fonts. You want to use fonts to communicate your message effectively and that means don't use really fancy loopy fonts even though in this tutorial our homepage does do that but that's for fun. You can use fun fonts very strategically but overall when you create content the font should be legible, shouldn't use all caps, it's a no-tier key so a larger font. At the top you can see in this example so header ones, header twos, header threes. This does tie into accessibility concerns as well. So use fonts strategically but use them with the purpose of communicating what you want to communicate best. So Arial is a font, everyone knows it. It's very legible, it looks good on the screen and you can use it unabashedly in your tutorials. I highly suggest just sticking with simple fonts. Google has many free fonts if you want to spice it up a little bit so you can look on Google fonts or you can also look, there's font pairing, tools online so you can look up how best fonts, how certain fonts look best with one another. Personally in this example I would swap them, I would put the serif font as the title cap as the title and I would put the sans serif in the body. Serif means it has this fancy loops on the bottoms of the letters. Sans serif means that it doesn't have a lot of loopy stuff. Sans serif is easier for most users to read. And then there's designing for the web. So there are definitely special considerations for posting things in a web format, namely accessibility. You wanna make sure that you're adhering to current accessibility standards. The University of Minnesota has a great page on accessibility that we look at. Lindsay helped design and build it that really informs us as to how we are building so that the most people on earth can use our objects. So some more specific concerns you wanna think about device, try not to use flash. A lot of devices cannot display flash, it's not the future. So try to make things HTML5, HTML, when you're using images, don't use huge images. It takes a long time for them to load. People have concerns with data plans. So using the right size image, scaling it down so it looks good, but doesn't eat up a ton of data. Doesn't take a long time to load as best. And then there's deprecated HTML. So consider if you're getting into the code you're using the right language. And then finally, there are ideas out there. There's templates you can buy. There's templates for free, read the fine print. So look online for free templates for layouts that you can borrow or just actually purchase or download the whole code and repurpose it for your needs. And then there's stuff, right? So here we are, we're making a tutorial and we could just put walls of text in, that's not ideal. It's very boring. So you wanna include some stuff strategically to create that sort of mental white space to add in some interest to tutorial, use it strategically, add stuff that really helps the learner engage in different ways. But as far as where to get stuff and how to use that there are many, many resources online. We prefer to look at creative commons license materials. In this chart you see on the bottom, the red, that's copyright. You can't use it without permission. We avoid copyright materials for legal reasons, but also it's just in the spirit of what we create and what others create. We prefer to ascend here and get to the green and that is creative commons license materials. You can use them. Usually you have to attribute to the original author and that's just fine. There's the noun project, so that a lot of creative commons icons here, you can purchase a license and get them royalty free. A lot of different images here you can use, it's search for anything literally. There's everything you could use in the tutorials here. Flickr has commons. This is public domain materials. Flickr also has creative commons searches. So I use Flickr all the time looking for images and ideas and tutorials. The internet archive has a lot of public domain audio, video images, so this is a great place to look for different kinds of things that you could put into your tutorials. Finally, you can just get your camera out, get an audio recorder and hit the streets and create your own materials. I had a lot of fun doing this, getting a camera and just, we're doodling and creating my own creations in Adobe Illustrator or using other software. So use your own creative skills. I think there's great value and reward in doing it this way. All right, back to Lindsay for Universal Design. All right, and Andrew touched on this a bit about this idea of designing for accessibility and that's really one of the things that we try to do when we're building online learning objects and online tutorials is my big fear is somebody coming and having something not work for them and not being able to access the content that we have so painstakingly created for them. And so we try to design everything. And I say try because it's really this thing of where we're just trying to do our best with Universal Design in mind. So Universal Design for Learning goes to this idea of simulating interest and motivation for learning and Andrew touched on this a lot with the idea of creative thinking and he wants students to really engage with the material and be motivated to learn this stuff because it's not real. And library tutorials aren't always the most watched thing on YouTube. It's, you know, sometimes people really need to have a need to watch something. And so we want to stimulate their interest as much as possible. There's this idea of presenting the information and content in different ways. So for things like a tutorial where somebody would be interacting and going through, we want to be able to have a print option where they could go through and just print it and read the text format of it or read the transcript of a video instead of having to watch the video. If that is their preferred way of learning that information. And then this idea of differentiating the way students can express what they know. And this comes back into that assessment piece as well as that just general learning piece of where students need to be able to do the thing that we want them to do after learning the thing. I know those are really specific words right there, but they, we need to give them a bunch of different options. So in the lifestyle scale that Amber showed, that was just one way that somebody can show their understanding. We have different quizzes that we'll show you later that are other ways that students can express what they know. Additionally, we have these core skills for accessibility that go into this universal design for learning. Is this developing the clear organized content? And this comes both into the instructional design that we talked about earlier of identifying the desired results, having the assessment criteria and the learning activities as well as the clear graphic and visual design that we've developed. So that there is a visual theme to the things that we create that our home buttons on all of our tutorials are in the same spot that navigation is the same throughout. We want to use readable and clear language. We get stuck in the land of jargon as library people. And so that's a really big challenge. And so taking time to bring the level of the two, the language level of the tutorial of the learning object down to the level of our targeted learner is really important. And then lastly, there's this idea of knowing your tools, of knowing what your tools can do and can't do and picking the right tool to do the job, depending on what you want your learners to know and understand and be able to do. And Andrew. All right, well, so this is something that back last year and it was very spur of the moment I was on my way to the conference to present on this and I was taking the bus and I saw this machine. I thought, oh, this is perfect. So maybe I won't, okay, I'll give it up. It's a way to buy a bus pass, right? So this is a great example. And this is going back to even just design and inspiration look around your world. And as you're walking around, if you really want ideas there's a ton everywhere around you where people are trying to get other people to use their machine or to learn a process or to navigate a hallway or something. There's a lot of great ideas out there already. There's a lot of bad ideas out there already learned. So in this example, here's a machine. It's meant for people and we can apply it to the lesson today. So you can probably read the questions there but who's the audience? You can go through all of it yourself. We're gonna give you a couple of minutes on your own time. You can definitely share your thoughts in the chat if you want, but just take a couple of minutes. We're gonna be quiet and look at this machine and answer the questions on the left. We'll see how we all do. So type into the question section. Any thoughts you have on any of these questions about this very busy is what I think. Interface here. And now you said, Andrew, this was actually in the bus station, train station? Well, yeah, I caught the bus in St. Paul at the corner of Como and Snelling. So if you're ever in the neighborhood, you can look at this machine. But I typically bike to work, so I don't see this. So I just installed a new kind of more efficient bus line on that route. So I was awestruck by this machine. It's just a great example of a lot going on, but people still have to learn how to use it, right? It's a very important machine. So please, anyone out there, go ahead and type into the question section of your GoToWeb on our interface. Any or all of these questions that you think you can answer if I'm looking at this picture. We have one comment. It's busy, but at least everything has a label. All right, just take a few more seconds to wrap up your thoughts. I guess Lindsay and I can reflect on this, answer some of the questions. Do you have any comments on this machine? Well, the funny thing is, is the bus machine, it's different than the train machine, run by the same train. Ah, that's a good observation. So that's really interesting because the train machine has it about twice as wide and is a lot less busy. So I find that interesting. They didn't keep consistent across their different services. All right, so we do have some questions, comments coming in. All right. The first one said it's busy, but at least everything has a label. I guess in some way you're supposed to just figure out. No. It says somewhere to use exact change, but there's a coin return. Yeah, good observation. So that's a bit confusing. The fonts are not consistent. Some are all caps. Some use a sentence. Some are just phrases. So that is something that is a little not consistent. And someone says, my concern would be accessibility. Does the machine talk or use other languages? What about that ADA or? Right, maybe that fine print there has more to say, but you're right, yeah. Yeah, there is Braille underneath all of the letters. Where it's a coin has it in Braille. I believe the machine does talk to you. What does the train machines do? I don't know about the bus machine. Nice, okay. And at least there is a clear measure of success. If they get a bus pass, they succeeded. Right, yeah. So that's an instant, yeah. It is a legible sans serif font, Drew. And it's the, someone says, wow, I think people are in a hurry and don't want to deal with this much stuff. It is a lot, I think, intimidating to come up to this at the first time, potentially. Yeah, I mean, you could line up all the payment options in one, maybe some line, you know, so they all group together, but yeah, it's a lot. It's all over the place, yeah. It's like they tried to, like you were saying Lindsay, they had a particular space that they could only fill. They were limited to a space as they said, figure out where everything could go. And maybe they should have reorganized that. The arrows are helpful, yes. I like that, because that I'm sometimes confused about. Right, yeah. And someone says, it looks like the individual should be able to figure out how to pay the boarding fee, but it may be cluttered enough that it's difficult to follow the sequence of steps to use. The busy appearance is one of several confusing elements. Fonds vary, no clue as to accessibility. Unless, I'm sure if you had a closer picture or something, you're saying that the accessibility issues you would, as you said, there is Braille and other things there, yeah. Yeah, the machine might talk, I can't remember. Yeah. Yeah, I find it interesting that the largest message there is the goal, right? Give us the money, and you're not getting on a bus. Pay before boarding, right? And then the payment options are... I think by the time you got to this point, you would already know that. That was why you're here, right? Right. Oh, yeah, it looks like actually there's a little headphone plug above the tickets. Oh, is that okay? See what's there? Mm-hmm. Cool. All right. Excellent. All right. Yeah, thank you for engaging in that. Yeah. So what we thought we'd do now is just give you an overview of some of the tools that we use and some things that we've created and just show you kind of how we pull everything together. So first, ooh, that was down here. Okay, so one tool is Adobe Captivate. And this tool was pretty ubiquitous a few years ago before some other stuff came on the market. And it has some good features. I like it more than Andrew does. It's what I learned instructional design on. So I have this special place in my heart for it and it continues to disappoint me. So there's some nice things about it is you can create a variety of presentation types. So you can create an interactive tutorial. You can create quizzing. You can create just a straight up video and you only have monkeys of software that you have to do it in. And so that's a really nice thing about it. You can caption. You can, it's pretty accessible. And I mean, you can create things and it gets updated enough that it's keeping in line with current technology. However, sometimes it's the worst being that it has the conchiest interface for being a doughy of all things that I have ever worked with. That it's, there's so many bells and whistles to it that it can be really hard to work with unless you've worked on it since the beginning of time. Like I have, it has a responsive design feature that came out in the last year or so but it is very hard to get it right. And it's very funky and it's very cranky. And so that's one of the big challenges with working with Adobe Captivate. It has some really good features but for some of the things that we wanna do with responsive design and some other things it's just really hard to get it right and to get it looking good and to get it to work for all of our audiences. So here's an example of what we use to Adobe Captivate for and this is a tutorial on what are citations and we have a link down here to z.umn.edu slash citations and that will take you to the actual tutorial but here's a couple screenshots. And so we have a visual look throughout. We use graphics from the Noun Project. We used a Sarah Font as the header, a Sam Sarah Font as the text. This one is responsive. So if somebody's on a mobile device it squishes stuff down or if they're on a bigger screen and it expands stuff out it is not perfect and it drives me nuts and I wanna redo it. So this is Adobe Captivate and then the home button takes you back home you navigate with both your keyboard as well as pressing the buttons and swiping as well. So it's getting to the mobile friendliness of things. Then we have Articulate Storyline and we have a lot of love for Articulate Storyline it's one of the primary tools that we use. It's really easy to learn. Meaning it has a very good interface for user interface. If you can get moving on something right away you don't have to sit and watch tutorials on how to create a tutorial. There are a lot of templates built by the Articulate Storyline community that you can download. You can build a template PowerPoint and download it into Articulate Storyline and use it that way. So if you have a certain visual theme that you're working with you can bring them in. It has this community of designers. So again, you can borrow from the work of other people. It is relatively accessible. There are accessibility is really funny in these rapid e-learning building tools where they kinda hide it, but they don't hide it. Yeah, but it's never in the place you wanna look. So you have to know where to go to make things accessible, to add the alt text to your images to make sure that your text is agreeable, that kind of thing. One of the newest features in Articulate Storyline 3 and that's in Articulate Storyline 360. So there's two versions. One is you pay a monthly fee. One is you download the software. Is that it's HTML5 native meaning no more flash which is wonderful for those of us that use browsers that don't like flash anymore. Meaning most of our browsers. So you can export something as HTML5 native and it works and it's nice looking. It's not blurry like it was in the last version. And it has, the newest version has responsive design features. So you can design something for a wide screen and you can go down to a mobile device and it shows you that as you're working on it and as you're designing. It has this downside too. It is expensive. It is very expensive. You can download a 30 day free trial. But- I was gonna ask about that for what is the cost for some of these that you're using. Adobe Captivate and then- Captivate's about $200, $300 ish with our educational license. Articulate Brand. That's something I always try to tell people there's educational versions for a lot of these things that the professional business versions are just crazy expensive. But then if you search around and there are pricing pages or information you might find some kind of, not backdoor, but other options for things like the schools or libraries or things. Right and sometimes big institutions have bulk licensing for software. So trace something, cult snake it all the time. And the university has a bulk license to it. So I don't have to worry about trying to appeal for someone to buy the software for me. It's already purchased. So ask your administrators what software is available or do usage. Storyline runs in the $700 to $1,500 range depending on a discount. We've been a customer for a long time so we keep getting random deals when we upgrade it because we just keep upgrading to it. But it's really expensive. So I think Andrew and I are the only two people in the libraries that have licenses to it. And then people just come and work with us if they want to use the software and we build stuff for them. One of the other downsides is there's no video export option. So if you wanted to just create a tutorial video, you can't really use Storyline to do that. You can still do a video. It's just you can't do it where you can then upload it to YouTube or something. Other feature as me as a Mac user is that it's Windows only. So I have to have extra software on my computer so I can have Windows run the software on my computer. So that's kind of a downside, but not a terrible downside. Here's an example. This is one that Andrew built on communicating your research with posters. And what you can see on the left side of the screen is, on the bottom, you can see the similar to the tutorial we just showed you that we built in Captivate is the home button is in the lower left corner. The navigation is on the bottom. So we keep that consistent. Same Serif font is the header. Text is a Sam Serif. I think we've changed these. We're built at different times. So we've changed our fonts as we go because we're continually updating our design templates. There's a menu button in the top left that we built into our Articulate template. And all of those little yellow dots on the left side are places where the user can interact and see different features. And so those are all little pop-ups. And then on the right side, you can see a little bit of an assessment of where the user can go in and assess what they've learned and rate some posters on what they feel and then they can submit and then see what the experts thought as well so they can check their answers. So that's how we build that assessment criteria in for this one. We also built a health feature in and that little question mark in the upper right corner. Again, if you wanna see this live, you can go to z.umn.edu slash research posters. And the next one is Reveal.js. And we're using Reveal.js for our presentation today. So what it is, is it's open, we're gonna say open source. It's basically a whole bunch of code that we downloaded to build an interactive presentation. And what's really neat about it is that you can build these really interactive presentations relatively simply, where you're doing a lot of copying and pasting and plopping stuff in. You can embed media in it. So we've been just embedding images in and everything but we've been pulling a lot of those images from the web so that we have a really lightweight platform and we're just pulling stuff in and leaving them in their home rather than having really big, gigantic images everywhere. You can embed video, you can embed quizzes, you can embed images. And the nice thing is it's all HTML so it's as long as we are doing our jobs right with the HTML, it's really accessible so that a screen reader can go in and read everything really nicely. There is, we're using the downloaded version but there's a web version that will give you a link to later. And one really nice thing that we can't do and captivate or articulate is we can link to individual pages of the learning object. So if you, I don't know if you can see it on your screen but we have our URL up here. And so there's an individual URL for every screen of the tutorial. So if we wanted to have somebody go do a very specific spot, we can send them there rather than say click through until you hit here. It takes away the need for a lot of menus though pressing the escape button you get the way everything's laid out as well. The worst features, it requires some HTML and CSS skill and it's a learning experience every single time we use this and sometimes we don't like it very much because of our own limitations with HTML and CSS. It is really nice to be able to customize it and have neat fonts like we've had today and pick colors and do background images and everything like that. But it requires a lot of learning on that kind of thing. So you can do it really, really simply as well if you don't want the bells and whistles. It's not fully responsive. So it doesn't totally customize for your screen size. It just makes everything a little bit smaller but it does it pretty well where it's not obnoxiously not responsive. You also need a host. So we have our presentation up on a server and that's one of the now, I mean that's for all of these is you need a host for all of these is they don't just live on the web as they need a place to stay. And so I don't know if that's really a bad feature or not. It's just a feature. It's a neutral feature. It's a thing you need. So in addition to this presentation we built a tutorial on evidence-based practice that used Reveal.js. And what we had done before is we built it in Storyline but it kept breaking because there was so much stuff in it. And so we decided to build it in Reveal.js just to try to get a lighter weight platform because this was one of our heaviest use tutorials. So you can see up top is the what it all looks like, the overview. And then the main screen for this one is actually a Qualtrics survey quiz, we'll say quiz, that we built for an assessment piece of all of this. So we embedded the Qualtrics survey within the larger object. So we can pull those two pieces together. So we have the code of the tutorial as well as the Qualtrics thing that all is seamless to the user but we can pull all of that in to meet our instructional needs. And again, the link is at the bottom, z.umn.edu slash ebpintro. And then Scalar. And we've used this one we're playing around with because we haven't quite found the correct instructional need for but it's really neat. And it's neat because it hosts all kinds of media and you can have one a version on the web and then there's this host your own on your own server version. So those are really neat and you could customize it and it just pulls all kinds of stuff together. It is clunky, not as clunky as captivates sometimes. The free version misses some of the features that the host your own version does but it also requires very organized people to pull everything together. And what I mean by this is here's an example of a tutorial about source authority that we started working on last year. And so you put every individual object up as a page and then you have to connect all of these things and figure out how you want them all to connect. And so on the right side is this visualization of how all of the pages connect. And so it's the beginning of the tutorial and then it goes with pages and then it goes out and links and then other things link together. And so it requires a good amount of organization to figure out how all of your information wants to connect together. So there's a lot of planning that has to go in before you put your stuff in something like this. Well, you should talk about the timeline. I am going to talk about the timeline. There it is. There we go. You may have seen the timeline up here where we have this timeline race in America place shooting some Black Lives Matter. This is the whole pulling multiple things together. It is timeline.js is this really cool thing. It's a database driven little pieces. We're going to call it a little piece of software that you basically put a whole bunch of any kind of source that's on the web in an image, a video, a news article, scholarly article, anything. And you put it in your Google Sheets based on the criteria they give you. And then it goes into a timeline based on date and time. And you can customize it. You can customize some of the look and feel. It's pretty easy to create. And it is responsive as well. It does require some HTML and CSS skill in any new place. There is something that you can, you don't necessarily need to host it. But here's what it looks like. And so what this is, is this is something that we built about the shooting that happened in Ferguson, Missouri as a way of explaining the authority of sources and how scholarship happens. So we have a whole bunch of different sources in this timeline related to the shooting of Michael Brown. And so we have the crime lab reports, the autopsy, the tweet that happened right after he was shot. And it goes in this big timeline of when things happened and students can sit and explore all the sources around it and we can have conversations about why weren't there any books published about this right after it happened while the publishing period takes a long time. This is why you're only seeing news articles and tweets and things like this and like everything. So it's a really interesting way to display information. So instead of doing a big bibliography, you could do something like a timeline to explain everything. And Andrew, would you like to touch on the resources? Yeah, a lot of what we talked about today is linked on this screen. I believe our presentation is recorded. You obviously won't be able to click on these but maybe take a screenshot now. We can chat you this link too when we're all done. Right, so this is a lot of our resources here. We've got graphical elements, tools for inserting different things. I didn't mention some of these but Pixabay is a great resource for Creative Commons images to use in your tutorials. Skitch is really great for screenshots. So is that TechSmith link down there for screen capture? Use that all the time. And then on the right are a little more of these authoring tools that Lindsay just went through. So a lot of links there. Definitely explore what works for you. I have a lot of fun with all this stuff. I love it's just literally or not literally but opening a toolbox and having all these things that I can use to create a great and engaging tutorial. So. Now this presentation, yeah we are recording of course but can you send me either this or a link to where this is so that people can get to this afterwards? Yes, yes we have a Google, we do have a Google page built. We built a year ago I just found it. So we do have all these links in a Google doc that isn't one of the public. So yeah, we'll share that link. All right great, because someone is asking that they can't write that fast to write all this down right now. And they usually say that's okay. We will have the resources later, yeah. Yeah, I just pictured all these people, everyone clicking on the videos. And like bookmarking it. Yeah, yeah. So I guess we're ready for questions. Yes, yes anybody have any questions? Type them into the questions section of your GoToWebinar interface. We do have one that did come in while you were talking about all those different products. Do any of those software products upload into learning management systems easily like Blackboard or Canvas or something? Yes, so both Storyline and Captivate are SCORM compliant or whatever the newest thing is. So you can download a package and then upload that into Moodle or Canvas or Blackboard or anything like that. It takes knowing everything that you need to download. So it's a learning experience but they are meant to go into course management systems and learning management systems. I've had relatively good luck with doing Captivate and Moodle together. What do you guys, do you guys use one of those particular ones at the university? We have been a Moodle school but now we're, which is really fun with my accent, Moodle school, but we're transitioning to Canvas right now. Okay, we use Moodle here at the Nebraska Library Commission for classes that we do online, yeah. But I know lots of universities do Blackboard or are moving away from it for various reasons. So I noticed you did have listed on the page and you didn't mention it on the previous screen that you have GIMP listed there as a free resource. It's like a free option for doing something like, for Photoshop. And I see you have here that some of these have dollar signs next to them, but the first two they're done. So are those free services? Are you talking like reveal timeline and scalar? Yeah, yeah. Yeah, those are all free. Okay, free. That's one of the things I like about them is they're basically free and open source. They're all, we don't pay to use them. We just save our time to customize them. Right, right. And they have different pluses and minuses regardless of the costs compared to even the other ones. Yeah. Yeah. Okay, we do have another question about uploading into an LMS. Have you found that when you load something into a learning management system that you have to do much if any cleanup of it or pretty much, or is it pretty easy? In the beginning, yeah, there's some cleanup. And it's just, especially if there's an assessment feature. So if I built a quiz or something, then there's a lot of cleanup that has to happen because I wanna make sure that it runs correctly. That also could have been user error on my part of not doing it. So when we start working more with Canvas and doing this kind of thing, we're going to be working very closely with our IT folks who do this to make sure that everything's going well. Yeah, because if you want people are using these things you've uploaded, somehow it has to connect to the whole main class or course that's already in there. Yeah. As far as tracking what they've done, what they've completed, all of that. Yeah. I can imagine that would be, yeah. I only know Moodle, so. All right. So you did give us links to your pages out there where people can get to as well. So that will also be in the recording. Someone's asking about looking at what you've done and is it okay for people to like base off of yours? Oh, yeah. Everything we create is creative comments, non-commercial share like, so or attribution on commercial share like. So we just ask them if people are picking things from borrowing things from us, they attribute it to us, they don't use it for commercial purposes and that they also share it out. Make it available the same way, yeah. Yeah, we're huge believers of Creative Commons, it's very useful. Libraries we share with each other, so this kind of thing as well. And I think using a lot of those things like the Flickr and making sure you are very careful when you are searching in those places to find things that are Creative Commons licensed. Some people might not be too perturbed, but some people may. Just because something is out there on the internet does not mean that it's free and available for you to just take and use. You do want to make sure you pay attention to if someone who's posted something has licensed it in some way. And even if they haven't, some people, you know, a regular person posting things may not have even thought about that. Don't, I would say, you know, look for something that explicitly says like yours, Creative Commons, share like, whatever. Or ask the author. That's true. Yeah, if you really, really want to use it, reach out to the person and say, hey, I want to use this for my library's training, for my school, is that okay? Yeah. Yeah, and we try to put contact information for every single one of our learning objects of who created it, so who the contact experts were and then who the lead on our team was. If there was a lead on our team, so that if there are questions from folks who want to use it or something, they can know who to contact. And it also gives us credit for our work too, which is a big thing that's kind of this invisible piece of creating tutorials is making sure that we're being credited for our authorship and that the subject matter people are also being created for their authorship. And that's, we found that as a really kind of nice feature as we've gone along over the past couple of years of making sure that, you know, this is an intellectual contribution and we want to make sure that people know that. Mm-hmm, absolutely. All right, we just have a couple of minutes left in our hour. If anybody has any last minute desperate questions you want to ask Lindsay and Andrew right now, get it typed in there before we go. As I said at the beginning, this is being recorded. So anything you did miss, you'll be able to watch recording later and it will be posted on our website and as well as links to presentation information that they're going to be sending to me as well. So as we were saying, don't try and scribble all this down. It's okay. You will have access to it in an easier format later. So we aren't getting any questions, but it's just something to think. Thank you very much. This is very interesting. Can't wait to go home and try out some of these things. Great. That's good to hear. Thank you. All right, all right. So I think we will wrap it up then. It doesn't look like anybody is typing anything furiously at the moment. So I think we will wrap it up for this morning. Thank you very much, Lindsay and Andrew, for being with us today and sharing about how to have some great online tutorials done. I know it is difficult for these kinds of things to get people interested and just wanting to even go through them. And these are some great tips that I think will hopefully get more patrons, students' attention and want them want to actually go through a tutorial. I'm feeling like they have to. Yeah. All right, so thank you very much. I'm gonna pull back control to my screen here and now. So thank you very much everyone for attending. Thank you, Andrew and Lindsay, for being with us this morning. And we should see, there we go, my screen. The show is, as I said, being recorded and it will be on our main page, which is right here, Encompass Live page. This is where we have our upcoming shows, right beneath our upcoming sessions is a link to our archives. You can click here and you can see what our previous shows have been. And let's see if we have the previous one here. This one has just a recording. Let me go back to another one. There we go. So we will have a link to the recording on our Library Commission's YouTube account and a link to presentation or any handouts that Lindsay and Andrew emailed to me will be here. It should be available potentially later this afternoon, as long as go-to webinar and YouTube cooperate with me with their uploading and converting of all of the video files. When it is ready, I will email out to everyone who attended and everyone who registered for Day Show to let you know that it is ready for you to watch. So that will wrap it up for Day Show. I hope you join us next week when our topic is Pioneers in Violence Prevention, Libraries and Rape Crisis Centers. This is Lori Droge from the Green Dot Program and Women's Crisis Center. This is an organization out of Kentucky where they're working with libraries on domestic violence issues and helping people dealing with that and sexual violence and bullying, all sorts of different things related to that. So please do sign up and join us for that for next week's show or any of our other upcoming shows. We have our schedules full all the way through April, confirmed and on our website and our schedule. We are working with other topics for the future as well. So just keep an eye on here as they're at it. Also, Encompass Live is on Facebook. If you're a big Facebook user, we've got a links on various places on our page where we go to our Facebook page. We do post here, reminders. Here's a reminder for today to log in on the fly for today's show when the recordings are available, when we're ready to upload things, new shows added, we'll post on here. So if you are big on Facebook, do give us a like over there and you'll keep up to date on what we're doing. Other than that, that wraps it up for today's show. Thank you very much everyone for attending. Thank you again, Lindsay and Andrew and we will see you next time on Encompass Live. Bye. Thank you. Thank you.