language of patterns.
classic
model.
      My Profile




       Photo
       Name    Joe Smith
       Name
      Gender   Male
      Gender
    ...
classic
model.
            Http
          Response

                     Server
           Http
          Request
classic                    rich
model.                     model.
                                 Http
       My Profile
 ...
interaction. presentation. data.


                                     page

                   Interaction

            ...
interaction. presentation. data.


                                     page

                   Interaction

            ...
interaction. presentation. data.


                                     page

                   Interaction

            ...
Interaction




Presentation
data near. interaction rich.



                   Interaction


                                  Data

                 ...
data near. interaction rich.



                   Interaction


                                  Data

                 ...
surfacing a vocabulary.
  exposing solutions.
vocabulary. patterns.
vocabulary. patterns. Modules.
  Drag and Drop. Drag and Drop                In Page Editing. In
  Page Custom Editing. Di...
patterns. immediacy.
patterns. immediacy.



pattern. Live Suggest.




pattern. Auto
Complete.
patterns. directness.
patterns. directness.




pattern. Drag and Drop.



                          pattern. Inline Editing.
patterns. invitational.
patterns. invitational.




pattern. Hover Invitation.




                pattern. Tooltip Invitation + Hover Invitation.
patterns. without boundaries.
patterns. without boundaries.




pattern. Endless Scrolling. pattern. In Context Expand.

                               ...
patterns. light footprint.
patterns. light footprint.

                      pattern. Rating an Object.




pattern. Remembered
Collection.


       ...
patterns. cinematic.
patterns. cinematic.




pattern. Fade Transition + Self-Healing Transition.




                 pattern. Slide + Fade In...
patterns. rich content.
patterns. rich content.




pattern. Shareable Object.
Yahoo! Design Pattern Library Released
2/13
Yahoo! Design Pattern Library Released
2/13
initial patterns.


             Breadcrumbs. Module Tabs.
          Navigation Tabs. Auto Complete.
         Pagination. ...
vocabulary. patterns.
vocabulary. patterns. Modules.
  Drag and Drop. Drag and Drop                In Page Editing. In
  Page Custom Editing. Di...
surfacing a vocabulary.
  exposing solutions.
Pattern
Service
Yahoo! service
          responds with a JSON
       representation of a pattern.
      Allows anyone to mashup the
      ...
Yahoo! service
                responds with a JSON
             representation of a pattern.
            Allows anyone to...
Oracle Brownbag Patterns.Key
Oracle Brownbag Patterns.Key
Upcoming SlideShare
Loading in...5
×

Oracle Brownbag Patterns.Key

