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

==<font size=5 color=red><center>'''День 1 (02.04.2018)'''</center></font>==
'''Теоретичні матеріали та інструкції:'''
*[https://docs.google.com/presentation/d/16OEHbzgvBhDRUyBQ8DtlaCIO2MWv3VRddtU9rI2ePcM/present#slide=id.i0 Знайомство з сервісами Веб 2.0. Приклади використання сервісів Веб 2.0 в освітній діяльності педагогічного працівника]
*[https://drive.google.com/file/d/0B5l2t6rixW_sSk9IS1g3WUg4LVU/view?usp=sharing Знайомство з сервісами Google. Пошта Gmail. Віртуальна етика. Робота з поштою  Gmail.]
*[https://drive.google.com/file/d/0B5l2t6rixW_sS01FYzFOTHFLRFE/view?usp=sharing Технологія ВікіВікі. Знайомство з порталом ЗапоВікі]
*[https://drive.google.com/file/d/0B5l2t6rixW_sdm41X3pqbzBqYXc/view?usp=sharing Створення вікі-візитки (е-портфоліо) на порталі ЗапоВікі.]
*[https://drive.google.com/file/d/0B5l2t6rixW_scVd6cHNkWlk4bHc/view?usp=sharing Посилання на основні ВЕБ сервіси]
'''Приклади викорситання сервісів Веб 2.0'''
*[http://wiki.vladimir.i-edu.ru/index.php?title=%D0%9F%D1%80%D0%BE%D0%B5%D0%BA%D1%82_%D0%9F%D1%83%D1%88%D0%BA%D0%B8%D0%BD%D1%81%D0%BA%D0%B0%D1%8F_%D0%BE%D1%81%D0%B5%D0%BD%D1%8C Проект Пушкинская осень]
*[http://ridneslovo.blogspot.com/ Блог вчителя української мови та літератури Енергодарської багатопрофільної гімназії " Гармонія" Швайковської Вікторії Михайлівни]
*[http://tsybulyanskabigmirnet.blogspot.com/ Блог учителя української мови та літератури СЗШ №99 м.Львова Телішевської Лілії Степанівни]
*[http://mouum.blogspot.com/2014/09/5_26.html Повторюємо частини мови: українська мова 5 клас]
*[http://mouum.blogspot.com/2014/09/blog-post_15.html Створення карти знань]


'''Практична робота:'''

'''<big>Завдання №1</big>'''

Створення електронної пошти на сервісі [http://www.google.ru Google] (''допомога'' - [https://drive.google.com/file/d/0B5l2t6rixW_sSk9IS1g3WUg4LVU/view?usp=sharing реєстрація пошти на Google])

*Огляд сервісів від [http://www.google.ru/intl/ru/about/products/ Google]
*Робота з електронною поштою Gmail:
**Знайомство з інтерфейсом Gmail
**Створення нового листа
**Прикріплення файлу до листа
**Відправка листа на адресу: '''vasilyev.alexeyv@gmail.com'''

'''<big>Завдання №2</big>'''

Реєстрація та створення вікі-візитки (е-портфоліо) на порталі [http://zw.ciit.zp.ua ЗапоВікі] (''допомога'' - [[Правила роботи на порталі ЗапоВікі]]).

[https://drive.google.com/file/d/0B5l2t6rixW_sdm41X3pqbzBqYXc/view?usp=sharing Створення вікі-візитки (е-портфоліо) на порталі ЗапоВікі.]

     '''Заборонені логіни при реєстрації:'''
     Використання чисел: 7245, 11 клас
     Використання довільного набору символів: 4ww3t6, АА, САПР, ДТёёёёёёёёё
     Написання назва школи: Астраханська ЗШ I-III ступенів
     Використання подвійних логінів: Іванов Сергій і Петров Іван

     '''Обов'язкова інформація:'''
     Прізвище, ім'я, по батькові
     Місце роботи
     Посада
     Контактна інформація (телефон, e-mail, skype, ..)

'''Приклади вікі-візиток:'''
*[[Участник:Dominic28|Сокол Ірина Миколаївна]]
*[[Участник:Aviket|Телятник Кіра Валентинівна]]


'''<big>Завдання №3</big>'''

Додавання створеної вікі-візитки до складу віртуального МО (''допомога'' - [https://drive.google.com/file/d/0B5l2t6rixW_sQ1lOSG9yY3lwdmM/view?usp=sharing внесення учасника до віртуальної спільноти])


<big>'''Домашнє завдання:'''</big>

'''Завдання №1'''
Відправити листа на адресу: '''vasilyev.alexeyv@gmail.com'''

Лист має містити:

*Тема: Домашнє завдання
*Зміст листа: ПІБ, проблеми, які виникли у Вас на першому занятті 
*Вкласти до листа Ваше фото

'''Завдання №2'''
Провести форматування вікі-візиток (розмір, колір шрифту)

<font color=Red > ''УВАГА!'' </font>Візитки повинні мати  категорію <nowiki>[[Категория:Участник]] </nowiki>

==<font size=5 color=red><center>'''День 2 (03.04.2018)'''</center></font>==

'''<big>План 2-го заняття:</big>'''

* Відеосервіси. Відеосервіс YouTube
* Сервіси для створення карт знань 
* Сервіси для створення закладок
* Сервіси для створення хмари слів
* Фото-сервіси
* Розміщення створених робіт на порталі ЗапоВікі


'''<big>Відеосервіси. Відеосервіс YouTube</big>'''

'''Завдання 1. Пошук відео, створення посилання на відеоролик, вбудовування відеоролик до вікі-сторінки.'''
*перейти на відео-сервіс [https://www.youtube.com YouTube] та знайти відео пов’язане з фаховою темою;
*в режимі редагування вікі-візитки створити розділ '''"Відеоролики"''' або '''"Відеоматеріали"''' та вставити зовнішнє посилання на сторінку відеоролику в форматі<br> <nowiki>[URL ролику Назва відео]</nowiki>;
*в режимі редагування вбудувати ролик до візитки, вказавши запис<br><nowiki><mediaplayer>URL ролику</mediaplayer></nowiki>



'''<big>Сервіси для створення карт знань</big>'''

'''Завдання 2. Створення карти знань'''

Ознайомтесь з поняттям, можливостями та призначенням ''Карт знань'' [http://docs.google.com/Presentation?id=dcj38zzn_218fb24gbj3 Презентація "Карти знань"]

Створити карту знань за допомогою сервісу [https://bubbl.us/ Bubbl.Us]

* Перейдіть на сайт [https://bubbl.us/ Bubbl.Us]
* Для початку роботи із сервісом натисніть на кнопку '''Start Brainstorming'''
* Використовуючи можливості сервісу створіть карту знань на тему '''"Формування системи понять з певної теми вашого предмету"'''
* Збережіть схему у вигляді малюнку у форматі '''JPEG''', натиснувши на кнопку Export
* Створіть новий розділ візитки: "Карта знань" 
* Завантажте фото схеми на портал ЗапоВікі, в ''Описании'' додайте <nowiki>[[Категория: Изображение:Карты знаний]]</nowiki>
* Вставте карту в свою візитку, у розділ  '''Карта знань'''
<gallery>
Файл:Робота методиста Євлаш А.В..jpg
Файл:Irina bordenyuk198845784.jpg
Файл:Карта знань борденюк олексий2014.jpg
Файл:New-Mind-Map 4hh3j.jpg
</gallery>



<big>'''Сервіси для створення закладок'''</big>

'''Завдання 3. Знайомство з сервісами [http://bobrdobr.ru/ БобрДобр] та [http://www.symbaloo.com/ Symbaloo]'''

* Перейти за посиланням на сайт [http://bobrdobr.ru/ БобрДобр] та провести реєстрацію. 
* В мережі Інтернет знайдіть інформацію по проблемній темі та скопіювати URL-адресу сторінки.
* На сайті '''БобрДобр''', справа, оберіть кнопку '''Добавить мою первую закладку'''.
* Вставте скопійовану адресу сторінки, введіть назву закладки і натисніть '''Сохранить.'''
* Знайдіть 5-6 цікавих статей по вашій методичній темі та помістить на них посилання у розділі '''Мої закладки''' своєї візитки.

'''[https://www.youtube.com/watch?v=3n9sMXq61ns Відео-інструкція до роботи з сервісом Symbaloo]'''




<big>'''Сервіси для створення хмари слів'''</big>

[[Файл:Сохраненное изображение 2015-3-23 20-50-30.499.jpg|1000 px|800 px]]


'''Завдання 4. Створення хмарки слів.'''

*Сайт [http://wordcloud.pagemon.net/ WordCloud] - це не складний у використанні ресурс, який дає можливість створити "Хмарку слів" із будь-якої ВЕБ сторінки. 
*Сайт [https://tagul.com/ Tagual] - це дивовижний веб-ресурс по створенню "Хмарки слів".

1. Перейдіть на сайт [http://wordcloud.pagemon.net/ WordCloud]

2. У полі для пошуку введіть URL адресу будь-якого сайту чи сторінки та натисніть на кнопку "Go"

3. Після генерації "Хмарки слів" завантажте фото на ЗапоВікі, в "Описании" додайте категорію Изображение:Облако слов

4. Створіть розділ у візитці "Цікаві сучасні сервіси" та вставте в нього фото "хмарки слів"



'''<big>Фотосервіси</big>'''

Знайомство мультимедійними сервісами - [[Социальные сетевые сервисы для хранения мультимедийных ресурсов]]

'''Завдання 5. Створення фотоальбома.'''

1. В службах Google оберіть '''Фотознімки'''. 

2. Натисніть кнопку '''Додати фотографії''', завантажити 5-6 фотографій до альбому. Ввести назву фотоальбома. Натисніть кнопку '''Готово'''.

3. Натиснути кнопку '''Поділитися''', у полі '''Кому''' - обрати '''Для всіх'''. Знову Натиснути кнопку '''Поділитися'''.

4. Вставити до візитки у розділ  '''Фотоальбом''' посилання на альбом у форматі [URL фотоальбому Назва Фотоальбому]

==<font size=5 color=red><center>'''День 3 (04.04.2018)'''</center></font>==
'''<big>Сервіс для роботи з документами: ''Google-диск''</big>.'''

[ Заповніть анкету]

Для розміщення матеріалів використовують різні соціальні сервіси, наприклад  '''Google-диск'''. 


'''''Cтворення документа:'''''
*Перейдіть на сайт - [http://www.google.com Google] і увійдіть під своїм "логіном"
*Далі знаходимо розділ '''Диск''' та переходимо в нього
*Натискаємо  кнопку '''Создать''' далі '''Google Документы'''
*Використовуючи інструменти вбудованого редактора створіть документ '''Запрошення для батьків до участі у виховному заході "Шкільна година"'''
*Натискаємо кнопку '''Настройки доступа''' та обираємо пункт '''Включить доступ по ссылке''' та копіюємо посилання на документ в '''буфер обміну'''(Ctrl+C) 
*Вставляємо посилання у власну візитку в розділ '''Мої документи''' з назвою '''Виховний захід "Шкільна година"'''


'''''Завантаження документа:'''''
*Використовуючи текстовий '''процесор Microsoft Word''' створіть документ "Привітання з Днем Народження"
*Перейдіть на сайт - [http://www.google.com Google] і увійдіть під своїм "логіном"
*Далі знаходимо розділ '''Диск''' та переходимо в нього
*Натискаємо  кнопку '''Создать''' далі '''Загрузить файлы''' та обираємо створений вами текстовий документ "Привітання з Днем Народження"  
*Після завантаження документу у вікні '''Все загрузки завершины''' натискаємо на посилання '''Настройки доступа''' та обираємо пункт '''Включить доступ по ссылке''' 
*Вставляємо посилання у власну візитку в розділ '''Мої документи''' з назвою '''Привітання з Днем Народження''' 


'''''Онлайн анкети (Google формы):'''''
*Перейдіть на сайт - [http://www.google.com Google] і увійдіть під своїм "логіном"
*Далі знаходимо розділ '''Диск''' та переходимо в нього
*Натискаємо  кнопку '''Создать''' далі '''Ещё''' та обираємо '''Google формы'''
*Створити онлайн-опитування для батьків 
*Після створення анкети натиснути на посилання '''Отправить''' та розмістити посилання на опитування у себе на візитці в розділі '''Мої документи''' з назвою '''Опитування для батьків учнів 7 класу'''

'''Приклади онлайн-анкет створених за допомогою  Google-форм:''' 
* [https://docs.google.com/forms/d/1l0Sf0YY_6CmtJQPeJ1NFLaLUVxvx3ltFi-KKn1guGpk/edit Моніторинг діяльності класних колективів]
* [https://docs.google.com/forms/d/1DIxjWdKVshiMOuCPuEZROqf6Hf3CIWIVLJG4SNdyklw/viewform?usp=send_form Управлінський моніторинг]
* [https://docs.google.com/forms/d/1P3Cmx1zPa78Py_UktsEMMj9Jw4vi57bDG8o-gkeEhiE/viewform?usp=send_form Вивчення стану відношення батьків до школи]
* [https://docs.google.com/forms/d/15bUc5nC8UDAkhcbof4TT2DjRdm6et5gkg40B4x0P3dA/viewform?usp=send_form Анкета для батьків]

<big>'''Створення онлайн кросвордів'''</big>

*Створити он-лайн кросворд з фахового предмету за допомогою ресурсу [http://puzzlecup.com/crossword-ru/ Фабрика кросвордів].
*Розмісти посилання на створений кросворд у розділі '''Цікаві сучасні сервіси'''


'''<big>Створення інтерактивної вправи.</big>'''

*Використовуючи сервіс [http://learningapps.org LearningApps.org] створити інтерактивну вправу з фахового предмету.
*Розмістити посилання на вправу у Вашій  вікі-візитці на порталі Заповікі в розділ '''Цікаві сучасні сервіси'''

[https://www.youtube.com/watch?v=0ebM7QmLj1A Інструкція для роботи з сервісом LearningApps]


'''<big>Інфографіка. Як це робити</big>'''
* [http://infographer.ru/vsyo-taki-chto-zhe-takoe-infografika/ Всё-таки, что же такое инфографика?]
* [http://creativeideagroup.ru/chto-takoe-infografika-opredelenie-i-primery.html Что такое Инфографика? Определение и живые примеры]
* [http://comagency.ru/vidy-infografiki ВИДЫ ИНФОГРАФИКИ ]

Приклади інфографіки
* [http://b2blogger.com/blog/?p=567 Интернет за минуту]
* [http://www.google.com.ua/imgres?imgurl=http://rusinov.net/wp-content/uploads/2011/08/412296205.jpg&imgrefurl=http://rusinov.net/tag/infografika/page/2/&h=786&w=800&tbnid=f8lb1IBqaEXNMM:&zoom=1&docid=v6sEXZtI3QH8vM&ei=HmbYVP2AKKKy7Qbs1YHwAQ&tbm=isch&ved=0CCEQMygFMAU Основные этапы развития Интернета]
* [http://www.google.com.ua/imgres?imgurl=http://www.web-project.biz/images/infografika-klassifikatsiya-internet-zavisimosti.jpg&imgrefurl=http://www.web-project.biz/blog/infografika/infografika-klassifikatsiya-internet-zavisimosti.html&h=495&w=760&tbnid=UtvVu-Z89v6W4M:&zoom=1&docid=ew96aLPmp9UUVM&ei=HmbYVP2AKKKy7Qbs1YHwAQ&tbm=isch&ved=0CFMQMygqMCo Классификация интернет зависимости]


'''Завдання.''' Виконайте завдання: створіть інфографіку до одного з уроків з вашого предмету та розмістіть посилання на візитку за допомогою сервісу [http://www.easel.ly/ Easel] або [http://piktochart.com Piktochart] у розділі: '''"Цікаві сучасні сервіси"'''

'''Домашнє завдання.'''

*Підготувати матеріал для плакату або газети.
*Підготувати матеріал для блогу.

'''Геосервіси'''
*Зайдіть на сайт [http://panoramio.com Панораміо] та знайдіть фотографію Кам'яної могили
*Розмістить  зовнішне посилання в розділі '''Робота з геосервісами''' з посиланням "Фото".
*Зайдіть на сайт [http://wikimapia.org ВікіМапія]

[https://docs.google.com/open?id=0B0qTJMZ9BmytOWJsNVNzVEx0Z0k приклад пошуку]
*Розмістить  зовнішне посилання в розділі '''Робота з геосервісами''' з посиланням "Координати"

==<font size=5 color=red><center>'''День 4 (05.04.2018)'''</center></font>==
'''<big>Створення віртуального плакату/газети</big>'''

Приклади газет, створених на [http://wikiwall.ru WikiWall]
*[http://wikiwall.ru/wall/ee727f7282854ad25a62c94925bb74fd О домашних питомцах]
*[http://wikiwall.ru/wall/c37baabb6023689457454bb41b11c00f О динозаврах]

Інструкції до сервісу [http://wikiwall.ru WikiWall]:
*[http://www.openclass.ru/node/236056 Инструкция по работе]
*[http://wiki.tgl.net.ru/index.php/%D0%A0%D0%B0%D0%B1%D0%BE%D1%82%D0%B0_%D1%81_%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81%D0%BE%D0%BC_WikiWall Работа с сервисом WikiWall]



'''Завдання 1.'''
*Створити газету за допомогою сервісів [http://wikiwall.ru WikiWall] або [http://edu.glogster.com Edu.Glogster]
*Розмістити посилання на газету у візитку на порталі ЗапоВікі
[https://drive.google.com/file/d/0B7IlhtaBHfrrVTA1Mlh6cG9idXc/view?usp=sharing Інструкція до роботи на сервісі Edu.Glogster]
[https://drive.google.com/file/d/0B7IlhtaBHfrrTGtfSnNGRmlVZG8/view?usp=sharing Презентація до роботи на сервісі Edu.Glogster]


'''<big>Блоги. Види блогів. Служба blogger.</big>'''

Приклади блогів:

*[http://elena-elena141969.blogspot.com/ Лингвиния]
*[http://melmofizik-5.blogspot.com/ Мелітопольське міське методичне об'єднання вчителів фізики та астрономії]
*[http://physicist.pp.ua/ Блог учителя фізики Семенюк Неоніли Віталіївни]
*[http://www.scolafyzika.blogspot.com/ Комп'ютерні технології на уроках фізики]
*[http://kmlibschool.blogspot.com/ КМ-Школа для библиотекарей]
*[http://deutsch46.blogspot.com/ Deutsch!!! Toll!!!] 
*[http://www.itlt.edu.nstu.ru/article19_kazarina_o.php Студенческий блог "The World of Language"]
*[http://olotysh2a.blogspot.com/ Классный калейдоскоп]
*[http://elenapavlovna1b.blogspot.com/ Веселка]


'''Завдання 2.'''

Створення блогу за допомогою Google-сервісу [https://www.blogger.com/switch-profile.g?switchProfileSource=3&continue=https://www.blogger.com/home BLOGSPOT]
* увійти до власного аккаунту Google (наприклад, через електронну пошту)
* перейти до блогосфери: '''Сервисы''' далі '''Blogger'''
* зареєструвати блог
* увійти до блогу, створити 1-2 повідомлення
* зробити у візитці учасника на порталі ЗапоВікі зовнішні посилання на блог (наприклад "Мій блог" або "Блог вчителя .....")


'''Завдання 3.'''

Налаштування блогу. Створення статичних сторінок
# змінити дизайн блогу через керування гаджетами та зміну шаблону блогу;
# змінити структуру блогу, додавши 2-3 статичні сторінки.

'''Завдання 4.'''

*Зміна дизайну та структури блогу
*Надати блогу унікального оформлення за рахунок застосування дизайну та шаблону.
*Послідовність дій:

# перейти до сторінки керування блогом;
# перейти за посиланням '''Настроить''' (верхня-права частина сторінки блогу);
# обрати шаблон який Вам підходить у вкладці "Шаблон" на натиснути посилання '''Применить к блогу''';
# обрати дизайн блогу у вкладці '''Дизайн''';
# задати ширину елементів блогу (усієї сторінки, бокових панелей) - посилання '''Дизайнер шаблонов''';
# задати характеристики тексту та тла елементів блогу за допомогою можливостей вкладки "Дополнительно";
# застосувати здійснені зміни натисканням на кнопку '''Применить к блогу''';
# перейти за посиланням '''Назад к Blogger'''.



Детальну інструкцію див. в занятті [http://wiki.ciit.zp.ua/index.php/%D0%97%D0%B0%D0%BD%D1%8F%D1%82%D1%82%D1%8F_2._%D0%97%D0%BC%D1%96%D0%BD%D0%B0_%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D1%83_%D0%B1%D0%BB%D0%BE%D0%B3%D0%B0._%D0%92%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0_%D0%B3%D0%B0%D0%B4%D0%B6%D0%B5%D1%82%D1%96%D0%B2 Зміна дизайну блогу. Вставка гаджету]



'''Завдання 5.'''

Робота з гаджетами.
Додати до блогу та налаштувати 3-4 гаджети.

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


'''Самостійна робота.'''

Робота з блогом. Будування е-портфоліо на блозі. Створення розділів на блозі.

==<font size=5 color=red><center>'''День 5 (06.04.2018)'''</center></font>==

'''<big>Робота з блогом.</big>'''

* '''Завдання 1.''' Розмістити відеоролик на сторінках блогу (як посилання та вбудований).
* '''Завдання 2.''' Розмістити інтерактивну вправу сервісу Learningapps на сторінках блогу (як посилання та вбудований). 
* '''Завдання 3.''' Розмістити 1-2  презентації (як посилання та вбудована).
* '''Завдання 4.''' Розмістити 1-2 текстових документа (як посилання та вбудований). 
* '''Завдання 5.''' Коментування блогів колег (за допомогою візиток колег на ЗапоВікі, які розміщені у розділі [http://zw.ciit.zp.ua/index.php/%D0%A2%D1%80%D0%B5%D0%BD%D1%96%D0%BD%D0%B3_%D0%9C%D0%B5%D1%80%D0%B5%D0%B6%D0%B5%D0%B2%D1%96_%D1%82%D0%B5%D1%85%D0%BD%D0%BE%D0%BB%D0%BE%D0%B3%D1%96%D1%97_%D0%92%D0%B5%D0%B1_2.0_%D0%B4%D0%BB%D1%8F_%D0%BF%D0%B5%D0%B4%D0%B0%D0%B3%D0%BE%D0%B3%D1%96%D1%87%D0%BD%D0%B8%D1%85_%D0%BF%D1%80%D0%B0%D1%86%D1%96%D0%B2%D0%BD%D0%B8%D0%BA%D1%96%D0%B2_%D0%91%D0%B5%D1%80%D0%B4%D1%8F%D0%BD%D1%81%D1%8C%D0%BA%D0%BE%D0%B3%D0%BE_%D1%80%D0%B0%D0%B9%D0%BE%D0%BD%D1%83,_%D0%B1%D0%B5%D1%80%D0%B5%D0%B7%D0%B5%D0%BD%D1%8C_2015 тренінгу], перейти до 2-3 блогів колег та залишити коментарі до дописів, що вас зацікавили).

'''<big>Презентація та захист вікі-візиток</big>'''