ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ...

123
Вінниця 2017 ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ УНІВЕРСИТЕТ ІМЕНІ МИХАЙЛА КОЦЮБИНСЬКОГО Навчально-науковий інститут педагогіки, психології, підготовки фахівців вищої кваліфікації Кафедра інноваційних та інформаційних технологій в освіті Д И П Л О М Н А Р О Б О Т А на тему: «ФОРМУВАННЯ ФАХОВИХ ЗНАНЬ СТУДЕНТІВ, УЧНІВ ЗАСОБАМИ СМАРТ-СЕРЕДОВИЩ У ЗАКЛАДАХ ПРОФЕСІЙНОЇ ОСВІТИ» Студентка 4 курсу АПО групи Галузі знань 0101 Педагогічна освіта Напряму підготовки 6.010104 Професійна освіта (Комп’ютерні технології) Пугач Ілони Олександрівни Науковий керівник кандидат педагогічних наук, професор Кадемія М. Ю. Розширена шкала _______________________________ Кількість балів: __________ Оцінка: ECTS ___________ Голова комісії ________________ акад. Гуревич Р. С. (підпис) Члени комісії _________________ проф. Кадемія М. Ю. (підпис) _________________ доц. Гордійчук Г. Б. (підпис) _________________ доц. Кізім С. С. (підпис)

Upload: vodat

Post on 18-Feb-2018

240 views

Category:

Documents


7 download

TRANSCRIPT

Page 1: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

Вінниця 2017

ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ УНІВЕРСИТЕТ

ІМЕНІ МИХАЙЛА КОЦЮБИНСЬКОГО

Навчально-науковий інститут педагогіки, психології, підготовки фахівців вищої

кваліфікації

Кафедра інноваційних та інформаційних технологій в освіті

Д И П Л О М Н А Р О Б О Т А

на тему: «ФОРМУВАННЯ ФАХОВИХ ЗНАНЬ СТУДЕНТІВ, УЧНІВ

ЗАСОБАМИ СМАРТ-СЕРЕДОВИЩ У ЗАКЛАДАХ ПРОФЕСІЙНОЇ

ОСВІТИ»

Студентка 4 курсу АПО групи

Галузі знань 0101 Педагогічна освіта

Напряму підготовки 6.010104 Професійна освіта

(Комп’ютерні технології)

Пугач Ілони Олександрівни

Науковий керівник кандидат педагогічних наук,

професор Кадемія М. Ю.

Розширена шкала _______________________________

Кількість балів: __________ Оцінка: ECTS ___________

Голова комісії ________________ акад. Гуревич Р. С.

(підпис)

Члени комісії _________________ проф. Кадемія М. Ю.

(підпис)

_________________ доц. Гордійчук Г. Б.

(підпис)

_________________ доц. Кізім С. С.

(підпис)

Page 2: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

2

ЗМІСТ

ВСТУП .............................................................................................................................. 3

РОЗДІЛ І. ХАРАКТЕРИСТИКА СЕРЕДОВИЩ НАВЧАННЯ .................................... 6

1.1. Характеристика електронного середовища навчання ........................................ 6

1.2. Від електронного до Smart-середовища навчання у професійній освіті ........ 12

1.3. Поняття та характеристика смарт-середовища ................................................. 16

1.4. Принципи смарт-середовища .............................................................................. 18

ВИСНОВКИ ДО ПЕРШОГО РОЗДІЛУ ...................................................................... 20

РОЗДІЛ ІІ. МЕТОДИКА ВИКОРИСТАННЯ SMART-СЕРЕДОВИЩА У

НАВЧАЛЬНОМУ ПРОЦЕСІ ПТНЗ .............................................................................. 22

2.1. Інтерактивні комплекси та методика їх використання у професійній освіті. 22

2.2. Методика використання інтерактивних засобів у навчальному процесі ПТНЗ,

їх переваги та недоліки. .............................................................................................. 26

2.3. Використання смарт-середовища у професійно-технічних навчальних

закладах з професії: «Оператор з обробки інформації та програмного

забезпечення» .............................................................................................................. 28

2.4. Використання смарт-середовища у професійно-технічних навчальних

закладах з професії: «Оператор комп’ютерного набору» ....................................... 64

ВИСНОВКИ ДО ДРУГОГО РОЗДІЛУ ....................................................................... 75

РОЗДІЛ 3. ЕКСПЕРИМЕНТАЛЬНА ПЕРЕВІРКА ДОСЛІДЖЕННЯ ....................... 76

3.1. Організація та методика проведення педагогічного експерименту ................ 76

3.2. Результати педагогічного експерименту та їх аналіз ....................................... 81

ЗАГАЛЬНІ ВИСНОВКИ .............................................................................................. 85

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ ..................................................................... 87

ДОДАТКИ ...................................................................................................................... 90

Page 3: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

3

ВСТУП

Актуальність дослідження. Сучасному світу притаманний стан

постійних системних глобальних змін. Зростає роль інформаційних

комунікацій, продуктів і послуг у суспільно-економічному і культурному

житті людини.

Прорив у розвитку інформаційно-комунікаційних технологій визначив

глибинні, змістові перетворення у всіх сферах життєдіяльності людини. Нині

є всі підстави стверджувати, що інформаційне суспільство піддається

еволюційній трансформації та переходить на новий рівень – смарт-

суспільства. Передбачається, що у смарт-суспільстві відбувається перехід від

традиційної моделі навчання до e-learning, а потім – до смарт-навчання.

При цьому змінюється й роль освітніх установ, що призначені не

«поставляти знання», а створювати найкращі умови для набуття учнями

власного досвіду і навичок. У зв’язку з цим, основною функцією викладача

стає не трансляція «готових істин», а якісна навігація з інформаційно-

комунікаційних технологій та світовим інформаційним ресурсам. Смарт-

освіта дозволяє учням генерувати нові знання та формувати особистість смарт-

людини, яка досконало володіє інформаційно-комунікаційними технологіями

для пошуку, аналізу інформації та створенню інновацій. Темпи та рівень

розвитку технологій електронної освіти започаткували нове загальносвітове

явище – smart-education. Це не лише система інноваційних технологічних

рішень, але й нова філософія освіти.

У сучасних умовах наукові пошуки орієнтовані на педагогічні підходи

до вивчення смарт-середовища та смарт-технологій, відображено у працях

В. Бикова, Ю. Гайдай, Т. Головачук, Н. Губрій, Р. Гуревич, В. Дубініної,

О. Дмитрука, Н. Добровольської, О. Іващука, М. Ісакова, М. Кадемія,

Т. Колупаєвої, Ю. Конотоп, І. Крупельницької, О. Косовської, В. Лагутіної,

М. Левчук, Н. Маслова, А. Охріменко, Л. Радзіховської, В. Рязанцева,

Н. Сичова, Н. Слободяник, К. Соколюк, О. Спірін, Н. Тихомирова, М. Томчук,

Page 4: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

4

А. Хахлюк, Н. Чали, Г. Чумакова, С. Шаповал, Р. Шевченко, О. Шерстюк,

К. Шклярук.

Мета дослідження полягає у визначенні можливостей і перспектив

використання смарт-середовищ у навчальному процесі професійно-технічних

навчальних закладах задля кращого засвоєння, відтворення, розуміння учнями

знань та застосування їх на практиці.

Об’єкт дослідження – навчальний процес у професійно-технічних

навчальних закладах.

Предмет дослідження – використання смарт-середовищ у навчальному

процесі професійно-технічних навчальних закладів.

Гіпотеза дослідження – підвищення рівня засвоєння, відтворення та

розуміння учнями знань можливе за умов використання смарт-середовища у

навчальному процесі професійної освіти.

Завдання дослідження:

1. Розкрити суть наступних понять: «професійно-технічна освіта

учнів», «електронне навчання», «смарт-технології», «смарт-освіта»,

«інклюзивна освіта», «інтерактивне навчання».

2. Визначити смарт-освіту як чинник інноваційного розвитку

суспільства.

3. Запропонувати можливі способи та методи використання смарт-

середовищ у навчальному процесі професійно-технічних навчальних закладів.

Теоретичну основу дослідження складають основні філософські та

психолого-педагогічні положення щодо провідної ролі інформаційно-

комунікаційних технологій формування учнів як особистості, нормативні

документи про професійно-технічне навчання, нормативні документи про

вищу освіту.

Методи дослідження:

теоретичні: аналіз наукової літератури й навчально-методичної

документації;

емпіричні: педагогічні спостереження, діагностичні методи (тести,

Page 5: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

5

анкети, опитувальники);

обробки результатів дослідження: методи математичної статистики.

Нормативну базу дослідження складають навчальна програма

інформаційно-технологічного профілю, затверджена грифом міністерства

освіти і науки України, а також навчальні плани.

Наукова новизна та теоретичне значення дослідження полягає в

тому, що визначено та обґрунтовано шляхи ефективного використання смарт-

середовищ у навчальному процесі професійно-технічних навчальних закладів

з метою покращення якості знань учнів; уточнено сутність поняття «смарт-

середовищ» та «смарт-технології»; науково обґрунтовано методику

впровадження «смарт-середовищ» у навчальний процес професійно-технічних

навчальних закладів; розвинуто теоретичну інтерпретацію проблеми

інформатизації та модернізації системи навчання за допомогою смарт-

технологій.

Практичне значення одержаних результатів становлять: розроблене

дидактичне забезпечення за допомогою «хмарних» сервісів, описаних у

дипломній роботі, плани-конспекти уроків з професійної освіти. Результати

дослідження стануть корисними вчителям інформаційно-технологічного

профілю, вчителям інформатики, студентам інженерно-педагогічних

факультетів і можуть бути використані у процесі вивчення курсів

інформатики, методики викладання основ інформаційних технологій у

педагогічних вищих навчальних закладах.

Апробація результатів дослідження. Робота апробована під час

проведення уроків виробничого та теоретичного навчання у навчально-

виховному комплексі: Державний професійно-технічний навчальний заклад

«Вінницьке міжрегіональне професійне училище»

Структура дипломної роботи. Робота складається з вступу, трьох

розділів, висновків, списку використаних джерел, додатків. Загальний обсяг

роботи – 123 сторінки.

Page 6: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

6

РОЗДІЛ І. ХАРАКТЕРИСТИКА СЕРЕДОВИЩ НАВЧАННЯ

1.1. Характеристика електронного середовища навчання

Навчально-виховний процес професійно-технічного навчального

закладу визначається як цілеспрямована, свідомо організована, динамічна

взаємодія викладача, майстра і учня, у процесі якої вирішуються суспільно

необхідні завдання освіти, гармонійного виховання [22, с. 26], формування

базових професійних компетенцій. Якість навчально-виховного процесу у

професійно-технічному навчанні залежить від багатьох чинників, до основних

з яких відноситься освітнє середовище. Досягнення поставлених педагогічних

цілей можливе лише в умовах функціонування відповідного освітнього

середовища, як простору, який охоплює систему взаємно підпорядкованих

підсередовищ і їх складових, що спрямовані на виконання освітніх завдань.

Різні аспекти структури та навчально-виховного впливу освітнього

середовища на розвиток учня знайшли відображення в сучасних наукових

дослідженнях А. Валицької, Б. Бім-Бада, І. Баєвої, І. Булах, А. Каташова,

В. Вербицького, Є. Лимова, Б. Вульфова, Н. Кудикіної, І. Єрмакова,

О. Коберника, Ю. Мануйлова, Л. Новікової, А. Петровського, А. Сбруєвої,

Г. Пустовіта, В. Слободчикова, Л. Сохань та інших.

Під поняттям «освітнє середовище вищих професійно-технічних

навчальних закладів» розуміють сукупність духовно-матеріальних умов його

функціонування, що забезпечують саморозвиток вільної і активної

особистості учня [14, с. 8], реалізацію його творчого потенціалу, формування

фахових компетенцій та компетентностей. Технологію формування освітнього

середовища ПТНЗ представлено у вигляді схеми 1, де воно виступатиме

функціональним і просторовим об’єднанням суб’єктів освіти із тісними

різноплановими груповими взаємозв’язками, і може розглядатися як модель

соціокультурного простору, в якому відбувається становлення майбутнього

фахівця.

Page 7: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

7

Схема 1.

Визначальні компоненти освітнього середовища у вищих ПТНЗ, як

організованого середовища, складові якого покликані сприяти досягненню

цілей навчально-виховного процесу у сфері професійно-технічного навчання

[15, с.53].

Змістова компонента визначає навчальні програми та плани, освітньо-

кваліфікаційні характеристики суб’єктів освітнього середовища та вимоги до

них.

Просторово-предметна компонента – це матеріальна база навчального

середовища (кабінети, майстерні виробничого навчання і лабораторії з

відповідним обладнанням, різні технічні засоби навчання, включаючи

комп’ютер та відеотехніку, засоби наочності, фахове обладнання тощо) та

навчально-методичний комплекс, наприклад, навчально-методична

література, носії з навчальними програмами комп’ютерної підтримки на

дисках, плакати, відеофільми, відеозаписи, друкований роздатковий матеріал.

Мотиваційна компонента визначається опосередкованими зв’язками з

реальним світом, які формуються у процесі життєдіяльності та фахового

Page 8: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

8

становлення майбутнього спеціаліста. Вона характеризує загальний «клімат»

цієї діяльності.

Оціночно-результативна компонента є завершальною у процесі

навчання, вона передбачає оцінку знань учнів аж до випуску з ПТНЗ, а також

самооцінку учнями досягнутих результатів [4, с. 27].

Окреслені компоненти освітнього середовища ми розглядаємо у

взаємозв’язку. Вони являють собою етапи, ланки у структурі процесу

навчання майбутніх фахівців робітничих спеціальностей.

Отже, важливість формування сучасного освітнього середовища у ПТНЗ

зумовлюється тим, що воно є своєрідним, особливим засобом формування

виконавських, пошукових та творчих здібностей учнів, а також інструментом

вирішення низки важливих управлінських функцій щодо досягнення цілей

професійно-технічної освіти.

Структура освітнього середовища визначає його внутрішню

організацію, взаємозв’язок і взаємозалежність між елементами. Елементи

визначають змістовну і матеріальну наповненість освітнього середовища

[19, с. 23]. Необхідною умовою існування освітнього середовища є можливість

реалізації усіх чотирьох зазначених компонентів навчально-виховного

процесу. Достатньою умовою є наявність суб’єкта навчання та забезпечення у

межах освітнього середовища циркуляції навчальної інформації в достатньому

об’ємі. Суб’єкт навчання (учень) є кінцевим адресатом системи дій, що

відбуваються в межах освітнього середовища у ПТНЗ.

Таким чином, освітнє середовище ПТНЗ має вирішувати два взаємо-

залежні завдання: вводити учня у сферу фахової галузі (як інформативно, так

і практично) та надавати можливості учню і викладачу оперувати предметами,

які відповідають цілям навчання. З іншого боку, освітнє середовище повинно

відповідати психолого-педагогічним, медико-біологічним, предметно-

методичним та екологічним умовам ПТНЗ [16, с. 21].

Зважаючи на стрімкий розвиток сучасних технологій, електронні форми

навчання в останні роки стрімко набули інтенсивного поширення в освітньому

Page 9: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

9

середовищі професійно-технічних навчальних закладів та істотно змінюють

методологію навчального процесу. Тому однією з важливих складових

сучасного ПТНЗ стає його електронне освітнє середовище з потужним

ресурсом електронних матеріалів та засобів навчання.

Термін «електронне навчання» набув значного поширення в освіті; тим

не менш, його часто ототожнюють з поняттям «дистанційне навчання», що

іноді призводить до недооцінки значущості розвитку власне електронного

навчання.

Спробуємо розібратися, як виникли ці поняття і які феномени сучасної

освіти описуються цими термінами.

Ранньою формою дистанційного навчання можна вважати заочне

навчання з листування, активно розвивалося на початку минулого століття.

Таке навчання використовувалося швидше для придбання певних знань, а не

для здобуття вищої освіти.

З розвитком комп’ютерної техніки, локальних і глобальної

обчислювальних мереж у дистанційного навчання з’явилися нові можливості.

Під дистанційним навчанням (distance learning) стали розуміти такий процес

навчання, при якому використовуються технології, які припускають

безпосередньої присутності викладача – в першу чергу, інформаційно-

комунікаційні технології.

В англомовній освітній літературі часто використовується термін «open

and distance learning» – «відкрите і дистанційне навчання», що підкреслює той

факт, що в порівнянні з традиційним навчанням дистанційне відкрито для

більш широкої аудиторії. Відкрите навчання не передбачає вступних іспитів і

доступне будь-якому охочому; більш того, воно може бути «неформальним»

(nonformal, informal learning), завершуватися отриманням відповідних

документів про освіту.

Треба відзначити, що термін «дистанційна освіта» (distance education),

що позначає освіта, здобута без безпосередньої присутності викладача,

отримав значно менше поширення в порівнянні з терміном «дистанційне

Page 10: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

10

навчання». Це в значній мірі пояснюється тим, що поширення технологій

дистанційного навчання відбувається значно швидше становлення

законодавчо та організаційно обумовленої форми дистанційної освіти.

Перші згадки про електронне навчання (electronic learning, e-learning)

з’явилися в 90-х роках минулого століття, коли в зв’язку з розвитком

інформаційно-комунікаційних технологій (ІКТ) дистанційне навчання, можна

сказати, знайшло друге дихання. Потребами саме дистанційного навчання і

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

Спочатку під електронним навчанням розуміли технічно «поліпшену»

форму дистанційного навчання, так як електронне навчання розглядалося як

технологічна підтримка дистанційного навчання, що забезпечує «доставку

додому» мультимедійних навчальних засобів. Цей перший етап розвитку

електронного навчання характеризується активним використанням

презентацій (переважно в форматі PowerPoint) і програм тестування (для

локальних мереж, пізніше – для віддаленого тестування по мережі Інтернет),

розробкою електронних підручників. Одним із серйозних уроків цього етапу

можна назвати висновки щодо необхідності розвитку педагогічного дизайну

(цілеспрямованого проектування навчальних курсів) і введення технологічних

стандартів для забезпечення можливості використання розроблених

електронних освітніх ресурсів в різних середовищах.

Наступний етап розвитку електронного навчання багато в чому був

зумовлений потребами бурхливого розвитку корпоративного навчання

(навчання співробітників компаній, найчастіше безпосередньо на робочих

місцях), що володів значними фінансовими можливостями. На цьому етапі не

тільки створюються нові численні електронні навчальні матеріали та

електронні освітні курси, а й формуються портфоліо компетенцій

співробітників, що працюють в електронному навчанні, створюються

електронні засоби навчання, організації та супроводу навчального процесу,

відпрацьовуються різні моделі управління електронним навчанням,

Page 11: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

11

розробляються підходи до оцінки якості і ефективності електронного

навчання.

Третій етап розвитку електронного навчання пов’язують з

усвідомленням необхідності розробки програмних систем, що забезпечують

комплексне вирішення завдань електронного навчання. До цих систем

відносять: системи управління вмістом (контентом) навчання, системи

доставки навчальних матеріалів «в потрібний час, в потрібній кількості, в

потрібне місце», системи тестування, підсистеми управління компетенціями

для відстеження результатів навчання, системи інтерактивної підтримки

навчального середовища, системи управління знаннями, системи управління

навчанням (Learning Management Systems).

На початку цього століття електронне навчання стало активно

впроваджуватися в традиційні університети в різних організаційних формах:

як підтримка традиційного очного і заочного навчання, або як новий рівень

розвитку дистанційного навчання за програмами додаткової професійної

освіти, підвищення кваліфікації викладачів ВНЗ, довузівської підготовки,

першої і другої вищої освіти, корпоративної магістратури.

В даний час широкого поширення набуває термін «змішане

(комбіноване) навчання» (blended learning), під яким розуміють таку

організацію освітнього процесу, при якій технології електронного навчання

поєднуються з традиційним викладанням в аудиторії за розкладом в очному

