 Hey guys, I'll rush because time's obviously an issue. I'm the National Senior Learning Technologist for the Endeavour Learning Group. We've got about seven or eight LMSs, and they're very different LMSs from beauty through to health and fitness and that kind of stuff. So they all have different design requirements and things like that. In our department, the EdTech does all the design work and in the previous presentation, they were talking about teachers sort of being able to do stuff. We don't allow that in our organisation. It's all driven through the education technologies department. We do take input from them, of course, on colours and theming and things like that. But we've tried to work out how to roll these things out across different courses. Not changing? Okay, the first problems we had when we looked at courses quite a long time ago was the scroll of death. The courses were visually dull and people wanted image-based navigation. So this is the old course. And as you can see, this is sort of what I inherited when I came on board. And all of our courses were like this and you would scroll for hours, font sizes, all sorts of stuff were terrible. But it's a pretty common problem that we face across the system. So our solution was to go to the one topic format and you'll see in the next picture and we'll add some images for navigation. And so that was our first effort that we ended up with. The coloured boxes are the quick links through to assessments and things like that. And yeah, people were happy for a while. But then they wanted more images. They wanted faster and easier navigation. They wanted pretty pictures. And of course, there's opinions on pretty pictures. Our first solution was to go to the grid format. And I don't know, you've probably seen the grid format. It's a tile-based format. When we first set it up, everyone was happy. But the grid format loads every resource on your entire page at the same time. So when we had lots of YouTube videos, we were looking at about 26 second load times for pages. And so of course, as you can understand, the students blew chunks. They got really, really angry. You know, my mobile phone data plan, that kind of stuff. And it was a reasonable complaint. So the next solution for us was to go to manual grids. And so this is where us in the poor EdTech department would go through and code up these gridded images. We didn't provide the images. They were given to us. I hate them. I think they're horrible. But we'd use the one topic format and these image grids to jump quickly around the courses. And it looked good. People were happy. Ticked all the boxes. And it was simple, but it was tedious. Every course, and like I said, we've got seven LMSs where we use variations of this on. Every course, we had to go through and code this. Change the unit codes and things like that. Change the section codes. Oh my gosh, it was terrible. And then along came the focus of my talk, generico. Can I just see a hand? Who's used generico? Right, not many. We talked, people have talked about H5P a bit as the game changer. For me, generico is a game changer. It solves a lot of problems that people have talked about in terms of repeatable navigation and design and many other tools, but I'll get to that. So generico came along and turned this into this using this. So the box on the bottom right is all our presets. So what you do is you click on one of these and it might be a course layout design. I think if you can see, if your eyes aren't as bad as mine, there's things like semester nav and things like that. Because our different courses had different setups, I'd click on, say for example, semester nav. I just type in course, I don't know, ID 119. And it would automatically pull an image bank for that type of course and repopulate all the course ID numbers all the way through the page. And then you get that pretty tile format that we saw before. Takes about 10 seconds to roll out. Very, very simple. What black magic is this? generico is a templating filter. And the guy that's developed with Justin Hunt does a lot of stuff. He does poodle and all sorts of stuff. Very, very smart guy. I love a lot of his stuff. So it's a templating filter. What's a templating filter? A filter for templates. It didn't mean anything to me. For about a year and a half I looked at it and it took a lot of time, a lot of playing, not much information on the internet or YouTube but eventually I just kind of stumbled into a solution one day. So how does it work? To put it simply, it's very simple to start off with. If you've got a massive code or whatever for a page and you put the at, at around something, generico recognizes that based on your filter. So it could be YouTube video, it could be all sorts of stuff. So my sample here is I have a sentence. I like to boogie. So I've taken the word boogie and I've popped in my at, at either side of it. And so now generico recognizes that from the filter as something I need to change. So if I want to do, and this is from a different LMS, so there's different presets, you can see what you want to insert. The right hand one is I like to. So if I was going to use this in my course as a simple, repeatable element, all I've got to do is click on I like to, type in something next to boogie and this is how it appears for that simple sample. So in my case, pontificate and that's how it looked. So that's a very simple iteration of the example. Now, some people are still trying to think, how does that, you know, how is that useful? So let's play a little, a video wall. I used one from a site called BootSnip. It's amazing for building interactive elements in your, in your courses. If you have the generico filter, BootSnap, BootSnip practically gives you everything. This is your HTML, this is your CSS and occasionally this is your JavaScript. Plop, plop, plop into generico and you can get beautiful carousels. You can do all sorts of weird and wonderful things. In this case, we've got the video wall. This is the example and this is kind of what a lot of them look like. HTML, CSS, this one's got no JavaScript. Kind of my preference. Less likely to have issues with browsers. So I simplified it. I cut all that crap out and made this very, very simple example and that's what it looks like below. So I've done my generico. I've put in inside the at, at there. That's just the YouTube video key. When you go to YouTube, they've all got that like ID number somewhere. So all I've done is I've put that in and it's a killer rabbit from Monty Python sketch. And you can do it again and again and again but change it each time. So you can have an instant responsive video wall with as many videos as you care to load on that page. Just remember your load times, the more YouTubes you put on there, unless you've got some kind of, what's the word, image overlay. It'll take the more videos you put in there, the longer it'll take to load. So this is kind of what it looks like. When you have a quick look at generico, you set it up and I've called this one video wall demo. You've got the body. Sorry, the picture's not so good. So you can see down the bottom there, there's the YouTube code that I showed before. So boom, instant YouTube. And the great bit is teachers don't need to learn to code. All they need to do is to look for that YouTube, the YouTube code and pop it in a little box. Boom, boom, boom, video wall. What else? This is a lesson, just a standard moodle lesson but people wanted more color in it. So when you start getting the stage where you can look at a page and right-click and go inspect element, you can type in, you can look at the background. If there's a background element, you can go background red or background something or other. For this, we inserted a background image and again, the teacher can pick it, whoever's creating the resource but you can do this on any element of the page. This is a course background. For us, lots of LMSs, lots of different courses, everyone's got their own opinion on images. So what the generico does is allows you to apply that just to that page. So in this case, this course, this entire course background is using this one image. So this is a law unit and so we've got the appropriately pictured gavel. So the teacher can pick that or we can do it for them. It's nice and easy. And when you back up and restore the course, it goes with it so you don't need to keep doing it. So it makes it quick and easy to roll stuff out. There's a lot more. YouTube embeds, PDF management, alerts, accordion resources, modals, pop-up alerts and things like that. Have a look at Bootsnip. Anything that's on that site with a little bit of tweaking, you can pop into your generico. So if you want one of those alerts that pops up and blocks the page when you go to a page, students' assignment time or something like that, you can do it and it makes it nice and easy to set up. But, sorry, I jumped ahead. There's a lot of ideas on Bootsnip.com. There's Bootstrap 2.3.2, although you may have heard in some of the discussions, the next versions of Moodle are going to Bootstrap 4. So you probably wanna sort of keep an eye out for that and it might take a while for some sites to come up with these flashy little toys for Bootstrap 4. Not that hard to convert between them, but a little bit. Other things you can use, HTML page builders. There's a lot of them out there on the web. I see this hasn't updated. But there's HTML page builders where you drag and drop your elements. You can drag and drop columns and boxes and meteor elements and headers and that kind of stuff. And then you just change it. You type in whatever you want, insert your own YouTube videos. You can download the code for that and use that as an inspiration. Pop your ad through everywhere for your images or if your course links or YouTube videos and instantly you've got a repeatable, insertable, simple element that the teachers don't need to know how to code to use. A word of caution. This tool can include HTML, CSS and JavaScript. This is a big deal for SysOps and admins and people like that. It's a potential security vulnerability because unless people, you shouldn't be connecting to JavaScript or elements outside your LMS. You should only be pulling stuff internally because the site you pull from might have some insecurities. It might get hacked or whatever and then your LMS is open to them. So finally, thanks and acknowledgements. The plugin developer, Justin Hunt, amazing guy. My coworker, Philip McKay. He's really, really cool. He's a fitness guy, but he was so good at learning technologies. I stole him out of his fitness brand and now he helps me as an off-sider. My line managers. And also all the other plugin developers and the Moodle community in general. You've given me a career for the last five years. I don't teach anymore. And just develop full-time. So it's a lot of fun. Thank you very much. Any questions? Thank you.