The beauty within the beast

Post on 28-Jan-2015

116 views 2 download

Tags:

description

Session overviewIn this presentation Stephan showed us a course building technique in Moodle 1.9 that helps practitioners work around the ‘scroll of death’.If you answer ‘yes’ to any of the following questions, review the session recording and find out how to think outside the square with Moodle! • Have you recently changed from another LMS to Moodle?• Do you want to improve the look and feel of Moodle?• Do you find that using Moodle results in the ‘scroll of death’?• Do visuals matter in an online course? • Would you like to have an alternative design in Moodle?"I will show you how to think outside the square with Moodle, by showing you an alternative way to build your online course - a technique/principle that works around the scroll of death in Moodle…..well sort of. Let’s build the shell together and you enter your own content." says Stephan.

Transcript of 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

http://www.flickr.com/photos/45417981@N00/772478897

Our Team

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

Hard copies for classroom situations

Flickr Photo: http://www.flickr.com/photos/33609970@N06/3385172794

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 ;-).

http://www.flickr.com/photos/31667878@N03/4300012375

…my role

…seeing?

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

Flickr Photo: http://www.flickr.com/photos/23020169@N08/4346766900

Flickr Photo: http://www.flickr.com/photos/28069288@N00/306196630

…1st type of Moodle user

Flickr Photo: http://www.flickr.com/photos/34427470616@N01/3207199806

Happy

Flickr Photo: http://www.flickr.com/photos/95572727@N00/2726218408

…but then we have the 2nd type users

Flickr Photo: http://www.flickr.com/photos/51035608580@N01/389938438

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

Backwardsusing

Flickr Photo: http://www.flickr.com/photos/26104563@N00/3470432032

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?

http://www.flickr.com/photos/51035602148@N01/10346584

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

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

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

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

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

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

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

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

Topic 1/ Week 1/Part 1/ Cluster 1

Topic 1/ Week 1/Part 1/ Cluster 1

Topic 1/ Week 1/Part 1/ Cluster 1

Student view

Entry/ Home page(one image)

Book

Book

Book

Book

Topic 1/ Week 1/Part 1/ Cluster 1

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

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

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

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

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

Topic 1/ Week 1/Part 1/ Cluster 1

Topic 1/ Week 1/Part 1/ Cluster 1

Topic 1/ Week 1/Part 1/ Cluster 1

Open in same window

Open in same window

Open in same window

Open in same window

Model 1

Student view

Entry/ Home page(one image)

Book

Book

Book

Book

Topic 1/ Week 1/Part 1/ Cluster 1

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

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

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

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

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

Topic 1/ Week 1/Part 1/ Cluster 1

Topic 1/ Week 1/Part 1/ Cluster 1

Topic 1/ Week 1/Part 1/ Cluster 1

Open in same window

Model 1

Student view

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

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

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

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

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

Course information….

Communication….

Topic 1

Book

Topic 2Topic page (single html)

(multiple topic icons in a table – no borders)

Model 2

Student view

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

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

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

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

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

Course information….

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

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

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

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

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

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

Course information….

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

…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!

Build Course Template page

Build Course Template page

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

App sharing

Flickr Photo: http://www.flickr.com/photos/12575062@N00/2114891329

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

Important:

Before you take

the next Step

http://www.flickr.com/photos/9049083@N04/2340226779

http://www.flickr.com/photos/51035644987@N01/3732851541

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/

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?