режимі (face-to-face learning ). Стає зрозумілим, що дистанційне навчання – це

одна з можливих організаційних моделей, що реалізуються на базі

електронного навчання.

Паралельно з цими процесами приходить усвідомлення того факту, що

електронне навчання – це предмет управління, впровадження технологій і

різноманітних організаційних моделей електронного навчання вимагає не

стільки розвитку інформаційних технологій, скільки значних організаційних

змін, новацій у кадровій політиці, вдосконалення нормативно-методичної бази

Page 12: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

12

всього освітнього процесу , розвитку педагогічного інструментарію,

відповідного завданням сучасної освіти і рівню сучасних ІКТ.

Основними рисами «нового» електронного навчання називають

комплексність, системність (комплексне охоплення цільових груп, системне

вирішення питань організації і забезпечення електронного навчання); акцент

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

освітнього середовища (проблемне і проектне навчання, навчання у співпраці,

формування портфоліо студента і викладача та ін.); динамічно змінювані

структури; управління процесами; управління знаннями в процесах

електронного навчання і його забезпечення.

Отже, що ефективно кероване електронне навчання є одним із

найсерйозніших чинників інноваційного розвитку сучасної освіти в цілому і

сучасних університетів зокрема.

1.2. Від електронного до Smart-середовища навчання у професійній

освіті

В інформаційному суспільстві відбувається процес трансформації

освітніх технологій, що представлено на рис. 1.

Рис. 1. Трансформація освітніх технологій

Page 13: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

13

E-learning (від англ. Electronic learning – електронне навчання) – система

електронного навчання, синонім таких термінів, як електронне навчання,

дистанційне навчання, навчання із застосуванням комп’ютерів, мережне

навчання, віртуальне навчання за допомогою інформаційно-комунікаційних,

електронних технологій.

Електронне навчання поклало початок Smart-навчанню (Smart-

education). Це нова філософія навчання, котру називають розумним

навчанням.

Воно об’єднує навчальні заклади, викладацький склад для здійснення

спільної освітньої діяльності в мережі Інтернет на базі спільних стандартів,

узгоджень і технологій. Мова йде щодо здійснення спільного навчання та

використання контенту.

Смарт-навчання – це гнучке навчання в інтерактивному освітньому

середовищі за допомогою контента з усього світу, що знаходиться у вільному

доступі. Отже, знання стають широко доступні.

Мета розумного навчання полягає в тому, щоб робити процес навчання

ефективним за рахунок переносу навчального процесу в електронне

середовище, а це, в свою чергу, надає можливість доступу кожному,

розширення кількості бажаючих навчатися з будь-якого місця і у будь-який

час. З цією метою необхідно здійснити перехід від книжкового до

електронного контенту, розміщуючи його в репозитарії, зробити його

активним.

Page 14: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

14

Студенти одержують можливість самостійно або за технологією

«перевернутого» навчання вивчати навчальні дисципліни за електронними

матеріалами, дивитись лекції в он-лайн або оф-лайн режимах, тестуватися,

брати участь у телекомунікаційних проектах.

Smart-освіта відкриває нові можливості для педагогів, надає можливість

ділитися досвідом, підвищувати свій професійний рівень, більше займатися

наукою, економити час, постійно розробляти контент та ін.

Нові вимоги висуваються до навчального курсу. Він має забезпечувати

якість освіти, мотивацію учнів, залучаючи учнів до творчої, навчальної і

наукової діяльності. Навчальні курси мають бути інтегрованими, включати

мультимедійні фрагменти, зовнішні електронні ресурси.

Необхідно дотримуватися таких вимог: гнучкість, інтеграція,

індивідуальна траєкторія, мобільність та ін. Цим властивостям відповідатиме

Page 15: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

15

електронний курс, а також електронний підручник. Для створення Smart-

підручника необхідно використовувати: хмарні технології, мультимедійні

засоби, автоматичну фільтрацію за рейтингом знань, інтерактивність, спільну

роботу в Інтернеті та ін.

Особлива увага приділяється управлінню навчальним контентом і

навчальними ресурсами у Smart-навчанні.

У цьому процесі навчальні матеріали потребують регулярного

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

учням можливість формувати професійну компетентність.

Викладачами використовуються у навчальному процесі інтерактивні

дошки та спеціальне програмне забезпечення, наприклад, ActivStudio, а також

програмне забезпечення SmartNotebook, Smart Classroom та ін. Це програмне

забезпечення використовується для здійснення інтерактивного навчання.

Наприклад, Smart Classroom Suite – програмне забезпечення, що

включає інтегрований програмний комплекс, котрий використовується в

комп’ютерній аудиторії. Цей комплекс включає програмне забезпечення: для

спільного навчання – Smart Notebook, для учнів – Smart Notebook SE; для

управління навчальним процесом – Smart Sync; для проведення

інтерактивного опитування – Smart Response.

Програмне забезпечення Smart Classroom Suite дозволяє управляти

навчальним процесом в аудиторії та проводити заняття.

Отже, важливе місце у підготовці сучасного фахівця має широке

використання інформаційно-комунікаційних технологій, зокрема, Smart-

технологій, що дасть можливість закласти фундамент щодо здійснення

успішної професійної діяльності та кар’єри.

На сучасні тенденції розвитку освіти істотно впливають нові потреби

суспільства, що знаходиться на етапі переходу від інформаційного до Smart-

суспільства.

Page 16: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

16

1.3. Поняття та характеристика смарт-середовища

Мета розумного навчання полягає в тому, щоб робити процес навчання

ефективним за рахунок переносу навчального процесу в електронне

середовище, а це, в свою чергу, надає можливість доступу кожному,

розширення кількості бажаючих навчатися з будь-якого місця і у будь-який

час. З цією метою необхідно здійснити перехід від книжкового до

електронного контенту, розміщуючи його в репозитарії, зробити його

активним.

SMART – відома і ефективна технологія постановки і формулювання

цілей. Акронім SMART означає розумна мета і об’єднує великі літери від

англійських слів, що позначають, якою має бути справжня мета: specific

(конкретність) – measurable (вимірність) – attainable (досяжність) – relevant

(релевантність) – time – bounded (визначеність в часі).

Рис. 1.1. основні цілі смарт-середовища

Розглянемо критерії смарт-середовища:

specific (конкретні) – мета повинна бути максимально ясною і

конкретною, при постановці слід чітко уявляти кінцевий результат. Це

значить, що ціль має бути зрозумілою і однозначною. Для того, щоб мета стала

специфічною, має бути означене що точно очікується, чому це важливо, кого

це стосується, де це буде відбуватися і які атрибути є важливими;

Page 17: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

17

measurable (вимірюваність) – цілі повинні бути вимірні, щоб

можна було дізнатися, що вони досягнуті. Другий критерій наголошує на

необхідність мати вимірювані показники для визначення прогресу досягнення

мети. Ідея в тому, що якщо прогрес у досягненні мети не можна виміряти, то

неможливо знати, чи є рух в напрямку успішного завершення;

аttainable (досяжність) – цілі повинні бути досяжні з точки зору

зовнішніх чинників і внутрішніх ресурсів. Коли ви створюєте мету, ви маєте

зважити на наявність необхідних ресурсів, часу, грошей, компетенцій;

relevant (релевантні) – цілі повинні співвідноситися з іншими,

більш загальними, а також зі стратегічними цілями, і працювати на їх

досягнення. Тобто то, що ви робите сьогодні, потрібно для того, щоб отримати

запланований на місяць, а, отже, відповідає і головним життєвим цілям;

time-bounded (визначено у часі) – мета повинна бути чітко

визначена в часі, повинні бути конкретні терміни (і проміжні контрольні

моменти) її досягнення. [15, с. 63]

Що мають на увазі, говорячи про Smart-технології? Англійське слово

«Smart» – багатозначне і дійсно відображає суть технологій, а саме: розумний,

кмітливий, чудовий, нарядний. Отже, Smart-технології – це розумні, ефективні

технології. В практиці освітньої діяльності під Smart-технологіями, розуміємо

в основному інформаційні технології, використання різноманітних

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

Широке застосування знаходять не лише традиційний пакет прикладних

програм Microsoft Office (особливо Word, Excel та PowerPoint), але й

різноманітні медіа-програвачі для створення перегляду та прослуховування

відео та аудіоматеріалів, а також програма Skype, робота з інтернет-ресурсами

в режимі онлайн, програмне забезпеченням для інтерактивної дошки від

компанії «Smart», зокрема «Smart Notebook» [19, с. 29].

Page 18: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

18

1.4. Принципи смарт-середовища

Виокремимо основні принципи смарт-освіти:

1. Використання актуальної інформації навчальної програми щодо

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

світі і професійній діяльності стрімко зростає. Навчальні матеріали необхідно

доповнювати інформацією в режимі реального часу з метою розв’язання

практичних задач, до роботи в реальній ситуації.

2. Організація самостійної пізнавальної, дослідницької, проектної

діяльності студентів. Цей принцип є ключовим у підготовці фахівців до

творчого пошуку розв’язків практичних завдань, самостійної інформаційної та

дослідницької діяльності.

3. Реалізація навчального процесу в розподіленому середовищі

навчання.

Навчальне середовище нині не обмежується територією навчального

закладу або системою дистанційного навчання (LMS). Процес навчання має

бути неперервним, включаючи навчання в професійному середовищі із

застосуванням засобів професійної діяльності.

4. Взаємодія учнів, студентів з професійним співтовариством. У

навчальному процесі важливим є професійне середовище. Використання ІКТ

у навчальному процесі надає можливість усім учасникам цього процесу

працювати у професійних середовищах, створювати програмні продукти,

брати участь у телекомунікаційних проектах та ін. Задача університету –

забезпечити освітні послуги відповідно до потреб і можливостей студентів.

Задача навчального закладу забезпечити освітні послуги відповідно до потреб

і можливостей учнів і студентів.

5. Гнучкі освітні траєкторії, індивідуалізація навчання. Навчання

здійснюється не лише учнями і студентами, а й працюючими громадянами, які

бажають одержати знання, здійснити власну перекваліфікацію або підвищення

кваліфікації. Завдання навчального закладу полягає в забезпеченні освітньої

послуги відповідно до потреб кожного, хто бажає навчатися.

Page 19: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

19

6. Багатогранність освітньої діяльності вимагає надання широких

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

курсів відповідно до можливостей цього закладу, здоров’я, лабораторіями і

соціальними умовами.

Для здійснення смарт-освіти необхідна реалізація трьох необхідних

складових: технологічної, організаційної, педагогічної. Розгляньмо ці складові

детальніше.

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

Властивостями інформаційних технологій є інтерактивність, здатність

до інтелектуального аналізу даних, можливість персоналізації даних, здатність

створювати віртуальну особистість користувача. В навчальному процесі

можуть бути використані різноманітні мультимедійні можливості, що

дозволяють створювати навчальний контент.

Технології «смарт», з однієї сторони, дозволяють створювати «ефект

присутності», з іншої, – дозволяють значно прискорити обмін контентом,

змінювати його якість, можливість здійснення комунікації між учасниками

навчального процесу.

Організаційна складова смарт-освіти базується на ефективності

використання смарт-технологій. Освітні програми мають формуватися на

основі профілізації навчання, з урахуванням індивідуальної освітньої

траєкторії і можливості інтеграції різних освітніх програм, ураховуючи те, що

освітні програми мають відповідати принципу неперервності навчання (life

long learning).

Особлива увага має бути приділена управлінню навчальним контентом і

навчальним ресурсом у смарт-освіті. З цією метою, необхідно постійно

коригувати освітні ресурси, доповнювати інформацією з сайтів і блогів, веб-

квестів та ін.

З цією метою, необхідна реалізація управління академічними знаннями,

що забезпечить гнучкість у розробленні та використанні навчального

контенту.

Page 20: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

20

Педагогічна складова смарт-освіти – це сукупність результатів навчання

і педагогічних методів і технологій для їхнього досягнення. На основі цих

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

спеціалізовані інформаційні смарт-технології.

Особлива роль у системі результатів смарт-освіти відводиться

когнітивній компетентності, коли формується здатність бачити складні

структури явищ, комплексне бачення проблеми, причини виникнення тих чи

інших явищ, бачити альтернативи, давати власну оцінку, захищати та

відстоювати власну точку зору та ін. Це відкриває можливість кожному

формувати власне уявлення про світ.

Використання в навчальному процесі ідеології Smart education вимагає

серйозного педагогічного осмислення, впровадження нових педагогічних

розробок, що дозволяють інтенсифікувати навчальний процес і підвищити

його якість. Необхідний перегляд сформованих організаційних форм

навчальної роботи: збільшення обсягу самостійної індивідуальної і групової

роботи студентів, зростання числа творчих і дослідницьких проектів.

Для цього необхідно відповідне програмне і технічне забезпечення,

наприклад, таке як: Smart Board Smart-art, Smart classroom, віртуальні

лабораторії з використанням smart-технологій електронного навчання:

інтерактивна дошка, документ камера smart, smart стіл та інше. Це дозволить

створити та використовувати ефективне інтерактивне середовище навчання з

метою підтримки навчального процесу на будь-якому його рівні.

ВИСНОВКИ ДО ПЕРШОГО РОЗДІЛУ

До позитивних сторін застосування Smart-технологій в навчальному

процесі відноситься:

можливість їх використання під час викладання різних дисциплін;

висока ефективність засвоєння знань;

підвищення інтересу до навчання в учнів;

Page 21: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

21

сучасність технологій і розуміння та сприймання їх учнями як

природної складової молодих людей, що робить їх життя зручним

інструментом для розвитку творчого потенціалу;

легкість поєднання Smart-технологій з комунікативним підходом

до викладання іноземних мов [13, c. 28].

Однією із найважливіших соціальних вимог сучасного суспільства є

інформатизація освіти. Це потребує переосмислення досвіду реалізації нових

інформаційних технологій, аналізу і оцінки можливостей їхнього

використання в навчальному процесі

Інформаційні технології у нашому сьогоденні розглядаються як

необхідний елемент навчального процесу. Однією з нових інформаційних

мультимедійних технологій і потужним технічним засобом навчання є

інтерактивний програмно-технологічний навчальний комплекс на основі

SMART Board [4, c. 18].

Page 22: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

22

РОЗДІЛ ІІ. МЕТОДИКА ВИКОРИСТАННЯ SMART-

СЕРЕДОВИЩА У НАВЧАЛЬНОМУ ПРОЦЕСІ ПТНЗ

2.1. Інтерактивні комплекси та методика їх використання у

професійній освіті.

Швидкий розвиток і використання інформаційно-комунікаційних

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

засобів навчання визначається загальним розвитком навчальної техніки. Поява

інтерактивних дошок, графопроекторів, мультимедійних проекторів,

комп’ютерної техніки, сучасних засобів відтворення цифрових носіїв,

розвиток глобальної мережі Інтернет, використання її в навчальних закладах

сприяли прискореному наповненню освітніх Інтернет-ресурсів, актуалізували

увесь арсенал засобів навчання.

Розвиток мультимедіа, використання мультимедійних продуктів у

навчальному процесі привели до необхідності розвитку технологій, що

сприяють підвищенню якості підготовки фахівців, відповідаючи власним

вимогам ринку праці.

У процесі проведення навчальних занять останнім часом значна увага

приділяється вибору індивідуальних прийомів, форм і засобів подачі

навчального матеріалу. Особлива увага приділяється інтерактивним

методикам та засобам навчання. Проте готовність викладачів до здійснення

інтерактивного навчання поки що дуже низька. Тут є і психологічний аспект,

і технічна непоінформованість, а також слабке технічне забезпечення

інтерактивними засобами навчання.

Інтерактивні засоби навчання – це засоби організації активної взаємодії

студентів і викладачів у навчальному процесі з метою досягнення визначених

дидактичних результатів.

Сучасну школу вже неможливо уявити без комп’ютерної техніки та

комп’ютерних технологій. Вони так міцно увійшли в наше життя, так

закріпилися в ньому, що неможливо увити людину, яка б не розуміла про що

йдеться. Освіта не стала виключенням з цього процесу.

Page 23: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

23

Відповідно до пріоритетного проекту розвитку освіти в професійно-

технічних навчальних закладах почали з’являтися інтерактивні дошки,

мультимедійні проектори тощо. Отже, застосування їх на уроці не є сьогодні

екзотикою, і, напевно, уперше технічне обладнання училищ у цілому й

кабінету зокрема, здійснюється швидше, ніж дидактичний супровід цього

процесу. Мова йде не про недостачу готових дисків у магазинах, а про

готовність викладача застосовувати всі наявні можливості для навчання на

уроці.

Інтерактивний комплекс це – інтерактивна дошка, персональний

комп’ютер, мультимедійний проектор.

Такий комплекс поєднує в собі всі переваги сучасних комп’ютерних

технологій і виводить процес навчання на якісно новий рівень. Він відповідає

тому способу сприйняття інформації, яким відрізняється нове покоління учнів,

що виросло на ТБ, комп’ютерах і мобільних телефонах, у якого набагато вища

потреба в темпераментній візуальній інформації й зоровій стимуляції .

Комп’ютерних наочних матеріалів і навчальних ресурсів з будь-якої

теми чи предмету можна знайти безліч і використати їх багаторазово. Не

потрібно непокоїтися про зберігання паперових карт, плакатів тощо – у них

просто відпадає необхідність.

Інтерактивний комплекс надає можливість повністю керувати будь-

якою комп’ютерною демонстрацією – виводити на екран дошки картинки,

карти, схеми, створювати й переміщати об’єкти, запускати відео й

інтерактивні анімації, виділяти важливі моменти кольоровими позначками,

Page 24: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

24

працювати з різноманітними комп’ютерними програмами. І все це прямо з

дошки, не втрачаючи візуального контакту з класом і не прив’язуючись до

свого комп’ютера.

Завдяки наочності й інтерактивності, залучаються всі учні до активної

роботи.

Шкільна дошка – це невід’ємна складова будь якого навчального класу,

місце обміну інформацією між учнями та вчителем.

Працюючи з інтерактивною дошкою, викладач завжди перебуває в

центрі уваги, звернений до учнів обличчям й підтримує постійний контакт із

класом.

Використання інтерактивної дошки на уроці може збільшити

ефективність навчання учнів у професійно-технічних навчальних закладах.

Ключові напрямки застосування інтерактивної дошки:

презентації, демонстрації й моделювання;

підвищення активності учнів на уроці;

збільшення темпу уроку при використанні інтерактивної дошки.

1. Презентації, демонстрації й моделювання.

Інтерактивна дошка – це візуальний ресурс, що може допомогти

вчителям зробити уроки живими й привабливими для учнів. Інтерактивна

дошка дозволяє піднести учням інформацію, використовуючи широкий

діапазон засобів візуалізації (карти, таблиці, схеми, діаграми, фотографії

тощо).

Викладачі можуть використовувати управління інтерактивною дошкою,

щоб подати досліджуваний матеріал захоплюючими й динамічними

способами. Інтерактивна дошка дозволяє моделювати абстрактні ідеї й

поняття, не доторкаючись до комп’ютера, змінити модель, перенести об’єкт в

інше місце екрана або встановити нові зв’язки між об’єктами. Усе це

відбувається в режимі реального часу.

Page 25: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

25

2. Підвищення активності учнів на уроці.

Багато викладачів стверджують, що учні більш активні і зацікавлені на

уроці, на якому використовується інтерактивна дошка. Інформація стає для

них більше доступною й зрозумілою, що поліпшує атмосферу розуміння в

класі, а учні – більш націлені на роботу.

3. Збільшення темпу уроку при використанні інтерактивної дошки.

Якщо у є інтерактивна дошка, то більше не доведеться чекати, коли

учень напише завдання на дошці, і кілька хвилин уроку будуть загублені –

учитель може виводити на екран заздалегідь підготовлені матеріали, і час

уроку буде використано тільки на вирішення поставлених завдань.

Усі записи на інтерактивній дошці можуть бути збережені в комп’ютері

