Fluid Design Patterns Allison Bloodworth JA-SIG Unconference 11/12/07.

Slides:

Advertisements

Similar presentations

Getting Started with Dreamweaver DREAMWEAVER MX. Getting Started with Dreamweaver Contents –What Can Dreamweaver MX Do? –Dreamweaver Learning and Support.

Advertisements

GRASP: Designing Objects with Responsibilities

Design Patterns: What they are, what they’re not, and why you should care Jenifer Tidwell Boston IxDA Thursday, September 20, 2007.

Colin Clark, Fluid Project Technical Lead, University of Toronto Daphne Ogle, Fluid Project Design Lead, University of California, Berkeley.

Using the Semantic Web to Construct an Ontology- Based Repository for Software Patterns Scott Henninger Computer Science and Engineering University of.

Understand Web Services

Applying Architectural Styles and Patterns. Outline  Defining Architectural Patterns and Style The activation model Styles and Quality Attributes  Common.

Part 3: Design Days 15, 19, 21, 23 Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction.

Fundamentals of Software Development 1Slide 1 Gang of Four The beginnings… The original “patterns” idea was from architecture – there are repeatable patterns.

Finding Information Online Objectives: Students will be able to distinguish between web search tools and library search tools and understand the types.

Introduction to Software Architecture. What is Software Architecture?  It is the body of methods and techniques that help us to manage the complexities.

Introduction to Design Patterns (1). “ In software engineering, a design pattern is a general reusable solution to a commonly occurring problem in software.

1 Notification Service JA-SIG June 6, 2006 One stop shopping Jon Atherton Mark Mara.

Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.

Course Instructor: Aisha Azeem

Domain-Specific Software Engineering Alex Adamec.

Architectural Design.

Web Design and Patterns CMPT 281. Outline Motivation: customer-centred design Web design introduction Design patterns.

 A set of objectives or student learning outcomes for a course or a set of courses.  Specifies the set of concepts and skills that the student must.

Accessibility for Rich Internet Applications: Colin Clark, Fluid Project Technical Lead, Adaptive Technology Resource Centre Techniques & Toolkits.

CLARIN tools for workflows Overview. Objective of this document  Determine which are the responsibilities of the different components of CLARIN workflows.

Allison Bloodworth, Senior User Interaction Designer, Educational Technology Services, University of California - Berkeley May 7, 2008 Open Source Design.

CSCI-383 Object-Oriented Programming & Design Lecture 4.

Colin Clark, Fluid Project Technical Lead, Adaptive Technology Resource Centre, University of Toronto Daphne Ogle, Senior User Interaction Designer, UC.

1 WEB Engineering Introduction to Electronic Commerce COMM1Q.

Fluid Design Pattern Library Allison Bloodworth 9/27/07.

Department of Informatics, UC Irvine SDCL Collaboration Laboratory Software Design and sdcl.ics.uci.edu 1 Informatics 121 Software Design I Lecture 12.

What's all going around ?!? Hamed Shayan

Introduction to Design Patterns (1). Definition: “ In software engineering, a design pattern is a general reusable solution to a commonly occurring problem.

Sakai UI Design Patterns Design Patterns WG: Marc Brierley, Colin Clark, Kathy Moore, Daphne Ogle, Judy Stern, (also Tim Archer, Kristol Hancock)

CM602: Effective Systems Development

Usability Pattern-Oriented Design: Usability Pattern-Oriented Design: Maximizing Reusability of Pattern Languages over the Web Homa Javahery Human-Centered.

1 WEB Engineering E-Commerce Strategy & Management COM350.

101 User Interface Patterns and its applications Tonya Groover Department of Computer Science.

Chapter 7 Extras Dr. Cheryl Seals COMP7620/7626. Chapter 7 Links Research-Based Web Design & Usability Guidelines evidence based guidelines collected.

SOFTWARE DESIGN AND ARCHITECTURE LECTURE 27. Review UML dynamic view – State Diagrams.

Odyssey A Reuse Environment based on Domain Models Prepared By: Mahmud Gabareen Eliad Cohen.

Design engineering Vilnius The goal of design engineering is to produce a model that exhibits: firmness – a program should not have bugs that inhibit.

Design Patterns Introduction What is a Design Pattern? Why were they developed? Why should we use them? How important are they?

GRASP: Designing Objects with Responsibilities

Elizabeth Furtado, Vasco Furtado, Kênia Sousa, Jean Vanderdonckt, Quentin Limbourg KnowiXML: A Knowledge-Based System Generating Multiple Abstract User.

Task-oriented approach to information handling support within web-based education Lora M. Aroyo 15 November 2001.

Allison Bloodworth, Senior User Interaction Designer, Educational Technology Services, University of California - Berkeley July 3, 2008 Open Source Design.

Anastasia Cheetham, Software Designer, Adaptive Technology Resource Centre, University of Toronto Whirlwind Tour of Progress to Date.

Solving the Mapping Problem in UI Design by Seamless Integration in I DEAL XML Francisco Montero LoUISE Research Group University of Castilla-La Mancha.

