hydras and hypermedia
play

Hydras and Hypermedia Ian Robinson, ThoughtWorks - PowerPoint PPT Presentation

Jan 10, 2024 •487 likes •832 views

Hydras and Hypermedia Ian Robinson, ThoughtWorks http://iansrobinson.com Your friendly neighbourhood enterprise Meet the apps ERP DMS And their alter egos

  1. Hydras ¡and ¡Hypermedia ¡ Ian ¡Robinson, ¡ThoughtWorks ¡ http://iansrobinson.com ¡

  2. Your ¡friendly ¡neighbourhood ¡enterprise ¡

  3. Meet ¡the ¡apps ¡ ERP ¡ DMS ¡

  4. And ¡their ¡alter ¡egos… ¡ Wired ¡Erp ¡ Dungeon ¡Master ¡

  5. Fighting ¡Fantasy ¡

  6. Pick ¡your ¡path ¡to ¡adventure ¡

  7. The ¡goal… ¡ Find ¡ and ¡ Defeat ¡ E0920ba0'df0e-42a1-b304-a312c834fd62 ¡ ¡ the ¡ tyrannical ¡Lich-­‑Uuid ¡

  8. The ¡plan… ¡ until ¡goal ¡achieved ¡ ¡while ¡healthy ¡ ¡ ¡fight ¡ ¡| ¡flee ¡ ¡| ¡without ¡retracing ¡steps ¡ ¡ ¡| ¡north ¡ ¡ ¡| ¡east ¡ ¡ ¡| ¡west ¡ ¡ ¡| ¡south ¡ ¡| ¡investigate ¡ ¡| ¡retrace ¡steps ¡

  9. Once ¡upon ¡a ¡time… ¡ POST /quests Host: dms Content-Type: application/prs.dms+xml Content-Length: ... <difficulty>intermediate</difficulty> HTTP/1.1 201 Created Content-Type: application/prs.dms+xml Location: http://dms/quests/1/locations/1 Content-Length: ... <location> <title>Entrance</title> <summary> Your adventure begins as you descend a rope into a rubble-strewn hall. The air is cold and dank. </summary> <dimensions> <north-south>20</north-south> <east-west>20</east-west> </dimensions> <link rel="http://dms/north" type="application/prs.dms+xml" href="/quests/1/locations/2"/> <link rel="http://dms/east" type="application/prs.dms+xml" href="/quests/1/locations/3"/> <link rel="http://dms/west" type="application/prs.dms+xml" href="/quests/1/locations/4"/> </location>

  10. Heading ¡north… ¡ GET /quests/1/locations/2 HTTP/1.1 Host: dms HTTP/1.1 303 See Other Content-Type: application/prs.dms+xml Location: http://dms/quests/1/encounters/1 Content-Length: ... <link rel="related" type="application/prs.dms+xml" href="/quests/1/encounters/1"/>

  11. When ¡frameworks ¡go ¡bad… ¡ GET /quests/1/encounters/1 HTTP/1.1 Host: dms HTTP/1.1 200 OK Content-Type: application/prs.dms+xml Content-Length: ... <encounter> <title>Skeleton!</title> <summary> From out of the shadows lurches a skeleton brandishing a scimitar. </summary> <model> <instance rel="http://dms/attack"> <intention> <attack> <weapon/> <strategy/> </attack> </intention> </instance> <submission resource="/quests/1/encounters/1/fight" method="POST" mediatype="application/prs.dms+xml"/> </model> <model> <instance rel="http://dms/flee"> <intention> <flee/> </intention> </instance> <submission resource="/quests/1/encounters/1/flight" method="POST" mediatype="application/prs.dms+xml"/> </model> </encounter>

  12. Hacker… ¡ POST /quests/1/encounters/1/fight HTTP/1.1 Host: dms Content-Type: application/prs.dms+xml Content-Length: ... <intention> <attack> <weapon>sword</weapon> <strategy>slash</strategy> </attack> </intention> HTTP/1.1 201 Created Content-Type: application/prs.dms+xml Location: http://dms/quests/1/encounters/1/outcomes/1 Content-Length: ... <outcome> <title>Success</title> <summary> The skeleton shatters and its scimitar clatters to the ground. Searching the fragments, you find a silver key. </summary> <items> <link type="application/prd.dms+xml" href="/quests/1/objects/1">silver key</link> </items> <link rel="next" type="application/prs.dms+xml" href="/quests/1/locations/2"/> </outcome>

  13. Stone ¡door ¡ GET /quests/1/locations/2 HTTP/1.1 Host: dms HTTP/1.1 200 OK Content-Type: application/prs.dms+xml ETag: "FEC6956217C1" Content-Length: ... <location> <title>Stone door</title> <summary> The hall narrows, and you follow a low passage to a stone door with a deeply recessed keyhole. </summary> <dimensions> <north-south>15</north-south> <east-west>5</east-west> </dimensions> <link rel="http://dms/south" type="application/prs.dms+xml" href="/quests/1/locations/1"/> <model> <instance rel="http://dms/action"> <intention> <unlock> <key/> </unlock> </intention> </instance> <submission resource="/quests/1/locations/2" method="POST" mediatype="application/prs.dms+xml"/> </model> </location>

  14. But ¡we’ve ¡got ¡a ¡key… ¡ POST /quests/1/locations/2 HTTP/1.1 Host: dms If-Match: "FEC6956217C1" Content-Type: application/prs.dms+xml Content-Length: ... <intention> <unlock> <key>http://dms/quests/1/objects/1</key> </unlock> </intention> HTTP/1.1 412 Precondition Failed

  15. What’s ¡going ¡on? ¡ GET /quests/1/locations/2 HTTP/1.1 Host: dms If-None-Match: "FEC6956217C1" HTTP/1.1 200 OK Content-Type: application/prs.dms+xml ETag: "6809E4D87D43" Content-Length: ... <location> <title>Stone door</title> <summary> You're standing in front of a stone door with a deeply recessed keyhole. Electricity crackles around the keyhole. </summary> <dimensions> <north-south>15</north-south> <east-west>5</east-west> </dimensions> <link rel="http://dms/south" type="application/prs.dms+xml" href="/quests/1/locations/1"/> <model> <instance rel="http://dms/action"> <intention> <unlock> <key/> </unlock> </intention> </instance> <submission resource="/quests/1/locations/2" method="POST" mediatype="application/prs.dms+xml"/> </model> </location>

  16. Wait… ¡ GET /quests/1/locations/2 HTTP/1.1 Host: dms If-None-Match: "6809E4D87D43" HTTP/1.1 304 Not Modified

  17. Wait… ¡ GET /quests/1/locations/2 HTTP/1.1 Host: dms If-None-Match: "6809E4D87D43" HTTP/1.1 200 OK Content-Type: application/prs.dms+xml ETag: "871CDA1C9935" Content-Length: ... <location> <title>Stone door</title> <summary> You're standing in front of a stone door with a deeply recessed keyhole. </summary> <dimensions> <north-south>15</north-south> <east-west>5</east-west> </dimensions> <link rel="http://dms/south" type="application/prs.dms+xml" href="/quests/1/locations/1"/> <model> <instance rel="http://dms/action"> <intention> <unlock> <key/> </unlock> </intention> </instance> <submission resource="/quests/1/locations/2" method="POST" mediatype="application/prs.dms+xml"/> </model> </location>

  18. Now! ¡ POST /quests/1/locations/2 HTTP/1.1 Host: dms If-Match: "871CDA1C9935" Content-Type: application/prs.dms+xml Content-Length: ... <intention> <unlock> <key>http://dms/quests/1/objects/1</key> </unlock> </intention> HTTP/1.1 201 Created Content-Type: application/prs.dms+xml Location: http://dms/quests/1/locations/2/outcomes/1 Content-Length: ... <outcome> <title>Success</title> <summary> The key turns in the lock and the door grinds open. Beyond, a flight of steep steps lead down into the darkness. A blast of warm, fetid air issues from below, followed by an inhuman shriek. </summary> <link rel="related" type="application/prs.dms+xml" href="/quests/1/locations/2"/> <link rel="http://dms/north" type="application/prs.dms+xml" href="/quests/1/locations/5"/> <link rel="http://dms/south" type="application/prs.dms+xml" href="/quests/1/locations/1"/> </outcome>

  19. Leonard ¡Richardson's ¡Web ¡service ¡maturity ¡heuristic ¡ What? ¡ Why? ¡ How? ¡ Spreads ¡complexity ¡ URIs ¡ Divide ¡and ¡conquer ¡ around ¡ Refactor ¡ Reduces ¡complexity ¡ HTTP ¡ (Do ¡the ¡same ¡things ¡ in ¡the ¡same ¡way) ¡ Describe ¡special ¡ Makes ¡complexity ¡ Hypermedia ¡ behaviour ¡in ¡a ¡ learnable ¡ standard ¡way ¡ http://www.crummy.com/writing/ ¡

  20. HATEOAS ¡– ¡the ¡riddle ¡of ¡the ¡Sphinx ¡ Hypermedia ¡ as ¡ the ¡ Engine ¡ of ¡ Application ¡ State ¡

  21. Some ¡definitions… ¡ Application ¡protocol ¡ Application ¡state ¡ Photo ¡taken ¡from ¡Twissie’s ¡Flickr ¡stream ¡under ¡the ¡Creative ¡Commons ¡licence ¡

  22. Application ¡state ¡transitions ¡ GET POST confronting exploring skeleton entrance POST GET investigating triumphant door POST standing at top of steps

