Разработка малобюджетного учебного сайта на основе концепции Wiki

Как будем работать? (45 мин+ 5 перерыв + 40 мин)
У нас есть продюссер (Юлия Завдовьева), который:
Отвечает на все технические и организационные вопросы и записывает все обещания ведущего
По итогам вебинара открывает тему в форуме и размещает там все материалы
О вопросах
На все вопросы, которые появляются в чате по ходу вебинара, ответы даются периодически (после окончания подраздела через 6-10 слайдов), а также в перерыве и в конце вебинара
Просьба вопросы накапливать в спец. подразделе чата «Вопросы»
17.12.10

Знакомство
О себе
ФИО: Порошин Александр Николаевич
преподаватель СПб гос. ун-та (СПбГУ, ЭФ)
образование: инженер-системотехник (ПО ЭВМ, 1979), web-мастер (ФПК СПбГУ, 1996)
преподаватель (колледжи, вузы, ФПК, с 1981 г.)
в области ДО с 1997 г.;
2002–2003 гг. – декан факультета ДО СПб филиала Международного университета
Личные учебные сайты на сервере ЭФ СПбГУ с 2003 г. (статический, в среде Wikipad, в LMS Moodle)
17.12.10

Вебинар ориентирован на
Преподавателя, желающего или уже применяющего интернет-технологии в целях обучения (таковых было большинство на 1 части)
Администратора/организатора обучения
Научного работника, которому необходима информационная оболочка для накопления, классификации и интеграции своих данных
Любого, интересующегося быстрой разработкой информационного ресурса в сети
17.12.10

Сегодня наши задачи
Повторить методику разработки учебного сайта
Сделать обзор учебного сайта, реализованного на основе Wiki-подхода слушателем первой части этого вебинара
Рассмотреть установку wiki-системы (на ПК и на сервере)
Изучить применение Wiki-системы для подготовки образовательных компакт-дисков
Обсудить особенности и проблемы при установке и поддержке сайта
17.12.10

Три «кита» сайтостроения
Его величество Контент
(содержательное ядро)
Ее величество дизайн
(единство стиля сайта и эффективность его интерфейса)
Их верная служанка Навигация
(предсказуемый и надежный доступ)
17.12.10

Этапы разработки сайта в среде Wiki
Этап 1. Разработка паспорта сайта
Этап 2. Структура и навигация
Этап 3. Наполнение контентом
Этап 4. Редактирование дизайна
Этап 5. Комплексная проверка
17.12.10

Этап 3. Наполнение контентом
Задача этапа: формирование страниц на основе Вики-разметки
Основные операторы:
Структуризация заголовками
Форматирование текста
Указание объекта (таблицы, рисунка)
Создание гиперссылки на страницу сайта
Создание ссылки на загружаемый файл
Создание ссылки на внешний ресурс
17.12.10

Поддержка сайта
Включает:
резервное копирование (по FTP-протоколу)
регулярное обновление сайта
просмотр счетчиков посещений
продвижение (при необходимости)
17.12.10

Особенности Вики-системы
встроенный Wiki-редактор
работа без базы данных (система, основанная «на файлах»)
необходимость интерпретатора языка php версии 4 (содержится в дистрибутиве)
поддержка экспорта создаваемого динамического сайта (на основе php) в набор (статических) html-страниц;
только один автор (пароль администратора)
отсутствие возможности «отката» изменений
17.12.10

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

Ваши вопросы?
17.12.10

Обзор учебного сайта, реализованного на основе Wiki-подхода
17.12.10

