Разработка малобюджетного учебного сайта на основе концепции Wiki Часть / 12:00 – 13:

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

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

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

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

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

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

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

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

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

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

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

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

Переход на под сайты участников (

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

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

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

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

Структура сайта (редакция 2) главная курсы по выбору полезные ссылки об авторе подробные программы Архив страницы файлы

Вики-разметка страницы См. пример страницы по адресу: Подробнее о редактировании страниц:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. Пробный вход в систему Адрес сайта Н. А. Буре на сервере:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

До новых встреч! Следите за нашими событиями на Благодарим участников и наших партнеров: