S5 (MediaWiki) - История изменений

VitaliyFilippov: /* Создание собственных стилей */

2011-05-10T12:06:04Z

‎Создание собственных стилей

Внесённые изменения

BenderBot: 1 версия

2010-12-02T01:09:06Z

1 версия

StasFomin в 17:15, 1 декабря 2010

2010-12-01T17:15:48Z

BenderBot: 1 версия

2010-04-12T00:00:58Z

1 версия

VitaliyFilippov: /* Замечания */

2010-04-11T20:15:00Z

‎Замечания

BenderBot: 1 версия

2010-04-08T00:00:44Z

1 версия

VitaliyFilippov в 15:54, 7 апреля 2010

2010-04-07T15:54:01Z

Новая страница

[http://meyerweb.com/eric/tools/s5/ S<sup>5</sup> или просто S5] — кроссбраузерная система быстрого создания презентаций на чистом HTML+JavaScript. Название происходит от Simple Standards-based Slide Show System — 5 раз «S», или S<sup>5</sup>.

Нашими усилиями была прикручена к движку MediaWiki в виде расширения, исходные коды которого находятся в нашем SVN.

== Использование ==

S5 предоставляет простой, удобный и быстрый способ порождения презентаций из плоского текста. При этом, естественно, остаются все возможности MediaWiki — Flash-видео, Mindmap’ы, раскраска кода и прочие.

Чтобы превратить страницу в презентацию, на неё следует добавить блок следующего вида:

<pre>
<slide атрибут="значение" [атрибут="значение" ...]>
;атрибут: Значение
[;атрибут: Значение ...]
</slide>
</pre>

Атрибуты могут задаваться как в XML-like атрибутах тега <tt><slide></tt>, так и в виде списка определений внутри тега <tt><slide></tt>, и включают в себя:

;style: Имя стиля, используемого для презентации.
;headingmark: Подстрока для отбора заголовков (== Обычных Заголовков MediaWiki любого уровня ==), которые станут слайдами в режиме презентации. Если заголовок включает в себя эту строку — он станет слайдом. Если атрибут headingmark не задан — слайдами станут все заголовки.
;incmark: Подстрока для отбора слайдов, которые должны отображаться «по шагам».
;pagebreak: Специальная последовательность символов, которая при указании где-нибудь посередине текста слайда разбивает слайд на несколько.
;scaled: Значения true, yes или 1 (в любом регистре букв) данного атрибута включают экспериментальный режим индивидуального масштабирования шрифтов для каждого слайда — S5 будет стараться увеличить или уменьшить размер шрифта так, чтобы слайд вписывался в окно, при переходе к каждому следующему слайду.
;author: Автор презентации (для титульного слайда). Может содержать любой Wiki-код.
;title: Заголовок презентации. Может содержать любой Wiki-код.
;subtitle: Подзаголовок (для титульного слайда). Может содержать любой Wiki-код.
;subfooter: Строка, отображаемая внизу каждого слайда. Может содержать любой Wiki-код. Кроме того, внутри неё специальным является слово <tt><nowiki>{{date}}</nowiki></tt>, взамен которого подставляется дата изменения страницы.

Далее всё не просто, а очень просто — на странице появляется изображение-предпросмотр стиля, при клике по которому откроется новое окно браузера с готовой к показу презентацией. В случае Opera режим презентации включается нажатием F11.

Все заголовки, помеченные '''headingmark''' (например «Слайд: Аннотация»), или даже не помеченные ничем в случае, если '''headingmark''' пустой, будут превращены в слайды.

== Стили ==

У нас доступно 6 различных стилей:

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

== Замечания ==

; Дуализм: Есть пара моментов, которые делают S5 в сочетании с MediaWiki уникальной — во-первых, презентации порождаются '''очень просто''', а во-вторых, можно больше не мучаться с примечаниями или поддержанием двух версий презентации — «для показа» и «для самостоятельного чтения». Для самостоятельного чтения можно использовать статью в обычном режиме, так как есть возможность сделать слайдами не все заголовки. Кроме того, конечно, такие презентации разрешают совместную работу, контроль версий и прочее, как и обычные статьи.
; Opera: Как уже было указано выше, для перехода в режим презентации в Opera используется клавиша F11 (разворот на полный экран). В Firefox и Chrome это не обязательно.
; Панель управления: В правом нижнем углу, если в него переместить курсор, можно увидеть небольшую панель управления презентацией.
; Выбор стиля: Презентацию можно открыть в любом стиле из доступных, не изменяя текст статьи — для этого к параметрам URL нужно добавить значение <tt>&style=имя</tt> (имя — имя стиля).
; WISYWIM: Можно использовать автоматический предпросмотр при редактировании статьи с презентацией — отметьте флажок «слайды» под полем редактирования текста статьи, выберите желаемый интервал обновления и отметьте флажок «Автопредпросмотр». Откроется новая вкладка или окно браузера, которое можно разместить, к примеру, на втором мониторе, и редактировать статьи в «почти WISYWIM» (What You See Is What You Mean) режиме.
; Инкрементальные анимации: В рамках одного «инкрементального» слайда (помеченного '''incmark''') можно размещать несколько HTML-элементов с классом «incremental» (например <tt><nowiki><div class="incremental">Первый кадр</div><div class="incremental">Второй кадр</div> и т.п.</nowiki></tt>), и показываться они будут по очереди на одном слайде. С помощью этого можно делать эффекты, подобные следующим: [http://meyerweb.com/eric/tools/s5/s5-intro.html#slide10 пример инкрементальной анимации] (смотреть только в Firefox/Chrome, так как на сайте автора размещена старая версия S5).
; Ссылка на слайд: Чтобы дать ссылку на конкретный слайд презентации, можно воспользоваться синтаксисом <tt>#slideN</tt>, где N — номер слайда, начиная с нуля (0 — титульный слайд). Кстати, при обновлении презентации в окне браузера (F5, Ctrl-R) позиция (номер текущего слайда) сохраняется.

== Пример ==

Пример описания (можно использовать как «'''рыбу'''»-заготовку для copy-paste):

<pre>
<slide style="custis" headingmark="Слайд:" incmark="(по шагам)" scaled="true">
;author: Олег Клинчаев
;title: Многопоточность в Java (начало)
;subtitle: Многопоточность в Java (начало)
;subfooter: {{date}}
</slide>
</pre>

== Установка расширения ==

Установка максимально проста. Достаточно извлечь исходные коды в директорию <tt>/extensions/S5SlideShow</tt> (именно такую, иначе нужно менять пути в коде) и добавить в LocalSettings.php строчку:
<source lang="php">
require_once "/extensions/S5SlideShow/S5SlideShow.php";
</source>

Также, если очень хочется, можно прописать немножко конфигурации:
<source lang="php">
// маркер заголовка-слайда по умолчанию, в случае, если атрибут headingmark не указан
$egS5SlideHeadingMark = '';
// маркер инкрементального слайда по умолчанию
$egS5SlideIncMark = '(step)';
// маркер разрыва слайда по умолчанию (pagebreak)
$egS5SlidePageBreak = '\\\\';
</source>

{{replicate-from-custiswiki-to-lib}}
[[Категория:MediaWiki]]

← Предыдущая	Версия 01:09, 2 декабря 2010
(нет различий)

@@ Строка 1: / Строка 1: @@
-[http://meyerweb.com/eric/tools/s5/ S<sup>5</sup> или просто S5] — кроссбраузерная система быстрого создания презентаций на чистом HTML+JavaScript. Название происходит от Simple Standards-based Slide Show System — 5 раз «S», или S<sup>5</sup>.
+[http://meyerweb.com/eric/tools/s5/ S<sup>5</sup> или просто S5] — кроссбраузерная система быстрого создания презентаций на чистом HTML+JavaScript. Название происходит от Simple Standards-based Slide Show System — 5 раз «S», или S<sup>5</sup>.
 Нашими усилиями была прикручена к движку MediaWiki в виде расширения, исходные коды которого находятся в нашем SVN.
@@ Строка 7: / Строка 7: @@
 == Использование ==
-S5 предоставляет простой, удобный и быстрый способ порождения презентаций из плоского текста. При этом, естественно, остаются все возможности MediaWiki — Flash-видео, Mindmap’ы, раскраска кода и прочие.
+S5 предоставляет простой, удобный и быстрый способ порождения презентаций из плоского текста. При этом, естественно, остаются все возможности MediaWiki — Flash-видео, Mindmap’ы, раскраска кода и прочие.
 Чтобы превратить страницу в презентацию, на неё следует добавить блок следующего вида:
@@ Строка 21: / Строка 21: @@
 ;style: Имя стиля, используемого для презентации.
-;headingmark: Подстрока для отбора заголовков (== Обычных Заголовков MediaWiki любого уровня ==), которые станут слайдами в режиме презентации. Если заголовок включает в себя эту строку — он станет слайдом. Если атрибут headingmark не задан — слайдами станут все заголовки.
+;headingmark: Подстрока для отбора заголовков (== Обычных Заголовков MediaWiki любого уровня ==), которые станут слайдами в режиме презентации. Если заголовок включает в себя эту строку — он станет слайдом. Если атрибут headingmark не задан — слайдами станут все заголовки.
 ;incmark: Подстрока для отбора слайдов, которые должны отображаться «по шагам».
 ;pagebreak: Специальная последовательность символов, которая при указании где-нибудь посередине текста слайда разбивает слайд на несколько.
-;scaled: Значения true, yes или 1 (в любом регистре букв) данного атрибута включают экспериментальный режим индивидуального масштабирования шрифтов для каждого слайда — S5 будет стараться увеличить или уменьшить размер шрифта так, чтобы слайд вписывался в окно, при переходе к каждому следующему слайду.
+;scaled: Значения true, yes или 1 (в любом регистре букв) данного атрибута включают экспериментальный режим индивидуального масштабирования шрифтов для каждого слайда — S5 будет стараться увеличить или уменьшить размер шрифта так, чтобы слайд вписывался в окно, при переходе к каждому следующему слайду.
 ;author: Автор презентации (для титульного слайда). Может содержать любой Wiki-код.
 ;title: Заголовок презентации. Может содержать любой Wiki-код.
@@ Строка 30: / Строка 30: @@
 ;subfooter: Строка, отображаемая внизу каждого слайда. Может содержать любой Wiki-код. Кроме того, внутри неё специальным является слово <tt><nowiki>{{date}}</nowiki></tt>, взамен которого подставляется дата изменения страницы.
-Далее всё не просто, а очень просто — на странице появляется изображение-предпросмотр стиля, при клике по которому откроется новое окно браузера с готовой к показу презентацией. В случае Opera режим презентации включается нажатием F11.
+Далее всё не просто, а очень просто — на странице появляется изображение-предпросмотр стиля, при клике по которому откроется новое окно браузера с готовой к показу презентацией. В случае Opera режим презентации включается нажатием F11.
 Все заголовки, помеченные '''headingmark''' (например «Слайд: Аннотация»), или даже не помеченные ничем в случае, если '''headingmark''' пустой, будут превращены в слайды.
@@ Строка 49: / Строка 49: @@
 == Замечания ==
-; Дуализм: Есть пара моментов, которые делают S5 в сочетании с MediaWiki уникальной — во-первых, презентации порождаются '''очень просто''', а во-вторых, можно больше не мучаться с примечаниями или поддержанием двух версий презентации — «для показа» и «для самостоятельного чтения». Для самостоятельного чтения можно использовать статью в обычном режиме, так как есть возможность сделать слайдами не все заголовки. Кроме того, конечно, такие презентации разрешают совместную работу, контроль версий и прочее, как и обычные статьи.
+; Дуализм: Есть пара моментов, которые делают S5 в сочетании с MediaWiki уникальной — во-первых, презентации порождаются '''очень просто''', а во-вторых, можно больше не мучаться с примечаниями или поддержанием двух версий презентации — «для показа» и «для самостоятельного чтения». Для самостоятельного чтения можно использовать статью в обычном режиме, так как есть возможность сделать слайдами не все заголовки. Кроме того, конечно, такие презентации разрешают совместную работу, контроль версий и прочее, как и обычные статьи.
 ; Opera: Как уже было указано выше, для перехода в режим презентации в Opera используется клавиша F11 (разворот на полный экран). В Firefox и Chrome это не обязательно.
 ; Панель управления: В правом нижнем углу, если в него переместить курсор, можно увидеть небольшую панель управления презентацией.
-; Выбор стиля: Презентацию можно открыть в любом стиле из доступных, не изменяя текст статьи — для этого к параметрам URL нужно добавить значение <tt>&style=имя</tt> (имя — имя стиля).
+; Выбор стиля: Презентацию можно открыть в любом стиле из доступных, не изменяя текст статьи — для этого к параметрам URL нужно добавить значение <tt>&style=имя</tt> (имя — имя стиля).
-; WISYWIM: Можно использовать автоматический предпросмотр при редактировании статьи с презентацией — отметьте флажок «слайды» под полем редактирования текста статьи, выберите желаемый интервал обновления и отметьте флажок «Автопредпросмотр». Откроется новая вкладка или окно браузера, которое можно разместить, к примеру, на втором мониторе, и редактировать статьи в «почти WISYWIM» (What You See Is What You Mean) режиме.
+; WISYWIM: Можно использовать автоматический предпросмотр при редактировании статьи с презентацией — отметьте флажок «слайды» под полем редактирования текста статьи, выберите желаемый интервал обновления и отметьте флажок «Автопредпросмотр». Откроется новая вкладка или окно браузера, которое можно разместить, к примеру, на втором мониторе, и редактировать статьи в «почти WISYWIM» (What You See Is What You Mean) режиме.
-; Инкрементальное отображение: К нему есть 3 пути.<br />'''Первый''': В рамках одного «инкрементального» слайда (помеченного '''incmark''') все списки — и маркированные, и нумерованные — будут показываться попунктно.<br />'''Второй''': На любых, не обязательно помеченных '''incmark''' слайдах можно размещать HTML-элемент с классом «anim» (например <tt><nowiki><div class="anim"><div>п.1</div><div>п.2</div></div></nowiki></tt> и т. п.), и его содержимое будет показано по шагам.<br />'''Третий''': отдельный элемент можно пометить <tt><nowiki>class="incremental"</nowiki></tt> и он станет отдельным дополнительным «шагом» показа.
+; Инкрементальное отображение: К нему есть 3 пути.<br />'''Первый''': В рамках одного «инкрементального» слайда (помеченного '''incmark''') все списки — и маркированные, и нумерованные — будут показываться попунктно.<br />'''Второй''': На любых, не обязательно помеченных '''incmark''' слайдах можно размещать HTML-элемент с классом «anim» (например <tt><nowiki><div class="anim"><div>п.1</div><div>п.2</div></div></nowiki></tt> и т. п.), и его содержимое будет показано по шагам.<br />'''Третий''': отдельный элемент можно пометить <tt><nowiki>class="incremental"</nowiki></tt> и он станет отдельным дополнительным «шагом» показа.
-; Покадровые «анимации»: Если пометить что-нибудь не просто «anim», а «anim over», содержимое элемента будет показываться не просто инкрементально, а по очереди в одном и том же месте. С помощью этого можно делать эффекты, подобные следующим: [http://meyerweb.com/eric/tools/s5/s5-intro.html#slide10 пример анимации] (смотреть только в Firefox/Chrome, так как на сайте автора размещена старая версия S5). ''У автора «на поток» эта технология поставлена не была — сие наша докрутка.''
+; Покадровые «анимации»: Если пометить что-нибудь не просто «anim», а «anim over», содержимое элемента будет показываться не просто инкрементально, а по очереди в одном и том же месте. С помощью этого можно делать эффекты, подобные следующим: [http://meyerweb.com/eric/tools/s5/s5-intro.html#slide10 пример анимации] (смотреть только в Firefox/Chrome, так как на сайте автора размещена старая версия S5). ''У автора «на поток» эта технология поставлена не была — сие наша докрутка.''
-; Ссылка на слайд: Чтобы дать ссылку на конкретный слайд презентации, можно воспользоваться синтаксисом <tt>#slideN</tt>, где N — номер слайда, начиная с нуля (0 — титульный слайд). Кстати, при обновлении презентации в окне браузера (F5, Ctrl-R) позиция (номер текущего слайда) сохраняется.
+; Ссылка на слайд: Чтобы дать ссылку на конкретный слайд презентации, можно воспользоваться синтаксисом <tt>#slideN</tt>, где N — номер слайда, начиная с нуля (0 — титульный слайд). Кстати, при обновлении презентации в окне браузера (F5, Ctrl-R) позиция (номер текущего слайда) сохраняется.
 == Пример ==
@@ Строка 92: / Строка 92: @@
 {{replicate-from-custiswiki-to-lib}}
 [[Категория:MediaWiki]]

← Предыдущая	Версия 00:00, 12 апреля 2010
(нет различий)

← Предыдущая	Версия 00:00, 8 апреля 2010
(нет различий)