й знову відкриті при повторенні пройденого матеріалу або передані учневі, що

пропустив урок через хворобу.

Викладачі, які почали працювати з інтерактивною дошкою, відзначають

позитивні зміни як під час уроку, так і в обсязі матеріалу, що розуміє учень.

Вони стверджують, що з використанням інтерактивної дошки надає

можливість подати більше інформації за менший час, і при цьому учні активно

працюють на уроці й краще розуміють навіть найскладніший матеріал.

Інтерактивна дошка стає незамінною для вчителів з будь-якого предмета.

Отже основні способи використання інтерактивної дошки це:

можливість робити позначки й записи поверх виведених на екран

зображень;

групові форми роботи;

спільна робота над документами, таблицями або зображеннями

(також за допомогою конференц-зв’язку);

управління комп’ютером без використання самого комп’ютера

(управління через інтерактивну дошку);

робота з інтерактивною дошкою як зі звичайною, але з

можливістю зберегти результат, роздрукувати зображення на дошці на

принтері;

Page 26: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

26

зміна тексту у виведених на екрані документах, використовуючи

віртуальну клавіатуру, що налаштовується в програмному забезпеченні

дошки;

зміна будь-яких документів або зображень на екрані,

використання будь-яких позначок;

збереження на комп’ютері в спеціальному файлі всіх позначок, які

вчитель робить під час уроку, для подальшої демонстрації на інших уроках або

через Інтернет;

передача збережених під час уроку записів будь-якому учневі, що

пропустив заняття або не встиг зробити відповідні записи у своєму зошиті;

демонстрація роботи одного учня всім іншим учням класу;

демонстрація навчальних відеороликів;

створення малюнків на інтерактивній дошці без використання

комп’ютерної миші;

створення малюнків, схем і карт під час проведення уроку, які

можна використати на наступних заняттях, що заощаджує час на уроці;

робота у Інтернет – середовищі.

2.2. Методика використання інтерактивних засобів у навчальному

процесі ПТНЗ, їх переваги та недоліки.

Нині інтерактивні дошки можна застосовувати на будь-яких уроках,

лекціях, семінарських заняттях, адже така дошка лише розширює можливості

подання інформації.

Навчання за допомогою інтерактивних дошок SMART Board мало чим

відрізняється від звичних методів викладання. Основи успішного проведення

уроку ті самі, незалежно від технологій й устаткування, що використовує

Page 27: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

27

викладач. Насамперед, будь-яке заняття повинне мати чіткий план і структуру

та досягати певних цілей і результатів. Все це допомагає учням краще засвоїти

матеріал і співвіднести його з тим, що вони вже знають.

Стандартний урок може розвиватися так:

підготовка до початку заняття;

пояснення цілей заняття;

введення в нову тему або завдання (може повторюватися кілька

разів протягом заняття, тому що є його основою);

розвиток теми при участі учнів;

обговорення наприкінці заняття того, що було пройдено, а також

самого процесу навчання.

Структура уроку завжди залишається незмінною. В деяких випадках

інтерактивна дошка SMART Board може стати гарним помічником, наприклад,

при, так би мовити, індуктивному методі викладання, коли учні приходять до

тих або інших висновків, сортуючи отриману інформацію.

Вчитель може по-різному класифікувати матеріал, використовуючи

різні можливості дошки: переміщати об’єкти, працювати з кольорами, при

цьому, залучаючи до процесу учнів, які потім можуть самостійно працювати в

невеликих групах. Іноді можна знову звертати увагу учнів на дошку, щоб вони

поділилися своїми думками й обговорили їх перед тим, як продовжити роботу.

Але важливо розуміти, що ефективність роботи з дошкою багато в чому

залежить від самого викладача та від того, як він застосовує ті або інші її

можливості.

Переваги та недоліки використання інтерактивних дошок

Звичайно, інтерактивні дошки відіграють вагому роль у процесі

навчання. Головними перевагами використання інтерактивних дошок є:

Великий екран, що дозволяє реалізувати один з найважливіших

принципів навчання – наочність.

Сенсорна панель, що дозволяє миттєво реагувати на дії викладача.

Page 28: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

28

Зручні кольорові маркери, призначені для виділення головного в ході

пояснення матеріалу.

Заняття з використанням інтерактивних дошок сприяють збільшенню

творчості учня, підвищує мотивацію, значно покращує чіткість в організації

роботи класу або групи учнів. Підвищується активність учнів.

Економія часу: потрібну інформацію учень може побачити на дошці, в

той час як викладач її просто пояснює. Інтерактивні дошки сприяють

зацікавленості учня у навчальному процесі.

Використання у навчальному процесі відразу різних матеріалів:

зображення, звуку, відео, ресурсів Інтернету та інших матеріалів.

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

навчання, надання великих можливостей для участі в колективній роботі,

розвитку особистих і соціальних навичок.

Недоліків при роботі з інтерактивною дошкою досить мало. Особливо я,

змогла виділити лише один: для підготовки заняття з інтерактивною дошкою

треба більше часу та сил, ніж до звичайного. Навіть, якщо ви готуєте

презентацію і вставляєте туди відео, у вас вийде лінійна презентація, яку ви

зможете перемотувати вперед та, за бажанням, назад. Ви не зможете нічого в

ній, по ходу заняття, поміняти. Але, скажімо, MS PowerPoint має функцію, що

дозволяє робити ремарки під час показу слайдів – грубо кажучи, малювати по

них. І вам не треба підходити до комп’ютера і брати в руки мишку.

Залишаючись коло дошки, ви не втрачаєте контакт з аудиторією.

2.3. Використання смарт-середовища у професійно-технічних

навчальних закладах з професії: «Оператор з обробки інформації та

програмного забезпечення»

Ще донедавна вважалося, що знань, отриманих після закінчення

навчального закладу, достатньо, щоб успішно здійснювати трудову діяльність

протягом усього життя. Інтенсивний розвиток технологій і комп’ютеризації

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

Page 29: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

29

Йдеться про те, що розвиток сучасного суспільства невіддільний від

постійного і повсюдного навчання, технології які також вимагають змін.

Можливості програми «Smart Notebook» дозволяють записувати,

виділяти, закріплювати об’єкти, рухати їх, переміщувати, додавати малюнки,

зображення, фото. З отриманими об’єктами учні виконують різні завдання:

ділять на групи за лексичним чи граматичним значенням, закінчують речення,

розміщують їх в правильному порядку, клонують зображення та слова,

поєднують слова з їх значенням, виділяють в тексті головне, визначають

частини мови; використовуючи поданий матеріал, утворюють речення,

з’єднують їх частини, складають та розігрують діалоги, грають в ігри.

Для кращого та швидшого вивчення лексичних одиниць пропонують

наступні завдання: заповнити пропуски, знайти відповідність, зрозуміти слово

за визначенням, дати визначення понять, з’єднати слова та визначення,

поділити слова на групи відповідно до теми, добрати вірне слово за значенням

та безліч інших. Навчання стає легким, цікавим та природнім. Динамічність

процесу навчання значно зростає, відповідно зростає бажання пізнавати,

розуміти, володіти та використовувати нову інформацію.

Учні беруть активну участь в навчальному процесі, виконують завдання,

створюють та розігрують ситуації та діалоги просто тому, що їм цікаво. А в

результаті мотивація та успішність зростає в рази.

До позитивних сторін застосування Smart-технологій в навчальному

процесі відноситься:

можливість їх використання під час викладання різних дисциплін;

висока ефективність засвоєння знань;

підвищення інтересу до навчання в учнів;

сучасність технологій і розуміння та сприймання їх учнями як

природної складової молодих людей, що робить їх життя зручним

інструментом для розвитку творчого потенціалу;

Page 30: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

30

Однією із найважливіших соціальних вимог сучасного суспільства є

інформатизація освіти. Це потребує переосмислення досвіду реалізації нових

інформаційних технологій, аналізу і оцінки можливостей їхнього

використання в навчальному процесі

Інформаційні технології у нашому сьогоденні розглядаються як

необхідний елемент навчального процесу. Однією з нових інформаційних

мультимедійних технологій і потужним технічним засобом навчання є

інтерактивний програмно-технологічний навчальний комплекс на основі

SMART Board.

Інтерактивний програмно-технологічний навчальний комплекс на

основі SMART Board, який більше відомий під назвою «інтерактивна дошка»,

є втіленням новітнього засобу мультимедійних технологій і

високоефективним технічним засобом навчання. Цей комплекс дає

можливість створювати інтерактивне інформаційно-комунікаційне

середовище й використовувати як традиційні, так й інноваційні педагогічні

технології навчання. Програмне забезпечення SMART Board дозволяє

керувати прикладними комп’ютерними програмами дотиками до поверхні

екрана, забезпечує універсальну технологію роботи з різними видами

інформації та дає викладачеві ефективний засіб створення й застосування

авторських навчальних програм [17, с. 52].

До класичних дидактичних принципів у традиційній системи навчання

належать принципи науковості, систематичності і послідовності, зв’язку теорії

з практикою, наочності навчання, свідомості і активності, доступності і

тривалості знань. Усі зазначені принципи взаємопов’язані і взаємозалежні,

доповнюють один одне. У навчальній практиці ПТНЗ вони знаходять своє

відтворення у вигляді правил, методів і форм організації і проведення

навчальної роботи.

Саме електронна інтерактивна дошка є найбільш універсальним засобом

навчання. Досліджуючи проблему використання мультимедійної дошки як

одного з основних компонентів SMART-технологій під час викладання

Page 31: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

31

дисциплін у професійно-технічних навчальних закладах, слід зазначити, що

використання проекційної техніки в поєднанні з аудіозасобами дає можливість

залучати на заняттях при поясненні нового матеріалу таблиці, відео-довідкові

матеріали; при аналізі інформації схеми і матеріали електронних підручників.

Це дозволяє реалізувати принципи наочності, доступності та систематичності

[30, с. 23].

Проте найбільш наглядними засобами інтерактивної дошки реалізується

«золоте правило дидактики» (принцип наочності). Так, інтерактивна дошка

дозволяє розробляти необхідні наочні матеріали у вигляді блок-схем,

динамічних алгоритмів чи узагальнюючих таблиць, які є стислим викладом і

зображенням основних положень навчального матеріалу та застосувати його

на занятті в аудиторії, надаючи великий екран для роботи з мультимедійними

матеріалами. Цей екран, який можуть бачити всі присутні в аудиторії,

виводить взаємодію учнів з викладачем на новий рівень, сприяє активному

залученню учнів до спостережень над матеріалами заняття та явищами з їх

подальшим аналізом, класифікацією, встановленням певних закономірностей.

Використання для демонстрації комплексу технічних засобів навчання з

інтерактивною дошкою (SMART Board) дає можливість викладачеві вільно

спілкуватися з аудиторією, сприяє забезпеченню більшої концентрації на

навчальних завданнях, збагачує дидактичні можливості у навчанні предметів.

Активне впровадження у навчальний процес інтерактивних технологій, їх

об’ємна інформативність і великі можливості щодо подання нового матеріалу

порівняно з іншими носіями інформації, сприяє появі нових методів і форм

опрацювання навчального матеріалу [27, с. 18].

Навчальний комплекс на основі SMART Board є реалізацією концепції

нового інформаційного середовища та призначений для необмеженого

використання викладачами та учнями (лекції, практичні й самостійні заняття,

довідкова підтримка і т. п.).

При проведенні лекції з використанням інтерактивної дошки учні мають

можливість не конспектувати докладно матеріал, а сконцентрувати свою увагу

Page 32: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

32

на суті лекції, тому що по закінченні заняття вони можуть одержати

електронний варіант лекції з позначками й коментарями викладача, які

акцентують увагу учнів на найбільш важливих і складних моментах лекції.

При проведенні лабораторних та практичних занять переваги

інтерактивної дошки ще більш яскраві. Викладач не витрачає часу на запис

завдань, створення малюнків і схем на дошці. Використання барвистих

заготівок та інтерактивних ресурсів, можливість переміщувати та

видозмінювати об’єкти, записувати послідовність дій користувачів дошки,

встановлювати гіперпосилання й багато інших можливостей роблять заняття

продуктивними й творчими. Комплект файлів SMART Notebook зі змістом

лекційних і практичних занять є досить корисним при підготовці учнів до

модульних контролів та іспитів, а також для тих учнів, які за тими або іншими

причинами не були присутні на заняттях.

Під час використання SMART Board викладач не прив’язаний до столу і

комп’ютера, а процес спілкування, навчання та взаємодії з цифровими

ресурсами стає приємним і ефективним.

Програмне забезпечення SMART Notebook має низку переваг і

особливостей порівняно з іншими програмними продуктами, зокрема:

забезпечує інтерактивність викладання навчального матеріалу;

підвищує доступність подання навчального матеріалу;

сприяє формуванню під час групової роботи навичок, важливих

для успішної діяльності в багатьох галузях;

підвищує зацікавленість учнів у вивченні дисциплін.

Використання SMART Board дозволяє викладачеві творчо проектувати

навчальний процес і реалізовувати цей проект.

На сьогоднішній день в системі освіти України є звичне явище

проведення навчальних занять з використанням мультимедійних презентацій,

зроблених у таких програмних пакетах, як, наприклад, Microsoft PowerPoint.

Однак, поряд із звичними презентаційними технологіями (Microsoft

Page 33: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

33

PowerPoint), в сферу освіти проникають нові, інтерактивні технології, які

дозволяють відійти від стандартної та звичної презентації у вигляді слайд-шоу.

Інноваційним аспектом в системі освіти та навчальному процесі

спостерігається тенденція до все більшого впровадженню IT технологій:

мережевих, мобільних і інформаційних. З появою нового обладнання (аудіо-

та відео системи, проекційні пристрої) виникає питання його ефективного

застосування в навчальному процесі. Нова форма подачі матеріалу за

допомогою інтерактивного устаткування (інтерактивні дошки SMART Boards,

інтерактивні дисплеї Sympodium) являє собою виступ учня – презентацію, що

створена в режимі реального часу.

Навчальний процес прискорюється та стає цікавим для учнів оскільки на

інтерактивних дошках SMART можна писати спеціальним маркером,

демонструвати навчальний матеріал, робити письмові коментарі поверх

зображення на екрані. При цьому все написане на інтерактивній дошці SMART

передається учням, зберігається на магнітних носіях, роздруковується,

надсилається електронною поштою.

Слід відзначити, що під час роботи на інтерактивних дошках SMART

поліпшується концентрація уваги в учнів, швидше засвоюється навчальний

матеріал, і в результаті підвищується успішність кожного з учнів. Широке

застосування інтерактивних технологій сприятиме можливості показати

володіння сучасними апаратними та програмними засобами, уміння

створювати сценарій інсталяції, відпрацювання методів успішної презентації.

Варто також врахувати, що застосування SMART-технології доцільно

впроваджувати в навчальний процес зі слухачами, що здобувають підвищення

кваліфікації або міжнародну бізнес освіту.

Технологія SMART допомагає проводити динамічні презентації,

показувати документи, сторінки Інтернету або відео на інтерактивному екрані,

що є зручним та цікавим у використанні.

Основою ефективності використання технології SMART є набір

програмового забезпечення для інтерактивної дошки, яке включає

Page 34: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

34

різноманітні функції та інструменти роботи. Така технологія дозволяє

створювати презентації, слайди-кадри, розмір яких відповідає розміру екрану.

На цих кадрах розміщуються малюнки, тексти, інші об’єкти, які можуть

змінюватися за розміром, копіюватися, ставати прозорими, повертатися тощо.

З іншого боку описані можливості використання SMART та

комп’ютерного моделювання не повинні створювати ілюзію легкості

розв’язання педагогічних проблем. Використання таких підходів потребує від

викладача розробки системи завдань, які будуть направлені на формування

високого рівня розвитку навчального процесу: аналізу, синтезу, узагальнення

тощо. Робота викладача при цьому не тільки не спрощується, але й

ускладняється і потребує більш високої кваліфікації.

Використання комп’ютерних моделей та технології SMART в

навчальному процесі надає можливість досягти позитивних результатів:

збільшення об’єму зорової інформації, що суттєво підвищує якість

та ефективність викладання лекції чи проведення практичного заняття;

можливості SMART залучають учнів та слухачів до активної

діяльності, активізують їхній творчий потенціал;

яскравість комп’ютерної графіки дозволяє розвивати наочно-

образове мислення;

реалізується можливість опрацювання великої кількості

інформації;

створюються умови для індивідуальної дослідницької роботи з

комп’ютерними моделями, в ході якої вони можуть самостійно ставити

експерименти, швидко перевіряти свої гіпотези, встановлювати

закономірності.

Таким чином, впровадження нових технологій в сферу освіти веде за

собою перехід від старої схеми репродуктивної передачі знань до нової,

креативної форми навчання. Одна з головних задач сучасної освіти – це

створення стійкої мотивації в учнів до отримання знань, інша – пошук нових

Page 35: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

35

форм та інструментів освоєння цих знань за допомогою творчих рішень в

учнів.

Слід відзначити, що під час роботи на інтерактивних дошках SMART

поліпшується концентрація уваги в учнів, швидше засвоюється навчальний

матеріал, і в результаті підвищується успішність кожного з учнів. Широке

застосування інтерактивних технологій сприятиме можливості показати

володіння сучасними апаратними та програмними засобами, уміння

створювати сценарій інсталяції, відпрацювання методів успішної презентації.

Наведемо приклади використання смарт-середовища на уроках

виробничого навчання з курсу «Основи комп'ютерної графіки та Web-

дизайну» для професії «Оператор з обробки інформації та програмного

забезпечення»

ПЛАН ВІДКРИТОГО ЗАНЯТТЯ

Тема уроку. Технології Web-дизайну

Мета: навчитись створювати головні сторінки, додавати різноманітні

Веб-компоненти до створених Веб-сторінок, створювати гіперпосилання

засобами програмного забезпечення Microsoft SharePoint Designer 2007.

Обладнання та методичне забезпечення:

Персональні комп’ютери, роздатковий дидактичний матеріал плазмова

панель, програмне забезпечення Microsoft SharePoint Designer 2007,

електронна мультимедійна презентація із застосуванням тригерів, скринкаст

«Collection of photographs», скринкаст «Creating main page», скринкаст

«Interactive button», скрінкаст «Pictures», скринкаст «Table», тестова програма

Му Test, інтерактивна дошка, програма мережевого керування комп’ютерним

кабінетом NSS, програма-браузер, онлайн-ресурси: MindMeister, Google-

Forms, Learning Apps, Glogster, Padlet, блог Microsoft SharePoint Designer 2007

Тип уроку: лабораторна робота.

МПЗ: 1)Мультимедійні засоби навчання.

2) Інформатика.

Page 36: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

36

Ключові слова: мультимедійні засоби навчання, веб-сайт, веб-сторінка,

веб-компоненти, гіпертекстові посилання, інтерактивна кнопка, рухомий

рядок, рисунок, таблиця, Microsoft SharePoint Designer 2007.

СТРУКТУРА УРОКУ

Організаційний момент. Привітання, перевірка присутніх.

I. Актуалізація опорних знань.

Тема нашого заняття «Технології Web-дизайну». Метою заняття –

навчитись створювати головні сторінки, додавати різноманітні Web-

компоненти до створених Web-сторінок, створювати гіперпосилання засобами

програмного забезпечення Microsoft SharePoint Designer 2007.

Застосування онлайн-сервісу Padlet для пояснення виконання

лабораторної роботи

Сьогодні на парі ми будемо працювати за наступним планом:

Page 37: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

37

Викладач повідомляє студентам, що всіх присутніх поділено на три

групи їхні електронні скриньки надіслано лист, який містить повідомлення у

якій групі знаходиться студент, а також посилання на онлайн-ресурс Glogster,

що допоможе їм виконати поставлені завдання. Онлайн-ресурс Glogster

містить скринкасти, що опубліковані на сервісі YouTybe, з якими періодично

