<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:demo-content1+basicdemo+01+type@vertical+block@fe8d4653e0fa47549b786e0fd7b5572e" data-request-token="90c01d7ab02a11efb10a3a78868d4e2d" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:demo-content1+basicdemo+01+type@html+block@255c68e0cc6948cd9a5c17f5b8f02be7">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:demo-content1+basicdemo+01+type@html+block@255c68e0cc6948cd9a5c17f5b8f02be7" data-request-token="90c01d7ab02a11efb10a3a78868d4e2d" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="border: 3px solid #F02770; box-shadow: 5px 10px #fffff; border-radius: 25px; padding: 2rem; background-color: #e9ebea;">
<h3>About iFrame Tool</h3>
<p>An iFrame is a powerful tool within the Open edX platform that allows seamless integration of external content into course pages. This feature enhances the learning experience by enabling educators to incorporate a variety of external resources directly within the course environment.</p>
</div>
<p></p>
<p>For example, we have an iFrame of a NASA site that explains the movements related to the Total Solar Eclipse on April 8, 2024.</p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:demo-content1+basicdemo+01+type@html+block@e0aefcabb2a44274a8bc8ae596c1afeb">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:demo-content1+basicdemo+01+type@html+block@e0aefcabb2a44274a8bc8ae596c1afeb" data-request-token="90c01d7ab02a11efb10a3a78868d4e2d" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<p><iframe src="https://eyes.nasa.gov/apps/solar-system/#/story/total_solar_eclipse" width="100%" height="800" style="min-width: 500px; min-height: 400px; border: 2px solid #0f5c6e;"></iframe></p>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['https://d24jp206mxeyfm.cloudfront.net/static/js/dateutil_factory.a28baef97506.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:demo-content1+basicdemo+01" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:demo-content1+basicdemo+01+type@vertical+block@372510c493b04b8d9a7456901b5ccce3" data-request-token="90c01d7ab02a11efb10a3a78868d4e2d" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:demo-content1+basicdemo+01+type@html+block@9f62bb578d3b4dbf873b6abc1aff349a">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:demo-content1+basicdemo+01+type@html+block@9f62bb578d3b4dbf873b6abc1aff349a" data-request-token="90c01d7ab02a11efb10a3a78868d4e2d" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="border: 3px solid #F02770; box-shadow: 5px 10px #fffff; border-radius: 25px; padding: 2rem; background-color: #e9ebea;">
<h3>About Google Documents</h3>
<p>Let's say you have created a presentation about your class and want to share that information with your students. How would you do it? That is easy. You can embed any Google Document on your course, even forms and spreadsheets, to be more efficient using the information you already have on other platforms, like Drive.</p>
</div>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:demo-content1+basicdemo+01+type@google-document+block@3e09ed7d9cbe4bf9979016f2c1355774">
<div class="xblock xblock-public_view xblock-public_view-google-document" data-course-id="course-v1:demo-content1+basicdemo+01" data-block-type="google-document" data-usage-id="block-v1:demo-content1+basicdemo+01+type@google-document+block@3e09ed7d9cbe4bf9979016f2c1355774" data-request-token="90c01d7ab02a11efb10a3a78868d4e2d" data-graded="False" data-has-score="False">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Nebulae Presentation is only accessible to enrolled learners. Sign in or register, and enroll in this course to view it.</div></div></div>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['https://d24jp206mxeyfm.cloudfront.net/static/js/dateutil_factory.a28baef97506.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:demo-content1+basicdemo+01" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:demo-content1+basicdemo+01+type@vertical+block@1f352eafcc3e49aebe2400dd95b19363" data-request-token="90c01d7ab02a11efb10a3a78868d4e2d" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:demo-content1+basicdemo+01+type@html+block@6e3d0a590eff48c49a3ff1f9228876bb">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:demo-content1+basicdemo+01" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:demo-content1+basicdemo+01+type@html+block@6e3d0a590eff48c49a3ff1f9228876bb" data-request-token="90c01d7ab02a11efb10a3a78868d4e2d" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<div style="border: 3px solid #F02770; box-shadow: 5px 10px #fffff; border-radius: 25px; padding: 2rem; background-color: #e9ebea;">
<h3>About Google Calendar</h3>
<p>One of the most essential parts of a virtual course is to maintain coordination in the calendar of activities to avoid attrition and help students complete the activities to finish the class. Open edX allows you to integrate Google Calendars to share dates of activities, evaluations, or other relevant topics.</p>
</div>
<p></p>
<p>In the following calendar, you will find the month's main lunar and astronomical events.</p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:demo-content1+basicdemo+01+type@google-calendar+block@a9a38308ea7241d9afeb3aef2509129c">
<div class="xblock xblock-public_view xblock-public_view-google-calendar" data-course-id="course-v1:demo-content1+basicdemo+01" data-block-type="google-calendar" data-usage-id="block-v1:demo-content1+basicdemo+01+type@google-calendar+block@a9a38308ea7241d9afeb3aef2509129c" data-request-token="90c01d7ab02a11efb10a3a78868d4e2d" data-graded="False" data-has-score="False">
<div class="page-banner"><div class="alert alert-warning"><span class="icon icon-alert fa fa fa-warning" aria-hidden="true"></span><div class="message-content">Moon Calendar. is only accessible to enrolled learners. Sign in or register, and enroll in this course to view it.</div></div></div>
</div>
</div>
</div>
<script type="text/javascript">
(function (require) {
require(['https://d24jp206mxeyfm.cloudfront.net/static/js/dateutil_factory.a28baef97506.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>
© All Rights Reserved