CMPS 435 F08 These slides are designed to accompany Web Engineering: A Practitioner’s Approach (McGraw-Hill 2008) by Roger Pressman and David Lowe, copyright.

COMP9321 Web Application Engineering Semester 2, 2015 Dr. Amin Beheshti Service Oriented Computing Group, CSE, UNSW Australia Week 7 1COMP9321, 15s2, Week.

Digital Libraries1 David Rashty. Digital Libraries2 “A library is an arsenal of liberty” Anonymous.

Advanced Object-Oriented Design Patterns and Architectures Part One COEN396A John Xiao

Design Patterns: Elements of Reusable Object- Orientated Software Gamma, Helm, Johnson, Vlissides Presented By: David Williams.

Cooperative Computing & Communication Laboratory A Survey on Transformation Tools for Model-Based User Interface Development Robbie Schäfer – Paderborn.

Software Reuse Course: # The Johns-Hopkins University Montgomery County Campus Fall 2000 Lecture # 2 - September 14, 2004.

SAIP 19 - Software Architecture in the Future. The book says … ABC Revisited Architecture and Legacy Systems Achieving an Architecture From Architecture.

HCI Meeting 1 Thursday, August 26. Class Activities [1] Student questionnaire Answer the following questions: 1.When and where was the computer mouse.

The Design Process A bluffer’s guide to interface design A ‘proper’ Design process.

From Use Cases to Implementation 1. Structural and Behavioral Aspects of Collaborations  Two aspects of Collaborations Structural – specifies the static.

Sakai UI Design Patterns Design Patterns WG 12-Jun-2007, 14:05 Marc Brierley.

Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.

From Use Cases to Implementation 1. Mapping Requirements Directly to Design and Code  For many, if not most, of our requirements it is relatively easy.

Usability of Interaction Patterns Katarina Segerståhl 1,2, * & Timo Jokela 1 1) Department of Information Processing Sciences, P.O.Box 3000, FIN

COMP9321 Web Application Engineering Semester 2, 2016

Introduction to Design Patterns

Design Patterns Introduction

Software Design and Architecture

Software Maintenance

Objects, Patterns, Idioms, and Architecture

Onno Kubbe Design Rule Ontology Onno Kubbe 12/2/2018.

An Introduction to Software Architecture

FRAMEWORKS AND REUSE What is “Framework”?

Presentation transcript:

Fluid Design Patterns Allison Bloodworth JA-SIG Unconference 11/12/07

What is a pattern? A pattern is a proven solution to a common problem in a specified context There may be many different implementations of each pattern “Each pattern is a three-part rule, which expresses a relation between a certain context, a problem, and a solution” [Alexander 1979].

Software Engineering Patterns Organization Process Product Organizational Patterns (Coplien, 1998, Cockburn, 1997) Business Reengineering Patterns (Beedle, 1997) Steps and Task Patterns (Ambler, 1998; Coplien, 1995) Process Improvement Patterns (Appleton, 1997) HCI Patterns (Tidwell, 1998) Software Design Patterns (Gamma, 1995) People Pedagogical Patterns (Manns, 1996) Human-to-Human Communication Patterns (Cockburn, 1997) From: Maximizing Reusability of Pattern Languages over the Web, Homa Javahery,

Why use UI patterns? To help designers and developers create the proper user interface for a specific context Design patterns libraries may: Be very general or organization-specific Communicate best practices & reusable design knowledge Prescribe specific guidelines/act as style guide replacements Connect to component libraries

Pattern Libraries - Tidwell

Pattern Libraries - van Welie

Pattern Libraries - Yahoo!

Pattern Libraries - UC Berkeley

Pattern Libraries - Moudil

What are Fluid UI Design Patterns? Open Source Design Patterns (OSDP) Library Used for: Help with implementing components Document patterns found in Fluid applications (standards) Bring together patterns from other collections which are helpful to Fluid applications Space for Fluid communities to grow their own design pattern libraries ???

OSDP Library Audiences Junior interaction designers & new designers to the community Developers who need to design the UIs they build More experienced designers Creators of patterns

Pattern Library Issues Proper granularity for a pattern Serve one organization or many/all? Use classification hierarchies or tags? Use mark-up language to facilitate reuse (e.g. PLML)?

Example: Drag & Drop Pattern Tells you what to think about when implementing the Reorderer component Lightbox Drag-and-drop tabs Portlet Reorderer

Drag & Drop Pattern

Advice on creating a pattern library First of all, read all the articles and books etc. related to this topic to get started. Second, it is really important to understand organization's culture to select suitable patterns and create tool for sharing and managing patterns. And, when you have created the library, you need to find the ways to keep the library living. From ui-patterns-authors mailing list

What can you do to help? How do you currently design and implement user interface elements? How might you use UI design patterns and Fluid (or other) components? What additional information might you need?

More Pattern Resources Yahoo! UI Patterns Authors mailing list: pattern-authors/ pattern-authors/ The Pattern Gallery: atterns/gallery.html atterns/gallery.html