HTML fixes and diagram addition for Payee Initiated Processing use case
authorCastillo Laurent <lcastillo@7CKYTZ1.gemalto.com>
Wed, 04 Mar 2015 16:52:19 +0100
changeset 608 9eb952cea10e
parent 604 300ccb8b6acc
child 609 95561356cc07
HTML fixes and diagram addition for Payee Initiated Processing use case
latest/use-cases/images/payee-initiated-processing.dia
latest/use-cases/images/payee-initiated-processing.svg
latest/use-cases/index.html
Binary file latest/use-cases/images/payee-initiated-processing.dia has changed
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/latest/use-cases/images/payee-initiated-processing.svg	Wed Mar 04 16:52:19 2015 +0100
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/PR-SVG-20010719/DTD/svg10.dtd">
+<svg width="30cm" height="20cm" viewBox="79 19 582 382" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke-linejoin: round; stroke: #000000" d="M 260,71 A 6,6 0 0 0 254,65"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-linejoin: round; stroke: #000000" x1="180" y1="65" x2="254" y2="65"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke-linejoin: round; stroke: #000000" d="M 260,119 A 6,6 0 0 0 266,125"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-linejoin: round; stroke: #000000" x1="260" y1="71" x2="260" y2="119"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-linejoin: round; stroke: #000000" x1="266" y1="125" x2="469" y2="125"/>
+    <polygon style="fill: #000000" points="469,130 479,125 469,120 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="469,130 479,125 469,120 "/>
+  </g>
+  <g>
+    <rect style="fill: #ffffff" x="80" y="20" width="100" height="180"/>
+    <rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="80" y="20" width="100" height="180"/>
+    <text font-size="12.7998" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="130" y="114.8">
+      <tspan x="130" y="114.8">Payee</tspan>
+    </text>
+  </g>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="130" y="110">
+    <tspan x="130" y="110"></tspan>
+  </text>
+  <text font-size="12.7998" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="342.225" y="110">
+    <tspan x="342.225" y="110"></tspan>
+  </text>
+  <g>
+    <rect style="fill: #ffffff" x="480" y="20" width="180" height="40"/>
+    <rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="480" y="20" width="180" height="40"/>
+    <text font-size="12.7998" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="570" y="44.8">
+      <tspan x="570" y="44.8">Payer</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #ffffff" x="480" y="100" width="180" height="100"/>
+    <rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="480" y="100" width="180" height="100"/>
+    <text font-size="12.7998" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="570" y="154.8">
+      <tspan x="570" y="154.8">Payment Agent</tspan>
+    </text>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #000000" x1="400" y1="40" x2="460" y2="40"/>
+  <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 4; stroke: #000000" x1="570" y1="60" x2="570" y2="100"/>
+  <g>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke-linejoin: round; stroke: #000000" d="M 260,169 A 6,6 0 0 0 266,175"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-linejoin: round; stroke: #000000" x1="480" y1="175" x2="266" y2="175"/>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke-linejoin: round; stroke: #000000" d="M 260,159.95 A 4.94975,4.94975 0 0 0 255.05,155"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-linejoin: round; stroke: #000000" x1="260" y1="169" x2="260" y2="159.95"/>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke-linejoin: round; stroke: #000000" x1="255.05" y1="155" x2="191" y2="155"/>
+    <polygon style="fill: #000000" points="191,150 181,155 191,160 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="191,150 181,155 191,160 "/>
+  </g>
+  <g>
+    <rect style="fill: #ffffff" x="80" y="280" width="100" height="120"/>
+    <rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="80" y="280" width="100" height="120"/>
+    <text font-size="12.7998" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="130" y="344.8">
+      <tspan x="130" y="344.8">Processor</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #ffffff" x="300" y="20" width="84.45" height="180"/>
+    <rect style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x="300" y="20" width="84.45" height="180"/>
+    <text font-size="12.7998" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="342.225" y="114.8">
+      <tspan x="342.225" y="114.8">User Agent</tspan>
+    </text>
+  </g>
+  <g>
+    <path style="fill: none; fill-opacity:0; stroke-width: 2; stroke-dasharray: 20; stroke: #000000" d="M 480 200 C 380,240 280,240 190.213,204.085"/>
+    <polygon style="fill: #000000" points="192.07,199.443 180.928,200.371 188.356,208.728 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="192.07,199.443 180.928,200.371 188.356,208.728 "/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="105" y1="200" x2="105" y2="269"/>
+    <polygon style="fill: #000000" points="100,269 105,279 110,269 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="100,269 105,279 110,269 "/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" x1="155" y1="280" x2="155" y2="211"/>
+    <polygon style="fill: #000000" points="160,211 155,201 150,211 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 2; stroke: #000000" points="160,211 155,201 150,211 "/>
+  </g>
+  <text font-size="13.0272" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="228" y="57">
+    <tspan x="228" y="57">1</tspan>
+  </text>
+  <text font-size="13.0272" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="227" y="173">
+    <tspan x="227" y="173">2</tspan>
+  </text>
+  <text font-size="13.0272" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="89" y="244">
+    <tspan x="89" y="244">3</tspan>
+  </text>
+  <text font-size="13.0272" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="164" y="243.5">
+    <tspan x="164" y="243.5">4</tspan>
+  </text>
+  <text font-size="13.0272" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="324" y="252.15">
+    <tspan x="324" y="252.15">2'</tspan>
+  </text>
+</svg>
--- a/latest/use-cases/index.html	Tue Mar 03 17:41:20 2015 +0100
+++ b/latest/use-cases/index.html	Wed Mar 04 16:52:19 2015 +0100
@@ -98,6 +98,7 @@
 This document is a work in progress and is being released early and often
 using an agile process; it is incomplete.
     </p>
+	<p>
 The Web Payments IG has only had the opportunity to review a handful of the
 40+ use cases, 120+ requirements, and hundreds of pages of
 payments research submitted to the group via various other standards group
@@ -164,6 +165,7 @@
 proof of funds or proof of hold. ACH and SEPA payment schemes generally do
 not support Verification of Available Funds, thus in these payment schemes
 the particular proof of funds step is skipped.
+	</p>
     <p>
 It is also important to note that these phases and steps may be be interrupted
 at various times (e.g., one party drops out, or exceptions occur like
@@ -355,7 +357,7 @@
 purchase. The store generates a payment request which is then forwarded to
 her <tref>payment agent</tref>. For more information on what happens
 next, see the <a href="#choosing-a-payment-instrument">
-choosing a payment instrument</a> use case</a>.
+choosing a payment instrument</a> use case.
           </li>
           <li>
 Merchant POV: A FarmCo <tref>customer</tref> selects a 10 kg bag of grass
@@ -888,12 +890,12 @@
       
       <section>
         <h4>Basic Flow</h4>
-        <ol style="float: left;">
+        <ol>
           <li>
 Payment Request is sent to Payment Agent via User Agent.
           </li>
           <li>
-Payment Agent sends Instrument Proof to Payee (direct callback or via User Agent).
+Payment Agent sends Instrument Proof to Payee (via User Agent or 2' direct callback).
           </li>
           <li>
 Payee sends payment details and Instrument Proof to its Processor.
@@ -902,6 +904,7 @@
 Processor returns a Payment Proof to the merchant.          	
           </li>
         </ol>
+        <img style="display: block; max-height:100%; min-width: 40em; max-width:60%;" src="images/payee-initiated-processing.svg"></img>
       </section>
       
       <section>