1 / 67

Peter Fox Xinformatics – ITEC/CSCI/ERTH-4400/6400 Week 8, March 26, 2013

Information architectures theory and practice (Internet, Web, Grid, Cloud) and class project definitions. Peter Fox Xinformatics – ITEC/CSCI/ERTH-4400/6400 Week 8, March 26, 2013. Contents. Review of last class, reading

xuan
Download Presentation

Peter Fox Xinformatics – ITEC/CSCI/ERTH-4400/6400 Week 8, March 26, 2013

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Information architectures theory and practice (Internet, Web, Grid, Cloud) and class project definitions Peter Fox Xinformatics – ITEC/CSCI/ERTH-4400/6400 Week 8, March 26, 2013

  2. Contents • Review of last class, reading • Information architecturestheory and practice (Reference, Internet, Web, Grid, Cloud) and class project definitions • Project assignment • Next classes

  3. Data-Information-Knowledge Ecosystem Producers Consumers Experience Data Information Knowledge Creation Gathering Presentation Organization Integration Conversation Context

  4. (Information) Architecture • Definition: • “is the art of expressing a model or concept of information used in activities that require explicit details of complex systems” (wikipedia) • “… I mean architect as in the creating of systemic, structural, and orderly principles to make something work - the thoughtful making of either artifact, or idea, or policy that informs because it is clear.” Wuman

  5. Is this a good example?

  6. More detail to connect us • “The term information architecture describes a specialized skill set which relates to the interpretation of information and expression of distinctions between signs and systems of signs.” (wikipedia, emphasis added)

  7. Meaning not deep thought • “Information architecture is the categorization of information into a coherent structure, preferably one that the most people can understand quickly, if not inherently. • It's usually hierarchical, but can have other structures, such as concentric or even chaotic.” (wikipedia)

  8. An example – learning portal

  9. And relation to design? • “In the context of information systems design, information architecture refers to the analysis and design of the data stored by information systems, concentrating on entities, their attributes, and their interrelationships. • It refers to the modeling of data for an individual database and to the corporate data models an enterprise uses to coordinate the definition of data in several (perhaps scores or hundreds) of distinct databases. • The "canonical data model" is applied to integration technologies as a definition for specific data passed between the systems of an enterprise. • At a higher level of abstraction it may also refer to the definition of data stores.” (wikipedia)

  10. Art or skill? • Form follows function (Sullivan) – who put this into effect in building structures, homes? • Based on two previous foundations classes, information theory and signs, it should be clear that the answer is ‘yes’ (both).

  11. Design theory • Elements • Form • Value • Texture • Lines • Shapes • Direction • Size • Color • Relate these to previous class, signs and relations between them

  12. Examples

  13. Remember this one?

  14. Principles of design • Balance • Balance in design is similar to balance in physics • Gradation • of size and direction produce linear perspective. • of color from warm to cool and tone from dark to light produce aerial perspective. • can add interest and movement to a shape. • from dark to light will cause the eye to move along a shape. • Repetition • with variation is interesting, without variation repetition can become monotonous. 

  15. Balance, gradation, repetition

  16. Principles of design • Contrast • is the juxtaposition of opposing elements e.g. opposite colors on the color wheel - red / green, blue / orange etc. • in tone or value - light / dark. • in direction - horizontal / vertical. • The major contrast in a painting should be located at the center of interest. • Too much contrast scattered throughout a painting can destroy unity and make a work difficult to look at. • Unless a feeling of chaos and confusion are what you are seeking, it is a good idea to carefully consider where to place your areas of maximum contrast.

  17. Contrast

  18. Principles of design • Harmony • in painting is the visually satisfying effect of combining similar, related elements. e.g. adjacent colors on the color wheel, similar shapes etc. • Dominance • gives a scene interest, counteracting confusion and monotony • can be applied to one or more of the elements to give emphasis

  19. Harmony, Dominance

  20. Principles of design • Unity • Relating the design elements to the idea being expressed in a rendering reinforces the principal of unity. • E.g. a scene with an active aggressive subject would work better with a dominant oblique direction, course, rough texture, angular lines etc. whereas a quiet passive subject would benefit from horizontal lines, soft texture and less tonal contrast. • in a painting also refers to the visual linking of various elements of the work.

  21. Unity

  22. Color • Primary Colors - Red, Yellow, Blue - these colors should not be intermingled, they must be bought together in some other form • Secondary Color - Orange, Violet, Green, these colors are created by mixing two primaries. • Intermediate Colors - Red Orange, Yellow Green, Blue Violet, etc.; mixing a primary with a secondary creates these colors. • Complementary Colors - are colors that are opposite each other on the color wheel.  When placed next to each other they look bright and when mixed together they neutralize each other. 

  23. Wheels

  24. Color applied • Harmony is when an artist uses certain combinations of colors that create different looks or feelings        • Analogous Colors are colors that are next to each other on the color wheel for example red, red orange, and orange are analogous colors. • Triadic Harmony is where three equally spaced colors on the color wheel are used for example, Yellow, Red, Blue is a triadic harmony color scheme. • Monochromatic is where one color is used but in different values and intensity.

  25. Color applied • Warm colors are on one side of the color wheel and they give the felling of warmth for example red, orange and yellow are the color of fire and feel warm. • Cool colors are on the other side of the color wheel and they give the feeling of coolness for example blue, violet, are the color of water, and green are the color of cool grass.

  26. Reference architectures • “provides a proven template solution for an architecture for a particular domain. It also provides a common vocabulary with which to discuss implementations, often with the aim to stress commonality. • A reference architecture often consists of a list of functions and some indication of their interfaces (or APIs) and interactions with each other and with functions located outside of the scope of the reference architecture.” (wikipedia)

  27. U.S. Federal Enterprise Arch • E.g. The Federal Enterprise Architecture Reference Model Ontology (FEA-RMO) is a domain specific ontology of the Federal Enterprise Architecture reference models. • FEA-RMO directly translates the Performance, Business, Service Component, and Technical reference models into their executable representation in OWL-DL. • http://web-services.gov/fea-rmo.html

  28. FEA Domain model

  29. Data Description

  30. Data Sharing

  31. Data Context

  32. MVC • Model • View • Controller

  33. Internet/ Intranet • Communications versus information architecture? • http://www.slideshare.net/postwait/scalable-internet-architecture • See the reading for this week, RFC1958 and the role of the Internet Engineering Task Force (IETF) and the Request for Comment Process

  34. E.g.

  35. WWW • Design for the web (Tim Berners Lee) • “Principles such as simplicity and modularity are the stuff of software engineering; decentralization and tolerance are the life and breath of Internet. To these we might add the principles of least powerful language, and the test of independent invention when considering evolvable Web technology.”

  36. Original design issues • See http://www.w3.org/DesignIssues/Overview.html • Here are the criteria and features to be considered: • Intended uses of the system. • Availability on which platforms? • Navigational techniques and tools: browsing, indexing, maps, resource discovery, etc • Keeping track of previous versions of nodes and their relationships • Multiuser access: protection, editing and locking, annotation. • Notifying readers of new material available • The topology of the web of links • The types of links which can express different relationships between nodes

  37. Original design issues • These are the three important issues which require agreement between systems which can work together • Naming and Addressing of documents • Protocols • The format in which node content is stored and transferred • Implementation and optimization • Caching , smart browsers, knowbots etc., format conversion, gateways

  38. Web architectural elements URI HTML HTTP

  39. Common Gateway Interface

  40. Client – Server and multi tier

  41. Web page/site architecture • Hierarchies, we call them levels: • Top level (the main page) • Second (and further) level (via navigation) • Balancing the levels • Remember your use case, the actors, the resources, the information model, information entropy, the signs, ...

  42. CEDAR 1.0 circa 1990

  43. CEDAR 2.0 circa 1994

  44. 2000

  45. Multi-tiered Interoperability

  46. Grid • “One of the main strategies of Grid computing is to use middleware to divide and apportion pieces of a program among several computers, sometimes up to many thousands. • Grid computing involves computation in a distributed fashion, which may also involve the aggregation of large-scale cluster computing based systems.” (wikipedia)

  47. “What is the Grid?” • A Three Point Checklist, Ian Foster lists these primary attributes: • Computing resources are not administered centrally • Open standards are used. • Nontrivial quality of service is achieved.

  48. Open Grid Services Architecture

More Related