Download Presentation
Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

Recommend

1 Todays web is far from perfect Typed links and nodes The web is in many ways a very

1 Todays web is far from perfect Typed links and nodes The web is in many ways a very

What is hypermedia? Hypertext; hyperfilm; hypermedia: Curiousity: terms coined by Ted Nelson Hypermedia 1 Berners-Lees WWW proposal (1965, 11): from 1990 Let me introduce the word History and basic concepts

343 views • 3 slides
Learning Client Hypermedia from the Ground Up Mike Amundsen, API Academy / CA @mamund

Learning Client Hypermedia from the Ground Up Mike Amundsen, API Academy / CA @mamund

Learning Client Hypermedia from the Ground Up Mike Amundsen, API Academy / CA @mamund Introduction Goals Understand Hypermedia for applications Refactor a plain/json app into Hypermedia app Learn how to add features w/o

1.33k views • 120 slides
Building Hypermedia APIs with HTML Jon Moore (@jon_moore) Technical Fellow Myth #1 Hypermedia

Building Hypermedia APIs with HTML Jon Moore (@jon_moore) Technical Fellow Myth #1 Hypermedia

Building Hypermedia APIs with HTML Jon Moore (@jon_moore) Technical Fellow Myth #1 Hypermedia APIs are complex. Myth #2 HTML is only for humans using browsers. Accessibility Photo by firelizard: http://www.flickr.com/photos/firelizard5/

