KNOWLEDGE HYPERMARKET


Кодування графічної інформації. Повні уроки
Строка 3: Строка 3:
<metakeywords>Інформатика, клас, урок, на тему, 11 клас, Кодування графічної інформації.</metakeywords>  
<metakeywords>Інформатика, клас, урок, на тему, 11 клас, Кодування графічної інформації.</metakeywords>  
-
'''Тема: Кодування графічної інформації.'''  
+
==Тема==
 +
*'''Кодування графічної інформації.'''  
-
'''Мета: '''Дати представлення про кодування зображень комп'ютером.  
+
==Мета==
 +
*Дати представлення про кодування зображень комп'ютером.  
-
'''Тип уроку:''' теоретично-практичний  
+
==Тип уроку==
 +
*теоретично-практичний  
-
'''Хід уроку:'''
+
==Хід уроку==
 +
===Вступ===
-
'''Вступ.'''
 
З появою графічних станцій у вигляді комп'ютера розпочався новий етап в освоєнні ПК -машини як засобу обробки графічної інформації.  
З появою графічних станцій у вигляді комп'ютера розпочався новий етап в освоєнні ПК -машини як засобу обробки графічної інформації.  
-
Адже комп'ютер здатний не тільки вирішувати обчислювальні завдання, але і показувати, візулізувати будь-які процеси на дисплеї.<br>Графічний інтерфейс користувача став стандартом програмного забезпечення різних програмних областей.  
+
Адже комп'ютер здатний не тільки вирішувати обчислювальні завдання, але і показувати, візулізувати будь-які процеси на дисплеї.
 +
 
 +
Графічний інтерфейс користувача став стандартом програмного забезпечення різних програмних областей.  
Можливо, це пов'язане з людською психікою: наочність сприяє швидкому вивченню і розумінню.  
Можливо, це пов'язане з людською психікою: наочність сприяє швидкому вивченню і розумінню.  
 +
===Форми графіки===
-
'''Форми графіки.'''<br> Будь-яка графіка представляється в ''аналоговій або дискретних формах.''  
+
Будь-яка графіка представляється в '''аналоговій або дискретних формах.'''  
-
''Аналогова форма'' - це мальовниче полотно, ''дискретне зображення'' – малюнок, виконаний на струменевому принтері, яке складаєтсья з безлічей різнобарвних маленьких крапок.<br>Зображення з аналогової форми (папір, фото-, кіноплівка) у цифрову (дискретну) форматується шляхом дискретизації – наприклад, шляхом сканування.<br>
+
'''Аналогова форма''' - це мальовниче полотно, '''дискретне зображення''' – малюнок, виконаний на струменевому принтері, яке складаєтсья з безлічей різнобарвних маленьких крапок.
-
<br>
+
Зображення з аналогової форми (папір, фото-, кіноплівка) у цифрову (дискретну) форматується шляхом дискретизації – наприклад, шляхом сканування.
-
'''Кодування графічної інформації.'''
 
-
''Кодування'' - це перетворення символів однієї знакової системи в іншу. Всі комп'ютерні зображення розділяють на два основні типи: растрові і векторні.
+
===Кодування графічної інформації===
-
<br>
+
'''Кодування''' - це перетворення символів однієї знакової системи в іншу. Всі комп'ютерні зображення розділяють на два основні типи: растрові і векторні.
-
<br>
 
-
[[Image:Vidis.jpg]]  
+
[[Image:Vidis.jpg|500px|Кодування графічної інформації]]  
-
 
