1. 1 Peter Fox Xinformatics – ITEC/CSCI/ERTH-4400/6400 Module 6b, March 8, 2016 Information architectures: theory and practice (Internet, Web, Grid, Cloud), design

2. Contents Information architectures theory and practice (Reference, Internet, Web, Grid, Cloud) Design Next classes 2

3. (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 3

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

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

6. Typical example – learning portal 6

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

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

9. Is this Architected? 9

10. Semiotic triangle When you build an information system (elements, relations, operation), it has “SYMBOLS” to stand for “SOMETHING” Design of your symbols and how they go together (architecture) enables the “THOUGHT” (or not) 10

11. Remember this one? 11

12. Examples 12

13. So, now some “design” 13

14. Design theory; elements, principles, color… Elements –Form –Value –Texture –Lines –Shapes –Direction –Size –Color Relate these to previous class, signs and relations between them 14

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

16. Balance, gradation, repetition 16

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

18. Contrast 18

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

20. Harmony, Dominance 20

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

22. Unity 22

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

24. Wheels 24

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

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

27. Back to (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

28. 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.htmlhttp://web-services.gov/fea-rmo.html 28

29. FEA Domain model 29

30. 30

31. Data Description 31

32. Data Sharing 32

33. Data Context 33

34. IA=IM? Did we just examine an enterprise reference architecture that was actually a domain (conceptual) information model along with its logical model? How about THAT! BUT… 34

35. Architectures – what is seen? Some illustrate information architecture as an iceberg. Just like an iceberg, the majority of information architecture work is out of sight, "below the water." The work includes the creation of plans, controlled- vocabularies, and blueprints all before any user interfaces are created. 35

36. Architecture paradigms Model View Controller 36

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

38. E.g. is this better? 38

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

40. Original design issues See http://www.w3.org/DesignIssues/Overview.htmlhttp://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 40

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

42. Web architectural elements 42 URI HTML HTTP Yes, this is the conceptual information model of the Web!

43. Common Gateway Interface 43 An early “architecture” that implemented the conceptual model but changed the “interface”!

44. Client – Server and multi tier 44 Interface!

45. Web page/site architecture Hierarchies, we call them levels: –Top level (the main page) –Second (and further) level (via navigation) –Balancing the levels Interface! –Remember your use case, the actors, the resources, the information model, information entropy, the signs,... Just as light relief, let’s look back… 45

46. Coupled Energetics and Dynamics of Atmospheric Regions 46

47. CEDAR 1.0 circa 1990 47

48. CEDAR 2.0 circa 1994 48

49. 49 2000

50. 50

51. Multi-tiered Interoperability

52. History: Grid (architecture) = think “interface” “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) 52

53. Open Grid Services Architecture 53

54. 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 (Cookies….) Thus, enter the need for ‘state for a defined purpose’… and the interface is important 54

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

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

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

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

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

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

61. Simple cloud “architectures” 61

62. More complex clouds 62

63. Cloud domain decompostion 63 By functional “domain”

64. Towards a reference architecture? 64

65. Back to IMs as IAs What would an information model architecture of cloud (X-as-a-service) look like? 65

66. Discussion About architecture in general? Design? Internet, web, grid, cloud? 66 Semiotics on ourselves!

67. What is next Reading for this week –IMs –Architectures –Design –Color Spring break! Assignment 4 – due March 29 Week 7 – Class presentations for assignment 3 Week 8 - More presentations and project definitions 67