Adaptive and evolvable apps

Transcript

1. Adap%ve(and(evolvable(applica%ons Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 1
2. What%is%hypermedia? Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 2
3. What%does%it%look%like? Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 3
4. How$can$I$make$use$of$it$in$my$ apps? Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 4
5. There%are%two%types%of%API%client Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 5
6. Machine(driven Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 6
7. Human&driven Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 7
8. Consider)the)web)browser Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 8
9. The$data Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 9
10. What%the%client%should%do%next Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 10
11. Hypermedia*is*defined*by*the* presence*of*applica5on*control* informa5on*embedded*within,*or*as* a*layer*above,*the*presenta5on*of* informa5on —"Roy"Fielding Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 11
12. <a href=“http://example.org/next”>next</a> Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 12
13. <form method=“GET” action=“http://example.org/search”> Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 13
14. <img src=“http://example.org/thing.gif” title=“thing”> Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 14
15. A"browser"is"designed"so"that"its" hypermedia"affordances"are" controlled"by"humans Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 15
16. What%about%when%the%consumer%is%a% smartphone/web%applica4on? Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 16
17. Hypermedia*Applica.on*Language { "_links": { "self": { "href": "/orders/1" }, "next": { "href": "/orders/2" } }, "_embedded": { "items": [ { "_links": { "self": { "href": "/items/1" } } "price": "10" } ] }, "total": "10" } Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 17
18. HAL$contains$two$types$of$link$affordance Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 18
19. Outbound(naviga-onal { "_links": { "self": { "href": "http://example.org/thing/2" }, "prev": { "href": "http://example.org/thing/1" }, "next": { "href": "http://example.org/thing/3" } } } Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 19
20. Embedded { "_embedded": { "things": [ { ... } ] } } Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 20
21. This%allows%the%message%to%contain% both%the%data%and%the%context Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 21
22. Less$logic$in$the$client Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 22
23. weluse/hyperagent Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 23
24. { "_links": { "self": { "href": "http://example.org/thing/2" }, "prev": { "href": "http://example.org/thing/1" }, "next": { "href": "http://example.org/thing/3" } } } Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 24
25. root.links['next'].fetch().then(function (thing) { // do something with the 'next' item }); Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 25
26. Clients(can(adapt(to(change Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 26
27. The$server$can$evolve$independently$ from$the$client Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 27
28. URLs Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 28
29. Avoid&assembling&URLs var link = 'http://example.org/thing/' + id; Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 29
30. Use$a$link$template$on$the$home$if$you$need$to$convert$an$id$to$a$URL { "_links": { "self": { "href": "/" }, "thing": { "href": "http://example.org/thing/{id}", "templated": "true" } } } Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 30
31. Link%templates%with%hyperagent var link = root.link('thing', { id: id }); Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 31
32. RFC6570()(URI(Templates Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 32
33. JSON%Schema Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 33
34. { "title": "Example Schema", "type": "object", "properties": { "firstName": { "type": "string" }, "lastName": { "type": "string" }, "age": { "description": "Age in years", "type": "integer", "minimum": 0 } }, "required": ["firstName", "lastName"] } Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 34
35. JSON%Form (or$Angular$Schema$Form) Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 35
36. Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 36
37. Three%good%things Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 37
38. • Hypermedia • Link.templates • JSON.Schema Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 38
39. One$goal Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 39
40. Put$control$back$on$the$server Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 40
41. React&to&change&in&a&posi.ve&way Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 41
42. Ben$Longden CTO$Inviqa @blongden Adap%ve(and(evolvable(applica%ons(0(Ben(Longden 42