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

Нажмите для полного просмотра!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Разработка малобюджетного учебного сайта на основе концепции Wiki Часть 2 17.12.2010 / 12:00 – 13:30. Доклад-сообщение содержит 57 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

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

Слайд 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

Описание слайда:

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

Слайд 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

Описание слайда:

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

Слайд 31

Описание слайда:

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

Слайд 32

Описание слайда:

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

Слайд 33

Описание слайда:

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

Слайд 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-сайтов (оперативность обновления!) Необходимость регулярного резервирования файлов на локальном компьютере Иногда пропадают страницы – если их стереть и после этого сохранить! (лекарство – опыт)