Просмотр исходного текста страницы Практична робота Тренінгу "Мережеві технології Веб 2.0" для педагогічних працівників Вільнянського району, жовтень 2019

==<div style="background-color:lightSkyBlue" align=center>'''1 день, 28.10.2019'''</div>==
===Загальні поняття===

* Організаційний момент. Знайомство з учаниками тренінгу
* [https://docs.google.com/presentation/d/18OozmfSZ3V4aJogxCVdaJ5JBW2cxZvFrr3gMwZ2zhk4/edit?usp=sharing Знайомство з сервісами Веб 2.0. (презентація)]
* Приклади використання сервісів Веб 2.0 в освітній діяльності педагогічними працівниками:
**[http://tsybulyanskabigmirnet.blogspot.com/2014/08/qr.html У QR-CODE цитати Шевченка]
**[http://mouum.blogspot.com/2014/09/5_26.html Повторюємо частини мови: українська мова 5 клас]
**[http://mouum.blogspot.com/2014/09/blog-post_15.html Створення карти знань]
**[http://vichovatel.blogspot.com/p/blog-page_25.html Он-лайн кросворди, вікторини]
**[https://padlet.com/ljudmila2001191/dekada_ukraina Мандруємо містами України. Онлайн-дошка]
**[http://wikiwall.ru/wall/c1650e8869d6aa577d87582e88ea9499/9510950bc7ae75fbfb63ff8d51fb0341 Працюємо над проектом "Математика  -цариця наук - чи забаганка суспільства". Стіннівка] (стінгазета)
*Вікі-технології. Портал Заповікі
**[https://docs.google.com/presentation/d/1JMpZkI7Zu4arzzmSnSiAaxd4skLk1kTdZy0NUzdqINg/edit?usp=sharing ВікіВікі та їх можливості (презентація)]
**Поняття е-портфоліо вчителя (Вікі-візитка).
'''Приклади портфоліо'''
*'''''Сайт'''''
**[http://prokinana.narod.ru/ Портфолио учителя]
**[http://natella-portofo.ucoz.ru/ Портфолио учителя Рындычева Наталья Михайловна]
**[http://tamarasmirnova.moy.su/ Сайт учителя русского языка Смирновой Тамары Ивановны]
**[http://genaistoriya.ucoz.ru/index/portfolio/0-14 Сайт учителя истории Ефимова Геннадия Константиновича]
**[http://galina-soleil.narod2.ru/portfolio/ УРОКИ.ТВОРЧЕСТВО. МАСТЕРСТВО]
*'''''ВікіВікі'''''
**[http://www.wiki.vladimir.i-edu.ru/index.php?title=%D0%9F%D0%9E%D0%A0%D0%A2%D0%A4%D0%9E%D0%9B%D0%98%D0%9E_%D1%83%D1%87%D0%B8%D1%82%D0%B5%D0%BB%D1%8F_%D0%94%D0%95%D0%9D%D0%98%D0%A1%D0%9E%D0%92%D0%9E%D0%99_%D0%98%D0%9D%D0%9D%D0%AB_%D0%9F%D0%95%D0%A2%D0%A0%D0%9E%D0%92%D0%9D%D0%AB ПОРТФОЛИО учителя ДЕНИСОВОЙ ИННЫ ПЕТРОВНЫ]
**[http://letopisi.ru/index.php/Портфолио_учителя_истории_Поляковой_Елены_Николаевны Портфолио учителя истории Поляковой Елены Николаевны]
**[http://letopisi.ru/index.php/Портфолио_тьютора_Королевой_Ольги_Викторовны,_Нижний_Новгород_Школа_№_174 Портфолио тьютора Королевой Ольги Викторовны, Нижний Новгород Школа № 174]
*'''''Блог'''''
**[http://portfolioevaledy.blogspot.com/ Портфолио учителя начальных классов, истории и обществознания Леденевой Евгении Александровны]
*'''''Гугл-сайт'''''
**[https://sites.google.com/site/knkfml/ ПОРТФОЛИО УЧИТЕЛЯ НАЧАЛЬНЫХ КЛАССОВ]
**[https://sites.google.com/site/opetajaruslit/ Э - портфолио учителя русского языка и литературы ТМРГ]
**[https://sites.google.com/site/marinayakii/ САЙТ-ПОРТФОЛИО УЧИТЕЛЯ Яковлевой Марины Сергеевны]

==='''Завдання 1. Реєстрація учасників тренінгу'''===
* <font color=red>'''Реєстрація учасників:'''</font>  '''[https://docs.google.com/spreadsheets/d/1jFyICchCVePWtVZ_u9yJKejYkqtHaw5J81z1pw--4aA/edit?usp=sharing АНКЕТА УЧАСНИКІВ ТРЕНІНГУ]'''

==='''Завдання 2. Реєстрація електронної адреси (акаунту) на сервері Гугл '''===
* Зареєструвати свою електронну адресу на сервері <big>[https://www.google.com.ua Google.com.ua]</big> (''Пошта Gmail'')
# Завантажити головну сторінку серверу Гугл. Ввести в поле адресу - ''''''google.com.ua'''''' 
# В верхньому правому кутку головної сторінки серверу Google оберіть кнопку-текст '''ПОЧТА''' (блідо сірого кольору)
# Оберіть кнопку '''''Створити акаунт''''' '''АБО''' '''''Змінити акаунт - Другі варианти - Створити акаунт'''''
# Заповнити '''Анкету з даними'''. Поля '''Мобільний телефон''', '''Запасний адрес електронної почти''' залишіть пустими
# Натиснути кнопку '''Далее'''

<big>'''АБО'''</big> 

# Ввести в поле адреси '''Почта Гугл''' (для пошуку відповідного посилання)
# Заповнити '''Анкету з даними'''. Поля '''Мобільний телефон''', '''Запасний адрес електронної почти''' залишіть пустими
# Натиснути кнопку '''Далее'''

==='''Завдання 3. Створення вікі-візитки (е-портфоліо) на порталі [http://zw.ciit.zp.ua/index.php/Заглавная_страница ЗапоВікі]'''===
* Зайти на сайт ЗапоВікі  - <big>[http://zw.ciit.zp.ua/index.php/Заглавная_страница zw.ciit.zp.ua]</big>
* Зареєструватися 
* Зайти в електронну пошту, вказану при реєстрації. Від адміністратора ЗапоВікі отримаєте електронного листа. Підтвердити адресу електронної скриньки (''перейти по посиланню'')
* Знову зайти на сайт ЗапоВікі  - <big>[http://zw.ciit.zp.ua/index.php/Заглавная_страница zw.ciit.zp.ua]</big>
* Перейти на посилання свого логіну (''зараз він червоного кольору у верхньому правому кутку'')
* Ознайомитися з вкладками '''"Викитекст"''', '''"Предпросмотр"''', '''"Изменения"''' 
* Створити візитку учасника. Вводим інформацію про себе за зразком:
{| class="wikitable"
|-
|

[[Файл:Візитка на ЗапоВікі зразок.png|300px|слева|ЗРАЗОК. Персональні дані]]

 || '''Прізвище, ім'я, по-батькові''' (''повністю''):

'''Район:'''

'''Місце роботи''' (''повністю''):

'''Посада''' (''повністю''):

'''Кваліфікаційна категорія:'''

'''Педагогічне звання:'''

'''Освіта:'''

'''Спеціальність:'''

'''Стаж педагогічної роботи''' (на вересень 2018 р.):

'''Навчальні предмети:'''

'''Контакти:'''
|}
* Після створення вікі-візитки натиснути кнопку '''"Записать страницу"'''
* Для редагування візитки натиснути кнопку '''Правка'''
[[Файл:Кнопка ПРАВКА для редагування візитки учасника.png|200px]]
* Для збереження змін натиснути кнопку '''Опубликовать''' або '''Записать страницу'''
* За необхідності для підтвердження, що користувач системою є людина, ввести текст '''CAPTCHA''' (''який можливо оновлювати'')

 ПРИКЛАДИ: [[Участник:Ljudmila|Візитка Улинець Л.М.]]

<font color='red'>'''ЗВЕРНИ УВАГУ!'''</font> [http://zw.ciit.zp.ua/index.php/Правила_роботи_на_порталі_ЗапоВікі Правила роботи на порталі ЗапоВікі]

===Завдання 4. Створення розділів===
*Додати до візитки на початку розділ '''Персональні дані''' (Особисті дані, Про мене, Відомості про мене  ...)
'''<nowiki> ==Персональні дані==</nowiki>'''
*Додати до візитки після інформації про себе розділ "''Участь у тренінгу Веб 2.0. (жовтень, 2019 р.)''"
'''<nowiki> ==Участь у тренінгу Веб 2.0.==</nowiki>'''

===Завдання 5. Створення категорії===
'''Створити в кінці власної візитки категорії:'''

<nowiki>[[Категория:Участник]]</nowiki>

<nowiki>[[Категория:Мережеві технології Веб 2.0 для вчителів]]‏‎</nowiki>

===Завдання 6. Створення зовнішніх та внутрішніх посилань===
*Додайте розділ '''"Моя діяльність:"''' (<nowiki>==Моя діяльність==</nowiki>)
6.1.''Зовнішні посилання на веб-сайти:''
*Створіть посилання на сайт '''Міністерства освіти і науки, молоді та спорту України''': <nowiki>[http://www.mon.gov.ua МОН України]</nowiki>
*Створіть посилання на сайт '''Вашого освітнього закладу'''
<font color=red>Зверни увагу!</font> <nowiki>[....]</nowiki> - зовнішнє посилання

6.2.''Внутрішіні посилання на сторінки ЗапоВікі:'' 
Створіть посилання: 
* в розділі '''"Моя діяльність:"''' на сторінку тренінгу '''<nowiki>[[Тренінг "Мережеві технології Веб 2.0 в педагогічній діяльності", Вільнянський район, жовтень 2019]]</nowiki>'''
* в розділі '''"Участь у тренінгу Веб 2.0"'''на сторінку практичної роботи тренінгу '''<nowiki>[[Практична робота Тренінгу "Мережеві технології Веб 2.0" для педагогічних працівників Вільнянського району, жовтень 2019]]</nowiki>'''

<font color=red>Зверни увагу!</font> <nowiki>[[....]]</nowiki> - внутрішнє посилання

6.3. ''Посилання на власну візитку на сторінці тренінгу''
* Перейти по посиланю [[Тренінг "Мережеві технології Веб 2.0 в педагогічній діяльності", Вільнянський район, жовтень 2019]]
* В розділі '''Слухачі курсу''' створити посилання на власну візитку у форматі '''<nowiki>[[Участник:логін|Прізвище Ім’я По батькові]]</nowiki>'''
 '''ПРИКЛАД:''' <nowiki>[[Участник:Ljudmila|Улинець Людмила Миколаївна]]</nowiki>
[[Файл:Посилання на власну візитку-зразок!.png|200px]]

===Завдання 7. Працюємо з віртуальним МО===
* Перейдіть на головну сторінку ЗапоВікі
* Перейдіть по посиланню [[Віртуальні МО вчителів Запорізької області|Віртуальні МО вчителів Запорізької області]]
* Оберіть відповідний розділ свого предмету та району
* Знайдіть розділ про склад МО вашого району. Натисніть кнопку '''Править'''
* В ньому зробити посилання на власну сторінку учасника у форматі '''<nowiki>[[Участник:логін|Прізвище Ім'я по Батькові]]</nowiki>.''' Збережіть зміни
* Перейдіть до власної сторінки учасника до розділу '''"Моя діяльність:"'''
* Зробіть внутрішнє посилання на своє віртуальне МО 
 '''ПРИКЛАД:''' <nowiki>[[Методичне об'єднання вчителів інформатики Вільнянського району]]</nowiki>
[[Файл:Внутрішнє посилання на сторінку на ЗапоВікі.png|250px]]

===Завдання 8. Завантаження фотографії на ЗапоВікі===
<font color=red>Зверни увагу!</font> [[Правила завантаження фотографій на портал ЗапоВікі]]
* Підготувати фотографію
* Задайте унікальне ім'я для фотографії:Portret_Ivanov_Ivan_07.06.2017
* Перейдіть в розділ '''"Завантажити файл"''' на бічній панелі в лівій частині екрану
* Натисніть кнопку '''"Выберите файл"''' для пошуку фотографії на комп'ютері
* Завантажити фотографію на ЗапоВікі з категорією <nowiki>[[Категория:Участник]]</nowiki>
* Вставити фотографію в свою візитку, налаштувати параметри (розмір, розташування, підпис):
**після завантаження зображення на ЗапоВікі, скопіюйте верхній рядок сторінки, в якій відобразитися назва фотографії та його розширення (''Наприклад:'' Файл: Portret_Ivanov_Ivan_25october2010.jpeg)
**відкрийте сторінку учасника і перейдіть на вкладку '''"Правити"'''
**вставте скопійований рядок. Виділіть його та натисніть на панелі інструментів кнопку '''"Внутрішнє посилання"''' (''Наприклад:'' <nowiki>[[Файл: Portret_Ivanov_Ivan_26.03.2018.jpeg]]</nowiki>
<font color=red>Зверни Увагу!</font> 

<nowiki>[[Файл:File.jpg]]</nowiki> для вставлення повної версії файлу;

<nowiki>[[Файл:File.png|200px|thumb|left]]</nowiki> для вставлення зліва від тексту зменшеного до 200 пікселів

==<div style="background-color:lightSkyBlue" align=center>'''2 день, 29.10.2019'''</div>==
===Завдання 1. Сервіс для роботи з документами: Google-диск===
Для розміщення матеріалів (документів, презентацій, зображень, ....) використовують соціальний сервіс '''Google'''(''google.com.ua'').

Варіанти роботи з документами '''Гугл''':
* Завантажити вже існуючий документ, створений локально на комп'ютері
* Створити документ на самому сервері '''Гугл'''

'''<font color=green>Послідовність дій: </font>'''
# Завантажити головну сторінку сервісу '''Google''' (''google.com.ua'')
# У верхньому правому куті відкрити список серверів [[Файл:Сервіси Гугл - картинка підказка.png|100px]]
# Ознайомитися з сервісами '''Гугл'''

===Завдання 2. Створення документу (презентації) на Диску Гугл===
'''<font color=green>Послідовність дій: </font>'''
[[Файл:Створення Гугл-документу. Вхід до диску Гугл. Налаштування доступу. Улинець Л.М..png|мини|слева|Створення Гугл Документу. Послідовність команд]]
# Перейдіть на головну сторінку сайту '''Google.com.ua'''
# Ввійдіть під своїм акаунтом - правий кут кнопка '''ВОЙТИ'''
# Серед '''серверів Гугл''' находимо розділ '''Диск''' та переходимо в нього
# Верхній лівий кут натискаємо кнопку '''Создать'''
# Обираємо папку. Вказуємо ім'я '''Тренінг Веб 2.0'''
# Переходимо до папки '''Тренінг Веб 2.0''' (відкрити)
# Натискаємо кнопку ''Создать''. Обираємо '''Google Документи'''
# Створити текстовий документ на тему '''"Моє портфоліо"'''. Заголовок - '''"Портфоліо"'''. 
# Ввести короткий зміст портфоліо: ПІБ, місце роботи, захоплення, ...
# Виконати форматування змісту портфоліо (змінити '''колір''', '''розмір''' символів, '''розміщення тексту на сторінці''' - по центру, за правим караєм, за лівим краєм, тощо)
# Натискаємо кнопку '''Настройка доступа''' (верхній правий кут, синього кольору)
# Обираємо '''Настройка совместного доступа ∞''' (блідно сірим кольором). Натиснувши на дане посилання, знак '''∞''' зміниться на зелений колір
# Обираємо в '''Настройках совместного доступа''' - '''''Пользователям, у которых есть ссылка'''''
# Потім нижче в розділі '''Доступ''' обираємо '''Может оставлять комментарии''' (на власний розсуд)
# Скопіювати посилання для перегляду іншими користувачами
# Натискаємо кнопку '''Готово'''
# Вставляємо посилання у власну візитку з текстом '''"Моє портфоліо"''' в розділі '''Тренінг Веб 2.0'''
 ПРИКЛАД: [https://docs.google.com/document/d/1mCnqBwKx0dyMUB4dQNSLKoUg5gKupNRmTNVN6KzmbN8/edit?usp=sharing Портфоліо - Караруш Н.В. - ЗРАЗОК]

===Завдання 3. Розміщення документів на Google-диску. Надання доступу===
'''<font color=green>Послідовність дій: </font>'''
# Перейдіть на сайт - http://www.google.com/ і увійдіть під своїм акаунтом
# Далі знаходимо розділ '''Диск''' та переходимо в нього
# Перейти до папки "Тренінг веб 2.0"
# Натискаємо кнопку '''Создать - Завантажити файли.''' Обираємо потрібний файл (конспект уроку з фахового предмету).
# Після завантаження документу відкрийте уого на Диску для перегляду
# Натискаємо кнопку в верхньому правому кутку (три крапки)
# Обираємо '''Открыть доступ''' та обираємо в '''Настройках совместного доступа - Пользователям''', у которых есть ссылка, потім нижче в розділі '''Доступ''' обираємо '''Может оставлять комментарии'''
# Копіюємо посилання на даний документ
# Натискаємо кнопку '''Готово''' (''Сохранить'')
# Вставляємо посилання у власну візитку в розділі '''"Участь у тренінгу Веб 2.0"'''
# Завантажити презентацію з фахового предмету. Надати доступ. Вставити посилання на візитці

===Завдання 4. Колективна робота з Google-документами===
 Оформіть один слайд колективної презентації ''' <big>[https://docs.google.com/presentation/d/1Rpq4w5DuyZl-My3tSBnFhqrJ0MRas0dvaOCNOxvNX68/edit?usp=sharing "Мережеві технології Веб 2.0"]'''</big>

*Приклади
**Колективна робота з [https://drive.google.com/file/d/1e4VkhWig8Aq3-1kD_II6QERI6Ag7zol6/view?usp=sharing текстовим документом]
**Колективна робота з [https://docs.google.com/presentation/d/1U4sszwlaDLKWVG3x5ZVvwqhFrBOY2yfPyyj2N4WS3Xg/edit?usp=sharing презентацією]
**Колективна робота з [https://docs.google.com/spreadsheets/d/1xpC1oHE0xx-DX67gOzGsSEDuYSOKI6AuAQt3EMsp9SA/edit?usp=sharing електронною таблицею]

===Завдання 5. Створення онлайн-форми та онлайн-тесту в Google-диску===
 <font color=red>'''А.'''</font> Онлайн-опитування. Знайомство з Гугл Формами.
 Виконати: <big>'''[https://docs.google.com/forms/d/e/1FAIpQLScre-zVheW726Mqvt1efafl_J79HMWTxAJa__a7Ml-UTSNApQ/viewform Опитування]'''</big>
 Виконати: <big>'''[https://docs.google.com/forms/d/e/1FAIpQLSempaTv2HhQd-Q7K9JyWkA0kuJ9oLFvnpDN7_BLdwu2hnD_5A/viewform Тест]'''</big>

<font color=red>'''Б.'''</font> Створіть '''онлайн-анкету''' для батьків чи учнів та '''онлайн-тест''' для перевірки знань учнів з предмету. Використовуємо '''Гугл Форми'''

<font color=red>'''Увага!'''</font> Ознайомитися з загальним виглядом сторінки для конструювання форми
[[Файл:Конструкція форми на Гугл - картинка з підказками-2.png|мини|слева|Гугл Форма. Інструменти та можливості]]

'''<font color=green>Послідовність дій: </font>'''
# Перейдіть на головну сторінку сайту '''Гугл'''
# Ввійдіть під своїм акаунтом - правий кут кнопка '''ВОЙТИ''' (''якщо ви не ввіййшли раніше'')
# Серед серверів '''Гугл''' находимо розділ '''Диск''' та переходимо в нього
# Переходимо до папки '''Тренінг Веб 2.0'''
# Верхній лівий кут натискаємо кнопку '''Создать'''. Обираємо '''Еще - Google Форми'''
# Оформіть онлайн-анкету або завдання для перевірки знань учнів
# У вкладці '''Ответы''' створити '''Гугл-таблицю''' для отримання відповідів
# Натискаємо кнопку '''Додаткові налаштування''', щоб відкрити доступ
# Обираємо в '''Настройках совместного доступа - Пользователям''', у которых есть ссылка
# Потім нижче в розділі '''Доступ''' обираємо '''Может оставлять комментарии'''
# Натискаємо кнопку '''Готово'''
# Обираємо кнопку "Перегляд". Копіюємо посилання на форму в адресному ряку
# Вставляємо посилання у власну візитку в розділі '''"Участь у тренінгу Веб 2.0"'''

*Приклади:
**[https://docs.google.com/forms/d/e/1FAIpQLSfq209XzCmgQH33Emsi5ywOUipYg4UnXJ06mVua5BqTHrN6MA/viewform?c=0&w=1 Підсумкова контрольна робота з української мови 6 кл] (джерело: http://svitlanashev.blogspot.com)
**[https://sites.google.com/site/ucitelfiziceskojkultury/home/anketa-dla-roditelej Анкета для родителей]
**[https://docs.google.com/spreadsheet/viewform?formkey=dEpyUG1VSkpzdWMzdW5leG5fS3RJS0E6MA Анкета слушателя-выпускника курсов повышения квалификации]
**[https://docs.google.com/forms/d/1KwqWlqdPVOD27D3MIWKBqEWDfJrYc6Aj4qCidFCTX6A/viewform Контрольные процедуры по информационному модулю]

===Завдання 6. Створення Google-календаря===
'''<font color=green>Послідовність дій: </font>'''
# Перейдіть на головну сторінку сайту '''Гугл'''
# Ввійдіть під своїм акаунтом - правий кут кнопка '''УВІЙТИ''' (''якщо ви не ввіййшли раніше'')
# Серед серверів '''Гугл''' находимо розділ '''Календар''' та переходимо в нього
# Праворуч біля кнопки '''Додати календар''' натискаємо три крапки.
# Натискаємо '''Новий календар'''.
# Додайте назву та опис календаря.
# Натискаємо кнопку '''Створити календар'''.
# Ліворуч біля кнопки '''Додати календар''' натискаємо три крапки.
# Ліворуч у розділі '''Налаштування для моїх календарів''' з’явився новий календар з Вашою новою назвою.
# Ліворуч біля назви розділу '''Налаштування''' натискаємо стрілку '''←'''.
# Праворуч біля назви вашого календаря натискаємо три крапки та вибираємо '''Показувати лише цей'''.
# У верхньому правому куті вибираємо період перегляду календаря. Краще вибрати '''Місяць'''.
# Верхній лівий кут натискаємо кнопку '''Створити'''.
# Додайте назву та час події.
# Праворуч біля назви вашого календаря натискаємо три крапки та вибираємо '''Налаштування та доступ'''.
# У розділі '''Права доступу''' ставимо прапорець '''Зробити загальнодоступним'''.
# У розділі '''Інтеграція календаря''' копіюємо посилання із '''Загальнодоступна URL-адреса цього календаря'''.
# Вставляємо посилання у власну візитку в розділі '''"Участь у тренінгу Веб 2.0"'''

*На допомогу
**[http://anisimov.biz/google-calendar/ Как именно я использую Google Calendar]

===Завдання 7. Створення заміток у Google-keep===
*Створення різних видів нотатків: текстові, список, з малюнком
*Налаштування нотатків: нагадування, співавтор, колір, копіювання у Google-документи тощо
*Інструкції
**[https://support.google.com/keep/?hl=ru#topic=6262468 Справочный центр – Google Keep]
**[http://blog.comfy.ua/google-keep-instrukciya-po-ispolzovaniyu/ Google Keep: инструкция по использованию]
**[https://lifehacker.ru/2016/07/28/google-keep-guide/ Как использовать Google Keep]
**[http://cloudspace.news/5-krutyx-fishek-v-google-keep-kotorymi-vy-obyazany-polzovatsya/ 5 крутых фишек в Google Keep]

'''<font color=green>Послідовність дій: </font>'''
# Зробіть скриншот заміток із Google-keep
# Задайте унікальне ім'я для фотографії:Portret_Ivanov_Ivan_07.06.2017
# Перейдіть в розділ '''"Завантажити файл"''' на бічній панелі в лівій частині екрану
# Натисніть кнопку '''"Выберите файл"''' для пошуку фотографії на комп'ютері
# Завантажити фотографію на ЗапоВікі з категорією <nowiki>[[Категория:Участник]]</nowiki>
# Вставити фотографію в свою візитку, налаштувати параметри (розмір, розташування, підпис):
*після завантаження зображення на ЗапоВікі, скопіюйте верхній рядок сторінки, в якій відобразитися назва фотографії та його розширення (''Наприклад:'' Файл: Portret_Ivanov_Ivan_25october2010.jpeg)
*відкрийте сторінку учасника і перейдіть на вкладку '''"Правити"'''
*вставте скопійований рядок. Виділіть його та натисніть на панелі інструментів кнопку '''"Внутрішнє посилання"''' (''Наприклад:'' <nowiki>[[Файл: Portret_Ivanov_Ivan_26.03.2018.jpeg]]</nowiki>
<font color=red>Зверни Увагу!</font> 

<nowiki>[[Файл:File.jpg]]</nowiki> для вставлення повної версії файлу;

<nowiki>[[Файл:File.png|200px|thumb|left]]</nowiki> для вставлення зліва від тексту зменшеного до 200 пікселів

===Завдання 8. Створення фотоальбому у Google-фото===
'''<font color=green>Послідовність дій: </font>'''
[[Файл:Гугл-фото. Підказки. Улинець Л.М..png|мини|слева|Гугл - фото. Перші кроки]]
# Перейдіть на головну сторінку серверу Google (google.com.ua)
# В службах Google оберіть '''Фото'''
# Натисніть кнопку '''Загрузить''''' (верхній правий кут)''
# Оберіть потрібні файли (фото, які ви підготували) на комп'ютері
# Перейдіть до розділу '''АЛЬБОМИ''' (зліва)
# Оберіть кнопку '''СОЗДАТЬ'''  - '''Альбом'''
# Додайте фото до альбому - натиснувши на фото, з’явиться блакитний кружечок з галочкою
# Натисніть кнопку '''Готово'''
# Введіть назву альбому. Натисніть на '''позначку галочки''' у верхньому правому кутку
# В вікні що зявилося, натисніть кнопку '''Поделиться''' (у верхньому правому кутку) 
# В діалоговому вікні натисніть на кнопку '''Получить ссылку'''. Скопіювати посилання
# Вставити до візитки посилання на альбом як зовнішнє посилання в форматі '''<nowiki>[URLфотоальбому Назва Фотоальбому]</nowiki>'''

*На допомогу
**[https://uip.me/2015/05/google-photos-review/ ОБЗОР GOOGLE PHOTOS]
**[https://lifehacker.ru/2015/06/28/google-photos-2/ 10 причин выбрать именно Google Photos для хранения фотографий]

==<div style="background-color:lightSkyBlue" align=center>'''3 день, 30.10.2019'''</div>==
===Завдання 1. Відеосервіси. Відеосервіс YouTube===
Пошук відео, створення посилання на відеоролік, вбудовування відеороліку до вікі-сторінки.

'''<font color=green>Послідовінсть дій:</font>'''
* Зайдіть на сервіс [https://www.youtube.com YouTube] (відеосховище)
* Знайти в відеоролік, пов’язаний з фаховою темою
[[Файл:Адреса веб-сторінки в полі адреси браузера. Улинець Л.М..png|мини|left|Адреса веб-сторінки]]
* Виділіть та скопіюйте адресу веб-сторінки з роликом 
* В режимі редагування власної візитки на ЗапоВікі створити ''зовнішнє посилання'' на сторінку роліку в форматі '''[URLролику НазваРолику]'''
 '''ПРИКЛАД:''' <nowiki>[https://www.youtube.com/watch?v=Bws9GzbZfgo Почемучка]</nowiki>
* В режимі редагування вбудувати ролік до візитки, вказавши запис '''<nowiki><mediaplayer> URLроліку </mediaplayer></nowiki>'''
 '''ПРИКЛАД:''' <nowiki><mediaplayer width='540' height='290'>https://www.youtube.com/watch?v=Bws9GzbZfgo</mediaplayer></nowiki>
*Зберегти зміни на сторінці візитки

'''Додатково:''' розміщувати ролики на відео сервіс YouTube. Створення власного каналу.

===Завдання 2. Блоги. Види блогів. Служба blogger===
'''Приклади блогів:'''<br />
*[http://ukraine-heart.blogspot.com Україна в моєму серці!]
*[http://pomichnik.blogspot.com На допомогу вчителям та школярам]
*[http://ukrainezzosh75.blogspot.com Український простір ЗОШ №75]
*[http://dorohoyudobra.blogspot.com/ Дорогою добра]
*[http://jannagl.blogspot.com Блог учителя русского языка и литературы]

Створення блогу за допомогою '''Google-сервісу''' <big>'''https://www.blogger.com'''</big>:

<font color=green>'''Умова завдання''':</font><br/>

'''Акаунт на Гуглі''' (<font color=red>обов'язково</font>)

1. Увійти до власного аккаунту '''Гугл''' (наприклад, через електронну пошту)

1.1. Завантажити головну сторынку серверу Google

1.2. Верхній правий кут кнопка '''Войти'''

'''Реєстрація блогу'''

2. Перейти до блогосфери: верхній правий кут '''Приложения Google - Ещё - Все продукты - Blogger'''

3. Кнопка '''Створити блог'''

4. Зареєструвати блог

[[Файл:Реєстрація блогу на сервері Блогер - картинка.png|Зверни увагу!|200px]]

5. Увійти до блогу

'''Налаштування блогу. Тема'''

6. Оберіть в налаштуваннях блогу меню '''Тема'''. Задати ширину елементів блогу (усієї сторінки, бокових панелей, що використовуються, зокрема) на вкладинці "Регулировка ширины".
Задати характеристики тексту та тла елементів блогу за допомогою можливосьей вкладинки "Дополнительно" та додаткові параметри.Застосувати здійснені зміни натисканням на кнопку "Применить к блогу". Перейти за посиланням "Назад к Blogger"

[[Файл:Реєстрація блогу на сервері Блогер - картинка.jpg|Зверни увагу!|200px]]

'''Налаштування блогу. Дизайн'''

7. Змініть дизайну блогу через керування '''гаджетами''' блогу

8. Зміна структури блогу, додавання статичних сторінок

<font color=red>'''Зверни увагу!'''</font>''' ДЕТАЛЬНА ІНСТРУКЦІЯ:''' <big>'''[https://www.youtube.com/watch?v=-z7gxGDIXek&feature=youtu.be Відеоурок]'''</big>

<mediaplayer width=540 height=290>https://www.youtube.com/watch?v=-z7gxGDIXek&feature=youtu.be</mediaplayer>

'''Робота з гаджетами:'''<br />
# перейти до сторінки керування блогом;
# перейти за посиланням "Дизайн";
# натиснути посилання "Добавить гаджет" у потрібному місці;
# обрати тип гаджету, який додається (пропонується найперше додати гаджети "Показ слайдов", "HTML/JavaScript", "Список ссылок";
# заповнити шаблон гаджету, використати при заповненні
# "Показ слайдов" - фотоальбом Picasa, якщо вказане ім’я користувача Гугл, а альбоми мають статус "Для всех в Интернете", то перелік альбомів для слайд-щоу буде запропонований автоматично;
# "HTML/JavaScript" - використати для вбудовування певного відеороліку; врахувати, що ширина гаджету приблизно дорівнює 200px, отже є потреба змінити відповідним чином код роліку;
# "Список ссылок" - використати для опису 2-3 посилань на цікаві сайти з предмету, кожний сайт додавати, вказуючи його URL та назву;
# додати ще будь-який гаджет (за власним вибором), налаштувати його

'''Обов'язково на блозі:'''<br />
*кожному слухачу створити в блозі статичну сторінку про себе (н-р, '''Автор, Про мене,...''') та заповнити її інформацією

<font color=red>Зробити у візитці учасника на ЗапоВікі зовнішнє посилання на власну сторінку блогу</font>

===Завдання 3. Робота з блогом===

'''Завдання 1.1. Розміщення інформація про автора'''

Розмістити інформацію про автора блогу та зробити посилання на Вікі-візитку

'''Завдання 1.2. Розміщення відеоролика на сторінках блогу'''

*'''Вбудований на сторінку!'''

'''<font color=green>Послідовність дій: </font>'''<br />
# Перейдіть на головну сторінку сайту Гугл
# Ввійдіть під своїм акаунтом - правий кут кнопка '''ВОЙТИ''' (якщо ви не ввіййшли раніше)
# Відкрийте список '''серверів Гугл''' (верхній правий кут - плітка)
# Оберіть сервер '''Ютуб.''' Ви ввійдете до серверу під акаунтом від Гугл
# Перейдіть на сервері до '''Мій канал'''
# Оберіть інструмент '''"Завантажити відео"''' (верхній правий кут - стрілка)
# Завантажте відео. Після завантаження натисніть кнопку '''ОПУБЛИКОВАТЬ'''
# До вашого каналу завантажиться відеоролик з адресою. Скопіюйте адресу
# Перейдіть до сторінки блогу в режимі '''РЕДАГУВАННЯ'''
# Оберіть інструмент '''Вставити відео'''. Відкриється діалогове вікно '''Додати відео''' для завантаження відео

*'''Як посилання!'''

'''<font color=green>Послідовність дій: </font>'''<br />
# Перейдіть до '''Ютуб'''
# Скопіюйте адресу відеоролику
# Перейдіть до сторінки блогу в режимі '''РЕДАГУВАННЯ'''
# Оберіть інструмент '''ПРИВЯЗАТИ''' (ПОСИЛАННЯ, ССЫЛКА,...)
# В діалоговому вікні в полі '''''До якої URL-адреси має здійснюватися перехід за допомогою цього посилання?''''' до дайте посилання
# Збережіть зміни - оберіть <big>'''ОК'''</big>

'''Завдання 1.3. Знайомство з HTML-кодом. Режим HTML'''<br />
[[Файл:Знайомство з кодом html - картинка підказка, 31.03.201.png|100px|thumb|left]]
'''<font color=green>Послідовність дій: </font>'''<br />
# Перейдіть до власного блогу на будьяку сторінку
# Обреіть інструмент для внесення змін  - '''Карандаш'''
# Відкриється вікно даного повідомлення для внесення змін в режимі '''СОЗДАТЬ'''. З яким звичайно працюють
# В лівому кутку біля кнопки '''СОЗДАТЬ''' поруч розміщена кнопка '''HTML'''.

'''Завдання 1.4. Розміщення презентацій на сторінках блоку'''

'''Розмістити 2 презентації (як посилання, вбудована)'''
*'''Як посилання!'''<br />
'''<font color=green>Послідовність дій: </font>'''<br />
# Перейдіть до '''Гугл Диску'''
# Завантажте презентацію з '''Гугл диску''' через '''Гугл презентації'''
# Обреіть кнопку '''НАСТРОЙКА ДОСТУПА.''' Відкрийте доступ. Скопіюйте посилання для переглдяу користувачами
# Оберіть інструмент '''ПРИВЯЗАТИ''' (ПОСИЛАННЯ, ССЫЛКА,...)
# В діалоговому вікні в полі '''''До якої URL-адреси має здійснюватися перехід за допомогою цього посилання?''''' до дайте посилання
# Збережіть зміни - оберіть <big>'''ОК'''</big>

*'''Вбудований на сторінку!'''

'''<font color=green>Послідовність дій: </font>'''<br />
[[Файл:Код для вбудовування презентації на сторінки блогу. 31.03.2017.png|180px|thumb|left]]
# Перейдіть до '''Гугл Диску'''
# Завантажте презентацію з '''Гугл диску''' через '''Гугл презентації'''
# Обреіть кнопку '''НАСТРОЙКА ДОСТУПА.''' Відкрийте доступ
# Оберіть меню ФАЙЛ - ОПУБЛИКОВАТЬ В ИНТЕРНЕТЕ - вкладка ВСТРОИТЬ
# Змінити налаштування: розмір вікна, зміна слайдів, ...
# Натиснути кнопку '''Опублікувати'''
# '''Скопіювати код'''
# Перейти до сторінки блогу в режимі внесення змін (доповнень, виправлення) - натиснувши на '''Карандаш'''
# В лівому кутку біля кнопки '''СОЗДАТЬ''' поруч розміщена кнопка '''HTML'''. Оберіть її
# Вставте код. Збережіть зміни

'''Завдання 1.5. Розміщення текстових документів'''

Розмістити 2 текстових документа (як посилання, вбудований)

'''Завдання 1.6. Розміщення анкети та тесту'''

Розмістити створені анкету та тест в '''Гугл Формах''' у блозі або сайті (як посилання, вбудована)

==<div style="background-color:lightSkyBlue" align=center>'''4 день, 31.10.2019'''</div>==
===Завдання 1. Створення інтерактивної вправи за допомогою сервісу Learningapps===
Створюємо інтерактивні вправи засобами серверу '''http://learningapps.org'''

'''<font color=green>Послідовність дій: </font>'''
# Ознайомитися з '''[https://www.youtube.com/watch?v=hd1BOXHdlXs Інструкцією для роботи з сервісом ]'''
# Використовуючи сервіс http://learningapps.org створити інтерактивну вправу будь-якого типу з фахового предмету
# Ознайомитися з '''[https://drive.google.com/file/d/0B_9995X1Ra1AWjZnd1EwNFpPakk/view?usp=sharing Інструкція. Надання вправі статусу - Публічна вправа]'''
# Розмістити посилання на інтерактивну вправу у власній візитці на порталі Заповікі (як гіперпосилання).

===Завдання 2. Створення карти знань===
* Ознайомитися з поняттям, можливостями та призначенням <big>'''[https://docs.google.com/presentation/d/1eKYdfdahfV1V0BQn2WaeELcPBhQCFQdYixxETqObqZU/edit?usp=sharing Карт знань]'''</big>
* Створення карти за допомогою сервісу [https://bubbl.us Bubbl.Us]
<font color=green>'''Послідовність дій:'''</font>

[[Файл:Збереження карти знань на сервері Bubbl.png|мини|слева|Збереження карти як Рисунка]]
1. перейти за посиланням [https://bubbl.us Bubbl.Us];<br />
2. натиснути кнопку '''StartBrainstorming''';<br />
3. використовуючи спливаючі вікна та підказки побудувати структурну схему, що відображає зв’язки між компонентами (елементами) курсу з вашого предмету;<br />
4. зберегти схему у вигляді файлу малюнку, натиснувши на кнопку '''Save As - Save as JPG image''' ('''Save as PNG image''');<br /> 
5. вкажіть для карти унікальне ім'я: '''Kartaznaniu_Ivanov_Ivan_27.03.2018'''<br />
6. завантажити файл-схему до ЗапоВікі, в '''''Описании''''' додайте '''<nowiki>[[Категория: Мережеві технології Веб 2.0 для вчителів, Вільнянський район]]</nowiki>'''<br />
7. вставте карту до власної візитки <br />

===Завдання 3. Створення кросвордів===
*Створення кросвордів за допомогою сервісу [https://crosswordlabs.com/ Crosswordlabs].
*Розмістити посилання на кросворд у власній візитці на порталі Заповікі (як гіперпосилання).

===Завдання 4. Створення пазлу===
*Створення пазлу за допомогою сервісів:
[https://www.jigsawplanet.com/ Jigsawplanet]

[http://www.jigzone.com/ Jigzone]

[https://justjigsawpuzzles.com/ Justjigsawpuzzles].
*Розмістити посилання на пазл у власній візитці на порталі Заповікі (як гіперпосилання).

===Завдання 5. Створення ребусу===
*Створення ребусу за допомогою сервісу: [http://rebus1.com/ Генератор ребусів].
*Розмістити посилання на ребус у власній візитці на порталі Заповікі (як гіперпосилання).

===Завдання 6. Сервіси для створення хмари слів===
Знайомимося з сервером  '''[https://tagul.com TAGUL]''': '''<font color=red> tagul.com </font>''або'' <font color=red> wordart.com'''</font> - Створення хмари слів

'''<font color=green>Послідовність дій: </font>'''

[[Файл:Хмара слів на сервері TAGUL. Улинець Л.М., вчитель інформатики.png|200px|left]]

1. Перейти до головної сторінки серверу за посиланням [https://tagul.com TAGUL];

2. Натиснути кнопку '''GREATE NOW''';

3. Створити хмарку слів з фахового предмету;

4. Зберегти хмарку у вигляді файлу малюнку;

5. Завантажити файл-хмарку до візитки на ЗапоВікі як зображення, в ''Описании'' додайте <nowiki>[[Категория:Мережеві технології Веб 2.0 для вчителів, Вільнянський район]]</nowiki>

<font color=red>'''УВАГА!''' </font> Не всі '''ШРИФТИ''', які надаються сервером, підтримуються! Обирайте '''ШРИФТ''', доки при '''ВІЗУАЛІЗАЦІЇ''' не відображуться слова.

===Завдання 7. Сервіси для створення QR-кодів===
*[[Використання QR-кодів в освітньому процесі]]
*Генератор коду: http://foxtools.ru/QR
*Дегенератор коду: http://foxtools.ru/QR

===Завдання 8. Робота з віртуальної дошкою===
'''Завдання 8.1. Колективна робота з віртуальної дошкою'''<br />
Залишити стікет-записку на колективній дошці тренінгу, вказавши сервіси, які сподобалися найбільше під час тренінгу, та ті, використання яких не потрібне у вашій педагогічній діяльності.

<big><b> [https://padlet.com/kararushnatali/hv4yo1o5iz06 Рефлексія (онлайн-дошка)]</b></big>

'''Завдання 8.2. Створення власного завдання для колективної роботи учнів у віртуальних дошках'''<br />
Створення віртуальної дошки за допомогою сервісів:

[https://padlet.com Padlet]

[http://en.linoit.com/ Linoit]

===Завдання 9. Створення віртуальної екскурсії за допомогою Google-карт===
'''Приклади віртуальних екскурсій:'''
*[https://www.google.com/maps/d/viewer?ll=48.400032,61.347656&msa=0&spn=28.818204,86.572266&mid=zvZHjUTUO8OI.kmcsNefAz8Xk Пример карты со слоями]
*[https://www.google.com/maps/d/viewer?msa=0&mid=zzGhiI3steLs.kKMli5vC0Xu8 Боевой путь 395-й шахтерской стрелковой дивизии]
*[https://www.google.com/maps/d/edit?mid=zlCghRmTCkFQ.kVhGeJa8gtm4 Новорічна подорож "Різдвяна казка"]
*[https://www.google.com/maps/d/viewer?ll=49.717376,33.788452&msa=0&spn=1.797165,5.410767&mid=zAXlj-rOUQME.kQPkLX3zE9iQ Літературна карта Полтавської області]
*[http://www.moyaeuropa.com.ua/ Моя Європа]
*[http://incognita.day.kiev.ua/karta.html Інтелектуальна карта України]
*[https://www.google.com.ua/intl/ru/streetview/ Перегляд вулиць]

'''Створення віртуальної екскурсії засобами [https://www.google.com.ua/maps Карт Гугл]'''

[[Файл:Карти Гугл - алгоритм створення через диск.png|200px|thumb|left]]
'''<font color=green>Послідовність дій: </font>'''
* перейти на головну сторінку серверу '''Гугл'''(''google.com.ua'')
* перейти до '''ГуглДиску'''
* обрати '''Создать - Ещё - Google Мои карты'''
* задайте назву та опис екскурсії (наприклад, ''Навчальні заклади Вільнянського району'')
* знайти точку на карті Google, додати її до своєї карти, відредагувати відомості про точку (пояснення, декілька зображень чи відео)
* аналогічно описати 4-5 пунктів на карті
* відкрити доступ для перегляду карти: '''Всім в Інтернеті'''
* розмістити посилання на карту на '''Вікі-сторінці''' учасника

===Завдання 10. Сервіс Kahoot===
*Посилання:
**Режим учня: https://kahoot.it/
**Режим вчителя: http://getkahoot.com/
*Інструкції:
**[https://www.youtube.com/watch?v=mFI9owMV3xo&feature=youtu.be 7 способов использования Kahoot в учебной работе]
**[https://docs.google.com/presentation/d/1AJqeEuoqNl43_9bRFYH1O0CJ4Hw3Qs9wpYbTCaAM0SU/edit#slide=id.g34e3059e0_023 Інструкція]
**[http://didaktor.ru/kahoot-programma-dlya-sozdaniya-viktorin-didakticheskix-igr-i-testov/ Kahoot — программа для создания викторин]
<font color=red>'''Вставити посилання та прописати PIN для входу'''</font>

===Завдання 11. Сервіс Classtime===
*Посилання [https://www.classtime.com/  Classtime]
*Інструкції
**[https://osvitoria.media/experience/yak-bezkoshtovnyj-servis-go-pollock-dopomozhe-vchytelyu-na-urotsi/ Як безкоштовний сервіс Go Pollock допоможе вчителю на уроці]
**[http://sushkovayana.blogspot.com/2017/11/go-pollock.html Новий сервіс Go Pollock ]
**[https://naurok.com.ua/vikoristannya-servisu-go-pollock-v-navchalniy-diyalnosti-vchitelya-22495.html Використання сервісу Go Pollock в навчальній діяльності вчителя]
**[https://docs.google.com/document/d/1X4NtJLNSP6NC5Ip7ovbC-L2uzcX9Xkxf06lRKAhzGKE/edit#heading=h.xeo0wxdcq4vr Go Pollock - перші кроки]
**[https://drive.google.com/file/d/18pjB6eTzHlR5SoiyjuP6zEbzQcYrst89/view Практичні аспекти використання сервісу Go Pollock в навчальній  діяльності вчителя]
<font color=red>'''Вставити посилання та прописати PIN для входу'''</font>

===Завдання 12. Сервіс Plickers===
*Посилання [https://www.plickers.com/ Plickers]
<font color=red>'''Вставити скриншот'''</font>

===Завдання 13. Поняття віртуальної етики, загроз Інтернет. Правила оформлення Інтернет-джерел. Дотримання академічної доброчесності===
*Посилання [https://vak.in.ua/ Оформлення Інтернет-джерел]
<font color=red>'''Вставити скриншот із 3 джерелами'''</font>

===Миттєве опитування===
*Організація миттєвого опитування [https://strawpoll.de/ Strawpoll.de]

===Сервіс Quizizz===
*Посилання:
**Режим учня: https://quizizz.com/join/
**Режим вчителя: https://quizizz.com/
*Інструкції:
**[http://didaktor.ru/interesnoe-dopolnenie-konstruktora-quizizz/ Интересное дополнение конструктора Quizizz]
**[http://poleznah.blogspot.com/p/quizizz.html Quizizz]
**[http://www.it-pedagog.ru/quizizz Quizizz]

===Сервіс ZipGrade===
*Посилання: [https://www.zipgrade.com/ ZipGrade]

===Інфографіка===
*Що таке інфографіка?
**[https://www.youtube.com/watch?v=_Gu-CnMtx80 Что такое инфографика?]
**[http://didaktor.ru/vidy-obrazovatelnoj-infografiki-posleslovie-posle-vebinara/ ВИДЫ ОБРАЗОВАТЕЛЬНОЙ ИНФОГРАФИКИ]
*Сервіс [https://www.easel.ly/ Easel.ly]


[[Категория:Мережеві технології Веб 2.0 для вчителів]]
[[Категория:Тренінг]]
[[Категория:Мережеві технології Веб 2.0 для вчителів, Вільнянський район]]‏‎