Skip to content

Commit 5a55356

Browse files
bthompsbthomps
committed
initial set up
1 parent 3173df4 commit 5a55356

26 files changed

Lines changed: 2228 additions & 0 deletions

‎TransformationMap/en/details.html‎

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
<!DOCTYPE html>
2+
3+
4+
<html class="no-js" lang="en">
5+
6+
7+
<!-- header::Start -->
8+
<head>
9+
<!-- Use Internet Explorer 9 Standards mode for Eclipse Browser Control - https://www.eclipse.org/swt/faq.php#browsernativeie and https://msdn.microsoft.com/en-us/library/jj676915%28v=vs.85%29.aspx -->
10+
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
11+
12+
<meta http-equiv="Pragma" content="no-cache">
13+
<meta http-equiv="Expires" content="-1">
14+
15+
16+
<meta charset="UTF-8">
17+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
18+
19+
<meta name="abstract" content="IBM Integration Bus V10 Tutorial">
20+
<meta name="author" content="IBM">
21+
<meta name="description" content="IBM Integration Bus V10 Tutorial">
22+
<meta name="keywords" content="keywords" >
23+
<meta name="robots" content="index,follow">
24+
<meta name="source" content="IBM Integration Bus V10 Tutorial" />
25+
26+
<title>IBM Integration Bus V10 Tutorial</title>
27+
28+
<link rel="stylesheet" href="../../css/main.css" />
29+
30+
<script src="../../js/iibv10/json2.js"></script>
31+
<script src="../../js/iibv10/js2java.js"></script>
32+
<script src="../../js/vendor/modernizr.js"></script>
33+
</head>
34+
<!-- header::End -->
35+
<!-- body::Start -->
36+
<body>
37+
<!-- body content here -->
38+
<div class="row">
39+
<div class="small-12 medium-12 large-12 columns">
40+
<p> </p>
41+
</div>
42+
</div>
43+
<div class="row">
44+
<div class="small-9 medium-9 large-9 columns">
45+
<h4>Transformation using XSL in a message flow</h4>
46+
</div>
47+
<div class="small-3 medium-3 large-3 columns">
48+
<a href="#" class="small right">IBM Knowledge Center</a>
49+
</div>
50+
</div>
51+
<hr>
52+
<div class="row">
53+
<div class="small-12 medium-12 large-12 columns">
54+
<h5> Learn how to use an XML Transformation node to transform data using an XML Stylesheet in an IBM Integration Bus message flow by exploring this simple example. </h5>
55+
</div>
56+
</div>
57+
<div class="row content-details">
58+
<div class="small-6 medium-6 large-6 columns">
59+
<div class="row">
60+
<h5> OVERVIEW </h5>
61+
</div>
62+
<div class="row">
63+
64+
65+
<p> This tutorial demonstrates a simple message flow which receives XML data over HTTP. The flow transforms the input XML structure into a different output XML structure using an XML Transformation node (whose behavior is based on a stylesheet, and sends this back to the HTTP request. </p>
66+
67+
<p> In IBM Integration Bus, message flows can be used to transform input data structures into output data structures. Several transformation options are provided including an XML Transformation node, a graphical data mapping node, a Compute node (which uses ESQL), a JavaCompute node (which can navigate data using an IBM Integration Bus Java API or JAXB) and a .NET Compute node. </p>
68+
69+
</div>
70+
</div><!-- End Columns -->
71+
<div class="small-offset-1 small-5 medium-offset-1 medium-5 large-offset-1 large-5 columns">
72+
<div class="row">
73+
<div class="panel radius" style="margin:0px; margin-bottom:10px; padding:5px">
74+
<div class="row">
75+
<div class="small-2 medium-2 large-2 columns">
76+
<img class="icon-image" src="../../images/icons/ibmdesign/clock-time_128.png">
77+
</div>
78+
<div class="small-10 large-10 columns">
79+
This tutorial takes approximately <b>5 minutes</b>.
80+
</div>
81+
</div>
82+
<div class="row" style="margin-left: 1rem; text-align: center">
83+
<action>
84+
<div class="small radius button" id="startTutorial" onclick="startTutorialFromDetailsScreen()"> Start Tutorial
85+
</div>
86+
</action>
87+
<div class="small radius button" id="backToGallery" onclick="backToGallery()"> Back To Gallery
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
<div class="row content-details">
93+
<div class="small-6 medium-6 large-6 columns">
94+
<h5> Tutorial Topics </h5>
95+
<ul>
96+
97+
98+
<li>XML Transformation node</li>
99+
100+
<li>XML parsing and writing</li>
101+
102+
</ul>
103+
</div>
104+
<div class="small-6 medium-6 large-6 columns">
105+
<h5>Learning outcomes </h5>
106+
<ul>
107+
108+
109+
<li>Use IBM Integration Bus to create and invoke a message flow which transforms data using an XML stylesheet.</li>
110+
111+
</ul>
112+
</div>
113+
</div>
114+
</div>
115+
</div></body>
116+
<script src="../../js/vendor/jquery.js"></script>
117+
<script src="../../js/vendor/foundation.min.js"></script>
118+
<script src="../../js/main.js"></script>
119+
</body>
120+
<!-- body::End -->
121+
122+
</html>

‎TransformationMap/en/steps.html‎

Lines changed: 237 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,237 @@
1+
<!DOCTYPE html>
2+
3+
4+
<html class="no-js" lang="en">
5+
6+
7+
<!-- header::Start -->
8+
<head>
9+
<!-- Use Internet Explorer 9 Standards mode for Eclipse Browser Control - https://www.eclipse.org/swt/faq.php#browsernativeie and https://msdn.microsoft.com/en-us/library/jj676915%28v=vs.85%29.aspx -->
10+
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
11+
12+
<meta http-equiv="Pragma" content="no-cache">
13+
<meta http-equiv="Expires" content="-1">
14+
15+
16+
<meta charset="UTF-8">
17+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
18+
19+
<meta name="abstract" content="IBM Integration Bus V10 Tutorial">
20+
<meta name="author" content="IBM">
21+
<meta name="description" content="IBM Integration Bus V10 Tutorial">
22+
<meta name="keywords" content="keywords" >
23+
<meta name="robots" content="index,follow">
24+
<meta name="source" content="IBM Integration Bus V10 Tutorial" />
25+
26+
<title>IBM Integration Bus V10 Tutorial</title>
27+
28+
<link rel="stylesheet" href="../../css/main.css" />
29+
30+
<script src="../../js/iibv10/json2.js"></script>
31+
<script src="../../js/iibv10/js2java.js"></script>
32+
<script src="../../js/vendor/modernizr.js"></script>
33+
</head>
34+
<!-- header::End -->
35+
<!-- body::Start -->
36+
<body>
37+
<!-- body content here -->
38+
<div class="row">
39+
<div class="small-12 medium-12 large-12 columns">
40+
<p> </p>
41+
</div>
42+
</div>
43+
<div class="row">
44+
<div class="small-9 medium-9 large-9 columns">
45+
<h4>Transformation using XSL in a message flow</h4>
46+
</div>
47+
<div class="small-3 medium-3 large-3 columns">
48+
<div class="row">
49+
<a href="javascript:;" onclick="openHelpSystem('/com.ibm.etools.msgbroker.helphome.doc/help_home_msgbroker.htm')" class="small right helplink">IBM Knowledge Center</a>
50+
</div>
51+
</div>
52+
</div>
53+
<hr>
54+
<div class="row">
55+
<div class="small-9 medium-10 large-10 columns">
56+
<h5> Learn how to use an XML Transformation node to transform data using an XML Stylesheet in an IBM Integration Bus message flow by exploring this simple example. </h5>
57+
</div>
58+
<div class="small radius button right" id="backToGallery" onclick="backToGallery()"> Back To Gallery
59+
</div>
60+
</div>
61+
62+
<div class="row">
63+
<div class="small-12 medium-12 large-12 columns">
64+
<ul class="tabs vertical">
65+
<li class="tab-title tab-title-small active">
66+
<a href="#panel11" onclick="show('panel11')">Overview</a>
67+
</li>
68+
<li class="tab-title tab-title-small">
69+
<a href="#panel21" onclick="show('panel21')">Create</a>
70+
</li>
71+
<li class="tab-title tab-title-small">
72+
<a href="#panel31" onclick="show('panel31')">Prepare</a>
73+
</li>
74+
<li class="tab-title tab-title-small">
75+
<a href="#panel41" onclick="show('panel41')">Run</a>
76+
</li>
77+
</ul>
78+
<!-- editing -->
79+
<div class="tabs-content panel-thin-blue vertical">
80+
<div class="content active" id="panel11">
81+
<div class="small-12 medium-12 large-12 columns">
82+
<div class="row content-details">
83+
<h4>Overview</h4>
84+
85+
86+
<p> This tutorial demonstrates a simple message flow which receives XML data over HTTP. The flow transforms the input XML structure into a different output XML structure using an XML Transformation node (whose behavior is based on a stylesheet, and sends this back to the HTTP request. </p>
87+
88+
<p> You will import the message flow to your Integration Toolkit workspace, deploy it to your default integration server, and invoke the message flow by using the Flow exerciser. </p>
89+
90+
</div>
91+
92+
<div class="row content-details">
93+
<h4>Find out more</h4>
94+
<ul>
95+
96+
97+
<li> <a href="javascript:;" onclick="openHelpSystem('/com.ibm.etools.mft.doc/bi12002_.htm')" title="Knowledge Center link to Developing integration solutions by using applications">Developing integration solutions by using applications</a> </li>
98+
99+
</ul>
100+
</div>
101+
102+
</div>
103+
</div>
104+
<div class="content" id="panel21">
105+
<div class="small-10 medium-10 large-10 columns divider">
106+
<div class="row content-details">
107+
<h4>Import projects</h4>
108+
109+
110+
<p> The Transformation_XSL application includes one project that is imported into your workspace. </p>
111+
112+
</div>
113+
114+
<div class="row content-details">
115+
<h4>Find out more</h4>
116+
<ul>
117+
118+
119+
<li> <a href="javascript:;" onclick="openHelpSystem('/com.ibm.etools.mft.doc/bi12002_.htm')" title="Knowledge Center link to Developing integration solutions by using applications">Developing integration solutions by using applications</a> </li>
120+
121+
</ul>
122+
</div>
123+
124+
</div>
125+
<div class="small-2 medium-2 large-2 columns">
126+
<h4 class="tkaction"><a href="javascript:;" onclick="importArtifacts(); openResource('MainFlow')"> Import <img class="icon-image" src="../../images/icons/ibmdesign/back-right-previous_128-orange.png"></a></h4>
127+
</div>
128+
</div>
129+
<div class="content" id="panel31">
130+
<div class="small-10 medium-10 large-10 columns divider">
131+
<div class="row content-details">
132+
<h4>Imported projects</h4>
133+
134+
135+
<p> The Transformation_XSL application is shown in the Application Development view of your workspace. </p>
136+
137+
<p> </p>
138+
139+
<p> The application will be deployed to your default integration server. The message flow is then started and ready to be invoked. </p>
140+
141+
</div>
142+
143+
<div class="row content-details">
144+
<h4>Find out more</h4>
145+
<ul>
146+
147+
148+
<li> <a href="javascript:;" onclick="openHelpSystem('/com.ibm.etools.mft.doc/bi12002_.htm')" title="Knowledge Center link to Developing integration solutions by using applications">Developing integration solutions by using applications</a> </li>
149+
150+
</ul>
151+
</div>
152+
153+
</div>
154+
<div class="small-2 medium-2 large-2 columns">
155+
<h4 class="tkaction"><a href="javascript:;" onclick="deployArtifacts()"> Deploy <img class="icon-image" src="../../images/icons/ibmdesign/back-right-previous_128-orange.png"></a></h4>
156+
</div>
157+
</div>
158+
<div class="content" id="panel41">
159+
<div class="small-10 medium-10 large-10 columns divider">
160+
<div class="row content-details">
161+
<h4>Follow these steps to complete the tutorial</h4>
162+
163+
164+
<p> The Transformation_XSL application is shown in the Application Development view of your workspace. </p>
165+
166+
167+
168+
<ol>
169+
170+
171+
<li> Open the Transformation_XSL message flow, and click the Flow Exerciser icon to start recording the message path through the flow.
172+
173+
</li>
174+
175+
<li> Click the Send Message icon and create a new input message.
176+
177+
</li>
178+
179+
<li> Choose Message1, edit the message data if you like, and click Send. Your request message is sent to the HTTP input node.
180+
181+
</li>
182+
183+
184+
</ol>
185+
186+
187+
188+
<p> After the request message is processed, the message path is automatically highlighted on the service description diagram. </p>
189+
190+
191+
192+
<ul>
193+
194+
195+
<li> Click on the highlighted operation to see the message path through the message flow.
196+
197+
</li>
198+
199+
<li> You can click on any connection to see the data that passed through that connection. You can see that the request (input) message data has been transformed into a different response XML message.
200+
201+
</li>
202+
203+
204+
</ul>
205+
206+
207+
208+
</div>
209+
210+
<div class="row content-details">
211+
<h4>Find out more</h4>
212+
<ul>
213+
214+
215+
<li> <a href="javascript:;" onclick="openHelpSystem('/com.ibm.etools.mft.doc/bi12002_.htm')" title="Knowledge Center link to Developing integration solutions by using applications">Developing integration solutions by using applications</a> </li>
216+
217+
218+
<li> <a href="javascript:;" onclick="openHelpSystem('/com.ibm.etools.mft.doc/rt26110_.htm')" title="Knowledge Center link to Testing your message flow by using the Flow exerciser">Testing your message flow by using the Flow exerciser</a> </li>
219+
220+
</ul>
221+
</div>
222+
223+
</div>
224+
<div class="small-2 medium-2 large-2 columns">
225+
<h4 class="tkaction"><a href="javascript:;" onclick="cleanUp()"> Clean up<img class="icon-image" src="../../images/icons/ibmdesign/back-right-previous_128-orange.png"></a></h4>
226+
</div>
227+
</div>
228+
</div> <!-- tab-content -->
229+
</div> <!-- columns -->
230+
</div> <!-- row --></body>
231+
<script src="../../js/vendor/jquery.js"></script>
232+
<script src="../../js/vendor/foundation.min.js"></script>
233+
<script src="../../js/main.js"></script>
234+
</body>
235+
<!-- body::End -->
236+
237+
</html>

‎css/main.css‎

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎images/icons/ibmdesign/back-right-previous_128-orange.png‎

2.59 KB
Loading

‎images/icons/ibmdesign/back-right-previous_128.png‎

2.59 KB
Loading

‎images/icons/ibmdesign/bee_128.png‎

1.68 KB
Loading

‎images/icons/ibmdesign/booklet-guide_128.png‎

799 Bytes
Loading

‎images/icons/ibmdesign/clock-time_128.png‎

2.19 KB
Loading

‎images/icons/ibmdesign/close-cancel-error_128-red.png‎

15.6 KB
Loading

‎images/icons/ibmdesign/close-cancel-error_128.png‎

2.09 KB
Loading

0 commit comments

Comments
 (0)