© 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: renee.lance@tafensw.edu.auecommunities.tafensw.edu.au

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