на парі вони будуть працювати. Студенти на робочих місцях за допомогою

навушників самостійно прослуховують скринкасти.

Рис. 1 Онлайн-ресурс Glogster – постер для 1 групи

Page 38: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

38

Рис. 2 Онлайн-ресурс Glogster – постер для 2 групи

Рис. 3 Онлайн-ресурс Glogster – постер для 3 групи

Перед тим, як розпочати лабораторну роботу давайте пригадаємо

основні поняття і визначення Microsoft SharePoint Designer 2007.

1. Яке призначення Microsoft Office SharePoint Designer?

Відповідь: Microsoft Office SharePoint Designer 2007 – продукт,

призначений для створення і налаштування веб-вузлів Microsoft SharePoint і

Page 39: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

39

розробки додатків з організації робочих процесів за допомогою технологій

SharePoint.

2. Яке основне застосування головних сторінок?

Відповідь: Головні сторінки спрощують створення для вузла

SharePoint уніфікованого зовнішнього вигляду і узгоджених функцій –

включаючи графічні зображення, шрифти і форматування.

3. Що таке головна сторінка?

Відповідь: Головні сторінки – це сторінки ASP.NET, файли яких мають

розширення MASTER.

4. Де за замовчуванням зберігається головна сторінка?

Відповідь: За замовчуванням головні сторінки зберігаються в колекції

головних сторінок, яка знаходиться в каталозі masterpage в папці _catalogs

користувальницького вузла або дочірнього вузла.

5. Що таке область вмісту?

Відповідь: Область вмісту – це вміст заповнювача, додавання та зміна

на сторінці вмісту, до якого приєднана головна сторінка.

ХІД РОБОТИ

Завдання 1. Засобами програми SharePoint Designer

виконати створення сторінки вмісту.

1. У меню Файл наведіть вказівник на пункт

Создать і виберіть Страница.

Рис. 4 вікно створення сторінки вмісту

Page 40: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

40

2. В меню Страница обрати тип Страницы рамок, та обрати

необхідний вид компонентів, що буде відображатись і натиснути ОК

Рис. 5 вікно створення сторінки вмісту

3. На наступному етапі необхідно активувати компоненти сторінки

для редагування: можна задати початкову сторінку або ж створити нову.

Рис. 6 вікно налаштування сторінки вмісту

4. Далі можна додавати до сторінки вмісту усі компоненти та

елементи, що і для головної сторінки.

Page 41: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

41

Рис. 7 Онлайн-ресурс MindMeister – карта знань по створенню сторінки вмісту

Завдання 2. Засобами програми SharePoint Designer

здійснити налаштування інтерфейсу головної сторінки.

1. На панелі інструментів обрати команду Формат

з контекстного меню, що з’явиться обрати елемент Фон.

Рис. 8 вікно контекстного меню вкладки формат

2. У діалоговому вікні, що з’явиться можна налаштувати властивості

сторінки.

Page 42: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

42

Рис. 9 вікно властивостей сторінки, загальне

3. Якщо натиснути на вкладці Общие, то використовуючи

стандартні команди, можна змінити місце збереження файлу, його назву, за

необхідності можна додати опис сторінки та ключові слова, а також можна

додати фоновий звук, що буде відтворюватись при перегляді головної

сторінки у браузері. Для цього необхідно обрати місце розташування звуку на

зовнішньому носії, і додати за допомогою команди Обзор. Необхідно

налаштувати кількість повторів звуку. За замовчуванням кількість повторів

прапорець встановлено, щоб кількість повторів була постійна, проте за

необхідності можна обмежити кількість повторів.

Рис. 10 вікно властивостей сторінки, форматування

4. За допомогою вкладки Форматирование можна налаштувати

інтерфейс головної сторінки. У якості фону можна додавати рисунок, що

знаходиться на зовнішньому носії. Для цього необхідно встановити прапорець

біля команди Фоновый рисунок і Сделать подложкой та оберіть місце

розташування рисунка на зовнішньому носії за допомогою команди Обзор.

Page 43: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

43

5. Якщо ж ви не маєте необхідності встановлювати рисунок у якості

фону, то можна здійснити змінити колір фону використовуючи стандартну

панель кольорів.

Рис. 11 вікно стандартних кольорів

6. Також можна налаштувати колір тексту, гіперпосилання

(гіперпосилання, що переглядається, активне гіперпосилання, гіперпосилання

під вказівником миші).

7. Після усіх налаштувань натискаємо кнопку Ок. У результаті

отримуємо головну сторінку з налаштованим інтерфейсом.

Рис. 12 Онлайн-ресурс MindMeister – карта знань по налаштування інтерфейсу

головної сторінки

Завдання 3. Засобами програми SharePoint Designer

створити на головні сторінці інтерактивну кнопку.

1. На панелі інструментів обрати команду Вставка з

контекстного меню, що з’явиться обрати елемент Веб-

компонент.

Page 44: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

44

Рис. 13 вікно контекстного меню вкладки вставка

2. З’явиться командне вікно Вставка компонента Веб-вузла у меню

Тип вузла обрати Динамические эффекты та обрати елемент

Интерактивная кнопка. Натискаємо кнопку Готово.

Рис. 14 вікно вставки компонента веб-вузла

3. Отримали вікно налаштування властивостей інтерактивної

кнопки. На вкладці Кнопка обираємо тип кнопки, змінюємо напис на кнопці і

встановлюємо посилання (що буде відбуватись при натисненні на кнопку) на

відповідну сторінку. Для цього натискаємо команду Обзор і знаходимо

необхідну сторінку (сторінку на яку буде відбуватись посилання)

Page 45: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

45

Рис. 15 вікно властивостей інтерактивної кнопки

4. Обираємо вкладку Шрифт. За допомогою цієї вкладки можна

здійснити налаштування шрифту, а саме: типу, розміру, стилю, а також

налаштувати вихідний колір тексту, колір тексту при наведенні мишки, а

також колір тексту при натискненні на кнопку. Текст можна вирівняти

відносно осі Ох (по лівому краю, по центру та по правому краю) і відносно осі

Оу (по лівому краю, по центру та по правому краю).

Рис. 16 вікно властивостей інтерактивної кнопки

5. Обираємо вкладку Рисунок. За допомогою цієї вкладки можна

налаштувати розмір кнопки (її висоту і ширину). Для кнопки можна

використовувати формат JPEG і фоновий колір або ж використовувати для

кнопки формат GIF

Рис. 17 вікно властивостей інтерактивної кнопки

Page 46: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

46

6. Якщо усі властивості кнопки налаштовані, то натискаємо кнопку

ОК. Налаштована кнопка з’явиться на головній сторінці.

Рис. 18 вікно готової кнопки

7. Зберігаємо головну сторінку із налаштованою кнопкою.

Рис. 19 Онлайн-ресурс MindMeister – карта знань створенню на головній сторінці

інтерактивної кнопки

Завдання 4. Засобами програми SharePoint Designer

створити на головні сторінці рухомий рядок.

1. На панелі інструментів обрати команду Вставка з

контекстного меню, що з’явиться обрати елемент Веб-

компонент.

Рис. 20 вікно контекстного меню вкладки вставка

Page 47: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

47

2. З’явиться командне вікно Вставка компонента Веб-вузла у меню

Тип вузла обрати Динамические эффекты та обрати елемент Бегущая

строка.

Рис. 21вікно вставки компонента веб-вузла

3. Отримуємо діалогове вікно, в якому можна здійснити

налаштування властивостей рухомого рядка.

Рис. 22 вікно властивостей рухомого рядка

4. У полі текст записуємо необхідний текст, який буде

відображатись.

5. Налаштовуємо напрям руху рухомого рядка – цей напрям може

бути зліва на право і з права на ліво.

6. Змінюємо швидкість руху рухомого рядка та його значення.

7. Налаштовуємо поведінку рухомого рядка – це може бути:

прокрутка, здвиг або змінно.

8. Змінюємо розмір рухомого рядка. Для цього необхідно встановити

прапорець у полі ширина та висота. Встановити необхідні значення.

Page 48: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

48

9. Повторення рухомого рядка може бути безперервним або можна

налаштувати обмежену кількість повторів.

10. Після усіх налаштувань натискаємо кнопку ОК і отримуємо

руховий рядок. При перегляді у браузері можемо переглянути налаштовані дії

рухомого рядка.

Рис. 23 вікно створеного рухомого рядка

11. Використовуючи стандарту панель інструментів можна здійснити

налаштування тексту рухомого рядка: тип шрифту, стиль, розмір,

встановлювати маркери, змінювати фон рухомого рядка та колір тексту.

12. Зберігаємо головну сторінку з налаштованим веб-компонентом

рухомий рядок.

Рис. 24 Онлайн-ресурс MindMeister – карта знань створенню на головній сторінці

рухомого рядка

Завдання 5. Засобами програми SharePoint Designer

створити на головні сторінці лічильник відвідуваності.

1. На панелі інструментів обрати команду Вставка з

контекстного меню, що з’явиться обрати елемент Веб-

компонент.

Page 49: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

49

Рис. 26 вікно контекстного меню вкладки вставка

2. З’явиться командне вікно Вставка компонента веб-вузла.

Обираємо тип компонента обрати Счетчик посещений та обираємо стиль

лічильника і натиснути кнопку Готово.

Рис. 27 вікно вставки компонента веб-вузла

3. З’явилося вікно Свойства счетчик посещений і обираємо стиль

лічильника і встановлюємо на обраному прапорець. За необхідності можна

обрати інший рисунок. Для цього встановлюємо прапорець біля команди

Другой рисунок.

Рис. 28 вікно властивостей лічильника відвідуваності

Page 50: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

50

4. Можна скинути лічильник до 0 або іншого числового значення, а

також можна фіксувати число розрядів.

5. Натискаємо кнопку ОК і отримуємо в результаті налаштований

лічильник відвідуваності.

Рис. 29 вікно створеного лічильника відвідуваності

6. Необхідно зберегти головну сторінку з налаштованим

лічильником відвідуваності. На панелі інструментів обираємо вкладку Файл з

контекстного меню, що з’явилося обираємо команду Сохранить.

7. Щоб переглянути лічильник відвідуваності в активному стані

необхідно натиснути значок перегляд в Windows Internet Explorer, щоб

здійснити перегляд у браузері Internet Explorer.

Рис. 30 Онлайн-ресурс MindMeister – карта знань створенню на головній сторінці

лічильника відвідуваності

Завдання 6. Засобами програми SharePoint Designer

створити на головні сторінці гіперпосилання.

1. Необхідно виділити текст або рисунок, до яких буде

додаватись гіперпосилання.

2. На панелі інструментів обрати команду Вставка з контекстного

меню, що з’явиться обрати елемент Гиперссылка.

Page 51: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

51

Рис. 31 вікно контекстного меню вкладки вставка

3. Отримали діалогове вікно Вставка гиперссылки.

4. Обираємо місце розташування документу, який необхідно зв’язати

з компонентом головної сторінки.

5. Обираємо вибір рамки, де буде відображатись документ. Краще

обирати Страница целиком і натискаємо кнопку Ок і діалоговому вікні

кінцева рамка.

Рис. 32 вікно налаштування сторінки кінцевої рамки

6. У діалоговому вікні Вставка гиперссылки після усіх

налаштувань натискаємо кнопку ОК.

Рис. 33 вікно додавання гіперпосилання

7. Щоб переглянути чи спрацьовує гіперпосилання необхідно

натиснути і утримувати кнопку Ctrl і натиснути на тексті чи рисунку

Page 52: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

52

(відповідно до чого ви встановлювати гіперпосилання) правою кнопкою

мишки і отримуємо результат.

8. Необхідно зберегти головну сторінку з налаштованим

гіперпосиланням. На панелі інструментів обираємо вкладку Файл і з

контекстного меню, що з’явилося обираємо команду Сохранить.

Рис. 34 Онлайн-ресурс MindMeister – карта знань створенню на головній сторінці

гіперпосилання

Завдання 7. Засобами програми SharePoint Designer

додати на головну сторінку рисунок.

1. На панелі інструментів обрати команду Вставка з

контекстного меню, що з’явиться, обрати елемент Рисунок.

Рис. 35 вікно контекстного меню вкладки вставка

2. Обрати який тип рисунка необхідно додати:

Из файлу

a) З’явиться діалогове вікно, що надає можливість додавати рисунок,

що міститься на зовнішньому носії.

Page 53: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

53

b) Обираємо рисунок і натискаємо кнопку Открыть.

Рис. 36вікно додавання рисунка із файлу

c) Отримали діалогове вікно Свойства для специальных

возможностей в якому можна додавати Замещающий текст. За необхідності

можна додавати Длинное описание рисунка.

d) Встановлюємо прапорець Выводить этот запрос при вставке

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

головній сторінці.

Рис. 37 вікно властивостей спеціальних можливостей рисунка

e) Для зміни налаштувань параметрів рисунка необхідно двічі

натиснути на ньому лівою кнопкою мишки.

Рис. 38 вікно властивостей рисунка

Page 54: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

54

f) Отримуємо діалогове вікно Свойства рисунка. На вкладці Вид,

можна налаштувати Обтекание рисунка (немає, зліва, справа), встановити

положення рисунка, тобто його вирівнюванн.

g) Налаштовуємо границі рисунка.

h) Також можна змінити розмір рисунка, змінюючи значення висоти

і ширини. Виконавши всі необхідні дії натискаємо кнопку ОК.

i) За допомогою панелі інструментів можна змінити розташування

рисунка (по лівому, по правому краю або по центру).

Со сканера или камеры

a) Для додавання рисунка за допомогою цього способу необхідно

мати відповідне апаратне забезпечення ПК, а саме сканер або веб-камеру.

Рис. 39 вікно вставки рисунка з камери або сканера

Клип

1. В правому куточку вікна з’явиться стандартне вікно для пошуку

стандартних кліпів.

Page 55: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

55

Рис. 40 вікно властивостей кліпу

2. У пошуковий рядок ввести необхідний елемент і обрати команду

Начать. Якщо такий елемент буде знайдено, то він відобразиться у області

кліпів. Знайдений кліп можна просто перетягнути на роботу область

SharePoint.

3. Зберегти головну сторінку з кліпом. На панелі інструментів

обираємо вкладку Файл з контекстного меню, що з’явиться обрати команду

Сохранить.

Рис. 41 Онлайн-ресурс MindMeister – карта знань, додавання на головну сторінку

рисунка

Завдання 8. Засобами програми SharePoint Designer

додати на головну сторінку таблицю.

1. На панелі інструментів обрати команду Таблица з

контекстного меню, що з’явиться, обрати елемент Вставить

таблицу.

2. З’явиться вікно вставки таблиці в якому можна налаштувати

вигляд таблиці.

Page 56: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

56

Рис. 42 вікно властивостей таблиці

3. Встановити розмір таблиці, тобто кількість стовпчиків та рядків.

4. Змінити положення:

Вирівнювання (по лівому краю, по правому краю, по центу);

Обтікання (по лівому краю, по правому краю);

Налаштувати поля комірок;

Змінити інтервал між комірками.;

Задати висоту і ширину комірки.

5. Здійсніть налаштування розмір границі таблиці, її колір або взагалі

забрати границі таблиці. Для цього необхідно встановити прапорець біля

команди Свернуть границу таблицы.

6. Налаштуйте фон таблиці. Можна використовувати рисунок у

якості фону таблиці. Для цього необхідно обрати рисунок на зовнішньому

носії і у командному рядку записати місце розташування цього рисунка.

7. Після необхідних налаштувань натиснути ОК.

8. Для того щоб змінити таблицю: додати або видалити рядок,

стовпчик або комірку необхідно:

На панелі інструментів обираємо вкладку Таблица з контекстного

меню, що з’явилося обираємо команду Вставить, з контекстного меню, що

Page 57: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

57

з’явилося обрати команду вставити: рядок чи стовпчик, стовпчик справа чи

зліва, рядок справа чи зліва, комірку справа чи зліва, додати назву таблиці.

Рис. 43 вікно властивостей таблиці

Для того щоб видалити рядок або стовпчик, необхідно на панелі

інструментів обрати вкладку Таблица, з контекстного меню, що з’явиться

обрати команду Удалить і з контекстного меню, що з’явиться обрати, що

необхідно видалити: таблицю, стовпці, рядки, комірку (в якій знаходиться

курсор), назву.

Рис. 44 вікно властивостей таблиці

Для того щоб змінити зовнішній вигляд таблиці або комірок

необхідно на панелі інструментів обрати вкладку Таблица, з контекстного

меню, що з’явиться, обрати команду Изменить і з контекстного меню, що

з’явилося обрати: об’єднати комірки роз’єднати комірку. автоформат таблиці,

вирівняти висоту і ширину рядків, а також автопідбір по вмісту.

Page 58: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

58

Рис. 45 вікно властивостей таблиці

9. Створювати таблиці ще можна використовуючи стандарті макети

таблиць. Для цього на панелі інструментів обираємо вкладку Таблица, з

контекстного меню, що з’явиться обрати команду Макетные таблицы.

У лівому куточку отримали вікно Макетные таблицы. Можна

вставляти макетну комірку, таблицю або є обрати вже готовий макет таблиць.

10. Ми можемо також перетворювати звичайний текст в таблицю і

навпаки. Для цього необхідно виділити частину тексту, яку необхідно

перетворити у таблицю, на панелі інструментів обрати вкладку Таблица, з

контекстного меню, що з’явиться обрати команду Преобразовать і з

контекстного меню, що з’явиться обрати команду Текст в таблицу.

Рис. 46 вікно властивостей таблиці

Отримаємо вікно для налаштування змін тексту в таблиці.

Обираємо, який розділовий знак буде розділяти текст на окремі рядки в

таблиці і натискаємо кнопку ОК.

Рис. 47 вікно перетворення тексту в таблицю

В результаті отримаємо таблицю.

11. Проте цю ж таблицю можна назад перетворити в звичайний текст.

Page 59: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

59

Для цього потрібно виділити частину таблиці, яку необхідно

перетворити в звичайний текст, на панелі інструментів обрати вкладку

Таблица, з контекстного меню, що з’явилося обрати команду Преобразовать

і з контекстного меню, що появиться обрати команду Таблицу в текст.

12. В результаті отримаємо вихідний вигляд таблиці.

13. Необхідно зберегти внесені зміни на головній сторінці.

Рис. 48 Онлайн-ресурс MindMeister – карта знань, додавання на головну сторінку

таблички

Завдання 9. Засобами програми SharePoint Designer

додати на головну сторінку Файл.

1. На панелі інструментів обрати команду Вставка з

контекстного меню, що з’явиться, обрати елемент Файл.

Рис. 49 вікно контекстного меню вкладки вставка

2. Отримаємо діалогове вікно Выбора файла.

Page 60: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

60

3. Заходимо на зовнішньому носії файл формату Word і натискаємо

кнопку Открыть.

4. Відбувається перетворення файлів в формат RTF і готово. Файл

формату Word додано до головної сторінки.

5. Необхідно зберегти головну сторінку з доданим файлом. Для

цього на панелі інструментів обираємо вкладку Файл, з контекстного меню,

що з’явилося обрати команду Сохранить

Рис. 50 Онлайн-ресурс MindMeister – карта знань, додавання на головну сторінку

текстового файлу

Завдання 10. На основі технології SharePoint Designer

додати на головну сторінку колекцію фотографій.

1. На панелі інструментів обрати команду Вставка з

контекстного меню, що з’явиться, обрати елемент Веб-

компонент.

2. Обираємо тип компонента Коллекция фотографий.

3. Обираємо варіант колекцій фотографій на головній сторінці – це

може бути:

Page 61: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

61

Рис. 51 вікно вставки компонента веб-вузла

Горизонтальне розташування групи фотографій на головній

сторінці;

Розташування групи фотографій на сторінці у вигляді колажу;

Розташування групи фотографій у вигляді набору слайдів, з

стрічкою ескізів у верхній частині сторінки і велике зображення під нею.

