![Page 1: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/1.jpg)
Learning From Student Projects
Mark Grabe
![Page 2: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/2.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-2
Using Design As A Unifying Theme
Knowledge as design Design projects Designing a project as a way to
facilitate the design of personal knowledge.
![Page 3: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/3.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-3
Knowledge Of Design Knowledge as design consistent
with constructivist perspective Knowledge as information -
learning as transmission Knowledge as design - knowledge
adapted to a purpose Does learner have an idea how
knowledge might be used?
![Page 4: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/4.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-4
Design Of Hypermedia Student authored hypermedia
represents one type of design project.
![Page 5: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/5.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-5
Hypermedia Design Principles
Content organization Graphic design Text presentation User interface
![Page 6: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/6.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-6
Content Organization How will user experience content?
Sequence Control
![Page 7: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/7.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-7
Organization - Sequential Linear organization of elements of
information User moves forward or backward
![Page 8: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/8.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-8
Organization - Hierarchical Categories and subcategories Follow branches up or down
![Page 9: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/9.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-9
Organization - Web Complex organization of links User typically can follow multiple
links
![Page 10: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/10.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-10
Graphic Design Appearance and arrangement of
screen elements
![Page 11: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/11.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-11
Screen Layout Place and group objects to assist
the user
A grid is one way to maintain consistency
![Page 12: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/12.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-12
Grid
![Page 13: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/13.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-13
Grid With Information
![Page 14: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/14.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-14
Buttons Locate near edge unless impact
object appearing within the display
Group buttons serving similar functions together
![Page 15: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/15.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-15
Text Do not abandon grid because text is
presented Position segments of text for easier
viewing Avoid lengthy segments of solid text if
possible
Use multiple fonts and styles sparingly Be aware that the fonts available may
vary across computers
![Page 16: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/16.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-16
Interface and Navigation Allow user to interact with
information What information is available What actions are possible
![Page 17: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/17.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-17
Interface - Menus and Maps
Menu - list of topics
Map - list of topics and main links among components
![Page 18: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/18.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-18
Interface - Buttons Offer actions to user
Author establishes options User decides when actions are
taken
Establish clear expectations Descriptive words Standard icons
![Page 19: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/19.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-19
Cooperative Design Teams Cooperative learning - students work
together to help each other learn
Principles Team rewards - recognition for team
accomplishment Individual accountability - team success
based on individual accomplishments
![Page 20: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/20.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-20
Cooperative Methods Techniques of greatest relevance
Task specialization - individual students have unique roles in accomplishing group task
Group investigation - group project resulting in summary report
![Page 21: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/21.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-21
Hypercomposition Design Model
Adaptation of writing process approach (Lehrer) Planning Transforming and Translating Evaluating and Revising
![Page 22: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/22.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-22
Design - Planning The design group
Defines major topics of interest Work out how group will function Establish possible format for
presentation
![Page 23: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/23.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-23
Design - Transforming and Translating
Collect or create information Generate knowledge
Organize, summarize, and interpret
Generate publication
![Page 24: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/24.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-24
Design - Evaluation and Revision
Test software for problems Evaluate quality of communication Make adjustments as needed
![Page 25: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/25.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-25
Helping Students Design Knowledge
Perkins -- few opportunities to engage in works of mind Mostly “learn what practitioners
say rather than doing what practitioners do”
![Page 26: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/26.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-26
Apprenticeship
Teacher functions to introduce learner to the scholarship of an area Model first and then coach
![Page 27: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/27.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-27
Student Web Projects
Consider a “minimalist” approach Learn essentials and use
repeatedly
![Page 28: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/28.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-28
Web Page Components Multimedia elements (text,
graphics, sounds, etc.) HTML - hypertext markup
language tags Links to other pages
![Page 29: Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b217f8b9ab0599957f3/html5/thumbnails/29.jpg)
Copyright © Houghton Mifflin Company. All rights reserved.
9-29
Methods for Constructing Web Pages
Specialized authoring software General products such as Adobe GoLive,
Macromedia Dreamweaver Word processing program
Save As … HTML Authoring software for students
SiteCentral, MediaBlender, Ezedia