The beauty within the beast
-
Upload
ozesteph1992 -
Category
Education
-
view
116 -
download
2
description
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
Look back
± 2004
Photo by zenobia_joy (cc licensed)
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?