Вертикальне розташування групи фотографій на сторінці.

4. Обираємо один із запропонованих варіантів і натискаємо кнопку

Готово.

5. З’являється вікно Свойства коллекции фотографий.

Рис. 52 вікно властивостей колекції фотографій

У вкладці Рисунки можна додавати групу фотографій із

зовнішнього носія або фотографії із сканера або камери.

Page 62: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

62

Рис. 53 вікно додавання рисунка до веб-компонента

6. Після завантаження групи фотографій стає активна команда

Изменить.

Використовуючи цю команду можна: змінити розмір рисунка

(ширину і висоту) , повернути рисунок або обрізати рисунок.

У цьому вікні можна змінювати властивості рисунків усієї групи,

почергово.

Проте за необхідності можна скинути усі налаштування.

Рис. 54 вікно налаштування рисунка

Після усіх налаштувань натискаємо кнопку ОК у вікні Изменение

рисунка.

7. На вкладці Макет вікна Свойства коллекции фотографий

можна обрати макет відображення фотографій – це може бути:

Горизонтальна колекція – кількість фотографій в рядку можна

змінювати вручну;

Колаж – кількість фото в рядку незмінне і рівне 4;

Показ слайдів – кількість фото в рядку незмінне;

Вертикальна колекція – кількість фотографій в рядку можна

змінювати вручну.

Page 63: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

63

Рис. 55 вікно властивостей колекції фотографій

8. В результаті на головній сторінці отримаємо колекцію фотографій.

9. Необхідно зберегти головну сторінку з доданим файлом. Для

цього на панелі інструментів обираємо вкладку Файл, з контекстного меню,

що з’явилося обрати команду Сохранить

Рис. 56 Онлайн-ресурс MindMeister – карта знань, додавання на головну сторінку

колекції фотографій

МОЗКОВИЙ ШТУРМ!

Page 64: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

64

Студенти на робочих місцях за допомогою навушників самостійно

прослуховують скринкаст відповідно до того, в яких групах вони знаходяться.

Рис. 56 Онлайн-ресурс Google-Forms – опитувальник

Після прослуховування скринкастів, та виконаня завдань, відповідно до

своєї групи, студенти проходять тести Google-Forms.

II. Захист теоретичного матеріалу.

Захист теоретичного матеріалу з теми відбувається за допомогою

мережевої тестової програми MyTestX, ярлик якої розташований на робочому

столі кожного персонального комп’ютера. Результати тестування студенти у

вигляді скриншотів надсилають викладачеві на електронну пошту.

III. Підведення підсумків.

Визначення та обговорення основних типових помилок, які студенти

допускали під час створення Web-компонентів (мозковий штурм).

Виставлення балів.

IV. Завдання для самостійного виконання.

Виконати онлайн-вправи використовуючи онлайн-середовище Learning

Apps, посилання на проходження вправ студентам відправлено на пошту.

2.4. Використання смарт-середовища у професійно-технічних

навчальних закладах з професії: «Оператор комп’ютерного набору»

Page 65: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

65

Якщо уявити Smart як модель спілкування людини та інформаційної

системи, то Smart-технології у навчанні − це технології, які забезпечують діалог,

тобто активний обмін повідомленнями між користувачем та інформаційною

системою в режимі реального часу. Поява Smart засобів навчання забезпечує

такі нові види навчальної діяльності, як реєстрація, збір, накопичення,

зберігання, обробка інформації про досліджувані об’єкти, явища, процеси,

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

управління відображенням на екрані, моделями різних об’єктів, явищ, процесів.

Smart-діалог здійснюється не тільки з навчальним середовищем, а й із засобами

навчання, що функціонують на базі інформаційно-комунікаційних технологій

(ІКТ) [1, с. 16].

Для реалізації SMART-технологій у навчальному процесі ПТНЗ

використовують наступні технічні засоби: планшети; планшетні комп’ютери;

смартфони; Smart TV; Smart-дошки; Smart-приставки; документ камери; Smart-

проектор; мультимедійний проектор; Smart панель; Smart стіл [11, c. 53].

Розглянемо їх: Планшет − це пристрій для споживання цифрового

контенту. Використовуючи планшет, дуже зручно читати електронні книги,

документи, сайти, переглядати відео, фотографії, презентації.

Планшет або планшетний комп’ютер це новий вид

сучасних комп’ютерів. Головною відмінною рисою

планшета є сенсорний екран, який займає більшу частину

площі пристрою. Крім цього, екран виконує роль єдиного

пристрою введення. Оскільки планшети не оснащуються апаратною

клавіатурою і мишкою, набір тексту та управління програмами виконується

виключно за допомогою пальців на сенсорній панелі пристрою.

Планшет використовується на занятті як тренажер, і засіб наочності,

сховище інформації, засіб контролю і моніторингу. Одна з ключових проблем

будь-якого навчання – концентрація уваги учня. Використання планшету на

заняттях у ПТНЗ – один із способів вирішення цієї проблеми. Підготовка до

уроків електронних завдань значно економить час викладача, підвищує

Page 66: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

66

культуру уроку, дозволяє диференціювати підхід до учнів, сприяє формуванню

інтересу і, отже, позитивно впливає на якість освіти унів у ПТНЗ. За допомогою

засобів навчання такого типу можна користуватись послугами навчально-

консультативних центрів ІКТ, на базі яких пропонуються Smart-курси різного

напряму діяльності.

Планшетні комп’ютери використовують як помічники у відпрацюванні

практичних умінь учнів, в організації та проведенні опитування і контролю

якості знань учнів у ПТНЗ, у роботі зі схемами, таблицями, ментальними

картами, Google формами, Web-квестами, пам’ятками, в редагуванні текстів і

виправленні помилок, використання інтернет ресурсів. При цьому дотримується

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

Наприклад, під час проведення заняття у ПТНЗ використовуються

різноманітні засоби демонстрації навчального матеріалу.

Смартфон (англ. Smartphone − розумний

телефон) − мобільний телефон, доповнений

функціональністю кишенькового персонального

комп’ютера. Смартфони відрізняються від звичайних

мобільних телефонів наявністю досить розвиненою операційної системи,

відкритої для розробки програмного забезпечення сторонніми розробниками

(операційна система звичайних мобільних телефонів закрита для сторонніх

розробників). Установка додаткових додатків дозволяє значно поліпшити

функціональність смартфонів у порівнянні зі звичайними мобільними

телефонами [12, c. 49].

Застосовувати смартфон можна в будь-якому розділі навчальної

програми. Але найдоречніше, пов’язати використання смартфону з самостійною

роботою учнів, що спрямована на формування в учнів самостійності та творчих

задатків. Так як сучасні учні постійно користуються смартфонами, а вільна

мережа Wi-Fi є навіть у громадському транспорті, також не будемо забувати про

мобільний інтернет 3G, 4G, учні можуть завантаживши навчальний додаток із

Page 67: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

67

програми Google Play повторювати матеріал до занять та пройти тестування, а

також займатись за технологією «перевернутого навчання».

Таку практику використання смартфонів можна прослідкувати у ДПТНЗ

«Вінницьке міжрегіональне вище професійне училище». Учням лише потрібно

завантажити мобільний додаток через Google Play і вони отримують доступ до

теоретичних та практичних занять, а також тестів із курсу «Електротехніка»

(додаток К), таким чином, ми маємо Smart-середовище у вільному доступі, яке

активізує зацікавленість учнів у навчанні завдяки своїй доступності та ясності

викладення матеріалу.

Smart TV (розумне телебачення), або Connected TV – технологія

інтеграції інтернету і цифрових інтерактивних сервісів

у сучасні телевізори та ресивери цифрового

телебачення, а також в технічному симбіозі між

комп’ютерами і телевізорами / ресиверами цифрового

телебачення. Раніше іменована «Connected TV» (не плутайте з Internet TV і

WebTV). Поняття Smart TV народилося аналогічно поняттю Smart Phone, яке, в

свою чергу, з’явилося завдяки інтеграції Інтернету, віджетів і програмних

додатків у сучасні мобільні телефони [11, c. 63].

Smart TV широко використовують як засіб для демонстрації навчального

матеріалу у ПТНЗ великій кількості учнів, а також на конференціях, адже Smart

TV має не лише власне програмне забезпечення для показу, але й функцію для

підключення інтернету. Наприклад, під час використання Smart-середовища для

доступу до електронних навчальних матеріалів.

Портативні комп’ютери здатні виконувати всі ті ж завдання, що й

настільні комп’ютери. Ноутбуки містять компоненти,

подібні до тих, які встановлені в настільних

комп’ютерах і виконують ті ж самі функції, але

мініатюризовані і оптимізовані для мобільного

використання і ефективної витрати енергії.

Page 68: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

68

Також, підключивши ноутбук (з ТВ-виходом або роз’ємом HDMI) до

телевізора або аудіосистеми, можна використовувати його в якості

мультимедійного центру (мультимедіа-станція). Для цього деякі з них

комплектуються пультами дистанційного керування.

Також для Smart-навчання використовується Smart-

дошка – це гнучкий інструмент, що поєднує в собі простоту

звичайної маркерної дошки з можливостями комп’ютера. У

комбінації з мультимедійним проектором стає великим

Smart екраном, одним дотиком руки до поверхні якого,

можна відкрити будь-який комп’ютерний додаток або сторінку в Інтернеті й

демонструвати потрібну інформацію або просто малювати. Усі малюнки або

записи, програмне забезпечення інтерактивної дошки дозволяє зберігати у

вигляді комп’ютерних файлів, роздруковувати, посилати по електронній пошті,

навіть зберігати у вигляді Web-сторінок і розміщувати їх в Інтернеті. При роботі

з Smart-дошкою учень засвоює інформацію не тільки через аудіальний і

візуальний канали сприйняття, але й через кінестетичний канал, який майже не

використовується в сучасній педагогіці [13, c. 73]. Тому учні ПТНЗ, які

недоотримали інформації через цей канал – є потенційними «трійочниками».

Цю ситуацію можуть виправити саме Smart-технології – кожен учень інтуїтивно

обирає найбільш зручний для себе спосіб сприйняття інформації при роботі з

інтерактивною дошкою.

Особливим видом електронного обладнання є документ-

камера, яка призначена для формування в реальному часі

предметів, що спостерігаються з метою їх відображення у

збільшеному вигляді на спеціальному екрані на всю аудиторію.

Говорячи простіше, це звичайна відеокамера на штативі,

направлена на предметну площину, яка з’єднана з монітором

або проектором.

Отже, документ-камера – це сучасний засіб презентацій, який вирішує

завдання донесення необхідної візуальної інформації до групи людей.

Page 69: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

69

Для викладача цей пристрій об’єднує в собі можливості кодоскопа,

відеокамери, сканера, мікроскопа, веб-камери. З’єднуючись з комп’ютером

через USB, документ-камера стає складовою частиною робочого місця

викладача [19, c. 52].

Основними перевагами використання документ-камери є можливість

демонстрації в будь-який момент будь-якого об’єкта зі столу викладача або учня

дозволяє оживити процес навчання, зробити його більш наочним та

переконливим, і як наслідок, більш результативним, а також допомагає

встановити зворотній зв’язок між викладачем і класом, підвищити мотивацію

учнів. Це відбувається, наприклад, під час аналізу контрольної роботи або

розбору домашнього завдання в реальному часі, з коментарями викладача, коли

весь клас приймає участь у цьому процесі.

Найбільш поширеним у навчальному процесі є комплекс Smart

Board. Необхідними якостями людини стає високий рівень інформаційної

культури, розвинутий інтелект, уміння грамотно

працювати з інформацією. Формування таких якостей,

на наш погляд, треба здійснювати шляхом

упровадження ІКТ у навчально-виховний процес,

виховання в учнівської і студентської молоді високого

рівня інформаційної культури, вироблення стійких навичок користування

національними й глобальними інформаційними ресурсами та застосування їх у

практичній діяльності.

Навчальний комплекс на основі Smart Board використовується в

навчальному процесі у ПТНЗ для: подання заздалегідь підготовленої інформації;

оброблення інформації під час її подання; створення інформації безпосередньо

на дошці; використання інформації з інших додатків(Microsoft Word, Excel,

PowerPoint та ін.); створення композицій з текстових та графічних фрагментів;

зберігання створених матеріалів та відтворення їх у процесі демонстрації;

записування процесу створення і подання навчальної інформації; відтворення

інформаційних процесів тощо.

Page 70: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

70

Нині широко використовується Smart приставка, яка не має

спеціальної робочої поверхні, але перетворює звичайну аудиторну маркерну

дошку білого кольору в інтерактивну. Це є серйозною перевагою системи,

оскільки забезпечується мобільність (проте збільшується ризик втрати

апаратури). Прилад поставляється у вигляді невеликого складного пристрою, що

закріплюється за допомогою вакуумних присосок до звичайної аудиторної

дошки довільного розміру. Пристрій являє собою акустичну антену, що

сприймає ультразвуковий сигнал, який виникає в процесі руху маркера по

дошці. Додатково використовується також інфрачервоне сканування. В

результаті забезпечується виключно точне визначення позиції маркера або

стилуса.

Всі Smart приставки діляться на три типи: робота в режимі копі-дошки;

робота в режимі Smart-дошки; робота в обох перерахованих режимах.

Режим копі-дошки не призначений для роботи з проектором. Така Smart

приставка збереже тільки те зображення, яке нанесено за допомогою звичайних

маркерів. Даний режим буде корисний там, де використовують тільки

рукописний текст.

Режим Smart-дошки призначений для роботи з проектором. Він

дозволяє зберігати позначки, нанесені поверх проектованого проектором

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

робота з графічними об’єктами та іншими зображеннями, але є необхідність

робити нотатки поверх зображення. Повноцінна Smart приставка, за своїми

функціями повністю повторює Smart дошку. Вона дозволяє робити всі

перераховані вище дії, тобто працювати в режимі Smart дошки і в режимі копі-

дошки. Це ставить приставку приблизно на один рівень з інтерактивною

дошкою, при цьому роблячи її більш доступною за ціною. Крім того, володіючи

можливостями схожими з тими, що пропонує Smart дошка [21, c. 101-102].

Всі Smart приставки, також як Smart дошки мають варіант дротового і

бездротового підключення, вона досить компактна (поміщається у невеликій

валізці), є можливість переносити з аудиторії в аудиторію, але для неї

Page 71: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

71

обов’язково потрібен проектор, причому, якщо проектор стоїть неправильно,

будуть тіні на дошці, що псує зображення при роботі з дошкою.

Використання Smart-проектора в першу чергу дозволяє повністю

відмовитися від різних додаткових пристроїв, які

забезпечують виведення зображення.

Smart-проектор дозволяє заощадити місце і

відмовитися від використання додаткових

пристроїв, вони в своїй роботі використовують спеціальне Smart перо або

маркер, яким можна малювати, виділяти і переміщати зображення. Причому

Smart перо можна використовувати віддалено – воно працює як лазерна указка.

Наприклад, при використанні Smart-проектору в навчальному процесі ПТНЗ як

засобу демонстрації навчального матеріалу або поточного контролю знань учнів

безпосередньо на занятті. Тобто, викладач демонструючи учням навчальний

матеріал, може запропонувати доповнити речення або поставити терміни у

відповідність чим закріпить свої знання і набуде навичок із запропонованої

теми.

Розглянемо мультимедійний проектор, − це автономний прилад, що

забезпечує проектування великої інформації, яка

надходить від зовнішннього джерела – комп’ютер,

CD DVD плеер, відеокамера.

Принцип роботи мультимедіа-проектора дуже схожий з принципом

роботи слайд проектора – світло, що виходить від лампи, проходить через блок,

що формує зображення. Розмір зображення може варіюватися від 1 метра по

діагоналі до 20 метрів і навіть більше. Викладачі та учні ПТНЗ можуть провести

професійну презентацію з демонстрацією рекламних роликів, текстів, графіків і

таблиць.

Smart панель − сучасний пристрій

відображення і введення інформації, що

підключається до комп’ютера, поєднує в собі

рідкокристалічний монітор і «Smart дошку». Викладач може одночасно

Page 72: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

72

отримувати інформацію на монітор і управляти комп’ютером, робити рукописні

записи, анотації і коментарі, прямо з поверхні монітора.

З метою використання технології мультитач набуло поширення

використання Smart столу – це Smart поверхня, керована дотиками рук або

інших предметів.

Smart стіл завдяки реалізованої в ньому повної багатокористувацької

підтримки і технології мультитач (технологія відстеження і обробки множинних

дотиків одночасно) дозволяє легко і невимушено взаємодіяти декільком

користувачам одночасно за допомогою smart. Тому Smart стіл по праву

вважається Smart мультимедійним центром нового покоління.

В технології мультитач для управління віртуальними об’єктами

використовуються інтуїтивні жести рук, таким чином досягається максимальна

зручність при маніпулюванні зображеннями та іншими мультимедійними

об’єктами. Наприклад, під час роботи із інтерактивною вправою, що створена за

допомогою он-лайн сервісу learning.apps, який часто використовують у

навчальному процесі ПТНЗ. Він спонукає учнів ПТНЗ до навчання і допомагає

їм рости разом як у соціальному, так і в освітньому плані. Навчальний центр

SMART Table для групового навчання дозволяє поєднувати навчання з грою і

стимулює активну спільну роботу і навчання.

Виконуючи завдання і співпрацюючи один з одним з метою досягнення

поставлених цілей, учні розвивають колективні навички вирішення проблем.

Центр SMART Table дозволяє малим групам працювати разом, обличчям до

обличчя, для виконання дій, спрямованих на вироблення загальної думки і

вирішення проблеми, на одній інтерактивній поверхні, легко і доступно залучає

учнів зі спеціальними потребами в активні дискусії, вирішення проблем і

спільну роботу в малих групах. Захоплюючі заняття, набір інструментів SMART

Table дозволяє викладачам підлаштовувати тисячі готових занять під свої

вимоги. Можна створювати свої власні тематичні уроки для задоволення

конкретних потреб класу або відкрити веб-сайт SMART Exchange безпосередньо

з центру SMART Table і знайти готові інтерактивні заняття, що підтримують

Page 73: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

73

поставлені цілі навчання і допускають їх використання в навчальному класі.

Крім того, викладачі можуть імпортувати уроки, що містять 3D-об’єкти,

створені в SMART Notebook для групового навчання [23, c. 23]

Розглянемо основні можливості SMART Table:

1) одночасна обробка декількох торкань. SMART Table підтримує

обробку до 40 одночасних дотиків, дозволяючи працювати відразу 8 учням,

взаємодіючи один з одним під час уроку. Крім того, SMART Table підтримує

такі прості та інтуїтивно зрозумілі жести, як обертання, відкидання і збільшення;

2) великі матеріали і ресурси. SMART Table поставляється з більш ніж

1500 готових занять, які можна безкоштовно завантажити з веб-сайту SMART

Exchange;

3) високоякісне відображення. SMART Table володіє 42-дюймовим

РК-екраном з роздільною здатністю 1080p, що дозволяє отримувати зображення

без виникнення тіней і практично повністю без відблисків;

4) міцна конструкція і проста установка. Міцний п’єдестал захищає

центр від перекидання навіть при сильному натиску учнів, а стійка до подряпин

поверхня цього центру може витримувати навантаження до 200 фунтів;

5) викладачі також можуть використовувати центр для створення та

індивідуальної роботи з інтерактивними матеріалами, призначеними для учнів з

особливими потребами;

6) мобільний дизайн. Центр SMART Table легко проходить у

стандартні двері, тому його можна легко переміщати з класу в клас і

використовувати один центр в декількох класах;

7) привносить об’єкти в реальне життя. Підключіть до центру SMART

Table, документ-камеру SMART Document з метою активізації діяльності;

8) безкоштовне навчання та підтримка. Для навчального центру

SMART Table доступні різні варіанти навчання і підтримки, що допомагає

викладачам швидко освоїти новий продукт і використовувати його можливості;

