Web-пространство Интернета (на начало урока 7)
Регистрационная метка
Выходим в Интернет (на оглавление книги)
На начало урока 7

Технология Вики

Что такое Вики?

Вики (Вики-Вики, WikiWiki, на гавайском языке “wiki wiki” означает “быстро-быстро”) — это такой сайт в Интернете, который доступен для изменений не только его автору, но и всем посетителям. В этом главная новизна этой технологии.

Каждая страница Вики-сайта имеет кнопку Редактирование (кнопка может иметь другое название).

Посетитель нажимает эту кнопку и видит Вики-разметку, по которой строится страница. Он может внести любые изменения (в том числе добавить новые страницы), и эти изменения, после щелчка на кнопке Сохранить, сразу вступают в силу.

Язык Вики-разметки гораздо проще языка HTML. Его основные правила могут быть освоены за несколько минут.

Однако браузеры, которые показывают Интернет-страницы, ничего о языке Вики не знают. Каким же образом браузер строит на экране страницу, заданную на Вики?

Если посмотреть на “изнанку” гипертекстовой Вики-страницы в самом браузере (пункт Просмотр HTML-кода в меню Вид), то вместо Вики-разметки, увидим обычный HTML-код, как и полагается для страниц, прописанных в Web.

Это наблюдение подсказывает правильный ответ: сервер, на котором находится Вики-сайт, содержит специальную программу-транслятор (движок Вики). Пользователь кодирует сайт на Вики, транслятор превращает Вики в HTML, а браузер отображает HTML на экране.

Таким образом, приходим к следующим выводам:

  • Вики — это сайт в Интернете.
  • Вики — это сайт, страницы которого можно редактировать средствами самого сайта.
  • Кодировать Вики-страницы можно при помощи Вики-разметки, которая проще языка HTML.
  • Сервер Вики-сайта содержит программу-транслятор — движок Вики. Транслятор на сервере переводит Вики в HTML. Браузер загружает с сервера HTML-страницу и отображает HTML-код в виде гипертекстовой страницы на экране пользователя.

Следует отметить, что в составе Вики-разметки можно использовать HTML-код. Движку Вики при этом достанется меньше работы: трансляция фрагментов на HTML сводится к простому копированию.

Плюсы Вики-технологии

Вики предоставляет удобную среду для создания коллективных проектов с простыми средствами разработки: кодировать страницы можно при помощи простой Вики-разметки. При этом любители и знатоки могут использовать фрагменты на HTML.

В качестве примера нельзя не привести грандиозный проект “Википедия” (ru.wikipedia.org) (ru.wikipedia.org) — сетевая народная энциклопедия. Википедия свободно доступна для чтения и редактирования в Интернете.

Логотип Википедии

Этот проект был запущен в 2001 г. американцами Джимми Уэльсом и Ларри Сандером. Количество статей в Википедии на русском языке превышает 110 тысяч (на октябрь 2006 года), а на английском перевалил за миллион.

Обращение к Википедии часто оказывается эффективнее использования традиционных поисковых сайтов типа Яндекса или Гугла.

Набирают популярности родственные проекты:

Проблемы Вики-технологии

Веб-интерефейс

Для разработки Вики-приложения приходится использовать веб-интерфейс сайта, который предлагает эту услугу (и Вики-движок, расположенный на сервере этого сайта).

Веб-интерефейс неудобен, так как предполагает создание и редактирование страниц в режиме онлайн (на сайте Интернета) при помощи примитивного текстового редактора.

Подробнее:

  • Работать можно только при наличии связи с Интернет (конкретно с сайтом, на котором находится наш Вики).
  • Скорость онлайн-работы в значительной степени зависит от типа подключения к Интернету и сетевой обстановке в текущий момент.
  • За время работы на сайте Интернета нужно платить.
  • Текстовый редактор на странице сайта слишком примитивный, его нельзя рассматривать в качестве серьёзного инструмента разработчика (уступает даже Блокноту Windows).

Проблема достоверности и авторства

Вики удобен для “стихийных” разработок, когда каждый желающий может создавать и редактировать информацию на Вики-сайте. В этом большой плюс — сообщество Вики-разработчиков может быть огромным, но есть и минус — контроль за Вики-информацией затруднён, практически невозможен.

Например, Википедия хранит много интересных статей, но за достоверность информации никто не может поручиться. Ведь любой вольный прохожий может написать для Википедии новую статью или изменить существующую. По правилам Викепедии под её статьями нельзя подписываться, и это понятно: если статью редактировало несколько человек, то кто из них автор?

