Презентация-трансформер: S5 на MediaWiki — различия между версиями

Материал из YourcmcWiki
Перейти к: навигация, поиск
Строка 1: Строка 1:
<slide style="custis" scaled="true">
+
http://events.kapranoff.ru/proposals/23
 +
 
 +
<slide style="custis" scaled="true" headingmark="Слайд">
 
;author: Виталий Филиппов
 
;author: Виталий Филиппов
 
;addcss: * { font-family: "Segoe Print" !important; } .full { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
 
;addcss: * { font-family: "Segoe Print" !important; } .full { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
Строка 6: Строка 8:
 
== Слайд ==
 
== Слайд ==
  
[[Файл:DeathByPowerPoint.png|800px]]
+
<span style="color:#aaa">Все знают о</span>
 +
 
 +
"Смерти через PowerPoint"
 +
 
 +
== Слайд ==
 +
 
 +
<br />
 +
[[Файл:DeathByPowerPoint.png|400px]]
 +
[[Файл:DeathByPowerPoint1.png|400px]]
 +
 
 +
[[Файл:DeathByPowerPoint2.png|400px]]
 +
 
 +
== Слайд ==
 +
 
 +
Почему так происходит?
 +
 
 +
== Слайд ==
 +
 
 +
Люди гонятся за 2 зайцами!
 +
 
 +
[[Файл:Playboys.gif|800px]]
 +
 
 +
== Слайд ==
 +
 
 +
Презентация
 +
 
 +
<tab sep="bar">
 +
<span style="color:#a00">Демонстрация</span><br />Продажа |
 +
| &nbsp;
 +
| <span style="color:#00a">Самостоятельное&nbsp;чтение</span><br />Обучение
 +
</tab>
 +
 
 +
== Слайд ==
 +
 
 +
<span style="font-size: 200%">ГУРУ</span>
 +
 
 +
[[Файл:BlueOwl.jpg|650px]]
 +
 
 +
говорят нам:
 +
 
 +
== Слайд ГУРУ ==
 +
 
 +
* 1 мысль <span style="color: #aaa">(умная)</span>
 +
* 1 картинка <span style="color: #aaa">(красивая)</span>
 +
* 1 график <span style="color: #aaa">(простой)</span>
 +
 
 +
<span style="font-size: 200%">...</span>
 +
 
 +
== Слайд ==
 +
 
 +
<p style="text-align: right">"Больше всё равно <br /> <span style="color:#a00">не поймут</span>"</p>
 +
 
 +
== Слайд ==
 +
 
 +
Получается
 +
 
 +
[[Файл:Hypnotoad.jpg]]
 +
 
 +
(гипножаба)
 +
 
 +
== Слайд Гипножаба ==
 +
 
 +
<center><span style="color: #aaa">Отличные</span> "продажные" <span style="color: #aaa">презентации</span></center>
 +
 
 +
<center>НО</center>
 +
 
 +
<center><span style="font-size: 200%">Нечитаемые</span></center>
 +
 
 +
== Слайд ==
 +
 
 +
&rarr; Отлично продают
 +
 
 +
<s>Никак не обучают</s>
 +
 
 +
== Слайд ==
 +
 
 +
Мы - разработчики.
 +
 
 +
== Слайд Нам же... ==
 +
 
 +
Презентации нужны для:
 +
* Учебных курсов
 +
* Демонстраций
 +
* Обсуждений
 +
 
 +
== Аннотация ==
 +
 
 +
Классические презентации — «устное выступление перед аудиторией, дополняющее аудиоканал визуальным каналом со слайдами», известны всем.
 +
 
 +
Какие у них самые известные проблемы? Все, наверное, знакомы с «[http://www.slideshare.net/thecroaker/death-by-powerpoint-rus Смертью от Powerpoint]», гласящей, что основная проблема — перегруженность слайдов информацией.
 +
 
 +
Дело в том, что выступающий пытается угнаться за двумя зайцами и делает слайды двойного назначения — такие, под которые можно и «выступить», и такие, чтобы их могли прочитать отсутствующие на выступлении. Хочется, как лучше, а получается, как всегда — страшные «слайдоменты» (гибриды документа и слайда) вырубают аудиторию, заставляя её читать мелкий текст под монотонный бубнёж диктора. Но и самостоятельно читать «слайдоменты» сложнее, чем обычную статье.
 +
 
 +
Кроме того, слайды обычно являются бинарными документами (Open Office, Keynote, PowerPoint), что убивает конкурентную работу и контроль версий. Итог — слайды, если это не какое-нибудь [http://takahashi.su/ Такахаши] (которое в FF 3.6, кстати, не работает) — исключительно ''write-only'' продукт, который создаётся единожды, более не развивается и пылится в дальних углах файлохранилища.
 +
 
 +
Гуру «слайдологии» говорят — оставьте на слайде 1 мысль, 1 строку текста, 1 иллюстрацию, 1 график и так далее, потому что большее никто всё равно не осилит. И говорят, что на выходе будет «идеальная» презентация. На самом деле на выходе будет красочная WOW-презентация в стиле «гипножаба», идеальная для менеджера по продажам и абсолютно невозможная к самостоятельному изучению.
 +
 
 +
У нас, разработчиков, цели другие — презентациями нам надо не продавать, а рассказывать и обучать (в том числе, чтобы обучала сама презентация, без нас). Делать презентации нам надо быстро и часто — к каждой демонстрации, совещанию, учебному курсу. Их необходимо целостно развивать, вносить изменения. Нужна возможность параллельной коллективной работы. Ну и хотелось бы, чтобы все было максимально быстро — минимум затрат, максимальный эффект — и чтобы можно было использовать все — текст, анимацию, видео, майндмапы, ибо время тупых статичных слайдов давно умерло вместе с диапроекторами.
 +
 
 +
Встречайте! Решение — прикрученная к MediaWiki система презентаций S5 (чистый html+javascript).
 +
 
 +
Любая статья MediaWiki теперь может быть не только прочитана, но и показана как презентация! Разумеется, в слайд-части разрешаются иллюстрации, тезисы, а поясняющая текстовая часть статьи (если таковая есть), в режиме презентации скрывается. Сохраняются все возможности MediaWiki:
 +
 
 +
* Быстрое совместное редактирование, с контролем версий и историей изменений.
 +
* Поддержка сотен расширений эффективной публикации (раскраска кода, автоматические диаграммы, майндмапы и т. п.).
 +
* Презентация-статья — стандартный и целостный элемент общей базы знаний (ссылки, включения, шаблоны и т. п.).
 +
 
 +
И при этом используются все возможности веб-публикации:
 +
 
 +
* встраивание видео, флеш-объектов и т. п., они гораздо богаче возможностей PowerPoint или PDF-слайдов.
 +
* можно мгновенно перейти от просмотра статьи к показу слайдов используя только броузер.
 +
* есть навигация по слайдам, функциональность таймера.
 +
 
 +
Чем-то это похоже на «[http://takahashi.su/ Такахаши]» — метод экстремально быстрого создания презентаций, порождаемых из плоского текста. Только S5 — это не XUL, а чистый кроссбраузерный HTML и JavaScript, помноженные на удобства централизованной базы знаний на движке MediaWiki, и в нашей компании технология стало популярна сразу же, после первого показа.

Версия 13:04, 13 апреля 2010

http://events.kapranoff.ru/proposals/23

Slide Show
Slide Show
Warning: legacy <slide> parser hook used, change it to <slideshow> please
Заголовок

Презентация-трансформер: S5 на MediaWiki
Автор
Виталий Филиппов
Нижний колонтитул
Презентация-трансформер: S5 на MediaWiki
Дополнительный нижний колонтитул

Виталий Филиппов, 13:25, 14 апреля 2010

Слайд

Все знают о

"Смерти через PowerPoint"

Слайд


DeathByPowerPoint.png DeathByPowerPoint1.png

DeathByPowerPoint2.png

Слайд

Почему так происходит?

Слайд

Люди гонятся за 2 зайцами!

Playboys.gif

Слайд

Презентация

Демонстрация
Продажа
 
Самостоятельное чтение
Обучение

Слайд

ГУРУ

BlueOwl.jpg

говорят нам:

Слайд ГУРУ

  • 1 мысль (умная)
  • 1 картинка (красивая)
  • 1 график (простой)

...

Слайд

"Больше всё равно
не поймут"

Слайд

Получается

Hypnotoad.jpg

(гипножаба)

Слайд Гипножаба

Отличные "продажные" презентации
НО
Нечитаемые

Слайд

→ Отлично продают

Никак не обучают

Слайд

Мы - разработчики.

Слайд Нам же...

Презентации нужны для:

  • Учебных курсов
  • Демонстраций
  • Обсуждений

Аннотация

Классические презентации — «устное выступление перед аудиторией, дополняющее аудиоканал визуальным каналом со слайдами», известны всем.

Какие у них самые известные проблемы? Все, наверное, знакомы с «Смертью от Powerpoint», гласящей, что основная проблема — перегруженность слайдов информацией.

Дело в том, что выступающий пытается угнаться за двумя зайцами и делает слайды двойного назначения — такие, под которые можно и «выступить», и такие, чтобы их могли прочитать отсутствующие на выступлении. Хочется, как лучше, а получается, как всегда — страшные «слайдоменты» (гибриды документа и слайда) вырубают аудиторию, заставляя её читать мелкий текст под монотонный бубнёж диктора. Но и самостоятельно читать «слайдоменты» сложнее, чем обычную статье.

Кроме того, слайды обычно являются бинарными документами (Open Office, Keynote, PowerPoint), что убивает конкурентную работу и контроль версий. Итог — слайды, если это не какое-нибудь Такахаши (которое в FF 3.6, кстати, не работает) — исключительно write-only продукт, который создаётся единожды, более не развивается и пылится в дальних углах файлохранилища.

Гуру «слайдологии» говорят — оставьте на слайде 1 мысль, 1 строку текста, 1 иллюстрацию, 1 график и так далее, потому что большее никто всё равно не осилит. И говорят, что на выходе будет «идеальная» презентация. На самом деле на выходе будет красочная WOW-презентация в стиле «гипножаба», идеальная для менеджера по продажам и абсолютно невозможная к самостоятельному изучению.

У нас, разработчиков, цели другие — презентациями нам надо не продавать, а рассказывать и обучать (в том числе, чтобы обучала сама презентация, без нас). Делать презентации нам надо быстро и часто — к каждой демонстрации, совещанию, учебному курсу. Их необходимо целостно развивать, вносить изменения. Нужна возможность параллельной коллективной работы. Ну и хотелось бы, чтобы все было максимально быстро — минимум затрат, максимальный эффект — и чтобы можно было использовать все — текст, анимацию, видео, майндмапы, ибо время тупых статичных слайдов давно умерло вместе с диапроекторами.

Встречайте! Решение — прикрученная к MediaWiki система презентаций S5 (чистый html+javascript).

Любая статья MediaWiki теперь может быть не только прочитана, но и показана как презентация! Разумеется, в слайд-части разрешаются иллюстрации, тезисы, а поясняющая текстовая часть статьи (если таковая есть), в режиме презентации скрывается. Сохраняются все возможности MediaWiki:

  • Быстрое совместное редактирование, с контролем версий и историей изменений.
  • Поддержка сотен расширений эффективной публикации (раскраска кода, автоматические диаграммы, майндмапы и т. п.).
  • Презентация-статья — стандартный и целостный элемент общей базы знаний (ссылки, включения, шаблоны и т. п.).

И при этом используются все возможности веб-публикации:

  • встраивание видео, флеш-объектов и т. п., они гораздо богаче возможностей PowerPoint или PDF-слайдов.
  • можно мгновенно перейти от просмотра статьи к показу слайдов используя только броузер.
  • есть навигация по слайдам, функциональность таймера.

Чем-то это похоже на «Такахаши» — метод экстремально быстрого создания презентаций, порождаемых из плоского текста. Только S5 — это не XUL, а чистый кроссбраузерный HTML и JavaScript, помноженные на удобства централизованной базы знаний на движке MediaWiki, и в нашей компании технология стало популярна сразу же, после первого показа.