<metakeywords>Інформатика, клас, урок, на тему, 11 клас, Кодування графічної інформації.</metakeywords>
<metakeywords>Інформатика, клас, урок, на тему, 11 клас, Кодування графічної інформації.</metakeywords>
-
'''Тема: Кодування графічної інформації.'''
+
== Тема ==
-
'''Мета: '''Дати представлення про кодування зображень комп'ютером.
+
*'''Кодування графічної інформації.'''
-
'''Тип уроку:''' теоретично-практичний
+
== Мета ==
-
'''Хід уроку:'''
+
*Дати представлення про кодування зображень [http://xvatit.com/it комп'ютером].
+
== Тип уроку ==
-
'''Вступ.'''
+
*теоретично-практичний
-
З появою графічних станцій у вигляді комп'ютера розпочався новий етап в освоєнні ПК -машини як засобу обробки графічної інформації.
+
-
Адже комп'ютер здатний не тільки вирішувати обчислювальні завдання, але і показувати, візулізувати будь-які процеси на дисплеї.<br>Графічний інтерфейс користувача став стандартом програмного забезпечення різних програмних областей.
+
== Хід уроку ==
-
Можливо, це пов'язане з людською психікою: наочність сприяє швидкому вивченню і розумінню.
+
=== Вступ ===
+
З появою графічних станцій у вигляді комп'ютера розпочався новий етап в освоєнні ПК -машини як засобу обробки графічної інформації.
+
Адже [[Основные устройства компьютера|комп'ютер]] здатний не тільки вирішувати обчислювальні завдання, але і показувати, візулізувати будь-які процеси на дисплеї.
-
'''Форми графіки.'''<br> Будь-яка графіка представляється в ''аналоговій або дискретних формах.''
+
Графічний інтерфейс користувача став стандартом програмного забезпечення різних програмних областей.
-
''Аналогова форма'' - це мальовниче полотно, ''дискретне зображення'' – малюнок, виконаний на струменевому принтері, яке складаєтсья з безлічей різнобарвних маленьких крапок.<br>Зображення з аналогової форми (папір, фото-, кіноплівка) у цифрову (дискретну) форматується шляхом дискретизації – наприклад, шляхом сканування.<br>
+
Можливо, це пов'язане з людською психікою: наочність сприяє швидкому вивченню і розумінню.
<br>
<br>
-
'''Кодування графічної інформації.'''
+
=== Форми графіки ===
-
''Кодування'' - це перетворення символів однієї знакової системи в іншу. Всі комп'ютерні зображення розділяють на два основні типи: растрові і векторні.
+
Будь-яка графіка представляється в '''аналоговій або дискретних формах.'''
-
<br>
+
'''Аналогова форма''' - це мальовниче полотно, '''дискретне зображення''' – малюнок, виконаний на струменевому [[Фішки для допитливих до теми «Принтер. Типи принтерів. Сканер. Пристрої для організації комп’ютерного зв’язку»|принтері]], яке складаєтсья з безлічей різнобарвних маленьких крапок.
+
+
Зображення з аналогової форми (папір, фото-, кіноплівка) у цифрову (дискретну) форматується шляхом дискретизації – наприклад, шляхом сканування.
<br>
<br>
-
[[Image:Vidis.jpg]]
+
=== Кодування графічної інформації ===
+
'''Кодування''' - це перетворення символів однієї знакової системи в іншу. Всі [[Кодирование графической информации|комп'ютерні зображення]] розділяють на два основні типи: растрові і векторні.
В ''растровій графіці'' зображення в процесі кодування розбивається на маленькі крапки або пікселі. Кожному пікселю привласнюється код кольору.
+
<br> В '''растровій графіці''' зображення в процесі кодування розбивається на маленькі крапки або пікселі. Кожному пікселю привласнюється код кольору.
Інформація про кожну таку крапку містить комп'ютерна відеопам'ять.
Інформація про кожну таку крапку містить комп'ютерна відеопам'ять.
-
''Векторна графіка'' створюється із примітивних об'єктів таких як лінія, крива, крапка, прямокутник, трикутник, коло тощо.
+
[[Векторна графіка. Повні уроки|Векторна графіка]] створюється із примітивних об'єктів таких як лінія, крива, крапка, прямокутник, трикутник, коло тощо.
Ці елементи (і їх обсяг) описуються за допомогою математичних формул.
Ці елементи (і їх обсяг) описуються за допомогою математичних формул.
-
<br>{{#ev:youtube|20P8d7OnxxE}}<br>
+
{{#ev:youtube|20P8d7OnxxE}}<br>
-
<br>
+
<br> '''Характеристики графічних зображень:'''
-
'''Характеристики графічних зображень:'''<br>- Графічна інформація являє собою зображення, побудоване з конкретного числа крапок (пікселів) – це і є просторова дискретизація.
+
- Графічна інформація являє собою зображення, побудоване з конкретного числа крапок (пікселів) – це і є просторова дискретизація.
Цей процес можна зрівняти із зображеннями, побудованих з мозаїки. У такому зображенні кожній мозаїці (крапці) привласнюється свій код кольору<br>- Чим більше крапок тим якісніше зображення. Чим менша за розміром крапка, тим більше роздільна здатність, а значить знову - вища якість зображення. <br>- Якість зображення залежить і від кількості кольорів. Чим більше несе в собі інформацію кожна крапка про кількість кольорів, тим розширенішою буде палітра кольорів зображення.
Цей процес можна зрівняти із зображеннями, побудованих з мозаїки. У такому зображенні кожній мозаїці (крапці) привласнюється свій код кольору<br>- Чим більше крапок тим якісніше зображення. Чим менша за розміром крапка, тим більше роздільна здатність, а значить знову - вища якість зображення. <br>- Якість зображення залежить і від кількості кольорів. Чим більше несе в собі інформацію кожна крапка про кількість кольорів, тим розширенішою буде палітра кольорів зображення.
При [[Кодирование|кодуванні]] кольору відбувається його розкладання на основні складові - їх три (червоний, синій, зелений). Змішуючи ці кольори виходять різні відтінки.<br>У процесі дискретизації використовуються різні палітри.
-
<br> '''Кодування кольору.'''<br> При кодуванні кольору відбувається його розкладання на основні складові - їх три (червоний, синій, зелений). Змішуючи ці кольори виходять різні відтінки.<br>У процесі дискретизації використовуються різні палітри.
<br> Кожний колір розглядається як майбутній стан крапки.
-
+
-
<br>
+
-
+
-
Кожний колір розглядається як майбутній стан крапки.
+
Кількість кольорів '''N''' і кількість інформації '''I''', зв'язані між собою і обчислюються по формулі: '''N=2i.''' Такі вихідні дані необхідні для кодування кольору кожної окремо крапки.<br>Наприклад, у найпростішому випадку палітра кольорів складається із двох - чорного і білого.
Кількість кольорів '''N''' і кількість інформації '''I''', зв'язані між собою і обчислюються по формулі: '''N=2i.''' Такі вихідні дані необхідні для кодування кольору кожної окремо крапки.<br>Наприклад, у найпростішому випадку палітра кольорів складається із двох - чорного і білого.
<br> Значить кожна крапка на екрані приймає або «чорне» або «біле» стан.<br> По заданій формулі можна обчислити кількість [[Источники информации для компьютерного поиска|інформації]], необхідну для кодування кольору кожної крапки.
+
Кількість біт, необхідних для кодування кольору пікселя - це глибина кольору.
+
Кольорові зображення будуються із двійковим кодом кольору кожної крапки. Ця інформація зберігається у відеопам'яті. Такі зображення змінюють глибини кольору - '''8, 16, 24 і 32 біта'''.
-
<br>
+
Кольорова картинка народжується на екрані шляхом змішування трьох базових кольорів: червоного, зеленого та синього. Ця колірна модель називається RGB (по перших буквах англійських назв квітів - '''Red, Green, Blue''')
-
Значить кожна крапка на екрані приймає або «чорне» або «біле» стан.<br> По заданій формулі можна обчислити кількість інформації, необхідну для кодування кольору кожної крапки.
<br> <br>Кількість біт, необхідних для кодування кольору пікселя - це глибина кольору. <br>Кольорові зображення будуються із двійковим кодом кольору кожної крапки. Ця інформація зберігається у відеопам'яті. Такі зображення змінюють глибини кольору - <u>8, 16, 24 і 32 біта</u>.<br>Кольорова картинка народжується на екрані шляхом змішування трьох базових кольорів: червоного, зеленого та синього. Ця колірна модель називається RGB (по перших буквах англійських назв квітів - <u>Red, Green, Blue</u>)
+
<br> Для одержання безлічі відтінків (відповідно виходить і багата палітра кольорів) основним або базовим кольорам задаються різні інтенсивності (яскравість, контрастність, насиченість).
-
<br>
+
Наприклад, при глибині кольору в 24 біта (по 8 біт на кожний колір або канал) виходить N=28 =256 рівнів інтенсивності, задані двійковими кодами - від 00000000 (мінімальної ) до 11111111 (максимальної).
-
+
-
[[Image:Ияфмe.jpg|414x413px|ияфмe.jpg]]
+
-
+
-
<br>
+
-
+
-
<br> Для одержання безлічі відтінків (відповідно виходить і багата палітра кольорів) основним або базовим кольорам задаються різні інтенсивності (яскравість, контрастність, насиченість).<br>Наприклад, при глибині кольору в 24 біта (по 8 біт на кожний колір або канал) виходить N=28 =256 рівнів інтенсивності, задані двійковими кодами - від 00000000 (мінімальної ) до 11111111 (максимальної).
+
{{#ev:youtube|XflFarsdOKk}}
{{#ev:youtube|XflFarsdOKk}}
Строка 99:
Строка 97:
<br>
<br>
-
<br>'''Графічні режими моніторів.'''<br>Розглянемо формування растрового зображення на екрані монітора, розміром 800х600 крапок.<br>Розраховуємо необхідний обсяг відеопам'яті для графічного режиму 800х600 і глибиною кольору в 24 бита.<br>Усіх крапок на екрані 480 000 (800 множимо на 600).<br>Обчислюємо необхідний обсяг відеопам'яті: 24 біт х 480 000 = 11 520 000 біт = 1,37 Мегабайт<br> По такій же аналогії розраховуються обсяги відеопам'яті і для інших популярних графічних режимів – 1024х768, 1280х1024, 1440х900, 1600х1200 і т.д.
+
=== Графічні режими моніторів ===
+
Розглянемо формування [[Растровая и векторная графика|растрового зображення]] на екрані монітора, розміром 800х600 крапок.
+
Розраховуємо необхідний обсяг відеопам'яті для графічного режиму 800х600 і глибиною кольору в 24 бита.
-
''Для довідки:'' в Windows є можливість вибору графічних режимів; також можна налаштовувати відеосистему комп'ютера (монітор і відеоадаптер).
+
Усіх крапок на екрані 480 000 (800 множимо на 600).<br>Обчислюємо необхідний обсяг відеопам'яті: 24 біт х 480 000 = 11 520 000 біт = 1,37 Мегабайт
-
<br>'''Самоконтроль:'''
+
По такій же аналогії розраховуються обсяги відеопам'яті і для інших популярних графічних режимів – 1024х768, 1280х1024, 1440х900, 1600х1200 і т.д.
-
<br>1. Форми графіки.
+
<br> '''Для довідки:''' в Windows є можливість вибору графічних режимів; також можна налаштовувати відеосистему комп'ютера (монітор і відеоадаптер).
-
2. Що таке кодування?
+
== Самоконтроль ==
-
3. Типи графіки і їх кодування<br> 4. Як відбувається процес кодування кольору?<br>5. По якій формулі кодується колір?
+
''1. Форми графіки. ''
-
6. Розкажіть про графічні режими мониторів.<br>
+
''2. Що таке кодування? ''
+
''3. Типи графіки і їх кодування''
+
''4. Як відбувається процес кодування кольору?''
-
''Завдання: ''
+
''5. По якій формулі кодується колір? ''
-
Обчисліть обсяг відеопам'яті для графічного режиму 1440х900.
+
''6. Розкажіть про графічні режими мониторів.''
-
<br>''Список використаної літератури:''
+
<br>
-
1. Урок на тему "Зображення", Голубев М. М., м. Таганрог
+
== Завдання ==
-
2. Урок на тему «Кодирование изображения», Гимадиева М. Ш., учитель информатики, Шалинская COШ, Республики Татарстан.<br> 3. Сиденко Л. Компьютерная графика и геометрическое моделирование. - Питер, 2009 г.
+
*'''Обчисліть обсяг відеопам'яті для графічного режиму 1440х900. '''
-
4. Гурский Ю., Гурская И. , Жвалевский А. Компьютерная графика. Photoshop CS3, CorelDRAW X3, Illustrator CS3. Трюки и эффекты. - Питер, 2008 г.
+
== Список використаної літератури ==
-
5. Шокуров А. В., Михалёв А. В. Кодирование изображений с последующим возможным оптимальным декодированием // Успехи мат. наук., 2007 г.
+
''1. Урок на тему "Зображення", Голубев М. М., м. Таганрог ''
-
<br>
+
''2. Урок на тему «Кодирование изображения», Гимадиева М. Ш., учитель информатики, Шалинская COШ, Республики Татарстан.''
-
''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''
+
''3. Сиденко Л. Компьютерная графика и геометрическое моделирование. - Питер, 2009 г. ''
+
''4. Гурский Ю., Гурская И. , Жвалевский А. Компьютерная графика. Photoshop CS3, CorelDRAW X3, Illustrator CS3. Трюки и эффекты. - Питер, 2008 г. ''
-
<br> ----
+
''5. Шокуров А. В., Михалёв А. В. Кодирование изображений с последующим возможным оптимальным декодированием // Успехи мат. наук., 2007 г. ''
-
'''<u>Над уроком працювали</u>'''
+
<br>
-
Гімадієва М. Ш.
+
----
-
Голубєв М. М.
+
<br> ''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''
-
Соловйов М. С.
+
<br>
----
----
+
<br> '''Над уроком працювали'''
+
Гімадієва М. Ш.
-
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
+
Голубєв М. М.
+
Соловйов М. С.
+
+
<br>
+
+
----
+
<br> Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на [http://xvatit.com/forum/ '''Образовательном форуме'''], где на международном уровне собирается образовательный совет свежей мысли и действия. Создав [http://xvatit.com/club/blogs/ '''блог,'''] Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. [http://xvatit.com/school/guild/ '''Гильдия Лидеров Образования'''] открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.<br>
Дати представлення про кодування зображень комп'ютером.
Тип уроку
теоретично-практичний
Хід уроку
Вступ
З появою графічних станцій у вигляді комп'ютера розпочався новий етап в освоєнні ПК -машини як засобу обробки графічної інформації.
Адже комп'ютер здатний не тільки вирішувати обчислювальні завдання, але і показувати, візулізувати будь-які процеси на дисплеї.
Графічний інтерфейс користувача став стандартом програмного забезпечення різних програмних областей.
Можливо, це пов'язане з людською психікою: наочність сприяє швидкому вивченню і розумінню.
Форми графіки
Будь-яка графіка представляється в аналоговій або дискретних формах.
Аналогова форма - це мальовниче полотно, дискретне зображення – малюнок, виконаний на струменевому принтері, яке складаєтсья з безлічей різнобарвних маленьких крапок.
Зображення з аналогової форми (папір, фото-, кіноплівка) у цифрову (дискретну) форматується шляхом дискретизації – наприклад, шляхом сканування.
Кодування графічної інформації
Кодування - це перетворення символів однієї знакової системи в іншу. Всі комп'ютерні зображення розділяють на два основні типи: растрові і векторні.
В растровій графіці зображення в процесі кодування розбивається на маленькі крапки або пікселі. Кожному пікселю привласнюється код кольору.
Інформація про кожну таку крапку містить комп'ютерна відеопам'ять.
Векторна графіка створюється із примітивних об'єктів таких як лінія, крива, крапка, прямокутник, трикутник, коло тощо.
Ці елементи (і їх обсяг) описуються за допомогою математичних формул.
Характеристики графічних зображень:
- Графічна інформація являє собою зображення, побудоване з конкретного числа крапок (пікселів) – це і є просторова дискретизація.
Цей процес можна зрівняти із зображеннями, побудованих з мозаїки. У такому зображенні кожній мозаїці (крапці) привласнюється свій код кольору - Чим більше крапок тим якісніше зображення. Чим менша за розміром крапка, тим більше роздільна здатність, а значить знову - вища якість зображення. - Якість зображення залежить і від кількості кольорів. Чим більше несе в собі інформацію кожна крапка про кількість кольорів, тим розширенішою буде палітра кольорів зображення.
Кодування кольору
При кодуванні кольору відбувається його розкладання на основні складові - їх три (червоний, синій, зелений). Змішуючи ці кольори виходять різні відтінки. У процесі дискретизації використовуються різні палітри.
Кожний колір розглядається як майбутній стан крапки.
Кількість кольорів N і кількість інформації I, зв'язані між собою і обчислюються по формулі: N=2i. Такі вихідні дані необхідні для кодування кольору кожної окремо крапки. Наприклад, у найпростішому випадку палітра кольорів складається із двох - чорного і білого.
Значить кожна крапка на екрані приймає або «чорне» або «біле» стан. По заданій формулі можна обчислити кількість інформації, необхідну для кодування кольору кожної крапки.
Кількість біт, необхідних для кодування кольору пікселя - це глибина кольору.
Кольорові зображення будуються із двійковим кодом кольору кожної крапки. Ця інформація зберігається у відеопам'яті. Такі зображення змінюють глибини кольору - 8, 16, 24 і 32 біта.
Кольорова картинка народжується на екрані шляхом змішування трьох базових кольорів: червоного, зеленого та синього. Ця колірна модель називається RGB (по перших буквах англійських назв квітів - Red, Green, Blue)
Для одержання безлічі відтінків (відповідно виходить і багата палітра кольорів) основним або базовим кольорам задаються різні інтенсивності (яскравість, контрастність, насиченість).
Наприклад, при глибині кольору в 24 біта (по 8 біт на кожний колір або канал) виходить N=28 =256 рівнів інтенсивності, задані двійковими кодами - від 00000000 (мінімальної ) до 11111111 (максимальної).
Графічні режими моніторів
Розглянемо формування растрового зображення на екрані монітора, розміром 800х600 крапок.
Розраховуємо необхідний обсяг відеопам'яті для графічного режиму 800х600 і глибиною кольору в 24 бита.
Усіх крапок на екрані 480 000 (800 множимо на 600). Обчислюємо необхідний обсяг відеопам'яті: 24 біт х 480 000 = 11 520 000 біт = 1,37 Мегабайт
По такій же аналогії розраховуються обсяги відеопам'яті і для інших популярних графічних режимів – 1024х768, 1280х1024, 1440х900, 1600х1200 і т.д.
Для довідки: в Windows є можливість вибору графічних режимів; також можна налаштовувати відеосистему комп'ютера (монітор і відеоадаптер).
Самоконтроль
1. Форми графіки.
2. Що таке кодування?
3. Типи графіки і їх кодування
4. Як відбувається процес кодування кольору?
5. По якій формулі кодується колір?
6. Розкажіть про графічні режими мониторів.
Завдання
Обчисліть обсяг відеопам'яті для графічного режиму 1440х900.
Список використаної літератури
1. Урок на тему "Зображення", Голубев М. М., м. Таганрог
2. Урок на тему «Кодирование изображения», Гимадиева М. Ш., учитель информатики, Шалинская COШ, Республики Татарстан.
3. Сиденко Л. Компьютерная графика и геометрическое моделирование. - Питер, 2009 г.
4. Гурский Ю., Гурская И. , Жвалевский А. Компьютерная графика. Photoshop CS3, CorelDRAW X3, Illustrator CS3. Трюки и эффекты. - Питер, 2008 г.
5. Шокуров А. В., Михалёв А. В. Кодирование изображений с последующим возможным оптимальным декодированием // Успехи мат. наук., 2007 г.
Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.
Над уроком працювали
Гімадієва М. Ш.
Голубєв М. М.
Соловйов М. С.
Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.
