Практична робота для Тренінгу ""Мережеві технології Веб 2.0" для педагогічних працівників ОТГ Новоуспенівської СР, жовтень 2018»

Материал из ЗапоВики
Перейти к: навигация, поиск

Содержание

День 1

Вступ

  • Організаційні моменти. Знайомство.

Що таке веб 2.0

Знайомство з сервісами Google. Пошта Gmail.

Завдання 1. Створення поштової скриньки на Google.com

Зайти на сайт Google.com.

Вибрати із служб Gmail- Створити акаунт та заповнити даними:

  • Имя
  • Фамилия:
  • Имя для входа (логин):
  • Укажите пароль:
  • Введите пароль еще раз:
  • Дата рождения:
  • Секретный вопрос:
  • Ответ:
  • Введите символы, представленные на картинке ниже
  • Я принимаю условия….

Технологія ВікіВікі. Знайомство з порталом ЗапоВікі.

Презентація "Технологія ВікіВікі"

Поняття е-портфоліо вчителя. (вікі-візитка)

Приклади портфоліо Сайт

ВікіВікі

Блог

Гугл-сайт

Робота на порталі ЗапоВікі

Реєстрація на сайті ЗапоВікі

Приклади:

  1. Шевченко А.В.
  2. Борденюк І.І.

Заборонені логіни при реєстрації:

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

Створення візитки учасника

Для редагування візитки перейти на посилання свого логіну і натиснути кнопку Правити

Обов'язкова інформація на візитці

  • Регіон:
  • Місце роботи:
  • Посада:
  • Категорія:
  • Освіта:
  • Спеціальність:
  • Стаж педагогічної роботи:
  • Контакти:
  • e-mail:
  • Адреса закладу:

Для оформлення тексту на сторінці можна використовувати:

команда <font color =green size=5 > ТЕКСТ </font> де:

  • font - команда для форматування шрифту;
  • color - команда форматування кольору шрифту (може бути Blue, Red та інше дивиться таблиця кольорів);
  • size - розмір шрифту (може бути 1..7)

Створення категорій

Додайте на свою візитку наступні категорії:

  • [[Категория:Участник]]
  • [[Категория:Мережеві технології Веб 2.0 для вчителів]]

Створення посилань

Створення зовнішніх і внутрішніх посилань на:

Створення посилання на свою візитку:

  • Зайдіть на сторінку тренінгу
  • в розділі Список учасників курсу натиснути кнопку "Правити"
  • Зробити посилання за зразком: [[Участник:логін|Прізвище Ім’я По батькові]]

Створення розділів різного рівня

Створити на візитці розділи "Участь у тренінгу" (заголовок уровня 2), "Мої документи", "Цікаві закладки", "Фотоальбом", "Відеоролик", "Карти знань", "Мій блог", "Цікаві сучасні веб-сервіси", "Геосервіси" (заголовок уровень 3)

Приклад створення розділів:

==Уровень 2==
===Уровень 3===


