Top Banner
1 Peter Fox Xinformatics – ITEC 6961/CSCI 6960/ERTH-6963- 01 Week 6, March 23, 2010 Information architectures theory and practice (Internet, Web, Grid, Cloud) and class exercise for project definitions
60
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: slides

1

Peter Fox

Xinformatics – ITEC 6961/CSCI 6960/ERTH-6963-01

Week 6, March 23, 2010

Information architectures theory and practice (Internet, Web, Grid, Cloud) and class

exercise for project definitions

Page 2: slides

Contents• Review of last class, reading

• Information architectures theory and practice (Internet, Web, Grid, Cloud) and class exercise for project definitions

• Discussion of reading

• Project assignment

• Next class

2

Page 3: slides

Micro life cycle of data

Page 4: slides

(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

4

Page 5: slides

Is this a good example?

5

Page 6: slides

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)

6

Page 7: slides

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)

7

Page 8: slides

An example – learning portal

8

Page 9: slides

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)

9

Page 10: slides

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).

10

Page 11: slides

Design theory• Elements

– Form– Value– Texture– Lines– Shapes– Direction– Size– Color

• Relate these to last class, signs and relations between them

11

Page 12: slides

Examples

12

Page 13: slides

Remember this one?

13

Page 14: slides

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. 14

Page 15: slides

Balance, gradation, repetition

15

Page 16: slides

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.

16

Page 17: slides

Contrast

17

Page 18: slides

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 painting interest, counteracting confusion

and monotony – can be applied to one or more of the elements to

give emphasis

18

Page 19: slides

Harmony, Dominance

19

Page 20: slides

Principles of design• Unity

– Relating the design elements to the idea being expressed in a painting reinforces the principal of unity.

– eg. a painting 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. 20

Page 21: slides

Unity

21

Page 22: slides

Color• Primary Colors - Red, Yellow, Blue these color

cannot be mixed, they must be bought in some 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. 

22

Page 23: slides

Wheels

23

Page 24: slides

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. 24

Page 25: slides

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.

25

Page 26: slides

Warm - cool

26

Page 27: slides

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

Page 28: slides

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

28

Page 29: slides

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.”

29

Page 30: slides

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

30

Page 31: slides

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, gateways31

Page 32: slides

Web architectural elements

32

URIHTMLHTTP

Page 33: slides

Common Gateway Interface

33

Page 34: slides

Client – Server and multi tier

34

Page 35: slides

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 entropy, the signs, ...

35

Page 36: slides

CEDAR 1.0 circa 1990

36

Page 37: slides

CEDAR 2.0 circa 1994

37

Page 38: slides

38

2000

Page 39: slides

39

Page 40: slides

Multi-tiered Interoperability

Page 41: slides

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)

41

Page 42: slides

“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.

42

Page 43: slides

Open Grid Services Architecture

43

Page 44: slides

Statefull versus stateless• A key distinction between Grids and Web

environments is state, i.e. the knowledge of ‘who’ knows and remembers ‘what’

• Increasingly there is a need for maintaining some form of state, i.e. reducing information entropy in web and internet-based architectures

• Thus, enter the need for ‘state for a defined purpose’…

44

Page 45: slides

Cloud• "a computing capability that provides an

abstraction between the computing resource and its underlying technical architecture (e.g., servers, storage, networks), enabling convenient, on-demand network access to a shared pool of configurable computing resources that can be rapidly provisioned and released with minimal management effort or service provider interaction.” (wikipedia)

• Logical extension of virtualization

• Often tied to the cost model 45

Page 46: slides

Primary Benefits of Cloud Computing• To deliver a future state architecture that captures the promise of Cloud

Computing, architects need to understand the primary benefits of Cloud computing

• Decoupling and separation of the business service from the infrastructure needed to run it (virtualization)

• Flexibility to choose multiple vendors that provide reliable and scalable business services, development environments, and infrastructure that can be leveraged out of the box and billed on a metered basis—with no long term contracts

• Elastic nature of the infrastructure to rapidly allocate and de-allocate massively scalable resources to business services on a demand basis

• Cost allocation flexibility for customers wanting to move CapEx into OpEx

• Reduced costs due to operational efficiencies, and more rapid deployment of new business services

46

Page 47: slides

Software as a service (SaaS)• A SaaS provider typically hosts and manages

a given application in their own data center and makes it available to multiple tenants and users over the Web.

• Some SaaS providers run on another cloud provider’s PaaS or IaaS service offerings.

• Oracle CRM On Demand, Salesforce.com, and Netsuite are some of the well known SaaS

47

Page 48: slides

Infrastructure as a service (IaaS)• is the delivery of hardware (server, storage and

network), and associated software (operating systems virtualization technology, file system), as a service. It is an evolution of traditional hosting that does not require any long term commitment and allows users to provision resources on demand.

• Unlike PaaS services, the IaaS provider does very little management other than keep the data center operational and users must deploy and manage the software services themselves--just the way they would in their own data center. Amazon Web Services Elastic Compute Cloud (EC2) and Secure Storage Service (S3) are examples of IaaS offerings. 48

Page 49: slides

Platform as a service (Paas)• is an application development and deployment platform

delivered as a service to developers over the Web.• facilitates development and deployment of applications without

the cost and complexity of buying and managing the underlying infrastructure, providing all of the facilities required to support the complete life cycle of building and delivering web applications and services entirely available from the Internet.

• consists of infrastructure software, and typically includes a database, middleware and development tools.

• A virtualized and clustered grid computing architecture is often the basis for this infrastructure software.

49

Page 50: slides

Platform as a service (Paas)• Some PaaS offerings have a specific programming language

or API. • For example, Google AppEngine is a PaaS offering where

developers write in Python or Java. • EngineYard is Ruby on Rails. • Sometimes PaaS providers have proprietary languages like

force.com from Salesforce.com and Coghead, now owned by SAP

50

Page 51: slides

Simple cloud architectures

51

Page 52: slides

More complex clouds

52

Page 53: slides

More details…

53

Page 54: slides

Cloud domain decompostion

54

By functional domain

Page 55: slides

Towards a reference architecture?

55

Page 56: slides

Discussion• About architecture in general?

• Design?

• Internet, web, grid, cloud?

56

Page 57: slides

Reading for this week• Is both retrospective and prospective

57

Page 58: slides

Project Assignment• Analysis of existing information system

content and architecture, critique, redesign and prototype redeployment

• Due May 11, that’s 7 weeks

• Teams?

58

Page 59: slides

Let’s look at these:• http://esg.ucar.edu

• http://tw.rpi.edu

• http://www.bco-dmo.org/

• http://www.opendap.org/

• http://www.coolhomepages.com/

• 50 best web sites of 2009

• Worst web sites

• Others?

59

Page 60: slides

What is next• Week 7 – Assignment 3 presentations

• Reading for this week– Architectures– Life cycle

• Week 8 – Information life-cycle and project definition check in/ discussion

60