Add payment initiation diagram to use cases document.
authorManu Sporny <msporny@digitalbazaar.com>
Wed, 18 Feb 2015 00:35:07 -0500
changeset 27 a1d0c4821983
parent 26 ef2dac8d7ef0
child 28 8b2b3f1384c1
Add payment initiation diagram to use cases document.
latest/use-cases/images/payment-initiation.svg
latest/use-cases/index.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/latest/use-cases/images/payment-initiation.svg	Wed Feb 18 00:35:07 2015 -0500
@@ -0,0 +1,71 @@
+<?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="38cm" height="10cm" viewBox="156 13 760 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g>
+    <rect style="fill: #ffffff" x="159" y="46.3142" width="165" height="40"/>
+    <rect style="fill: none; fill-opacity:0; stroke-width: 4; stroke: #000000" x="159" y="46.3142" width="165" height="40"/>
+    <text font-size="12.8" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="241.5" y="70.2142">
+      <tspan x="241.5" y="70.2142">Customer</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #ffffff" x="158.8" y="142.9" width="165" height="40"/>
+    <rect style="fill: none; fill-opacity:0; stroke-width: 4; stroke: #000000" x="158.8" y="142.9" width="165" height="40"/>
+    <text font-size="12.8" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="241.3" y="166.8">
+      <tspan x="241.3" y="166.8">Payment Agent</tspan>
+    </text>
+  </g>
+  <g>
+    <rect style="fill: #ffffff" x="647.6" y="15.9" width="86.4" height="195.1"/>
+    <rect style="fill: none; fill-opacity:0; stroke-width: 4; stroke: #000000" x="647.6" y="15.9" width="86.4" height="195.1"/>
+    <text font-size="12.8" style="fill: #000000;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="690.8" y="117.35">
+      <tspan x="690.8" y="117.35">Website</tspan>
+    </text>
+  </g>
+  <line style="fill: none; fill-opacity:0; stroke-width: 4; stroke-dasharray: 4; stroke: #000000" x1="241.5" y1="86.3142" x2="241.3" y2="142.9"/>
+  <text font-size="12.8" style="fill: #bbbbff;text-anchor:middle;font-family:sans-serif;font-style:normal;font-weight:normal" x="310.593" y="110.771">
+    <tspan x="310.593" y="110.771">Customer controls</tspan>
+    <tspan x="310.593" y="126.771">the Payment Agent</tspan>
+  </text>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 4; stroke: #000000" x1="324" y1="66.3142" x2="635.6" y2="64.7358"/>
+    <polygon style="fill: #000000" points="635.625,69.7357 645.6,64.6851 635.575,59.7359 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 4; stroke: #000000" points="635.625,69.7357 645.6,64.6851 635.575,59.7359 "/>
+  </g>
+  <g>
+    <line style="fill: none; fill-opacity:0; stroke-width: 4; stroke: #000000" x1="647.6" y1="162.225" x2="335.8" y2="162.875"/>
+    <polygon style="fill: #000000" points="335.79,157.875 325.8,162.896 335.81,167.875 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 4; stroke: #000000" points="335.79,157.875 325.8,162.896 335.81,167.875 "/>
+  </g>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="393.536" y="42.3284">
+    <tspan x="393.536" y="42.3284">1. Customer selects product or</tspan>
+    <tspan x="393.536" y="58.3284">    service to purchase</tspan>
+  </text>
+  <g>
+    <polyline style="fill: none; fill-opacity:0; stroke-width: 4; stroke: #000000" points="734,64.675 773,65 773,162 746,162.156 "/>
+    <polygon style="fill: #000000" points="745.971,157.156 736,162.213 746.029,167.156 "/>
+    <polygon style="fill: none; fill-opacity:0; stroke-width: 4; stroke: #000000" points="745.971,157.156 736,162.213 746.029,167.156 "/>
+  </g>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="347.1" y="154.5">
+    <tspan x="347.1" y="154.5">3. Payment Request is sent to Payment Agent</tspan>
+  </text>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="432.8" y="127.15">
+    <tspan x="432.8" y="127.15"></tspan>
+  </text>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="779.6" y="105">
+    <tspan x="779.6" y="105">2. Website generates</tspan>
+    <tspan x="779.6" y="121">    Payment Request</tspan>
+  </text>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="443.3" y="294.15">
+    <tspan x="443.3" y="294.15"></tspan>
+  </text>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="531.735" y="54.5835">
+    <tspan x="531.735" y="54.5835"></tspan>
+  </text>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="785.586" y="102.667">
+    <tspan x="785.586" y="102.667"></tspan>
+  </text>
+  <text font-size="12.8" style="fill: #000000;text-anchor:start;font-family:sans-serif;font-style:normal;font-weight:normal" x="869.025" y="118.93">
+    <tspan x="869.025" y="118.93"></tspan>
+  </text>
+</svg>
--- a/latest/use-cases/index.html	Wed Feb 18 00:13:28 2015 -0500
+++ b/latest/use-cases/index.html	Wed Feb 18 00:35:07 2015 -0500
@@ -196,7 +196,11 @@
 The website generates a payment request that is sent to the customer's
 <tref>payment agent</tref> for processing.
       </p>
-
+      <section>
+        <h4>Basic Flow</h4>
+        <img style="display: block; margin-left: auto; margin-right: auto;
+  max-height:100%; max-width:75%;" src="images/payment-initiation.svg">
+      </section>
       <section>
         <h4>Examples</h4>
         <ul>
@@ -231,7 +235,10 @@
 <tref>payment scheme</tref>, and also proves that the customer has
 given consent for the payment. The merchant forwards the message to MerchCo.
 The transmission of funds are initiated from the customer's financial account
-to the merchant's financial account.
+to the merchant's financial account. 
+<span class="issue">this flow isn't represented in the basic flow above, 
+is that ok? Or should we have all possible alternate flows for the use
+case documented?</span>
           </li>
         </ul>
       </section>
@@ -315,7 +322,7 @@
           </li>
           <li>
 A protocol that is capable of discovering the <tref title="payer">payer's</tref>
-<tref title="payment instrument">payment instrument(s)</tref> and the 
+<tref title="payment instrument">payment instrument(s)</tref> and the
 corresponding <tref title="payment scheme">payment scheme(s)</tref>.
           </li>
         </ul>