Skip to content

Transaction Manager page updates #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
hmillersarah merged 10 commits into from
Jan 30, 2025
Merged

Transaction Manager page updates #16

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
a8d3590
reorder content
hmillersarah Jan 16, 2025
5cca3ea
fix styling for engage section
hmillersarah Jan 16, 2025
4797163
fix background img positioning
hmillersarah Jan 16, 2025
986b517
rename learn group bg
hmillersarah Jan 16, 2025
a23aa64
update section background imgs
hmillersarah Jan 16, 2025
2f3e031
TM page TM section changes
hmillersarah Jan 21, 2025
de1129e
remove unused files
hmillersarah Jan 21, 2025
e944bb0
blog icons
hmillersarah Jan 21, 2025
4a16a53
fix blog header
hmillersarah Jan 27, 2025
6b49c32
fix link targets
hmillersarah Jan 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion ims-apis.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -289,7 +289,7 @@ <h5>IMS support</h5>
<main id="main" class="zs-main" >

<!-- =========================== IMS APIs Hero Banner =========================== -->
<div class="banner white-bg">
<div class="banner innovate-bg">
<section id="intro-section" class="pure-g zs-section apis-hero">
<div id="intro-header" class="pure-u-1"></div>
<div class="pure-u-3-25">
Expand Down
2 changes: 1 addition & 1 deletion ims-db.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -299,7 +299,7 @@ <h5>IMS support</h5>
<main class="zs-main" id="main">

<!-- =========================== IMS Database =========================== -->
<div class="banner white-bg">
<div class="banner innovate-bg">
<section id="intro-section" class="pure-g zs-section db-hero">
<div id="intro-header" class="pure-u-1"></div>
<div class="pure-u-3-25">
Expand Down
2 changes: 1 addition & 1 deletion ims-devops.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -299,7 +299,7 @@ <h5>IMS support</h5>
<main class="zs-main" id="main">

<!-- =========================== IMS DevOps =========================== -->
<div class="banner white-bg" >
<div class="banner innovate-bg" >
<section id="intro-section" class="pure-g zs-section intro-sec">
<div id="intro-header" class="pure-u-1"></div>
<div class="pure-u-3-25">
Expand Down
2 changes: 1 addition & 1 deletion ims-docs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -299,7 +299,7 @@ <h5>IMS support</h5>
<main class="zs-main" id="main">
<!-- =========================== IMS Docs banner =========================== -->
<div class="banner">
<section id="intro-section" class="pure-g zs-section white-bg2 docs-intro">
<section id="intro-section" class="pure-g zs-section learn-bg docs-intro">
<div id="intro-header" class="pure-u-1"></div>
<div class="pure-u-3-25">
<img class="ims-card-icon" src="wp-content/Icon_Using DDL_IMS DatabasePage.svg" alt="">
Expand Down
2 changes: 1 addition & 1 deletion ims-education.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -300,7 +300,7 @@ <h5>IMS support</h5>

<div>
<!-- =========================== IMS Courses banner =========================== -->
<div class="banner white-bg2 ed-banner">
<div class="banner learn-bg ed-banner">
<section id="intro-section" class="pure-g zs-section intro-sec">
<div id="intro-header" class="pure-u-1"></div>
<div class="pure-u-3-25">
Expand Down
2 changes: 1 addition & 1 deletion ims-java.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -298,7 +298,7 @@ <h5>IMS support</h5>
<main class="zs-main" id="main">

<!-- =========================== IMS Java =========================== -->
<div class="banner white-bg">
<div class="banner innovate-bg">
<section id="intro-section" class="pure-g zs-section intro-sec">
<div id="intro-header" class="pure-u-1"></div>
<div class="pure-u-3-25">
Expand Down
2 changes: 1 addition & 1 deletion ims-repos.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -290,7 +290,7 @@ <h5>IMS support</h5>
<!-- Container -->
<main id="main">
<div class="intro-sec">
<section id="intro-section" class="pure-g zs-section white-bg2">
<section id="intro-section" class="pure-g zs-section learn-bg">
<div id="intro-header" class="pure-u-1"></div>
<div class="pure-u-3-25">
<img class="ims-card-icon" src="wp-content/Icon_Homepage_IMS GitHub.svg" alt="">
Expand Down
2 changes: 1 addition & 1 deletion ims-support.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -292,7 +292,7 @@ <h5>IMS support</h5>

<!-- =========================== IMS Support banner =========================== -->
<div class="banner">
<section id="intro-section" class="pure-g zs-section white-bg2 intro-sec">
<section id="intro-section" class="pure-g zs-section learn-bg intro-sec">
<div id="intro-header" class="pure-u-1"></div>
<div class="pure-u-3-25">
<img class="ims-card-icon" src="wp-content/Icon_Banner_IMS SupportPage.svg" alt="">
Expand Down
167 changes: 64 additions & 103 deletions ims-tm.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,7 @@
<link href="wp-includes/css/grid-fluid.css" rel="stylesheet">
<link href="wp-includes/css/tables.css" rel="stylesheet">
<link href="wp-includes/css/pages/tm.css" rel="stylesheet">
<link href="wp-includes/css/flex.css" rel="stylesheet">

<!-- Hotjar Tracking Code for ibm.com/demos & githhub -->
<script>
Expand Down Expand Up @@ -299,7 +300,7 @@ <h5>IMS support</h5>
<main class="zs-main" id="main">

<!-- =========================== IMS TM =========================== -->
<section id="intro-section" class="pure-g zs-section tm-hero banner white-bg">
<section id="intro-section" class="pure-g zs-section tm-hero banner innovate-bg">
<div>
<img class="ims-card-icon" src="wp-content/Icon_Banner_IMS DatabasePage.svg" alt="">
</div>
Expand Down Expand Up @@ -357,104 +358,62 @@ <h4>Fundamentals of IMS TM Part 2</h4>
</div>
</section>

<!-- =========================== Speedy transactions =========================== -->
<!-- <section class="zs-gray-section st-section">
<div class="zs-section">
<div class="pure-u-1 pure-u-sm-1">
<h2>Speedy transactions</h2>
</div>
<div class="pure-u-1 pure-u-sm-1">
<p>Let's say you want to withdraw money from your bank account. How does IMS TM help to do that?</p>
<div class="pure-g">
<div class="pure-u-md-1-24">
<h1>1</h1>
</div>
<div class="pure-u-1 pure-u-lg-10-24 step-c">
<p>TM receives a request for work to be done, such as withdraw money from a bank account.</p>
</div>

<div class="pure-u-md-1-24">
<h1>2</h1>
</div>
<div class="pure-u-1 pure-u-lg-10-24 step-c">
<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>
<!-- =========================== IMS Transaction Manager =========================== -->
<section class="zs-gray-section">
<div class="flex-container tm-section">
<h3>IMS Transaction Manager</h3>
<div class="flex-row">
<div class="flex-block">
<img class="ims-card-icon" src="wp-content/icons/tcp-ip-service.svg" alt="">
<div>
<h3>Speedy transactions</h3>
<p>
The IMS Transaction Manager receives messages from any platform, usually via TCP/IP through IMS Connect,
puts them on the message queue where an application program can retrieve it.
</p>
<p>
Think about getting money from an ATM or bank. The bank uses IMS DB to store customer data and IMS TM to
quickly process deposits, withdrawals, and queries.
</p>
<a href="https://www.ibm.com/docs/en/ims/15.5.0?topic=network-ims-tm-overview"
target="_blank" rel="noopener noreferrer" aria-label="Learn more about IMS TM speedy transactions">Learn more →</a>
</div>
</div>

<div class="pure-g">
<div class="pure-u-md-1-24">
<h1>3</h1>
</div>
<div class="pure-u-1 pure-u-lg-10-24 step-c">
<p>TM prepares a response to the request (for example, "I'm done processing this request").</p>
</div>

