<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>OPNFV presentation</title> <meta name="description" content="Dashboard Status"> <meta name="author" content="Serena Feng"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"> <link rel="stylesheet" href="../../css/reveal.css"> <link rel="stylesheet" href="../../css/theme/OPNFV.css" id="theme"> <!-- Code syntax highlighting --> <link rel="stylesheet" href="../../lib/css/zenburn.css"> <!-- Printing and PDF exports --> <script> var link = document.createElement( 'link' ); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = window.location.search.match( /print-pdf/gi ) ? '../../css/print/pdf.css' : '../../css/print/paper.css'; document.getElementsByTagName( 'head' )[0].appendChild( link ); </script> <!--[if lt IE 9]> <script src="lib/js/html5shiv.js"></script> <![endif]--> </head> <body> <div class="reveal"> <!-- Any section element inside of this container is displayed as a slide --> <div class="slides"> <section data-background="../../img/title-bg.png" data-background-transition="none"> <h1>Dashboard Status</h1> <h3></h3> <br> <h4>OPNFV testing community</h4> <h5></h5> <br> </section> <section> <h3>results generation</h3> <img width="600" data-src="./dashboard_status/generation.png" alt="tests"> </section> <section> <h3>result model</h3> <img width="600" data-src="./dashboard_status/result_model.png" alt="tests"> </section> <section> <h3>dashboard generation</h3> <img width="600" data-src="./dashboard_status/dashboard_generate.png" alt="tests"> </section> <section> <h3>selection layout(1)</h3> <img width="600" data-src="./dashboard_status/selection_1.png" alt="tests"> </section> <section> <h3>selection layout(2)</h3> <img width="600" data-src="./dashboard_status/selection_2.png" alt="tests"> </section> <section> <h3>display period select</h3> <img width="600" data-src="./dashboard_status/period_select.png" alt="tests"> </section> <section> <h3>duration display</h3> <img width="600" data-src="./dashboard_status/duration.png" alt="tests"> </section> <section> <h3>tests/failures display</h3> <img width="600" data-src="./dashboard_status/number.png" alt="tests"> </section> <section> <h3>success_percentage display</h3> <img width="600" data-src="./dashboard_status/percentage.png" alt="tests"> </section> <section data-markdown> # possible layouts * project * testcase * pod * installer * scenario * version * period </section> <section data-markdown> # possible display domains * duration * tests/failures * success_percentage </section> <section> <h3>Thank you</h3> <img width="600" data-src="./dashboard_status/danube.jpg" alt="tests"> </section> </div> <div class='footer'> <img src="../../img/logo-OPNFV.png" alt="OPNFV logo"> </div> </div> <script src="../../lib/js/head.min.js"></script> <script src="../../js/reveal.js"></script> <script> // Full list of configuration options available at: // https://github.com/hakimel/reveal.js#configuration Reveal.initialize({ controls: true, progress: true, history: true, center: true, transition: 'slide', // none/fade/slide/convex/concave/zoom // Optional reveal.js plugins dependencies: [ { src: '../../lib/js/classList.js', condition: function() { return !document.body.classList; } }, { src: '../../plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, { src: '../../plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, { src: '../../plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } }, { src: '../../plugin/zoom-js/zoom.js', async: true }, { src: '../../plugin/notes/notes.js', async: true } ] }); </script> </body> </html>