<!--
 ▄▄▄       ██▓███   ▄▄▄       ▄████▄   ██░ ██ ▓█████     ██▓  ▄████  ███▄    █  ██▓▄▄▄█████▓▓█████
▒████▄    ▓██░  ██▒▒████▄    ▒██▀ ▀█  ▓██░ ██▒▓█   ▀    ▓██▒ ██▒ ▀█▒ ██ ▀█   █ ▓██▒▓  ██▒ ▓▒▓█   ▀
▒██  ▀█▄  ▓██░ ██▓▒▒██  ▀█▄  ▒▓█    ▄ ▒██▀▀██░▒███      ▒██▒▒██░▄▄▄░▓██  ▀█ ██▒▒██▒▒ ▓██░ ▒░▒███
░██▄▄▄▄██ ▒██▄█▓▒ ▒░██▄▄▄▄██ ▒▓▓▄ ▄██▒░▓█ ░██ ▒▓█  ▄    ░██░░▓█  ██▓▓██▒  ▐▌██▒░██░░ ▓██▓ ░ ▒▓█  ▄
 ▓█   ▓██▒▒██▒ ░  ░ ▓█   ▓██▒▒ ▓███▀ ░░▓█▒░██▓░▒████▒   ░██░░▒▓███▀▒▒██░   ▓██░░██░  ▒██▒ ░ ░▒████▒
 ▒▒   ▓▒█░▒▓▒░ ░  ░ ▒▒   ▓▒█░░ ░▒ ▒  ░ ▒ ░░▒░▒░░ ▒░ ░   ░▓   ░▒   ▒ ░ ▒░   ▒ ▒ ░▓    ▒ ░░   ░░ ▒░ ░
  ▒   ▒▒ ░░▒ ░       ▒   ▒▒ ░  ░  ▒    ▒ ░▒░ ░ ░ ░  ░    ▒ ░  ░   ░ ░ ░░   ░ ▒░ ▒ ░    ░     ░ ░  ░
  ░   ▒   ░░         ░   ▒   ░         ░  ░░ ░   ░       ▒ ░░ ░   ░    ░   ░ ░  ▒ ░  ░         ░
      ░  ░               ░  ░░ ░       ░  ░  ░   ░  ░    ░        ░          ░  ░              ░  ░
-->

<!--
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements.  See the NOTICE file
distributed with this work for additional information
regarding copyright ownership.  The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License.  You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied.  See the License for the
specific language governing permissions and limitations
under the License.
-->

<!DOCTYPE html>
<html>
<head>
    <link rel="canonical" href="https://ignite.apache.org/screencasts.html" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>Screencasts - Apache Ignite</title>
    <link media="all" rel="stylesheet" href="css/all.css?v=1514336028">
    <link href="https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="wrapper">
    <!--#include virtual="/includes/header.html" -->

    <main id="main" role="main" class="container">

        <section id="screencast" class="page-section">
            <h1 class="first">Apache Ignite Screencasts</h1>
            <p>Ignite's memory-centric architecture  provides rich support for SQL queries including distributed joins, full ACID transactions, key-value data store, collocated processing, elastic scalability, and high availability.</p><br/>
            <p>Take a look at how this works.</p>
            <div class="col-sm-12 col-md-12 col-xs-12" style="padding-left: 0; padding-right: 20px; top: -30px;">
                <section id="screencast-1" class="page-section">
                    <!--<div class="col-sm-4 col-md-4 col-xs-12 screencast-left">-->
                        <!--<h2>SQL Queries</h2>-->
                        <!--&lt;!&ndash; Trigger Modal &ndash;&gt;-->
                        <!--<a href="#sql-modal" data-toggle="modal"><img src="/images/sql-queries-video.png" width="300" height="155"></a>-->
                        <!--<span class="screencast-duration">03:27</span>-->

                        <!--&lt;!&ndash; Modal HTML &ndash;&gt;-->
                        <!--<div id="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">Apache Ignite Distributed SQL Queries</h4>-->
                                    <!--</div>-->
                                    <!--<div class="modal-body">-->
                                        <!--<iframe id="sql" width="668" height="400" src="https://www.youtube.com/embed/eZUujozYt-g" frameborder="0" allowfullscreen></iframe>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="col-sm-4 col-md-4 col-xs-12 screencast-left">
                        <div class="relative">
                            <!-- Trigger Modal -->
                            <a href="#sql-db-modal" data-toggle="modal"><img src="/images/video-screen-2.jpg" width="300" height="180">
                                <p class="video-image-text">DISTRIBUTED SQL <br/>DATABASE </p></a>
                        </div>
                        <span class="screencast-duration">02:59</span>

                        <!-- Modal HTML -->
                        <div id="sql-db-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">Apache Ignite&trade; Distributed SQL Database</h4>
                                    </div>
                                    <div class="modal-body">
                                        <iframe id="sql-db" width="668" height="400" src="https://www.youtube.com/embed/FKS8A86h-VY?rel=0" frameborder="0" allowfullscreen></iframe>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-4 col-md-4 col-xs-12 screencast-center">
                        <div class="relative">
                            <!-- Trigger Modal -->
                            <a href="#data-grid-modal" data-toggle="modal"><img src="/images/video-screen-2.jpg" width="300" height="180">
                                <p class="video-image-text">KEY-VALUE OPERATIONS<br/>AND ACID TRANSACTIONS </p></a>
                        </div>
                        <span class="screencast-duration">03:49</span>

                        <!-- Modal HTML -->
                        <div id="data-grid-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">Apache Ignite&trade; Distributed Cache Operations and Transactions</h4>
                                    </div>
                                    <div class="modal-body">
                                        <iframe id="data-grid" width="668" height="400" src="https://www.youtube.com/embed/pFbDWpOiMOU?rel=0" frameborder="0" allowfullscreen></iframe>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-4 col-md-4 col-xs-12 screencast-right">
                        <div class="relative">
                            <!-- Trigger Modal -->
                            <a href="#clustering-modal" data-toggle="modal"><img src="/images/video-screen-2.jpg" width="300" height="180">
                                <p class="video-image-text">GETTING STARTED<br/> WITH COMPUTE GRID</p></a>
                        </div>
                        <span class="screencast-duration">03:50</span>
                        <!-- Modal HTML -->
                        <div id="clustering-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">Apache Ignite&trade; Advanced Clustering</h4>
                                    </div>
                                    <div class="modal-body">
                                        <iframe id="clustering" width="668" height="400" src="https://www.youtube.com/embed/J775J77_-B8?rel=0" frameborder="0" allowfullscreen></iframe>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <p>&nbsp;</p>
                </section>
                <section id="screencast-2" 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">
                        <div class="relative">
                            <!-- Trigger Modal -->
                            <a href="#database-import-modal" data-toggle="modal"><img src="/images/video-screen-2.jpg" width="300" height="180">
                                <p class="video-image-text">Part 1 <br/>Database Model Import</p></a>
                        </div>
                        <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">
                        <div class="relative">
                            <!-- Trigger Modal -->
                            <a href="#data-loading-modal" data-toggle="modal"><img src="/images/video-screen-2.jpg" width="300" height="180">
                                <p class="video-image-text">Part 2 <br/>Data Loading</p></a>
                        </div>
                        <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">
                        <div class="relative">
                            <!-- Trigger Modal -->
                            <a href="#webconsole-sql-modal" data-toggle="modal"><img src="/images/video-screen-2.jpg" width="300" height="180">
                                <p class="video-image-text">Part 3 <br/>Running SQL Queries</p></a>
                        </div>
                        <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>

            </div>
        </section>
    </main>

    <!--#include virtual="/includes/footer.html" -->
</div>
<!--#include virtual="/includes/scripts.html" -->
<!--
<script type="text/javascript" src="js/jquery.main.js"></script>
-->
</body>
</html>