<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@vertical+block@49450704ae2e46fabcf94ed7ab6485f4" data-request-token="043598a4530311f0a5737678d4d61f24" data-graded="False" data-has-score="False"> <div class="vert-mod"> <div class="vert vert-0" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@bc49dd1d61744b52ac5d500218dc437e"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@bc49dd1d61744b52ac5d500218dc437e" data-request-token="043598a4530311f0a5737678d4d61f24" 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: center;"><img height="auto" width="100%" src="/assets/courseware/v1/d18170d75230e2073eedc4b879684b60/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/m4_t3_LearninsAPP_img1_header.png" alt="picture1" /></p> <div style="border: 2px solid #253777; box-shadow: 0px 0px 10px #C3CAD3; padding: 16px; margin-bottom: 16px; border-radius: 8px; background-color: #b1d5e4;"> <ul> <ul> <li><b>Ресурс:</b> <strong><a href="https://learningapps.org/ " target="[object Object]">https://learningapps.org/</a></strong></li> <li><b>Тип контенту: </b> Створення інтерактивних вправ</li> <li><b>Особливості:  </b>Велика бібліотека готових вправ</li> <li><b>Ліцензія:</b> Безкоштовна</li> </ul> </ul> </div> <p><strong>LearningApps.org</strong> — це безкоштовний освітній сервіс для створення та використання інтерактивних вправ.</p> <p style="text-align: justify;">Ця платформа дозволяє створювати різноманітні інтерактивні навчальні матеріали, такі як вікторини, ігри, вправи на відповідність, заповнення пропусків, хронологічні лінійки та багато іншого. Користувачі можуть використовувати вже готові вправи з великої бібліотеки або створювати власні, адаптуючи їх до своїх потреб. Завдяки інтерактивності, LearningApps.org робить процес навчання більш цікавим.</p> <p></p> <h3 style="padding-top: 24px;"><span style="color: #004984; font-weight: bold; font-size: 130%;"> Можливості</span></h3> <p style="margin-bottom: 1px; font-size: 80%;"><em>Натисніть на інтерактивні елементи, щоб дізнатись більше</em></p> <p></p> <div class="container-dm-pic3"> <div class="dm-pic3"><!-- button start 1 --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>1. Просте створення своїх вправ</b> </button> <div class="dm-collaps-content"><!-- start element --> <div style="display: flex;"> <div style="padding-left: 25px;"> <ul> <ul> <li>Вибираєте шаблон</li> <li>Вводите власний контент (текст, зображення, відео, аудіо)</li> <li>Зберігаєте вправу — одразу отримуєте посилання</li> </ul> </ul> </div> </div> <!-- end element --></div> </div> </div> <!-- button end 1 --> <!-- button start 2 --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>2. Додавання інтерактивних вправ (понад 20 типів)</b> </button> <div class="dm-collaps-content"><!-- start element --> <div style="display: flex;"> <div style="padding-left: 25px;"> <ul> <ul> <li>Вибір правильної відповіді</li> <li>Встановлення відповідності</li> <li>Хронологічна шкала</li> <li>Сортування, пазли, інтерактивні мапи</li> </ul> </ul> </div> </div> <!-- end element --></div> </div> </div> <!-- button start 3 --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>3.Робота з учнями</b> </button> <div class="dm-collaps-content"><!-- start element --> <div style="display: flex;"> <div style="padding-left: 25px;"> <ul> <ul> <li>Можна створювати класи та призначати учням завдання</li> <li>Учні не зобов’язані реєструватися для виконання</li> <li>Читель може бачити виконання завдань</li> </ul> </ul> </div> </div> <!-- end element --></div> </div> </div> <!-- button start 4 --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>4. Аналітика</b> </button> <div class="dm-collaps-content"><!-- start element --> <div style="display: flex;"> <div style="padding-left: 25px;"> <ul> <ul> <li>Кількість пройдених вправ кожним учнем</li> <li>Успішність виконання (правильно/неправильно) за кожним шаблоном</li> <li>Час на виконання завдання</li> <li>Excel/CSV-файл з результатами</li> </ul> </ul> </div> </div> <!-- end element --></div> </div> </div> <!-- button start 5 --> <div class="dm-sc-collaps-wrapper"> <div class="dm-collaps-wrap"><button class="dm-collaps"> <i class="fa fa-angle-down" aria-hidden="true"></i><b>5. Публікація та поширення</b> </button> <div class="dm-collaps-content"><!-- start element --> <div style="display: flex;"> <div style="padding-left: 25px;"> <ul> <ul> <li>Надіслати учням як посилання</li> <li>Використати QR-код</li> <li>PDF-файл, який включає огляд виконань</li> <li>Вбудувати в сайт, блог, LMS</li> <li>Підтримка SCORM</li> </ul> </ul> </div> </div> <!-- end element --></div> </div> </div> <!-- button end 5 --></div> </div> <style><!-- .dm-collaps-wrap { margin-bottom: 15px; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); border-radius: 6px; } .dm-collaps { background-color: #EDEDED; color: black; background-image: none; text-shadow: none; width: 100%; font-family: inherit; cursor: pointer; padding: 18px; width: 100%; border: none; border-radius: 6px 6px 0 0; text-align: left; outline: none; font-size: 15px; } .dm-collaps i.fa-angle-down { font-style: inherit; margin-right: 10px; } .dm-collaps--active i.fa-angle-down { transform: scaleY(-1); } button.dm-collaps--active, button.dm-collaps:hover, button.dm-collaps:focus, button.dm-collaps:active { background-color: #c0c0c0ff; color: #000000; background-image: none; box-shadow: none; border: none; text-shadow: none; } .dm-collaps-content { padding: 0 18px; display: none; border-radius: 6px; overflow: hidden; background-color: #fff; } .dm-collaps-content p { margin-top: 5px; } .dm-collaps-content img { height: auto; } .dm-picnorm { display: flex; align-items: center; } .dm-picnorm img { width: auto; max-height: 150px; margin-left: 10px; } .element_container{ min-height: 120px; } @media only screen and (max-width: 980px) { .dm-picnorm { flex-direction: column; margin: 0 auto; } } --></style> <p> <script>// <![CDATA[ $(".dm-sc-collaps-wrapper").each(function () { $(this) .find(".dm-collaps") .click(function () { $(this).toggleClass("dm-collaps--active"); $(this).next().toggle(); }); }); // ]]></script> </p> <p></p> </div> </div> <div class="vert vert-1" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@c096eb06e3664475a01d8bca0aeffeb6"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@c096eb06e3664475a01d8bca0aeffeb6" data-request-token="043598a4530311f0a5737678d4d61f24" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p style="font-size: 85%; font-style: italic;">Натисніть на інтерактивні елементи, щоб розглянути переваги й недоліки</p> <div class="tab-wrapper"> <div class="tab-controls"><button class="tab-controls__button active"><b>Переваги</b></button> <button class="tab-controls__button"><b>Недоліки</b></button></div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/7e32e40875866d94d10c182c0ce3dc0d/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/plus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Зручний інтерфейс: </b> розташування елементів робить дизайн простим та інтуїтивним навіть для новачків</li> <li><b>Мова інтерфейсу:</b> наявність української мови</li> <li><b>Пошук:</b> за предметами, класами, мовами</li> <li><b>Швидке редагування і оновлення:</b> вправи можна змінювати в будь-який момент</li> <li> <b> Готова бібліотека вправ:</b> зручно адаптувати чужі завдання до власної теми <li> <b> Експорт:</b> Excel/CSV-файл з результатами, PDF-файл, який включає огляд виконань </li> <li><b>Інтеграція:</b> підтримує SCORM-файли</li> </ul> </div> </div> </div> <div class="tab-content"> <div style="display: flex;"> <div style="width: 15%; align-self: center; text-align: center;"><img src="/assets/courseware/v1/3d33571d67931fc65bcf5d9055ff72b9/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/minus_like.png" style="width: 75%; max-width: 100px;" alt="image" /></div> <div style="width: 100%; align-self: center;"> <ul> <li><b>Обмежений дизайн:</b> мало можливостей змінювати кольори, шрифти, фони</li> <li><b>Немає системи оцінювання: </b> платформа не має повноцінного механізму для нарахування балів або оцінок</li> <li><b>Недостатня інтеграція з LMS:</b> підтримує SCORM-файли, але інтеграція з Moodle чи Google Classroom не така гнучка, як у сучасних платформ </li> <li><b> Оновлення шаблонів:</b> нові шаблони або інноваційні функції додаються рідко </li> </ul> </div> </div> </div> </div> <style><!-- p.tab-wrapper-about.tab-wrapper-about-2 { margin-bottom: 5px; } .tab-controls { overflow: hidden; background-color: #EDEDED; border-radius: 6px 6px 0 0; display: flex; } .tab-controls button:not(:last-child) { margin-right: 0px; } .tab-controls button { background-image: none; text-shadow: none; background-color: inherit; color: #000000; flex: 1; float: none; border-radius: 6px 6px 0 0; box-shadow: none; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 14px; font-family: inherit; } .tab-controls button:hover, .tab-controls button:active, .tab-controls button:focus { background-color: #c0c0c0ff; background-image: none; box-shadow: none; border: none; text-shadow: none; } .tab-controls button.active { background-color: #c0c0c0ff; } .tab-content { display: none; padding: 15px 15px; border-radius: 0 0 6px 6px; border-top: none; box-shadow: 0 1px 2px 0 rgba(44, 47, 60, 0.06), 0 3px 10px 0 rgba(44, 47, 60, 0.09); overflow: auto; margin-bottom: 20px; } @media only screen and (max-width: 980px) { .tab-controls { overflow: auto; flex-direction: column; } } --></style> <p> <script>// <![CDATA[ $(".tab-wrapper").each(function () { const buttons = $(this).find(".tab-controls__button"); const tabs = $(this).find(".tab-content"); if (tabs.length !== buttons.length) { $(this).html("<p style='text-align:center; color: red'>ERROR, UNEQUAL AMOUNT OF TABS AND BUTTONS</p>"); } else { tabs.eq(0).show(); buttons.each(function (index) { $(this).click(function () { buttons.each(function () { $(this).removeClass("active"); }); tabs.each(function () { $(this).hide(); }); $(this).addClass("active"); tabs.eq(index).show(); }); }); } }); // ]]></script> </p> <p></p> <p></p> </div> </div> <div class="vert vert-2" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@c58ad36e431b472d86d20b43d06cc086"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@c58ad36e431b472d86d20b43d06cc086" data-request-token="043598a4530311f0a5737678d4d61f24" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <p></p> <p></p> <div style="display: flex; align-items: center; margin-right: 16px; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/a8e78237e0ee63609bb77a09c07e3656/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_link.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 30px; text-align: justify;"> <p><em><b>Додатковий матеріал</b> – <a href="https://www.youtube.com/playlist?list=PLYChBsEINueIn9etXxSWVQhTvIfoMNyX_" target="[object Object]">Робота в сервісі Learningapps.org - 18 відео</a></em></p> </div> </div> <p><iframe width="100%" height="550" src="https://www.youtube.com/embed/R67jOGTl-Ws?si=714yhb9QPxmVuSRO" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe></p> <p></p> <p></p> <p></p> <div style="display: flex; align-items: center; margin-right: 16px; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/a8e78237e0ee63609bb77a09c07e3656/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_link.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 30px; text-align: justify;"> <p><em><b>Додатковий матеріал</b> – <a href="https://sites.google.com/view/cyfra/модуль-1-сервіс-learningapps" target="[object Object]">Інтерактивний посібник "Сервіс LearningApps" (sites.google)</a></em></p> </div> </div> <p></p> </div> </div> <div class="vert vert-3" data-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@c4e5357488c942b99916fb777dc96d44"> <div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Profosvita+CS-007-EDUP+2025" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Profosvita+CS-007-EDUP+2025+type@html+block@c4e5357488c942b99916fb777dc96d44" data-request-token="043598a4530311f0a5737678d4d61f24" data-graded="False" data-has-score="False"> <script type="json/xblock-args" class="xblock-json-init-args"> {"xmodule-type": "HTMLModule"} </script> <div style="padding-left: 30px; text-align: justify;"></div> <div style="display: flex; align-items: center; border: 2px solid #087ec8; margin-right: 16px; box-shadow: 0px 0px 10px #C3CAD3; margin-left: 16px; margin-bottom: 24px; border-radius: 8px; padding: 16px;"><img src="/assets/courseware/v1/8e11e4d73733afe2748fd4676b0ff741/asset-v1:Profosvita+CS-007-EDUP+2025+type@asset+block/icon_interesting.png" alt="picture" style="width: 100px; margin-bottom: 10px;" /> <div style="padding-left: 30px; text-align: justify;"> <p><span style="color: #004984; font-size: 110%; font-weight: bold;">Якщо шукаєш аналоги LearningApps.org для освітнього контенту: </span></p> <ul> <ul> <ul> <li><strong>Для шкіл та дистанційного навчання</strong> —  <strong><a href="https://www.classtime.com/uk" target="[object Object]">Classtime</a></strong> або <strong><a href="https://h5p.org/" target="[object Object]">H5P</a></strong></li> <li><strong> Для швидких ігор</strong> — <strong><a href="https://www.educaplay.com" target="[object Object]">Educaplay</a></strong> або <strong><a href="https://wordwall.net" target="[object Object]">Wordwall</a></strong></li> <li><strong>Гейміфіковані вікторини, завдання з миттєвою перевіркою</strong> — <strong><a href="https://quizizz.com" target="[object Object]">Quizizz</a> </strong>або <strong><a href="https://kahoot.com" target="[object Object]">Kahoot!</a></strong></li> <li><strong>Створення інтерактивних уроків з відео, тестами, VR —  <a href="https://nearpod.com" target="[object Object]">Nearpod</a></strong></li> </ul> </ul> </ul> </div> </div> <p></p> <p></p> <div id="gtx-trans" style="position: absolute; left: 797px; top: 261.547px;"> <div class="gtx-trans-icon"></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>