1<!DOCTYPE html> 2<!--[if IE 8]> <html class="ie ie8"> <![endif]--> 3<!--[if IE 9]> <html class="ie ie9"> <![endif]--> 4<!--[if gt IE 9]><!--> <html> <!--<![endif]--> 5 <head> 6 <meta charset="utf-8" /> 7 <title>Coherence Community: Examples</title> 8 <meta name="keywords" content="HTML5,CSS3,Template" /> 9 <meta name="description" content="Oracle Coherence Examples" /> 10 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 11 12 <!-- mobile settings --> 13 <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" /> 14 15 <!-- Favicon --> 16 <link rel="shortcut icon" href="assets/images/favicon.ico" /> 17 18 <!-- WEB FONTS --> 19 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&subset=latin,latin-ext,cyrillic,cyrillic-ext" rel="stylesheet" type="text/css" /> 20 21 <!-- CORE CSS --> 22 <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 23 <link href="assets/css/font-awesome.css" rel="stylesheet" type="text/css" /> 24 <link href="assets/css/sky-forms.css" rel="stylesheet" type="text/css" /> 25 <link href="assets/css/weather-icons.min.css" rel="stylesheet" type="text/css" /> 26 <link href="assets/css/line-icons.css" rel="stylesheet" type="text/css" /> 27 <link href="assets/plugins/owl-carousel/owl.pack.css" rel="stylesheet" type="text/css" /> 28 <link href="assets/plugins/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css" /> 29 <link href="assets/css/animate.css" rel="stylesheet" type="text/css" /> 30 <link href="assets/css/flexslider.css" rel="stylesheet" type="text/css" /> 31 32 <!-- REVOLUTION SLIDER --> 33 <link href="assets/css/revolution-slider.css" rel="stylesheet" type="text/css" /> 34 <link href="assets/css/layerslider.css" rel="stylesheet" type="text/css" /> 35 36 <!-- THEME CSS --> 37 <link href="assets/css/essentials.css" rel="stylesheet" type="text/css" /> 38 <link href="assets/css/layout.css" rel="stylesheet" type="text/css" /> 39 <link href="assets/css/header-transparent.css" rel="stylesheet" type="text/css" /> 40 <link href="assets/css/footer-default.css" rel="stylesheet" type="text/css" /> 41 <link href="assets/css/color_scheme/red.css" rel="stylesheet" type="text/css" id="color_scheme" /> 42 43 <!-- Morenizr --> 44
44<script type="text/javascript" src="assets/plugins/modernizr.min.js"></script>
44 45 46 <!--[if lte IE 8]> 47
47<script src="assets/plugins/respond.js"></script>
47 48 <![endif]--> 49 </head> 50 51 <!-- 52 Available body classes: 53 smoothscroll = enable chrome browser smooth scroll 54 grey = grey content background 55 boxed = boxed style 56 pattern1 ... pattern10 = background pattern 57 58 Background Image - add to body: 59 data-background="assets/images/boxed_background/1.jpg" 60 --> 61 <body class="smoothscroll pattern6"> 62 63 <div id="wrapper"> 64 65 <header id="header"> 66 67 <!-- Top Nav --> 68 <header id="topNav"> 69 <div class="container"> 70 71 <!-- Logo --> 72 <a class="logo" href="index.html"> 73 <img src="assets/images/logo-red.png" height="50" alt="" /> 74 </a> 75 76 <!-- Mobile Menu Button --> 77 <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse"> 78 <i class="fa fa-bars"></i> 79 </button> 80 81 <!-- Top Nav --> 82 <div class="navbar-collapse nav-main-collapse collapse"> 83 <nav class="nav-main"> 84 85 <!-- 86 NOTE 87 88 For a regular link, remove "dropdown" class from LI tag and "dropdown-toggle" class from the href. 89 Direct Link Example: 90 91 <li> 92 <a href="#">HOME</a> 93 </li> 94 --> 95 <ul id="topMain" class="nav nav-pills nav-main white"><!-- add "white" class if you want white menu text color--> 96 <li> 97 <a href="index.html#overview">Overview</a> 98 </li> 99 <li> 100 <a href="index.html#features">Features</a> 101 </li> 102 <li> 103 <a href="index.html#quickstart">Quick Start</a> 104 </li> 105 <li class="active"> 106 <a href="#">Examples</a> 107 </li> 108 <li> 109 <a href="projects.html">Projects</a> 110 </li> 111 <li class="dropdown"> 112 <a class="dropdown-toggle" href="#">Documentation</a> 113 <ul class="dropdown-menu"> 114 <li><a href="https://docs.oracle.com/en/middleware/fusion-middleware/coherence/14.1.2/index.html" target="_blank"><i class="fa fa-external-link"></i> Official Documentation (all editions)</a></li> 115 <li class="divider"></li> 116 <li><a href="https://docs.coherence.community/coherence/docs/latest" target="_blank"><i class="fa fa-external-link"></i> Coherence CE 25.03 (latest) Documentation</a></li> 117 <li><a href="https://docs.coherence.community/coherence/docs/14.1.2.0" target="_blank"><i class="fa fa-external-link"></i> Coherence CE 14.1.2 (LTS) Documentation</a></li> 118 <li><a href="https://docs.coherence.community/coherence/docs/22.06" target="_blank"><i class="fa fa-external-link"></i> Coherence CE 22.06 (LTS) Documentation</a></li> 119 <li><a href="https://docs.coherence.community/coherence/docs/14.1.1.0" target="_blank"><i class="fa fa-external-link"></i> Coherence CE 14.1.1 (LTS) Documentation</a></li> 120 </ul> 121 </li> 122 <li> 123 <a href="https://medium.com/oracle-coherence" target="_blank"><i class="fa fa-medium"></i> Blog</a> 124 </li> 125 <li> 126 <a href="https://github.com/oracle/coherence" target="_blank"><i class="fa fa-github"></i> Code</a> 127 </li> 128 </ul> 129 130 </nav> 131 </div> 132 <!-- /Top Nav --> 133 134 </div><!-- /.container --> 135 </header> 136 <!-- /Top Nav --> 137 138 </header> 139 140 141 <!-- REVOLUTION SLIDER --> 142 <div class="slider fullwidthbanner-container roundedcorners"> 143 <div class="fullwidthbanner" data-height="650"> 144 <ul class="hide"> 145 146 <!-- SLIDE --> 147 <li data-transition="fade" data-slotamount="14" data-masterspeed="300" data-delay="10000"> 148 149 <!-- COVER IMAGE --> 150 <img src="assets/images/1x1.png" data-lazyload="assets/images/wall.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" /> 151 152 <div class="tp-caption modern_medium_fat_white lfl stl" 153 data-x="60" 154 data-y="300" 155 data-speed="300" 156 data-start="500" 157 data-easing="easeOutExpo">PREFER TO LEARN FROM 158 </div> 159 160 <div class="tp-caption large_bold_white sft stb" 161 data-x="60" 162 data-y="323" 163 data-speed="300" 164 data-start="1000" 165 data-easing="easeOutExpo">EXAMPLES? 166 </div> 167 168 <div class="tp-caption lfl stl medium_light_white" 169 data-x="950" 170 data-y="80" 171 data-speed="3000" 172 data-start="2000" 173 data-easing="easeOutExpo"><img src="assets/images/sockshop-ui-2.png" width="400" alt="" /> 174 </div> 175 <div class="tp-caption sfb medium_light_white" 176 data-x="620" 177 data-y="220" 178 data-speed="2000" 179 data-start="2000" 180 data-easing="easeOutExpo"><img src="assets/images/coherence-demo.png" width="500" alt="" /> 181 </div> 182 183 <div class="tp-caption medium_light_white sft stb" 184 data-x="60" 185 data-y="400" 186 data-speed="500" 187 data-start="3000" 188 data-easing="easeOutExpo">From simple ones, to complete apps 189 </div> 190 191 </li> 192 <!-- /SLIDE --> 193 194 </ul> 195 196 <div class="tp-bannertimer"></div>
197 </div> 198 </div> 199 <!-- /REVOLUTION SLIDER --> 200 201 202 <!-- CONTENT --> 203 <section> 204 <div class="container"> 205 206 <h2>Featured <strong>Examples</strong></h2> 207 <hr/> 208 209 <div class="row"> 210 <div class="col-sm-6 col-md-7"> 211 <!-- VIDEO --> 212 <div class="embed-responsive embed-responsive-16by9"> 213 <iframe class="embed-responsive-item" width="800" src="https://www.youtube.com/embed/dbegsSXKkoI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 214 </div> 215 <!-- /VIDEO --> 216 </div> 217 218 <div class="col-sm-6 col-md-5"> 219 220 <h3>Sock <strong>Shop</strong></h3> 221 <p>Our flagship example application shows you not only how easy it is to develop Coherence-based microservices 222 with Spring, Micronaut, or Helidon, but also how to deploy them to Kubernetes using Coherence Operator, 223 and monitor them using Prometheus, Grafana and Jaeger.</p> 224 225 <ul class="list-icon star-o"> 226 <li>Integration with 227 <a href="https://github.com/oracle/coherence-spring-sockshop-sample" target="_blank">Spring Boot</a>, 228 <a href="https://github.com/oracle/coherence-micronaut-sockshop-sample" target="_blank">Micronaut</a> and 229 <a href="https://github.com/oracle/coherence-helidon-sockshop-sample" target="_blank">Helidon</a> 230 </li> 231 <li>Event-driven Processing</li> 232 <li>Deployment to Kubernetes using <a href="https://oracle.github.io/coherence-operator/docs/latest/#/about/01_overview" target="_blank">Coherence Operator</a></li> 233 <li>Monitoring with Prometheus, Grafana and Jaeger</li> 234 </ul> 235 236 <a href="https://github.com/oracle/coherence-spring-sockshop-sample" target="_blank" class="btn btn-primary btn-lg btn-margin-top"><i class="fa fa-github"></i> Spring</a> 237 <a href="https://github.com/oracle/coherence-micronaut-sockshop-sample" target="_blank" class="btn btn-primary btn-lg btn-margin-top"><i class="fa fa-github"></i> Micronaut</a> 238 <a href="https://github.com/oracle/coherence-helidon-sockshop-sample" target="_blank" class="btn btn-primary btn-lg btn-margin-top"><i class="fa fa-github"></i> Helidon</a> 239 </div> 240 </div> 241 <hr/> 242 243 <div class="row"> 244 <div class="col-sm-6 col-md-7"> 245 <!-- VIDEO --> 246 <div class="embed-responsive embed-responsive-16by9"> 247 <iframe class="embed-responsive-item" width="800" src="https://www.youtube.com/embed/9seUf6k7CQo?si=LPbx5AzgVLSVVjiy" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 248 </div> 249 <!-- /VIDEO --> 250 </div> 251 252 <div class="col-sm-6 col-md-5"> 253 254 <h3>Coherence <strong>Demo</strong></h3> 255 <p>The main "pure" Coherence demo application showcases many general features, as well as scalability and HA capabilities of Coherence:</p> 256 257 <ul class="list-icon star-o"> 258 <li>Clustering and Data Sharding</li> 259 <li>Scalability and High Availability</li> 260 <li>Persistence to Disk</li> 261 <li>Parallel Queries and Aggregation</li> 262 <li>In-Place Processing</li> 263 <li>Multi-Data Center Federation (Grid Edition feature only)</li> 264 <li>OpenTracing Support</li> 265 </ul> 266 267 <a href="https://github.com/coherence-community/coherence-demo/" target="_blank" class="btn btn-primary btn-lg btn-margin-top"><i class="fa fa-github"></i> View on GitHub</a> 268 </div> 269 </div> 270 <hr/> 271 272 <div class="row"> 273 <div class="col-sm-6 col-md-7"> 274 <!-- VIDEO --> 275 <div class="embed-responsive embed-responsive-16by9"> 276 <iframe class="embed-responsive-item" width="800" src="https://www.youtube.com/embed/uCTfvCoqMDw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 277 </div> 278 <!-- /VIDEO --> 279 </div> 280 281 <div class="col-sm-6 col-md-5"> 282 283 <h3>To Do <strong>List</strong></h3> 284 <p>An extension of the <a href="index.html#quickstart">Quick Start</a> that adds various client implementations (React.js, Oracle JET, JavaFX), 285 as well as the additional REST API implementation (Node.js/Express). It demonstrates how the same Web Server 286 that is used to host REST API can be used to serve modern static web front ends.</p> 287 <p>The entire application is documented in detail in a series of articles published in the Java Magazine:</p> 288 <ul> 289 <li><a href="https://medium.com/oracle-coherence/hello-coherence-part-1-6900de3f9ceb" target="_blank">Hello, Coherence (Part 1): REST API</a></li> 290 <li><a href="https://medium.com/oracle-coherence/hello-coherence-part-2-8d26d7840139" target="_blank">Hello, Coherence (Part 2): Clients</a></li> 291 <li><a href="https://medium.com/oracle-coherence/hello-coherence-part-3-2670050925d" target="_blank">Hello, Coherence (Part 3): Deployment and Operations</a></li> 292 </ul> 293 294 <ul class="list-icon star-o"> 295 <li>Integration with 296 <a href="https://medium.com/oracle-coherence/hello-coherence-part-1-6900de3f9ceb" target="_blank">Helidon</a>, 297 <a href="https://medium.com/oracle-coherence/hello-coherence-now-with-micronaut-ed05dfda4209" target="_blank">Micronaut</a> and 298 <a href="https://medium.com/oracle-coherence/hello-coherence-bootiful-spring-be83554b3859" target="_blank">Spring Boot</a> 299 </li> 300 <li>Integration with <a href="https://medium.com/oracle-coherence/the-coherence-javascript-client-71b50dfd1869" target="_blank">Node.js/Express</a>, <a href="https://medium.com/oracle-coherence/the-coherence-go-client-6750513ccbe1" target="_blank">Go</a> and <a href="https://github.com/oracle/coherence-py-client" target="_blank">Python</a> </li> 301 <li>REST, gRPC and GraphQL endpoints</li> 302 <li>Client-side Events</li> 303 <li>React and Oracle JET Web Front End</li> 304 <li>JavaFX Client</li> 305 <li>Deployment to Kubernetes using <a href="https://oracle.github.io/coherence-operator/docs/latest/#/about/01_overview" target="_blank">Coherence Operator</a></li> 306 <li>Monitoring with Prometheus, Grafana and Jaeger</li> 307 </ul> 308 309 <a href="https://github.com/coherence-community/todo-list-example" target="_blank" class="btn btn-primary btn-lg btn-margin-top"><i class="fa fa-github"></i> View on GitHub</a> 310 </div> 311 </div> 312 313 <!-- 314 315 <h2>Additional <strong>Examples</strong></h2> 316 <div class="row"> 317 318 <div class="col-md-3"> 319 <div class="item-box"> 320 <figure> 321 <a class="item-hover" href="portfolio-single-basic.html"> 322 <span class="overlay color2"></span> 323 <span class="inner"> 324 <span class="block fa fa-plus fsize20"></span> 325 <strong>PROJECT</strong> DETAIL 326 </span> 327 </a> 328 <img class="img-responsive" src="assets/images/demo/portfolio/thumb/a3.jpg" width="260" height="260" alt=""> 329 </figure> 330 <div class="item-box-desc"> 331 <h4>To Do List</h4> 332 <small class="styleColor">29 June, 2014</small> 333 </div> 334 </div> 335 </div> 336 337 <div class="col-md-3"> 338 <div class="item-box"> 339 <figure> 340 <a class="item-hover lightbox" href="http://www.youtube.com/watch?v=W7Las-MJnJo" data-plugin-options='{"type":"iframe"}'> 341 <span class="overlay color2"></span> 342 <span class="inner"> 343 <span class="block fa fa-plus fsize20"></span> 344 <strong>VIEW</strong> VIDEO 345 </span> 346 </a> 347 <img class="img-responsive" src="assets/images/demo/portfolio/thumb/a4.jpg" width="260" height="260" alt=""> 348 </figure> 349 <div class="item-box-desc"> 350 <h4>Web Crawler</h4> 351 <small class="styleColor">29 June, 2014</small> 352 </div> 353 </div> 354 </div> 355 356 <div class="col-md-3"> 357 <div class="item-box"> 358 <figure> 359 <a class="item-hover lightbox" href="assets/images/demo/portfolio/thumb/a5.jpg" data-plugin-options='{"type":"image"}'> 360 <span class="overlay color2"></span> 361 <span class="inner"> 362 <span class="block fa fa-plus fsize20"></span> 363 <strong>PROJECT</strong> DETAIL 364 </span> 365 </a> 366 <img class="img-responsive" src="assets/images/demo/portfolio/thumb/a5.jpg" width="260" height="260" alt=""> 367 </figure> 368 <div class="item-box-desc"> 369 <h4>Coherence REST Demo</h4> 370 <small class="styleColor">29 June, 2014</small> 371 </div> 372 </div> 373 </div> 374 375 <div class="col-md-3"> 376 <div class="item-box"> 377 <figure> 378 <a class="item-hover" href="portfolio-single-basic.html"> 379 <span class="overlay color2"></span> 380 <span class="inner"> 381 <span class="block fa fa-plus fsize20"></span> 382 <strong>PROJECT</strong> DETAIL 383 </span> 384 </a> 385 <img class="img-responsive" src="assets/images/demo/portfolio/thumb/a7.jpg" width="260" height="260" alt=""> 386 </figure> 387 <div class="item-box-desc"> 388 <h4>Atropos Project</h4> 389 <small class="styleColor">29 June, 2014</small> 390 </div> 391 </div> 392 </div> 393 394 </div> 395 --> 396
397 </div> 398 </section> 399 <!-- /CONTENT --> 400 401 <!-- FOOTER --> 402 <footer id="footer"> 403 <div class="container"> 404 405 <div class="row"> 406 407 <!-- col #1 --> 408 <div class="spaced col-md-4 col-sm-4"> 409 410 <h4>Stay <strong>Connected</strong></h4> 411 412 <p> 413 Connect with us on social networks. 414 </p> 415 416 <p class="block"><!-- social --> 417 <a href="https://twitter.com/OracleCoherence" target="_blank" class="social fa fa-twitter"></a> 418 <a href="https://www.linkedin.com/groups/1782166/" target="_blank" class="social fa fa-linkedin"></a> 419 <a href="http://www.facebook.com/oraclecoherencepm" target="_blank" class="social fa fa-facebook"></a> 420 </p><!-- /social --> 421 422 <h4><strong>Contribute</strong></h4> 423 424 <ul class="list-unstyled nobordered"> 425 <li><a class="block" href="https://github.com/oracle/coherence" target="_blank"><i class="fa fa-github"></i> Fork us on GitHub and start coding.</a></li> 426 </ul> 427 428 </div> 429 <!-- /col #1 --> 430 431 <!-- col #2 --> 432 <div class="spaced col-md-8 col-sm-8"> 433 434 <div class="row"> 435 436 <div class="col-md-4 col-sm-12 col-xs-12"> 437 <h4>Learn <strong>More</strong></h4> 438 <ul class="list-unstyled nobordered"> 439 <li><a class="block" href="https://www.youtube.com/user/OracleCoherence" target="_blank"><i class="fa fa-youtube"></i> Watch our Videos</a></li> 440 <li><a class="block" href="https://medium.com/oracle-coherence" target="_blank"><i class="fa fa-medium"></i> Read our Blog</a></li> 441 <li><a class="block" href="https://stackoverflow.com/tags/oracle-coherence" target="_blank"><i class="fa fa-stack-overflow"></i> Find Answers</a></li> 442 <li><a class="block" href="https://join.slack.com/t/oraclecoherence/shared_invite/zt-9ufv220y-Leudk0o5ntgNV0xraa8DNw" target="_blank"><i class="fa fa-slack"></i> Chat with Us</a></li> 443 </ul> 444 </div> 445 446 <div class="col-md-4 hidden-sm hidden-xs"> 447 <h4>Related <strong>Projects</strong></h4> 448 <ul class="list-unstyled nobordered"> 449 <li><a class="block" href="https://github.com/oracle/coherence-operator" target="_blank"><i class="fa fa-external-link"></i> Coherence Operator</a></li> 450 <li><a class="block" href="https://helidon.io" target="_blank"><i class="fa fa-external-link"></i> Helidon </a></li> 451 <li><a class="block" href="https://www.graalvm.org" target="_blank"><i class="fa fa-external-link"></i> GraalVM</a></li> 452 <li><a class="block" href="https://verrazzano.io" target="_blank"><i class="fa fa-external-link"></i> Verrazzano</a></li> 453 <li><a class="block" href="https://github.com/coherence-community/coherence-spring" target="_blank"><i class="fa fa-external-link"></i> Spring Integration</a></li> 454 <li><a class="block" href="https://github.com/coherence-community/coherence-hibernate" target="_blank"><i class="fa fa-external-link"></i> Hibernate Integration</a></li> 455 </ul> 456 </div> 457 458 <!-- 459 <div class="col-md-4 hidden-sm hidden-xs"> 460 <h4>About <strong>Us</strong></h4> 461 <ul class="list-unstyled nobordered"> 462 <li><a class="block" href="team.html"><i class="fa fa-angle-right"></i> Meet the Team</a></li> 463 <li><a class="block" href="events.html"><i class="fa fa-angle-right"></i> Upcoming Events</a></li> 464 <li><a class="block" href="presentations.html"><i class="fa fa-angle-right"></i> Past Presentations</a></li> 465 <li><a class="block" href="faq.html"><i class="fa fa-angle-right"></i> FAQ</a></li> 466 </ul> 467 </div> 468 --> 469 470 </div> 471 472 </div> 473 <!-- /col #2 --> 474 475 </div> 476 477 </div> 478 479 <hr /> 480 481 <div class="copyright"> 482 <div class="container text-center fsize12"> 483 Copyright © 2020, 2021, Oracle and/or its affiliates. All rights reserved • Oracle and Java are registered trademarks of Oracle and/or its affiliates. Other names may be trademarks of their respective owners. 484 </div>
485 </div> 486 </footer> 487 <!-- /FOOTER --> 488 489 <a href="#" id="toTop"></a> 490 491 </div><!-- /#wrapper --> 492 493 <!-- JAVASCRIPT FILES --> 494
494<script type="text/javascript" src="assets/plugins/jquery-2.2.3.min.js"></script>
494 495
495<script type="text/javascript" src="assets/plugins/jquery.isotope.js"></script>
495 496
496<script type="text/javascript" src="assets/plugins/masonry.js"></script>
496 497 498
498<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
498 499
499<script type="text/javascript" src="assets/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
499 500
500<script type="text/javascript" src="assets/plugins/owl-carousel/owl.carousel.min.js"></script>
500 501
501<script type="text/javascript" src="assets/plugins/knob/js/jquery.knob.js"></script>
501 502
502<script type="text/javascript" src="assets/plugins/flexslider/jquery.flexslider-min.js"></script>
502 503 504 <!-- REVOLUTION SLIDER --> 505
505<script type="text/javascript" src="assets/plugins/revolution-slider/js/jquery.themepunch.tools.min.js"></script>
505 506
506<script type="text/javascript" src="assets/plugins/revolution-slider/js/jquery.themepunch.revolution.min.js"></script>
506 507
507<script type="text/javascript" src="assets/js/revolution_slider.js"></script>
507 508 509
509<script type="text/javascript" src="assets/js/scripts.js"></script>
509 510 </body> 511</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.