Просмотр исходного текста страницы Презентация-трансформер: S5 на MediaWiki/Слайды

== Слайд ==

<span style="color:#aaa">Почти все знают</span>

«[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 Алексею Каптереву])

[[Файл:DeathByPowerPoint.png|300px]]
[[Файл:DeathByPowerPoint1.png|300px]]
[[Файл:DeathByPowerPoint2.png|300px]]

== Слайд ==

[[Файл:DeathByPowerPoint.png|600px]]

== Слайд ==

«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>

== Слайд ==

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

== Слайд ==

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

[[Файл:Playboys.gif|800px]]

== Слайд ==

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

== Слайд ==

<span style="color:#0a0">И демонстрация, …</span>

[[Файл:jobs.jpg]]

== Слайд ==

<span style="color:#00a">…и&nbsp;самостоятельное&nbsp;чтение</span>

[[Файл:book.jpg|400px]]

== Слайд ==

УЖ + ЁЖ = ???

[[Файл:CrossBreedHedgeWire.jpg‎|800px]]

== Слайд ==

<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]…

== Слайд ГУРУ ==

* 1 мысль <span style="color: #aaa">(умная)</span>
* 1 картинка <span style="color: #aaa">(красивая)</span>
* 1 график <span style="color: #aaa">(простой)</span>

<span style="font-size: 200%">…</span>

== Слайд ==

«Больше всё равно <span style="color:#a00">не поймут</span>»

== Слайд ==

<span style="font-size:200%">&rArr;</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])

== Слайд ==

'''Гипножаба-Style'''

<span style="color: #aaa">Отличные</span> «продажные» <span style="color: #aaa">презентации</span>

== Слайд НО ==

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

== Слайд ==

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

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

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

== Слайд ==

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

== Слайд ==

&rarr; «Все блюда из 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}} статья &rarr; презентация.</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-видео ==

<span style="color:#aaa">или даже видео с YouTube (см. Chicken Chicken)</span>

<pre>[[Файл:WikiBookmarksDemo.flv|500px]]</pre>

<center>[[Файл:WikiBookmarksDemo.flv|500px]]</center>

== Слайд ==

Вся мощь [[Файл:MediaWiki-notext.svg|link=|100px]] у ваших ног!

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

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

<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>

== Слайд Live Preview ==

[[Файл:LivePreview.png|800px]]

== Слайд ==

{| class="wikitable"
|-
|style="background-color:black"|
<div style="font-size: 300%; color: #008000; padding: 20pt">Takahashi</div>
|
Похоже на [http://takahashi.su/ Такахаши].

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

== Слайд ==

НО

* <span style="color: #06d">Кроссбраузерно</span>
* <span style="color: #dd0">Богато '''фичами'''</span>
* <span style="color: #d00">Часть Базы Знаний</span>