1,011

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
1,011
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Oracle Brownbag Patterns.Key

  1. 1. language of patterns.
  2. 2. classic model. My Profile Photo Name Joe Smith Name Gender Male Gender Age 27 Age Submit Edit
  3. 3. classic model. Http Response Server Http Request
  4. 4. classic rich model. model. Http My Profile Response Photo Name Joe Smith Server Name Gender Male Gender Age 27 Age Submit Http Edit Request My Profile Name Joe Smith Tim Jones XHR Server Gender Male Object Age 27
  5. 5. interaction. presentation. data. page Interaction Data Data Presentation refresh boundary
  6. 6. interaction. presentation. data. page Interaction Data Data Presentation refresh boundary
  7. 7. interaction. presentation. data. page Interaction Data Data Presentation refresh boundary
  8. 8. Interaction Presentation
  9. 9. data near. interaction rich. Interaction Data Presentation
  10. 10. data near. interaction rich. Interaction Data Presentation
  11. 11. surfacing a vocabulary. exposing solutions.
  12. 12. vocabulary. patterns.
  13. 13. vocabulary. patterns. Modules. Drag and Drop. Drag and Drop In Page Editing. In Page Custom Editing. Direct State Editing. Grid Cell Editing. Inline Custom Editing. Inline Tag Editing. Popup Custom Editing. Slide-out Custom Editing. Inline Text Editing. Persistent Portals. Inline Reordering. Indication. Busy Indication. Cursor Busy. In Context Busy. In Context Progress. Inline Status. Auto Complete. Balloon Error Tip. Deferred Content Loading. Dynamic Goal. Narrowing Choices. Refining Search. Live Search. Dynamic Filter. Invitation. Cursor Invitation. Drop Invitation. Tool Tip Invitation. Hover Invitation. Detail Zoom. Opacity Focus. Configurable Module - Faceplate. Configurable Module - Flip It. Configurable Module - Inline Configure. Configurable Module - Slide Out Drawer. Slide Out. Flip. Opacity Fade. Endless Scrolling. Expandable Paging Boundary. Fresh Content. Hover Detail. In Place Drill Down. Inline Assistant. Inline Validation. Validate Then Suggest. On Demand Refresh. Periodic Refresh. Resizable Modules. Scrolling Modules. Auto Save. In Context Tools. Remembered Collection. Remembered Preferences. Auto Form Fill. Rating an Object. Transition. Brighten Transition. Cross Fade Transition. Dim Transition. Expand Transition. Fade In Transition. Fade Out Transition. Flip Transition. Move Transition. Self-Healing Transition. Collapse Transition. Slide Transition. Rich Internet Object. Available. Selected. Identifiable Object.
  14. 14. patterns. immediacy.
  15. 15. patterns. immediacy. pattern. Live Suggest. pattern. Auto Complete.
  16. 16. patterns. directness.
  17. 17. patterns. directness. pattern. Drag and Drop. pattern. Inline Editing.
  18. 18. patterns. invitational.
  19. 19. patterns. invitational. pattern. Hover Invitation. pattern. Tooltip Invitation + Hover Invitation.
  20. 20. patterns. without boundaries.
  21. 21. patterns. without boundaries. pattern. Endless Scrolling. pattern. In Context Expand. pattern. Inline Assistant. pattern. Hover Details.
  22. 22. patterns. light footprint.
  23. 23. patterns. light footprint. pattern. Rating an Object. pattern. Remembered Collection. pattern. In Page Action.
  24. 24. patterns. cinematic.
  25. 25. patterns. cinematic. pattern. Fade Transition + Self-Healing Transition. pattern. Slide + Fade In + Fade Out.
  26. 26. patterns. rich content.
  27. 27. patterns. rich content. pattern. Shareable Object.
  28. 28. Yahoo! Design Pattern Library Released 2/13
  29. 29. Yahoo! Design Pattern Library Released 2/13
  30. 30. initial patterns. Breadcrumbs. Module Tabs. Navigation Tabs. Auto Complete. Pagination. Item Pagination. Search Pagination. Ratings and Reviews. Architecture of a Review. Rating an Object. Writing a Review. Drag and Drop. Drag and Drop Modules.
  31. 31. vocabulary. patterns.
  32. 32. vocabulary. patterns. Modules. Drag and Drop. Drag and Drop In Page Editing. In Page Custom Editing. Direct State Editing. Grid Cell Editing. Inline Custom Editing. Inline Tag Editing. Popup Custom Editing. Slide-out Custom Editing. Inline Text Editing. Persistent Portals. Inline Reordering. Indication. Busy Indication. Cursor Busy. In Context Busy. In Context Progress. Inline Status. Auto Complete. Balloon Error Tip. Deferred Content Loading. Dynamic Goal. Narrowing Choices. Refining Search. Live Search. Dynamic Filter. Invitation. Cursor Invitation. Drop Invitation. Tool Tip Invitation. Hover Invitation. Detail Zoom. Opacity Focus. Configurable Module - Faceplate. Configurable Module - Flip It. Configurable Module - Inline Configure. Configurable Module - Slide Out Drawer. Slide Out. Flip. Opacity Fade. Endless Scrolling. Expandable Paging Boundary. Fresh Content. Hover Detail. In Place Drill Down. Inline Assistant. Inline Validation. Validate Then Suggest. On Demand Refresh. Periodic Refresh. Resizable Modules. Scrolling Modules. Auto Save. In Context Tools. Remembered Collection. Remembered Preferences. Auto Form Fill. Rating an Object. Transition. Brighten Transition. Cross Fade Transition. Dim Transition. Expand Transition. Fade In Transition. Fade Out Transition. Flip Transition. Move Transition. Self-Healing Transition. Collapse Transition. Slide Transition. Rich Internet Object. Available. Selected. Identifiable Object.
  33. 33. surfacing a vocabulary. exposing solutions.
  34. 34. Pattern Service
  35. 35. Yahoo! service responds with a JSON representation of a pattern. Allows anyone to mashup the patterns into a corporate pattern library Pattern Service
  36. 36. Yahoo! service responds with a JSON representation of a pattern. Allows anyone to mashup the patterns into a corporate pattern library Pattern Service Corporate Branded Pattern Site (mashup)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×