30
Веб-технології ТА ЇХ ЗАСТОСУВАННЯ В НАВЧАЛЬНО-ВИХОВНОМУ ПРОЦЕСІ Тема 4:

Тема 4. Веб-технології

Embed Size (px)

DESCRIPTION

веб-технології

Citation preview

Page 1: Тема 4. Веб-технології

Веб-технології ТА ЇХ ЗАСТОСУВАННЯ В

НАВЧАЛЬНО-ВИХОВНОМУ ПРОЦЕСІ

Тема 4:

Page 2: Тема 4. Веб-технології

План 1. Поняття веб-технології 2. Структура і принципи Всесвітньої

мережі Інтернет. 3. Технологія Веб 2.0. 4. Основні сервіси технології Веб 2.0.

Page 3: Тема 4. Веб-технології

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

інтегрованих з метою ефективного опрацювання даних

інформаційна матеріальна соціальна

Page 4: Тема 4. Веб-технології

Поняття веб-технології

веб

технолог

ія

веб-технологія

Page 5: Тема 4. Веб-технології

Поняття веб-технології

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

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

Page 6: Тема 4. Веб-технології

Поняття веб-просторуWWW (англ. World Wide Web)

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

інфраструктурі Інтернету і протоколі передачі даних HTTP

Page 7: Тема 4. Веб-технології

Структура і принципи Всесвітньої мережі

Мережу утворюють веб-сервери, розташовані в різних частинах світу та комп'ютери користувачів (клієнти), які підключаються до цієї мережі

Веб-сервер – це комп'ютер, ресурси якого використовують інші комп'ютери (клієнти) в мережі

Page 8: Тема 4. Веб-технології

Поняття веб-сервера

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

протокол HTTP для передачі даних

Page 9: Тема 4. Веб-технології

Технологія передачі даних

Веб-серверhttp-запит Клієнт

http-відповідь

Page 10: Тема 4. Веб-технології

Ідентифікація ресурсів

URI (англ. Uniform Resource Identifier)

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

або фізичний ресурс

Page 11: Тема 4. Веб-технології

Ідентифікація ресурсів

URL (англ. Uniform Resource Locator)

Це послідовність символів, що вказує на місцезнаходження

ресурсу

URI: http://ru.wikipedia.org/wiki/Кирилиця

URL : http://ru.wikipedia.org/wiki/%D0%9A%D0%B8%D1%80%D0%B8%D0%BB%D0%BB%D0%B8%D1%86%D0%B0

Page 12: Тема 4. Веб-технології

Система доменних імен

DNS (англ. Domain Name System)

Комп'ютерна розподілена система для отримання інформації про домени

Page 13: Тема 4. Веб-технології

Доменне ім'я

це унікальне алфавітно-цифрове ім'я, що

ідентифікує конкретний вузол Інтернет

udpu.org.ua – 192.168.6.140dls.udpu.org.ua – 192.168.7.140google.com – 192.168.0.24

Page 14: Тема 4. Веб-технології

Доменна зона

udpu.org.uaНазва сайту Доменна зона

Ієрархія доменної зони:

Page 15: Тема 4. Веб-технології

Домени першого рівня

Міжнародні домени:.com, .net, .org, .biz, .info, .gov, .edu, .mil

○ Приклади: google.com, wikipedia.org

Національні домени:ru, .us, .ua, .ca

○ Приклади: kiev.ua, rambler.ru, meta.ua

Page 16: Тема 4. Веб-технології

Домени другого рівня

udpu.org.uaДомен ІІ рівня

ДоменІ рівня

petrenko.blogspot.comДоменне ім'я, зареєстроване в blogger.com:

Домен ІІ рівня

ДоменІ рівня

Назва сайту

Page 17: Тема 4. Веб-технології

Домени третього рівня

dls.udpu.org.uaДомен ІІ рівня

ДоменІ рівня

Домен ІIІ рівня

Ім'я сайту

dls – (англ. distance learning system) - система дистанійного навчання

Page 18: Тема 4. Веб-технології

Поняття гіпертексту

це текст, який містить зв'язки з іншими документами

(«гіперзв'язки» чи «гіперпосилання»)

Тед Нельсон, 1965 р: гіпертекст – це текст, що розгалужується або виконується, за запитом

Page 19: Тема 4. Веб-технології

Поняття гіперпосилання

Це елемент веб-документу (текст, картинка), що містить

посилання на інший веб-ресурс мережі

Page 20: Тема 4. Веб-технології

Мова HTML

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

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

тощо.

HTML (англ. Hypertext Markup Language)

Page 21: Тема 4. Веб-технології

Технології WWW

WWW

HTML

DNS

CSS

HTTPPHP

XML

JavaScript

Page 22: Тема 4. Веб-технології

Веб-сайт

це сукупність веб-сторінок, доступних в мережі через протоколи HTTP/HTTPS та

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

оформленням

англ. website, від web — мережа і site — «місце

Page 23: Тема 4. Веб-технології

Веб-сервіси

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

програмування

Сервіс – послуга, що забезпечує певну потребу людини

Page 24: Тема 4. Веб-технології

Тенологія Веб 2.0Соціальні сервіси мережі Інтернет

Page 25: Тема 4. Веб-технології

Сервіси технології Веб 2.0соціальні пошукові системи

системи збереження посилань

системи створення веб-журналів (блогів)

системи вікі-енциклопедій

системи збереження мультимедійних веб-ресурсів

карти знань

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

Page 26: Тема 4. Веб-технології

Веб-журнал (блогів)

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

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

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

Page 27: Тема 4. Веб-технології

Класифікація блогів

• Особистий, «Прозорий»

• Колективний, Корпоративний

• Текстовий, Графічний

• Звуковий , Відеожурнал

• Комбінований

• Авторський

• Моніторинговий

• Цитування

За технічною основою

• власна веб-платформа

• веб-сервіс

• мобільний веб-журнал

За рівнем доступу

• Вільно доступний

• Обмежена доступність

Page 28: Тема 4. Веб-технології

Вікі-енциклопедія

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

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

Сайт функціонує за спеціальною технологією, яка називається «wiki»

Page 29: Тема 4. Веб-технології

Карти знаньЗображення процесу загального системного мислення за допомогою схем

Bubbl.us

FreeMindMindomo

Page 30: Тема 4. Веб-технології

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