Your SlideShare is downloading. ×
0
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
TAFE NSW - Customising Moodle
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

TAFE NSW - Customising Moodle

2,489

Published on

Presentation for Moodle Moot 2012

Presentation for Moodle Moot 2012

Published in: Design, Education, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,489
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
18
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

    ×