+
В '''растровій графіці''' зображення в процесі кодування розбивається на маленькі крапки або пікселі. Кожному пікселю привласнюється код кольору.  
-
В ''растровій графіці'' зображення в процесі кодування розбивається на маленькі крапки або пікселі. Кожному пікселю привласнюється код кольору.  
+
Інформація про кожну таку крапку містить комп'ютерна відеопам'ять.  
Інформація про кожну таку крапку містить комп'ютерна відеопам'ять.  
-
''Векторна графіка'' створюється із примітивних об'єктів таких як лінія, крива, крапка, прямокутник, трикутник, коло тощо.  
+
'''Векторна графіка''' створюється із примітивних об'єктів таких як лінія, крива, крапка, прямокутник, трикутник, коло тощо.  
Ці елементи (і їх обсяг) описуються за допомогою математичних формул.  
Ці елементи (і їх обсяг) описуються за допомогою математичних формул.  
-
<br>{{#ev:youtube|20P8d7OnxxE}}<br>  
+
{{#ev:youtube|20P8d7OnxxE}}<br>  
-
<br>
 
-
'''Характеристики графічних зображень:'''<br>- Графічна інформація являє собою зображення, побудоване з конкретного числа крапок (пікселів) – це і є просторова дискретизація.  
+
'''Характеристики графічних зображень:'''
 +
 
 +
- Графічна інформація являє собою зображення, побудоване з конкретного числа крапок (пікселів) – це і є просторова дискретизація.  
Цей процес можна зрівняти із зображеннями, побудованих з мозаїки. У такому зображенні кожній мозаїці (крапці) привласнюється свій код кольору<br>- Чим більше крапок тим якісніше зображення. Чим менша за розміром крапка, тим більше роздільна здатність, а значить знову - вища якість зображення. <br>- Якість зображення залежить і від кількості кольорів. Чим більше несе в собі інформацію кожна крапка про кількість кольорів, тим розширенішою буде палітра кольорів зображення.  
Цей процес можна зрівняти із зображеннями, побудованих з мозаїки. У такому зображенні кожній мозаїці (крапці) привласнюється свій код кольору<br>- Чим більше крапок тим якісніше зображення. Чим менша за розміром крапка, тим більше роздільна здатність, а значить знову - вища якість зображення. <br>- Якість зображення залежить і від кількості кольорів. Чим більше несе в собі інформацію кожна крапка про кількість кольорів, тим розширенішою буде палітра кольорів зображення.  
-
<br>
 
-
[[Image:Rasttr.jpg]]<br>
+
[[Image:Rasttr.jpg|500px|Кодування графічної інформації]]  
-
<br>
 
-
[[Image:Vektorrr.jpg]]  
+
[[Image:Vektorrr.jpg|500px|Кодування графічної інформації]]  
-
<br> '''Кодування кольору.'''<br> При кодуванні кольору відбувається його розкладання на основні складові - їх три (червоний, синій, зелений). Змішуючи ці кольори виходять різні відтінки.<br>У процесі дискретизації використовуються різні палітри.
+
===Кодування кольору===
-
[[Image:Rgbbb.jpg]]<br>
+
При кодуванні кольору відбувається його розкладання на основні складові - їх три (червоний, синій, зелений). Змішуючи ці кольори виходять різні відтінки.<br>У процесі дискретизації використовуються різні палітри.
 +
 
 +
 
 +
[[Image:Rgbbb.jpg|500px|Кодування графічної інформації]]  
-
<br>
 
Кожний колір розглядається як майбутній стан крапки.  
Кожний колір розглядається як майбутній стан крапки.  
Строка 73: Строка 77:
Кількість кольорів '''N''' і кількість інформації '''I''', зв'язані між собою і обчислюються по формулі: '''N=2i.''' Такі вихідні дані необхідні для кодування кольору кожної окремо крапки.<br>Наприклад, у найпростішому випадку палітра кольорів складається із двох - чорного і білого.  
Кількість кольорів '''N''' і кількість інформації '''I''', зв'язані між собою і обчислюються по формулі: '''N=2i.''' Такі вихідні дані необхідні для кодування кольору кожної окремо крапки.<br>Наприклад, у найпростішому випадку палітра кольорів складається із двох - чорного і білого.  
-
<br>
 
-
[[Image:Араоап.jpg|587x515px|араоап.jpg]]  
+
[[Image:Араоап.jpg|500px|Кодування графічної інформації]]  
 +
Значить кожна крапка на екрані приймає або «чорне» або «біле» стан.<br> По заданій формулі можна обчислити кількість інформації, необхідну для кодування кольору кожної крапки.
-
<br>
+
Кількість біт, необхідних для кодування кольору пікселя - це глибина кольору.
-
Значить кожна крапка на екрані приймає або «чорне» або «біле» стан.<br> По заданій формулі можна обчислити кількість інформації, необхідну для кодування кольору кожної крапки.  
+
Кольорові зображення будуються із двійковим кодом кольору кожної крапки. Ця інформація зберігається у відеопам'яті. Такі зображення змінюють глибини кольору - '''8, 16, 24 і 32 біта'''.
-
<br> <br>Кількість біт, необхідних для кодування кольору пікселя - це глибина кольору. <br>Кольорові зображення будуються із двійковим кодом кольору кожної крапки. Ця інформація зберігається у відеопам'яті. Такі зображення змінюють глибини кольору - <u>8, 16, 24 і 32 біта</u>.<br>Кольорова картинка народжується на екрані шляхом змішування трьох базових кольорів: червоного, зеленого та синього. Ця колірна модель називається RGB (по перших буквах англійських назв квітів - <u>Red, Green, Blue</u>)  
+
Кольорова картинка народжується на екрані шляхом змішування трьох базових кольорів: червоного, зеленого та синього. Ця колірна модель називається RGB (по перших буквах англійських назв квітів - '''Red, Green, Blue''')  
-
<br>
 
-
[[Image:Ияфмe.jpg|414x413px|ияфмe.jpg]]  
+
[[Image:Ияфмe.jpg|500px|Кодування графічної інформації]]  
-
<br>
 
-
<br> Для одержання безлічі відтінків (відповідно виходить і багата палітра кольорів) основним або базовим кольорам задаються різні інтенсивності (яскравість, контрастність, насиченість).<br>Наприклад, при глибині кольору в 24 біта (по 8 біт на кожний колір або канал) виходить N=28 =256 рівнів інтенсивності, задані двійковими кодами - від 00000000 (мінімальної ) до 11111111 (максимальної).  
+
Для одержання безлічі відтінків (відповідно виходить і багата палітра кольорів) основним або базовим кольорам задаються різні інтенсивності (яскравість, контрастність, насиченість).
 +
 
 +
Наприклад, при глибині кольору в 24 біта (по 8 біт на кожний колір або канал) виходить N=28 =256 рівнів інтенсивності, задані двійковими кодами - від 00000000 (мінімальної ) до 11111111 (максимальної).  
{{#ev:youtube|XflFarsdOKk}}  
{{#ev:youtube|XflFarsdOKk}}  
Строка 97: Строка 101:
{{#ev:youtube|vz4m1JH2how}}  
{{#ev:youtube|vz4m1JH2how}}  
-
<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. Форми графіки.
 
-
2. Що таке кодування?
+
'''Для довідки:''' в Windows є можливість вибору графічних режимів; також можна налаштовувати відеосистему комп'ютера (монітор і відеоадаптер).  
-
3. Типи графіки і їх кодування<br> 4. Як відбувається процес кодування кольору?<br>5. По якій формулі кодується колір?
+
==Самоконтроль==
-
6. Розкажіть про графічні режими мониторів.<br>
+
''1. Форми графіки. ''
 +
''2. Що таке кодування? ''
 +
''3. Типи графіки і їх кодування''
-
''Завдання: ''  
+
''4. Як відбувається процес кодування кольору?''
-
Обчисліть обсяг відеопам'яті для графічного режиму 1440х900.  
+
''5. По якій формулі кодується колір? ''
-
<br>''Список використаної літератури:''  
+
''6. Розкажіть про графічні режими мониторів.''  
-
1. Урок на тему "Зображення", Голубев М. М., м. Таганрог
 
-
2. Урок на тему «Кодирование изображения», Гимадиева М. Ш., учитель информатики, Шалинская COШ, Республики Татарстан.<br> 3. Сиденко Л. Компьютерная графика и геометрическое моделирование. - Питер, 2009 г.
+
==Завдання==
-
4. Гурский Ю., Гурская И. , Жвалевский А. Компьютерная графика. Photoshop CS3, CorelDRAW X3, Illustrator CS3. Трюки и эффекты. - Питер, 2008 г.  
+
*'''Обчисліть обсяг відеопам'яті для графічного режиму 1440х900. '''
-
5. Шокуров А. В., Михалёв А. В. Кодирование изображений с последующим возможным оптимальным декодированием // Успехи мат. наук., 2007 г.
+
==Список використаної літератури==
-
<br>
+
''1. Урок на тему "Зображення", Голубев М. М., м. Таганрог ''
 +
 
 +
''2. Урок на тему «Кодирование изображения», Гимадиева М. Ш., учитель информатики, Шалинская COШ, Республики Татарстан.''
 +
 
 +
''3. Сиденко Л. Компьютерная графика и геометрическое моделирование. - Питер, 2009 г. ''
 +
 
 +
''4. Гурский Ю., Гурская И. , Жвалевский А. Компьютерная графика. Photoshop CS3, CorelDRAW X3, Illustrator CS3. Трюки и эффекты. - Питер, 2008 г. ''
 +
 
 +
''5. Шокуров А. В., Михалёв А. В. Кодирование изображений с последующим возможным оптимальным декодированием // Успехи мат. наук., 2007 г. ''
 +
 
 +
 
 +
----
 +
''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''  
''Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.''  
-
<br> ----
+
----
-
'''<u>Над уроком працювали</u>'''
+
 
 +
'''Над уроком працювали'''
Гімадієва М. Ш.
Гімадієва М. Ш.
Строка 146: Строка 164:
Соловйов М. С.
Соловйов М. С.
-
----
 
 +
----

Версия 09:53, 23 января 2013

Гіпермаркет Знань>>Інформатика>>Інформатика 11 клас. Повні уроки>> Інформатика: Кодування графічної інформації.

Содержание

Тема

  • Кодування графічної інформації.

Мета

  • Дати представлення про кодування зображень комп'ютером.

Тип уроку

  • теоретично-практичний

Хід уроку

Вступ

З появою графічних станцій у вигляді комп'ютера розпочався новий етап в освоєнні ПК -машини як засобу обробки графічної інформації.

Адже комп'ютер здатний не тільки вирішувати обчислювальні завдання, але і показувати, візулізувати будь-які процеси на дисплеї.

Графічний інтерфейс користувача став стандартом програмного забезпечення різних програмних областей.

Можливо, це пов'язане з людською психікою: наочність сприяє швидкому вивченню і розумінню.


Форми графіки

Будь-яка графіка представляється в аналоговій або дискретних формах.

Аналогова форма - це мальовниче полотно, дискретне зображення – малюнок, виконаний на струменевому принтері, яке складаєтсья з безлічей різнобарвних маленьких крапок.

Зображення з аналогової форми (папір, фото-, кіноплівка) у цифрову (дискретну) форматується шляхом дискретизації – наприклад, шляхом сканування.


Кодування графічної інформації

Кодування - це перетворення символів однієї знакової системи в іншу. Всі комп'ютерні зображення розділяють на два основні типи: растрові і векторні.


Кодування графічної інформації


В растровій графіці зображення в процесі кодування розбивається на маленькі крапки або пікселі. Кожному пікселю привласнюється код кольору.

Інформація про кожну таку крапку містить комп'ютерна відеопам'ять.

Векторна графіка створюється із примітивних об'єктів таких як лінія, крива, крапка, прямокутник, трикутник, коло тощо.

Ці елементи (і їх обсяг) описуються за допомогою математичних формул.




Характеристики графічних зображень:

- Графічна інформація являє собою зображення, побудоване з конкретного числа крапок (пікселів) – це і є просторова дискретизація.

Цей процес можна зрівняти із зображеннями, побудованих з мозаїки. У такому зображенні кожній мозаїці (крапці) привласнюється свій код кольору
- Чим більше крапок тим якісніше зображення. Чим менша за розміром крапка, тим більше роздільна здатність, а значить знову - вища якість зображення.
- Якість зображення залежить і від кількості кольорів. Чим більше несе в собі інформацію кожна крапка про кількість кольорів, тим розширенішою буде палітра кольорів зображення.


Кодування графічної інформації


Кодування графічної інформації

Кодування кольору

При кодуванні кольору відбувається його розкладання на основні складові - їх три (червоний, синій, зелений). Змішуючи ці кольори виходять різні відтінки.
У процесі дискретизації використовуються різні палітри.


Кодування графічної інформації


Кожний колір розглядається як майбутній стан крапки.

Кількість кольорів 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 г.




Скомпоновано та надіслано викладачем Київського національного університету імені Тараса Шевченка Соловйовим М. С.




Над уроком працювали

Гімадієва М. Ш.

Голубєв М. М.

Соловйов М. С.




Поставить вопрос о современном образовании, выразить идею или решить назревшую проблему Вы можете на Образовательном форуме, где на международном уровне собирается образовательный совет свежей мысли и действия. Создав блог, Вы не только повысите свой статус, как компетентного преподавателя, но и сделаете весомый вклад в развитие школы будущего. Гильдия Лидеров Образования открывает двери для специалистов  высшего ранга и приглашает к сотрудничеству в направлении создания лучших в мире школ.

Предмети > Інформатика > Інформатика 11 клас