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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

33 Установка системы на сервере (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";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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