A Site Redesign -
shock therapy for school
     Webmasters
              Jason Hando
   Digital Learning Designer & Traine...
RATIONALE
• Schools   ride on communication, relationship and organisation


• Websites represent how well
 (or bad) schoo...
BUILDING THE RED DUCATI
    OF EDUCATION....
.... ONE PIECE AT A TIME
THREE WEBSITE ENTITIES


1. Public Website

2. Student eLearning

3. Staff Intranet




                       jason@utopi...
TECHNOLOGY-CENTRED




             jason@utopiainternet.com
TECHNOLOGY-CENTRED


• “Video is designed to revolutionize our educational system
 and in a few years it will supplant lar...
TECHNOLOGY-CENTRED


• “Video  is designed to revolutionize our educational system
  and in a few years it will supplant l...
TECHNOLOGY-CENTRED


• “Video  is designed to revolutionize our educational system
  and in a few years it will supplant l...
MAYER EVALUATES...

• “I attribute the disappointing results of various technology’s
  attempt to tap the potential of vis...
SDEHS HISTORY OF WEB




              jason@utopiainternet.com
SDEHS HISTORY OF WEB
• 2005Public Page with some curriculum for students. No
 passwords.




                             ...
SDEHS HISTORY OF WEB
• 2005Public Page with some curriculum for students. No
 passwords.

• 2006   Introduce Moodle. Login...
SDEHS HISTORY OF WEB
• 2005Public Page with some curriculum for students. No
 passwords.

• 2006   Introduce Moodle. Login...
SDEHS HISTORY OF WEB
• 2005Public Page with some curriculum for students. No
 passwords.

• 2006   Introduce Moodle. Login...
jason@utopiainternet.com
jason@utopiainternet.com
jason@utopiainternet.com
jason@utopiainternet.com
jason@utopiainternet.com
jason@utopiainternet.com
jason@utopiainternet.com
jason@utopiainternet.com
jason@utopiainternet.com
2010

• Joomla   migration

• Moodle     customisation

• Intranet   login (SSO)
2011

• Mobile   websites

• System   integration (SMS)
PERSONAS
• Jane Murdoch,                   • Background: Husband   died
 47, single,                       of sudden heart...
SCENARIOS
High level: Jane will notice upcoming events
from the school’s homepage and will click to see
more. She will org...
PAGE DESIGNS

• Navigation    pages

• Consumption     pages

• Interaction   pages
WAYFINDING

• Where   am I? Am I in the   • Where   have I been?
 right place?
                              • What   do I...
USER TESTING




          jason@utopiainternet.com
Video of Steve Krug conducting user testing




                                jason@utopiainternet.com
ELEARNING METAPHORS




             jason@utopiainternet.com
ELEARNING METAPHORS
                                                                             Goal of
Metaphor       De...
ELEARNING METAPHORS
                                                                             Goal of
Metaphor       De...
ELEARNING METAPHORS
                                                                             Goal of
Metaphor       De...
ELEARNING METAPHORS
                                                                             Goal of
Metaphor       De...
LEARNER ACTIVITY


• Behavioural activity (being hands-on) does not guarantee
 cognitive activity (cognitive processing) w...
HOW LIGHTENING STORMS
       DEVELOP
Lightening can be defined as the discharge of electricity
resulting from the differenc...
HOW LIGHTENING STORMS
       DEVELOP                           Downdrafts
                                                ...
HOW LIGHTENING STORMS
       DEVELOP


    Video of How Lightening Works




                            jason@utopiainter...
HOW LIGHTENING STORMS
           DEVELOP
1. Warm moist air rises, water                                           Downdraf...
HOW LIGHTENING STORMS
       DEVELOP                           Downdrafts
                                                ...
HOW LIGHTENING STORMS
       DEVELOP                            Downdrafts
                                               ...
HOW LIGHTENING STORMS
       DEVELOP                            Downdrafts
                                               ...
SEPARATED VS INTEGRATED
 Ice Crystals Freezing Level         Ice Crystals   Freezing Level

Water Droplets                ...
CONTENT DRIVEN DESIGN




              jason@utopiainternet.com
CONTENT DRIVEN DESIGN


           People




                    jason@utopiainternet.com
PDHPE BEFORE




          jason@utopiainternet.com
jason@utopiainternet.com
MATHS BEFORE




          jason@utopiainternet.com
jason@utopiainternet.com
MOBILE WEBSITES
INSPIRATION SOURCE:
   dustincurtis.com
INSPIRATION SOURCE:
     engadget.com
INSPIRATION SOURCE:
     brainpop.com
