|
|
| (не показано 7 промежуточных версий 3 участников) |
| Строка 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: Виталий Филиппов |
| | </slide> | | </slide> |
| | | | |
| − | == Слайд ==
| + | {{/Слайды}} |
| − | | + | |
| − | <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]»
| + | |
| − | * «[http://www.slideshare.net/thecroaker/death-by-powerpoint Death by PowerPoint]»
| + | |
| − | * Их автор — профессиональный «презентолог» [http://kapterev.com Алексей Каптерев].
| + | |
| − | | + | |
| − | На эту тему издевательств над стандартными слайд-презентациями, рекомендуем
| + | |
| − | посмотреть ролик [http://www.youtube.com/watch?v=yL_-1d9OSdk Chicken Chicken Chicken]
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | | + | |
| − | [[Файл:DeathByPowerPoint.png|400px]]
| + | |
| − | [[Файл:DeathByPowerPoint1.png|400px]]
| + | |
| − | | + | |
| − | [[Файл:DeathByPowerPoint2.png|400px]]
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | Почему так происходит?
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | Люди гонятся за 2 зайцами!
| + | |
| − | | + | |
| − | [[Файл:Playboys.gif|800px]]
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | Презентация
| + | |
| − | | + | |
| − | <tab sep="bar">
| + | |
| − | <span style="color:#a00">Демонстрация</span><br />Продажа |
| + | |
| − | |
| + | |
| − | | <span style="color:#00a">Самостоятельное чтение</span><br />Обучение
| + | |
| − | </tab>
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | <span style="font-size: 200%">ГУРУ</span><sup>[http://www.presentationzen.com/]</sup>
| + | |
| − | | + | |
| − | [[Файл:BlueOwl.jpg|650px]]
| + | |
| − | | + | |
| − | говорят нам:
| + | |
| − | | + | |
| − | === Гуру презентаций ===
| + | |
| − | * [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 — Избранные выступления]
| + | |
| − | | + | |
| − | == Слайд ГУРУ ==
| + | |
| − | | + | |
| − | * 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>
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | <span style="font-size:200%">→</span>
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | [[Файл:Hypnotoad.jpg]]
| + | |
| − | | + | |
| − | (гипножаба [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>
| + | |
| − | | + | |
| − | <center>НО</center>
| + | |
| − | | + | |
| − | <center><span style="font-size: 200%">Нечитаемые</span></center>
| + | |
| − | | + | |
| − | <p style="text-align: right; color: #aaa">Даже тему уловить бывает сложно.</p>
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | После показа — умирают!
| + | |
| − | | + | |
| − | <p style="text-align: right; color: #aaa">Отняв время на создание.</p>
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | Мы - разработчики.
| + | |
| − | | + | |
| − | == Слайд Презентации ==
| + | |
| − | | + | |
| − | Нам они нужны для:
| + | |
| − | * Учебных курсов
| + | |
| − | * Демонстраций
| + | |
| − | * Обсуждений
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | И нужны ЧАСТО.
| + | |
| − | | + | |
| − | <p style="text-align: right; color: #aaa">→ в базу знаний.</p>
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | Мы - <span style="color: #07e">CustIS</span>
| + | |
| − | | + | |
| − | У нас база знаний - MediaWiki
| + | |
| − | | + | |
| − | [[Файл:MediaWiki-notext.svg|link=|400px]]
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | <span style="font-size: 200%">S<sup>5</sup></span>
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | <br /> A Simple Standards-Based Slide Show System
| + | |
| − | | + | |
| − | <span style="font-size: 75%">http://meyerweb.com/eric/tools/s5/</span>
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | Чистый HTML+JS.
| + | |
| − | | + | |
| − | Кроссбраузерный.
| + | |
| − | | + | |
| − | [[Файл:OperaLogo.png|link=]] [[Файл:FurryFirefox.jpg|link=]] [[Файл:ChromeLogo.jpg|link=]]
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | <br /><br /><span style="font-size: 150%">{{Forall}} статья → презентация.</span>
| + | |
| − | | + | |
| − | <pre style="font-family: Consolas !important; text-align: left;"><slide style="custis" scaled="true" headingmark="Слайд">
| + | |
| − | ;author: Виталий Филиппов
| + | |
| − | ;subfooter: Привет всем!
| + | |
| − | </slide></pre>
| + | |
| − | | + | |
| − | == Слайд Шаблоны и стили ==
| + | |
| − | | + | |
| − | <tab sep="bar" head="top">
| + | |
| − | custis|default|blue
| + | |
| − | {{SERVER}}{{SCRIPTPATH}}/extensions/S5SlideShow/custis/preview.png|{{SERVER}}{{SCRIPTPATH}}/extensions/S5SlideShow/default/preview.png|{{SERVER}}{{SCRIPTPATH}}/extensions/S5SlideShow/blue/preview.png
| + | |
| − | </tab>
| + | |
| − | <tab sep="bar" head="top">
| + | |
| − | flower|yatil|pixel
| + | |
| − | {{SERVER}}{{SCRIPTPATH}}/extensions/S5SlideShow/flower/preview.png|{{SERVER}}{{SCRIPTPATH}}/extensions/S5SlideShow/yatil/preview.png|{{SERVER}}{{SCRIPTPATH}}/extensions/S5SlideShow/pixel/preview.png
| + | |
| − | </tab>
| + | |
| − | | + | |
| − | == Слайд Вставка кода ==
| + | |
| − | | + | |
| − | <pre><code-java>...</code-java></pre>
| + | |
| − | | + | |
| − | Обход коллекции
| + | |
| − | <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();
| + | |
| − | }
| + | |
| − | </code-java>
| + | |
| − | порядок, в котором будут возвращаться элементы определяется реализацией
| + | |
| − | (LinkedList, HashSet, …)
| + | |
| − | | + | |
| − | == Слайд Mindmaps ==
| + | |
| − | | + | |
| − | [[Файл:СмежнаяСпециальность.mm]]
| + | |
| − | | + | |
| − | == Слайд TeX ==
| + | |
| − | | + | |
| − | <pre><m>
| + | |
| − | \hat{f}(\omega)=\frac{1}{\sqrt{2\pi}}\int
| + | |
| − | \limits_{-\infty}^{\infty}f(x)
| + | |
| − | e^{-ix\omega}\,dx
| + | |
| − | </m></pre>
| + | |
| − | | + | |
| − | <div class="resc"><m>\hat{f}(\omega)=\frac{1}{\sqrt{2\pi}}\int\limits_{-\infty}^{\infty}f(x)e^{-ix\omega}\,dx</m></div>
| + | |
| − | | + | |
| − | == Слайд GnuPlot ==
| + | |
| − | {| class="wikitable"
| + | |
| − | |-
| + | |
| − | |
| + | |
| − | <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 Отличные
| + | |
| − | 24 1
| + | |
| − | 26 2
| + | |
| − | 27 17
| + | |
| − | 28 17
| + | |
| − | 29 21
| + | |
| − | 30 15
| + | |
| − | 31 10
| + | |
| − | 32 9
| + | |
| − | 33 2
| + | |
| − | 34 2
| + | |
| − | ENDDATASET
| + | |
| − | DATASET Хорошие
| + | |
| − | 16 2
| + | |
| − | 17 5
| + | |
| − | 18 8
| + | |
| − | 19 4
| + | |
| − | 20 6
| + | |
| − | 21 8
| + | |
| − | 22 12
| + | |
| − | 23 35
| + | |
| − | 24 66
| + | |
| − | 25 167
| + | |
| − | 26 285
| + | |
| − | 27 490
| + | |
| − | 28 683
| + | |
| − | 29 787
| + | |
| − | 30 857
| + | |
| − | 31 656
| + | |
| − | 32 374
| + | |
| − | 33 140
| + | |
| − | 34 67
| + | |
| − | ENDDATASET
| + | |
| − | </plot>
| + | |
| − | |
| + | |
| − | <pre style="font-family: Consolas !important"><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></pre>
| + | |
| − | |}
| + | |
| − | | + | |
| − | == Слайд Flash-видео ==
| + | |
| − | | + | |
| − | <pre>[[Файл:WikiBookmarksDemo.flv|500px]]</pre>
| + | |
| − | | + | |
| − | <center>[[Файл:WikiBookmarksDemo.flv|500px]]</center>
| + | |
| − | | + | |
| − | == Слайд Более простые ==
| + | |
| − | | + | |
| − | Картинки, <br />
| + | |
| − | Таблицы, <br />
| + | |
| − | Стили текста...
| + | |
| − | | + | |
| − | Всё есть.
| + | |
| − | | + | |
| − | <span style="color:#aaa">Ведь это всё ещё </span><span style="color: #a80">MediaWiki</span>
| + | |
| − | | + | |
| − | == Слайд Live Preview ==
| + | |
| − | | + | |
| − | [[Файл:LivePreview.png|800px]]
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | Похоже на [http://takahashi.su/ Такахаши].
| + | |
| − | | + | |
| − | <p style="text-align: right; color: #aaa"><s>(в FF 3.6 не работает)</s></p>
| + | |
| − | | + | |
| − | <p style="text-align: right; color: #aaa">О, уже починили.</p>
| + | |
| − | | + | |
| − | == Слайд ==
| + | |
| − | | + | |
| − | НО
| + | |
| − | | + | |
| − | <span style="color: #06d">Кроссбраузерно</span>
| + | |
| − | | + | |
| − | <span style="color: #dd0">Богато '''фичами'''</span>
| + | |
| − | | + | |
| − | <span style="color: #d00">Часть Базы Знаний</span>
| + | |
| | | | |
| | == Слайд == | | == Слайд == |
| Строка 303: |
Строка 19: |
| | | | |
| | <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 |
| | | | |
| | + | [[Category:Презентации]] |
| | {{replicate-from-custiswiki-to-lib}} | | {{replicate-from-custiswiki-to-lib}} |
порядок, в котором будут возвращаться элементы определяется реализацией
(LinkedList, HashSet, …)
Классические презентации — «устное выступление перед аудиторией, дополняющее аудиоканал визуальным каналом со слайдами», известны всем.
Дело в том, что выступающий пытается угнаться за двумя зайцами и делает слайды двойного назначения — такие, под которые можно и «выступить», и такие, чтобы их могли прочитать отсутствующие на выступлении. Хочется, как лучше, а получается, как всегда — страшные «слайдоменты» (гибриды документа и слайда) вырубают аудиторию, заставляя её читать мелкий текст под монотонный бубнёж диктора. Но и самостоятельно читать «слайдоменты» сложнее, чем обычную статье.
Кроме того, слайды обычно являются бинарными документами (Open Office, Keynote, PowerPoint), что убивает конкурентную работу и контроль версий. Итог — слайды, если это не какое-нибудь Такахаши (которое в FF 3.6, кстати, не работает) — исключительно write-only продукт, который создаётся единожды, более не развивается и пылится в дальних углах файлохранилища.
Гуру «слайдологии» говорят — оставьте на слайде 1 мысль, 1 строку текста, 1 иллюстрацию, 1 график и так далее, потому что большее никто всё равно не осилит. И говорят, что на выходе будет «идеальная» презентация. На самом деле на выходе будет красочная WOW-презентация в стиле «гипножаба», идеальная для менеджера по продажам и абсолютно невозможная к самостоятельному изучению.
У нас, разработчиков, цели другие — презентациями нам надо не продавать, а рассказывать и обучать (в том числе, чтобы обучала сама презентация, без нас). Делать презентации нам надо быстро и часто — к каждой демонстрации, совещанию, учебному курсу. Их необходимо целостно развивать, вносить изменения. Нужна возможность параллельной коллективной работы. Ну и хотелось бы, чтобы все было максимально быстро — минимум затрат, максимальный эффект — и чтобы можно было использовать все — текст, анимацию, видео, майндмапы, ибо время тупых статичных слайдов давно умерло вместе с диапроекторами.
Встречайте! Решение — прикрученная к MediaWiki система презентаций S5 (чистый html+javascript).
Любая статья MediaWiki теперь может быть не только прочитана, но и показана как презентация! Разумеется, в слайд-части разрешаются иллюстрации, тезисы, а поясняющая текстовая часть статьи (если таковая есть), в режиме презентации скрывается. Сохраняются все возможности MediaWiki:
