cms-gov/www.cms.gov/tra/Home/Home.htm
2025-02-28 14:41:14 -05:00

465 lines
No EOL
30 KiB
HTML

<!DOCTYPE html>
<html xmlns:MadCap="http://www.madcapsoftware.com/Schemas/MadCap.xsd" lang="en-us" xml:lang="en-us" data-mc-search-type="Stem" data-mc-help-system-file-name="index.xml" data-mc-path-to-help-system="../" data-mc-target-type="WebHelp2" data-mc-runtime-file-type="Topic;Default" data-mc-preload-images="false" data-mc-in-preview-mode="false" data-mc-conditions="Topics.TRAEndUser">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CMS Technical Reference Architecture</title>
<!-- font-awesome -->
<link href="../Skins/Default/Stylesheets/Slideshow.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
<link href="../Skins/Default/Stylesheets/TextEffects.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
<link href="../Skins/Default/Stylesheets/Topic.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
<link href="../Skins/Default/Stylesheets/Components/Styles.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
<link href="../Skins/Default/Stylesheets/Components/Tablet.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
<link href="../Skins/Default/Stylesheets/Components/Mobile.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
<link href="../Skins/Default/Stylesheets/Components/Print.css" rel="stylesheet" type="text/css" data-mc-generated="True" />
<link rel="stylesheet" href="../TRA_Assets/libs/fontawesome-free-6.1.2-web/css/fontawesome.min.css" />
<link rel="stylesheet" href="../TRA_Assets/libs/fontawesome-free-6.1.2-web/css/brands.min.css" />
<link rel="stylesheet" href="../TRA_Assets/libs/fontawesome-free-6.1.2-web/css/solid.min.css" />
<link rel="stylesheet" href="../TRA_Assets/libs/fontawesome-free-6.1.2-web/css/regular.min.css" />
<link href="../TRA_Assets/css/Home.css" rel="stylesheet" type="text/css" />
<script src="../Resources/Scripts/jquery.min.js" type="text/javascript">
</script>
<script src="../Resources/Scripts/purify.min.js" type="text/javascript" defer="defer">
</script>
<script src="../Resources/Scripts/require.min.js" type="text/javascript" defer="defer">
</script>
<script src="../Resources/Scripts/require.config.js" type="text/javascript" defer="defer">
</script>
<script src="../Resources/Scripts/foundation.min.js" type="text/javascript" defer="defer">
</script>
<script src="../Resources/Scripts/plugins.min.js" type="text/javascript" defer="defer">
</script>
<script src="../Resources/Scripts/MadCapAll.js" type="text/javascript" defer="defer">
</script>
<script>/* <![CDATA[ */
const traAppDATA = {
'idmIssuerURL': 'aW1wbC5pZHAuaWRtLmNtcy5nb3YK',
'idmSecret': 'YXVzNnVhajVpMFlPMnBmeEcyOTcK',
'idmID': 'MG9hNnVhaHpveE5QQlM1U1kyOTcK',
'feedbackType': 'topic',
'feedbackID': 'TRA_JIRA',
'feedbackAPI': 'MWltcmlzejkxaQo=',
'feedbackRegion': 'dXMtZWFzdC0xCg=='
};
/* ]]> */</script>
<script type="text/javascript" src="../TRA_Assets/js/axios/axios.min.js">
</script>
<script type="text/javascript" src="https://tags.tiqcdn.com/utag/cmsgov/cms-www/prod/utag.sync.js">
</script>
</head>
<body class="homepages external">
<header class="external">
<!-- Header Warnings -->
<!-- USA Banner -->
<!-- USA Banner -->
<section class="navbar usa-banner is-hidden-touch" aria-label="Official government website">
<div class="columns">
<div class="column">
<div class="usa-banner-header">
<p class="usa-banner-header--text">
An official website of the United States government
<a href="#" class="usa-banner-content--toggle pl-1" aria-expanded="false" aria-controls="usa-banner-content" role="button">
Here's how you know
</a><span class="fa-solid fa-chevron-down pl-1 usa-banner-content--expand-icon"></span></p>
</div>
<div id="usa-banner-content" class="usa-banner-content columns is-mobile is-hidden">
<div class="container">
<div class="columns">
<div class="column">
<article class="media">
<figure class="media-left">
<!-- usa banner madcap workaround, image is in css -->
<p class="image usa-banner-content--gov" />
</figure>
<div class="media-content">
<div class="content">
<p><strong>Official websites use .gov</strong>
<br />A
<strong>.gov</strong> website belongs to an official government
organization in the United States.
</p>
</div>
</div>
</article>
</div>
<div class="column">
<article class="media">
<figure class="media-left">
<!-- usa banner madcap workaround, image is in css -->
<p class="image usa-banner-content--https" />
</figure>
<div class="media-content">
<div class="content">
<p><strong>Secure .gov websites use HTTPS</strong>
<br /> A <strong>lock</strong> (
<span class="fa-solid fa-lock" aria-labelledby="banner-lock-title banner-lock-description" focusable="false"><title id="banner-lock-title">Lock</title><desc id="banner-lock-description" class="is-sr-only">A locked padlock</desc></span> ) or <strong>https://</strong> means you've safely connected to the .gov website.
Share sensitive information only on official, secure websites.
</p>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end USA Banner -->
<!-- Home Top Nav -->
<!-- navbar -->
<nav class="navbar" role="navigation" aria-label="Main Home Navigation">
<div class="navbar-brand-tra--logo"><a class="navbar-item selected" href="#" title="CMS Technical Reference Architecture" aria-label="CMS Technical Reference Architecture"><span class="navbar-tra-logo--cms">CMS</span><span class="navbar-tra-logo--tra">TRA</span></a>
</div><a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="tra-home-nav"><span aria-hidden="true"></span><span aria-hidden="true"></span><span aria-hidden="true"></span></a>
<div id="tra-home-nav" class="navbar-menu" aria-label="TRA Home Navigation" role="navigation">
<div class="navbar-end"><a class="navbar-item selected" href="#" data-id="home">
Home
</a>
<div class="navbar-item has-dropdown is-hoverable"><a class="navbar-link">
TRA Sections
</a>
<div class="navbar-dropdown"><a class="navbar-item" href="../Foundation/FD_0010_Foundation_Introduction.htm">Foundation</a><a class="navbar-item" href="../Infrastructure_Services/IS_0010_Virtualization_Introduction.htm">Infrastructure Services</a><a class="navbar-item" href="../Application_Development/AD_0010_Application_Introduction.htm">Application Development</a><a class="navbar-item" href="../Data_Management/DM_0010_Introduction.htm">Data Management</a>
</div>
</div>
</div>
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<!-- same button different style for external and internal header distincts todo: fix -->
<button class="button is-primary is-rounded is-outlined give-feedback" data-target="feedback-modal" aria-label="Give Feedback" data-mc-conditions="SITE.External_SITE"><strong>Give Feedback</strong>
</button>
</div>
</div>
</div>
</div>
</nav>
<!-- end navbar -->
</header>
<!-- Home Hero Banner -->
<!-- Home Hero Banner -->
<section class="hero home-banner" aria-label="CMS Technical Reference Architecture" role="region">
<div class="hero-body">
<p class="title has-text-white">
CMS Technical Reference Architecture
</p>
<p class="subtitle has-text-white">
Business Enablement through Technology
</p>
</div>
</section>
<!-- ./banner -->
<!-- Page Contents -->
<div class="content" role="main" id="mc-main-content">
<!-- banner is included in Masterpage-->
<!-- navbar is included in Masterpage-->
<!-- main cards -->
<section id="tra-home-cards" class="is-mobile" aria-label="TRA Home Content" data-page-id="home">
<div class="section">
<!-- columns -->
<div class="columns">
<!-- column, INTERNAL ONLY -->
<!-- column, EXTERNAL ONLY -->
<div class="column is-mobile mt-2" data-mc-conditions="SITE.External_SITE">
<div class="card">
<div class="card-content">
<div class="card-header-icon py-3 has-text-centered">
<!-- decorative icon, we can hide --><a href="../Changelog/Whats_New.htm" aria-label="Navigate to the CMS TRA" target="_blank"><i class="fa-solid fa-users-gear fa-3x"></i></a>
</div>
<h2 class="title has-text-centered">CMS TRA</h2>
<p>
The TRA is available for the general audience.
This version has been edited to redact CMS internally restricted content.
</p>
</div>
<div class="card-footer p-4"><a class="button is-primary is-fullwidth" href="../Changelog/Whats_New.htm" aria-label="Navigate to the CMS TRA" target="_blank">
CMS TRA <i class="fa-solid fa-arrow-up-right-from-square pl-1"></i></a>
</div>
</div>
<!-- end card -->
</div>
<!-- end column -->
<!-- column -->
<div class="column is-mobile mt-2">
<!-- card -->
<div class="card">
<div class="card-content">
<div class="card-header-icon py-3 has-text-centered"><a href="News.htm" aria-label="Learn more on the latest information and what's upcoming"><i class="fa-regular fa-newspaper fa-3x"></i></a>
</div>
<h2 class="title has-text-centered">TRA News</h2>
<p>
Get the latest information about the TRA and what's upcoming.
</p>
</div>
<div class="card-footer p-4"><a href="News.htm" class="button is-primary is-fullwidth" aria-label="Learn more on the latest information and what's upcoming">
Learn more
</a>
</div>
</div>
<!-- end card -->
</div>
<!-- end column -->
<!-- column -->
<div class="column is-mobile mt-2">
<!-- card -->
<div class="card">
<div class="card-content">
<div class="card-header-icon py-3 has-text-centered"><a href="About.htm" aria-label="Learn more about the TRA"><i class="fa-solid fa-cubes fa-3x" aria-hidden="true"></i></a>
</div>
<h2 class="title has-text-centered">About</h2>
<p>
Learn how the CMS TRA provides technical architecture and reference standards for all agency business partners.
</p>
</div>
<div class="card-footer p-4"><a href="About.htm" class="button is-primary is-fullwidth" aria-label="Learn more about the TRA">
Learn more
</a>
</div>
</div>
<!-- end card -->
</div>
<!-- end column -->
<!-- column -->
<div class="column is-mobile mt-2">
<!-- card -->
<div class="card">
<div class="card-content">
<div class="card-header-icon py-3 has-text-centered"><a href="FAQ.htm" aria-label="Get answers with the TRA FAQs"><i class="fa-regular fa-comment-dots fa-3x"></i></a>
</div>
<h2 class="title has-text-centered">FAQs</h2>
<p>
Need Help? Get answers with the TRA's
Frequently Asked Questions.
</p>
</div>
<div class="card-footer p-4"><a href="FAQ.htm" class="button is-primary is-fullwidth" aria-label="Get answers with the TRA FAQs">
Get Answers
</a>
</div>
</div>
<!-- end card -->
</div>
<!-- end column -->
</div>
<!-- end columns -->
</div>
<!-- end section -->
</section>
<!-- end card sections -->
<!-- Featured Videos -->
<section id="featured-videos" aria-label="TRA Home Recent Videos">
<div class="section">
<h2 class="title section-head"><span class="icon is-large"><i class="fa-solid fa-chevron-right"></i></span>
Featured Videos
</h2>
<!-- first row of videos -->
<div class="columns">
<!-- video column -->
<div class="column">
<!-- video card -->
<div class="card">
<!-- video insert -->
<div class="card-image">
<!-- video, video url -->
<video controls="" muted="" loop="" title="" class="_0">
<source src="../Resources/Videos/Intro-to-the-TRA-Dec2022.mp4" type="video/mp4">Your browser does not support the video tag.</source>
</video><![CDATA[ ]]></div>
<!-- main card content body -->
<div class="card-content">
<!-- main card title -->
<p class="title is-5">
Introduction to the Technical Reference Architecture (TRA)
</p>
<!-- main card text -->
<p class="content">
Watch the Introduction to the Technical Reference Architecture (TRA)
to learn about the TRA.
</p>
</div>
<!-- end card content -->
</div>
<!-- end card -->
</div>
<!-- end card -->
<!-- video column -->
<div class="column">
<!-- video card -->
<div class="card">
<!-- video insert -->
<div class="card-image">
<!-- video, video url -->
<video controls="" muted="" loop="" title="" class="_0">
<source src="../Resources/Videos/Navigating-the-TRA-Dec2022.mp4" type="video/mp4">Your browser does not support the video tag.</source>
</video><![CDATA[ ]]></div>
<!-- main card content body -->
<div class="card-content">
<!-- main card title -->
<p class="title is-5">
Navigating the TRA
</p>
<!-- main card text -->
<p class="content">
Learn more about Navigating the TRA in this featured video.
</p>
</div>
<!-- end card content -->
</div>
<!-- end card -->
</div>
<!-- end video column -->
<!-- end video column -->
</div>
<!-- end columns -->
</div>
<!-- end container -->
</section>
<!-- tra access -->
<!-- navbar only-->
<div id="data-page-id" data-page-id="home" class="is-hidden">
</div>
</div>
<!-- Homepage footer -->
<!-- footer feedback -->
<footer class="footer" aria-label="TRA Home Footer">
<div class="container">
<div class="columns is-mobile is-multiline">
<div class="column is-two-thirds">
<div class="columns is-mobile is-multiline">
<div class="column mb-4">
<h3 class="mb-4 title is-5">CMS TRA</h3>
<ul class="footer-links">
<li class="mb-2"><a class="button is-ghost" href="https://cms.gov/tra" target="_blank">CMS.gov/TRA</a>
</li>
</ul>
</div>
<div class="column mb-4">
<h3 class="mb-4 title is-5">Pages</h3>
<ul class="footer-links">
<li class="mb-2"><a class="button is-ghost" href="About.htm">About</a>
</li>
<li class="mb-2"><a class="button is-ghost" href="FAQ.htm">FAQs</a>
</li>
<li class="mb-2"><a class="button is-ghost" href="News.htm">News</a>
</li>
</ul>
</div>
<div class="column mb-4">
<h3 class="mb-4 title is-5">Connect</h3>
<ul class="footer-links">
<li class="mb-2"><a class="button is-ghost give-feedback" data-target="feedback-modal" aria-label="Give Feedback" role="button">
Give Feedback
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="column">
<h3 class="mb-4 title is-5">
Get CMS and TRA Tech Topic Updates
</h3>
<p class="mb-4">
Sign up to get the latest information about CMS tech topics.
Be sure to choose <strong>Chief Information Office</strong>,
then select <strong>Tech Topics</strong>.
</p>
<div class="is-flex"><a class="button is-primary is-rounded is-outline" href="https://public.govdelivery.com/accounts/USCMS/subscriber/new" target="_blank">
Sign up <i class="fa-solid fa-arrow-right is-inline-block pl-1"></i></a>
</div>
</div>
</div>
<div class="columns is-mobile">
<div class="column has-text-centered">
<p><span class="mc-variable Release.Version variable" data-mc-conditions="SITE.EndUser">TRA 2024 Revision 3.0</span>
<span data-mc-conditions="SITE.External_SITE">General Distribution / Unclassified Information</span></p>
</div>
</div>
</div>
</footer>
<!-- feedback modal -->
<dialog id="site-feedback-dialog" class="dialog dialog-sm" display="modal" role="dialog" aria-hidden="true" aria-labelledby="site-feedback-dialog-head" aria-describedby="site-feedback-dialog-body">
<div role="document" tabindex="0" aria-labelledby="site-feedback-dialog-head">
<header>
<h2 id="site-feedback-dialog-head" class="title is-4">
Give feedback
<button type="button" class="button is-ghost dialog-close" aria-label="Close dialog"><i class="fa-solid fa-xmark"></i><span class="sr-only">Close</span></button></h2>
</header>
<!-- dialog body -->
<main id="site-feedback-dialog-body" class="mt-3">
<!-- feedback form body -->
<form id="site-feedback-form" action="#">
<!-- feedback rating -->
<div id="feedback-description">
How would you rate your experience with the TRA?
</div>
<!-- The reason these are inversed are so that we can do the correct css highlighted or previous item (css hack) -->
<!-- The aria-flowto label will guide the screen readers in the correct order -->
<div class="site-feedback-rating" aria-flowto="rate_1">
<div id="site-feedback-rating--text">
</div>
<!-- excellent -->
<input value="Excellent" id="rate_5" type="radio" name="rating" class="is-sr-only" data-name="Excellent" data-rating="5" />
<label for="rate_5" data-label="rate_5"><span class="is-sr-only">5 Stars</span><span class="fa-regular fa-face-laugh feedback-icon"></span>
</label>
<!-- good -->
<input value="Good" id="rate_4" type="radio" name="rating" class="is-sr-only" data-name="Good" aria-flowto="rate_5" data-rating="4" />
<label for="rate_4" data-label="rate_4"><span class="is-sr-only">Good</span><span class="fa-regular fa-face-smile feedback-icon"></span>
</label>
<!-- average -->
<input value="Average" id="rate_3" type="radio" name="rating" class="is-sr-only" data-name="Average" aria-flowto="rate_4" data-rating="3" />
<label for="rate_3" data-label="rate_3"><span class="is-sr-only">Average</span><span class="fa-regular fa-face-meh feedback-icon"></span>
</label>
<!-- poor -->
<input value="Poor" id="rate_2" type="radio" name="rating" class="is-sr-only" data-name="Poor" aria-flowto="rate_3" data-rating="2" />
<label for="rate_2" data-label="rate_2"><span class="is-sr-only">Poor</span><span class="fa-regular fa-face-frown feedback-icon"></span>
</label>
<!-- worst -->
<input value="Very Poor" id="rate_1" type="radio" name="rating" class="is-sr-only" data-name="Very Poor" aria-flowto="rate_2" data-rating="1" />
<label for="rate_1" data-label="rate_1"><span class="is-sr-only">Very Poor</span><span class="fa-regular fa-face-angry feedback-icon"></span>
</label>
</div>
<!-- feedback additional -->
<label class="form-label" for="site-feedback-comments">
Do you have any feedback about the TRA you'd like to share?
</label><textarea id="site-feedback-comments" class="textarea" rows="4" aria-multiline="true"></textarea>
<!-- action buttons -->
<div class="buttons mt-4">
<button id="site-feedback-form-submit-btn" type="submit" class="button is-primary" aria-label="Send Feedback"><i class="fa-solid fa-spinner fa-spin is-hidden" aria-label="Please wait.."></i>
Send
</button>
<button type="button" class="button dialog-close is-pulled-left" aria-label="Cancel">
Cancel
</button>
</div>
</form>
<!-- form submit response -->
<div id="site-feedback-form--done" class="alert is-alert-error is-hidden" role="alert">
<div class="alert-body">
<p id="site-feedback-form--done-text" />
<div class="buttons mt-4">
<button type="button" class="button dialog-close is-pulled-left" aria-label="Close dialog">
Close
</button>
</div>
</div>
</div>
</main>
</div>
</dialog>
<script src="../TRA_Assets/js/home/site-feedback.js"> </script>
<!-- scripts -->
<script src="../TRA_Assets/js/home/navbar.js">
</script>
<script src="../TRA_Assets/js/home/usa-banner.js">
</script>
<!-- external tealium tag manager - CJA -->
<script data-mc-conditions="SITE.Analytics">/* <![CDATA[ */
(function (t, e, a, l, i, u, m) {
t = 'cmsgov/cms-www';
e = 'prod';
a = '/' + t + '/' + e + '/utag.js'; l = '//tags.tiqcdn.com/utag' + a; i = document; u = 'script'; m = i.createElement(u); m.src = l; m.type = 'text/java' + u; m.async = true; l = i.getElementsByTagName(u)[0]; l.parentNode.insertBefore(m, l);
})();
/* ]]> */</script>
</body>
</html>