Следует отметить, что проблема достоверности и авторства возникает только при создании стихийных разработок (к которым относится Википедия). При корпоративном объединении разработчиков авторство и достоверность контролировать гораздо легче. На корпоративном Вике-сайте можно решить и вопросы дублирования, навигации и дизайна (об этих проблемах рассказано ниже).

Дублирование

В информационной базе, растущей в рамках стихийного Вики-проекта, рано или поздно оказываются внутренние пересечения — абзацы повторяются на разных страницах, ссылки на ресурсы дублируются в разных разделах.

Проблема навигации

Страницы Вики-проекта трудно структурировать: Вики-сайт нарастает стихийно, на нём легко заблудиться. Если прочитал что-то интересное и не сохранил ссылку, найти повторно понравившийся фрагмент будет непросто.

Проблема дизайна

В силу стихийности разрастания Вики-сайта, его дизайн практически невозможно унифицировать — каждая страница может иметь свою особую “одежду” и свою особую манеру расположения на ней информационных и интерфейсных элементов.

Отсутствие стандартов

Существует несколько вариантов Вики-разметки: страницы, подготовленные на сайте одного Вики-провайдера, не могут быть перенесены на сайт другого, если синтаксис Вики у них разный.

Объединяет все варианты Вики лишь то, что все они допускают вставку фрагментов на языке HTML.

Возможно, в недалёком будущем будет выполнена стандартизация языка Вики.

Вики-разметка

Как уже отмечалось, Вики-разметка существует в нескольких вариантах.

Простейшие Вики-среды допускают элементарное форматирование текста, более сложные обеспечивают работу с таблицами, изображениями и интерактивными элементами.

Рассмотрим в качестве примера Вики-разметку, которую поддерживает сайт pbwiki.com (на этом сайте вы можете стартовать свой собственный Вики-проект).

Заголовок

Один знак ! (знак восклицания) в начале строки превращает её в заголовок первого уровня, два знака !! — в заголовок второго уровня и так далее до шести знаков !!!!!!, которые задают заголовок 6 уровня.

Вики-разметка Примерный вид на экране
!Заголовок первого уровня

Заголовок первого уровня

!!Заголовок второго уровня

Заголовок второго уровня

!!!Заголовок третьего уровня

Заголовок третьего уровня

!!!!Заголовок четвёртого уровня

Заголовок четвёртого уровня

!!!!!Заголовок пятого уровня
Заголовок пятого уровня
!!!!!!Заголовок шестого уровня
Заголовок шестого уровня

Абзац

Специальных знаков для разметки абзаца нет. Абзацы в Вики-разметке, как и в редакторе Word, формируются нажатием клавиши Enter в текстовом редакторе.

Вики-разметка Примерный вид на экране Комментарий
Текст нужно разбивать на небольшие абзацы, т. к. читать большие абзацы с экрана трудно.¶
Не рекомендуется записывать абзацы длиннее 4-5 строк в расчёте на 80-символьные строки.¶
Текст нужно разбивать на небольшие абзацы, т. к. читать большие абзацы с экрана трудно.

Не рекомендуется записывать абзацы длиннее 4-5 строк в расчёте на 80-символьные строки.

На экране два абзаца.

Выделения

Полужирное выделение: **фрагмент** (по две звёздочки до и после).

Курсив: ''фрагмент'' (по два апострофа до и после).

Подчеркнутый: __фрагмент__ (по два нижних прочерка до и после).

Зачёркнутый: -фрагмент- (пробел и минус до, минус и пробел после).

Вики-разметка Примерный вид на экране
Каждая страница Вики-сайта имеет кнопку ''Редактирование''. Каждая страница Вики-сайта имеет кнопку Редактирование.
В этом тексте жирностью выделено слово **магнит**. Это слово притягивает внимание пользователя. В этом тексте жирностью выделено слово магнит. Это слово притягивает внимание пользователя.
Подчёркнутый __текст__ лучше не использовать на сайте, ведь так традиционно выделяются ссылки. Подчёркнутый текст лучше не использовать на сайте, ведь так традиционно выделяются ссылки.
Зачёркнутый текст можно использовать, например, для указания старой и новой цены товара: -50 руб.- 40 руб. Зачёркнутый текст можно использовать, например, для указания старой и новой цены товара: 50 руб. 40 руб.

Списки

Один символ * (звездочка) и пробел в начале строки кодируют пункт маркированного списка.

Один символ # (решётка) и пробел в начале строки кодируют пункт нумерованного списка.

Вложенные списки создаются путем размножения * или # в подпунктах.

