Лабораторна робота №7 Вивчення технології Wiki
Мета роботи – придбання навичок роботи по створенню тематичного веб-проекту з використанням технології Wiki (на прикладі використання програмного продукту Wikipad).
Дане лабораторне заняття забезпечує напрацювання таких умінь:
створювати тематичний веб-проект на основі інформації, отриманої в результаті пошуку в Інтернет;
використовувати технології Wiki-розмітки для введення та форматування текстової та графічної інформації.
Указані вміння надають можливість вирішення наступних задач:
розробка мультимедійних електронних видань з використанням технології Wiki;
робота з використанням програмних продуктів, побудованих за концепцією Wiki.
Хід роботи.
1. Знайомство з загальними відомостями технології Wiki.
Wiki представляє собою різновид веб-проекту, структуру і вміст якого користувачі можуть спільно змінювати|зраджувати| за допомогою інструментів, що надаються самим сайтом|сайт|. Часто під Wiki розуміється загальна назва сервісів Інтернету, що забезпечують швидке створення гіпертекстових сторінок. Wiki зазвичай становить собою деякий сайт, сторінки якого можна не тільки переглядати, але й редагувати, створювати нові сторінки, публікувати документи. Wiki-сайти, таким чином, створюються великою кількістю людей, їх складова частина формується на основі особистого внеску кожного з учасників (рис. 27).
Рис. 27. Титульна сторінка WikiWikiWeb
Форматування тексту й вставка різних об'єктів у текст виконується з використанням так званої Wiki-розмітки. На базі цієї технології побудована Вікіпедія й інші проекти Фонду Вікімедія.
Технологія Wiki характеризується такими ознаками:
можливість багаторазово правити текст за допомогою самого Wiki-середовища (сайту) без застосування особливих пристосувань із боку редактора;
наявність особливої мови розмітки – так званої Wiki-розмітки, що дозволяє легко й швидко розмічати в тексті структурні елементи й гіперпосилання; форматувати й оформляти окремі елементи;
облік змін (версій) сторінок, можливість порівняння редакцій і відновлення ранніх;
прояв змін відразу після їх внесення;
поділ змісту на іменовані сторінки.
гіпертекстовість: зв'язок сторінок і підрозділів сайту через контекстні гіперпосилання;
безліч авторів.
Деякі Wiki можуть правити всі відвідувачі сайту. Для створення Wiki-середовища необхідно особливе ПЗ – движок Wiki. Це приватний вид систем управління сайтом є, досить простим у своєї побудові й функціональності, оскільки майже всі дії по структуруванню й обробці змісту виконуються користувачами вручну.
Основний принцип систем Wiki полягає в тому, що в будь-який момент кожен відвідувач може додати на сайт все, що завгодно (або майже все – це залежить від розв'язуваних завдань) за допомогою звичайного веб-браузера. Кожна Wiki-сторінка містить посилання "редагування". При натисканні на нього на екран виводиться та ж сама сторінка, але не конвертована в HTML, а представлена у вигляді плаского тексту спрощеною мовою розмітки. Користувач може змінити її, а потім нажати клавішу «зберегти». Відразу відбудеться конвертація в HTML, і на екрані з'явиться оновлена в порівнянні з вихідним варіантом Wiki-сторінка. Таким чином, кожен може вносити зміни в загальний інформаційний ресурс, заміняючи його новими версіями. При цьому старі версії зберігаються, що надалі дозволяє здійснювати відкат на будь-яку глибину.
Все це перетворює Wiki-сайт в ідеальне середовище для спільної роботи, і при цьому не потрібно впроваджувати дороге клієнт-серверне програмне забезпечення або виділяти системних адміністраторів. Крім того, при роботі з ним абсолютно не потрібне знання мови розмітки HTML, оскільки використовується простий синтаксис. На рис. 27 зображена титульна сторінка WikiWikiWeb, а на рис. 28 – процес її редагування.
Рис. 28. Редагування титульної сторінки WikiWikiWeb
2. Знайомство з загальними правилами редагування проектів Wiki.
Існує декілька способів реалізації системи Wiki. Поєднує їх те, що Wiki-сторінки завжди мають два подання: для відображення інформації у вигляді HTML і для редагування за допомогою спрощеної мови розмітки. Синтаксис і стиль цієї мови можуть варіюватися залежно від конкретної реалізації Wiki.
Базові правила форматування тексту дуже прості: не створювати абзаців; в якості роздільника використовувати порожні рядки; чотири дефіси або більше на початку рядка перетворяться в горизонтальний роздільник і т.п.
Щоб створити нову сторінку, досить при редагуванні поточної ввести нове Wiki-ім'я у вигляді декількох слів, записаних із прописної букви; надалі воно буде використовуватися як ім'я для нової сторінки. Якщо до цього сторінки з таким ім'ям не існувало, то після збереження буде згенероване посилання, що закінчується знаком питання. Клацання на ньому відкриває вікно редагування нової сторінки. Тим самим посилання між сторінками прописуються за допомогою Wiki-імен. Оскільки назви сторінок є гіперпосиланнями між документами, то потрібно, щоб вони ясно вказували на зміст сторінки.
3. Практична робота з веб-сайтом, побудованому за технологією Wiki.
Практичне вивчення технології Wiki виконується з використанням движка Wikipad, що представляє собою систему, зібрану спеціально для локального запуску.
Для установки системи, необхідно розпакувати вміст архіву, отриманого у викладача, на диск С:\. Web-сервер при цьому буде розташовуватися в папці: С:\wikipad\server\
Сам движок Wikipad після розпакування буде розташований у папці: С:\wikipad\website\.
Крім цього, буде також створена папка для експорту поточного вмісту системи Wikipad у статичний сайт. Саме звідси потім можна буде взяти готовий згенерований сайт: С:\wikipad\export\.
Запуск локальної версії системи виконується за допомогою командного файлу start.bat, розташованого в основному каталозі системи. При запуску web-сервера, може з’явитися вікно брандмауера Windows, що запитає, чи можна дозволити програмі Apache працювати як сервер. Потрібно погодитися, нажавши кнопку Розблокувати.
Після запуску командного файлу, відкриється вікно, яке потрібно буде згорнути, але в жодному разі не закривати, тому що воно представляє собою запущений web-сервер, що повинен працювати увесь час, доки виконується робота з локальною версією движка Wikipad.
Після того, як web-сервер буде запущений, можна починати використання системи. Для цього досить запустити будь-який браузер і набрати в його адресному рядку або стандартне локальне доменне ім'я: http://localhost/ або стандартну локальну IP-адресу: 127.0.0.1
Якщо web-сервер запуститься нормально, то з'явиться перша сторінка системи Wikipad. Для того, щоб почати працювати з системою, тобто створювати нові або редагувати існуючі сторінки, завантажувати файли й т.п., необхідно ввійти в систему. За замовчуванням, для локальної установки використовуються такі параметри доступу до сайту:
Логін: admin
Пароль: admin
Для коректного завершення роботи web-сервера Apache використовується командний файл stop.bat.
4. Вивчення основних засобів мови Wiki для створення нових та редагування існуючих сторінок на прикладі системи Wikipad.
При написанні текстів в Wikipad використовується спеціальна Wiki-розмітка та базовий Wiki-синтаксис.
Заголовки
При написанні текстів можна використовувати заголовки 5 рівнів. Кожний заголовок повинен бути оточений знаками дорівнює «=» (від 2 до 6 знаків). Чим більше знаків дорівнює «=», тим більш вкладеним буде заголовок.
== Заголовок першого рівня ==
=== Заголовок другого рівня ===
==== Заголовок третього рівня ====
Необхідно вводити заголовки в текст статті послідовно, тобто щоб за заголовком 1-го рівня йшов заголовок 2-го рівня, а не 3-го чи 4-го.
Абзаци
Для створення абзацу досить просто почати писати текст. Порожній рядок починає новий абзац. Можна робити переноси рядків – вони не будуть вважатися новими абзацами, а будуть склеєні з попереднім рядком
Це перший абзац в один рядок.
А це другий абзац, у якому був зроблений перенос,\\
але який при цьому однаково залишився одним абзацом
Ви можете примусово переносити рядки (наприклад, для публікації віршів), указуючи наприкінці рядка подвійний зворотний слеш.
Я помню чудное мгновенье:\\
Передо мной явилась ты\\
Как мимолетное виденье,\\
Как гений чистой красоты...
Якщо наприкінці рядка вказати більше, ніж два зворотних слеша, то в цьому випадку кожний додатковий слеш вставить додатковий порожній рядок.
Списки
Як відомо, списки бувають маркіровані й нумеровані. Для того, щоб створити маркірований список, потрібно почати рядок із зірочки «*». Чим більше зірочок, тим глибше рівень вкладеності елемента списку.
* Перший пункт маркірованого списку
* Другий пункт маркірованого списку
* Третій пункт маркірованого списку
Для створення нумерованого списку замість зірочки необхідно використовувати знак решітки «#».
# Перший пункт нумерованого списку
# Другий пункт нумерованого списку
Крім цього, можна створювати змішані списки. Наприклад, створивши основний рівень списку нумерованим, а вкладені підрівні маркірованими. Розмітка при цьому буде виглядати такий чином.
# Перший рівень нумерованого списку
#* Другий рівень маркірованого списку
#* Другий рівень маркірованого списку
# Перший рівень нумерованого списку
Створення відступів
Якщо необхідно зробити відступ у тексті, наприклад, для цитування повідомлення, то потрібно почати рядок із двокрапки. Чим більше двокрапок, тим більше відступ.
: Цей абзац буде показаний з невеликим відступом
:: А цей абзац буде показаний із ще більшим відступом
Визначення термінів
Дуже часто при написанні серйозної статті виникає необхідність створення невеликого глосарію. В рамках Wiki-розмітки дуже легко створити список термінів з їх розшифровкою. Для цього використовується наступний синтаксис.
; Термін : Визначення
Логічне виділення слів або фраз
Для логічного виділення в тексті можна використовувати два (для виділення похилим шрифтом) або три (для виділення напівжирним шрифтом) апострофа. Якщо необхідно виділити щось у тексті, написаному напівжирним накресленням, то використовується п'ять апострофів
''Цей текст буде виділений похилим шрифтом''
'''А цей уже напівжирним'''
Розподільча лінія
Коли текст занадто довгий і його неможливо структурувати за допомогою заголовків, можна використовувати горизонтальну лінію. Для того, щоб створити розподільчу логічну лінію, необхідно написати на початку рядку чотири або більше дефіси.
----
Посилання
Для того щоб поставити посилання на яку-небудь сторінку, досить указати її ідентифікатор і через вертикальну риску – назву сторінки в потрібній формі, взявши всю конструкцію в подвійні квадратні дужки. Якщо така сторінка існує, то посилання відразу буде працювати. Якщо ж сторінка поки ще не існує, то при натисканні на таке посилання буде здійснений перехід до форми створення нової сторінки.
[[news|новини]]
Докладна інформація наведена на [[news|сторінці новин]]
Якщо створюється нова сторінка, то її назва повинна бути в нейтральному вигляді, тому що вона використовується для створення заголовка сторінки. Після того, як сторінка створена, можна змінити текст посилання, щоб урахувати потрібний відмінок. В якості ідентифікатора сторінки потрібно використовувати тільки латинські букви в нижньому регістрі, цифри й знак підкреслення.
Зовнішні посилання
Зовнішні посилання – це звичайні HTML-посилання, які використовуються для посилання на зовнішні ресурси. Для створення зовнішнього посилання можна або просто почати написання посилання з протоколу, або використати більш складну конструкцію (якщо необхідно дати назву для посилання).
http://www.cherry-wiki.spb.ru/
[http://www.cherry-design.spb.ru/ Web-studio "Cherry-Design"]
Неформатований текст
Для того щоб надрукувати неформатований текст, досить почати рядок із пробілу. Дана можливість дуже корисна, якщо, наприклад, потрібно проілюструвати текст статті програмним кодом.
Використання зображень
Перш ніж використовувати зображення на сторінці, необхідно його попередньо підготувати й завантажити в систему, вибравши відповідний пункт в основному меню. Підтримуються зображення 4-х графічних форматів: GIF, JPEG, PNG і SWF (Flash).
Для того щоб вставити в текст сторінки зображення, необхідно використовувати таку ж конструкцію, як і при створенні звичайного внутрішнього посилання, але вона повинна починатися з префікса Image:
[[Image:picture.png]]
Зображення може бути вирівняне вліво або вправо, а також по центру. При виборі вирівнювання вліво або вправо, автоматично включається режим обтікання зображення текстом. Для вибору потрібного способу вирівнювання використовується одне з наступних ключових слів: left, right, center.
[[Image:picture.png|left]]
[[Image:picture.png|right]]
[[Image:picture.png|center]]
Можна вказати альтернативний текст для зображення, що вставляється, просто вказавши його останнім у списку атрибутів.
[Image:picture.png|left|опис зображення]]
За замовчуванням зображення відображається точно в такому вигляді, у якому воно було завантажено на сайт. Можна поліпшити зовнішній вигляд зображення, створивши навколо нього рамку. Це робиться за допомогою атрибута frame.
[[Image:picture.png|left|frame|опис зображення]]
Крім того, якщо для зображення був визначений пояснювальний текст, то він буде показаний під ним як опис.
Використання файлів, що завантажуються
Як і у випадку з зображеннями, якщо необхідно викласти на сторінці який-небудь файл, його необхідно попередньо завантажити. Це робиться за допомогою команди Загрузить файл в основному меню. Для посилання в тексті сторінки на завантажений файл використовується наступна конструкція:
[[File:archive.zip]]
Також можна написати пояснювальний текст до файлу, що завантажується, і він буде використаний як текст посилання.
[[File:archive.zip|архів із прикладами]]
Створення таблиць
Для створення таблиці досить почати рядок з вертикальної риски або знаку оклику. Використання у якості лівої границі знаку оклику замість вертикальної риски означає, що дана комірка є заголовком і повинна бути виділена.
!Ім'я !Прізвище !Посада ! Рік народження |
|иван |иванов |директор | 1966 |
|семен |семенов |бухгалтер | 1958 |
|мария |петрова |секретарь | 1980 |
Для вирівнювання вмісту комірок використовуються наступні правила. Для вирівнювання по лівому краю текст в комірці повинен починатися впритул до лівої вертикальної риски, а між текстом і правою рискою повинен бути, як мінімум, один пробіл. Те ж саме й для вирівнювання тексту по правому краю, тільки пробіл повинен бути ліворуч від тексту, а сам він повинен бути притиснутий до правого краю. Якщо текст оточений пробілами по обидва боки, то він буде розташований по центру.
|Вліво | По центру| Вправо|
Якщо пробіли відсутні як ліворуч, так і праворуч від тексту, то вирівнювання в комірці буде відповідати вирівнюванню за замовчуванням.
Можна поєднувати кілька комірок по горизонталі. Для цього досить поставити після вмісту комірки не одну вертикальну риску, а стільки, скільки комірок праворуч будуть об'єднані з даною коміркою. При цьому пробілів між вертикальними рисками не повинно бути.
|!Ім'я Прізвище ||Посада | Рік народження |
|іван |іванов |директор | 1966 |
|семен |семенов |бухгалтер | 1958 |
|марія |петрова |секретар | 1980 |
5. Створити за допомогою засобів мови Wiki свою сторінку з|із| |технічний| статтею, що відповідає структурі та змісту написаного раніше есе. Після|потім| перегляду|проглядання| на екрані зберегти отриманий результат. Стаття повинна окрім|крім| тексту містити|утримувати| рисунок, посилання|заслання|, невелику таблицю.