1.

2.

3.
Background - Why<br />Process - Theory<br />Demo – How to<br />Understand/<br />Get idea of Principle<br />Conclusion<br />http://www.flickr.com/photos/45417981@N00/772478897<br />

4.
Look back<br />± 2004<br />Photo byzenobia_joy(cc licensed)<br />

5.

6.

7.

8.
Our Team<br />

9.
Hard copies for classroom situations<br />Flickr Photo: http://www.flickr.com/photos/43296902@N00/187706578<br />

10.
Online<br />Moodle<br />Courses<br />Resources<br />LO<br />Flickr Photo: http://www.flickr.com/photos/33609970@N06/3385172794<br />

11.
https://shop.tafesa.edu.au/LOR/Home.aspx <br />

12.

13.
Let’s do a quick test<br />Use the Elluminate polling tool<br />Which one ?<br />B<br />A<br />

14.
Which one ?<br />Flickr Photo: http://www.flickr.com/photos/19907278@N00/2986239720<br />Flickr Photo: http://www.flickr.com/photos/94844141@N00/51613031<br />B<br />A<br />

15.
Which one ?<br />Flickr Photo: http://www.flickr.com/photos/21023569@N06/428174651<br />Flickr Photo: http://www.flickr.com/photos/94852245@N00/306334946<br />A<br />B<br />

16.
Which one ?<br />Flickr Photo: http://www.flickr.com/photos/88589821@N00/165148082<br />Flickr Photo: http://www.flickr.com/photos/29142454@N06/3990056329<br />B<br />A<br />

17.
Which one ?<br />B<br />A<br />

18.
Which one ?<br />Screenshot taken from: http://glue.be/en/<br />Screenshot taken from: http://www.indiana.edu/~ensiweb/<br />B<br />A<br />

19.
Let’s put this test for a while onto….<br />….and come back to it later ;-).<br />http://www.flickr.com/photos/31667878@N03/4300012375<br />

20.
…my role<br />

21.
...hearing &<br />What am I....<br />Flickr Photo: http://www.flickr.com/photos/23020169@N08/4346766900<br />…seeing?<br />Flickr Photo: http://www.flickr.com/photos/28069288@N00/306196630<br />

22.
…1st type of Moodle user<br />Flickr Photo: http://www.flickr.com/photos/34427470616@N01/3207199806<br />

23.
Happy<br />Flickr Photo: http://www.flickr.com/photos/95572727@N00/2726218408<br />

24.
…but then we have the 2nd type users<br />Flickr Photo: http://www.flickr.com/photos/51035608580@N01/389938438<br />

25.
Frustrated<br />Flickr Photo: http://www.flickr.com/photos/16857236@N03/2429133381<br />

26.
Backwards<br />using<br />Flickr Photo: http://www.flickr.com/photos/26104563@N00/3470432032<br />

27.
Remember the test<br />Which one ?<br />A<br />B<br />

28.
is<br />

29.
…from teachers point of view…<br />Is there an alternative?<br />1. Can’t use it anymore<br />2. Don’t have the skills<br />

30.
…it’s bit like<br />…have<br />…would like like<br />

31.
…it’s bit like<br />…have<br />?<br />…would need<br />…would like like<br />

32.

33.

34.

35.

36.

37.
http://www.flickr.com/photos/51035602148@N01/10346584<br />

38.
An alternative was born<br />

39.

40.

41.
Interactive Flash object<br />

42.

43.

44.
Rule 1Apply80% - 20% Planning – Building <br />

45.
Where to start ?– With the student guide<br />

46.
Where to start ?– How many books?<br />Objectives<br />Book<br />Receiving Stock<br />Book<br />Storing Stock<br />Book<br />Navigation<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />

47.
Then determine chapters/ sub-chapters?<br />Receiving Stock<br />Book<br />Storing Stock<br />Book<br />Navigation<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />

48.
…and while you are at it<br />…but also plan at this stage:<br /><ul><li>Where to place what images

49.
Where to place what video

50.
Where to place what activity:

51.
Self assessment/Quiz/ Evaluation

52.
Discussion forum

53.
Chats/ Virtual classroom

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

55.
Where to place what external links to websites

56.
Where to place what link to:

57.
Pdf’s

58.
Doc’s

59.
PPT’s</li></li></ul><li>Model 1<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Book<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Entry/ Home page(one image)<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Book<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Book<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Navigation<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Book<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Student view<br />

60.
Model 1<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Open in same window<br />Book<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Entry/ Home page(one image)<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Book<br />Open in same window<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Book<br />Open in same window<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Open in same window<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Navigation<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Book<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Student view<br />

61.
Model 1<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Book<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Entry/ Home page(one image)<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Book<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Open in same window<br />Book<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Topic 1/ Week 1/Part 1/ Cluster 1<br />Navigation<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Book<br />Navigation must appears on each chapter page!<br />Home | Topic 1 | Topic 2| Topic 3 | Topic 4<br />Student view<br />

