Your SlideShare is downloading. ×
0
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Definiton, terms and overview
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Definiton, terms and overview

1,178

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,178
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Architecture Technology Education Architecture of Learning Environments E19.2017 (Image: Zarazoga Digital Mile, accessed from http://www.interactivearchitecture.org/zaragoza-digital-mile.html)
  • 2. WEEK I & 2 Introduction to IA Definitions
  • 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. 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: http://www.time.com/time/arts/article/0,8599,1541904,00.html
  • 5. Definitions of Systems See: http://www.bredemeyer.com/definiti.htm 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. <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. 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. Information Architecture vs. Interaction and Information Design
  • 9. Classic Web-Based Information Architecture <ul><li>Traditional information architecture: </li></ul>Source: Joe Lamantia, IA, UE designer, programmer
  • 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. Readings <ul><li>Week 1: Definitions, Terms, Overview </li></ul><ul><li>Wikipedia’s definition of “Information Architecture”: </li></ul><ul><li>http://en.wikipedia.org/wiki/Information_architecture </li></ul><ul><li>Terms and concepts for software and systems architecture: </li></ul><ul><li>http://www.ossite.org/research/standards/resources/weblog.categories/definitions </li></ul><ul><li>Overview of concept of “User Experience” and relationship to information architecture: </li></ul><ul><li>http://www.paradymesolutions.com/articles/what-is-user-experience-design </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>http://www.uxmatters.com/MT/archives/000020.php </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. 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 .laptop.org/go/OLPC_Human_Interface_Guidelines/Design_Fundament als/Key_Design_Principles </li></ul>
  • 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. Background and the laptop! <ul><li>http://en.wikipedia.org/wiki/Olpc#Mission </li></ul>

×