9) загальний доступ до вмісту SMART Table всіх учасників

навчального процесу;

Page 74: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

74

10) вбудований Wi-Fi. У центр SMART Table вбудований Wi-Fi, що

дозволяє викладачам підключатися до веб-сайту SMART Exchange, не відходячи

від центру, перебуваючи в будь-якому мусці.

Отже, з появою нового обладнання (аудіо-та відео систем, проекційні

пристрої) виникає питання його ефективного застосування в навчальному

процесі. Нова форма подачі матеріалу за допомогою інтерактивного

устаткування (інтерактивні дошки SMART Boards, інтерактивні дисплеї

Sympodium) являє собою виступ учня – презентацію, що створена в режимі

реального часу [14, c. 15-16].

Наведемо приклад, у вигляді веб-квесту, використання смарт-

середовища на уроках теоретичного навчання для професії «Оператор з

обробки інформації та програмного забезпечення».

Наведемо приклад, у вигляді веб-сайту, використання смарт-середовища

на уроках теоретичного навчання для професії «Оператор з обробки

інформації та програмного забезпечення».

Page 75: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

75

ВИСНОВКИ ДО ДРУГОГО РОЗДІЛУ

Ще донедавна вважалося, що знань, отриманих після закінчення

навчального закладу, достатньо, щоб успішно здійснювати трудову діяльність

протягом усього життя. Інтенсивний розвиток технологій і комп’ютеризації

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

Йдеться про те, що розвиток сучасного суспільства невіддільний від

постійного і повсюдного навчання, технології які також вимагають змін.

Парадигма Smart-освіти передбачає гнучкість, яка припускає наявність

великої кількості джерел, максимальну різноманітність мультимедіа, здатність

швидко і просто налаштовуватись під рівень і потреби слухача. Вона також

передбачає активний обмін досвідом та ідеями, персоніфікацію курсу в

залежності від його завдань і компетенцій суб’єктів навчання.

Перехід до технологій Smart формує нові вимоги до викладачів. Smart-

підходи вимагатимуть від них не надавати готові знання, а створювати умови

для придбання молоддю власного досвіду і навичок. Навчальні курси повинні

бути інтегрованими, тобто включати в себе і мультимедійні фрагменти, і

зовнішні електронні ресурси [2, с. 43].

Page 76: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

76

РОЗДІЛ 3. ЕКСПЕРИМЕНТАЛЬНА ПЕРЕВІРКА

ДОСЛІДЖЕННЯ

3.1. Організація та методика проведення педагогічного

експерименту

У час стрімкого розвитку ІКТ сучасна система освіти України потребує

модернізації. Якщо засоби навчання змінились, то мета залишилась та сама.

Для вчителя основним завданням є забезпечення високого рівня засвоєння

знань учнями, формування практичних умінь і навичок і застосування їх на

практиці.

На нашу думку, підвищення рівня засвоєння, відтворення та розуміння

учнями знань можливе за умов використання смарт-середовища у

навчальному процесі професійної освіти.

Для підтвердження сформульованої гіпотези ми провели експеримент у

7 групі, які здійснюють професійне навчання на базі Державного професійно-

технічного навчального закладу «Вінницьке міжрегіональне вище професійне

училище».

Для перевірки результативності експериментально-дослідної роботи

відповідно до теоретичного критерію оцінювались знання з предметів

«Інформаційно-комунікаційні технології», «Методика створення

компֹ’ютерних презентацій», відповідно до технічного, операційного та

діагностичного – практичні вміння щодо використання знань з предметів

профільної підготовки.

Основними функціями оцінювання навчальних досягнень учнів є:

контролювальна, що передбачає визначення рівня досягнень окремого

учня (групи), виявлення рівня готовності до засвоєння нового матеріалу, що

дає змогу вчителю відповідно планувати і викладати навчальний матеріал;

навчальна, що зумовлює таку організацію оцінювання навчальних

досягнень учнів, коли його проведення сприяє повторенню, уточненню та

систематизації навчального матеріалу, вдосконаленню рівня підготовки учня

(групи);

Page 77: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

77

діагностико-коригувальна, що допомагає з’ясувати причини,

труднощів, які виникають в учня під час навчання, виявити прогалини у

знаннях і вміннях та коригувати його діяльність, спрямовану на усунення

недоліків;

стимулюючо-мотиваційна, що визначає таку організацію оцінювання

навчальних досягнень учнів, коли його проведення стимулює бажання

поліпшити свої результати, розвиває відповідальність та сприяє змагальності

учнів, формує мотиви навчання;

виховна, що передбачає формування вміння відповідально й

зосереджено працювати, застосовувати прийоми контролю і самоконтролю,

розвиток кращих якостей особистості.

З метою забезпечення об’єктивного оцінювання навчальних досягнень

учнів з професійного навчання введена 12-бальна шкала оцінювання

навчальних досягнень учнів, яка побудована за принципом урахування

особистих досягнень учнів.

При визначення навчальних досягнень учнів аналізу підлягають:

характеристики відповіді учня: елементарна, фрагментарна, неповна,

повна, логічна, доказова, обґрунтована, творча;

якість знань, правильність, повнота, осмисленість, глибина, гнучкість,

дієвість, системність, узагальненість, міцність;

ступінь сформованості загально навчальних і предметних умінь та

навичок;

рівень оволодіння розумовими операціями: вміння аналізувати,

синтезувати, порівнювати, абстрагувати, узагальнювати, робити висновки

тощо;