62.
Model 2<br />Entry/ Home page(multiple icons in a table – no borders)<br />Setup/ Getting started….<br />Book<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Course information….<br />Book<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Communication….<br />Book<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Icon become Navigation and the links<br />Topic 1<br />Book<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Topic 2<br />Book<br />Topic page (single html)(multiple topic icons in a table – no borders)<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Student view<br />

63.
Model 2<br />Entry/ Home page(multiple icons in a table – no borders)<br />Open in same window<br />Setup/ Getting started….<br />Book<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Course information….<br />Book<br />Open in same window<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Communication….<br />Book<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Open in same window<br />Icon become Navigation and the links<br />Topic 1<br />Book<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Open in same window<br />Topic 2<br />Book<br />Open in same window<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Topic page (single html)(multiple topic icons in a table – no borders)<br />

64.
Model 2<br />Entry/ Home page(multiple icons in a table – no borders)<br />Setup/ Getting started….<br />Book<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Course information….<br />Book<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Communication….<br />Book<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Open in same window<br />Icon become Navigation and the links<br />Topic 1<br />Book<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Topic 2<br />Book<br />Topic page (single html)(multiple topic icons in a table – no borders)<br />Navigation must appears on each chapter/html page!<br />Home | Setup | Course info| Communication | Content<br />Student view<br />

65.
When to open in a new window?<br />Moodle Quiz (Assessment)<br />Receiving Stock<br />Moodle Discussion Forum<br />External websites (www) - Resource<br />Single Moodle html pages (add. info) – don’t copy navigation<br />www.google.com.au<br />Flash activity that is in a separate html Moodle page<br />….want to read more…<br />Here is a drop & drag activity <br />When you get students to open: word docs, pdf’s, PPT’s etc<br />…open and read this doc, pdf, PPT etc<br />Book<br />

66.
When does planning move into Building?<br />…but also plan at this stage:<br /><ul><li>Where to place what images

67.
Where to place what video

68.
Where to place what activity:

69.
Self assessment/Quiz/ Evaluation

70.
Discussion forum

71.
Chats/ Virtual classroom

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

73.
Where to place what external links to websites

74.
Where to place what link to:

75.
Pdf’s

76.
Doc’s

77.
PPT’s</li></li></ul><li>Building starts here <br />

78.
What’s next? <br />

79.
What’s next? – ImportantDesign Course Template page<br />(Using: Compose single web page in Moodle)<br />

80.
Build Course Template page<br />Most important!<br />

81.
Build Course Template page<br />

82.
Build Course Template page<br />

83.
Apply Course Template page<br />

84.
Apply Course Template page<br />

85.
Course page template in display view without content<br />

86.
Course page template in display view with content<br />

87.
Designer view<br />Books<br />

88.
Change course settings<br />

89.
Student view<br />

90.
‘How to’ videos on:<br />http://www.screenr.com/user/ozesteph1992<br />

91.
App sharing<br />

92.
Flickr Photo: http://www.flickr.com/photos/12575062@N00/2114891329<br />

93.
Screenshot taken from: http://theloft-tackshop.com/books.html<br />

94.
Important:<br />Before you take<br />the next Step<br />http://www.flickr.com/photos/9049083@N04/2340226779<br />

95.
Good understanding of all Levels<br />http://www.flickr.com/photos/51035644987@N01/3732851541<br />

96.
http://farm1.static.flickr.com/188/397163548_3468ebd7c7.jpg<br />http://farm1.static.flickr.com/3/3172558_e5b51ec8ec.jpg<br />For Layout/ Linking apply KISS <br />

97.
E-Design<br />rules/ tips <br />

98.
‘Visitor will only spend a few seconds scanning the page before they decide whether to leave or to stay’<br />‘Keep the paragraphs as short as possible’<br />‘Keep the chapters as short as possible’<br />‘Create a consistent navigation structure’<br />‘Don't put everything on one single, long page’<br />‘Less is More’<br />‘You have 15-30 seconds to catch your visitor's attention’<br />‘Keep the pages as short as possible’<br />‘Use a lot of space! Pages overloaded with text will kill your audience’<br />‘Website design is no longer just a personal page, but a long-term investment that can bring in clients and customers’<br />

99.
Should web design rules/ tips <br />also be applied in a web based learning environment – like Moodle?<br />

100.
“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. ”<br />http://www.articulate.com/rapid-elearning/why-looks-matter-in-e-learning-courses/<br />

101.
1 Million $ Question<br />

102.
Use the Elluminate polling tool <br />to express your opinion<br />Choose A: …if you think looks is most important<br />Choose B: …if you think content is most important<br />Choose C: …if you think content & looks are equal important<br />Choose D: …if you think ‘whatever’ ;-)<br />

103.
Do you get the Picture?<br />