Skip to content

Commit 95b3af9

Browse files
authored
Merge pull request #16 from imsdev/tm-pg-updates
Transaction Manager page updates
2 parents 39beea3 + 6b49c32 commit 95b3af9

13 files changed

Lines changed: 161 additions & 131 deletions

ims-tm.html

Lines changed: 63 additions & 102 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,7 @@
4545
<link href="wp-includes/css/grid-fluid.css" rel="stylesheet">
4646
<link href="wp-includes/css/tables.css" rel="stylesheet">
4747
<link href="wp-includes/css/pages/tm.css" rel="stylesheet">
48+
<link href="wp-includes/css/flex.css" rel="stylesheet">
4849

4950
<!-- Hotjar Tracking Code for ibm.com/demos & githhub -->
5051
<script>
@@ -351,104 +352,62 @@ <h4>Fundamentals of IMS TM Part 2</h4>
351352
</div>
352353
</section>
353354

354-
<!-- =========================== Speedy transactions =========================== -->
355-
<!-- <section class="zs-gray-section st-section">
356-
<div class="zs-section">
357-
<div class="pure-u-1 pure-u-sm-1">
358-
<h2>Speedy transactions</h2>
359-
</div>
360-
<div class="pure-u-1 pure-u-sm-1">
361-
<p>Let's say you want to withdraw money from your bank account. How does IMS TM help to do that?</p>
362-
<div class="pure-g">
363-
<div class="pure-u-md-1-24">
364-
<h1>1</h1>
365-
</div>
366-
<div class="pure-u-1 pure-u-lg-10-24 step-c">
367-
<p>TM receives a request for work to be done, such as withdraw money from a bank account.</p>
368-
</div>
369-
370-
<div class="pure-u-md-1-24">
371-
<h1>2</h1>
372-
</div>
373-
<div class="pure-u-1 pure-u-lg-10-24 step-c">
374-
<p>TM initiates a specific programming running in a dependent region (as shown in green) that uses the information in the request to complete the work that was requested.</p>
355+
<!-- =========================== IMS Transaction Manager =========================== -->
356+
<section class="zs-gray-section">
357+
<div class="flex-container tm-section">
358+
<h3>IMS Transaction Manager</h3>
359+
<div class="flex-row">
360+
<div class="flex-block">
361+
<img class="ims-card-icon" src="wp-content/icons/tcp-ip-service.svg" alt="">
362+
<div>
363+
<h3>Speedy transactions</h3>
364+
<p>
365+
The IMS Transaction Manager receives messages from any platform, usually via TCP/IP through IMS Connect,
366+
puts them on the message queue where an application program can retrieve it.
367+
</p>
368+
<p>
369+
Think about getting money from an ATM or bank. The bank uses IMS DB to store customer data and IMS TM to
370+
quickly process deposits, withdrawals, and queries.
371+
</p>
372+
<a href="https://www.ibm.com/docs/en/ims/15.5.0?topic=network-ims-tm-overview"
373+
target="_blank" rel="noopener noreferrer" aria-label="Learn more about IMS TM speedy transactions">Learn more →</a>
375374
</div>
376375
</div>
377-
378-
<div class="pure-g">
379-
<div class="pure-u-md-1-24">
380-
<h1>3</h1>
381-
</div>
382-
<div class="pure-u-1 pure-u-lg-10-24 step-c">
383-
<p>TM prepares a response to the request (for example, "I'm done processing this request").</p>
384-
</div>
385-
386-
<div class="pure-u-md-1-24">
387-
<h1>4</h1>
388-
</div>
389-
<div class="pure-u-1 pure-u-lg-10-24 step-c">
390-
<p>TM transmits the data prepared by the program back to the user that originally requested the work. In other words, the user sees their bank balance.</p>
391-
</div>
376+
<div class="flex-block">
377+
<img src="wp-content/tm/speedy-transactions-c.png" alt="Diagram of IMS TM transaction processing" class="tm-img">
392378
</div>
393379
</div>
394-
</div>
395-
</section> -->
396-
397-
<!-- =========================== Benefits =========================== -->
398-
<section class="zs-gray-section benefits-section">
399-
<div class="zs-section">
400-
<div class="pure-u-1">
401-
<div class="pure-g">
402-
<!-- Speedy transaction -->
403-
<div class="pure-u-1-3">
404-
<div class="pure-u-3-4">
405-
<h3>Speedy transactions</h3>
406-
<p>
407-
The IMS Transaction Manager receives messages from any platform, usually via TCP/IP through IMS Connect,
408-
puts them on the message queue where an application program can retrieve it.
409-
</p>
410-
<p>
411-
Think about getting money from an ATM or bank. The bank uses IMS DB to store customer data and IMS TM to
412-
quickly process deposits, withdrawals, and queries.
413-
</p>
414-
<img src="wp-content/tm/speedy-transactions-c.png" alt="Diagram of IMS TM transaction processing">
415-
<br>
416-
<a href="https://www.ibm.com/docs/en/ims/15.5.0?topic=network-ims-tm-overview"
417-
target="_blank" rel="noopener noreferrer" aria-label="Learn more about IMS TM speedy transactions">Learn more →</a>
418-
</div>
380+
<div class="flex-row">
381+
<div class="flex-block">
382+
<img class="ims-card-icon" src="wp-content/icons/ansible-logo.svg" alt="">
383+
<div>
384+
<h3>Ways to work</h3>
385+
<p>
386+
Use Red Hat® Ansible® and Red Hat® OpenShift® through digitally transformed ways of working, developing,
387+
and updating critical data-driven applications.
388+
</p>
389+
<p>
390+
The Ansible® for IBM Z® product offers lots of use cases, capabilities, and tools to automate functions of IMS,
391+
such as DBRC administration or IMS catalog management, all by using scripted Ansible playbooks.
392+
</p>
393+
<a href="https://imsdev.github.io/ims-devops.html"
394+
rel="noopener noreferrer" aria-label="Learn more about ways to work with IMS TM">Learn more</a>
419395
</div>
420-
<!-- Ways to work -->
421-
<div class="pure-u-1-3">
422-
<div class="pure-u-3-4">
423-
<h3>Ways to work</h3>
424-
<p>
425-
Use Red Hat® Ansible® and Red Hat® OpenShift® through digitally transformed ways of working, developing,
426-
and updating critical data-driven applications.
427-
</p>
428-
<p>
429-
The Ansible® for IBM Z® product offers lots of use cases, capabilities, and tools to automate functions of IMS,
430-
such as DBRC administration or IMS catalog management, all by using scripted Ansible playbooks.
431-
</p>
432-
<img src="wp-content/tm/ways-to-work.png" alt="Customers in line">
433-
<br>
434-
<a href="https://imsdev.github.io/ims-devops.html"
435-
target="_blank" rel="noopener noreferrer" aria-label="Learn more about ways to work with IMS TM">Learn more →</a>
436-
</div>
437-
</div>
438-
<!-- Ways to connect -->
439-
<div class="pure-u-1-3">
440-
<div class="pure-u-3-4">
441-
<h3>Ways to connect</h3>
442-
<p>Take advantage of not just TCP/IP but RESTful APIs that access IMS™ applications and data in minutes.
443-
Transactions might be issued from z/OS environments or distributed applications that use TCP/IP to communicate
444-
with IMS. Use IMS Connect to provide high performance TCP/IP communications between multiple IMS Connect
445-
clients and IMS systems.
446-
</p>
447-
<img src="wp-content/tm/ways-to-connect.png" alt="Diagram of IMS application ecosystem">
448-
<br>
449-
<a href="https://imsdev.github.io/ims-apis.html"
450-
target="_blank" rel="noopener noreferrer" aria-label="Learn more about how to connect to IMS TM">Learn more →</a>
451-
</div>
396+
</div>
397+
<div class="flex-block">
398+
<img class="ims-card-icon" src="wp-content/icons/Icon_Homepage_APIs.svg" alt="">
399+
<div>
400+
<h3>Ways to connect</h3>
401+
<p>Take advantage of not just TCP/IP but RESTful APIs that access IMS™ applications and data in minutes.
402+
Transactions might be issued from z/OS environments or distributed applications that use TCP/IP to communicate
403+
with IMS.
404+
</p>
405+
<p>
406+
Use IMS Connect to provide high performance TCP/IP communications between multiple IMS Connect
407+
clients and IMS systems.
408+
</p>
409+
<a href="https://imsdev.github.io/ims-apis.html"
410+
rel="noopener noreferrer" aria-label="Learn more about how to connect to IMS TM">Learn more</a>
452411
</div>
453412
</div>
454413
</div>
@@ -493,9 +452,9 @@ <h3>IMS Fundamentals</h3>
493452
Take a deeper dive into the main components of IMS, including IMS TM, IMS DB, and common system services, in this comprehensive course.
494453
</p>
495454
<div class="pure-u-1 pure-u-md-1">
496-
<a aria-label="Learn more about IMS Fundamentals" target="_blank" rel="noopener noreferrer"
455+
<a aria-label="Learn more about IMS Fundamentals" rel="noopener noreferrer"
497456
href="https://imsdev.github.io/ims-education.html#ims-fundamentals">
498-
Learn more
457+
Learn more
499458
</a>
500459
</div>
501460
</div>
@@ -517,9 +476,9 @@ <h3>IMS System Programming in a DBCTL Environment</h3>
517476
</p>
518477
<div class="pure-u-1 pure-u-md-1">
519478
<a aria-label="Learn more about IMS System Programming in a DBCTL Environment"
520-
target="_blank" rel="noopener noreferrer"
479+
rel="noopener noreferrer"
521480
href="https://imsdev.github.io/ims-education.html#ims-dbctl">
522-
Learn more
481+
Learn more
523482
</a>
524483
</div>
525484
</div>
@@ -540,9 +499,9 @@ <h3>IMS TM Performance Analysis</h3>
540499
</p>
541500
<div class="pure-u-1 pure-u-md-1">
542501
<a aria-label="Learn more about IMS TM Performance Analysis"
543-
target="_blank" rel="noopener noreferrer"
502+
rel="noopener noreferrer"
544503
href="https://imsdev.github.io/ims-education.html#ims-tm-performance">
545-
Learn more
504+
Learn more
546505
</a>
547506
</div>
548507
</div>
@@ -562,9 +521,9 @@ <h3>IMS TM Application Programming</h3>
562521
</p>
563522
<div class="pure-u-1 pure-u-md-1">
564523
<a aria-label="Learn more about IMS TM Application Programming"
565-
target="_blank" rel="noopener noreferrer"
524+
rel="noopener noreferrer"
566525
href="https://imsdev.github.io/ims-education.html#ims-tm-prog">
567-
Learn more
526+
Learn more
568527
</a>
569528
</div>
570529
</div>
@@ -579,21 +538,23 @@ <h3>IMS TM Application Programming</h3>
579538
<div class="zs-section blog-section">
580539
<!--Header -->
581540
<div class="pure-u-1 pure-u-sm-1 pure-u-lg-6-24 ibm-padding-bottom-1">
582-
<h2>IMS blogs</h2>
541+
<h2>Blogs</h2>
583542
</div>
584543

