summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVrishali Doke2013-03-01 05:52:07 (EST)
committer Sven Rottstock2013-03-11 07:39:15 (EDT)
commit6a649c80bd856400bdb396dc3540ceb6fb6bff9e (patch)
tree1085d3f79531b5fda4869c4e501cff76c6fbf0cf
parentf6fcfad11768214df3ab7012ffaacb71b4ee64ea (diff)
downloadorg.eclipse.stardust.documentation-6a649c80bd856400bdb396dc3540ceb6fb6bff9e.zip
org.eclipse.stardust.documentation-6a649c80bd856400bdb396dc3540ceb6fb6bff9e.tar.gz
org.eclipse.stardust.documentation-6a649c80bd856400bdb396dc3540ceb6fb6bff9e.tar.bz2
CRNT-28121 - Added UI mashup app details
git-svn-id: http://emeafrazerg/svn/ipp/product/trunk/stardust/documentation@63388 8100b5e0-4d52-466c-ae9c-bdeccbdeaf6b
-rw-r--r--org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/embed-html.pngbin0 -> 27292 bytes
-rw-r--r--org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/param.pngbin2142 -> 11969 bytes
-rw-r--r--org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/test-ui.pngbin0 -> 13307 bytes
-rw-r--r--org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-comment.pngbin4417 -> 2826 bytes
-rw-r--r--org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-doc.pngbin0 -> 1863 bytes
-rw-r--r--org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-mash-prop.pngbin19280 -> 12268 bytes
-rw-r--r--org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-prim.pngbin0 -> 1997 bytes
-rw-r--r--org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-struct.pngbin0 -> 2057 bytes
-rw-r--r--org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/url-config.pngbin0 -> 6048 bytes
-rw-r--r--org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/pep-application.htm89
10 files changed, 67 insertions, 22 deletions
diff --git a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/embed-html.png b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/embed-html.png
new file mode 100644
index 0000000..fb56998
--- /dev/null
+++ b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/embed-html.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/param.png b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/param.png
index 2420668..1eea7c5 100644
--- a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/param.png
+++ b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/param.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/test-ui.png b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/test-ui.png
new file mode 100644
index 0000000..556641f
--- /dev/null
+++ b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/test-ui.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-comment.png b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-comment.png
index 851266b..435bcf3 100644
--- a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-comment.png
+++ b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-comment.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-doc.png b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-doc.png
new file mode 100644
index 0000000..4eea87c
--- /dev/null
+++ b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-doc.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-mash-prop.png b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-mash-prop.png
index 5a33395..d63c2cf 100644
--- a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-mash-prop.png
+++ b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-mash-prop.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-prim.png b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-prim.png
new file mode 100644
index 0000000..f1a18fd
--- /dev/null
+++ b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-prim.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-struct.png b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-struct.png
new file mode 100644
index 0000000..cd6eb67
--- /dev/null
+++ b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/ui-struct.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/url-config.png b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/url-config.png
new file mode 100644
index 0000000..68c0c40
--- /dev/null
+++ b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/images/url-config.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/pep-application.htm b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/pep-application.htm
index 86249f0..508e4c2 100644
--- a/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/pep-application.htm
+++ b/org.eclipse.stardust.docs.analyst/html/handbooks/modelling_analyst/pep-application.htm
@@ -37,8 +37,8 @@ more details on applications, refer to
<ul>
<li><a href="#mt">Message Transformation Application</a></li>
<li><a href=#cam>Camel Route Application</a></li>
- <!-- <li>Web Service Application</li>
- <li>UI Mashup</li> -->
+ <!-- <li>Web Service Application</li>-->
+ <li><a href="#mash">UI Mashup</a></li>
</ul></li>
<li><a href="#refap">Working with Referenced Application</a></li>
@@ -49,8 +49,8 @@ more details on applications, refer to
<ul>
<li>Message Transformation Application</li>
<li>Camel Route Application</li>
- <!-- <li>Web Service Application</li>
- <li>UI Mashup</li> -->
+ <!-- <li>Web Service Application</li>-->
+ <li>UI Mashup</li>
</ul>
<p>To create any of these applications, perform the following steps:</p>
<ol>
@@ -87,8 +87,8 @@ panel. You can view and edit properties of following applications:</p>
<ul>
<li><a href="#mt">Message Transformation Application</a></li>
<li><a href="#cam">Camel Route Application</a></li>
- <!-- <li><a href="#web">Web Service Application</a></li>
- <li><a href="#mash">UI Mashup</a></li> -->
+ <!-- <li><a href="#web">Web Service Application</a></li> -->
+ <li><a href="#mash">UI Mashup</a></li>
</ul>
<h3 id="mt">Message Transformation Application</h3>
@@ -414,25 +414,48 @@ press <strong>Enter</strong>.</li>
<p>To auto-complete the keywords press <strong>Ctrl+Spacebar</strong>.</p>
-<!--
+
<h3 id="mash">UI Mashup</h3>
<p>Following properties are displayed:</p>
<p class="image"><img src="images/ui-mash-prop.png"
alt=""> <br>
-<strong>Figure:</strong> Fields with No Mapping Expressions</p>
+<strong>Figure:</strong> Properties - UI Mashup Application</p>
<ul>
<li>UUID - A unique identifier ID gets generated as an identifier for client server communication</li>
- <li>ID - Default ID of the application</li>
+ <li>ID - An ID generated automatically based on the application name.
+ If element with the same name exists then during ID generation, a numerical suffix gets added to the ID.
+ If the element is renamed, the ID gets regenerated.
+</li>
<p>The <strong>UUID</strong> and <strong>ID</strong> options are displayed only when you switch to
<a href="model-views/pep-panels.html">Integrator</a> profile.</p>
<li>Application Name - Specify name of the application</li>
<li>Description - Specify the description</li>
+ <li>Public Visibility - By default, this check box is selected. It indicates that the element is visible and available for reference from any other model.
+ </li>
<li>Configuration - To configure the UI mashup application, specify following properties:
<ul>
- <li>URL - Specify an arbitrary URL for your application.</li>
+ <li>URL - If selected, you need to specify URL for your application.</li>
+ <p class="image"><img src="images/url-config.png"
+ alt=""> <br>
+<strong>Figure:</strong> Parameter Mapping</p>
+ <li>Embedded - If selected, you can choose options to generate HTML Markup.
+ These options generate HTML code using the data mappings set up on the <strong>Parameters</strong> tab
+ and displays it in the HTML Markup editor. The HTML editor is provided for review and development of the
+ embedded HTML code. You can also paste the code in the editor from the clipboard.
+ Following options are provided to generate markup for:
+ <ul>
+ <li>HTML5/Angular JS</li>
+ <li>JQuery - Currently, this option is supported.</li>
+ <li>HTML5 Wrapper Code Only</li>
+
+
+ <p class="image"><img src="images/embed-html.png" alt=""> <br>
+ <strong>Figure:</strong> Parameter Mapping</p>
+
+ </ul></li>
<li>Parameter Definition - To define input/output parameters, click the
<strong>Add</strong> <img src="images/add-ui.png"> icon. The parameter gets added to parameter
definition table.</li>
@@ -451,33 +474,55 @@ press <strong>Enter</strong>.</li>
</li>
<li>Data Type - Following data types are supported:
<ul>
- <li>Primitive - If you select Primitive data type, you need to provide primitive type.</li>
+ <li>Primitive - If you select Primitive data type, you need to provide Primitive Type.</li>
+ <p class="image"><img src="images/ui-prim.png" alt=""> <br>
+ <strong>Figure:</strong> Primitive</p>
+ <li>Structured Data - If you select structured data, you need to provide Structure Type.</li>
- <p class="image"><img src="images/prim-type.png" alt=""> <br>
- <strong>Figure:</strong> Primitive Type</p>
- <li>Data Structure - If you select data structure, you need to provide structure type.</li>
- <p class="image"><img src="images/data-structure.png" alt=""> <br>
- <strong>Figure:</strong> Data Structure</p>
+ <p class="image"><img src="images/ui-struct.png" alt=""> <br>
+ <strong>Figure:</strong> Structured</p>
<li>Document - If you select document data type, you need to provide document type.</li>
- <p class="image"><img src="images/doc-type.png" alt=""> <br>
- <strong>Figure:</strong> Data Structure</p>
-
+ <p class="image"><img src="images/ui-doc.png" alt=""> <br>
+ <strong>Figure:</strong> Document</p>
</ul>
</li>
-
+
</ul></li>
+ <li>Test -
+ <ul>
+ <li>Reinitialize Data Input Fields - Generates the JSON from data mappings defined on the Parameters tab and displays it in the Input Data area.</li>
+ <li>Reinitialize External Data Application - Initializes the web application in the Preview area with the input JSON.</li>
+ <li>Retrieve Output Data - Returns the data output from the web application and displays the JSON in the Output Data area.</li>
+ <li>Input Data area - Displays the JSON generated by the Initialize Data Input Fields button. It should be in proper JSON notation, and allow data values to be entered.
+ </li>
+ <li>Output Data area - Displays the JSON generated by the Retrieve Data Input Fields button. It should be in proper JSON notation.</li>
+ <li>Preview area - Renders the web application with the data input as it would appear in the portal. Data can be entered or modified in the web application to facilitate testing.
+
+ </li>
+
+
+ </ul></li>
+
+ <p class="image"><img src="images/test-ui.png" alt=""> <br>
+ <strong>Figure:</strong> Test - UI Mashup Application</p>
+ <p class="note"><strong>Note</strong> -
+ The Test tab functionality is provided only for Preview purpose.
+
+ </p>
<li>Comments - Click the <strong>Comments</strong> tab to add comments for the application.
To add the comment, specify the comment in the text box and click <strong>Submit</strong>.
To delete the comment, select the comment and click the <strong>Delete</strong> icon.
- The user, who has submitted the comment, can delete that comment.</li>
+ The user, who has submitted the comment, can delete that comment. If the other user selects the comment
+ or no comment is selected,
+ the Delete icon remains in disabled state.</li>
<p class="image"><img src="images/ui-comment.png"
alt=""> <br>
<strong>Figure:</strong> Comments</p>
-</ul> -->
+</ul>
<!--
<h3 id="web">Web Service Application</h3>
<p>Following properties are displayed:</p>