<div class="xblock xblock-public_view xblock-public_view-vertical" data-course-id="course-v1:Osvita+Osv08+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Osvita+Osv08+2024+type@vertical+block@ebdfb4d831a84e69916b95f9c0baab7b" data-request-token="85bdfc7e3b2d11f0ad041eaa3a34f4fa" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Osvita+Osv08+2024+type@html+block@11750943cac44bdb9334c6507b9bc088">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Osvita+Osv08+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Osvita+Osv08+2024+type@html+block@11750943cac44bdb9334c6507b9bc088" data-request-token="85bdfc7e3b2d11f0ad041eaa3a34f4fa" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7;"><strong>Мета роботи:</strong><br />перевірити на практиці утворення кольорів у колірній моделі RGB.</p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 16px;">Практична робота виконується у середовищі Tinkercad<br />(<a href="https://www.tinkercad.com/" target="_blank" rel="noopener">https://www.tinkercad.com/</a>)</p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 16px;"><strong>Додаткові теоретичні відомості:</strong></p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 16px;">У схемі використано макетну плату.</p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 16px;"><strong>Макетна плата</strong> (англ. breadboard) — це спеціальний інструмент для створення та тестування електричних схем без необхідності паяння. Вона має пластиковий корпус із отворами, під якими розташовані металеві контакти.</p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 16px;">Схему, яка використовується у практичні роботі, можна скласти і без макетної плати за допомогою «дротів-крокодилів», але використання макетної плати має свої переваги:</p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 8px;">● Макетна плата дає змогу зручно підключати електронні компоненти (резистори, світлодіоди, кнопки, датчики тощо) до micro :bit через вбудовані у неї контакти. Ти можеш легко змінювати компоненти або їх розташування без перепаювання чи складних маніпуляцій.</p>
<p dir="ltr" style="text-align: center; font-size: 16px; line-height: 1.7; margin-top: 8px;"><img src="https://lms.e-school.net.ua/asset-v1:Osvita+Osv07+2024+type@asset+block@prakt_rab_7_1_1.png" alt="7_1" width="450" height="300" /></p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 16px;">● Електронні компоненти можна легко вставляти в отвори макетної плати, що знижує ризик пошкодження контактів у порівнянні з дротами.</p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 8px;">● Ти можеш створити більш складні електричні схеми, підключаючи багато компонентів одночасно.</p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 16px;"><strong>RGB-світлодіод</strong> — це світлодіод, який може випромінювати світло різними кольорами, комбінуючи три базові кольори: червоний (Red), зелений (Green) і синій (Blue). RGB світлодіод складається з трьох окремих світлодіодів (червоного, зеленого і синього), об’єднаних в одному корпусі. Світлодіод має кілька контактів (виводів), які керують яскравістю кожного з кольорів.</p>
<p dir="ltr" style="text-align: center; font-size: 16px; line-height: 1.7; margin-top: 16px;"><img src="https://lms.e-school.net.ua/asset-v1:Osvita+Osv07+2024+type@asset+block@prakt_rab_7_1_2.png" alt="7_3" width="500" height="320" /></p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 16px;"><strong>Резистор</strong> — цей електронний компонент, призначений для обмеження або регулювання струму в електричному колі. Він є одним із найпоширеніших елементів в електроніці. Наприклад, може використовуватися для захисту компонентів, зокрема, світлодіодів, які можуть перегоріти у разі подання сильного струму.</p>
<p dir="ltr" style="text-align: center; font-size: 16px; line-height: 1.7; margin-top: 16px;"><img src="https://lms.e-school.net.ua/asset-v1:Osvita+Osv07+2024+type@asset+block@prakt_rab_7_1_3.png" alt="7_3" width="290" height="158" /></p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 16px;">Якщо через резистор з номіналом 220 Ом подається напруга 5 В, то величина струму, який протікає через резистор, визначатиметься так:</p>
<p dir="ltr" style="text-align: center; font-size: 16px; line-height: 1.7; margin-top: 8px;"><img src="https://lms.e-school.net.ua/asset-v1:Osvita+Osv07+2024+type@asset+block@prakt_rab_7_1_4.png" alt="7_4" width="320" height="52" /></p>
<p dir="ltr" style="text-align: left; font-size: 16px; line-height: 1.7; margin-top: 16px;">Хід роботи продемонстрований у відео. Повтори дії, відтворені у відео, самостійно. Перевір свої відповіді до завдання 6.</p>
<p></p>
<p></p>
</div>
</div>
<div class="vert vert-1" data-id="block-v1:Osvita+Osv08+2024+type@video+block@9fea2cc325b641768a7de0bc8c674e92">
<div class="xblock xblock-public_view xblock-public_view-video xmodule_display xmodule_VideoBlock" data-course-id="course-v1:Osvita+Osv08+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="video" data-usage-id="block-v1:Osvita+Osv08+2024+type@video+block@9fea2cc325b641768a7de0bc8c674e92" data-request-token="85bdfc7e3b2d11f0ad041eaa3a34f4fa" 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"></h3>
<div
id="video_9fea2cc325b641768a7de0bc8c674e92"
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://lms.e-school.net.ua", "poster": null, "prioritizeHls": false, "publishCompletionUrl": "/courses/course-v1:Osvita+Osv08+2024/xblock/block-v1:Osvita+Osv08+2024+type@video+block@9fea2cc325b641768a7de0bc8c674e92/handler/publish_completion", "recordedYoutubeIsAvailable": true, "savedVideoPosition": 0.0, "saveStateEnabled": false, "saveStateUrl": "/courses/course-v1:Osvita+Osv08+2024/xblock/block-v1:Osvita+Osv08+2024+type@video+block@9fea2cc325b641768a7de0bc8c674e92/handler/xmodule_handler/save_user_state", "showCaptions": "true", "sources": ["https://lms.e-school.net.ua/asset-v1:Osvita+Osv07+2024+type@asset+block@RBG_\u0441\u0432\u0456\u0442\u043b\u043e\u0434\u0456\u043e\u0434.mp4"], "speed": null, "start": 0.0, "streams": "", "transcriptAvailableTranslationsUrl": "/courses/course-v1:Osvita+Osv08+2024/xblock/block-v1:Osvita+Osv08+2024+type@video+block@9fea2cc325b641768a7de0bc8c674e92/handler/transcript/available_translations", "transcriptLanguage": "en", "transcriptLanguages": {"en": "English"}, "transcriptTranslationUrl": "/courses/course-v1:Osvita+Osv08+2024/xblock/block-v1:Osvita+Osv08+2024+type@video+block@9fea2cc325b641768a7de0bc8c674e92/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="Триває завантаження відео плеєра"></span>
<span tabindex="-1" class="btn-play fa fa-youtube-play fa-2x is-hidden" aria-hidden="true" aria-label="Переглянути відео"></span>
<div class="video-player-pre"></div>
<div class="video-player">
<div id="9fea2cc325b641768a7de0bc8c674e92"></div>
<h4 class="hd hd-4 video-error is-hidden">Не знайдено жодного джерела відео матеріалів для відтворення.</h4>
<h4 class="hd hd-4 video-hls-error is-hidden">
Ваш браузер не підтримує цей формат відео. Спробуйте інший браузер.
</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 class="vert vert-2" data-id="block-v1:Osvita+Osv08+2024+type@html+block@6b9feeb464fe46a8974d565aa627b153">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Osvita+Osv08+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Osvita+Osv08+2024+type@html+block@6b9feeb464fe46a8974d565aa627b153" data-request-token="85bdfc7e3b2d11f0ad041eaa3a34f4fa" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p dir="ltr" style="text-align: left; font-size: 15px; line-height: 1.7;"><i>Відеоінструкції підготував вчитель інформатики Ліцею № 4. Мелітопольської міської ради Запорізької області <strong>Ченцов Олександр Миколайович.</strong></i></p>
<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:Osvita+Osv08+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Osvita+Osv08+2024+type@vertical+block@2460c823d48e4f2f8537a283d61a6e38" data-request-token="85bdfc7e3b2d11f0ad041eaa3a34f4fa" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Osvita+Osv08+2024+type@html+block@27cdaaf833574c48b9797dda2033b51e">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Osvita+Osv08+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Osvita+Osv08+2024+type@html+block@27cdaaf833574c48b9797dda2033b51e" data-request-token="85bdfc7e3b2d11f0ad041eaa3a34f4fa" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p><a href="https://lms.e-school.net.ua/asset-v1:Osvita+Osv08+2024+type@asset+block@Робочий_аркуш_7.2.docx">Завантажити «Робочий аркуш 7.2.docx»</a></p>
<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:Osvita+Osv08+2024" data-init="VerticalStudentView" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="vertical" data-usage-id="block-v1:Osvita+Osv08+2024+type@vertical+block@1e9b22ece6294d86819ba886489e9bd4" data-request-token="85bdfc7e3b2d11f0ad041eaa3a34f4fa" data-graded="False" data-has-score="False">
<div class="vert-mod">
<div class="vert vert-0" data-id="block-v1:Osvita+Osv08+2024+type@html+block@10ac8ee28abe47a0821fd17df9386c9c">
<div class="xblock xblock-public_view xblock-public_view-html xmodule_display xmodule_HtmlBlock" data-course-id="course-v1:Osvita+Osv08+2024" data-init="XBlockToXModuleShim" data-runtime-class="LmsRuntime" data-runtime-version="1" data-block-type="html" data-usage-id="block-v1:Osvita+Osv08+2024+type@html+block@10ac8ee28abe47a0821fd17df9386c9c" data-request-token="85bdfc7e3b2d11f0ad041eaa3a34f4fa" data-graded="False" data-has-score="False">
<script type="json/xblock-args" class="xblock-json-init-args">
{"xmodule-type": "HTMLModule"}
</script>
<p></p>
<div style="text-align: center; margin-top: 18px; margin-bottom: 18px;">
<p> <iframe title="How do computer monitors work?" src="https://www.youtube.com/embed/uyLDA9QT8EY" width="584" height="329" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen"></iframe></p>
</div>
<p dir="ltr" style="text-align: left; margin-top: 18px;"><strong> Таблиця назв та кодів кольорів:</strong><br /><a title="Перейти" href="https://www.colorome.com/colors" target="_blank" rel="noopener">https://www.colorome.com/colors</a></p>
<p dir="ltr" style="text-align: left; margin-top: 35px;">Зміст відео українською мовою.<br /> <br /> <b>0:00</b> Коли ми взаємодіємо з комп’ютерами, ми в основному дивимося на екрани. <br /> <b>0:02</b> На них відображаються десятки або навіть тисячі крихітних пікселів, <br /> <b>0:04</b> які можуть світитися різними кольорами та змінюватися, <br /> <b>0:06</b> щоб створювати зображення, які ми бачимо та з якими взаємодіємо. <br /> <b>0:10</b> Але як комп’ютер, що працює виключно з числами, <br /> <b>0:12</b> визначає, який піксель має бути якого кольору і в який момент? <br /> <b>0:16</b> Якщо вам цікаво, то ви потрапили за адресою. <br /> <b>0:18</b> Кольори, з яких складається кожен окремий піксель на вашому екрані, <br /> <b>0:22</b> створюються за допомогою системи кольорів <b>RGB</b>. <br /> <b>0:24</b> Різні пропорції червоного <b>(Red)</b>, зеленого <b>(Green)</b> і синього <b>(Blue)</b> <br /> <b>0:26</b> дозволяють отримати будь-який відтінок, насиченість, темряву або яскравість кольору. <br /> <b>0:37</b> Щоразу, коли ви бачите термін <b>RGB</b>, <br /> <b>0:40</b> йдеться саме про кольори, що формуються комбінацією червоного, зеленого та синього. <br /> <br /><b>0:45</b> Перш ніж перейти до чисел і програмного забезпечення, <br /> <b>0:47</b> давайте коротко розглянемо фізичні принципи роботи пікселів. <br /> <b>0:50</b> Є кілька різних способів їх реалізації, <br /> <b>0:52</b> і за останні десятиліття використовувалися різні технології. <br /> <b>0:56</b> Я пропущу монітори <b>CRT</b>, оскільки вони застаріли <br /> <b>1:01</b> і працюють зовсім інакше, ніж два основні типи моніторів, <br /> <b>1:04</b> про які я хочу розповісти. <br /> <b>1:08</b> Проте ці монітори є справді цікавими, <br /> <b>1:09</b> тому я рекомендую вам дізнатися більше про їхню технологію. <br /> <br /><b>1:13</b> Почнемо з <b>LCD (Liquid Crystal Display)</b> – рідкокристалічних дисплеїв. <br /> <b>1:16</b> На задній панелі таких моніторів розташоване біле флуоресцентне підсвічування. <br /> <b>1:20</b> Його покривають кілька тонких шарів унікальної речовини – <b>рідких кристалів.</b> <br /> <b>1:25</b> З обох боків шару рідких кристалів розташовані <b>поляризаційні фільтри:</b> <br /> <b>1:27</b> один заряджений негативно, інший – позитивно. <br /> <b>1:32</b> Оскільки біле світло містить усі кольори спектра, <br /> <b>1:36</b> ці шари фільтрують потрібні кольори для кожного пікселя. <br /> <b>1:40</b> Кожен піксель змінює свій заряд завдяки електричним сигналам, <br /> <b>1:45</b> які надходять зверху і з боків екрана, <br /> <b>1:47</b> що дозволяє пропускати потрібний колір у потрібний момент. <br /> <br /><b>1:54</b> Другий популярний тип сучасних моніторів – <b>LED (Light Emitting Diode)</b>. <br /> <b>1:56</b> Він працює подібно до <b>LCD</b>, <br /> <b>2:02</b> але замість одного білого флуоресцентного підсвічування на задній панелі <br /> <b>2:03</b> він має шар <b>LED-пікселів</b>. <br /> <b>2:06</b> Усередині кожного пікселя є три крихітні світлодіоди – <br /> <b>2:10</b> по одному для кожного кольору <b>RGB</b>. <br /> <b>2:13</b> Змінюючи інтенсивність кожного з цих світлодіодів, <br /> <b>2:15</b> можна отримати будь-який відтінок. <br /> <b>2:19</b> Може здатися, що нерівномірне розташування світлодіодів у пікселі <br /> <b>2:26</b> може вплинути на точність передачі кольорів. <br /> <b>2:30</b> Але насправді наші очі сприймають зображення як єдине ціле, <br /> <b>2:32</b> тому ми бачимо плавні переходи кольорів. <br /> <br /><b>2:36</b> Тепер, коли ми розглянули фізичну частину, давайте перейдемо до чисел. <br /> <b>2:40</b> Кожен з трьох кольорів <b>RGB</b> може мати 255 градацій яскравості, <br /> <b>2:46</b> від повністю чорного до максимального значення кольору. <br /> <b>2:50</b> Ці три значення можна комбінувати, утворюючи мільйони різних кольорів. <br /> <br /><b>3:00</b> Але комп’ютер не використовує три окремі значення для кольорів, <br /> <b>3:04</b> а зчитує одне число, яке він інтерпретує певним способом. <br /> <b>3:09</b> Щоб зрозуміти, як комп’ютер перетворює число на колір, <br /> <b>3:11</b> нам потрібно коротко поговорити про <b>шістнадцяткову систему числення</b>. <br /> <b>3:16</b> Раніше я розповідав про <b>двійкову систему</b> та <b>десяткову систему числення</b>. <br /> <b>3:19</b> У десятковій системі ми використовуємо числа від 0 до 9, <br /> <b>3:24</b> а коли досягаємо 9, додаємо новий розряд зліва і починаємо рахунок спочатку. <br /> <b>3:33</b> Шістнадцяткова система працює аналогічно, <br /> <b>3:36</b> але замість 10 цифр у ній 16 символів. <br /> <b>3:45</b> Це означає, що кожен розряд у числі представляє <b>степінь 16,</b> <br /> <b>3:51</b> а не 10, як у звичайній системі. <br /> <br /><b>4:47</b> Кожен піксель має три значення для <b>RGB</b>, <br /> <b>4:49</b> кожне з яких може бути числом від 0 до 255. <br /> <b>5:01</b> Цікаво, що <b>два розряди шістнадцяткового коду</b> також можуть представляти значення від 0 до 255. <br /> <b>5:06</b> Отже, кожен піксель на екрані кодується <b>шістнадцятковим числом із шести цифр</b>. <br /> <b>5:29</b> Перші дві цифри відповідають за <b>синій</b> колір <b>(B)</b>, <br /> <b>5:36</b> другі дві – за <b>зелений (G)</b>, <br /> <b>5:41</b> а останні дві – <b>за червоний (R)</b>. <br /><br /><b>6:01</b> Чому ж кольори задаються саме у <b>шістнадцятковій системі</b>, а не в десятковій? <br /> <b>6:16</b> Оскільки всі обчислення в комп’ютері базуються на <b>двійковій системі</b>, <br /> <b>6:21</b> а 16 – це степінь 2, <br /> <b>6:24</b> перетворення чисел між двійковою та шістнадцятковою системами є дуже простим. <br /> <b>6:49</b> Отже, тепер ви знаєте, як комп’ютер визначає кольори на екрані! <br /> <b>7:06</b> Дякую за перегляд! Якщо у вас є ідеї для нових відео, залишайте коментарі.</p>
<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>
Завершення тесту
У вас залишилися невиконані завдання. Ви впевнені, що хочете завершити тест?
© Всі права захищено