Developing Web-based Learning Environments

Once you've done your planning, it's time to create your learning environment. Let's focus on assessing needs, identifying objectives, developing instructional strategies, and planning web-based curriculum materials.

Creating School, Classroom, and Project Sites

Planning the Content
Designing the Structure
http://www.siec.k12.in.us/~west/west.htm
http://www.ozemail.com.au/~bhs56/main.htm
Explore Web Sites
Look For:
  • Simplicity
  • Ease of Use
  • Student Focus
  • Updating
  • Timelines
  • Clear Misson
  • Good Links
http://www.atlanta.k12.ga.us
http://avocado.dade.k12.fl.us/
http://wacky.ccit.arizona.edu/~susd/dvhome.html
http://www2.northstar.k12.ak.us/schools/upk/upk.home.html
http://www.westonka.k12.mn.us/grandview.html
http://www.snowcrest.net/foothill/
http://www.csi.ad.jp/school/project/nagatuka/indexe.html
Key People
  • Web Committee
  • Technology People
  • Students
  • Teacher Representatives
  • Administration
  • Community Members

Web Master
  • School Web Plan
  • Purpose/Audience
  • Contents
  • Organization
  • Responsibilities
  • Technical, Content, Updating

Copyright
  • Permissions
http://198.237.200.47/ESDPage/index.html
http://cyberfair.gsn.org/altakcusd/
http://www.zip.com.au/~elanora/
Cool Features
  • Core Page
  • History
  • Location
  • Newsletters
  • Virtual Field Trips
  • Calendars
  • What's New?
http://bvsd.k12.co.us/schools/coalc/Pages/Home.html
http://www.northbrook27.k12.il.us/FallTattler/FallTattler.html
http://www-tenet.cc.utexas.edu/Pub/barton_hills/tour.html
http://www.pcnet.com/~cheshigh/october.htm
Resources
  • People Information
  • Newspapers
  • Yearbook
  • Class Page
  • Projects
  • Organizations
  • Departments
  • Student Groups
http://bvsd.k12.co.us/schools/fireside/LibHome.htm
 
http://www.4j.lane.edu/websites/whiteaker/whiteaker.html
 
http://www.uwf.edu/~stankuli/gbm/cparker/period2/caseyh.htm
Web Structure
  • Shallow
  • Deep
  • Balanced
http://hvhs.wellington.net.nz/
http://nisus.sfusd.k12.ca.us/schwww/sch722/miralomahome.html
http://www.cupertino.k12.ca.us/Cupertino.www/index.html
http://magic.usi.edu/class97/567f97/s8/projecthome.html
School Design
  • Create a school web diagram
  • Carefully name folders/files
  • Create levels of
    • consistency
    • access
    • responsibility

Use the "Adopt a Mile" idea

Spin the Web!

Think about your current school site.

  • Does your school or classroom site contain the elements discussed?
  • What could you do to make your school site more interesting, dynamic, or appealing?
  • What could you do at the classroom level?
 
Project Development Ideas

Project Development
  • Length of Project
  • Design Web Structure
  • Plan the Site Elements
  • Manage the Project
  • Length of Project

Short-term: Virtual Field Trip

http://www.netlink.co.uk/users/itcentre/hilton/marsden

Long-term: History Project

http://oakview.fcps.edu:80/~harris/96-97/agespages/

Ongoing: Book Reviews

http://www.wizvax.net/nisk_hs/va/favorite_books.html

Overall Look & Feel
  • Site Layout
  • Involvement/Interaction
  • Focus/Theme

World Exploration

http://www.supersurf.com/

Storyline

http://www.lewis.edu/literacy/storyline.htm

Giraffe Country

http://www.giraffe.org/giraffe/

Design Web Structure
  • Organization
  • Titles
  • Headings
  • Chunk Info
  • Footers
  • Disclaimers
  • Credits
  • Contact Info

Web Structure Examples

