Designing Web-based Learning Environments   Anyone can create a web page, but it takes planning to create an effective web-based learning environment.   Why reinvent the wheel? The first step in design is exploration. Look for models. What are other people doing?   We'll focus on unique web projects that go beyond posting artwork or sharing papers. We'll also explore a spectrum of student-produced web projects, examine alternative project management options, and compare web page development tools. Project Design: Assignment Ideas Think about the assignment: What's the purpose? What's the expected outcome? Enhance what you do now Create a new project Examine their outcomes, activities, and assessments. Indiana Bat Gibbon ThinkQuest ThinkQuest Jr. CyberFair Childnet International Explore student project starting points KidSpace - Seven Super Sites Kid's Ring Kids on the Net Explore sites that are by kids and for kids KidZ Magazine Midlink Magazine There's a spectrum of projects you might wish to explore. Informational. Text, graphics, and other data are presented and links are provided to additional resources. Instructional. Tutorials, practice environments, or simulations help teach, practice, or apply new concepts. Creativity. New ideas are presented. Informational Identify resources Evaluate materials Organize information Link to remote resources Originate information Keep it up to date or remove it Hurricane Project   Spider Instructional Kids teaching kids Study and review Practice tests Making web pages   Using the computer Creativity Investigations Scientific Inquiry Oral Histories Communications Focus on Writing, Visuals, Multimedia Inquiry - Starter What we already know What we want to learn What we learned How we found out Banana Inquiry - Advanced Identify a problem Provide background Design a study Study locally Provide guidelines for others Study globally Provide FAQs What we learned & how we shared Frog Oral History Projects Focus on a time, people, or place Narratives: text, audio, visuals Issues: text, audio, visuals Resources: essays, timeline, glossary, bib Background, Lessons, Reflections Feedback 1968   WWII Focus on Writing Letters Journals Diaries Lab Experiments Descriptions Persuasive Writing Poetry Recipes Students writing projects School poem Laura Ingalls Wilder Fun recipes Focus on Visuals: Paper or Computer Generated Photos Drawings Paintings ClipArt Wildflower PhotoShop Photos: enhance, combine Titles: cool lettering, combine with visuals Visuals: create Farmington Student File Management Convert to JPEG: photos, gradients GIF: line drawings, simple colors Paste into web software   KidPix, KidWorks ... Drawing Painting Pictures Lettering Sounds Slide Shows Kidpix Creativity Software Imagination Express Amazing Writing Machine Claris for Kids Children's Writing Center Timeliner Inspiration Screen Capture Full Shot FlashIt Snapz Capture Grabber Focus on Multimedia Audio Video Animation Slide Shows PowerPoint HyperStudio KidPix Web Multimedia Runs in web browser web browser with plugin separate software Government Sounds AU, AIFF, WAV, MIDI, Real Audio Sound Companion Clip Art Print Shop Print Artist Art Explosion ClickArt Master Clips Online Sources Mining Co Animation NCRTEC Hotbot Yahooligans Sharing & Credit Make your own Use public clipart Ask for permission Policy Spin the Web! Which of the following areas will you include in your web-based project? Informational Instructional Creativity Where is your focus for communication? Writing Visual Multimedia Project Design: Tips Baby Steps One page Multiple pages linked to core Multiple projects linked to core http://www.davison.k12.mi.us/elementary/life.htm Use Thumbnails Small: photographs, scanned drawings http://www.davison.k12.mi.us/elementary/plants.htm Make it Interactive Activity: matching, identification Quiz Call for participation Call for feedback http://www.davison.k12.mi.us/elementary/balquiz.htm Share An Experience Guest Speaker Field Trip Practicum Oral History Play Program http://www.tesan.vuurwerk.nl/partblad4.htm http://www.wcape.school.za/mickle/scrooge/scrooge.htm Core Page Plus Class overview + student projects Map + Timeline + http://www.schools.ash.org.au/elanorah/oil.htm Think Different Pages Screens Posters Maps Arrows http://www.dayah.com/periodic/ Create Your Own Show a model, students create Show an example, students make http://www.nyu.edu/projects/julian/index.html Start with Clip Art Provide a photograph a drawing a painting a line drawing Discuss, persuade, debate, identify ... Reach Out! Within school Within community Around the world http://www.zip.com.au/~elanora/polygon.htm Make it ongoing By topic By child http://www.hobart.k12.in.us/joanne/timmy.html Collaborate Snail Mail Email Web Projects stuffed animals lab equipment books scrapbooks writing and art projects http://www.coweta.k12.ga.us/woes/Raschen/georgcal.htm http://www.coweta.k12.ga.us/woes/Raschen/groff.htm Share with Others Kids sharing with kids Teachers sharing with teachers http://ftp1.vc.attjens.co.jp/vc_02/them/report/frm_repo.htm   Web Tools Web Development Tools Claris Home Page Adobe Pagemill Microsoft Front Page Browser Creators: Composer Freebies: AOL Applications: Word, Pagemaker Kid's Tools 7 Design Disasters Distracting Backgrounds Irritating Sounds Wild Animations Crazy Colors Teenie Weenie Fonts Annoying Alignment Slow-loading Graphics http://ghs.bcsd.k12.il.us/projects/students/oceanliners/ http://gjhs.bcsd.k12.il.us/spald.htm http://members.aol.com/Ermine/index.html http://www.geocities.com/EnchantedForest/1957/rocksandgems.html Cool Design Ideas Match the "design" to the theme Provide background info Use easy navigation Include credits, contacts http://trinculo.educ.sfu.ca/pgm/depress/greatdepress.html Wizard Projects Turn your frog into a prince Take an existing project and make it new! http://www.davison.k12.mi.us/dms/projects/women/alphabet.htm http://www.davison.k12.mi.us/dms/gallery/gallery.html http://marin.marin.k12.ca.us/~whitehill/rome/index.html Project Management Students Time Technology Coordinating your sheep Manage Students Individual vs Team assignments Team vs Whole project They need to know… who, is doing what, when what, is due, when Project Headquarters Board Manage Time Project timeline Team timeline Group schedule Individual schedule Self-management Team support/spirit Manage Technology Whole class access Team access Individual access Computer Special equipment digital camera, scanner, video Internet Establish a schedule Just Do It! Explore some models, Find a friend http://www.hisurf.com/~enchanted/ Spin the Web! Review some of the design tips. Pick two that you might integrate into your project.