Session overview In 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.

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

2. Adelaide Stephan Schmidt http://www.printableworldmap.org/printable_world_map_wiki1.htm

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

5. Look back ± 2004 Photo byzenobia_joy(cc licensed)

9. Our Team

10. Hard copies for classroom situations Flickr Photo: http://www.flickr.com/photos/43296902@N00/187706578

11. Online Moodle Courses Resources LO Flickr Photo: http://www.flickr.com/photos/33609970@N06/3385172794

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

14. Let’s do a quick test Use the polling tool Which one ? B A

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

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

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

18. Which one ? B A

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

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

21. …my role

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

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

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

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

26. Frustrated Flickr Photo: http://www.flickr.com/photos/16857236@N03/2429133381

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

28. Remember the test Which one ? A B

29. is

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

31. …it’s bit like …have …would like like

32. …it’s bit like …have ? …would need …would like like

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

39. An alternative was born

42. Interactive Flash object

45. Rule 1Apply80% - 20% Planning – Building

46. Where to start ?– With the student guide

47. Where to start ?– How many books? Objectives Book Receiving Stock Book Storing Stock Book Navigation Home | Topic 1 | Topic 2| Topic 3 | Topic 4

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

50. Where to place what video

51. Where to place what activity:

52. Self assessment/Quiz/ Evaluation

53. Discussion forum

54. Chats/ Virtual classroom

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

56. Where to place what external links to websites

57. Where to place what link to:

58. Pdf’s

59. Doc’s

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

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

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

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

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

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

68. Where to place what video

69. Where to place what activity:

70. Self assessment/Quiz/ Evaluation

71. Discussion forum

72. Chats/ Virtual classroom

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

74. Where to place what external links to websites

75. Where to place what link to:

76. Pdf’s

77. Doc’s

79. What’s next?

80. What’s next? – ImportantDesign Course Template page (Using: Compose single web page in Moodle)

81. Build Course Template page Most important!

82. Build Course Template page

83. Build Course Template page

84. Apply Course Template page

85. Apply Course Template page

86. Course page template in display view without content

87. Course page template in display view with content

88. Designer view Books

89. Change course settings

90. Student view

91. ‘How to’ videos on: http://www.screenr.com/user/ozesteph1992

92. App sharing

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

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

95. Important: Before you take the next Step http://www.flickr.com/photos/9049083@N04/2340226779

96. Good understanding of all Levels http://www.flickr.com/photos/51035644987@N01/3732851541

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

98. E-Design rules/ tips

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

100. Should web design rules/ tips also be applied in a web based learning environment – like Moodle?

101. “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/

102. 1 Million $ Question

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

104. Do you get the Picture?