Переход на подсайты участников
17.12.10
(http://site.idpo.org)

Требования к обозначению подсайта
17.12.10

Главная страница подсайта
17.12.10

Вторая редакция подcайта
17.12.10

Отличие редакций
Расположение материала – более сбалансировано
Больше материала дано как веб-страницы (легче доступ – не надо скачивать)
Даются справочные сведения (тип и длина закачиваемых файлов)
17.12.10

Структура сайта (редакция 2)
17.12.10
страницы
файлы

Вики-разметка страницы
17.12.10
См. пример страницы по адресу: http://site.idpo.org/pages.php?id=nabv2
Подробнее о редактировании страниц: http://site.idpo.org/pages.php?id=pract2

Типичные ошибки (правка страниц)
Забываем сохранять текст страниц
Неверно указываем имена страниц (напр. склоняем их названия)
Не указываем справочные сведения (размер и тип файла и др.)
Путаемся в синтаксисе команд разметки
Забываем давать гиперссылки на новые страницы
Неверно применяем теги языка HTML (кто их знает ☺ )
17.12.10

Ваши вопросы?
17.12.10

Установка системы на локальном компьютере
17.12.10

Требования к ПК и к хостингу
Никаких специальных! Но нужен браузер ☺
Желательно:
Наличие удобного файлового менеджера (для контроля расширений файлов, установки прав доступа)
Наличие FTP-клиента для закачивания файлов на сервер
По совокупности качеств используем Total Commander
17.12.10

Установка Wiki-системы на ПК
См. небольшой readme.txt в файле с дистрибутивом.
Основные шаги установки:
скачать дистрибутив (в формате zip);
распаковать его на диск C:\ (появится главная папка с системой C:\wikipad);
запустить php-движок командным файлом "start.bat" из главной папки (см. рис.);
17.12.10

Запуск движка
17.12.10

Пробный запуск системы – удачно!
17.12.10

Пробный вход в режим редактирования
17.12.10

Режим редактирования – работает!
17.12.10

Пример применения системы
17.12.10
Пример использования Wikipad с целью реализации личной информационной системы на ПК (для научной работы)

Ваши вопросы?
17.12.10

Установка системы на сервере
17.12.10

Установка системы на сервере (1)
1. Первоначальное конфигурирование
Распаковка и редактирование файла конфигурации
wikipad/includes/configuration.php
Изменение переменных:
// Название, слоган и электронный адрес сайта
$globals["website_title"] = "Wikipad";
$globals["website_words"] = "Простой онлайн блокнот";
$globals["website_email"] = "
[email protected]
";
// Ключевые слова и описание сайта
$globals["website_keywords"] = "Список ключевых слов";
$globals["website_description"] = "Краткое описание сайта";
// Логин и пароль для доступа к системе
$globals["login"] = "admin";
$globals["password"] = "admin";
17.12.10

Установка системы на сервере (2)
2. Копирование файлов на сервер и установка прав доступа
Копирование файлов из папки "wikipad/" на сервер (с помощью FTP-клиента):
Установка прав доступа на чтение/запись также посредством FTP-клиента для отдельных каталогов и папок:
Значение 0777 для каталогов:
files/
pages/
temp/
Значение 0666 для файлов в каталоге "pages/"
Для режима экспорта в статический сайт непосредственно на сервере необходимо также создать папку для экспорта (export/) и установить такие же права для нее.
17.12.10

Установка системы на сервере (3.)
3. Запуск и тестирование системы
Запуск браузера и обращение к сайту
Вход в режим автора и пробное редактирование страниц сайта
17.12.10

1. Редактирование файла конфигурации (1)
17.12.10

Редактирование файла конфигурации (2.)
17.12.10

2. Копирование файлов на сервер…
17.12.10

…и установка прав доступа к каталогам…
17.12.10

… и установка прав доступа к файлам
17.12.10

Код получившейся страницы сайта
17.12.10

3. Пробный вход в систему
17.12.10
Адрес сайта Н. А. Буре на сервере: http://nab.idpo.org

Ура, работает!
17.12.10
Теперь нужно перенести файлы из старого подсайта на новый сайт и скорректировать некоторые ссылки!

Копирование файлов из рабочей папки
17.12.10
Файлы страниц и папка данных во временном каталоге
Новые файлы страниц сайта в каталоге сервера (помечены красным)

Новые страницы сайта после переноса
17.12.10
Ура, работает с нужными файлами!

Ваши вопросы?
17.12.10

Создание статического сайта
(например, для CD-диска)
17.12.10

Экспорт сайта в статический
17.12.10

Сообщения о результате экспорта
17.12.10

Перенос файлов статического сайта
17.12.10

Результат: вызов страниц из каталога ПК
17.12.10

Проблемы при установке
Обычно не бывает
Иногда – путаем уровень папки в структуре каталогов (напр., папка export)
Иногда нелады с правами доступа
Иногда забываем/путаем логин и пароль
17.12.10

Проблемы при разработке сайта
Нелегко сделать интересный дизайн (разработчик дает шаблон шапки), но бывают исключения
Много времени отнимают скриншоты и др графика (если вставлять на веб-страницы) из-за ограниченной ширины страницы
Вся навигация «держится» на карте сайта – иногда трудно поддерживать логичную структуру (тогда – редизайн!)
17.12.10

Пример удачного дизайна (основа – Wikipad!)
17.12.10

Вопросы сопровождения (поддержки)
Необходимость поддержки – «кровавое ярмо» при сопровождении сайтов – всех, кроме
Wiki-сайтов (оперативность обновления!)
Необходимость регулярного резервирования файлов на локальном компьютере
Иногда пропадают страницы – если их стереть и после этого сохранить! (лекарство – опыт)
17.12.10

Ваши вопросы?
17.12.10