The beauty within the beast

http://www.flickr.com/photos/26915000@N00/266734758

Adelaide

Stephan Schmidt

http://www.printableworldmap.org/printable_world_map_wiki1.htm

Backg

round -

Why

Proce

ss -

Theory

Underst

and/

Get

idea

of

Princi

pleDemo –

How

to

Conclusi

on


Look back

± 2004

Photo by zenobia_joy (cc licensed)

http://www.flickr.com/photos/m3cfa/2462224770/sizes/l/in/photostream/



Our Team

Flickr Photo: http://www.flickr.com/photos/43296902@N00/187706578

Hard copies for classroom situations


Online

Resources

MoodleCourses

LO

https://shop.tafesa.edu.au/LOR/Home.aspx

Which one ?

A B

Use the polling tool

Let’s do a quick test

Which one ?

A BFlickr Photo: http://www.flickr.com/photos/19907278@N00/2986239720Flickr Photo: http://www.flickr.com/photos/94844141@N00/51613031

Which one ?

A BFlickr Photo: http://www.flickr.com/photos/21023569@N06/428174651 Flickr Photo: http://www.flickr.com/photos/94852245@N00/306334946

Which one ?

A B

Flickr Photo: http://www.flickr.com/photos/88589821@N00/165148082Flickr Photo: http://www.flickr.com/photos/29142454@N06/3990056329

Which one ?

A B

Which one ?

A BScreenshot taken from: http://glue.be/en/Screenshot taken from: http://www.indiana.edu/~ensiweb/

Let’s put this test for a while onto….

….and come back to it later ;-).


…my role

…seeing?

...hearing &What am I....



…1st type of Moodle user


Happy


…but then we have the 2nd type users


FrustratedFlickr Photo: http://www.flickr.com/photos/16857236@N03/2429133381

Backwardsusing


Which one ?

A B

Remember the test

is

? 1. Can’t use it anymore

2. Don’t have the skills

…from teachers point of view…Is there an alternative?

…it’s bit like…have

…would like like

…it’s bit like…have

…would like like

…would need?


An alternative was born

Interactive Flash object

Rule 1Apply

80% - 20% Planning – Building

Where to start ?– With the student guide

Where to start ?– How many books?

Book

Book

Book

Objectives

NavigationHome | Topic 1 | Topic 2| Topic 3 | Topic 4

Receiving Stock

Storing Stock

Then determine chapters/ sub-chapters?

Book

Book


Receiving Stock

Storing Stock

…and while you are at it…but also plan at this stage:• Where to place what images• Where to place what video• Where to place what activity:

• Self assessment/Quiz/ Evaluation• Discussion forum• Chats/ Virtual classroom

• Which text to be converted into an interactive Learning Object (LO)

• Where to place what external links to websites

• Where to place what link to:• Pdf’s• Doc’s• PPT’s

Model 1

Entry/ Home page(one image)

Book

Book

Book

Book

Topic 1/ Week 1/Part 1/ Cluster 1


Navigation must appears on each chapter page!Home | Topic 1 | Topic 2| Topic 3 | Topic 4







Student view


Book

Book

Book

Book










Open in same window

Open in same window

Open in same window

Open in same window

Model 1

Student view


Book

Book

Book

Book










Open in same window

Model 1

Student view

Navigation must appears on each chapter/html page!Home | Setup | Course info| Communication | Content




Entry/ Home page(multiple icons in a table – no borders)

Book

Book

Book

Book

Setup/ Getting started….

Icon become Navigation and the links


Course information….

Communication….

Topic 1

Book

Topic 2Topic page (single html)

(multiple topic icons in a table – no borders)

Model 2

Student view






Book

Book

Book

Book





Communication….

Topic 1

Book

Topic 2

Topic page (single html)(multiple topic icons in a table – no

borders)

Open in same window

Open in same window

Open in same window

Open in same window

Ope

n in

sam

e w

indo

wModel 2






Book

Book

Book

Book





Communication….

Topic 1

Book

Topic 2Topic page (single html)

(multiple topic icons in a table – no borders)

Open in same window

Model 2

Student view

When to open in a new window?Bo

ok

Receiving Stock Moodle Quiz (Assessment)

Moodle Discussion Forum

External websites (www) - Resource

Single Moodle html pages (add. info) – don’t copy navigation

Flash activity that is in a separate html Moodle page

www.google.com.au

….want to read more…

Here is a drop & drag activity

…open and read this doc, pdf, PPT etc

When you get students to open: word docs, pdf’s, PPT’s etc

http://www.google.com.au/

…but also plan at this stage:• Where to place what images

• Where to place what video

• Where to place what activity:

• Self assessment/Quiz/ Evaluation

• Discussion forum

• Chats/ Virtual classroom

• Which text to be converted into an interactive Learning Object (LO)

• Where to place what external links to websites

• Where to place what link to:

• Pdf’s

• Doc’s

• PPT’s

When does planning move into Building?

Building starts here

What’s next?

What’s next? – ImportantDesign Course Template page

(Using: Compose single web page in Moodle)

Build Course Template page

Most important!



Apply Course Template page

Apply Course Template page

Course page template in display view without content

Course page template in display view with content

Des

igne

r vie

w

Book s

Change course settings

Student view

‘How to’ videos on:

http://www.screenr.com/user/ozesteph1992

http://www.screenr.com/user/ozesteph1992

App sharing


Screenshot taken from: http://theloft-tackshop.com/books.html

Important:

Before you take

the next Step



Good understanding of all Levels

For Layout/ Linking apply KISS

http://farm1.static.flickr.com/188/397163548_3468ebd7c7.jpg http://farm1.static.flickr.com/3/3172558_e5b51ec8ec.jpg

E-Design

rules/ tips

‘Less is More’

‘Keep the paragraphs as short as possible’

‘Keep the pages as short as possible’

‘Keep the chapters as short as possible’

‘Use a lot of space! Pages overloaded with text will kill your audience’

‘Visitor will only spend a few seconds scanning the page before they decide whether to leave or to stay’

‘Create a consistent navigation structure’

‘You have 15-30 seconds to catch your visitor's attention’

‘Don't put everything on one single, long page’

‘Website design is no longer just a personal page, but a long-term investment that can bring in clients and customers’

Should web design rules/ tips

also be applied in a web based

learning environment – like Moodle?

“We all like to think we’re not prejudiced and won’t judge

something based solely on its looks. But the truth is it’s very

difficult to ignore the way something looks. ”

http://www.articulate.com/rapid-elearning/why-looks-matter-in-e-learning-courses/

http://www.articulate.com/rapid-elearning/why-looks-matter-in-e-learning-courses/

1 Million $ Question

Use the polling tool to express your opinion

Choose A: …if you think looks is most important

Choose B: …if you think content is most important

Choose C: …if you think content & looks are equal important

Choose D: …if you think ‘whatever’ ;-)

Do you get the Picture?

Education

The beauty within the beast