TAFE NSW - Customising Moodle

  • 2,368 views
Uploaded on

Presentation for Moodle Moot 2012

Presentation for Moodle Moot 2012

More in: Design , Education , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,368
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
17
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Wholesome best practice design…Quicksilver Moodle theme - what is it?A configurable Moodle theme for TAFE NSW where the design and layout can be implemented from within the settings page.They say that imitation is the best form of flattery – take something that works and repropose the concept example is Wordpress. When I started developing with Moodle at the same time I was building a Wordpress site why can’t Moodle be like this???
  • Having an understanding of what is there helps you work out what you can do
  • What can it do?Upload graphics to specific regions of the theme to create a custom interface.Add borders and backgrounds to blocks and topicsAlter the margins and gutter widthsSelect from a menu of layout options to position your columnsSelect options to position the header elementsSelect base colour options and small design features (such as drop shadows)Apply a unique design at site level or at course level through one themeAdministrator options allowing course editors restricted customisation optionsAdditional embedded CSS and JS for Dreamweaver templates for improved content layout and accessibility
  • What are the benefits?Reduction in time and resources for Moodle developmentAbility to manage multiple designs through one themeFlexible administrator rights and options for course editors.
  • Lessons learnedSwitch on designers mode / purge cacheDecide what is critical content (usability)Users / audience - Levels of technical ability (coders /non coders/ ICT phobics)Planning your design before you implement - decide what is going to be globalRe-useable graphics and codeDon’t use tables unless basic and content is structure semanticallyKeep design detail away from crucial content or make it subtleDesign best practice not too may styles of design elementsBanner sizes recommended – no more than 200px Good example ABCPrioritise content - Main content should not sit at the bottom of the pageRe-organised the style sheet - Created a TOCSeparated out the common styles with the specific stylesSeparated out the colours that would change from theme to themeDesigned it to minimise graphical changes theme to theme
  • What’s the next step?Make accessible to IAG members who would like to user test Beta release.Fix bugs in safari, chrome and assess feedbackCreate a better solution to the Moodle global navClean up information design on settings pageAddition of 4 default designs selected from a menuTo add custom icon and text url functionality to header
  • Our testers and users…--------------------------------------------------------------------------------------------who have been having a play and letting us know all the bugs that had escaped us:North Coast InstituteNatalie Denmeade – who know everything MoodleWester instituteFiona Watts / Sally Brownlow Hunter InstituteMark Clarke – who broke a toe when he gave his mates new wheel chair a spin and accidentally hit the turbo and end up embedded into a wall.--------------------------------------------------------------------------------------------

Transcript

  • 1. TAFE NSW - Customising Moodle themes Natalie Denmeade Moodle Administrator/Learning Resource Development Officer © 2012 Department of Education and Communities, TAFE NSW North Coast Institute
  • 2. - Seeding new approachesTAFE NSW – Customising Moodle Renée Lance Lead Designer TAFE eLearning Hub© 2011 Department of Education and Communities, TAFE NSW eLearning Hub www.ehub.tafensw.edu.au
  • 3. TAFE NSW – Customising Moodle© 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 4. TAFE NSW – Customising Moodle Quicksilver Moodle theme… Designing Moodle from the frontend “In most people’s vocabularies, design means veneer….Design is the fundamental soul of a human-made creation that ends up expressing itself in successive outer layers of the product or service.” Fortune By Steve Jobs January 24, 2000 © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 5. TAFE NSW – Customising Moodle What do we have to work with Page Page - header Header Page - content region-main-box region-pre region-main-wrap region-post-box region-mainregion-content region-content region-content course-content Page - footer Footer © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 6. TAFE NSW – Customising Moodle Desktop zone 1 Desktop zone 2 Left Zone 1 (Top strip) Right Zone 2 (Bottom strip) Left Zone 3 (upper toolbar) Right Left Zone 4 (lower toolbar) Right Main content background (region under course material)Column 1 (Pre) Topics Column 2 Post Left Footer Middle Right © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 7. TAFE NSW – Customising Moodle Quicksilver features… course overrides, layout, custom design“We made the buttons on the screen look so good you’ll want to lick them.” Fortune magazine Steve Jobs January 4, 2000 © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 8. TAFE NSW – Customising Moodle Top Level Course:Establishes Institute Branding Course 57: IT Faculty Course 52: BrandingBusiness Faculty Branding © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 9. TAFE NSW – Customising Moodle Quicksilver benefits…multiple designs, theme consolidation, savings “Design is thinking made visual” Saul Bass © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 10. TAFE NSW – Customising Moodle Lessons – design for your audience! Switch on designers mode / purge cache Decide what is critical content (usability)Users / audience - Levels of technical ability (coders /non coders/ ICT phobics)Planning your design before you implement - decide what is going to be global Re-useable graphics and code Don’t use tables unless basic and content is structure semantically Keep design detail away from crucial content or make it subtle Design best practice not too may styles of design elements Banner sizes recommended – no more than 200px Good example ABC Prioritise content - Main content should not sit at the bottom of the page Structure your style sheet with a TOC © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 11. TAFE NSW – Customising Moodle Whats the next stepbug fixes, default skins, simplified settings page"Every creator painfully experiences the chasm between his inner vision and its ultimate expression.“ Isaac Bashevis Singer © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 12. TAFE NSW – Customising Moodle User contribution Hi I’m Natalie Moodle Queen Natalie Mark FionaNorth Coast Hunter Western © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 13. To see North Coast Institute implementation visit: moodle.northcoast.tafensw.edu.auor additional help, contact Natalie on twitter: @moodlemuse © 2012 Department of Education and Communities, TAFE NSW North Coast Institute
  • 14. TAFE NSW – Customising Moodle Visit us at:contact me: renee.lance@tafensw.edu.au ecommunities.tafensw.edu.au www.ehub.tafensw.edu.au © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 15. TAFE NSW – Customising Moodle Resources Stephen Anderson http://www.webdirections.org/resources/stephen-p-anderson-keynote- sustaining-passionate-users/ Six Circles – UX design Frameworkhttp://uxmag.com/resources/six-circles---an-experience-design-framework Love marks www.lovemarks.com © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
  • 16. TAFE NSW – Customising Moodle Like to make a commenthttp://www.facebook.com/pages/TAFE-NSW- Interface/193650504047324 © 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au