<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-P001-ILO+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-P001-ILO+2024+type@vertical+block@d6699fb92f7749f7a658152634020088" data-request-token="1d5d0f8a2e3511f0a44dd214ef95b136" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-P001-ILO+2024+type@html+block@147f8df0d2464dfd9d38f5ec4c45e601"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-P001-ILO+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-P001-ILO+2024+type@html+block@147f8df0d2464dfd9d38f5ec4c45e601" data-request-token="1d5d0f8a2e3511f0a44dd214ef95b136" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p>Під час цього курсу ви маєте виконати низку завдань. Нижче представлені 4 основні кроки для побудови електронного уроку.</p> <div style="width: 100%;"> <div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;"><iframe frameborder="0" width="1200" height="675" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/605b6f9d225e510d990ee171" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe></div> </div> <p></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.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:Profosvita+CS-P001-ILO+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-P001-ILO+2024+type@vertical+block@890d79e3840a44419a9a50202ae2e56f" data-request-token="1d5d0f8a2e3511f0a44dd214ef95b136" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-P001-ILO+2024+type@html+block@ae32e3b9f7fb48e6bb45e29302a9abdf"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-P001-ILO+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-P001-ILO+2024+type@html+block@ae32e3b9f7fb48e6bb45e29302a9abdf" data-request-token="1d5d0f8a2e3511f0a44dd214ef95b136" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p><iframe title="Euler Line Demo" src="https://prezi.com/view/EAqrY2ibNzmKo5MIcPSr/embed" width="1000" height="800" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"> </iframe></p> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.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:Profosvita+CS-P001-ILO+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-P001-ILO+2024+type@vertical+block@4bade63c0883420bb440bc860a5cb508" data-request-token="1d5d0f8a2e3511f0a44dd214ef95b136" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-P001-ILO+2024+type@html+block@4f0b2156a6274e04ad94b22908c33b1c"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-P001-ILO+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-P001-ILO+2024+type@html+block@4f0b2156a6274e04ad94b22908c33b1c" data-request-token="1d5d0f8a2e3511f0a44dd214ef95b136" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <h1><strong style="color: #000080; font-size: 31.5px;">Частина I - Створення сторіборду або розкадровки</strong></h1> <p></p> <table border="1" frame="border" style="width: 100%;"> <tbody> <tr> <td> <p style="margin-left: 30px;"></p> <p style="margin-left: 32px;"><span style="font-size: medium;">Розробку контентної частини за допомогою будь-якого із представлених інструментів краще починати із створення сторіборду (розкадровки). Це допоможе вам упорядкувати матеріал.</span></p> <ul> <li style="list-style-type: none;"> <ul> <li><span><span style="font-size: medium;">Розбийте матеріал на складові частини, щоб ефективно відобразити його у сторіборді. Потім продумайте, у якій послідовності якнайкраще буде його презентувати.<br /></span></span></li> <li><span style="font-size: medium;">Чим природніший порядок викладення матеріалу, тим ефективнішим буде ваш електронний курс.<br /></span></li> <li><span style="font-size: medium;">Продумайте послідовність тем та блоків і впорядкуйте їх відповідно. </span></li> </ul> </li> </ul> <h2 style="margin-left: 30px;"><a href="https://reprezent.ua/ua/storyboards/" target="_blank" style="font-size: 1.75rem; background-color: #ffffff;">Що таке "сторіборд" і навіщо він потрібен?</a></h2> <p style="margin-left: 30px;"><span style="font-size: medium;">Термін "сторіборд" або "розкадровка" прийшов із кіноіндустрії, де творці замальовували сцени майбутнього фільму. Під сторібордом в електронному навчанні ми розуміємо план курсу, на кшталт плану уроку. Зауважимо лише, що сторіборд окрім загального змісту містить ще й опис усіх використовуваних відео, графічних матеріалів тощо.</span></p> <h2 style="margin-left: 30px;">Розкадровка сприяє прояву творчого потенціалу.  </h2> <ul> <li style="list-style-type: none;"> <ul> <li> <p><span style="font-size: medium;">Найкращий спосіб поділитися своїм баченням</span></p> </li> <li> <p><span style="font-size: medium;">Полегшує процес виробництва</span></p> </li> <li> <p><span style="font-size: medium;">Заощаджує час</span></p> </li> </ul> </li> </ul> <h2 style="margin-left: 30px;">І ще кілька корисних посилань:</h2> <h3 style="margin-left: 30px;"><a href="https://life.pravda.com.ua/society/2018/06/8/231466/" target="_blank">8 правил ефективної презентації</a></h3> <h3 style="margin-left: 30px;"><a href="http://gohigher.org/course-presentations" target="_blank">Ефективні презентації</a></h3> <h3 style="margin-left: 30px;"><a href="https://reprezent.ua/ua/presentations_structures_p1/#!/tab/219834496-1" target="_blank">Робота зі структурою і текстами презентації</a></h3> </td> </tr> </tbody> </table> <h1><br /><strong><span style="color: #000080;">Частина II - Оберіть інструмент</span></strong></h1> <table border="1" frame="border" style="width: 100%;"> <tbody> <tr> <td> <p style="margin-left: 30px;"></p> <p style="margin-left: 30px;"><span style="font-size: medium;"><span style="color: #49281d;"><span>Серед "Переліку інструментів" виберіть, який з них ви хочете використати для передачі навчальних матеріалів вашого уроку. Зареєструйтесь на сайті постачальника інструменту (створіть безкоштовний обліковий запис). Ви маєте використати по одному інструменту з кожної з наступних категорій:</span></span></span></p> <p style="margin-left: 30px;"></p> <p style="margin-left: 60px;"><span style="font-size: medium;"><span style="color: #49281d;"><span>1) <strong>один інструмент створення презентацій</strong> (наприклад, <em>Genially</em>, <em>h5p</em>, <em>Articulate</em> <em>Rise</em>, <em>Prezi</em>...)</span></span></span></p> <p style="margin-left: 60px;"><span style="font-size: medium;"><span style="color: #49281d;"><span>2) <strong>один інструмент створення відео</strong>. Це може бути запис екрану, відеоурок, анімація (<em>Loom</em>, <em>Panopto</em>, <em>Powtoon</em>, запис на камеру...)</span></span></span></p> <p style="margin-left: 30px;"></p> <p style="margin-left: 30px;"><span style="font-size: medium;"><span style="color: #49281d;"><span>Ви також можете вільно використовувати й інші інструменти, представлені у переліку.</span></span></span></p> <p style="margin-left: 30px;"><span style="color: #49281d; font-size: medium;"> </span></p> </td> </tr> </tbody> </table> <p></p> <h1><strong><span style="color: #000080;">Частина III - Інтегруйте створені навчальні матеріали до електронного уроку в робочій області</span></strong></h1> <table border="1" frame="border" style="width: 100%;"> <tbody> <tr> <td> <p style="margin-left: 30px;"></p> <p style="margin-left: 30px;"><span style="color: #49281d; font-size: medium;">Коли презентація, відео повністю готові:</span></p> <ul> <li style="list-style-type: none;"> <ul> <ul> <ul> <li><span style="color: #49281d; font-size: medium;">перейдіть до своєї практичної робочої області,</span></li> <li><span style="color: #49281d; font-size: medium;">додайте туди створені презентацію, скрінкаст, відеоурок тощо, дотримуючись логічної послідовності викладення матеріалу. У разі необхідності покрокових інструкцій, додайте назву або короткий опис до матеріалів всередині вашого електронного уроку.</span></li> <li><span style="color: #49281d; font-size: medium;">Надішліть результат виконання завдання з цього розділу у вигляді посилання та скріншоту (знімку екрана), що міститиме нові додані елементи вашого електронного уроку.</span></li> </ul> </ul> </ul> </li> </ul> <p style="margin-left: 30px;"></p> </td> </tr> </tbody> </table> <h1 style="text-align: center;"><br /><br /></h1> <p></p> <p></p> <h3 style="text-align: center;"><a href="https://lms-client-demo.raccoongang.com/asset-v1:RG+2+2022_01+type@asset+block@Guiding_questions_UKR.pdf">Завантажити файл презентації</a></h3> </div> </div> </div> <script type="text/javascript"> (function (require) { require(['/static/js/dateutil_factory.762fd6ff462b.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>