(See Spinnin' the Web by Lamb for illustrations)
  • Rocks Rock!
  • First Aid
  • World History
  • Real-World Math

Plan the Site Elements
  • Titles
  • Core Page
  • Links
  • Navigation
  • Interaction
  • Text
  • Graphics
  • Multimedia

Designing Titles
  • Theme
  • Graphic
    • Make
    • Choose
  • Font

Wildflowers

http://www.hipark.austin.isd.tenet.edu/home/projects/first/wildflowers/wildflowers.html

Alphabet

http://www.hipark.austin.isd.tenet.edu/home/projects/first/aisfor/index.html

Patterns

http://www.hipark.austin.isd.tenet.edu/home/projects/kinder/patterns/patterns.html

Castles

http://www.hipark.austin.isd.tenet.edu/home/projects/third/castles/castles.html

Designing Core Page
  • Title
  • Index
  • Downloads
  • Feedback
  • Credits
  • Sponsors

American School in Japan

http://www.asij.ac.ap/

Example of Partners Page

http://scnc.lesa.k12.mi.us/%7Elta/partners.html

Examples of Partners Page

http://www.lighthouse.chtr.k12.ma.us/comm/comm.htm

Plan Links
  • Within a page
  • Different page, same site
  • Different page, different site
  • Other action, email, ftp, sound, movie

America Dreams

http://town.pvt.k12.ca.us/Collaborations/amproject/student.html

Links

http://nsn.bbn.com/motet/CurriculumIndex.html

Library

http://www.caledonia.k12.mi.us/CHSlibpage/CHSlibpage.html

Plan Navigation
  • List
  • Table
  • Diagram
  • Image Map
  • Web

Haiku

http://mikan.cc.matsuyama-u.ac.jp:80/~shiki/

History

http://www.rbs.edu/history/rbs/rbspage.html

Native American Stamps

http://www.inform.umd.edu/UMS+State/UMD-Projects/MCTP/Technology/School_WWW_Pages/BookReportIndex.html

Book Reviews

http://www.hipark.austin.isd.tenet.edu/home/projects/fourth/bluebonnet/review.html

School

http://www.lighthouse.chtr.k12.ma.us

Spin the Web!

Create a concept map, chart, or web showing the layout of your web project.

  • Organization
  • Titles
  • Headings
  • Chunk Info
  • Footers
  • Disclaimers
  • Credits
  • Contact Info

Sketch out the elements of your core page:

  • Title
  • Index
  • Downloads
  • Feedback
  • Credits
  • Sponsors

Create a plan for navigation:

  • List
  • Table
  • Diagram
  • Image Map
  • Web
Planning Interaction & Multimedia

Plan Interaction
  • Polls & Surveys
  • Questions & Answers
  • Quizzes
  • Adventures/Quests
  • Opportunities to Write/Draw

Crystals

http://www.ika.com/stories/menu.html

Quiz

http://tqd.advanced.org/3426/cgi-bin/Multiple_choice/multiple_choice_questions.cgi

Study Groups

http://tqd.advanced.org/10335/

Amigos

http://www.kn.pacbell.com/wired/amigos/

Plan Text
  • Font type
  • Font size
  • Justification
  • Indentation
  • Headings/Subheadings

Global Learn

http://www.globalearn.org/

Plan Graphics
  • Backgrounds
  • Lines, Bars & Icons
  • Photos & Drawings
  • Diagrams & Maps
  • Timelines
  • Scans

Ellis Island

http://www.i-channel.com/ellis/index.html

Media Builder Graphics

http://www.mediabuilder.com/

Just Jane Clip Art

http://members.tripod.com/~jane2bob/justjane.html

Global Temperature Project

http://k12science.ati.stevens-tech.edu/curriculum/temp1/

School in Australia

http://www.ozemail.com.au/~bhs56/ausvicmp.htm

Timeline

http://library.advanced.org/12663/timeline

Class Page

http://www.frii.com/~jreed/

Art Page

http://artsedge.kennedy-center.org/

International Project

http://www.best.com/~swanson/gm_stories/gm_storymenu.html

Student Art: Fifth Grade

http://www.blueridge.net/rcs/ellenboro/fifth.HTM

Student Art: Virginia

http://oakview.fcps.edu/~cassella/virginia/

Plan Multimedia
  • Animation
  • Sound
  • Movies
  • Java Applets
  • Data Collection

Animation

http://www.blueridge.net/rcs/ellenboro/fourth.HTM

Survey

http://library.advanced.org/10120/core.html
 

Spin the Web!

Create a plan for interaction:

  • Polls & Surveys
  • Questions & Answers
  • Quizzes
  • Adventures/Quests
  • Opportunities to Write/Draw

Brainstorm some multimedia elements you might incorporate into your web project.

  • Backgrounds
  • Lines, Bars & Icons
  • Photos & Drawings
  • Diagrams & Maps
  • Timelines
  • Scans
  • Animation
  • Sound
  • Movies
  • Java Applets
  • Data Collection