Вики-разметка Примерный вид на экране
Список вопросов Пятачка:
* Какой он, этот Слонопотам?
* Неужели очень злой?
* Идёт ли он на свист? И если идёт, то зачем?
* Любит ли он поросят или нет?
* И как он их любит?
Список вопросов Пятачка:
  • Какой он, этот Слонопотам?
  • Неужели очень злой?
  • Идёт ли он на свист? И если идёт, то зачем?
  • Любит ли он поросят или нет?
  • И как он их любит?
Список слов из словаря Эллочки:
# Хамите.
# Хо-хо!
# Знаменито.
# Мрачный.
# Мрак.
# Жуть.
Список слов из словаря Эллочки:
  1. Хамите.
  2. Хо-хо!
  3. Знаменито.
  4. Мрачный.
  5. Мрак.
  6. Жуть.
Классификация животных:
* Хордовые
** Млекопитающие
*** Хищные
**** Волчьи
***** Волк
**** Кошачьи
***** Рысь
***** Кошка
** Птицы
*** Воробьиные
**** Врановые
***** Ворона
***** Сорока
Классификация животных:
  • Хордовые
    • Млекопитающие
      • Хищные
        • Волчьи
          • Волк
        • Кошачьи
          • Рысь
          • Кошка
    • Птицы
      • Воробьиные
        • Врановые
          • Ворона
          • Сорока

Таблицы

Код табличной строки имеет вид:

|строка|

Если в строке требуется более одной ячейки, для разделения ячеек используется тот же символ | (вертикальная черта).

Вики-разметка Примерный вид на экране
|Первая ячейка|Вторая ячейка|
Первая ячейка Вторая ячейка
|11|12|13|
|21|22|23|
|31|32|33|
11 12 13
21 22 23
31 32 33

Ссылки

Адрес на сетевой ресурс или адрес электронной почты Вики автоматически превращает в ссылку (http://www.botik.ru/~robot/ru, kurs@robotland.pereslavl.ru).

Квадратные скобки превращают любой фрагмент в гиперссылку. При этом пока не создана страница с соответствующим именем, ссылка на странице будет подчёркиваться пунктиром. Это позволяет с одного взгляда понять, какие страницы уже созданы, а какие — нет.

Чтобы содержательный текст превратить в гиперссылку на сетевой ресурс, нужно в квадратные скобки заключить разделенные | (вертикальной чертой) адреса и текст гиперссылки.

Специальная ссылка <top> предназначена для возврата к началу страницы.

Вики-разметка Примерный вид на экране
Адрес Роботландского университета: http://www.botik.ru/~robot/ru Адрес Роботландского университета: http://www.botik.ru/~robot/ru
Инструкции можно посмотреть на странице [Помощь]. Инструкции можно посмотреть на странице Помощь.
Загляните на страницу [http://www.botik.ru/~robot/ru |Роботландского университета]. Загляните на страницу Роботландского университета.
<top> Top

Чтобы создать новую страницу, ссылка на которую поставлена в тексте при помощи конструкции [ссылка], щёлкните на этой ссылке мышкой: откроется редактор, и в нём можно записать Вики-разметку новой страницы.

Горизонтальная линия

Горизонтальную линию можно закодировать при помощи трёх знаков минуса (---) в отдельной строке.

Вики-разметка Примерный вид на экране
Содержимое страницы.
---
А. Дуванов kurs@robotland.pereslavl.ru
Содержимое страницы.
А. Дуванов kurs@robotland.pereslavl.ru

Картинки

Картинку можно вставить на страницу, указав ссылку на неё (в квадратных скобках), например, так:

[http://pbwiki.com/pic.jpg]

Файл с картинкой можно скопировать на Вики-сервер при помощи кнопки Files на странице редактора Вики.

Вставить загруженную картинку проще всего щелчком на её миниатюре (загруженные картинки отображаются в виде миниатюр в окне редактора).

Счётчик посещений

Счётчик посещения можно вставить на страницу при помощи конструкции <views>.

Вики-разметка Примерный вид на экране
|Количество просмотров: **<views>**|

 

Количество просмотров: 2345

 

Пример

Вики-разметка Примерный вид на экране
!Дуванов Александр Александрович

<IMG src=/f/d.jpg align=left> Главный разработчик курса информатики для младших школьников&nbsp;&#151; Роботландия |http://www.botik.ru/~robot/|. Организатор, руководитель, преподаватель и разработчик курсов Роботландского сетевого университета. Автор более сотни педагогических публикаций, методических пособий и учебников. Переславль-Залесский, kurs@robotland.pereslavl.ru

На начало урока 7

Азы информатики RU 2000/2006 © А.А.Дуванов

Вверх Оглавление книги Урок 7. Web-пространство Интернета Письмо автору Об авторах