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

Содержание

Слайд 2

Как будем работать? (45 мин+ 5 перерыв + 40 мин) У

Как будем работать? (45 мин+ 5 перерыв + 40 мин)

У нас

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

17.12.10

Слайд 3

Знакомство О себе ФИО: Порошин Александр Николаевич преподаватель СПб гос. ун-та

Знакомство

О себе
ФИО: Порошин Александр Николаевич
преподаватель СПб гос. ун-та (СПбГУ, ЭФ)
образование:

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

17.12.10

Слайд 4

Вебинар ориентирован на Преподавателя, желающего или уже применяющего интернет-технологии в целях

Вебинар ориентирован на

Преподавателя, желающего или уже применяющего интернет-технологии в целях обучения

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

17.12.10

Слайд 5

Сегодня наши задачи Повторить методику разработки учебного сайта Сделать обзор учебного

Сегодня наши задачи

Повторить методику разработки учебного сайта
Сделать обзор учебного сайта, реализованного

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

17.12.10

Слайд 6

Три «кита» сайтостроения Его величество Контент (содержательное ядро) Ее величество дизайн

Три «кита» сайтостроения

Его величество Контент
(содержательное ядро)
Ее величество дизайн
(единство стиля сайта и

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

17.12.10

Слайд 7

Этапы разработки сайта в среде Wiki Этап 1. Разработка паспорта сайта

Этапы разработки сайта в среде Wiki

Этап 1. Разработка паспорта сайта
Этап 2.

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

17.12.10

Слайд 8

Этап 3. Наполнение контентом Задача этапа: формирование страниц на основе Вики-разметки

Этап 3. Наполнение контентом

Задача этапа: формирование страниц на основе Вики-разметки
Основные операторы:
Структуризация

заголовками
Форматирование текста
Указание объекта (таблицы, рисунка)
Создание гиперссылки на страницу сайта
Создание ссылки на загружаемый файл
Создание ссылки на внешний ресурс

17.12.10

Слайд 9

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

Поддержка сайта

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

17.12.10

Слайд 10

Особенности Вики-системы встроенный Wiki-редактор работа без базы данных (система, основанная «на

Особенности Вики-системы

встроенный Wiki-редактор
работа без базы данных (система, основанная «на файлах»)
необходимость интерпретатора

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

17.12.10

Слайд 11

Достоинства и недостатки Вики-подхода Плюсы Простота разработки и поддержки Быстрота при

Достоинства и недостатки Вики-подхода

Плюсы
Простота разработки и поддержки
Быстрота при редактировании страниц
Отсутствие необходимости

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

17.12.10

Слайд 12

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

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

17.12.10

Слайд 13

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

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

17.12.10

Слайд 14

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

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

17.12.10

(http://site.idpo.org)

Слайд 15

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

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

17.12.10

Слайд 16

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

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

17.12.10

Слайд 17

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

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

17.12.10

Слайд 18

Отличие редакций Расположение материала – более сбалансировано Больше материала дано как

Отличие редакций

Расположение материала – более сбалансировано
Больше материала дано как веб-страницы (легче

доступ – не надо скачивать)
Даются справочные сведения (тип и длина закачиваемых файлов)

17.12.10

Слайд 19

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

Структура сайта (редакция 2)

17.12.10

страницы

файлы

Слайд 20

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

Вики-разметка страницы

17.12.10

См. пример страницы по адресу: http://site.idpo.org/pages.php?id=nabv2

Подробнее о редактировании страниц: http://site.idpo.org/pages.php?id=pract2

Слайд 21

Типичные ошибки (правка страниц) Забываем сохранять текст страниц Неверно указываем имена

Типичные ошибки (правка страниц)

Забываем сохранять текст страниц
Неверно указываем имена страниц (напр.

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

17.12.10

Слайд 22

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

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

17.12.10

Слайд 23

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

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

17.12.10

Слайд 24

Требования к ПК и к хостингу Никаких специальных! Но нужен браузер

Требования к ПК и к хостингу

Никаких специальных! Но нужен браузер ☺
Желательно:
Наличие

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

17.12.10

Слайд 25

Установка Wiki-системы на ПК См. небольшой readme.txt в файле с дистрибутивом.

Установка Wiki-системы на ПК

См. небольшой readme.txt в файле с дистрибутивом.
Основные

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

17.12.10

Слайд 26

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

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

17.12.10

Слайд 27

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

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

17.12.10

Слайд 28

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

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

17.12.10

Слайд 29

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

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

17.12.10

Слайд 30

Пример применения системы 17.12.10 Пример использования Wikipad с целью реализации личной

Пример применения системы

17.12.10

Пример использования Wikipad с целью реализации личной информационной системы

на ПК (для научной работы)
Слайд 31

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

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

17.12.10

Слайд 32

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

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

17.12.10

Слайд 33

Установка системы на сервере (1) 1. Первоначальное конфигурирование Распаковка и редактирование

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

1. Первоначальное конфигурирование
Распаковка и редактирование файла

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

17.12.10

Слайд 34

Установка системы на сервере (2) 2. Копирование файлов на сервер и

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

2. Копирование файлов на сервер и установка

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

17.12.10

Слайд 35

Установка системы на сервере (3.) 3. Запуск и тестирование системы Запуск

Установка системы на сервере (3.)

3. Запуск и тестирование системы
Запуск браузера и

обращение к сайту
Вход в режим автора и пробное редактирование страниц сайта

17.12.10

Слайд 36

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

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

17.12.10

Слайд 37

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

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

17.12.10

Слайд 38

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

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

17.12.10

Слайд 39

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

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

17.12.10

Слайд 40

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

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

17.12.10

Слайд 41

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

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

17.12.10

Слайд 42

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

3. Пробный вход в систему

17.12.10

Адрес сайта Н. А. Буре на сервере:

http://nab.idpo.org
Слайд 43

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

Ура, работает!

17.12.10

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

и скорректировать некоторые ссылки!
Слайд 44

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

Копирование файлов из рабочей папки

17.12.10

Файлы страниц и папка данных во

временном каталоге

Новые файлы страниц сайта в каталоге сервера (помечены красным)

Слайд 45

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

Новые страницы сайта после переноса

17.12.10

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

Слайд 46

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

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

17.12.10

Слайд 47

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

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

17.12.10

Слайд 48

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

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

17.12.10

Слайд 49

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

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

17.12.10

Слайд 50

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

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

17.12.10

Слайд 51

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

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

17.12.10

Слайд 52

Проблемы при установке Обычно не бывает Иногда – путаем уровень папки

Проблемы при установке

Обычно не бывает
Иногда – путаем уровень папки в структуре

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

17.12.10

Слайд 53

Проблемы при разработке сайта Нелегко сделать интересный дизайн (разработчик дает шаблон

Проблемы при разработке сайта

Нелегко сделать интересный дизайн (разработчик дает шаблон шапки),

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

17.12.10

Слайд 54

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

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

17.12.10

Слайд 55

Вопросы сопровождения (поддержки) Необходимость поддержки – «кровавое ярмо» при сопровождении сайтов

Вопросы сопровождения (поддержки)

Необходимость поддержки – «кровавое ярмо» при сопровождении сайтов –

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

17.12.10

Слайд 56

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

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

17.12.10