Урок на тему: "Огляд технологій Веб 2.0. Поняття блогу й різновиди блогів. Створення й оформлення блогу, публікація повідомлень у блозі та настроювання його параметрів. Вікі-технології. Використання служб онлайнового документообігу"

навчальна мета: засвоїти відомості про веб-дизайн, технології веб 2.0, вікі, познайомитися з поняттями блогів та їх різновидами і навчитися створювати блоги;

розвивальна мета: розвивати зорову пам’ять, логічне мислення, навички роботи з програмою Mozilla Firefox;

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

Підручники та обладнання:

  1. «Інформатика 11 клас». Навчальний підручник. / Ривкінд Й.Я., Лисенко Т.І, Чернікова Л.А, Шакатько В.В. – Київ: «Генеза», 2011 -302 с.
  2. Інтерактивна дошка.
  3. Програма Mozilla Firefox на кожному робочому місці

Тип уроку: засвоєння нових знань, формування вмінь

Структура уроку

  1. Організаційна частина (1 хв)
  2. Перевірка домашнього завдання (5 хв)
  3. Мотивація навчальної діяльності (2-3 хв)
  4. Повідомлення теми, мети, завдань уроку (1 хв)
  5. Вивчення нового навчального матеріалу (10 хв)
  6. Закріплення вмінь та практичних навичок Інструктаж з техніки безпеки (20 хв)
  7. Підсумок уроку (3хв)
  8. Домашнє завдання (1 хв)
  9. Оцінювання та мотивація (1 хв)

Хід уроку

І. Організаційний момент

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

ІІ. Перевірка домашнього завдання

  1. Назвіть етапи розробки веб-сайта.
  2. У чому полягає етап постановки завдання під час розробки веб-сайта?
  3. Що таке внутрішня структура веб-сайта?
  4. Які складові має зовнішня структура сайта?
  5. Значення властивостей яких об’єктів вибирають на етапі розробки дизайн-макета сторінок сайта?

ІІІ. Мотивація навчальної діяльності

Ви ознайомитеся з сервісами Інтернету, які отримали узагальнену назву сервіси Веб 2.0

  1. IV. Повідомлення теми, мети, завдань уроку

Тема сьогоднішнього уроку «Огляд технологій Веб 2.0. Поняття блогу й різновиди блогів. Створення й оформлення блогу, публікація повідомлень у блозі та настроювання його параметрів. Вікі-технології. Використання служб онлайнового документообігу»

  1. V. Вивчення нового навчального матеріалу

Веб 2.0.

Під час автоматизованого створення веб-сайту неможливо обій­тися без уявлень про Веб 2.0.

Веб 2.0 (Web 2.0) — поняття, яким користуються для позначен­ня ряду технологій та послуг Інтернету.

Які риси сервісу Веб 2.0?

Веб 2.0 — це платформа, до якої є вільний доступ, її структура універсальна та спрощена. Учасники сервісу — співрозробники та співавтори, тобто сто­роння регламентуюча сторона скасовується. Після поповнення бази даних стають доступними кожному. Дані зберігаються не в ката­логах чи бібліотеках, а в АРІ-інтерфейсах. Сайти не статичні, а динамічні. Підтримка програмного забезпечення відбувається через відділ технічної підтримки. Спільний контент створюється кожним учасником.

Веб 2.0 можна також охарактеризувати його складовими компо­нентами, тобто тими новими можливостями й застосуваннями, що надають веб нового забарвлення: веб-сервіси, веб-синдикація, mash-up (змішування), мітки (теги), «розумні (динамічні) помічники».

Приклади Веб 2.0 проектів

Вікіпедія — вільна багатомовна енциклопедія. GoogleEarth — google-карти. Flickr — онлайн-фотоальбом. Netvibes — персональний робочий стіл. Digg.com — ресурс новин. UcoZ — веб-хостинг.

Вікі технології.

Вікі технології - це гіпертекстове середовище, яке відносять до сервісів Веб 2.0, колекція взаємопов’язаних між собою текстових сторінок, до яких кожний зареєстрований користувач інтернету може вносити свої зміни (за виключенням певної кількості статичних веб-сторінок) або створити нову сторінку.

Середовище ВікіВікі має переваги над іншими веб-ресурсами: можливість багатократно правити текст; облік змін, що були внесені до змісту сторінки, та можливість повернутися до попередньої версії; сторінка обговорень до кожної статті, де відвідувач може залишити свої коментарі.

Для створення вікі-середовища необхідне особливе серверне програмне забезпечення – «Вікі-двигун». Це різновид системи управління сайтом досить простої структури і функціональності, бо майже всі дії по структуризації та обробці відомостей здійснюються користувачами.

Перша Вікі-мережа, «Портлендське сховище зразків» (зразків програмного коду), була створена 25 березня 1995 року програмістом Уордом Каннінгемом. Найбільшим популярним вікі-сайтом стала Вікіпедія http://uk.wikipedia.org/.

Вікіпедія – це відкрита багатомовна онлайнова енциклопедія, що побудована на Вікі-технології. 

Інструменти Вікі-середовища застосовуються з різною метою: як персональний інформаційний менеджер; як засіб організації спільної роботи над колективними проектами; як колективна електронна дошка, на якій може писати ціла група; як база даних – сховище колективного досвіду. Також середовище Вікі-Вікі широко використовують у дистанційній формі навчання, для організації позакласної й позашкільної роботи зі школярами, створюють на цій платформі енциклопедії, посібники, підручники тощо.

