Персональные инструменты
 

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

Материал из CustisWiki

Перейти к: навигация, поиск
м (1 версия)
Строка 1: Строка 1:
 
<slide style="custis" scaled="true" headingmark="Слайд">
 
<slide style="custis" scaled="true" headingmark="Слайд">
;addcss: * { font-family: "Segoe Print" !important; } .resc img { width: 500px; height: auto !important; } pre { font-family: Consolas !important; }
+
;addcss: * { font-family: «Segoe Print» !important; } .resc img { width: 500px; height: auto !important; } pre { font-family: Consolas !important; }
 
;author: Виталий Филиппов
 
;author: Виталий Филиппов
 
</slide>
 
</slide>
Строка 6: Строка 6:
 
== Слайд ==
 
== Слайд ==
  
<span style="color:#aaa">Все знают о</span>
+
<span style="color:#aaa">Почти все знают</span>
  
«[http://yandex.ru/yandsearch?text=%D0%A1%D0%BC%D0%B5%D1%80%D1%82%D1%8C+%D1%87%D0%B5%D1%80%D0%B5%D0%B7+PowerPoint&clid=46512&lr=213 Смерти через PowerPoint]»
+
«[http://www.slideshare.net/thecroaker/death-by-powerpoint-rus Смерть через PowerPoint]»<sup>[http://www.slideshare.net/thecroaker/death-by-powerpoint-rus], [http://www.slideshare.net/thecroaker/death-by-powerpoint]</sup>
  
=== А именно ===
+
(©пасибо профессиональному «презентологу» [http://kapterev.com Алексею Каптереву])
* «[http://www.slideshare.net/thecroaker/death-by-powerpoint-rus Смерть через PowerPoint]»
+
* «[http://www.slideshare.net/thecroaker/death-by-powerpoint Death by PowerPoint]»
+
* Их автор — профессиональный «презентолог» [http://kapterev.com Алексей Каптерев].
+
  
На эту тему издевательств над стандартными слайд-презентациями, рекомендуем
+
[[Файл:DeathByPowerPoint.png|300px]]
посмотреть ролик [http://www.youtube.com/watch?v=yL_-1d9OSdk Chicken Chicken Chicken]
+
[[Файл:DeathByPowerPoint1.png|300px]]
 +
[[Файл:DeathByPowerPoint2.png|300px]]
  
 
== Слайд ==
 
== Слайд ==
  
[[Файл:DeathByPowerPoint.png|400px]]
+
[[Файл:DeathByPowerPoint.png|600px]]
[[Файл:DeathByPowerPoint1.png|400px]]
+
  
[[Файл:DeathByPowerPoint2.png|400px]]
+
== Слайд ==
 +
 
 +
«chicken chicken chicken»
 +
 
 +
== Слайд ==
 +
 
 +
<span style="color:#aaa">ну, '''чуть''' повеселее</span>
 +
 
 +
<html><iframe class="youtube-player" type="text/html" width="640" height="480" src="http://www.youtube.com/embed/yL_-1d9OSdk" frameborder="0"></iframe></html>
  
 
== Слайд ==
 
== Слайд ==
Строка 37: Строка 42:
 
== Слайд ==
 
== Слайд ==
  
Презентация
+
Ибо презентация — это:
  
<tab sep="bar">
+
== Слайд ==
<span style="color:#a00">Демонстрация</span><br />Продажа |
+
 
| &nbsp;
+
<span style="color:#0a0">И демонстрация, …</span>
| <span style="color:#00a">Самостоятельное&nbsp;чтение</span><br />Обучение
+
 
</tab>
+
[[Файл:jobs.jpg]]
  
 
== Слайд ==
 
== Слайд ==
  
<span style="font-size: 200%">ГУРУ</span><sup>[http://www.presentationzen.com/]</sup>
+
<span style="color:#00a">…и&nbsp;самостоятельное&nbsp;чтение</span>
 +
 
 +
[[Файл:book.jpg|400px]]
 +
 
 +
== Слайд ==
 +
 
 +
УЖ + ЁЖ = ???
 +
 
 +
[[Файл:CrossBreedHedgeWire.jpg‎|800px]]
 +
 
 +
== Слайд ==
  
[[Файл:BlueOwl.jpg|650px]]
+
<span style="font-size: 200%">Гуру говорят нам:</span>
  
говорят нам:
+
[[Файл:BlueOwlGuru.jpg|600px]]
  
=== Гуру презентаций ===
+
Garr&nbsp;Reynolds [http://www.presentationzen.com/] [http://www.garrreynolds.com/], [http://www.guykawasaki.com/ Guy&nbsp;Kawasaki], [http://kapterev.com Алексей&nbsp;Каптерев], [http://www.duarte.com/ Nancy&nbsp;Duarte], [http://www.ted.com TED]
* [http://www.presentationzen.com/ Garr Reynolds], [http://www.garrreynolds.com/]
+
* [http://www.guykawasaki.com/ Guy Kawasaki]
+
* [http://kapterev.com Алексей Каптерев]
+
* [http://www.duarte.com/ Nancy Duarte]
+
* [http://www.ted.com TED — Избранные выступления]
+
  
 
== Слайд ГУРУ ==
 
== Слайд ГУРУ ==
Строка 66: Строка 76:
 
* 1 график <span style="color: #aaa">(простой)</span>
 
* 1 график <span style="color: #aaa">(простой)</span>
  
<span style="font-size: 200%">...</span>
+
<span style="font-size: 200%"></span>
  
 
== Слайд ==
 
== Слайд ==
  
<p style="text-align: right"> «Больше всё равно <br /> <span style="color:#a00">не поймут</span>» </p>
+
«Больше всё равно <span style="color:#a00">не поймут</span>»
  
 
== Слайд ==
 
== Слайд ==
  
<span style="font-size:200%">&rarr;</span>
+
<span style="font-size:200%">&rArr;</span>
  
 
== Слайд ==
 
== Слайд ==
Строка 82: Строка 92:
 
(гипножаба [http://images.google.ru/images?hl=ru&newwindow=1&tbs=isch%3A1&sa=1&q=Steve+Jobs+slides&aq=f&aqi=&aql=&oq=&gs_rfai=&start=0])
 
(гипножаба [http://images.google.ru/images?hl=ru&newwindow=1&tbs=isch%3A1&sa=1&q=Steve+Jobs+slides&aq=f&aqi=&aql=&oq=&gs_rfai=&start=0])
  
== Слайд Гипножаба ==
+
== Слайд ==
  
<center><span style="color: #aaa">Отличные</span> «продажные» <span style="color: #aaa">презентации</span></center>
+
'''Гипножаба-Style'''
  
<center>НО</center>
+
<span style="color: #aaa">Отличные</span> «продажные» <span style="color: #aaa">презентации</span>
  
<center><span style="font-size: 200%">Нечитаемые</span></center>
+
== Слайд НО ==
  
<p style="text-align: right; color: #aaa">Даже тему уловить бывает сложно.</p>
+
* Совершенно нечитаемые!
 +
* После показа — умирают!
  
 
== Слайд ==
 
== Слайд ==
  
После показа — умирают!
+
Мы — '''разработчики'''.
  
<p style="text-align: right; color: #aaa">Отняв время на создание.</p>
+
Презентации нам нужны для:
 
+
== Слайд ==
+
  
Мы - разработчики.
 
 
== Слайд Презентации ==
 
 
Нам они нужны для:
 
 
* Учебных курсов
 
* Учебных курсов
 
* Демонстраций
 
* Демонстраций
Строка 111: Строка 115:
 
== Слайд ==
 
== Слайд ==
  
И нужны ЧАСТО.
+
Нужны ЧАСТО и reuseabельно.
 
+
<p style="text-align: right; color: #aaa">&rarr; в базу знаний.</p>
+
  
 
== Слайд ==
 
== Слайд ==
  
Мы - <span style="color: #07e">CustIS</span>
+
&rarr; «Все блюда из MediaWiki
 
+
У нас база знаний - MediaWiki
+
  
 
[[Файл:MediaWiki-notext.svg|link=|400px]]
 
[[Файл:MediaWiki-notext.svg|link=|400px]]
Строка 197: Строка 197:
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
|  
+
|
 
<plot>
 
<plot>
 
set xrange [16:34]
 
set xrange [16:34]
Строка 206: Строка 206:
 
plot 'Хорошие.dat' with boxes lw 2, 'Отличные.dat' with boxes lw 2
 
plot 'Хорошие.dat' with boxes lw 2, 'Отличные.dat' with boxes lw 2
 
DATASET Отличные
 
DATASET Отличные
24   1
+
24 1
26   2
+
26 2
27   17
+
27 17
28   17
+
28 17
29   21
+
29 21
30   15
+
30 15
31   10
+
31 10
32   9
+
32 9
33   2
+
33 2
34   2
+
34 2
 
ENDDATASET
 
ENDDATASET
 
DATASET Хорошие
 
DATASET Хорошие
16   2
+
16 2
17   5
+
17 5
18   8
+
18 8
19   4
+
19 4
20   6
+
20 6
21   8
+
21 8
22   12
+
22 12
23   35
+
23 35
24   66
+
24 66
25   167
+
25 167
26   285
+
26 285
27   490
+
27 490
28   683
+
28 683
29   787
+
29 787
30   857
+
30 857
31   656
+
31 656
32   374
+
32 374
33   140
+
33 140
34   67
+
34 67
 
ENDDATASET
 
ENDDATASET
 
</plot>
 
</plot>
Строка 248: Строка 248:
 
plot 'Хорошие.dat' with boxes lw 2, 'Отличные.dat' with boxes lw 2
 
plot 'Хорошие.dat' with boxes lw 2, 'Отличные.dat' with boxes lw 2
 
DATASET Отличные
 
DATASET Отличные
...
+
 
  </plot></pre>
 
  </plot></pre>
 
|}
 
|}
  
 
== Слайд Flash-видео ==
 
== Слайд Flash-видео ==
 +
 +
<span style="color:#aaa">или даже видео с YouTube (см. Chicken Chicken)</span>
  
 
<pre>[[Файл:WikiBookmarksDemo.flv|500px]]</pre>
 
<pre>[[Файл:WikiBookmarksDemo.flv|500px]]</pre>
Строка 258: Строка 260:
 
<center>[[Файл:WikiBookmarksDemo.flv|500px]]</center>
 
<center>[[Файл:WikiBookmarksDemo.flv|500px]]</center>
  
== Слайд Более простые ==
+
== Слайд ==
  
Картинки, <br />
+
Вся мощь [[Файл:MediaWiki-notext.svg|link=|100px]] у ваших ног!
&nbsp; &nbsp; &nbsp; Таблицы, <br />
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Стили текста...
+
  
Всё есть.
+
== Слайд Всё-всё-всё ==
 +
 
 +
От простейшего до извратов
 +
 
 +
<span style="color:#aaa">over 1600 расширений:</span><br /><span style="font-size: 80%; color:#aaa">календари, опросы, UML, PDF, облака тегов</span>
 +
 
 +
== Слайд ==
 +
 
 +
<tagcloud>
 +
min_count=20
 +
exclude=CustisWikiToCBWiki,CustisWikiToDPWiki,CustisWikiToGZWiki,CustisWikiToHRWiki,CustisWikiToLib,CustisWikiToORWiki,CustisWikiToRDWiki,CustisWikiToSBWiki,CustisWikiToSMWiki,ACL/Group
 +
</tagcloud>
 +
 
 +
== Слайд ==
  
<span style="color:#aaa">Ведь это всё ещё </span><span style="color: #a80">MediaWiki</span>
+
<span style="color:#aaa">Ибо </span><span style="color: #a80">MediaWiki</span>
  
 
== Слайд Live Preview ==
 
== Слайд Live Preview ==
Строка 274: Строка 287:
 
== Слайд ==
 
== Слайд ==
  
 +
{| class="wikitable"
 +
|-
 +
|bgcolor=black|
 +
<div style="font-size: 300%; color: #008000; padding: 20pt">Takahashi</div>
 +
|
 
Похоже на [http://takahashi.su/ Такахаши].
 
Похоже на [http://takahashi.su/ Такахаши].
  
<p style="text-align: right; color: #aaa"><s>(в FF 3.6 не работает)</s></p>
+
(«Алексей Капранов. Как сделать презентацию за час до доклада»)
 
+
|}
<p style="text-align: right; color: #aaa">О, уже починили.</p>
+
  
 
== Слайд ==
 
== Слайд ==
Строка 284: Строка 301:
 
НО
 
НО
  
<span style="color: #06d">Кроссбраузерно</span>
+
* <span style="color: #06d">Кроссбраузерно</span>
 
+
* <span style="color: #dd0">Богато '''фичами'''</span>
<span style="color: #dd0">Богато '''фичами'''</span>
+
* <span style="color: #d00">Часть Базы Знаний</span>
 
+
<span style="color: #d00">Часть Базы Знаний</span>
+
  
 
== Слайд ==
 
== Слайд ==
Строка 303: Строка 318:
  
 
<center><small style="color:#aaa">vitalif *трям-трям* mail.ru</small></center>
 
<center><small style="color:#aaa">vitalif *трям-трям* mail.ru</small></center>
 
  
 
== Аннотация ==
 
== Аннотация ==
  
Классические презентации — «устное выступление перед аудиторией, дополняющее аудиоканал визуальным каналом со слайдами», известны всем.
+
Классические презентации — «устное выступление перед аудиторией, дополняющее аудиоканал визуальным каналом со слайдами», известны всем.
  
Какие у них самые известные проблемы? Все, наверное, знакомы с «[http://www.slideshare.net/thecroaker/death-by-powerpoint-rus Смертью от Powerpoint]», гласящей, что основная проблема — перегруженность слайдов информацией.
+
Какие у них самые известные проблемы? Все, наверное, знакомы с «[http://www.slideshare.net/thecroaker/death-by-powerpoint-rus Смертью от Powerpoint]», гласящей, что основная проблема — перегруженность слайдов информацией.
  
Дело в том, что выступающий пытается угнаться за двумя зайцами и делает слайды двойного назначения — такие, под которые можно и «выступить», и такие, чтобы их могли прочитать отсутствующие на выступлении. Хочется, как лучше, а получается, как всегда — страшные «слайдоменты» (гибриды документа и слайда) вырубают аудиторию, заставляя её читать мелкий текст под монотонный бубнёж диктора. Но и самостоятельно читать «слайдоменты» сложнее, чем обычную статье.
+
Дело в том, что выступающий пытается угнаться за двумя зайцами и делает слайды двойного назначения — такие, под которые можно и «выступить», и такие, чтобы их могли прочитать отсутствующие на выступлении. Хочется, как лучше, а получается, как всегда — страшные «слайдоменты» (гибриды документа и слайда) вырубают аудиторию, заставляя её читать мелкий текст под монотонный бубнёж диктора. Но и самостоятельно читать «слайдоменты» сложнее, чем обычную статье.
  
Кроме того, слайды обычно являются бинарными документами (Open Office, Keynote, PowerPoint), что убивает конкурентную работу и контроль версий. Итог — слайды, если это не какое-нибудь [http://takahashi.su/ Такахаши] (которое в FF 3.6, кстати, не работает) исключительно ''write-only'' продукт, который создаётся единожды, более не развивается и пылится в дальних углах файлохранилища.
+
Кроме того, слайды обычно являются бинарными документами (Open Office, Keynote, PowerPoint), что убивает конкурентную работу и контроль версий. Итог — слайды, если это не какое-нибудь [http://takahashi.su/ Такахаши] (которое в FF 3.6, кстати, не работает) — исключительно ''write-only'' продукт, который создаётся единожды, более не развивается и пылится в дальних углах файлохранилища.
  
Гуру «слайдологии» говорят — оставьте на слайде 1 мысль, 1 строку текста, 1 иллюстрацию, 1 график и так далее, потому что большее никто всё равно не осилит. И говорят, что на выходе будет «идеальная» презентация. На самом деле на выходе будет красочная WOW-презентация в стиле «гипножаба», идеальная для менеджера по продажам и абсолютно невозможная к самостоятельному изучению.
+
Гуру «слайдологии» говорят — оставьте на слайде 1 мысль, 1 строку текста, 1 иллюстрацию, 1 график и так далее, потому что большее никто всё равно не осилит. И говорят, что на выходе будет «идеальная» презентация. На самом деле на выходе будет красочная WOW-презентация в стиле «гипножаба», идеальная для менеджера по продажам и абсолютно невозможная к самостоятельному изучению.
  
У нас, разработчиков, цели другие — презентациями нам надо не продавать, а рассказывать и обучать (в том числе, чтобы обучала сама презентация, без нас). Делать презентации нам надо быстро и часто — к каждой демонстрации, совещанию, учебному курсу. Их необходимо целостно развивать, вносить изменения. Нужна возможность параллельной коллективной работы. Ну и хотелось бы, чтобы все было максимально быстро — минимум затрат, максимальный эффект — и чтобы можно было использовать все — текст, анимацию, видео, майндмапы, ибо время тупых статичных слайдов давно умерло вместе с диапроекторами.
+
У нас, разработчиков, цели другие — презентациями нам надо не продавать, а рассказывать и обучать (в том числе, чтобы обучала сама презентация, без нас). Делать презентации нам надо быстро и часто — к каждой демонстрации, совещанию, учебному курсу. Их необходимо целостно развивать, вносить изменения. Нужна возможность параллельной коллективной работы. Ну и хотелось бы, чтобы все было максимально быстро — минимум затрат, максимальный эффект — и чтобы можно было использовать все — текст, анимацию, видео, майндмапы, ибо время тупых статичных слайдов давно умерло вместе с диапроекторами.
  
Встречайте! Решение — прикрученная к MediaWiki система презентаций S5 (чистый html+javascript).
+
Встречайте! Решение — прикрученная к MediaWiki система презентаций S5 (чистый html+javascript).
  
 
Любая статья MediaWiki теперь может быть не только прочитана, но и показана как презентация! Разумеется, в слайд-части разрешаются иллюстрации, тезисы, а поясняющая текстовая часть статьи (если таковая есть), в режиме презентации скрывается. Сохраняются все возможности MediaWiki:
 
Любая статья MediaWiki теперь может быть не только прочитана, но и показана как презентация! Разумеется, в слайд-части разрешаются иллюстрации, тезисы, а поясняющая текстовая часть статьи (если таковая есть), в режиме презентации скрывается. Сохраняются все возможности MediaWiki:
  
 
* Быстрое совместное редактирование, с контролем версий и историей изменений.
 
* Быстрое совместное редактирование, с контролем версий и историей изменений.
* Поддержка сотен расширений эффективной публикации (раскраска кода, автоматические диаграммы, майндмапы и т. п.).
+
* Поддержка сотен расширений эффективной публикации (раскраска кода, автоматические диаграммы, майндмапы и т. п.).
* Презентация-статья — стандартный и целостный элемент общей базы знаний (ссылки, включения, шаблоны и т. п.).
+
* Презентация-статья — стандартный и целостный элемент общей базы знаний (ссылки, включения, шаблоны и т. п.).
  
 
И при этом используются все возможности веб-публикации:
 
И при этом используются все возможности веб-публикации:
  
* встраивание видео, флеш-объектов и т. п., они гораздо богаче возможностей PowerPoint или PDF-слайдов.
+
* встраивание видео, флеш-объектов и т. п., они гораздо богаче возможностей PowerPoint или PDF-слайдов.
 
* можно мгновенно перейти от просмотра статьи к показу слайдов используя только броузер.
 
* можно мгновенно перейти от просмотра статьи к показу слайдов используя только броузер.
 
* есть навигация по слайдам, функциональность таймера.
 
* есть навигация по слайдам, функциональность таймера.
  
Чем-то это похоже на «[http://takahashi.su/ Такахаши]» — метод экстремально быстрого создания презентаций, порождаемых из плоского текста. Только S5 — это не XUL, а чистый кроссбраузерный HTML и JavaScript, помноженные на удобства централизованной базы знаний на движке MediaWiki, и в нашей компании технология стало популярна сразу же, после первого показа.
+
Чем-то это похоже на «[http://takahashi.su/ Такахаши]» — метод экстремально быстрого создания презентаций, порождаемых из плоского текста. Только S5 — это не XUL, а чистый кроссбраузерный HTML и JavaScript, помноженные на удобства централизованной базы знаний на движке MediaWiki, и в нашей компании технология стало популярна сразу же, после первого показа.
  
 
* http://events.kapranoff.ru/proposals/23
 
* http://events.kapranoff.ru/proposals/23
  
 
{{replicate-from-custiswiki-to-lib}}
 
{{replicate-from-custiswiki-to-lib}}

Версия 17:04, 21 сентября 2010

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

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

Виталий Филиппов, 12:52, 29 июля 2020

Слайд

Почти все знают

«Смерть через PowerPoint»[1], [2]

(©пасибо профессиональному «презентологу» Алексею Каптереву)

DeathByPowerPoint.png DeathByPowerPoint1.png DeathByPowerPoint2.png

Слайд

DeathByPowerPoint.png

Слайд

«chicken chicken chicken»

Слайд

ну, чуть повеселее

Слайд

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

Слайд

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

Playboys.gif

Слайд

Ибо презентация — это:

Слайд

И демонстрация, …

Jobs.jpg

Слайд

…и самостоятельное чтение

Book.jpg

Слайд

УЖ + ЁЖ = ???

CrossBreedHedgeWire.jpg

Слайд

Гуру говорят нам:

BlueOwlGuru.jpg

Garr Reynolds [3] [4], Guy Kawasaki, Алексей Каптерев, Nancy Duarte, TED

Слайд ГУРУ

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

Слайд

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

Слайд

Слайд

Hypnotoad.jpg

(гипножаба [5])

Слайд

Гипножаба-Style

Отличные «продажные» презентации

Слайд НО

  • Совершенно нечитаемые!
  • После показа — умирают!

Слайд

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

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

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

Слайд

Нужны ЧАСТО и reuseabельно.

Слайд

→ «Все блюда из MediaWiki!»

MediaWiki-notext.svg

Слайд

S5

Слайд


A Simple Standards-Based Slide Show System

http://meyerweb.com/eric/tools/s5/

Слайд

Чистый HTML+JS.

Кроссбраузерный.

OperaLogo.png FurryFirefox.jpg ChromeLogo.jpg

Слайд



статья → презентация.

<slide style="custis" scaled="true" headingmark="Слайд">
;author: Виталий Филиппов
;subfooter: Привет всем!
</slide>

Слайд Шаблоны и стили

custisdefaultblue
preview.png
floweryatilpixel
preview.png

Слайд Вставка кода

<code-java>...</code-java>

Обход коллекции

Collection<String> strings = new ArrayList<String>();
for (String item : strings) {
    System.out.println(item);
}
…
Iterator<String> it = strings.iterator();
while (it.hasNext()) {
    String string = it.next();
}

порядок, в котором будут возвращаться элементы определяется реализацией (LinkedList, HashSet, …)

Слайд Mindmaps

Слайд TeX

<m>
\hat{f}(\omega)=\frac{1}{\sqrt{2\pi}}\int
\limits_{-\infty}^{\infty}f(x)
e^{-ix\omega}\,dx
</m>

Слайд GnuPlot

gnuplot> set encoding utf8

                     ^
        line 0: expecting one of 'default', 'iso_8859_1', 'iso_8859_2', 'iso_8859_15', 'cp437', 'cp850', 'cp852', 'koi8r' or 'koi8u'

Could not find/open font when opening font Arial, using default

<plot>
set xrange [16:34]
set grid ytics
set style fill solid 1.0 noborder
set boxwidth 0.7 relative
set title 'Топ Бездны'
plot 'Хорошие.dat' with boxes lw 2, 'Отличные.dat' with boxes lw 2
DATASET Отличные
…
 </plot>

Слайд Flash-видео

или даже видео с YouTube (см. Chicken Chicken)

[[Файл:WikiBookmarksDemo.flv|500px]]

Слайд

Вся мощь MediaWiki-notext.svg у ваших ног!

Слайд Всё-всё-всё

От простейшего до извратов

over 1600 расширений:
календари, опросы, UML, PDF, облака тегов

Слайд

2011 год (Статьи)  2012 год (Статьи)  2013 год (Статьи)  2014 год (Статьи)  2015 год (Статьи)  2016 год (Статьи)  2017 год (Статьи)  2018 год (Статьи)  ADD-2010  ADD-2011 (наша запись)  ADD-2012 (наша запись)  AgileDays-2011 (наша запись)  AnalystDays-2012 (наша запись)  CNews (Публикации)  CustisWikiTo4IntraNet  IT-cтратегия и проектные технологии заказной разработки ПО  IT-стратегия и проектные технологии заказной разработки ПО  IT-стратегия и проектные технологии заказной разработки ПО (анонс)  ProductCampSPB-2012 (наша запись)  SPMConf-2011 (наша запись)  SQADays-11 (наша запись)  SQADays-2011 (наша запись)  TestLink  UXRussia-2011 (наша запись)  WikiHelp  Архитектура (доклады)  Бизнес-анализ (доклады)  Владимир Рахтеенко (Статьи)  Для банков и финансовых институтов  Дмитрий Морозов (Статьи)  Документирование  Евгения Удалова (Статьи)  Известные докладчики  Инсайд  Информационные системы (ИС) в торговых сетях  Конференции  Максим Михалев (Статьи)  Максим Цепков  Менеджмент (доклады)  Новые технологии для ЖКХ и социальной защиты  Открытые Семинары  Пиктограммы  По СМИ (статьи сотрудников)  По авторам (статьи сотрудников)  Приглашаем!  Программирование  Программирование (доклады)  Продуктовый менеджмент (доклады)  Семинары для студентов  Сергей Тихомиров (Статьи)  Собрания AgileRussia.ru  События и публикации  Справка  Страницы с неработающими файловыми ссылками  Тестирование (доклады)  Технологии для ЖКХ  Хабрахабр (Публикации)  Юзабилити (доклады) 

Слайд

Ибо MediaWiki

Слайд Live Preview

LivePreview.png

Слайд

Takahashi

Похоже на Такахаши.

(«Алексей Капранов. Как сделать презентацию за час до доклада»)

Слайд

НО

  • Кроссбраузерно
  • Богато фичами
  • Часть Базы Знаний

Слайд

У нас стало популярно

быстрее, чем мы распиарили :)

Слайд

</ВСЁ>

Виталий Филиппов
vitalif *трям-трям* mail.ru

Аннотация

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

Какие у них самые известные проблемы? Все, наверное, знакомы с «Смертью от 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, и в нашей компании технология стало популярна сразу же, после первого показа.


Любые правки этой статьи будут перезаписаны при следующем сеансе репликации. Если у вас есть серьезное замечание по тексту статьи, запишите его в раздел «discussion».

Репликация: База Знаний «Заказных Информ Систем» → «Презентация-трансформер: S5 на MediaWiki»