585544
<!-- Content -->
586545
<div class="pure-u-lg-16-24 pure-u-1">
587546
<div class="pure-g">
588547
<!-- Card -->
589548
<div class="pure-u-1 pure-u-sm-1 pure-u-md-1-2 blog-card">
549+
<img class="ims-card-icon" src="wp-content/icons/data--check.svg" alt="">
590550
<h3>Amplify your enterprise with IMS TM</h3>
591551
<a href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/mario-perotti/2022/05/09/ims-tm?communityKey=eba3ada3-db89-4dca-9154-328195f5e560" target="_blank" rel="noopener noreferrer" aria-label="Read the blog on using IMS TM for your enterprise">
592552
Read the blog →
593553
</a>
594554
</div>
595555
<!-- Card -->
596556
<div class="pure-u-1 pure-u-sm-1 pure-u-md-1-2 blog-card">
557+
<img class="ims-card-icon" src="wp-content/icons/security.svg" alt="">
597558
<h3>Making IMS transactions more secure by Client ID</h3>
598559
<a href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/hiroyuki-fuchiue/2024/05/21/making-ims-transactions-more-secure-by-client-id?communityKey=eba3ada3-db89-4dca-9154-328195f5e560" target="_blank" rel="noopener noreferrer" aria-label="Read the blog on making IMS transactions secure">
599560
Read the blog →

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -417,7 +417,7 @@ <h2>Innovate</h2>
417417
<!-- APIs / zOS Connect EE -->
418418
<div class="pure-u-1 pure-u-md-11-24 pure-u-lg-11-24 ibm-left">
419419
<div class="ibm-card__content innovate-card">
420-
<img class="ims-card-icon" src="wp-content/Icon_Homepage_APIs.svg" alt="">
420+
<img class="ims-card-icon" src="wp-content/icons/Icon_Homepage_APIs.svg" alt="">
421421
<h3>APIs</h3>
422422
<p>
423423
Not sure how the mainframe and APIs mix?

wp-content/icons/ansible-logo.svg

Lines changed: 13 additions & 0 deletions
Loading

wp-content/icons/data--check.svg

Lines changed: 1 addition & 0 deletions
Loading

wp-content/icons/security.svg

Lines changed: 12 additions & 0 deletions
Loading
Lines changed: 16 additions & 0 deletions
Loading
-30.1 KB
Binary file not shown.
-1.4 MB
Binary file not shown.

wp-content/tm/ways-to-connect.png

-41.4 KB
Binary file not shown.

0 commit comments

Comments
 (0)