 Yn ymlaen o'r ddaf. Yn ymlaen o'r ddaf, rwy'n gweithio samar, a dwi'n gweithio Jason a Tim yn ymlaen o'r ddaf. Rwy'n dweud yma'r gweithio ar gyfer y ddechrau, ac mae'n rhai o'r ddweud o'r ddweud. Rwy'n gweithio ar gyfer y cyfrifedd a'r ddweud o'r ddweud o'r ddweud. Yn ymlaen o'r ddweud, mae'n ddweud o'r ddweud o'r ddweud oherwydd yng Nghymru. Mae'n amlwg y dyfodol i gwouldeithio i ddim yn oed yn y cyfrifedd y cysylltu cyflogreithu yma. Mae'r ddweud o'r ddweud o'r ddweud o Jason yn ymddangos at sphechynau cy Jonnol ac yn ysgrifft hwnnw o'r ddweud o'r ddweud o'r ddweud o gweithio ymlaen o'r ddweud. Ond yma'r ddweud, mae'n gweithio ar gyfer y defnyddioCorraedd. Wrth gan unrhyw, mae'n dod siarad mewn oed o'r ddweud. drywch. It will be on a good video. In the main area of the screen, lower down, you have got all the study weeks. They are basically the same as the Moodle weekly view but some of the enhancements it has got may be grouped. This is all done using a custom course format that we have created. This has got 2 to 6 in a group there. Student can choose to view all current weeks, which is a default. We just show The current week is three weeks around it. Or they can switch to your weeks. Then they'll see it every week and the entire course. They can expand about collapsing individual weeks. The current week has expanded. But the other ones they can expand and collapse. So that they're not bombarded with the whole lot at once. The completion tick boxes against each activity. So these are in core. But when it ticks it, we're showing the progress at the top as well in that progress bar. your avatar. And we've also added counts that you can see within each week so it tows you completed zero out of two or whatever, you can mouse over the Progress bar which is actually done with an SVG image, lets see, develop a thing. You can mouse over the progress bar and see which thing it was that you didn't complete yet. So next thing I want to talk about is the top area of the page so we've got – the important pages that students That is always in the top navigation. We don't use the Moodle navigation block so we got two different ways of replacing the navigation. This is one of them. Jason is going to show you what happens within a week later. So in the top stripe of the page is Blue Stripe. We've got all the important things like assessment that they want and other things like this resources page which is general resources that are used throughout the course. Yr hyffordd wedi cael ei wneud o ddod i'r llyfr. Rwy'r wneud o gweld y cyfan, gyda'r ysgrifennu fel training. Yn ceisio hyffordd yng nghyd o'r pag, rwy'n ceisio fod yn beth yw beth gwrs i gyd mateisio gelwyd oedd y profi sydd yn eu gyd programmeu, ac mae'r adnod o'r fourfu'r cyfan yw a'r ddechrau'r hyffordd a'r ysgrifennu. Mae'r adnod o'r oddi am y ddefnydd chi yn mynd i chi'n gwy ar terrorismau. Yr hyffordd wedi cael ei ddefnydd ar honnod, ond ond yr adeith y gwlaen nhw i'n ddweud i enw'r ddefnyddio y cyfle yma. Y cyfle yma'r adeith yw dyfodol. Wrth gwrs, rydyn ni'n dweud i dyddodd gyda un o'u cyfle yma. A hynny'n hynny'n ddegwyd ag ddechrau. Roeddwn i'n dda ni'n ddegwyd gyda'u ar gael i'r adeithas, ac ei wneud i ddiddordeb yn gweld ganheordeb ar y cyfle yma, a'n gofyn ni'n ddegwyd ar gael i siw peth. Wedyn y cyd-ffon iddo i dda, rydyn ni wedi'i gwneud yr idei gwaith maen nhw ar gyfer am ddeud, rydyn ni wedi'u gwneud lle unig, yn y blaid chi'n gwerthiwyr byw. Felly, y Bydd wedi'i gwrs Cymru, ac mae'n gwybod i'r newid yn ynbladig i ddeud. Rydyn yn y cyflei tclasson ar hyn i ddiweddar hwnnw. Rydyn ni wedi amgueddfa'i gwasryd cyd-ffon iddo i ddeud, rydyn ni wedi'u gwneud hynny fydd y brifgrams ei diddyriad y cyd-ffon. a oedd yn ddiwedd ac yn ei wneud i gynnwys gydweithio rhain o'r cyffredinol i'r hefyd. Mae modwl wedi bod yn yn ni'n ddweud o'r ddweud o rherwydd. Felly, byddai gair cyfnod reall y cerddau yma ar y gyrfa ymddangod, mae'n cerddau yma o'r ddweud o'r cyffredinol, ond mae'r cyffredinol ar y cyffredinol. Mae'n cerddau yma, ac rydyn ni'n gydweithio'r gyrdd o'r cyffredinol. A'i gydweithio yma yma, Icons for dragging and dropping things around the page, editing a name and you've got menus where you can do things. We did hide the indent feature because we didn't want people using it basically. Now showing dynamic editing to insert sections. So those little plus bars, if you want another section somewhere between two places you can just click the relevant plus and it'll add a section immediately. The next one is combining weeks. I showed you we've got three to seven there. I'm now combining weeks one and two. So there you go, we've got weeks one and two. If you decide you didn't want to do that you can split them apart again. So this will now be weeks one and two separately. And the other thing that I'm going to show is deleting sections. So I'm going to delete section two and you'll see that the one that was three to seven is now going to change to six. Stealth items. These are items that students can access but they don't get a link. This is useful basically if you link them somewhere else. So on these sites we put them in a separate area that you can get to from a link near the bottom and you can just add things into that area. So you might have a link to them from another resource and you don't want them in the main pages. Deleting items. This works the same as your standard moodle. You just choose to delete but there's no confirm. It happens immediately and you get this prompt to the top of the screen that tells you it's been deleted and you can choose to undo that should you want to and it will come straight back again. So this is a bit like what Martin was talking about. There's a core feature called a recycle bin and so this kind of does the same thing. You can also if you've deleted it and you don't immediately want to undelete it but you decide you do later there's a link to a deleted items page and that will show you when it was deleted, who deleted it and where it was and you can undelete it and we'll keep those for an arbitrary amount of time currently it's four weeks and that was the audio test I deleted. It's now back. Bulk actions. This is another thing we've added to the editing interface. So all of these pages, that's a sub page, the course page, etc. You can now do bulk actions. So I'm going on to the sub page with editing on it and you've got to select multiple items button. You can now choose to select everything on the page or just some of the things or everything in one section. So I've done select all there. I could have selected within a section or the individual things. When you've done that you can either move or delete them. So I'm going to move them. When you click move you get a quite interface that might be familiar to people who use Moodle for a while. You get these little target boxes but you can now move to other pages and go to somewhere else within the course for example the main course page, stick them in a week. So if you just click one of those it moves from there. So there you go. So those two example items are now appeared within that first week on the course page. So finally, just wanted to mention, this is another technical detail. We've implemented this using lots and lots of Moodle sections. So there's now different types of Moodle sections. You've got sections in a week, you've got sections used for sub pages and the sections used for those special pages like assessment and so on. So those are all sections and they're kind of arranged into a sensible order and this is a little bit different from the way most Moodle course formats work. So that was a pretty quick tour of the course stuff and I'm going to hand over Jason to talk about activity pages. Okay thanks. Obviously I was just going to talk a little bit about some of the layout and navigation techniques that we've used. Unfortunately that's more pictures that we're going through at speed. So apologies for that but the good news is it means I don't have to talk so much. The pictures will show the story. So the first thing I wanted to talk about was navigation. So we're kind of used to seeing the Moodle front page of the course where you've got a list of activities but we want to think about what about when you're in the activity, how does the student navigate around. We did mention that we're not showing the navigation block to students seems to fit in with where core going after Martin saying that they're not having blocks in 3.1 so it sounds like we're on the same page. So I'll show you the way we dealt with that which is to use tabs at the top of the screen which I'll show them over in a sec. They're fully responsive and we achieved this technical detail through renderer overrides for the header in our theme and some JavaScript and CSS. So here's the tabs here. You can see that at the top of the screen there that's basically one tab is each activity that's in that section and I've got a little video here showing the responsiveness as well so it's going to go down and we've got two break points from that full desktop down to a tablet view which should pop up now and then we've also got the mobile view as well which will come up in a second and then we've gone to mobile view and we're still at the tabs at the top there where we're just showing one instead of four and then the student can scroll around. Within each activities we have a number of layouts so for teachers and managers admin roles etc. they've got the full blocks and everything showing on the right. Students don't get that so they get more screen real estate there. There are some activities where everyone needs to see the T-column layout so an example is a quiz so that's a quiz there with the questions on the left and the way we've dealt with that on mobile is that we've moved it into one column on mobile so the first column you see is the content and then you can swipe or move across to see the second column and here's an example of some layouts with blocks so on the right there's some blocks there which are sort of in-page blocks they're not sort of general blocks like navigational settings they're specific to those pages. Those on mobile always show on the top and there's another example there where the blocks are collapsed as default on mobile and you can see the main content straight underneath. So that's a quick whistle stop so on Tim's going to talk about some other aspects. Right so we've got these amazing new websites well actually what we've currently got of course is about 400 websites that have presented each year that are all using the old design and we're planning to roll this out starting the first courses will go live in September this year and the last ones to be converted will be October next year so during that year we've got to convert about 400 websites which is a little bit of a scary thought particularly for our colleagues in LTS who have to manage that process but the good news is there's quite a lot of similarity in some of the key parts of the structure of the old website like the study planner the way the material is set out week by week so it turns out we can actually convert a lot of it automatically and so we built a tool to do that here's an old style website you can see there there's a link to a tool to do the conversion now doing a conversion is an irreversible process they're a little bit scared about that so actually we make you make a copy before you can convert it and that just uses Moodle back up and restore but it's completely automated you click one button and it does the thing you just have to wait a bit being back up and restore it's a bit slow but eventually it completes and you have a copy and then we're just dithering between do we make a copy and then convert the copy or do we make a copy and convert the original we'll make our minds up eventually but you get a scary warning you click the button and you get another progress bar and this one's quite quick and then you have a new style website with as much as possible automatically transformed we built the first version of this tool I'm sure as people start applying it to their sites they'll realise there are more things we can automate so we'll do that in a bit of course it's not a perfect website for instance we haven't got a pretty image at the top you need to go and choose a pretty image more seriously you might want to look through the study planner and how the activities appear because probably once you see your course in the new design you can do some things to improve the pedagogy one of the things the conversion tool does actually is it makes a detailed log of every single thing it does which turns out to be very useful if you know this thing used to be in the website but you can't find it well the conversion log will probably tell you what it did for this I've converted a real site the conversion log was 769 steps which is a bit remarkable though 200 of those as Sam was saying it's lots and lots of sections and we output a sort of map of what all the sections are so we automate as much as possible there's still going to be a lot of manual work to do and with 400 websites that's really quite scary so now just a quick summary of the whole talk just really to make the point we have implemented this without making any changes to Moodle Core the key bits we've got new theme obviously new course format and new activities for the sub pages then there's some other plugins like some extra new blocks or new conditional availability plugin and of course the conversion tool I am lying slightly when I say we haven't made any changes to Moodle Core some of the usability improvements we thought of affected our existing activities like Forum NG or OU Wiki and in those cases often they were good ideas so we've just made those changes in the tools so they will affect the old theme as well as the new theme and all of you who use our plugins will get those benefits similarly in like the quiz module which is in Moodle Core we had some good ideas and those have gone into Moodle Core if you upgrade to Moodle 3.1 you'll get those little usability improvements so hopefully everyone likes what we've done there we started the initial pilot work on the new course format Sam started that last summer we've been working away very busily we kind of get everything finished phase at the moment I'm a bit surprised they let us out to come to this conference and talk to you we should probably be back at the OU coding away and as I say next year is dedicated to the rollout and so far we did this just for fun we've written quite a lot of code in just the theme we've got 7,000 lines of CSS and so on across all the code we've written for this project it's about 25,000 lines of PHP oh my god we're going to have to maintain that lots of CSS we've done an awful lot of automated testings for this so as Sharon and Tammy said it's an iterative process this is just version 1 once this is released to our students I'm sure they have many good ideas for what we should do in the future to make it even better thank you