Definiton, terms and overview


Published on

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Definiton, terms and overview

  1. 1. Architecture Technology Education Architecture of Learning Environments E19.2017 (Image: Zarazoga Digital Mile, accessed from
  2. 2. WEEK I & 2 Introduction to IA Definitions
  3. 3. Connetions between computers and people <ul><li>According to Moreville and Rosenfeld (pp 12-15): </li></ul><ul><li>A. Concepts </li></ul><ul><li>1. Complex Systems : Context, Content, Users </li></ul><ul><li>2. Invisible work : Interface is seen and the IA is not </li></ul><ul><li>3. Networks (who sees and does what) </li></ul><ul><li>4. Information seeking behavior </li></ul><ul><li>B. Systems: </li></ul><ul><li>Search interface </li></ul><ul><li>Navigation systems </li></ul><ul><li>Semantic systems </li></ul><ul><li>C. Deliverables (helping people see the invisible): </li></ul><ul><li>Wireframes </li></ul><ul><li>Blueprints </li></ul><ul><li>Vocabularies </li></ul><ul><li>Metadata schema </li></ul>
  4. 4. What is architecture? <ul><li>Architecture, definitions from Merriam-Webster’s Online Dictionary: </li></ul><ul><li>1:  the art or science of building; specifically : the art or practice of designing and building structures and especially habitable ones </li></ul><ul><li>2 a: formation or construction resulting from or as if from a conscious act <the architecture of the garden> </li></ul><ul><li>b:  a unifying or coherent form or structure <the novel lacks architecture > </li></ul><ul><li>… 5:  the manner in which the components of a computer or computer system are organized and integrated </li></ul>Source:,8599,1541904,00.html
  5. 5. Definitions of Systems See: A system is a collection of components organized to accomplish a specific function or set of functions. A system can be described by one or more models, possibly from different viewpoints .
  6. 6. <ul><li>The combination of organization, labeling, and navigation schemes within an information system. </li></ul><ul><li>The structural design of an information space to facilitate task completion and intuitive access to content. </li></ul><ul><li>The art and science of structuring and classifying web sites and intranets to help people find and manage information. </li></ul><ul><li>An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape. </li></ul>From Peter Morville, author and head of Semantic Studios: “ Definition of Information Architecture”
  7. 7. Structures that build the Learning Environment: <ul><li>Information Architecture </li></ul><ul><li>Software Architecture </li></ul><ul><li>Database Architecture </li></ul><ul><li>Interaction Design </li></ul><ul><li>Information Design </li></ul><ul><li>Visual Design </li></ul><ul><li>Media Types </li></ul><ul><li>Media Platforms (LMS, wikis, blogs, virtual reality environments…) </li></ul>
  8. 8. Information Architecture vs. Interaction and Information Design
  9. 9. Classic Web-Based Information Architecture <ul><li>Traditional information architecture: </li></ul>Source: Joe Lamantia, IA, UE designer, programmer
  10. 10. Information Architecture 2.0 <ul><li>Now everyone is a designer, the architecture is decentralized , open, permeable, the ecology is collaborative and social … </li></ul>
  11. 11. Readings <ul><li>Week 1: Definitions, Terms, Overview </li></ul><ul><li>Wikipedia’s definition of “Information Architecture”: </li></ul><ul><li> </li></ul><ul><li>Terms and concepts for software and systems architecture: </li></ul><ul><li> </li></ul><ul><li>Overview of concept of “User Experience” and relationship to information architecture: </li></ul><ul><li> </li></ul><ul><li>Typical design and development process with team roles: http: //iainstitute . org/tools/download/DesignProcess_color . pdf </li></ul><ul><li>A template for a “Design Review Process” with key milestones: </li></ul><ul><li>Overview of “Information Architecture 2.0”, or how info. architecture has changed in the web 2.0 era: </li></ul><ul><li> </li></ul><ul><li>Beyond the internet, a sampling of cybernetic structures, interactive technology in 3-dimensional architectural environments: http://www. interactivearchitecture .org / </li></ul>
  12. 12. Week 2 <ul><li>Exemplar, One Laptop Per Child (OLPC): Jan. 30, 2008 </li></ul><ul><li>OLPC’s wiki-based design document, “key design principles”: </li></ul><ul><li>http: //wiki als/Key_Design_Principles </li></ul>
  13. 13. Notice… <ul><li>Open source… architecture emerges from a simple navigational structure. </li></ul><ul><li>Structure is clear: Menu on left hand side with Tabs running along the top center. </li></ul><ul><li>Layers? Three! Article, Discussions with the edit page beneath it. </li></ul><ul><li>Many languages </li></ul><ul><li>Multiple ways to contribute and enter into the community. Lots of motivation to login and start your activity. </li></ul>
  14. 14. Background and the laptop! <ul><li> </li></ul>