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


The Presentation inside:

Slide 0

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


Slide 1

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


Slide 2

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


Slide 3

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


Slide 4

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


Slide 5

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


Slide 6

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


Slide 7

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


Slide 8

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


Slide 9

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


Slide 10

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


Slide 11

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


Slide 12

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


Slide 13

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


Slide 14

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


Slide 15

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


Slide 16

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


Slide 17

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


Slide 18

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


Slide 19

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


Slide 20

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


Slide 21

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


Slide 22

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


Slide 23

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


Slide 24

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


Slide 25

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


Slide 26

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


Slide 27

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


Slide 28

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


Slide 29

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


Slide 30

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


Slide 31

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


Slide 32

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


Slide 33

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


Slide 34

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


Slide 35

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


Slide 36

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


Slide 37

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


Slide 38

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


Slide 39

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


Slide 40

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


Slide 41

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


Slide 42

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


Slide 43

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


Slide 44

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


Slide 45

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


Slide 46

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


Slide 47

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


Slide 48

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


Slide 49

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


Slide 50

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


Slide 51

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


Slide 52

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


Slide 53

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


Slide 54

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


Slide 55

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


Slide 56

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


×

HTML:





Ссылка: