<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@vertical+block@8ed44d39cb0b4969b7b00f036318ce62" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@63275367f0434e5da036c5ad5eab39eb">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@63275367f0434e5da036c5ad5eab39eb" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="text-align: left;">Now you have created a user account and successfully logged in, this session will teach you about the main elements of the Sandbox.</p>
<p style="text-align: left;">If you do not yet have a Digital Earth Africa account, follow the steps in <a href="/courses/course-v1:digitalearthafrica+DEA101+2021/jump_to_id/b6d27f7a412343fba5828ca1704be432" target="[object Object]">Create a Digital Earth Africa Account</a>.<strong></strong></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:digitalearthafrica+DEA101+2021+type@video+block@9af1755a6c9d4ab394b25f0ba87228b1">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@video+block@9af1755a6c9d4ab394b25f0ba87228b1" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "Video"}
</script>
<h3 class="hd hd-2">Video: Digital Earth Africa Sandbox</h3>
<div
id="video_9af1755a6c9d4ab394b25f0ba87228b1"
class="video closed"
data-metadata='{"autoAdvance": false, "autohideHtml5": false, "autoplay": false, "captionDataDir": null, "completionEnabled": false, "completionPercentage": 0.95, "duration": null, "end": 0.0, "generalSpeed": 1.0, "lmsRootURL": "https://learn.digitalearthafrica.org", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:digitalearthafrica+DEA101+2021/xblock/block-v1:digitalearthafrica+DEA101+2021+type@video+block@9af1755a6c9d4ab394b25f0ba87228b1/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:digitalearthafrica+DEA101+2021/xblock/block-v1:digitalearthafrica+DEA101+2021+type@video+block@9af1755a6c9d4ab394b25f0ba87228b1/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": [], "speed": null, "start": 0.0, "streams": "1.00:6x_S9Kp1Dqs", "transcriptAvailableTranslationsUrl": "/courses/course-v1:digitalearthafrica+DEA101+2021/xblock/block-v1:digitalearthafrica+DEA101+2021+type@video+block@9af1755a6c9d4ab394b25f0ba87228b1/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:digitalearthafrica+DEA101+2021/xblock/block-v1:digitalearthafrica+DEA101+2021+type@video+block@9af1755a6c9d4ab394b25f0ba87228b1/handler/transcript/translation/__lang__", "ytApiUrl": "https://www.youtube.com/iframe_api", "ytMetadataEndpoint": "", "ytTestTimeout": 1500}'
data-bumper-metadata='null'
data-autoadvance-enabled="False"
data-poster='null'
tabindex="-1"
>
<div class="focus_grabber first"></div>
<div class="tc-wrapper">
<div class="video-wrapper">
<span tabindex="0" class="spinner" aria-hidden="false" aria-label="Loading video player"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Play video"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="9af1755a6c9d4ab394b25f0ba87228b1"></div>
<h4 class="hd hd-4 video-error is-hidden">No playable video sources found.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Your browser does not support this video format. Try using a different browser.
</h4>
</div>
<div class="video-player-post"></div>
<div class="closed-captions"></div>
<div class="video-controls is-hidden">
<div>
<div class="vcr"><div class="vidtime">0:00 / 0:00</div></div>
<div class="secondary-controls"></div>
</div>
</div>
</div>
</div>
<div class="focus_grabber last"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@vertical+block@26db616c82b54debbab95d4c91feba5e" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@a6eabb552ac041b7853a082c467416b8">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@a6eabb552ac041b7853a082c467416b8" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="text-align: left;">The Digital Earth Africa Sandbox uses a JupyterLab interface. JupyterLab is a web-based interactive coding environment. It has a user-friendly interface to make file navigation and workflows more intuitive. Within the Sandbox, we create Jupyter Notebooks to contain and execute code.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@341f866b69af40c88478dd2bc7e8b05f">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@341f866b69af40c88478dd2bc7e8b05f" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<h3 style="text-align: left;">Components of the Sandbox</h3>
<p style="text-align: left;">When the Sandbox starts up, you will be presented with three main sections, as numbered in the diagram below:</p>
<p style="text-align: left;"><img width="60%" src="/assets/courseware/v1/d3a7e1a02c96867adb66ec19ff15622c/asset-v1:digitalearthafrica+DEA101+2021+type@asset+block/sandbox-homescreen-sections.png" alt="Components of the Sandbox" /></p>
<ul style="text-align: left;">
<li style="box-sizing: border-box; list-style: decimal; margin-left: 24px; text-align: left;"><strong style="box-sizing: border-box;">Main work area:</strong> Enables you to arrange documents and other windows (such as terminals or code consoles) into panels of tabs that can be resized or subdivided. Open files will be displated in this area. Most of your work will be done here.</li>
<li style="box-sizing: border-box; list-style: decimal; margin-left: 24px; text-align: left;"><strong style="box-sizing: border-box;">Left sidebar:</strong> Contains a file browser, the list of running kernels and terminals, the command palette, the notebook cell tools inspector, and the tabs list. By default, the file browser is selected; this will be the most useful toolbar for new users.</li>
<li style="box-sizing: border-box; list-style: decimal; margin-left: 24px;"><strong style="box-sizing: border-box;">Horizontal menu bar:</strong> Exposes actions available in JupyterLab, including actions related to saving, editing, viewing and running notebooks. When you are done, you can select <strong style="box-sizing: border-box;">File -> Log Out</strong> to quit your Sandbox session and free up server space.</li>
</ul>
<p style="text-align: left;"></p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@vertical+block@eeaae7c2e11e4f0fb8791fc80864e661" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@80fb2631216a4201bd1c6016311bd24c">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@80fb2631216a4201bd1c6016311bd24c" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="text-align: left;">The Sandbox comes with many example notebooks that you can learn from and use. Follow the instructions in this section to learn how to open a notebook.</p>
<ol style="text-align: left;">
<li>In JupyterLab, double-clicking in the left sidebar file browser opens folders and files. Double-click the <strong>Beginners_guide </strong>folder in the left sidebar to open the folder and view its contents. This is shown in the figure below.</li>
</ol>
<p style="text-align: left;"><img width="60%" src="/assets/courseware/v1/db48693f3ba8af472e490defa79a2c8e/asset-v1:digitalearthafrica+DEA101+2021+type@asset+block/sandbox-notebook-folders.png" alt="View the Beginner's Guide folder contents by clicking on it." /></p>
<p style="text-align: left;">2. Jupyter notebooks can be identified by the file extension <code class="docutils literal notranslate" style="box-sizing: border-box; font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', Courier, monospace; font-size: 12px; white-space: nowrap; max-width: 100%; background-image: initial; background-color: #ffffff; border: 1px solid #e1e4e5; padding: 2px 5px; color: #e74c3c; overflow-x: auto;"><span class="pre" style="box-sizing: border-box;">.ipynb</span></code>. Choose a notebook (for example, <code class="docutils literal notranslate" style="box-sizing: border-box; font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', Courier, monospace; font-size: 12px; white-space: nowrap; max-width: 100%; background-image: initial; background-color: #ffffff; border: 1px solid #e1e4e5; padding: 2px 5px; color: #e74c3c; overflow-x: auto;"><span class="pre" style="box-sizing: border-box;">01_Jupyter_notebooks.ipynb</span></code>) and double-click to open it in the main work area.</p>
<p style="text-align: left;">3. To navigate back to the home folder, click the folder icon at the start of the folder path. The folder path is near the top of the left sidebar.</p>
<p style="text-align: left;">For more information, refer to the JupyterLab documentation on <a href="https://jupyterlab.readthedocs.io/en/stable/user/files.html" target="[object Object]">Working with Files</a>.</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@vertical+block@f478bc2eaf074247b0bd9370795f7d2c" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@4078bcdbee964718a15dee1c71fadf75">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@4078bcdbee964718a15dee1c71fadf75" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="text-align: left;">Closing a notebook browser tab will not shut down its “computational engine” (called the kernel). It is good practice to shut down the kernel of any notebooks you aren’t using, as it will free up memory in your Sandbox session. Follow the instructions below to completely shut down the notebook you opened in the previous section.</p>
<ol style="text-align: left;">
<li>With the notebook open, click on the menu option <strong style="box-sizing: border-box;">File -> Close and Shutdown Notebook</strong>.</li>
</ol>
<p style="text-align: left;"><img width="60%" src="/assets/courseware/v1/8ce79061e92f7ff7a01d21deac0d5d93/asset-v1:digitalearthafrica+DEA101+2021+type@asset+block/sandbox-notebook-close.png" alt="Shut down a notebook by selecting File then Close and Shutdown Notebook." /></p>
<p style="text-align: left;">2. When asked whether you want to shut down the notebook, click <strong style="box-sizing: border-box;">OK</strong>.</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>
<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@vertical+block@c104af0dd0bd4584a80cd244f549ae97" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@80e69adec54f430880498b955c517dca">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:digitalearthafrica+DEA101+2021" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:digitalearthafrica+DEA101+2021+type@html+block@80e69adec54f430880498b955c517dca" data-request-token="a96323f6880f11efa85e837f534d2eba" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p style="text-align: left;">Well done! You can now open and close existing Jupyter notebook files. The next section will cover how to run an existing Jupyter notebook.</p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['/static/js/dateutil_factory.be68acdff619.js?raw'], function () {
require(['js/dateutil_factory'], function (DateUtilFactory) {
DateUtilFactory.transform('.localized-datetime');
});
});
}).call(this, require || RequireJS.require);
</script>
<script>
function emit_event(message) {
parent.postMessage(message, '*');
}
</script>
</div>