TAFE NSW - Customising Moodle
16
© 2012 Department of Education and Communities, TAFE NSW North Coast Institute Natalie Denmeade Moodle Administrator/ Learning Resource Development Officer TAFE NSW - Customising Moodle themes
-
Upload
monsteradelicio -
Category
Design
-
view
337 -
download
0
description
Designing Moodle from the front-end
Transcript of TAFE NSW - Customising Moodle
© 2012 Department of Education and Communities, TAFE NSW North Coast Institute
Natalie DenmeadeMoodle Administrator/
Learning Resource Development Officer
TAFE NSW - Customising Moodle themes
- Seeding new approaches
www.ehub.tafensw.edu.au© 2011 Department of Education and Communities, TAFE NSW eLearning Hub
TAFE NSW – Customising Moodle
Renée Lance
Lead Designer
TAFE eLearning Hub
© 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
TAFE NSW – Customising Moodle
© 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
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
TAFE NSW – Customising Moodle
What do we have to work with Page
Header
Footer
Page - header
Page - footer
Page - content
region-main-box
region-post-box
region-content
region-main-wrapregion-pre
region-main
region-contentregion-content
course-content
© 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
TAFE NSW – Customising Moodle
Zone 2 (Bottom strip)
Footer
Zone 3 (upper toolbar)
Zone 4 (lower toolbar)
Left Right
Left Right
Zone 1 (Top strip)Left Right
Main content background (region under course material)
Column 1 (Pre)Column 2 PostTopics
Left RightMiddle
Desktop zone 2Desktop zone 1
© 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
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
TAFE NSW – Customising Moodle
Course 57: IT Faculty BrandingCourse 52:
Business Faculty Branding
Top Level Course: Establishes Institute
Branding
© 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
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
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
TAFE NSW – Customising Moodle
What's the next step
bug 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
TAFE NSW – Customising Moodle
User contribution
Hi I’m NatalieMoodle Queen
Mark Fiona
Hunter WesternNorth Coast
Natalie
© 2012 Department of Education and Communities, TAFE NSW North Coast Institute
To see North Coast Institute implementation visit:
moodle.northcoast.tafensw.edu.au
or additional help, contact Natalie on twitter: @moodlemuse
© 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
TAFE NSW – Customising Moodle
contact me: [email protected]
www.ehub.tafensw.edu.au
Visit us at:
© 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
TAFE NSW – Customising Moodle
Stephen Andersonhttp://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 markswww.lovemarks.com
Resources
© 2012 Department of Education and Communities, TAFE NSW eLearning Hub | www.ehub.tafensw.edu.au
TAFE NSW – Customising Moodle
Like to make a comment
http://www.facebook.com/pages/TAFE-NSW-Interface/193650504047324
![Customising open source LMSs in order to meet localization ...repository.uwl.ac.uk/id/eprint/450/1/Mastoras-etal... · software. Applications such as Moodle [1], A-tutor [2] and Dokeos](https://static.fdocuments.in/doc/165x107/5f5b763931b5ab2534051a77/customising-open-source-lmss-in-order-to-meet-localization-software-applications.jpg)
