You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by dm...@apache.org on 2017/05/16 23:08:33 UTC

svn commit: r1795386 - in /ignite/site/trunk: ./ css/ images/ includes/ scss/

Author: dmagda
Date: Tue May 16 23:08:32 2017
New Revision: 1795386

URL: http://svn.apache.org/viewvc?rev=1795386&view=rev
Log:
webconsole screencasts

Added:
    ignite/site/trunk/images/tcampbell.png   (with props)
    ignite/site/trunk/images/webconsole-rdbms-1.png   (with props)
    ignite/site/trunk/images/webconsole-rdbms-2.png   (with props)
    ignite/site/trunk/images/webconsole-rdbms-3.png   (with props)
Modified:
    ignite/site/trunk/blogs.html
    ignite/site/trunk/css/all.css
    ignite/site/trunk/download.html
    ignite/site/trunk/includes/footer.html
    ignite/site/trunk/includes/scripts.html
    ignite/site/trunk/index.html
    ignite/site/trunk/scss/ignite.scss

Modified: ignite/site/trunk/blogs.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/blogs.html?rev=1795386&r1=1795385&r2=1795386&view=diff
==============================================================================
Binary files - no diff available.

Modified: ignite/site/trunk/css/all.css
URL: http://svn.apache.org/viewvc/ignite/site/trunk/css/all.css?rev=1795386&r1=1795385&r2=1795386&view=diff
==============================================================================
--- ignite/site/trunk/css/all.css (original)
+++ ignite/site/trunk/css/all.css Tue May 16 23:08:32 2017
@@ -8539,6 +8539,12 @@ a.github-icon {
   padding-left: 0px;
 }
 
+.video-description {
+  color: #888;
+  font-size: 14px;
+  line-height: 1.6em;
+}
+
 .btn-transparent {
   color: #fff;
   background-color: transparent;

Modified: ignite/site/trunk/download.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/download.html?rev=1795386&r1=1795385&r2=1795386&view=diff
==============================================================================
--- ignite/site/trunk/download.html (original)
+++ ignite/site/trunk/download.html Tue May 16 23:08:32 2017
@@ -1169,7 +1169,7 @@ under the License.
         <div class="row">
             <div class="col-md-4 col-sm-5">
                 <div class="logo"><a href="#wrapper"><img src="/images/logo3.png"></a></div>
-                <a href="https://donate.apache.org/"><img src="/images/support-apache.png" height="50" width="50" style="margin-top: 30px; margin-left: 15px;"/></a>
+                <a href="https://donate.apache.org/"><img src="/images/support-apache.png" height="50" width="50" style="margin-top: 30px; margin-left: 10px;"/></a>
             </div>
             <nav class="col-md-4 col-sm-3 footer-nav">
                 <ul class="list-unstyled">

Added: ignite/site/trunk/images/tcampbell.png
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/tcampbell.png?rev=1795386&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ignite/site/trunk/images/tcampbell.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ignite/site/trunk/images/webconsole-rdbms-1.png
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/webconsole-rdbms-1.png?rev=1795386&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ignite/site/trunk/images/webconsole-rdbms-1.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ignite/site/trunk/images/webconsole-rdbms-2.png
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/webconsole-rdbms-2.png?rev=1795386&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ignite/site/trunk/images/webconsole-rdbms-2.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: ignite/site/trunk/images/webconsole-rdbms-3.png
URL: http://svn.apache.org/viewvc/ignite/site/trunk/images/webconsole-rdbms-3.png?rev=1795386&view=auto
==============================================================================
Binary file - no diff available.

Propchange: ignite/site/trunk/images/webconsole-rdbms-3.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Modified: ignite/site/trunk/includes/footer.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/includes/footer.html?rev=1795386&r1=1795385&r2=1795386&view=diff
==============================================================================
--- ignite/site/trunk/includes/footer.html (original)
+++ ignite/site/trunk/includes/footer.html Tue May 16 23:08:32 2017
@@ -4,7 +4,7 @@
         <div class="row">
             <div class="col-md-4 col-sm-5">
                 <div class="logo"><a href="#wrapper"><img src="/images/logo3.png"></a></div>
-                <a href="https://donate.apache.org/"><img src="/images/support-apache.png" height="50" width="50" style="margin-top: 30px; margin-left: 15px;"/></a>
+                <a href="https://donate.apache.org/"><img src="/images/support-apache.png" height="50" width="50" style="margin-top: 30px; margin-left: 10px;"/></a>
             </div>
             <nav class="col-md-4 col-sm-3 footer-nav">
                 <ul class="list-unstyled">

Modified: ignite/site/trunk/includes/scripts.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/includes/scripts.html?rev=1795386&r1=1795385&r2=1795386&view=diff
==============================================================================
--- ignite/site/trunk/includes/scripts.html (original)
+++ ignite/site/trunk/includes/scripts.html Tue May 16 23:08:32 2017
@@ -133,6 +133,9 @@ $(document).ready(function(){
     var sqlUrl = $("#sql").attr('src');
     var dataGridUrl = $("#data-grid").attr('src');
     var clusteringUrl = $("#clustering").attr('src');
+    var databaseImportUrl = $("#database-import").attr('src');
+    var dataLoadingUrl = $("#data-loading").attr('src');
+    var webconsoleSqlUrl = $("#webconsole-sql").attr('src');
 
     /* Assign empty url value to the iframe src attribute when
     modal hide, which stop the video playing */
@@ -148,6 +151,16 @@ $(document).ready(function(){
         $("#clustering").attr('src', '');
     });
 
+    $("#database-import-modal").on('hide.bs.modal', function(){
+        $("#database-import").attr('src', '');
+    });
+    $("#data-loading-modal").on('hide.bs.modal', function(){
+        $("#data-loading").attr('src', '');
+    });
+    $("#webconsole-sql-modal").on('hide.bs.modal', function(){
+        $("#webconsole-sql").attr('src', '');
+    });
+
     /* Assign the initially stored url back to the iframe src
     attribute when modal is displayed again */
     $("#sql-modal").on('show.bs.modal', function(){
@@ -161,6 +174,16 @@ $(document).ready(function(){
     $("#clustering-modal").on('show.bs.modal', function(){
         $("#clustering").attr('src', clusteringUrl);
     });
+
+    $("#database-import-modal").on('show.bs.modal', function(){
+        $("#database-import").attr('src', databaseImportUrl);
+    });
+    $("#data-loading-modal").on('show.bs.modal', function(){
+        $("#data-loading").attr('src', dataLoadingUrl);
+    });
+    $("#webconsole-sql-modal").on('show.bs.modal', function(){
+        $("#webconsole-sql").attr('src', webconsoleSqlUrl);
+    });
 });
 </script>
 

Modified: ignite/site/trunk/index.html
URL: http://svn.apache.org/viewvc/ignite/site/trunk/index.html?rev=1795386&r1=1795385&r2=1795386&view=diff
==============================================================================
--- ignite/site/trunk/index.html (original)
+++ ignite/site/trunk/index.html Tue May 16 23:08:32 2017
@@ -172,7 +172,6 @@ under the License.
             </div>
             <p style="margin:0;">&nbsp;</p>
         </section>
-
         <section id="screencasts" class="page-section">
             <div class="col-sm-4 col-md-4 col-xs-12 screencast-left">
                 <h2>SQL Queries</h2>
@@ -237,6 +236,73 @@ under the License.
             </div>
             <p>&nbsp;</p>
         </section>
+        <section id="screencasts" class="page-section">
+            <h2>Ignite Web Console - Automatic RDBMS Integration</h2>
+            <p class="video-description">This tutorial is divided in to 3 parts- Part 1 shows how to automatically import schema metadata from an RDBMS;
+                Part 2 shows how to start an Ignite cluster and load data from the database; Part 3 shows how to use Ignite web console to run sql queries on distributed data stored across the cluster. </p>
+            <div class="col-sm-4 col-md-4 col-xs-12 screencast-left">
+                <h3>Part 1: Database Model Import</h3>
+                <!-- Trigger Modal -->
+                <a href="#database-import-modal" data-toggle="modal"><img src="/images/webconsole-rdbms-1.png" width="300" height="155"></a>
+                <span class="screencast-duration">03:50</span>
+
+                <!-- Modal HTML -->
+                <div id="database-import-modal" class="modal fade">
+                    <div class="modal-dialog">
+                        <div class="modal-content video-modal-content" >
+                            <div class="modal-header">
+                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                                <h4 class="modal-title">Ignite Web Console - Automatic RDBMS Integration - Part 1</h4>
+                            </div>
+                            <div class="modal-body">
+                                <iframe id="database-import" width="668" height="400" src="https://www.youtube.com/embed/SJ6h55VhUBI" frameborder="0" allowfullscreen></iframe>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-4 col-md-4 col-xs-12 screencast-center">
+                <h3>Part 2: Data Loading</h3>
+                <!-- Trigger Modal -->
+                <a href="#data-loading-modal" data-toggle="modal"><img src="/images/webconsole-rdbms-2.png" width="300" height="155"></a>
+                <span class="screencast-duration">03:25</span>
+                <!-- Modal HTML -->
+                <div id="data-loading-modal" class="modal fade">
+                    <div class="modal-dialog">
+                        <div class="modal-content video-modal-content">
+                            <div class="modal-header">
+                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                                <h4 class="modal-title">Ignite Web Console - Automatic RDBMS Integration - Part 2</h4>
+                            </div>
+                            <div class="modal-body">
+                                <iframe id="data-loading" width="668" height="400" src="https://www.youtube.com/embed/V7O7Nh0btO4" frameborder="0" allowfullscreen></iframe>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-4 col-md-4 col-xs-12 screencast-right">
+                <h3>Part 3: Running SQL Queries</h3>
+                <!-- Trigger Modal -->
+                <a href="#webconsole-sql-modal" data-toggle="modal"><img src="/images/webconsole-rdbms-3.png" width="300" height="155"></a>
+                <span class="screencast-duration">03:27</span>
+                <!-- Modal HTML -->
+                <div id="webconsole-sql-modal" class="modal fade">
+                    <div class="modal-dialog">
+                        <div class="modal-content video-modal-content">
+                            <div class="modal-header">
+                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+                                <h4 class="modal-title">Ignite Web Console - Automatic RDBMS Integration - Part 3</h4>
+                            </div>
+                            <div class="modal-body">
+                                <iframe id="webconsole-sql" width="668" height="400" src="https://www.youtube.com/embed/XBtI2Z01kAA" frameborder="0" allowfullscreen></iframe>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <p>&nbsp;</p>
+        </section>
 
         <section id="features" class="page-section" style="border:none">
             <div class="col-sm-4 col-md-4 col-xs-12 features-box features-box-left">
@@ -288,67 +354,6 @@ under the License.
             <p style="margin:0;">&nbsp;</p>
         </section>
 
-        <!--<section id="sqlqueries" class="page-section">-->
-            <!--<div class="col-sm-12 col-md-12 col-xs-12" style="padding-top: 25px;">-->
-                <!--<div class="col-sm-12 col-md-4 col-xs-12" style="padding-left: 0;">-->
-                    <!--<h2 style="text-align: left;">Distributed SQL Queries</h2>-->
-                    <!--<p>Apache Ignite supports a very elegant query API with support for:</p>-->
-                    <!--<ul class="page-list">-->
-                        <!--<li>Scan Queries (Predicate-based)</li>-->
-                        <!--<li>SQL Queries (ANSI 99)</li>-->
-                        <!--<li>Text Queries</li>-->
-                    <!--</ul>-->
-                    <!--<p>This video demonstrates how to exectute distributed cache queries in Ignite using standard SQL syntax.</p>-->
-                <!--</div>-->
-                <!--<div class="col-sm-12 col-md-8 col-xs-12">-->
-                    <!--<iframe  width="575" height="325" align="right" src="https://www.youtube.com/embed/eZUujozYt-g" frameborder="0" allowfullscreen></iframe>-->
-                    <!--<p class="video-duration">Duration: 03:27</p>-->
-                <!--</div>-->
-            <!--</div>-->
-            <!--<p>&nbsp;</p>-->
-        <!--</section>-->
-
-        <!--<section id="startdata" class="page-section">-->
-            <!--<div class="col-sm-12 col-md-12 col-xs-12" style="padding-top: 15px;">-->
-                <!--<div class="col-sm-12 col-md-4 col-xs-12" style="padding-left: 0;">-->
-                    <!--<h2 style="text-align: left;">Getting Started with Data Grid</h2>-->
-                    <!--<p>Apache Ignite In-Memory Data Grid is an implementation of <code><span style="white-space: nowrap">JCache (JSR 107)</span></code> that supports:</p>-->
-                    <!--<ul class="page-list">-->
-                        <!--<li>Basic Cache Operations</li>-->
-                        <!--<li>ConcurrentMap APIs</li>-->
-                        <!--<li>EntryProcessor</li>-->
-                        <!--<li>Pluggable Persistence</li>-->
-                    <!--</ul>-->
-                    <!--<p>This video shows how to use basic cache operations and <code>ACID transactions</code>.</p>-->
-                <!--</div>-->
-                <!--<div class="col-sm-12 col-md-8 col-xs-12">-->
-                    <!--<iframe  width="575" height="325" align="right" src="https://www.youtube.com/embed/pFbDWpOiMOU" frameborder="0" allowfullscreen></iframe>-->
-                    <!--<p class="video-duration">Duration: 03:49</p>-->
-                <!--</div>-->
-            <!--</div>-->
-            <!--<p style="margin:0;">&nbsp;</p>-->
-        <!--</section>-->
-
-        <!--<section id="startcompute" class="page-section">-->
-            <!--<div class="col-sm-12 col-md-12 col-xs-12" style="padding-top: 15px;">-->
-                <!--<div class="col-sm-12 col-md-4 col-xs-12" style="padding-left: 0px;">-->
-                    <!--<h2 style="text-align: left;">Getting Started with Compute Grid</h2>-->
-                    <!--<p>Apache Ignite has advanced compute and clustering capabilities including:</p>-->
-                    <!--<ul class="page-list">-->
-                        <!--<li>Dynamic Sub-Clusters</li>-->
-                        <!--<li>Clustered Lambda Execution</li>-->
-                        <!--<li>Clustered ForkJoin Tasks</li>-->
-                    <!--</ul>-->
-                    <!--<p>In this video we will broadcast and execute a "Hello World" closure on all the nodes in the cluster.</p>-->
-                <!--</div>-->
-                <!--<div class="col-sm-12 col-md-8 col-xs-12">-->
-                    <!--<iframe  width="575" height="325" align="right" src="https://www.youtube.com/embed/J775J77_-B8" frameborder="0" allowfullscreen></iframe>-->
-                    <!--<p class="video-duration">Duration: 03:50</p>-->
-                <!--</div>-->
-            <!--</div>-->
-            <!--<p style="margin:0;">&nbsp;</p>-->
-        <!--</section>-->
-
         <section id="askquestion" class="page-section" style="padding-left: 10px;">
             <div>
                 <h2>Ask a Question</h2>

Modified: ignite/site/trunk/scss/ignite.scss
URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/ignite.scss?rev=1795386&r1=1795385&r2=1795386&view=diff
==============================================================================
--- ignite/site/trunk/scss/ignite.scss (original)
+++ ignite/site/trunk/scss/ignite.scss Tue May 16 23:08:32 2017
@@ -1016,3 +1016,9 @@ a.github-icon {
 .news-readmore {
     padding-left: 0px;
 }
+
+.video-description {
+    color: #888;
+    font-size: 14px;
+    line-height: 1.6em;
+}