CINXE.COM
KIE Community - Home
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta content="Discussing and enabling business process capabilities for the enterprise" property="description"> <meta content="KIE, KIE Community, business process, BPM, rules, DMN, cloud native, business process management" property="keywords"> <meta content="KIE Community - Home" property="og:title"> <meta content="Discussing and enabling business process capabilities for the enterprise" property="og:description"> <meta content="https://kie.org" property="og:url"> <meta content="KIE Community" property="og:site_name"> <meta content="website" property="og:type"> <meta content="https://kie.orgimages/kie_logo.png" property="og:image"> <meta content="summary" name="twitter:card"> <meta content="@kiecommunity" name="twitter:site"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PTSerif%3A400%2C700%2C900%2C400italic%2C700italic%2C900italic%7COverpass%3A400%2C700%2C900%2C400italic%2C700italic%2C900italic&subset=latin%2Clatin-ext" type="text/css" media="all"> <link rel="stylesheet" href="/assets/main.css"> <title>KIE Community - Home</title> <link rel="icon" href="/images/favicon.ico"> <script src="https://kit.fontawesome.com/3fefb2be58.js" crossorigin="anonymous"></script> <script type="text/javascript" src="/assets/bundle.js" defer></script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-120633994-1', 'auto'); ga('send', 'pageview'); </script> </head> <body> <style> :root { --secondary-color: #adadad; --cta-primary-color: white; --cta-secondary-color: black; --cta-primary-background-color: #f78e00; --cta-secondary-background-color: #96d4e9; --primary-nav-color: #f8f8f8; } header.header nav.navigation, header.header nav.navigation a { font-size: 16px; } header.header nav, header.header nav a, header.header nav a:link { line-height: unset; vertical-align: middle; text-decoration: none; text-transform: capitalize; } header.header nav a:hover, header.header nav button:focus, header.header nav button:hover { background: unset; text-decoration: underline; } header.header nav.navigation h1, header.header nav.navigation h1 a { font-size: 18pt; text-transform: uppercase; } .navigation--primary, footer nav .row { padding: 0; } /* Wrapper ends */ /* NAV Starts */ header { background-color: var(--primary-nav-color); box-shadow: 0 0 10px 2px var(--secondary-color); border-bottom: 1px solid #d8d8d8; } .navigation { grid-template-columns: 0 2fr auto 0; display: grid; } .navigation a.navigation-item--active { text-decoration: underline; } .navigation h1 { display: inline-block; margin: 0 0.5rem; color: #475058; font-weight: 600; font-family: "Overpass", sans-serif; letter-spacing: -0.05rem; } .navigation a, .navigation button, .navigation .logo { display: inline-block; } .navigation a, .navigation button { color: #475058; text-decoration: none; padding: 0.2rem .2rem; background: none; } .navigation ul { list-style: none; margin: 0; padding: 0; display: grid; } .navigation ul li { padding: 0; margin: 0 0.5rem; } .navigation--primary > ul { grid-auto-flow: column; } .navigation--primary > ul > li { margin: 0 0.5rem; } .kie-tooltip:before { display: none; max-width: 12rem; background-color: var(--secondary-color); color: var(--primary-nav-color); z-index: 1; margin-top: 2.5rem; text-align: center; border-radius: 6px; padding: 5px 0; content: attr(title); position: absolute; } .kie-tooltip:after { content: ""; position:absolute; display: none; top: 3.5rem; transform: translateY(-75%) translateX(50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--secondary-color); } .kie-tooltip:hover:after, .kie-tooltip:focus:after, .kie-tooltip:focus-visible:after { display: block; } .kie-tooltip:hover:before, .kie-tooltip:focus:before, .kie-tooltip:focus-visible:before { display: block; } /* Responsive primary navigation */ @media screen and (max-width: 750px) { header.header .navigation--primary > ul > li { margin: 0 0.2rem; } } @media screen and (max-width: 700px) { header.header .navigation--primary > ul > li > a { padding: 1rem 0.3rem 1.2rem; } header.header .navigation--primary > ul > li { margin: 0 0.1rem; } } @media screen and (max-width: 650px) { header.header nav .navigation--logo h1 { margin: 0; } header.header nav .navigation--logo h1 a { } header.header .navigation--primary > ul > li > a { padding: 1rem 0.1rem 1.1rem; } } @media screen and (max-width: 500px) { header.header nav .navigation--logo h1 { display: none; } header.header .navigation .logo { width: 50px; height: 50px; } header.header .navigation button { padding: 1rem; margin: 0; } } .navigation--primary-right .dropdown--title:after { position: relative; top: .75rem; } .navigation--primary > ul > li > a, .navigation--primary > ul > li .dropdown--title { padding: 1rem 0.3rem } .navigation .logo { width: 60px; height: 60px; background-size: cover; box-shadow: 0 0 0 7px #f8f8f8; border-radius: 100%; border-bottom: 2px solid #ddd; vertical-align: bottom; justify-self: right; top: 1rem; z-index: 2; margin: unset; position: inherit; } .logo.kie { background-image: url("/images/kie_logo.png"); } .navigation--logo { align-self: center; display: inline; } .navigation--primary { align-self: center; display: inline-block; } .navigation--primary-right { grid-column: 3; display: flex; align-items: flex-end; justify-content: center; flex-direction: column; } .navigation--primary-right-top { align-self: center; } .navigation--primary-right-bottom { align-self: center; border-top: black solid thin; } .navigation--primary-left { grid-column-start: 2; } .navigation--secondary, .navigation--secondary-spacer { background-color: lightgray; border-top: 3px solid var(--secondary-color); align-items: center; } .navigation--secondary-spacer { grid-column: 1/3; } .navigation--secondary { grid-column: start/end; } .navigation--secondary a { text-decoration: none; padding: 0 1rem; font-weight: unset; color: unset; text-transform: unset; line-height: unset; height: unset; display: inline; } .navigation-item--active, .navigation-item--active a span { text-decoration: underline; } /* NAV Ends */ /* Responsive Menu Starts */ @media screen and (min-width: 576px) { .navigation h1 { border: none; } } @media screen and (min-width: 982px) { .navigation { grid-template-columns: 2% 2fr auto 2%; } .responsive-menu-button { visibility: hidden; opacity: 0.3; display: none !important; } .dropdown { position: relative; } .dropdown:hover .dropdown--menu, .dropdown:focus-within .dropdown--menu { opacity: 1; transform: rotateX(0) translateX(-50%); visibility: visible; } .dropdown--menu { background-color: var(--primary-nav-color); border-radius: 4px; box-shadow: 0 0.15em 0.25em rgba(0, 0, 0, 0.25); padding: 0.5em 0; min-width: 15ch; position: absolute; top: calc(100% - 0.25rem); z-index: 100; transform: rotateX(-90deg) translateX(-50%); transform-origin: top center; opacity: 0.3; transition: 280ms all 120ms ease-out; visibility: hidden; } .dropdown .dropdown--menu a { display: block; padding: 0.5em; } .dropdown--title { background-color: transparent; border: none; font-weight: 800; color: #475058; text-transform: uppercase; display: inline-flex; align-items: center; } .dropdown--title:after { content: ""; border: 0.5rem solid transparent; margin-left: 0.25em; transform: translateY(0.15em); border-top-color: rgba(71, 80, 88, 0.45) } } @media screen and (max-width: 982px) { .navigation--primary-right { visibility: hidden; transform: rotateX(-90deg) translateX(-50%); opacity: 0.3; display: none; } .responsive-menu-button { visibility: visible; opacity: 1; position: absolute; right: 0; border: none; margin: 20px; } } .navigation--responsive { width: 300px; height: 100vh; background: rgba(255, 255, 255, 0.9); position: fixed; z-index: 100; top: 0; right: -320px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); border-left: 2px solid #5f5f5f; transition: right 0.5s; transform: rotate3d(0, 0, 0, 0deg); padding: 10px 20px 0; } .navigation--responsive .close-button { display: block; text-align: right; right: 0; position: relative; text-decoration: none; } .navigation--responsive .close-button + h4 { margin-top: 10px; outline: none; } .navigation--responsive ul { list-style: none; margin: 0; padding: 0; color: #475058; } .navigation--responsive ul ul { padding-left: 2.5rem; } .navigation--responsive ul li { margin: 0; padding: 5px 0; } .navigation--responsive h4, .navigation--responsive li a { color: #475058; font-family: "Overpass", sans-serif; } .navigation--responsive li a { font-size: 16px; font-weight: 700; } .navigation--responsive h4 { font-size: 1.8rem; font-weight: 800; border-bottom: 1px solid #d1d7dc; padding-bottom: 15px; margin: 20px 0 7px; text-transform: uppercase; } .responsive-menu-opened { overflow: hidden; } .responsive-menu-opened #overlay { opacity: 1; } .responsive-menu-opened .navigation--responsive { right: 0; overflow-y: scroll; } </style> <header class="header"> <nav class="navigation" aria-label="Main Navigation"> <div class="navigation--primary-left"> <div class="navigation--logo"> <div class="logo kie" aria-label="logo"></div> <h1><a href="/" class="navigation-item--active" aria-label="Home">KIE</a></h1> </div> <div class="navigation--primary"> <ul> <li><a href="https://blog.kie.org">Blog</a></li> <li><a href="/about/">About</a></li> <li><a href="/videos/">Videos</a></li> <li><a href="/social/">Social</a></li> <li><a href="/team/">Team</a></li> </ul> </div> </div> <div class="navigation--primary-right"> <div class="navigation--primary"> <ul> <li> <a aria-label="Kogito" href="https://kogito.kie.org/" title="Cloud-native business automation" class="kie-tooltip">Kogito</a> </li> <li> <a aria-label="Drools" href="https://drools.org/" class="kie-tooltip" title="Business rule management">Drools</a> </li> <li> <a aria-label="jBPM" href="https://jbpm.org/" class="kie-tooltip" title="Business process management">jBPM</a> </li> <li> <a aria-label="Optaplanner" href="https://www.optaplanner.org/" class="kie-tooltip" title="Optimizing constraint solver">OptaPlanner</a> </li> </ul> </div> </div> <div class="navigation--secondary"> </div> <button type="button" class="responsive-menu-button open-button" aria-expanded="false">☰</button> </nav> </header> <div class="navigation--responsive"> <ul> <li> <a href="#" class="responsive-menu-button close-button">✕</a> <h3> KIE Projects </h3> <ul> <li><a aria-label="Kogito" href="https://kogito.kie.org/">Kogito</a></li> <li><a aria-label="Drools" href="https://drools.org/">Drools</a></li> <li><a aria-label="jBPM" href="https://jbpm.org/">jBPM</a></li> <li><a aria-label="Optaplanner" href="https://www.optaplanner.org/">OptaPlanner</a></li> </ul> </li> </ul> </div> <div class="container container--main "> <div class="container container--full"> <div class="container container--front-video"> <div class="video-playlist--wrapper"> <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLo3ZScdD9hW4S94iT3ZgOWm8asSHuMDYn" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div> <div class="front-video-text"> <p> KIE Live events are live streams designed to facilitate knowledge sharing about the Business Automation topic, including business rules, decisions, processes, resource planning, tooling, and AI. They're community events and anyone is welcome to attend! The latest video is on the left. The events are live streamed on Tuesdays around 11:00 AM Eastern. </p> <p> If you have suggestions or feedback about KIE Live events, please visit and fill out <a href="https://docs.google.com/forms/d/e/1FAIpQLSfdaNsMJjeHv_O0Ltwx-7Pn8B6ok2bynNVt62cikauGeNQv4Q/viewform">the survey</a>. </p> </div> </div> <div class="blog-list"> <div class="card card--blog-list"> <h1 class="card-header"><a href="https://blog.kie.org">Latest Blog Posts</a></h1> <div class="card--body"> <cpx-query auto url="https://blog.kie.org/wp-json/wp/v2/posts?categories=4&per_page=3"> <template> <style> a { text-decoration: none; color: #369; } h2 a { color: #6d4cd4; } h4 { font-size: 10pt; } h2, h3 { margin: 0; padding: 0 } h3 { line-height: 1.0; } section { margin-bottom: 1.5rem; } .date, pfe-datetime { font-size: 1.5rem; } </style> <h2><a href="https://blog.kie.org/featured/process">Process</a></h2> <article data-repeat> <section> <header> <h3><a href="${link}">${title.rendered}</a></h3> <span class="date"><pfe-datetime datetime="${date}" month="short" type="local" day="numeric" year="numeric">${date}</pfe-datetime></span> </header> </section> </article> </template> </cpx-query> <cpx-query auto url="https://blog.kie.org/wp-json/wp/v2/posts?categories=3&per_page=3"> <template> <style> a { text-decoration: none; color: #369; } h2 a { color: #ba559f; } h4 { font-size: 10pt; } h2, h3 { margin: 0; padding: 0 } h3 { line-height: 1.0; } section { margin-bottom: 1.5rem; } .date, pfe-datetime { font-size: 1.5rem; } </style> <h2><a href="https://blog.kie.org/featured/rules">Rules</a></h2> <article data-repeat> <section> <header> <h3><a href="${link}">${title.rendered}</a></h3> <span class="date"><pfe-datetime datetime="${date}" month="short" type="local" day="numeric" year="numeric">${date}</pfe-datetime></span> </header> </section> </article> </template> </cpx-query> <cpx-query auto url="https://blog.kie.org/wp-json/wp/v2/posts?categories=5&per_page=3"> <template> <style> a { text-decoration: none; color: #369; } h2 a { color: 446ed5; } h4 { font-size: 10pt; } h2, h3 { margin: 0; padding: 0 } h3 { line-height: 1.0; } section { margin-bottom: 1.5rem; } .date, pfe-datetime { font-size: 1.5rem; } </style> <h2><a href="https://blog.kie.org/featured/optimization">Optimization</a></h2> <article data-repeat> <section> <header> <h3><a href="${link}">${title.rendered}</a></h3> <span class="date"><pfe-datetime datetime="${date}" month="short" type="local" day="numeric" year="numeric">${date}</pfe-datetime></span> </header> </section> </article> </template> </cpx-query> <cpx-query auto url="https://blog.kie.org/wp-json/wp/v2/posts?categories=52&per_page=3"> <template> <style> a { text-decoration: none; color: #369; } h2 a { color: #c34e53; } h4 { font-size: 10pt; } h2, h3 { margin: 0; padding: 0 } h3 { line-height: 1.0; } section { margin-bottom: 1.5rem; } .date, pfe-datetime { font-size: 1.5rem; } </style> <h2><a href="https://blog.kie.org/featured/ai">Ai</a></h2> <article data-repeat> <section> <header> <h3><a href="${link}">${title.rendered}</a></h3> <span class="date"><pfe-datetime datetime="${date}" month="short" type="local" day="numeric" year="numeric">${date}</pfe-datetime></span> </header> </section> </article> </template> </cpx-query> <cpx-query auto url="https://blog.kie.org/wp-json/wp/v2/posts?categories=39&per_page=3"> <template> <style> a { text-decoration: none; color: #369; } h2 a { color: #c34e53; } h4 { font-size: 10pt; } h2, h3 { margin: 0; padding: 0 } h3 { line-height: 1.0; } section { margin-bottom: 1.5rem; } .date, pfe-datetime { font-size: 1.5rem; } </style> <h2><a href="https://blog.kie.org/featured/general">General</a></h2> <article data-repeat> <section> <header> <h3><a href="${link}">${title.rendered}</a></h3> <span class="date"><pfe-datetime datetime="${date}" month="short" type="local" day="numeric" year="numeric">${date}</pfe-datetime></span> </header> </section> </article> </template> </cpx-query> <cpx-query auto url="https://blog.kie.org/wp-json/wp/v2/posts?categories=38&per_page=3"> <template> <style> a { text-decoration: none; color: #369; } h2 a { color: #6d4cd4; } h4 { font-size: 10pt; } h2, h3 { margin: 0; padding: 0 } h3 { line-height: 1.0; } section { margin-bottom: 1.5rem; } .date, pfe-datetime { font-size: 1.5rem; } </style> <h2><a href="https://blog.kie.org/featured/tools">Tools</a></h2> <article data-repeat> <section> <header> <h3><a href="${link}">${title.rendered}</a></h3> <span class="date"><pfe-datetime datetime="${date}" month="short" type="local" day="numeric" year="numeric">${date}</pfe-datetime></span> </header> </section> </article> </template> </cpx-query> </div> <script type="module" src="https://unpkg.com/@patternfly/pfe-datetime@1.9.2/dist/pfe-datetime.js" async></script> </div> </div> <div class="events events--list"> <div class="card card--events-list"> <h1 class="card-header">Upcoming Events</h1> <div class="card--body"> <calendar-events api-key="AIzaSyAUvcoq9UHZthp008_BI_0QSXs98g0sTmc" calendar-id="auupg99ha1n0nc4fsdjj3uhbq8@group.calendar.google.com" event-count="10" show-recurring style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));grid-gap: 2rem; font-size: 12pt; font-family: RedHatText,"Red Hat Text",Overpass,Overpass,"Helvetica Neue",Arial,sans-serif;"> <template> <div class='event'> <div class='event-summary'><a class='event-url event-title' style="text-decoration: none;color: #369;"></a></div> <div class='event-date'></div> <div class='event-body'></div> </div> </template> </calendar-events> </div> </div> </div> </div> </div> <style> .redhat-footer.content { padding: 0 13rem; width: 100%; } .redhat-footer .grid-wrapper { padding: .5rem 0; } .redhat-footer .grid-wrapper { display: grid; grid-template-columns: repeat(12, 1fr); grid-gap: 1em; clear: both; } .redhat-footer .licence { grid-column: 5/9; align-self: center; justify-self: center; } .redhat-footer .licence a { color: #fff; font-size: 1rem; font-weight: 200; } .redhat-footer .redhat { grid-column: 9/12; align-self: center; justify-self: end; font-size: 1rem; font-weight: 200; } .redhat-footer .redhat-logo { grid-column: 12/13; justify-self: end; align-self: center; width: 6rem; } .redhat-footer a { line-height: 1.5rem; font-weight: 400; cursor: pointer; text-decoration: underline; color: #9BCAFA; } .redhat-footer { font-family: 'Open Sans', Arial, sans-serif; color: #fff; line-height: 1rem; background-color: #000; } @media screen and (max-width: 990px){ .redhat-footer.content { padding: unset; } .redhat-footer .licence { grid-column: 2/8; } .redhat-footer .redhat { grid-column: 9; } .redhat-footer .redhat-logo { grid-column: 10; } } </style> <div class="content redhat-footer"> <div class="grid-wrapper"> <span class="licence"> <i class="fab fa-creative-commons"></i><i class="fab fa-creative-commons-by"></i> <a href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC by 3.0</a> | <a href="https://www.redhat.com/en/about/privacy-policy">Privacy Policy</a> </span> <span class="redhat"> Sponsored by </span> <span class="redhat-logo"> <a href="https://www.redhat.com/" target="_blank"><img src="https://www.redhat.com/profiles/rh/themes/redhatdotcom/img/logo.svg"></a> </span> </div> </div> </body> </html>