Завантаження фотографії на ЗапоВікі.

  • Підготувати фотографію
  • Задати унікальне ім'я: Portret_Ivanova_Sergej_21_03_2011
  • Перейдіть в розділ Інструменти - Загрузить файл, головної сторінки ЗапоВікі (допомога - Правила загрузки фотографий на ЗапоВики)
  • Натисніть кнопку Обзор та знайдіть фотографію на своєму комп'ютері
  • Після завантаження фотографії напишіть короткий опис та категорію зображення - [[Категория:Участник]] та [[Категория:Мережеві технології Веб 2.0" для педагогічних працівників ОТГ Новоуспенівської СР]],
  • Перейдіть до своєї візитки
  • Вставьте посилання на зображення - [[файл:імя.jpg]], де ім'я - це назва вашої фотографії

Розпочати створення власного блогу

Створити блог

Домашне завдання

Підготувати в електронному варіанті:

  • 10 фотографій
  • презентація з фахового предмету
  • конспект уроку з фахового предмету
  • схема з фахового предмета

День 2

Відеосервіси. Відеосервіс YouTube.

Завдання 1. Пошук відео, створення посилання на відеоролік, вбудовування відеороліку до вікі-сторінки.

  • знайти в Мережі відеоролік, пов’язаний з фаховою темою;
  • в режимі редагування візитки створити зовнішнє посилання на сторінку роліку в форматі
    [URLроліку НазваРоліку];
  • в режимі редагування вбудувати ролік до візитки, вказавши запис
    <mediaplayer>URLроліку</mediaplayer>
  • вставити до візитки у розділ Відеороліки

Сервіси для створення карт знань

Завдання 2. Створення карти знань Ознайомтесь з поняттям, можливостями та призначенням Карт знань Презентація "Карти знань"

Створити карту знань за допомогою сервісу Bubbl.Us (згідно Вашего фахового предмету.

  • Зайдіть на сайт http://bubbl.us/
  • натиснути кнопку StartBrainstorming;
  • використовуючи спливаючі вікна та підказки побудувати структурну схему, що відображає зв’язки між компонентами (елементами) курсу вашого предмету в школы;
  • зберегти схему у вигляді файлу малюнку c розширенням JPEG, натиснувши на кнопку Export;
  • завантажити файл-схему до ЗапоВікі як зображення, в Описании додайте [[Категория:Изображение:Карта знаний‏‎]]
  • Вставьте карту в свою візитку, у розділ Карта знань.

Сервіси для створення закладок

Завдання 3. Знайомство з сервісом Symbaloo


Список сайтів для додавання до закладок

  • Розмістити посилання на Symbaloo на власній візитці в розділ "Закладки"

Сервіси для створення хмари слів


Хмарара.png
"Облако тегов" в картинках

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

1. Створити хмарку слів з фахового предмету, використовуючи сервіс Word Art Creaton.

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

3. Завантажити файл-хмарку до ЗапоВікі як зображення.

4. Вставьте хмарку в свою візитку, у розділ "Цікаві сучасні сервіси".

5. Вставити посилання на хмарку слів у візитці.

Фотосервіси

Завдання 5. Створення фотоальбома. 1. В службах Google оберіть Фотознімки.

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

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

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

Завдання 6. Створення фотоколажа 1. В службах Google оберіть Фото.

2. В правому верхньому куточку натисніть кнопку Створити - Колаж.

3. Оберіть фото для колажу та натисніть кнопку Створити

4. Оберіть команду Поділитися - Створити посилання

8. Вставити фотоколаж на візитку як посилання.

9. Вставити фотоколаж на блог.

Ще один сервіс для створення фотоколажу Фотоколлаж Photovisi

QR-коди. Створення QR-кодів

Завдання 7. Генератор QR-кодів

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

Приклади QR-кодів:

CzIxaG.png 4AUMMm.png

Сервіс для створення інтерактивних вправ http://learningapps.org

Інструкція для роботи з сервісом

Завдання 8. Створення інтерактивної вправи. 1. Використовуючи сервіс http://learningapps.org створити інтерактивну вправу з фахового предмету.

2. Розмістити посилання на інтерактивну вправу у власній візитці на порталі Заповікі у розділ "Цікаві сучасні сервіси"(як Адрес в Интернете)

День 3

Сервіс для роботи з документами: Google -диск.

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

Можливі 2 варіанти роботи по розміщенню власного документа:

  1. Завантаження вже існуючого документа
  2. Створення документа в самому сервисі Гугл

Cтворення документа:

  • Перейдіть на сайт - http://www.google.com/ і увійдіть під своїм акаунтом
  • Далі знаходимо розділ Диск та переходимо в нього
  • Натискаємо кнопку Создать далі Документ
  • Вводимо текст, використовуючи інструменти вбудованого редактора
  • Натискаємо кнопку Предоставить доступ та обираємо в Настройках совместного доступа - Пользователям, у которых есть ссылка, потім нижче в розділі Доступ обираємо Может оставлять комментарии
  • Натискаємо кнопку Сохранить
  • Вставляємо посилання у власну візитку в розділ Мої документи

Завантаження документа:

  • Перейдіть на сайт - http://www.google.com/ і увійдіть під своїм акаунтом
  • Далі знаходимо розділ Диск та переходимо в нього
  • Натискаємо кнопку Завантажити далі Файли. Обираємо потрібний файл.
  • Натискаємо кнопку Предоставить доступ та обираємо в Настройках совместного доступа - Пользователям, у которых есть ссылка, потім нижче в розділі Доступ обираємо Может оставлять комментарии
  • Натискаємо кнопку Сохранить
  • Вставляємо посилання у власну візитку в розділ Мої документи

Завдання 1. Створити онлайн-анкету для перевірки знань учнів з теми або онлайн анкету для батьків, використовуючи Гугл-форми. Надати доступ. Вставити посилання на візитці Приклади Гугл-форм:

Завдання 2. Завантажити конспект урока з фахового предмету. Надати доступ. Вставити посилання на візитці

Завдання 3. Завантажити презентацію з фахового предмету. Надати доступ. Вставити посилання на візитці

Створення онлайн кросвордів Фабрика кросвордів.

Завдання 4. Створити он-лайн кросворд з фахового предмету. Розмісти посилання на кросворд у власну візитку на порталі Заповікі у розділ "Цікаві сучасні сервіси"

Інфографіка

Приклади інфографіки

Завдання 5. Створити інфографіку за допомогою сервіса http://www.easel.ly/ або http://piktochart.com/
Інструкція щодо створення інфографіки на сервісі http://www.easel.ly/

Інструкція щодо створення інфографіки на сервісі http://piktochart.com/

Зберегти інфографіку як зображення і вставити на візитку у розділ "Цікаві сучасні сервіси".

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

Завдання 6. Створити пазл за допомогою сервісу http://www.jigsawplanet.com/ 1. Зареєструватися на сайті http://www.jigsawplanet.com/

2. Натиснути в меню кнопку Создать.

3. Вибрати файл з комп'ютера, кількість частина пазлу, форму. Натиснути Создать.

4. Для розміщення пазлу на візитку або блог натиснути Поделиться-Встроить.

Завдання 7. Використання можливості обговорення.

  • перейти за посиланням з візитки до сторінки тренінгу
  • відкрити в новій вкладці візитки колег, передивитись їх
  • перейти до вкладки обговорення, в режимі правки додати коментар щодо візитки
  • підписати коментар за допомогою кнопки панелі інструментів "Ваша подпись и момент времени", зберегти сторінку

Генератор ребусів

Геосервіси

Завдання 8. Створення віртуальної екскурсії за допомогою Google-карт Приклади віртуальних екскурсій

Домашне завдання.

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

День 4

Створення вікторини на Quizizz

Посилання для вчителя

Посилання для учня

Створення віртуального плакату / газети

Створення віртуального плакату за допомогою сервісу padlet.com

Приклади віртуальних дошок створених на Padlet


1 група. Віртуальний плакат "Сучасний учень"
2 група. Віртуальний плакат "Сучасний вчитель"
3 група. Віртуальний плакат "Сучасні батьки"

Приклади газет, створених на http://wikiwall.ru/

На допомогу вчителю:

Сервіс для створення інтерактивної дошки Lino


Спільна робота над плакатом. Мої враження та сподівання

Вставити посилання на плакат у власну візитку на Заповікі

Блоги. Види блогів. Служба blogger.

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

Завдання 2. Створення блогу за допомогою Google-сервісу blogspot.com.

  • увійти до власного аккаунту Гугл (наприклад, через електронну пошту)
  • перейти до блогосфери: Ещё - Все продукты - Blogger
  • зареєструвати блог
  • увійти до блогу, створити 1-2 повідомлення
  • зробити в візитці учасника на ЗапоВікі зовнішні посилання на блог

Завдання 3. Налаштування блогу. Створення статичних сторінок

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

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

Послідовність дій:

  1. перейти до сторінки керування блогом;
  2. перейти за посиланням Настроить (під картинкою-представленням блогу);
  3. обрати шаблон та його різновид на вкладинці "Шаблон";
  4. обрати зображення для тла блогу на вкладинці "Фон";
  5. обрати дизайн блогу на вкладинці "Дизайн";
  6. задати ширину елементів блогу (усієї сторінки, бокових панелей, що використовуються, зокрема) на вкладинці "Регулировка ширины";
  7. задати характеристики тексту та тла елементів блогу за допомогою можливосьей вкладинки "Дополнительно";
  8. застосувати здійснені зміни натисканням на кнопку "Применить к блогу";
  9. перейти за посиланням "Назад к Blogger".

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

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

Послідовність дій:

  1. перейти до сторінки керування блогом;
  2. перейти за посиланням "Дизайн";
  3. натиснути посилання "Добавить гаджет" у потрібному місці;
  4. обрати тип гаджету, який додається (пропонується найперше додати гаджети "Показ слайдов", "HTML/JavaScript", "Список ссылок";
  5. заповнити шаблон гаджету, використати при заповненні
    • "Cтатистика блогу";
    • "HTML/JavaScript" - використати для вбудовування певного відеороліку; врахувати, що ширина гаджету приблизно дорівнює 200px, отже є потреба змінити відповідним чином код роліку;
    • "Список ссылок" - використати для опису 2-3 посилань на цікаві сайти з предмету, кожний сайт додавати, вказуючи його URL та назву;
  6. додати ще будь-який гаджет (за власним вибором), налаштувати його.

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

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

День 5

Робота з блогом.

  • Завдання 1. Розмістити 3 відеоролика на сторінках блогу (як посилання, вбудований).
  • Завдання 2. Розмістити 3 інтерактивних вправ сервісу Learningapps на сторінках блогу (як посилання, вбудований).
  • Завдання 3. Розмістити 3 презентації (як посилання, вбудована).
  • Завдання 4. Розмістити 3 текстових документа (як посилання, вбудований).
  • Завдання 5. Коментування блогів колег.

Послідовність дій:

  1. за допомогою візиток колег на ЗапоВікі перейти до 2-3 блогів колег;
  2. ознайомитись з дописами в блогах колег, залишити коментарі до дописів, що вас зацікавили.

Рефлексія

Залишить свої враження Тренінг веб 2.0 - наші враження та сподівання