321 views • 11 slides
PHYLUM CNIDARIA Hydras, Jellyfish, Sea Anemones and Coral FEATURES OF CNIDARIANS

PHYLUM CNIDARIA Hydras, Jellyfish, Sea Anemones and Coral FEATURES OF CNIDARIANS

PHYLUM CNIDARIA Hydras, Jellyfish, Sea Anemones and Coral FEATURES OF CNIDARIANS Cnidarians are soft-bodied Carnivorous animals Stinging tentacles arranged in circles around their mouths They are the simplest animals to have

694 views • 10 slides
From Stacia to Hyperion and Back Again A Hypermedia Hero's Tale Mike Amundsen CA / API Academy

From Stacia to Hyperion and Back Again A Hypermedia Hero's Tale Mike Amundsen CA / API Academy

From Stacia to Hyperion and Back Again A Hypermedia Hero's Tale Mike Amundsen CA / API Academy @mamund Learning Client Hypermedia Focus on the client side code Covers human-driven &amp; M2M Lots of code! Due in fall

788 views • 36 slides
A Flexible and Efficient Presentation-Architecture for Adaptive Hypermedia: Description and

A Flexible and Efficient Presentation-Architecture for Adaptive Hypermedia: Description and

A Flexible and Efficient Presentation-Architecture for Adaptive Hypermedia: Description and Technical Evaluation Carsten Ullrich, Paul Libbrecht, Stefan Winterstein, Martin M uhlenbrock German Research Center for Artificial Intelligence

172 views • 5 slides
SUCCESSFUL DIGITAL FUNDRAISING The basics on a budget ABOUT ME Former lecturer at Hypermedia

SUCCESSFUL DIGITAL FUNDRAISING The basics on a budget ABOUT ME Former lecturer at Hypermedia

SUCCESSFUL DIGITAL FUNDRAISING The basics on a budget ABOUT ME Former lecturer at Hypermedia Research Centre Ran Rechord, a web agency working with nonprofits, for 13 years, now consulting Like LOLcats rather too much What is your biggest

619 views • 24 slides
Chapter 1 Introduction to Multimedia 1.1 What is Multimedia? 1.2 Multimedia and Hypermedia 1.3

Chapter 1 Introduction to Multimedia 1.1 What is Multimedia? 1.2 Multimedia and Hypermedia 1.3

Fundamentals of Multimedia, Chapter 1 Chapter 1 Introduction to Multimedia 1.1 What is Multimedia? 1.2 Multimedia and Hypermedia 1.3 World Wide Web 1.4 Overview of Multimedia Software Tools 1.5 Further Exploration 1 Li &amp; Drew c

388 views • 18 slides
Hypermedia Presentation Adaptation on the Semantic Web Conference Paper May 2002 DOI:

Hypermedia Presentation Adaptation on the Semantic Web Conference Paper May 2002 DOI:

See discussions, stats, and author profiles for this publication at: https://www.researchgate.net/publication/221135987 Hypermedia Presentation Adaptation on the Semantic Web Conference Paper May 2002 DOI: 10.1007/3-540-47952-X_15 Source:

330 views • 11 slides
Functional Descriptions as the Bridge between Hypermedia APIs and the Semantic Web Ruben Verborgh

Functional Descriptions as the Bridge between Hypermedia APIs and the Semantic Web Ruben Verborgh

ELIS Multimedia Lab Functional Descriptions as the Bridge between Hypermedia APIs and the Semantic Web Ruben Verborgh Thomas Steiner Davy Van Deursen Sam Coppens Joaquim Gabarro Rik Van de Walle Is following your nose

1.23k views • 41 slides
Verifying Hypermedia Applications by Using a MDE Approach Cristian Koliver - Federal University

Verifying Hypermedia Applications by Using a MDE Approach Cristian Koliver - Federal University

Introduction The Proposed Design Method Formal Verification Toolchain Conclusions Verifying Hypermedia Applications by Using a MDE Approach Cristian Koliver - Federal University of Santa Catarina, Delcino Picinin Jnior - Federal Institute

692 views • 37 slides
REST is designed for distributed hypermedia systems, such as the World Wide Web Introduced by Roy

REST is designed for distributed hypermedia systems, such as the World Wide Web Introduced by Roy

REST means Representational State T ransfer REST is designed for distributed hypermedia systems, such as the World Wide Web Introduced by Roy Fielding in 2000 via his doctoral dissertation Alternative to SOAP and CORBA Offers a simple

559 views • 6 slides
First Workshop on Hypermedia Multi-Agent Systems May 13, San Francisco, CA Andrei Ciortea, Simon

First Workshop on Hypermedia Multi-Agent Systems May 13, San Francisco, CA Andrei Ciortea, Simon

in conjunction with First Workshop on Hypermedia Multi-Agent Systems May 13, San Francisco, CA Andrei Ciortea, Simon Mayer, Fabien Gandon, Olivier Boissier @hyperagents Weaving a Web for People and Artificial Agents The World Wide Web - An

293 views • 15 slides
stories in between a presentatio n drew davidso n stories and mediums across and betwee n w ritten

stories in between a presentatio n drew davidso n stories and mediums across and betwee n w ritten

stories in between a presentatio n drew davidso n stories and mediums across and betwee n w ritten word sequential ar t hypermedia objects of study mys t hypermedia, novels, comic sandma n ultima onlin e mitternachtspiel storytelling

336 views • 14 slides
API Design Methodology Mike Amundsen API Academy / CA @mamund Introduction Learning Hypermedia

API Design Methodology Mike Amundsen API Academy / CA @mamund Introduction Learning Hypermedia

API Design Methodology Mike Amundsen API Academy / CA @mamund Introduction Learning Hypermedia Clients Focus on the client side code Covers human-driven &amp; M2M Lots of code! Due in fall 2015 @LCHBook #LCHProject

1.54k views • 120 slides
Enhancing Adaptive Hypermedia Presentation Systems 1 by Lifelike Synthetic Characters Conference

Enhancing Adaptive Hypermedia Presentation Systems 1 by Lifelike Synthetic Characters Conference