Для здійснення пошуку потрібних відомостей у вікі-середовищі користуються панеллю «пошук». У поле «Пошук» введіть ключові слова та натисніть кнопку «Перейти», яка розміщується нижче. Результат пошуку сформується у вигляді списку посилань.

Основним структурним елементом будь-якого вікі-сайту є сторінка – «стаття».

Реєстрація здійснюється один раз на початку роботи в середовищі. Авторизація здійснюється на початку кожного сеансу роботи. Після реєстрації у Вікі-середовищі автоматично створюється власна сторінка користувача (власний міні-сайт). Якщо, наприклад, зареєструватися під іменем Іванов Петро, то система підтримує наступні сторінки:

  • Власна сторінка користувача (головна сторінка Вашого міні-сайту) за внутрішньою адресою: Користувач: Іванов Петро.
  • Моя сторінка обговорення за внутрішньою адресою Обговорення користувача: Іванов Петро.

Власна сторінка – це один із способів ефективно організувати роботу в проекті та допомогти іншим зрозуміти з ким вони працюють.

Блоги. Різновиди блогів

Сервіс мережних щоденників – блогів – став альтернативою персо-

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

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

ною є коментарі відвідувачів, їх діалог з автором блогу.

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

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

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

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

повідом ленням (рис. 4.77). У тексті повідомлення можна розміщувати

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

і власна URL-адреса.

Для блогів характерні:

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

Блоги можна класифікувати за різними ознаками.

Залежно від мети створення розрізняють блоги:

  • особистий – аналог особистого щоденника, містить опис поточних подій і пов’язані з ними міркування автора;
  • тематичний – містить повідомлення з однієї тематики;
  • бізнес-блог – створюється для просування певного товару або послуги, містить рекламу, огляд продукції, коментарі тощо;

Створення блогу. Публікація повідомлень

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

(http://blogger.com). Для користування ним потрібно мати акаунт Google.

Для створення блогу потрібно:

1. Відкрити у вікні браузера головну сторінку сервісу Blogger (http://

blogger.com).

2. Увести дані вашого облікового запису Google.

3. Вибрати на сторінці Blogger: Панель інструментів гіперпосилання

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

  1. Увести в поле Заголовок блогу назву блогу.

5. Увести в поле Адреса блогу (URL) частину URL-адреси блогу. Повна URL-адреса матиме вигляд http://адреса.blogspot.com, де адреса – уведений користувачем текст.

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

7. Вибрати гіперпосилання Продовжити.

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

9. Вибрати на сторінці Blogger: Готово відповідне гіперпосилання для подальших дій:

  • уже зараз розпочати створення дописів – для створення та публікації першого повідомлення у блозі. Така сама дія буде виконана за вибору гіперпосилання Початок ведення блогів;
  • налаштувати дизайн блогу – для вибору шаблону оформлення,

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

  • розширені параметри налаштування – для зміни домену та імпортування існуючого блогу в поточний.

За вибору першого із названих гіперпосилань відкриється сторінка Blogger:

Назва блогу Створити публікацію, де Назва блогу – назва, яку було введено користувачем (рис. 4.79). Для створення повідомлення слід увести його заголовок у відповідне поле та текст у робочу область. Для редагування та форматування повідомлень використовується панель інструментів. Нижче робочої області розміщено поле Мітки для цієї публікації. У цьому полі пропонується ввести ключові слова – мітки, що характеризують зміст повідомлення. За цими мітками повідомлення може бути знайдене та проіндексоване пошуковими машинами.

  1. VI. Закріплення вмінь та практичних навичок Інструктаж з техніки безпеки.

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки та

санітарно-гігієнічних норм.

Створіть власний блог з використанням сервісу Blogger (http://blogger.com):

  1. Присвятіть ваш блог обговоренню вашої майбутньої професії. Доберіть відповідний заголовок блогу.
  2. Виберіть шаблон оформлення з категорії Захоплення.
  3. Розмістіть у блозі повідомлення про професію, яка вам подобається.
  4. Змініть налаштування вашого блогу:

а) у заголовку додайте опис блогу;

б) розмістіть у заголовку зображення атрибутів професії, наприклад з папки Тема 4\Практична 19\Професії;

в) додайте до блогу ґаджет Поле пошуку, розмістивши його нижче від заголовка блогу;

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

  1. Додайте публікацію до вашого блогу, розповівши про професію одного з ваших батьків або знайомих і ваше ставлення до цієї професії.
  2. Змініть дозволи на роботу користувачів з вашим блогом:

а) дозвольте залишати коментарі у блозі лише користувачам облікових записів Google;

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

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

  1. VII. Підсумок уроку
  2. Які технології покладено в основу розробки сервісів Веб 2.0? У чому по лягають ці технології?
  3. Які особливості притаманні сервісам Веб 2.0? Поясніть їх.
  4. Які існують типи сервісів Веб 2.0 за видами діяльності користувачів?
  5. Чим, на ваш погляд, пояснюється популярність сервісів Веб 2.0?
  6. Які проблеми пов’язані з поширенням сервісів Веб 2.0?
  7. У чому полягають можливості вікі-технології?
  8. VIII. Домашнє завдання
  9. Опрацювати матеріал підручника т. 4.10.
  10. Виконати практичні завдання:
  11. Перегляньте блог Українська блогосфера (http://blogosphere.com.ua). Проаналізуйте дизайн блогу, його структуру, публікації та коментарі до них. Визначте, що з цього блогу вам було б цікаво використати у власному блозі.
  12. IX. Оцінювання та мотивація

Оцінюю та мотивую учнів

 

 

Яндекс.Метрика