INSPIRATION SOURCE:
  learntobehealthy.org
CONCLUSION
YouTube video of 2 year old with an iPad
A  Site  Redesign - shock therapy for school webmasters
A  Site  Redesign - shock therapy for school webmasters
A  Site  Redesign - shock therapy for school webmasters
A  Site  Redesign - shock therapy for school webmasters
A  Site  Redesign - shock therapy for school webmasters
A  Site  Redesign - shock therapy for school webmasters
A  Site  Redesign - shock therapy for school webmasters
A  Site  Redesign - shock therapy for school webmasters
A  Site  Redesign - shock therapy for school webmasters
A  Site  Redesign - shock therapy for school webmasters
Upcoming SlideShare
Loading in...5
×

A Site Redesign - shock therapy for school webmasters

659

Published on

This presentation is a powerful blow-by-blow account of a school's web pages being revamped for the modern audience. It was presented at ACEC 2010 in Melbourne (April 2010).

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
659
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

































































  • A Site Redesign - shock therapy for school webmasters

    1. 1. A Site Redesign - shock therapy for school Webmasters Jason Hando Digital Learning Designer & Trainer jason@utopiainternet.com
    2. 2. RATIONALE • Schools ride on communication, relationship and organisation • Websites represent how well (or bad) schools meet needs • Parents and students are getting busier • Technology advancement jason@utopiainternet.com
    3. 3. BUILDING THE RED DUCATI OF EDUCATION....
    4. 4. .... ONE PIECE AT A TIME
    5. 5. THREE WEBSITE ENTITIES 1. Public Website 2. Student eLearning 3. Staff Intranet jason@utopiainternet.com
    6. 6. TECHNOLOGY-CENTRED jason@utopiainternet.com
    7. 7. TECHNOLOGY-CENTRED • “Video is designed to revolutionize our educational system and in a few years it will supplant largely, if not entirely, the use of textbooks.” jason@utopiainternet.com
    8. 8. TECHNOLOGY-CENTRED • “Video is designed to revolutionize our educational system and in a few years it will supplant largely, if not entirely, the use of textbooks.” • “Itis possible to teach every branch of human knowledge with video.” jason@utopiainternet.com
    9. 9. TECHNOLOGY-CENTRED • “Video is designed to revolutionize our educational system and in a few years it will supplant largely, if not entirely, the use of textbooks.” • “Itis possible to teach every branch of human knowledge with video.” ➡ Thomas Edison 1922 jason@utopiainternet.com
    10. 10. MAYER EVALUATES... • “I attribute the disappointing results of various technology’s attempt to tap the potential of visual and worldwide learning to the technology-centred approach taken by the promoters. Instead of adapting technology to fit the needs of human learners, humans were forced to adapt to the demands of cutting-edge technologies.” Richard E. Mayer. • Focus has unfortunately been on access rather than on helping people (plan, learn, communicate) through the aid of technology jason@utopiainternet.com
    11. 11. SDEHS HISTORY OF WEB jason@utopiainternet.com
    12. 12. SDEHS HISTORY OF WEB • 2005Public Page with some curriculum for students. No passwords. jason@utopiainternet.com
    13. 13. SDEHS HISTORY OF WEB • 2005Public Page with some curriculum for students. No passwords. • 2006 Introduce Moodle. Logins. Three columns. jason@utopiainternet.com
    14. 14. SDEHS HISTORY OF WEB • 2005Public Page with some curriculum for students. No passwords. • 2006 Introduce Moodle. Logins. Three columns. • 2008 Introduce Joomla for web and intranet. jason@utopiainternet.com
    15. 15. SDEHS HISTORY OF WEB • 2005Public Page with some curriculum for students. No passwords. • 2006 Introduce Moodle. Logins. Three columns. • 2008 Introduce Joomla for web and intranet. • 2009 Redesign Moodle to match Joomla. Two columns. Plugins. jason@utopiainternet.com
    16. 16. jason@utopiainternet.com
    17. 17. jason@utopiainternet.com
    18. 18. jason@utopiainternet.com
    19. 19. jason@utopiainternet.com
    20. 20. jason@utopiainternet.com
    21. 21. jason@utopiainternet.com
    22. 22. jason@utopiainternet.com
    23. 23. jason@utopiainternet.com
    24. 24. jason@utopiainternet.com
    25. 25. 2010 • Joomla migration • Moodle customisation • Intranet login (SSO)
    26. 26. 2011 • Mobile websites • System integration (SMS)
    27. 27. PERSONAS • Jane Murdoch, • Background: Husband died 47, single, of sudden heart attack when 3 sons (5,7,10) youngest was just 3. Forced to work and accept any • Profession: Full-time Book overtime to make ends Keeper meet. • Quote: “My life feels hectic • Goals: I’dlike to organise my from when I wake until late calendar for the family at night.” better. Juggling everyone’s events each week is getting harder.
    28. 28. SCENARIOS High level: Jane will notice upcoming events from the school’s homepage and will click to see more. She will organise her own calendar for the family based on events for each child that she finds in the school calendar. Detailed: After putting the kids to bed Jane sits down to organise the rest of the term. Jane looks over the school homepage and sees the “What’s On” section. She clicks hoping she will see some tools to organise different events for each class.
    29. 29. PAGE DESIGNS • Navigation pages • Consumption pages • Interaction pages
    30. 30. WAYFINDING • Where am I? Am I in the • Where have I been? right place? • What do I do now? • Do they have what I am looking for? • How do I keep this/buy this/ save this? • Do they have anything better?
    31. 31. USER TESTING jason@utopiainternet.com
    32. 32. Video of Steve Krug conducting user testing jason@utopiainternet.com
    33. 33. ELEARNING METAPHORS jason@utopiainternet.com
    34. 34. ELEARNING METAPHORS Goal of Metaphor Definition Content Learner Teacher Multimedia Strengthening Passive recipient Dispenser of Enable drill and Response strengthening or weakening Associations of rewards and rewards and practice; act as a an association punishments punishments reinforcer Passive Deliver Adding Information Information information; act acquisition information to Information information as a delivery memory provider receiver vehicle Building a Provide Knowledge coherent Active sense- Cognitive cognitive construction Knowledge guidance; act as mental maker guide a helpful structure communicator jason@utopiainternet.com
    35. 35. ELEARNING METAPHORS Goal of Metaphor Definition Content Learner Teacher Multimedia Strengthening Passive recipient Dispenser of Enable drill and Response strengthening or weakening Associations of rewards and rewards and practice; act as a an association punishments punishments reinforcer Passive Deliver Adding Information Information information; act acquisition information to Information information as a delivery memory provider receiver vehicle Building a Provide Knowledge coherent Active sense- Cognitive cognitive construction Knowledge guidance; act as mental maker guide a helpful structure communicator jason@utopiainternet.com
    36. 36. ELEARNING METAPHORS Goal of Metaphor Definition Content Learner Teacher Multimedia Strengthening Passive recipient Dispenser of Enable drill and Response strengthening or weakening Associations of rewards and rewards and practice; act as a an association punishments punishments reinforcer Passive Deliver Adding Information Information information; act acquisition information to Information information as a delivery memory provider receiver vehicle Building a Provide Knowledge coherent Active sense- Cognitive cognitive construction Knowledge guidance; act as mental maker guide a helpful structure communicator jason@utopiainternet.com
    37. 37. ELEARNING METAPHORS Goal of Metaphor Definition Content Learner Teacher Multimedia Strengthening Passive recipient Dispenser of Enable drill and Response strengthening or weakening Associations of rewards and rewards and practice; act as a an association punishments punishments reinforcer Passive Deliver Adding Information Information information; act acquisition information to Information information as a delivery memory provider receiver vehicle Building a Provide Knowledge coherent Active sense- Cognitive cognitive construction Knowledge guidance; act as mental maker guide a helpful structure communicator jason@utopiainternet.com
    38. 38. LEARNER ACTIVITY • Behavioural activity (being hands-on) does not guarantee cognitive activity (cognitive processing) which is the cause of meaningful learning. • Well designed multimedia instructional messages promote active cognitive processing in learners even when they seem to be behaviourally inactive. jason@utopiainternet.com
    39. 39. HOW LIGHTENING STORMS DEVELOP Lightening can be defined as the discharge of electricity resulting from the difference in electrical charges between the cloud and the ground. When the surface of the earth is warm, moist air near the earth’s surface becomes heated and rises rapidly, producing an updraft. As the air in these updrafts cools, water vapor condenses into water droplets and forms cloud..... Within the cloud, the moving air causes electrical charges to build, although scientists do not fully understand how it occurs. jason@utopiainternet.com
    40. 40. HOW LIGHTENING STORMS DEVELOP Downdrafts Positively charged particles Ice Crystals Freezing Level Hailstones Freezing Level + + + Water Droplets Raindrops - - - - Negatively Updrafts Updrafts charged particles + + Warm Moist Air Wind Gusts + 1. Warm moist air rises, water 2. Raindrops and ice crystals 3. Negatively charged particles vapor condenses and forms a drag air downward fall to the bottom of the cloud cloud + + + + + + - - - - - - - - Stepped Return stroke Branches leader + + + + Upward-moving leader + + 4. Two leaders meet, negatively 5. Positively charged particles charged particles rush from the from the ground rush upward cloud to the ground along the same path jason@utopiainternet.com
    41. 41. HOW LIGHTENING STORMS DEVELOP Video of How Lightening Works jason@utopiainternet.com
    42. 42. HOW LIGHTENING STORMS DEVELOP 1. Warm moist air rises, water Downdrafts Positively charged vapor condenses and forms a particles cloud Ice Crystals Freezing Level Hailstones Freezing Level + + + Water Droplets Raindrops - - - 2. Raindrops and ice crystals - drag air downward Negatively 3. Negatively charged particles Updrafts Updrafts charged particles fall to the bottom of the cloud + + 4. Two leaders meet, negatively Warm Moist Air Wind Gusts + charged particles rush from the cloud to the ground 5. Positively charged particles + + + + + + from the ground rush upward along the same path - - - - - - - - Stepped Return stroke Branches leader + + + + Upward-moving leader + + jason@utopiainternet.com
    43. 43. HOW LIGHTENING STORMS DEVELOP Downdrafts Positively charged particles Ice Crystals Freezing Level Hailstones Freezing Level + + + Water Droplets Raindrops - - - - Negatively Updrafts Updrafts charged particles + + Warm Moist Air Wind Gusts + 1. Warm moist air rises, water 2. Raindrops and ice crystals 3. Negatively charged particles vapor condenses and forms a drag air downward fall to the bottom of the cloud cloud + + + + + + - - - - - - - - Stepped Return stroke Branches leader + + + + Upward-moving leader + + 4. Two leaders meet, negatively 5. Positively charged particles charged particles rush from the from the ground rush upward cloud to the ground along the same path jason@utopiainternet.com
    44. 44. HOW LIGHTENING STORMS DEVELOP Downdrafts Positively charged particles Ice Crystals Freezing Level Hailstones Freezing Level + + + Water Droplets Raindrops - - - - Negatively Updrafts Updrafts charged particles + + Warm Moist Air Wind Gusts + 3. Negatively charged 1. Warm moist air rises, water 2. Raindrops and ice crystals particles fall to the bottom of vapor condenses and forms a drag air downward the cloud cloud + + + + + + - - - - - - - - Stepped Return stroke Branches leader + + + + Upward-moving leader + + 4. Two leaders meet, negatively 5. Positively charged particles charged particles rush from from the ground rush the cloud to the ground upward along the same path jason@utopiainternet.com
    45. 45. HOW LIGHTENING STORMS DEVELOP Downdrafts Positively charged particles Ice Crystals Freezing Level Hailstones Freezing Level + + + Water Droplets Raindrops - - - - Negatively Updrafts Updrafts charged particles + + Warm Moist Air Wind Gusts + 3. Negatively charged 1. Warm moist air rises, water 2. Raindrops and ice crystals particles fall to the bottom of vapor condenses and forms a drag air downward the cloud cloud + + + + + + - - - - - - - - Stepped Return stroke Branches leader + + + + Upward-moving leader + + 4. Two leaders meet, negatively 5. Positively charged particles charged particles rush from from the ground rush the cloud to the ground upward along the same path jason@utopiainternet.com
    46. 46. SEPARATED VS INTEGRATED Ice Crystals Freezing Level Ice Crystals Freezing Level Water Droplets Water Droplets 1. Warm moist air rises, water vapor condenses and forms a cloud Updrafts Updrafts Warm Moist Air Warm Moist Air 1. Warm moist air rises, water vapor condenses and forms a cloud Seperated Integrated jason@utopiainternet.com
    47. 47. CONTENT DRIVEN DESIGN jason@utopiainternet.com
    48. 48. CONTENT DRIVEN DESIGN People jason@utopiainternet.com
    49. 49. PDHPE BEFORE jason@utopiainternet.com
    50. 50. jason@utopiainternet.com
    51. 51. MATHS BEFORE jason@utopiainternet.com
    52. 52. jason@utopiainternet.com
    53. 53. MOBILE WEBSITES
    54. 54. INSPIRATION SOURCE: dustincurtis.com
    55. 55. INSPIRATION SOURCE: engadget.com
    56. 56. INSPIRATION SOURCE: brainpop.com
    57. 57. INSPIRATION SOURCE: learntobehealthy.org
    58. 58. CONCLUSION
    59. 59. YouTube video of 2 year old with an iPad
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×