See discussions, stats, and author profiles for this publication at: https://www.researchgate.net/publication/221136061 Enhancing Adaptive Hypermedia Presentation Systems 1 by Lifelike Synthetic Characters Conference Paper August 2000 DOI:

507 views • 5 slides
1 08 Augmenting Human Intellect 08 Augmenting Human Intellect Engelbarts

1 08 Augmenting Human Intellect 08 Augmenting Human Intellect Engelbarts

Lecture overview 02: Vannevar Bush Hypermedia 2 08, 16: Douglas Engelbart; Douglas Engelbart &amp; William English Exploratory and Constructive Hypertext 11, 21, 30: Ted Nelson 54: Tim Berners-Lee

147 views • 4 slides
&quot; What needs to be done to make the REST architectural style clear on the notion that

&quot; What needs to be done to make the REST architectural style clear on the notion that

&quot; What needs to be done to make the REST architectural style clear on the notion that hypertext is a constraint? In other words, if the engine of application state (and hence the API) is not being driven by hypertext, then it cannot

860 views • 55 slides
Chapter 15 User Support and On-Line Information Active Learning with Minimalist Manuals

Chapter 15 User Support and On-Line Information Active Learning with Minimalist Manuals

Chapter 15 User Support and On-Line Information Active Learning with Minimalist Manuals Minimalist instruction Removing many of the obstacles that make learning difficult The Training Wheels Word Processor Limits the learner to

452 views • 6 slides
!&quot;#$%#&amp;'()*+,-.,%#/(0123(4#56()789( :;&amp;(8;;-,(&lt;=&gt;;&amp;?.;;-,@(

!&quot;#$%#&amp;'()*+,-.,%#/(0123(4#56()789( :;&amp;(8;;-,(&lt;=&gt;;&amp;?.;;-,@(

!&quot;#$%#&amp;'()*+,-.,%#/(0123(4#56()789( :;&amp;(8;;-,(&lt;=&gt;;&amp;?.;;-,@( 7,A6&amp;#A/$(B,$$;4C(D6#,E(F&amp;'#&amp;,,-( !&quot;#$%&amp;'% )*+,-.,%#/(0123(/-,(A;.+$,GH( !&quot;#$%&amp;(% )789(#3(;&amp;$*(E;-(6&quot;./&amp;3(

664 views • 11 slides
Conceptual Open Hypermedia = Semantic Web? Carole Goble, Sean Bechhofer Information Management

Conceptual Open Hypermedia = Semantic Web? Carole Goble, Sean Bechhofer Information Management

Conceptual Open Hypermedia = Semantic Web? Carole Goble, Sean Bechhofer Information Management Group University of Manchester, UK Leslie Carr, Wendy Hall, David De Roure Intelligence, Agents, Multimedia Group University of Southampton, UK

1.12k views • 24 slides
Twelve Patterns to Create Evolvable APIs Mike Amundsen API Academy / CA @mamund Drawings by

Twelve Patterns to Create Evolvable APIs Mike Amundsen API Academy / CA @mamund Drawings by

Twelve Patterns to Create Evolvable APIs Mike Amundsen API Academy / CA @mamund Drawings by Diogo Lucas @diogoclucas #mcaTravels http://apiacademy.co ? I want to be able to... 1. Change/Add Objects (payloads) 2. Change/Add Addresses

2.07k views • 136 slides
User m odelling for people in the context of diversity Sabine Graf Silvia Baldiris Athabasca

User m odelling for people in the context of diversity Sabine Graf Silvia Baldiris Athabasca

User m odelling for people in the context of diversity Sabine Graf Silvia Baldiris Athabasca University University of Girona Canada Spain Outline Adaptive hypermedia systems Basics on user modelling Typical user modelling

863 views • 57 slides
MESAM : A Prot eg e Plug-in for the Specialization of Models Nadjet Zemirline, Yolaine

MESAM : A Prot eg e Plug-in for the Specialization of Models Nadjet Zemirline, Yolaine

MESAM Plug-in MESAM Plug-in Implementation Conclusion MESAM : A Prot eg e Plug-in for the Specialization of Models Nadjet Zemirline, Yolaine Bourda, Chantal Reynaud and Fabrice Popineau Supelec Gif-sur-Yvette, LRI Paris-Sud university

563 views • 20 slides

More recommend