ROCA: Resource-oriented Client Architecture

Slide 1

Slide 1 text

Wir lösen das – persönlich! Resource-oriented Client Architecture Holger Kraus | Stefan Tilkov | innoQ Wednesday, November 7, 12

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

© 2012 innoQ Deutschland GmbH URIs Identi es Resources http://example.com/orders?year=2008 http://example.com/customers/1234 http://example.com/orders/2007/10/776654 http://example.com/products/4554 http://example.com/processes/sal-increase-234 Wednesday, November 7, 12

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

© 2012 innoQ Deutschland GmbH Browser Server Label Label Label Next Label Label Label Next Label Label Finish HTML Page Label Label Label Label Label Label Label Label Submit Client State Wednesday, November 7, 12

Slide 24

Slide 24 text

Slide 25

Slide 25 text

© 2012 innoQ Deutschland GmbH JavaScript WTFs alert(111111111111111111111); // alerts 111111111111111110000 ("foo" + + "bar") === "fooNaN" // true // Reason: "foo" + (+"bar") === "foo" + NaN typeof NaN === 'number' // true Infinity === 1/0 // true 0.1 + 0.2 === 0.3 // false [] + [] // "" [] + {} // [object Object] {} + [] // 0 {} + {} // NaN https://www.destroyallsoftware.com/talks/wat http://oreilly.com/javascript/excerpts/javascript-good-parts/awful-parts.html http://oreilly.com/javascript/excerpts/javascript-good-parts/bad-parts.html http://wtfjs.com/ Wednesday, November 7, 12

Slide 26

Slide 26 text

Slide 27

Slide 27 text

© 2012 innoQ Deutschland GmbH 5.1.7 Code-On-Demand The ﬁnal addition to our constraint set for REST comes from the code-on-demand style of Section 3.5.3 (Figure 5-8). REST allows client functionality to be extended by downloading and executing code in the form of applets or scripts. This simpliﬁes clients by reducing the number of features required to be pre- implemented. Allowing features to be downloaded after deployment improves system extensibility. However, it also reduces visibility, and thus is only an optional constraint within REST. http://www.ics.uci.edu/~ elding/pubs/dissertation/rest_arch_style.htm#sec_5_1_7 Wednesday, November 7, 12

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Slide 37

Slide 37 text

Slide 38

Slide 38 text

Slide 39

Slide 39 text

Slide 40

Slide 40 text

Slide 41

Slide 41 text

Slide 42

Slide 42 text

Slide 43

Slide 43 text

Slide 44

Slide 44 text

Slide 45

Slide 45 text

Slide 46

Slide 46 text

Slide 47

Slide 47 text

Slide 48

Slide 48 text

Slide 49

Slide 49 text

Slide 50

Slide 50 text

Nunc tincidunt
Proin dolor
Aenean lacinia

Proin elit arcu, rutrum commodo, vehicula ...

Morbi tincidunt, dui sit amet facilisis feugiat, odio ...

Mauris eleifend est et turpis. Duis id erat ...

$("#tabs").tabs(); + Wednesday, November 7, 12

Slide 51

Slide 51 text

Slide 52

Slide 52 text

Slide 53

Slide 53 text

Slide 54

Slide 54 text

Slide 55

Slide 55 text

Slide 56

Slide 56 text

Slide 57

Slide 57 text

Slide 58

Slide 58 text

© 2012 innoQ Deutschland GmbH JS component JS glue code HTML Events Methods Component 2 Component 3 ... Layout/CSS styles styles Server / Backend Ajax initializes Base Markup responds with Wednesday, November 7, 12

Slide 59

Slide 59 text

Slide 60

Slide 60 text

Slide 61

Slide 61 text

Slide 62

Slide 62 text

Slide 63

Slide 63 text

© 2012 innoQ Deutschland GmbH Thank you! Q&A Stefan Tilkov [email protected] @stilkov Phone: +49 170 471 2625 innoQ Deutschland GmbH http://www.innoq.com Krischerstr. 100 40789 Monheim am Rhein Germany Phone: +49 2173 3366-0 innoQ Schweiz GmbH [email protected] Gewerbestr. 11 CH-6330 Cham Switzerland Phone: +41 41 743 0116 Holger Kraus [email protected] Phone: +49 151 42656093 Wednesday, November 7, 12

Slide 64

Slide 64 text

Slide 65

Slide 65 text

Slide 66

Slide 66 text

Slide 67

Slide 67 text

Slide 68

Slide 68 text

Slide 69

Slide 69 text

Slide 70

Slide 70 text

Slide 71

Slide 71 text

© 2012 innoQ Deutschland GmbH # “When a URI reference is used to perform a retrieval action on the identi ed resource, the optional fragment identi er, separated from the URI by a crosshatch (“#”) character, consists of additional reference information to be interpreted by the user agent a er the retrieval action has been successfully completed. As such, it is not part of a URI, but is o en used in conjunction with a URI.” URI Speci cation, August 1998 Wednesday, November 7, 12

Slide 72

Slide 72 text

© 2012 innoQ Deutschland GmbH # The fragment identi er component of a URI allows indirect identi cation of a secondary resource by reference to a primary resource and additional identifying information. The identi ed secondary resource may be some portion or subset of the primary resource, some view on representations of the primary resource, or some other resource de ned or described by those representations. URI Speci cation, January 2005 Wednesday, November 7, 12