<div class="pure-u-md-1-24">
<h1>4</h1>
</div>
<div class="pure-u-1 pure-u-lg-10-24 step-c">
<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>
</div>
<div class="flex-block">
<img src="wp-content/tm/speedy-transactions-c.png" alt="Diagram of IMS TM transaction processing" class="tm-img">
</div>
</div>
</div>
</section> -->

<!-- =========================== Benefits =========================== -->
<section class="zs-gray-section benefits-section">
<div class="zs-section">
<div class="pure-u-1">
<div class="pure-g">
<!-- Speedy transaction -->
<div class="pure-u-1-3">
<div class="pure-u-3-4">
<h3>Speedy transactions</h3>
<p>
The IMS Transaction Manager receives messages from any platform, usually via TCP/IP through IMS Connect,
puts them on the message queue where an application program can retrieve it.
</p>
<p>
Think about getting money from an ATM or bank. The bank uses IMS DB to store customer data and IMS TM to
quickly process deposits, withdrawals, and queries.
</p>
<img src="wp-content/tm/speedy-transactions-c.png" alt="Diagram of IMS TM transaction processing">
<br>
<a href="https://www.ibm.com/docs/en/ims/15.5.0?topic=network-ims-tm-overview"
target="_blank" rel="noopener noreferrer" aria-label="Learn more about IMS TM speedy transactions">Learn more →</a>
</div>
<div class="flex-row">
<div class="flex-block">
<img class="ims-card-icon" src="wp-content/icons/ansible-logo.svg" alt="">
<div>
<h3>Ways to work</h3>
<p>
Use Red Hat® Ansible® and Red Hat® OpenShift® through digitally transformed ways of working, developing,
and updating critical data-driven applications.
</p>
<p>
The Ansible® for IBM Z® product offers lots of use cases, capabilities, and tools to automate functions of IMS,
such as DBRC administration or IMS catalog management, all by using scripted Ansible playbooks.
</p>
<a href="https://imsdev.github.io/ims-devops.html"
rel="noopener noreferrer" aria-label="Learn more about ways to work with IMS TM">Learn more</a>
</div>
<!-- Ways to work -->
<div class="pure-u-1-3">
<div class="pure-u-3-4">
<h3>Ways to work</h3>
<p>
Use Red Hat® Ansible® and Red Hat® OpenShift® through digitally transformed ways of working, developing,
and updating critical data-driven applications.
</p>
<p>
The Ansible® for IBM Z® product offers lots of use cases, capabilities, and tools to automate functions of IMS,
such as DBRC administration or IMS catalog management, all by using scripted Ansible playbooks.
</p>
<img src="wp-content/tm/ways-to-work.png" alt="Customers in line">
<br>
<a href="https://imsdev.github.io/ims-devops.html"
target="_blank" rel="noopener noreferrer" aria-label="Learn more about ways to work with IMS TM">Learn more →</a>
</div>
</div>
<!-- Ways to connect -->
<div class="pure-u-1-3">
<div class="pure-u-3-4">
<h3>Ways to connect</h3>
<p>Take advantage of not just TCP/IP but RESTful APIs that access IMS™ applications and data in minutes.
Transactions might be issued from z/OS environments or distributed applications that use TCP/IP to communicate
with IMS. Use IMS Connect to provide high performance TCP/IP communications between multiple IMS Connect
clients and IMS systems.
</p>
<img src="wp-content/tm/ways-to-connect.png" alt="Diagram of IMS application ecosystem">
<br>
<a href="https://imsdev.github.io/ims-apis.html"
target="_blank" rel="noopener noreferrer" aria-label="Learn more about how to connect to IMS TM">Learn more →</a>
</div>
</div>
<div class="flex-block">
<img class="ims-card-icon" src="wp-content/icons/Icon_Homepage_APIs.svg" alt="">
<div>
<h3>Ways to connect</h3>
<p>Take advantage of not just TCP/IP but RESTful APIs that access IMS™ applications and data in minutes.
Transactions might be issued from z/OS environments or distributed applications that use TCP/IP to communicate
with IMS.
</p>
<p>
Use IMS Connect to provide high performance TCP/IP communications between multiple IMS Connect
clients and IMS systems.
</p>
<a href="https://imsdev.github.io/ims-apis.html"
rel="noopener noreferrer" aria-label="Learn more about how to connect to IMS TM">Learn more</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -499,9 +458,9 @@ <h3>IMS Fundamentals</h3>
Take a deeper dive into the main components of IMS, including IMS TM, IMS DB, and common system services, in this comprehensive course.
</p>
<div class="pure-u-1 pure-u-md-1">
<a aria-label="Learn more about IMS Fundamentals" target="_blank" rel="noopener noreferrer"
<a aria-label="Learn more about IMS Fundamentals" rel="noopener noreferrer"
href="https://imsdev.github.io/ims-education.html#ims-fundamentals">
Learn more →
Learn more
</a>
</div>
</div>
Expand All @@ -523,9 +482,9 @@ <h3>IMS System Programming in a DBCTL Environment</h3>
</p>
<div class="pure-u-1 pure-u-md-1">
<a aria-label="Learn more about IMS System Programming in a DBCTL Environment"
target="_blank" rel="noopener noreferrer"
rel="noopener noreferrer"
href="https://imsdev.github.io/ims-education.html#ims-dbctl">
Learn more →
Learn more
</a>
</div>
</div>
Expand All @@ -546,9 +505,9 @@ <h3>IMS TM Performance Analysis</h3>
</p>
<div class="pure-u-1 pure-u-md-1">
<a aria-label="Learn more about IMS TM Performance Analysis"
target="_blank" rel="noopener noreferrer"
rel="noopener noreferrer"
href="https://imsdev.github.io/ims-education.html#ims-tm-performance">
Learn more →
Learn more
</a>
</div>
</div>
Expand All @@ -568,9 +527,9 @@ <h3>IMS TM Application Programming</h3>
</p>
<div class="pure-u-1 pure-u-md-1">
<a aria-label="Learn more about IMS TM Application Programming"
target="_blank" rel="noopener noreferrer"
rel="noopener noreferrer"
href="https://imsdev.github.io/ims-education.html#ims-tm-prog">
Learn more →
Learn more
</a>
</div>
</div>
Expand All @@ -585,21 +544,23 @@ <h3>IMS TM Application Programming</h3>
<div class="zs-section blog-section">
<!--Header -->
<div class="pure-u-1 pure-u-sm-1 pure-u-lg-6-24 ibm-padding-bottom-1">
<h2>IMS blogs</h2>
<h2>Blogs</h2>
</div>