досвід творчої діяльності (вміння виявляти проблеми, формулювати

гіпотези, розв'язувати проблеми);

самостійність оцінних суджень.

Експериментальне дослідження проходило в декілька етапів:

Page 78: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

78

діагностичний (вивчення сучасного стану проблеми застосування

смарт-технологій у навчальному процесі у педагогічній теорії, визначення в

передовому досвіді і новаторському досвіді важливих джерел ідей для

вирішення проблеми використання смарт-середовища у професійному

навчанні, логічний аналіз основних дефініцій проблеми, аналіз навчальної

документації та досвіду впровадження смарт технологій у здійсненні

професійного навчання, планування навчального процесу та побудова змісту

навчання, враховуючи застосування смарт технологій);

прогностичний (формулювання завдань експериментального

дослідження, побудова та уточнення гіпотези, конструювання плану-програми

експерименту);

організаційно-підготовчий (добір об’єктів для проведення

експерименту, підготовка та розроблення електронного навчально-

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

використанням смарт технологій);

практичний (визначення заходів констатувального експерименту,

змісту і термінів констатувального та формувального експерименту,

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

інформації про хід педагогічного процесу та його результати (анкетування,

тестування);

педагогічний аудиторний експеримент (проведення дослідних

занять);

узагальнюючий (оброблення отриманих даних, їх аналіз і

формулювання висновків, написання звітних матеріалів);

апробація(застосування на практиці).

У процесі діагностичного етапу був проведений аналіз навчальної

документації та досвіду застосування смарт технологій вчителями під час

здійснення професійного навчання. Планування навчального процесу під час

діагностичного етапу експерименту здійснювалось відповідно до Законів

Page 79: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

79

«Про загальну середню освіту». Під час даного етапу нами були використані

методи емпіричного рівня наукового пізнання, що безпосередньо пов’язані з

вивченням педагогічної реальності та забезпечують накопичення, фіксацію та

узагальнення дослідного матеріалу, а саме: аналіз педагогічної документації

та результатів діяльності, педагогічне спостереження, письмове й усне

опитування, анкетування.

На прогностичному етапі педагогічного експерименту нами були

сформульовані такі завдання дослідження:

1. Організація занять, спрямованих на активізацію навчальної діяльності

учнів засобами смарт-технологій.

2. Розроблення вправ і завдань, спрямованих на сприйняття, мислення,

набуття теоретичних знань і практичних умінь.

3. Розроблення методики запровадження смарт-технологій у навчальний

процес професійного навчання.

Для удосконалення організаційних форм навчальної роботи необхідно

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

дозволяє обирати найбільш доцільні практичні завдання, передбачати

результати їхнього виконання, уникати типових помилок і не витрачати марно

час, а значення розумових дій, пов'язаних із прийманням і засвоєнням

навчального матеріалу значно збільшиться.

Після того, як було вироблено робочу гіпотезу дослідження, уточнено

організаційні форми перевірки гіпотези на наступному етапі експерименту

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

Важливість експерименту полягала у вивченні реального стану та визначенні

впливу смарт-технологій на якість знань та вмінь учнів.

Перед початком експерименту був проведений моніторинг знань усіх

учнів класу за допомогою розроблених тестових завдань з метою порівняння

та корекції рівня знань, умінь та навичок учнів експериментальних та

контрольних груп учнів, охоплених експериментом, що дало можливість

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

Page 80: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

80

Для проведення експерименту група була поділена на 2 підгрупи:

контрольна та експериментальна. У контрольній групі методика проведення

уроків не змінювалась, а у експериментальній групі використовувались смарт-

технології.

До контрольної групи увійшли учні:

1. Бєліков Артем

2. Бойко Артем

3. Бойко Даніїл

4. Бунін Володимир

5. Галащенко Людмила

6. Головачов Роман

7. Гук Олександр

8. Дегтяров Олексій

9. Денисенко Денис

10. Дерев’яненко Антон

11. Єрошенко Валерій

До експериментальної групи увійшли учні:

1. Карапуз Денис

2. Коваленко Даніїл

3. Коптєв Іван

4. Крокош Ілля

5. Макарук Денис

6. Могила Назар

7. Наваліхін Іван

8. Овчарук Сергій

9. Панасюк Микола

10. Петренко Володимир

11. Пішенін Олег

Під час організації експериментальної роботи дослідні заняття не

порушували звичайного режиму роботи та ходу навчального процесу і

Page 81: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

81

проходили за звичайним регламентом, не виокремлювались з усієї системи

навчально-виховної роботи. Експериментальні заняття відрізнялись від

традиційних тим, що їх проведення супроводжувалось постійним

використанням смарт-технологій.

В експерименті використовувалися різні методи педагогічних

досліджень, а саме:

1. Спостереження. Предметом спостережень були учні під час

проведення уроків з професійного навчання.

2. Метод хронометрування. Застосовувався на практичних заняттях

інформаційних технологій. Для визначення ефективності занять, враховувався

не тільки результат, а також і затрачений час при роботі учнів з різним рівнем

підготовки з інформаційних технологій.

3. Бесіда. Проводилася з учнями і викладачами під час проведення

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

4. Тестування. Проведено ряд тестувань учнів, результати яких

викладені нижче.

5. Аналіз документації. Вивчалися відомості учнівських журналів,

результати контрольних робіт.

3.2. Результати педагогічного експерименту та їх аналіз

Після проведення експерименту успішність учнів змінилася (табл..1):

Таблиця 1

Моніторингова карта успішності експериментальної та контрольної

групи №7.

Контрольна група Експериментальна група

№ п/п (від

1 до n1)

Оцінка в системі № п/п (від

1 до n2)

Оцінка в системі

в 12-бальній в 20-бальній в 12-

бальній

в 20-

бальній

1.

2.

10

7

16

10

1.

2.

8

5

11

6

Page 82: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

82

3.

4.

5.

6.

7.

8.

9.

10.

11.

5

4

7

5

10

10

7

10

6

5

2

8

6

17

16

12

17

7

3.

4.

5.

6.

7.

8.

9.

10.

11.

10

7

10

8

10

7

10

10

8

17

14

16

12

16

10

18

16

13

Впродовж 4-ох тижнів, протягом яких проводився експеримент, ми

оцінювали знання учнів експериментальної та контрольної груп. Результати

наведені у графіку, поданому у рис. 36.

Рис. 36. Середній бал учнів експериментальної та контрольної груп

Під час контрольного зрізу знань учнів підтвердились наші прогнози.

Контрольні завдання у обох класів були однаковими, але рівень їх вирішення

помітно відрізнявся, що дає право вважати, що методи, запропоновані нами,

більш ефективні. Застосуємо статистичні методи дослідження для доведення

робочої гіпотези.

0

2

4

6

8

10

12

1 2 3 4 5 6 7 8

Середній бал експериментальної групи

Середній бал контрольної групи

Page 83: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

83

Вихідні дані:

N1 = 10 (кількість учнів в експериментальній групі);

N2 = 9 (кількість учнів в контрольній групі).

За оцінками 20-бальної системи визначаємо основні показники за

наведеними вище формулами.

1. Визначаємо середнє арифметичне:

𝑋1 =16 + 10 + 5 + 2 + 8 + 6 + 17 + 16 + 12 + 17 + 7

11= 10.55

𝑋2 =11 + 6 + 17 + 14 + 16 + 12 + 16 + 10 + 18 + 16 + 13

11= 13.55

2. Визначаємо дисперсію:

𝛿12 =

|10.55 − 16| + |10.55 − 10| + |10.55 − 5| + ⋯ |10.55 − 7|

11 − 1= 4.6

𝛿22 =

|13.55 − 11| + |13.55 − 6| + |13.55 − 17| + ⋯ |13.55 − 13|

11 − 1= 3.15

3. Визначаємо середнє квадратичне відхилення:

δ1 =√𝛿1

2 = √4.6 ≈ 2.14

δ2=√𝛿22 = √3.15 ≈ 1.772

4. Визначимо коефіцієнт варіації:

𝑉 =𝛿

𝑋× 100%

𝑉 =2.14

10.55× 100% = 20.3%

𝑉 =1.77

13.55× 100% = 13.06%

5. Визначаємо стандартну похибку середньої арифметичної:

М1 =𝛿

√𝑛 − 1=2.14

√10= 0.67

M2 =𝛿

√𝑛 − 1=1.77

√10= 0.55

6. Визначаємо критерії Тоссета при неоднакових об’ємах та

дисперсіях:

Page 84: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

84

Tp =13.55 − 10.55

√4.611

− √3.1511

=3

√0.42 − 0.294.33

7. Порівняємо tр із tтаб

Висновок: Оскільки tр > tтаб , то робоча гіпотеза робоча доведена. З цього

випливає те, що використання смарт-технологій у навчальному процесі

професійного навчання сприяє підвищенню рівня якості знань, активізовує

пізнавальну діяльність учнів та спрощує підготовку та проведення уроків

професійного навчання.

Оскільки інформатика є одним із засобів формування й освітнього, й

інтелектуального потенціалу особистості, то вивчення інормаційно-

технологічного профілю потребує підготовки вчителів до викладання

дисциплін даного профілю на належному рівні. Проаналізувавши існуючі

можливості, можна зробити висновок про те, що смарт-технології можна

використовувати на будь-якому етапі проведення уроку.

Висновки до третього розділу

Проаналізувавши накопичені матеріали та результати проведеного

експерименту, можна зробити висновки, що якість навчання у процесі

використання смарт-технологій підвищується за рахунок:

більшої адаптації учнів до навчального матеріалу з урахуванням

власних можливостей і здібностей;

можливості вибору більш відповідного для учня методу засвоєння

предмета;

регулювання інтенсивності навчання на різних етапах навчального

процесу;

самоконтролю;

підтримці активних методів навчання;

образної наочної форми подання матеріалу, що вивчається;

модульного принципу побудови, що дозволяє використовувати

окремі складові частини хмарних технологій.

Page 85: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

85

ЗАГАЛЬНІ ВИСНОВКИ

У сучасних умовах інтенсивного розвитку ІКТ виникає необхідність у

створенні інформаційного освітнього середовища. Нині актуальним є питання

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

навчальному процесі професійно-технічних навчальних закладів

У наслідок багатофункціональності інформаційного освітнього

середовища до визначення принципів його побудови і функціонування може

бути декілька підходів. Один із них пов’язаний з організацією навчальної і

наукової діяльності. Оскільки інформаційне освітнє середовище має

навчальну цілеспрямованість, то для його успішного функціонування до

розміщених навчальних матеріалів висуваються загальні педагогічні вимоги:

науковості, доступності, наочності, обліку вікових та індивідуальних

особливостей користувачів (як учнів, так і викладачів); єдності навчальної й

наукової діяльності; зближення самостійної творчої роботи учнів і науково-

дослідницької роботи викладача (принцип співтворчості). Інший підхід

визначається професійною спрямованістю інформаційного освітнього

середовища і його мобільністю. Слід передбачити, щоб матеріалами

інформаційного освітнього середовища навчального закладу можуть

користуватися не лише учні й викладачі, а й учителі та інші працівники освіти.

Актуальним завданням сучасних навчальних закладів є реалізація

компетентністного підходу в освіті, а саме, формування ключових

компетентностей, узагальнених і прикладних предметних умінь, життєвих

навичок.

Під активністю в навчанні розуміється така якість діяльності, що

характеризується високим рівнем мотивації, усвідомленої потреби в засвоєнні

знань та вмінь, результативності, відповідності їх соціальним нормам. Такого

роду активність сама по собі виникає нечасто, вона є наслідком

цілеспрямованої взаємодії й організації педагогічного середовища, тобто

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

Page 86: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

86

технології, що покликані вирішувати низку проблем, які виникають перед

викладачами в процесі роботи.

Інтерактивне навчання – це навчання, занурене в спілкування. При

цьому «занурене» не означає «заміщене». Інтерактивне навчання зберігає

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

– транслюючи на діалогові, тобто включає обмін інформацією, заснованою на

взаєморозумінні і взаємодії.

Інтерактивне навчання – це спеціальна форма організації пізнавальної

діяльності. Вона має на увазі цілком конкретні і прогнозовані цілі. Одна з

таких цілей – створення комфортних умов навчання, тобто умов, за яких учень

відчуває свою успішність, свою інтелектуальну спроможність, що робить

продуктивним сам процес навчання. Суть інтерактивного навчання полягає в

такій організації навчального процесу, за якої практично всі учні виявляються

залученими до процесу пізнання; вони мають можливість розуміти і

рефлексувати з приводу того, що вони знають і думають.

«Розумна» система освіти – це об’єднання навчальних закладів та

прикладного програмного забезпечення для здійснення спільної освітньої

діяльності в мережі інтернет на базі загальних стандартів, угод і технологій.

«Розумна» означає:

гнучке навчання в інтерактивному освітньому середовищі;

швидку адаптацію слухача до мінливого середовища;

надання вільного доступу до контенту по всьому світу.

Отже, Smart education – це об’єднання навчальних установ та

професорсько-викладацького складу для здійснення спільної освітньої

діяльності у мережі Інтернет, базуючись на загальних стандартах,

узгодженнях та технологіях. Можна також говорити, що Smart education – це

гнучке навчання в інтерактивному освітньому середовищі з допомогою

контенту з усього світу, що знаходиться у вільному доступі, тобто забезпечує

широкий доступ для отримання необхідних знань.

Page 87: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

87

СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ

1. Блог «Розумна освіта для розумного суспільства». Режим доступу

[http://smarteducatoin.blogspot.com/2016/06/smart-education.html]

2. Вікіпедія. Вільна енциклопедія. [Електронний ресурс] // Режим

доступу https: //ru.wikipedia.org/wiki/

3. Гонтаровська Н.Б. Теоретичні та методичні засади створення

освітнього середовища як фактору розвитку особистості школяра: автореф.

дис ... д-ра пед. наук / Н.Б. Гонтаровська. – Київ: Б.в., 2012 . – 40 с.

4. Двосторонній характер процесу навчання та його цілісність

[Електронний ресурс Режим доступу: http://pidruchniki.com/16330826/

pedagogika/dvostoronniy_harakter_protsesu_navchannya_yogo_tsilisnist.

5. Державна цільова програма розвитку професійно-технічної освіти

на 2011–2015 роки [Електронний ресурс]: постанова Кабінету Міністрів

України від 13 квіт. 2011 р. № 495. – Електрон. дані. – Режим

доступу: http://www.proftekhosvita.org.ua/uk.

6. Дичківська І. М. Інноваційні педагогічні технології.- К.:

Академвидав,2004.

7. [Електронний ресурс] // Режим доступу http: // SMART .orl eu-

edu.kz/Home/StudyProgram

8. [Електронний ресурс] // Режим доступу http://gartfil.kiev.ua

9. [Електронний ресурс] // Режим доступу mathemoleynik.ucoz.ua

10. Інтерактивні методи навчання : навч. посібник / (П. Шевчук,

П.Фенрих). – Щецін : WSAP, 2005. – С. 7 – 23

11. Інформатика. Всеукраїнське видання для вчителів// №16 (352) – В-

во «Шкільний світ», квітень, 2006 – С.6

12. Караяни А.Г. Активне методы социально-психологического

обучения А.Г.Караяни. – М. : [Без изд.], 2003. – С. 2 – 10.

13. Каташов А.І. Педагогічні основи розвитку інноваційного

освітнього середовища сучасного ліцею: автореф. дис. на здобуття наукового

ступеня канд. пед. наук: 13.00.01 / А. І. Каташов. – Луганськ, 2001. – 22 с, с.8.

Page 88: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

88

14. Костюкевич Д.Я. Методичні засади організації сучасного

освітнього середовища з фізики в загальноосвітніх навчальних закладах:

монографія / Д.Я. Костюкевич, А.М. Кух. – Кам’янець-Подільський: ПП

Буйницький О.А., 2006. – 228 с.

15. Кух А.М., Кух О.М. Сучасна дидактика і освітнє середовище // Зб.

наук. праць К-ПДПУ. Серія педагогічна 2003. – Вип. 9. – С. 106-108.

16. Методика застосування технології SMART Board у навчальному

процесі : навчальний посібник / Г. Ф. Бонч-Бруєвич, В. О. Абрамов, Т. І.

Косенко. – К. : КМПУ імені Б. Д. Грінченка, 2007. – 102 с.

17. Методика организации повышения квалификации педагогов в

условиях внедрения системы электронного обучения / Ахметова Г.К., Караев

Ж.А., Мухамбетжанова С.Т. // Алматы АО НЦПК «Өрлеу», 2013.

18. Організація навчальної діяльності у комп’ютерно орієнтованому

навчальному середовищі: посібник/ав.: Жук Ю.О., Соколюк О.М.,

Дементієвська Н.П., Пінчук О.П. /За редакцією: Жука Ю.О., – К.: Педагогічна

думка, 2012.– 128 с.

19. Осипенко С. І., А. В. Іванов організація функціонального навчання

у мережі навчально-методичних центрів цивільного захисту та безпеки

життєдіяльності. Київ – 2007.

20. Офіційне представництво компанії Samsung в мережі інтернет.

[Електронний ресурс] // Режим доступу http://www.samsung.com/kz ru /

21. Педагогічний процес як предмет педагогічного дискурсу /

В. Морозов // Вісник Інституту розвитку дитини. Сер.: Філософія, педагогіка,

психологія. – 2013. – Вип. 30. – С. 35-41.

22. Придатко О.В., Ренкас А.Г. Дослідження ефективності та аспекти

впровадження інтерактивних засобів навчання в організацію навчального

процесу ЛДУБЖД. Збірник наукових праць Львівського державного

університету безпеки життєдіяльності. Львів – 2010.

23. Революция в обучении : научить мир учиться по-новому : пер. с

англ. / Гордон Драйден, Джаннетт Вос. – М. : Парвинэ Россия на пути к Smart

Page 89: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

89

обществу / Под ред. Н.В.Тихомировой, В.П.Тихомирова. – М.: НП «Центр

развития современных образовательных технологий», 2012.

24. Сучасний урок. Інтерактивні технології навчання : науково-

методичний посібник / О.І. Пометун, А.В. Пироженко ; ред. О.І. Пометун. – К.

: А.С.К., 2004. – С. 8 – 24

25. Технології навчання дорослих / [упор. О. Главник, Г. Бевз]. – К. :

Главник, 2006. – С. 4 – 7, 106 – 111

26. Тихомирова Н.В. Глобальная стратегия развития smart-общества.

МЭСИ на пути к Smart – университету /Smart Education, [Електронний ресурс]

http://smartmesi.blogspot.com/2012/03/smart – smart.html

27. Якубов С., Якінін Я. Технології SMART та навчальні матеріали /

С. Якубов, Я. Якінін // Hi-Tech у школі. – 2011. – № 3-4. – С. 8–11.

28. SMART Board: застосування у навчально-виховному процесі:

методичні рекомендації /Упоряд. В.О.Абрамов, Г.Ф.Бонч-Бруєвич. –

К.:КМПУ імені Б.Д.Грінченка, 2006. – 52 с.

29. Smart Learning Programme for Specialists of the Republic of

Kazakhstan (Professional development for teacher based on Smart Learning) Korea

Soongsil University, 14.05-23.05.2014

30. Smart-технології в Україні і світі [Електронний ресурс]. – Режим

доступу: http://molodi.in.ua/smart-tehnolohiji/.

Page 90: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

90

ДОДАТКИ

Додаток А

Page 91: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

91

Додаток Б

Викладач

Page 92: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

92

Додаток В

Запропонований Веб-квест цікавий тим, що для його реалізації

необхідно використовувати такі технічні засоби навчання, як: планшети,

Smart-дошка, документ-камера, мультимедійний проектор.

Page 93: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

93

Додаток Г

ПЛАН УРОКУ

Тема уроку. Застосування налаштованої таблиці стилів до вузла

SharePoint

Мета: ознайомити з можливостями застосування налаштованої таблиці

стилів до вузла SharePoint засобами програмного забезпечення Microsoft

SharePoint Designer 2007.

Обладнання та методичне забезпечення: Персональні комп’ютери,

роздатковий дидактичний матеріал плазмова панель, програмне забезпечення

Microsoft SharePoint Designer 2007, електронна мультимедійна презентація із

застосуванням тригерів, скринкаст «Collection of photographs», скринкаст

«Creating main page», скринкаст «Interactive button», скрінкаст «Pictures»,

скринкаст «Table», тестова програма Му Test, інтерактивна дошка, програма

мережевого керування комп’ютерним кабінетом NSS, програма-браузер,

онлайн-ресурси: Coggle, Google-Sheets, Google-Docs, Google-Keep, Google-

Drive, Google+, Hangouts, Google-Forms, Learning Apps, Glogster, Padlet, блог

Microsoft SharePoint Designer 2007

Тип уроку: лабораторна робота.

МПЗ: 1)Мультимедійні засоби навчання.

2) Інформатика.

Ключові слова: мультимедійні засоби навчання, веб-сайт, веб-сторінка,

веб-компоненти, таблиця стилів, Microsoft SharePoint Designer 2007.

СТРУКТУРА ЗАНЯТТЯ

Організаційний момент. Привітання, перевірка присутніх.

Page 94: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

94

I. Актуалізація опорних знань.

Тема нашого заняття «Застосування налаштованої таблиці стилів до

вузла SharePoint». Метою заняття – ознайомитися з можливостями

застосування налаштованої таблиці стилів до вузла SharePoint засобами

програмного забезпечення Microsoft SharePoint Designer 2007

Застосування онлайн-сервісу Padlet для пояснення виконання

лабораторної роботи

Перед тим, як розпочати лабораторну роботу давайте пригадаємо

основні поняття і визначення Microsoft SharePoint Designer 2007.

Page 95: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

95

6. Яке призначення Microsoft Office SharePoint Designer?

Відповідь: Microsoft Office SharePoint Designer 2007 – продукт,

призначений для створення і налаштування веб-вузлів Microsoft SharePoint і

розробки додатків з організації робочих процесів за допомогою технологій

SharePoint.

7. Яке основне застосування головних сторінок?

Відповідь: Головні сторінки спрощують створення для вузла

SharePoint уніфікованого зовнішнього вигляду і узгоджених функцій –

включаючи графічні зображення, шрифти і форматування.

8. Що таке головна сторінка?

Відповідь: Головні сторінки – це сторінки ASP.NET, файли яких мають

розширення MASTER.

9. Де за замовчуванням зберігається головна сторінка?

Відповідь: За замовчуванням головні сторінки зберігаються в колекції

головних сторінок, яка знаходиться в каталозі masterpage в папці _catalogs

користувальницького вузла або дочірнього вузла.

10. Що таке область вмісту?

Відповідь: Область вмісту – це вміст заповнювача, додавання та зміна

на сторінці вмісту, до якого приєднана головна сторінка.

Page 96: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

96

ТЕОРЕТИЧНІ ВІДОМОСТІ

1. Зміна стилів на вузлі

За допомогою Microsoft Office SharePoint Designer 2007 можна

налаштовувати зовнішній вигляд і функції одиночного вузла SharePoint

шляхом зміни стилів за замовчуванням, які застосовуються до цього вузла.

Налаштовані стилі можна також застосувати до інших вузлів або можна в

будь-який час видалити всі налаштовані стилі та повернутися до таблиці

стилів за замовчуванням, яка розміщується на сервері цього сімейства вузлів.

Працюючи зі сторінкою default.master для локального вузла і

використовуючи панель завдань Свойства CSS і Управление стилями,

можна визначити, які стилі застосовані до відображеного елементу, який

потрібно змінити, і потім змінити ці стилі.

Важливо. Якщо зміни повинні відобразитися на всіх сторінках вузла,

переконайтеся, що робота ведеться зі сторінкою default.master цього вузла, а

не зі сторінкою default.aspx.

Рис. 1 вікно властивостей CSS

За замовчуванням стилі для всіх вузлів SharePoint в одному сімействі

вузлів визначаються в одній таблиці стилів, яка знаходиться на сервері. У

додатку Служби Windows SharePoint Services 3.0 ім'я цього файлу – Core.css.

Page 97: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

97

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

вузла, додаток Office SharePoint Designer 2007 автоматично відкриває нову

локальну копію таблиці стилів за замовчуванням і оновлює її з урахуванням

зроблених змін. При збереженні або закритті сторінки або копії таблиці стилів

за замовчуванням виводиться запит на підтвердження внесених змін.

Підтверджені зміни відбиваються в новій локальній версії таблиці

стилів, яка зберігається в новій папці з ім'ям _стиль, створюваної автоматично

в списку папок на вузлі користувача. Будь-які подальші зміни стилів на тому

ж вузлі будуть відображатися в цій локальній версії таблиці стилів, яку можна

також змінювати безпосередньо.

Рис. 2 вікно списку папок

Коли налаштовується таблиця стилів за замовчуванням і внаслідок цього

її копія з'являється в папці _стиль у списку папок, налаштована таблиця стилів

використовується для відображення всіх сторінок вузла. У будь-який час

можна повернутися до використання таблиці стилів за замовчуванням шляхом

перейменування або видалення налаштованої таблиці стилів.

Важливо. Після налаштування таблиці стилів не переміщуйте

налаштований файл або папку _стиль. Якщо перемістити файл або папку, всі

сторінки на вузлі будуть відображатися з розірваним зв'язком з налагодженою

таблицею стилів і ніякі стилі не будуть застосовуватися до всіх сторінок.

Page 98: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

98

Існує два варіанти виходу з цієї ситуації.

Відобразити сторінки за допомогою налаштованої таблиці стилів,

перемістити таблицю стилів назад в папку _стиль на верхньому рівні каталогу

вузлів.

Відновити вузол з таблицею стилів за замовчуванням, перемістити

налаштовану таблицю стилів назад в папку _стиль на верхньому рівні

каталогу вузлів, а потім видалити таблицю стилів або перейменувати її.

Якщо налаштована таблиця стилів більше не існує, створіть порожній

файл з тим же ім'ям (наприклад, Core.css) в папці _стиль на верхньому рівні

каталогу вузлів, а потім видаліть порожній файл або перейменуйте його, щоб

запустити процес відновлення таблиці стилів по замовчуванням.

На початок документу

2. Застосування налаштованої локальної таблиці стилів до

інших вузлів

Як показано на наступному малюнку, за замовчуванням налаштована

локальна таблиця стилів застосовується тільки до вузла або дочірньому вузлі,

на якому вона налаштована.

Рис. 3 вікно таблиці стилів за замовчуванням

Якщо потрібно застосувати одиночну налаштовану таблицю стилів до

вузла і до деяких або всіх дочірніх вузлів цього вузла, зазвичай найпростіше

почати зі створення налаштованої таблиці стилів на самому вузлі, а потім

використовувати один з наступних методів для застосування цієї таблиці до

дочірніх вузлів.

Page 99: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

99

Приєднання таблиці стилів до іншого одиночного вузла

У середовищі додатка Служби Windows SharePoint Services 3.0 або в

середовищі додатка Office SharePoint Server 2007 можна вручну приєднати

налаштовану таблицю стилів, розташовану на одному вузлі, до іншого вузла.

Якщо потрібно застосувати таблицю стилів до іншого вузла,

переконайтеся, що таблиця стилів приєднується на цьому вузлі до головної

сторінки за замовчуванням.

Застосування таблиці стилів до вузла і всіх його дочірніх вузлів

Якщо робота виконується в середовищі Office SharePoint Server 2007,

можна використовувати інтерфейс оглядача для застосування налаштованої

таблиці стилів до декількох вузлів за одну операцію.

Примітка. Ця функціональна можливість доступна тільки в додатку

Office SharePoint Server 2007 і не доступна в додатку Служби Windows

SharePoint Services 3.0.

Цей процес використовує переваги функціональної можливості, званої

спадкуванням. Вузол може бути налаштований так, щоб успадкувати стилі,

використовувані його батьківським вузлом – вузлом, що знаходиться

безпосередньо над ним в ієрархії вузлів. На наступному малюнку вузол

другого рівня, розташований праворуч, містить налаштовану локальну версію

таблиці стилів за замовчуванням. Для кожного з шести дочірніх вузлів в цьому

сімействі вузлів налаштоване успадкування стилів з його батьківського вузла.

Таким чином, всі сім вузлів в сімействі вузлів використовують одну і ту ж

налаштовану версію таблиці стилів за замовчуванням. Стрілки показують

успадкування.

Page 100: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

100

Рис. 4 вікно таблиці стилів за замовчуванням для всього сімейства вузлів

На наступному малюнку друга налаштована локальна версія таблиці

стилів за замовчуванням була додана в сімейство вузлів справа і застосована

до всіх дочірнім вузлам того вузла, на якому знаходиться ця таблиця стилів.

Стрілки і на цей раз показують успадкування.

Рис. 5 вікно таблиці стилів (друга налаштована локальна версія таблиці

стилів за замовчуванням)

Налаштування дочірнього вузла для наслідування стилів батьківського

вузла

Якщо робота виконується в середовищі Office SharePoint Server 2007,

можна скористатися інтерфейсом оглядача, щоб налаштувати спадкування

одиночним дочірнім вузлом стилів, використовуваних вузлом, який

знаходиться безпосередньо над ним.

Примітка. Ця функціональна можливість доступна тільки в додатку

Office SharePoint Server 2007 і не доступна в додатку Служби Windows

SharePoint Services 3.0.

На початок документу

Page 101: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

101

3. Припинення використання налаштованої локальної таблиці

стилів

Якщо більше не потрібно використовувати налаштовану локальну

таблицю стилів для одного або декількох вузлів, є кілька варіантів дій.

Прекращение применения настроенной таблицы стилей к

другим узлам, к которым она присоединена или которые ее наследуют.

Якщо хочете продовжити використовувати налаштовану таблицю стилів хоча

б на одному вузлі, на якому вона знаходиться, можна припинити

застосовувати таблицю стилів до інших вузлів, до яких вона застосована в

поточний момент.

Прекращение применения настроенной таблицы стилей на

узле, где она размещена, и сохранение копии на этом узле для будущего

использования или для ссылки. У цьому варіанті можна легко повернутися

в будь-який час до використання налаштованої таблиці стилів.

Удаление настроенной таблицы стилей и папки «_стили» с

узла, на котором они находятся. Це найпростіший, надійний і найбільш

повний спосіб видалення налаштованої таблиці стилів з метою припинення її

використання.

На початок документу

ХІД РОБОТИ

Роздатковий матеріал розміщується у Google-спільноті.

Page 102: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

102

Завдання 1. Засобами програми SharePoint Designer виконати

приєднання таблиці стилів до іншого одиночного вузла.

1. Відкрийте в Office SharePoint Designer 2007 вузол, до якого

необхідно застосувати існуючу налаштовану таблицю стилів.

2. На вузлі відкрийте головну сторінку за замовчуванням.

3. У меню Формат наведіть курсор миші на пункт Стили CSS, а

потім виберіть команду Присоединить таблицу стилей.

Рис.6 вікно приєднання таблиці стилів

4. У діалоговому вікні Присоединение таблицы стилей натисніть

Обзор, щоб знайти і вибрати налаштовану таблицю стилів, яку необхідно

застосувати.

Рис. 7 вікно приєднання таблиці стилів

5. У розділі Присоединить к… натисніть Текущая страниц.

6. У розділі Присоединить как натисніть Ссылка та натисніть

кнопку ОК.

Зазначена налаштована таблиця стилів буде застосована до головної

сторінки за замовчуванням і до всіх сторінок вмісту, приєднаних до цієї

головної сторінки.

Page 103: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

103

Порада. Щоб побачити оновлені стилі в режимі конструктора, можна

натиснути клавішу F5 для оновлення стилів.

7. Щоб зберегти головну сторінку з посиланням на нову таблицю

стилів, в меню Файл натисніть Сохранить. (Або можна натиснути клавіші

CTRL + S.)

Рис. 8 вікно зберігання таблиці стилів

Щоб застосувати ту ж саму таблицю стилів до інших вузлів, повторіть

цю процедуру для кожного вузла, по одному вузлу ще раз.

На початок документу

Завдання 2. Засобами програми SharePoint Designer

виконати приєднання таблиці стилів до вузла і всім його

дочірнім вузлам.

Щоб застосувати існуючу налаштовану таблицю стилів, яка

знаходиться на вузлі Office SharePoint Server 2007, до всіх дочірнім вузлам

цього вузла, виконайте такі дії.

1. Відкрийте в браузері вузол Office SharePoint Server 2007, на якому

знаходиться існуюча налаштована таблиця стилів.

2. У меню Действия узла виконайте одну з таких дій:

Натисніть Параметры узла.

Page 104: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

104

Рис. 9 вікно параметрів вузла

Наведіть вказівник на пункт Параметры узла, а потім виберіть

Изменить все параметры узла.

Рис. 10 вікно параметрів вузла

3. На сторінці «Параметры узла» у розділі Внешний вид и функции

натисніть елемент Главная страница.

Рис. 11 вікно параметрів вузла

4. На сторінці Параметры главной страницы узла у розділі URL-

адрес альтернативной таблицы CSS натисніть Укажите CSS-файл для

Page 105: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

105

использования этим веб-узлом публикации и всеми его дочерними

узлами, а потім введіть у поле повний шлях до налаштованої таблиці стилів,

включаючи ім'я файлу.

Примітки

Оскільки папка _стиль є прихованою папкою і не відображається

в оглядачі, неможливо скористатися кнопкою Обзор для пошуку і вибору

файлу налаштованої версії таблиці стилів, який зберігається в папці _стиль.

Першу частину шляху, включаючи ім'я вузла, можна скопіювати і

вставити з поля Адрес, що знаходиться вгорі оглядача. Однак не забудьте

зупинитися після імені вузла і не включайте ніяких імен зовнішніх папок або

файлів, що знаходяться на вузлі.

5. Встановіть прапорець Сброс всех дочерних узлов для

наследования URL-адреса этой альтернативной таблицы CSS і натисніть

кнопку ОК.

Налаштована таблиця стилів, уже застосована до поточного вузла, тепер

застосована також до всіх його дочірнім вузлів.

На початок документу

Завдання 3. Засобами програми SharePoint Designer

виконати налаштування дочірнього вузла для наслідування

стилів батьківського вузла.

Щоб налаштувати для одиночного дочірнього вузла

успадкування стилів, використовуваних вузлом, який знаходиться

безпосередньо над ним, виконайте такі дії.

1. Відкрийте в Office SharePoint Server 2007 дочірній вузол, до якого

потрібно застосувати стилі.

2. У меню Действия узла виконайте одну з таких дій.

Натисніть Параметры узла.

Page 106: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

106

Рис. 12 вікно параметрів вузла

Наведіть вказівник на пункт Параметры узла і виберіть

Изменить все параметры узла.

3. На сторінці Параметры узла у розділі Внешний вид и функции

натисніть Главная страница.

Рис. 13 вікно параметрів вузла

4. На сторінці Параметры главной страницы узла у розділі URL-

адрес альтернативной таблицы CSS натисніть Наследовать URL-адрес

альтернативной таблицы CSS от родительского узла этого узла.

5. Установіть прапорець Сброс всех дочерних узлов для

наследования URL-адреса этой альтернативной таблицы CSS і натисніть

кнопку ОК.

На початок документу

Завдання 4. Засобами програми SharePoint Designer

виконати припинення застосування таблиці стилів до інших

вузлів.

Page 107: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

107

Якщо необхідно продовжити застосовувати налаштовану таблицю

стилів хоча б до вузла, на якому вона знаходиться, і припинити застосовувати

цю таблицю до інших вузлів, до яких вона приєднана або які посилаються на

неї за допомогою спадкування, скористайтеся однією з наступних двох

процедур.

Якщо таблиця стилів приєднана (Office SharePoint Server 2007 або

Служби Windows SharePoint Services 3.0)

1. Відкрийте в додатку Office SharePoint Designer 2007 вузол, до

якого хочете припинити застосовувати налаштовану таблицю стилів.

2. На вузлі відкрийте сторінку default.master.

3. У меню Формат наведіть курсор миші на пункт Стили CSS і

виберіть Управление связями с таблицами стилей.

Рис. 14 вікно керування зв’язками таблиці стилів

4. У діалоговому вікні Связывание с таблицей стилей натисніть

Все страницы.

Рис. 15 вікно зв’язування сторінки з таблицею стилів

Page 108: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

108

5. У списку URL-адрес виберіть URL-адресу таблиці стилів, яку

необхідно видалити, клацніть Удалить, а потім натисніть кнопку ОК.

Налаштована таблиця стилів більше не буде застосовуватися до цього

вузла.

Якщо таблиця стилів успадковується (тільки Office SharePoint Server

2007) виконайте такі дії:

1. Відкрийте в Office SharePoint Server 2007 вузол, для якого

необхідно зупинити спадкування налаштованої таблиці стилів.

2. У меню Действия узла виконайте одну з таких дій.

Натисніть Параметры узла.

Наведіть курсор миші на пункт Параметры узла і виберіть

Изменить все параметры узла.

3. На сторінці Параметры узла у розділі Внешний вид и функции

натисніть Главная страница.

4. На сторінці Параметры главной страницы узла у розділі URL-

адрес альтернативной таблицы CSS натисніть Использовать стили

Windows SharePoint Services по умолчанию і натисніть кнопку ОК.

Налаштована таблиця стилів більше не успадковується цим вузлом.

На початок документу

Завдання 5. Засобами програми SharePoint Designer

виконати припинення застосування таблиці стилів із

збереженням її копії.

Якщо потрібно припинити використовувати локальну

налаштовану таблицю стилів і повернутися до таблиці стилів за

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

застосування або для посилань у майбутньому, виконайте такі дії.

1. У списку папок у папці _стиль натисніть правою кнопкою миші

файл налаштованої таблиці стилів і виберіть у контекстному меню Возврат к

определению узла.

Page 109: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

109

2. У діалоговому вікні Предупреждение страницы определения

веб-узла натисніть Так, щоб підтвердити бажання повернутися до визначення

вузла.

Буде створена копія налаштованої версії і локальна копія сервісної версії

за замовчуванням.

Примітки. Вузли, успадковують налаштовану таблицю стилів з цього

вузла, і вузли, до яких налаштована таблиця стилів приєднана вручну,

автоматично переключаться на використання локальної копії сервісної версії

таблиці стилів за замовчуванням.

На початок документу

Завдання 6. Засобами програми SharePoint Designer

виконати повне видалення таблиці стилів.

Якщо потрібно припинити використовувати локальну

налаштовану таблицю стилів і повернутися до таблиці стилів за

замовчуванням, не зберігаючи копію налаштованої версії для застосування або

посилань в майбутньому, виконайте такі дії.

1. Натисніть правою кнопкою миші локальну папку _стиль, в якій

знаходиться налаштована версія таблиці стилів, а потім виберіть у

контекстному меню команду Удалить.

1. При появі запиту підтвердіть своє бажання виконати видалення,

скасуйте налаштування і поверніться до таблиці стилів за замовчуванням.

(Може виводитися кілька повідомлень.)

Примітки

Вузли, успадковують таблицю стилів з цього вузла, автоматично

перемикаються на використання таблиці стилів за замовчуванням.

На вузлах, до яких налаштована таблиця стилів приєднана вручну,

необхідно вручну від'єднати таблицю стилів, перш ніж вони коректно

переключаться на використання таблиці стилів за замовчуванням.

Усі виконані завдання учні завантажують на Google-Drive, посилання на

який міститься у Google-спільноті Google+.

Page 110: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

110

Використовуючи Goggle-додаток, Hangouts, можу отримувати

відеозвернення та повідомлення від учнів із їхніми запитаннями.

МОЗКОВИЙ ШТУРМ!

Після прослуховування скринкастів, та виконаня завдань учні проходять

тести Google-Forms.

Page 111: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

111

II. Захист теоретичного матеріалу.

Захист теоретичного матеріалу з теми відбувається за допомогою

мережевої тестової програми MyTestX, ярлик якої розташований на робочому

столі кожного персонального комп’ютера. Результати тестування учні у

вигляді скриншотів надсилають викладачеві на електронну пошту.

III. Підведення підсумків.

Визначення та обговорення основних типових помилок, які учні

допускали під час створення таблиці стилів (мозковий штурм). Виставлення

балів.

IV. Завдання для самостійного виконання.

Виконати онлайн-вправи використовуючи онлайн-середовище Learning

Apps, посилання на проходження вправ учням відправлено у Goggle-

спільноту.

Питання для контролю та самоконтролю

1. Яке призначення Microsoft Office SharePoint Designer?

2. Що таке таблиця стилів?

3. Яким чином відбувається зміна таблиці стилів?

4. Складіть алгоритм налаштування локальної таблиці стилів до

інших вузлів

5. Яким чином відбувається приєнання таблиці стилів до іншого

одиночного вузла?

Page 112: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

112

Додаток Ґ

ПЛАН УРОКУ ВИРОБНИЧОГО НАВЧАННЯ

ТЕМА ВІДПОВІДНО ДО ПРОГРАМИ: Оволодіння сліпим

десятипальцевим методом друку.

ТЕМА ЗАНЯТТЯ: Вивчення руху пальців на клавішах клавіатури при наборі

текстів, написаних різними мовами, у текстовому редакторі.

МЕТА УРОКУ:

навчальна: навчити швидко та якісно друкувати текст, написаний

іноземними (польська, німецька та російська) мовами, у текстовому

редакторі;

розвивальна: розвиток пам’яті, відтворення інформації; розвиток

уваги, самостійність;

виховна: виховати в учнів культуру поведінки при роботі за

комп’ютером та у стосунках із одногрупниками, дотримання трудової

дисципліни, старанність та активність, бережливе ставлення до техніки.

методична: активно та ефективно використовувати сучасні

інформаційно-комунікаційні технології на уроці виробничого навчання

з метою забезпечення інтерактиву між майстром та учнями.

ОЧІКУВАНИЙ РЕЗУЛЬТАТ: учні повинні отримати практичні навички з

друку тексту німецькою, польською та російською мовами.

ТИП УРОКУ: урок удосконалення вмінь та формування навичок.

ДИДАКТИЧНЕ ЗАБЕЗПЕЧЕННЯ: роздатковий матеріал, мініклавіатура,

картка контролю, картка самоконтролю, карта знань, колесо удачі,

інтерактивні вправи, створені за допомогою сервісу Learning Apps.

МАТЕРІАЛЬНО-ТЕХНІЧНЕ ЗАБЕЗПЕЧЕННЯ: ПК, проектор,

мультимедійна дошка, безпровідна миша та клавіатура.

МІЖПРЕДМЕТНІ ЗВ’ЯЗКИ:

СТРУКТУРА ЗАНЯТТЯ:

І. ОРГАНІЗАЦІЙНА ЧАСТИНА

Page 113: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

113

Мета етапу уроку – створити сприятливий психологічний клімат на уроці.

Діяльність майстра в/н:

Перевірка наявності учнів та робочих місць до навчальних занять;

перевірка зовнішнього вигляду учнів.

Діяльність учнів:

Староста зазначає кількість відсутніх учнів.

ІІ. ВСТУПНИЙ ІНСТРУКТАЖ

1. ПЕРЕВІРКА ГОТОВНОСТІ УЧНІВ ДО УРОКУ З ПИТАНЬ

ОХОРОНИ ПРАЦІ.

Мета етапу уроку – пригадати правила техніки безпеки при роботі за

ПК.

Діяльність майстра в/н:

Пропоную пригадати основні правила техніки безпеки при роботі за ПК

оператора комп’ютерного набору за допомогою колеса удачі (рис. 1) та карток

із запитаннями. Колесо удачі обирає випадковий номер запитання, далі учень

обирає картку із запитанням, на яке йому потрібно дати відповідь.

Рис. 1. Інтерфейс колеса удачі, створеного засобами онлайн-сервісу Wheel

Decide

Діяльність учнів:

Учні по черзі відповідають на запитання під номером, на який їм вказало

колесо удачі. (запитання учні отримують на картках, рис. 2)

Page 114: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

114

Рис. 2 Приклад картки із запитанням для перевірки знань з ОП

Форма опитування – міні-вікторина.

Перелік запитань для перевірки ОП:

Які вимоги до робочого столу, за яким працює оператор КН?

Яка середня сумарна тривалість роботи за ПК за день та тиждень?

Яка відстань від краю столу до монітора?

Яка відстань від краю висувної полички до клавіатури?

Який кут від очей до монітора?

Які вимоги до стільця, на якому сидить та працює оператор КН?

Яке освітлення сприятливе для роботи за ПК?

Які вимоги безпеки перед початком роботи за ПК?

Які вимоги безпеки під час роботи за ПК?

Як часто потрібно робити перерви під час роботи за ПК?

Які вимоги безпеки після закінчення роботи за ПК?

Які вимоги безпеки в аварійних ситуаціях?

2. ПОВІДОМЛЕННЯ ТЕМИ ТА МЕТИ УРОКУ

ТЕМА ЗАНЯТТЯ: Вивчення руху пальців на клавішах клавіатури при

наборі текстів, написаних різними мовами, у тестовому редакторі.

Page 115: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

115

Рис. 3 Інтерфейс карти знань, створеної за допомогою «хмарного»

сервісу Mindomo

МЕТА УРОКУ: навчити швидко та якісно друкувати текст, написаний

іноземними (польська, німецька та російська) мовами, у текстовому редакторі.

3. МОТИВАЦІЯ НАВЧАЛЬНОЇ ДІЯЛЬНОСТІ

Мета етапу уроку – пояснити учням, де вони можуть використати набуті

вміння та навички для отримання прибутку та у майбутньому

працевлаштуванні. Сфокусувати увагу учнів та викликати у них інтерес до

теми, що вивчається.

Діяльність майстра в/н:

За допомогою гілки «Для чого нам це потрібно вивчати?» (рис. 4) карти

знань, створеної за допомогою «хмарного» сервісу Mindomo, познайомити

учнів із перспективами займатися набором тексту іноземними мовами,

зокрема польською, англійською та російською.

Учням демонструються існуючі тарифи оплати праці оператора з набору

тексту у м. Вінниці та за її межами..

Page 116: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

116

Рис. 4 Гілка карти знань «Для чого нам це потрібно вивчати?», створеної за

допомогою «хмарного» сервісу Mindomo

4. АКТУАЛІЗАЦІЯ ОПОРНИХ ЗНАНЬ

Мета етапу уроку – спонукати учнів пригадати те, що вони вивчали під

час уроків теоретичного навчання.

Діяльність майстра в/н:

За допомогою гілки «Давайте пригадаємо!» (рис. 5) карти знань,

створеної за допомогою онлайн-сервісу Mindomo, пригадати англійську

розкладку клавіатури.

Рис. 5 Гілка «Давайте пригадаємо!» карти знань, створеної за допомогою

онлайн-сервісу Mindomo

Page 117: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

117

На цьому етапі учням пропонується 2 завдання для повторення

попереднього матеріалу.

Завдання 1. Учням роздаються роздруковані мініклавіатури (рис. 6)

англійської розкладки. Потрібно заповнити пропуски на клавіатурі (вписати

пропущену літеру або символ).

Рис. 6 Мініклавіатура англійської розкладки

Діяльність учнів:

Учні вписують англійські літери або смволи у порожніх місцях на

роздрукованій мініклавіатурі.

Завдання 2. На екрані (рис. 7) з’являться назви 4-х пальців: вказівний

палець, середній, безіменний та мізинець. Посередині поля будуть з’являтися

англійські літери. Вам потрібно за допомогою затиснутої лівої кнопки миші

перетягнути літеру на назву пальця, який згідно із правилами набору тексту

англійською мовою, натискає на цю літеру.

Рис. 7 Інтерактивна вправа, створена засобами «хмарного» сервісу Learning

Apps

Page 118: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

118

Діяльність учнів:

Учні по черзі беруть безпровідну мишу та за допомогою курсора

перетягують літеру на назву пальця, який згідно із правилами набору тексту

англійською мовою, натискає на цю літеру.

5. ПОЯСНЕННЯ НАВЧАЛЬНОГО МАТЕРІАЛУ

Мета етапу уроку – надати учням необхідну інформацію для того, щоб

на її основі вони могли виконати практичне завдання за мінімально короткий

час.

Діяльність майстра в/н:

Продемонструвати зразки клавіатур польської, німецької та російської

розкладок клавіатур, використовуючи гілку карти знань «Пояснення нового

матеріалу» (рис. 8).

Рис. 8 Гілка «Пояснення нового матеріалу» карти знань, створеної за

допомогою онлайн-сервісу Mindomo

Особливу увагу майстер в/н звертає та введення символів з клавіатури

при різних розкладках.

Для того, щоб учні змогли відслідкувати відмінності польської,

німецької та російської розкладок клавіатури, майстром в/н підготовлені

розруковані мініклавіатури української розкладки (рис. 9)

Page 119: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

119

Рис.9 Мініклавіатура української розкладки

6. ЗАКРІПЛЕННЯ ВСТУПНОГО ІНСТРУКТАЖУ.

Діяльність майстра в/н:

За допомогою гілки «Давайте перевіримо, як Ви засвоїли новий матеріал»

(рис. 10) карти знань, створеної за допомогою онлайн-сервісу Mindomo,

пригадати англійську розкладку клавіатури.

Рис. 10 Гілка «Давайте перевіримо, як Ви засвоїли новий матеріал» карти

знань, створеної за допомогою онлайн-сервісу Mindomo

На цьому етапі учням пропонується 2 завдання для перевірки засвоєння

нового матеріалу.

Завдання 1. Вправа «Так або ні!» (рис. 11). Увазі учнів пропонуються

фрагменти із тексту, написані різними мовами. Учням потрібно уважно

подивитися, чи правильно роставлені пробіли в реченні й обрати відповідь

"Так" або "Ні".

Page 120: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

120

Рис. 11 Інтерактивна вправа «Так або ні!», створена засобами «хмарного»

сервісу Learning Apps

Завдання 2. Вправа «Знайдіть пару!» (рис. 12). Учням необхідно

встановити відповідність між символом і комбінаціями клавіш, за допомогою

яких можна ввести цей у символ у текстовий редактор.

Рис. 12 Інтерактивна вправа «Знайдіть пару!», створена засобами

«хмарного» сервісу Learning Apps

7. ПРАКТИЧНЕ ЗАВДАННЯ (АНАЛІЗ ЗАВДАНЬ ТА

ОЗНАЙОМЛЕННЯ ІЗ КРИТЕРІЯМИ ОЦІНЮВАННЯ ВИКОНАНИХ

ЗАВДАНЬ)

Page 121: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

121

За допомогою гілки «Практичне завдання» (рис. 13) карти знань,

створеної за допомогою онлайн-сервісу Mindomo, ознайомити учнів із

практичним завданням.

Рис. 13 Гілка «Практичне завдання» карти знань, створеної за допомогою

онлайн-сервісу Mindomo

Практичне завдання (рис. 14) розроблене у онлайн сервісі – Google-

документи. Кожен учень попередньо створив Google акаунт. Майстер в/н

надав доступ до редагування документа учням. Учні працюють над завданням

у режимі онлайн, а майстер спостерігає за роботою кожного та коментує

помилки, які виникають при виконанні завдань.

Рис. 14 Практичне завдання, створене засобами сервісу Google-документи

8. ОЦІНЮВАННЯ НАВЧАЛЬНИХ РЕЗУЛЬТАТІВ ЗА ВСТУПНИЙ

ІНСТРУКТАЖ.

Page 122: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

122

Оцінювання учнів здійснюється за допомогою картки самоконтролю

учнів (рис. 15). За кожне виконане завдання під час вступного інструктажу

учні виставляють бали у картку, які їм озвучує майстер виробничого навчання.

ПІБ учня _____________________________________________________

Картка самоконтролю

Назва завдання/вправи Максимальна

кіл-ть балів

Отримана

кіл-ть балів

Перевірка ОП 2

Розміщення англійських

літер на клавіатурі

3

Рух пальців по клавішах

при англійській розкладці

3

"Так або ні!" 3

"Знайдіть пару" 3

ВСЬОГО: 11

Рис. 15 Картка контролю, створена засобами програми MS Excel

ІІ. ПОТОЧНИЙ ІНСТРУКТАЖ.

Учні виконують практичні завдання. Обхід робочих місць майстром

виробничого навчання з метою:

1. Дотримання учнями правил охорони праці та техніки безпеки.

Звернення уваги на необхідності наявності білого халату у учнів та його

вигляд.

2. Правильності відпрацювання вправ. Чергова демонстрація положення

Оператора комп’ютерного набору за комп’ютером, його постави та положення

рук при користуванні клавіатурою.

3. Використання сліпого десяти пальцевого методу набору інформації.

4. Визначення та розгляд типових помилок з метою звернення на них

уваги. Робота учнів призупиняється та за допомогою дошки, проектора та

безпровідної миші проводиться показ правильного використання інструментів

та пояснення, в чому полягає помилка.

5. Дотримання правил промислової санітарії. Організації робочих місць.

Звернення уваги на порядок на робочих столах, на наявність зайвих речей.

Page 123: ВІННИЦЬКИЙ ДЕРЖАВНИЙ ПЕДАГОГІЧНИЙ …ito.vspu.net/duplomni_rob/2016-2017r/2017/Pugach_Ilona_Diploma.pdf · ... «Оператор з ... «Оператор

123

7. Якщо в учня виникає ускладнення при виконанні дії, ставиться

питання, що наштовхує на розв’язок завдання, звертається увага на

інструкційну карту, а якщо учень не виконує дію, ще раз відбувається

повторення та демонстрація правильності виконання дії.

ІІІ. ЗАКЛЮЧНИЙ ІНСТРУКТАЖ.

Майстер разом із учнями аналізують роботи кожного учня, визначають

помилки та способи усунення даних помилок.

Виставлення оцінок за виконання практичного завдання за допомогою

картки контролю (рис. 16).

Рис. 16 Картка контролю, створена засобами програми MS Excel

Повідомлення домашнього завдання – пройти 5 уроків трьома мовами

(польська, німецька та російська) за допомогою сервісу друку сліпим

десятипальцевим методом – Touch Typing Study.

Прибирання робочих місць.