<!-- Content -->
<div class="pure-u-lg-16-24 pure-u-1">
<div class="pure-g">
<!-- Card -->
<div class="pure-u-1 pure-u-sm-1 pure-u-md-1-2 blog-card">
<img class="ims-card-icon" src="wp-content/icons/data--check.svg" alt="">
<h3>Amplify your enterprise with IMS TM</h3>
<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">
Read the blog →
</a>
</div>
<!-- Card -->
<div class="pure-u-1 pure-u-sm-1 pure-u-md-1-2 blog-card">
<img class="ims-card-icon" src="wp-content/icons/security.svg" alt="">
<h3>Making IMS transactions more secure by Client ID</h3>
<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">
Read the blog →
Expand Down
2 changes: 1 addition & 1 deletion ims-videos.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -298,7 +298,7 @@ <h5>IMS support</h5>

<!-- =========================== IMS Courses banner =========================== -->
<div class="intro-sec">
<section id="intro-section" class="pure-g zs-section white-bg2">
<section id="intro-section" class="pure-g zs-section learn-bg">
<div id="intro-header" class="pure-u-1"></div>
<div class="pure-u-3-25">
<img class="ims-card-icon" src="wp-content/Icon_Managed ACBs_IMS DatabasePage.svg" alt=""/>
Expand Down
Loading