|
Персональные инструменты |
|||
|
S5 (MediaWiki)Материал из CustisWikiS5 или просто S5 — кроссбраузерная система быстрого создания презентаций на чистом HTML+JavaScript. Название происходит от Simple Standards-based Slide Show System — 5 раз «S», или S5. Нашими усилиями была прикручена к движку MediaWiki в виде расширения, исходные коды которого находятся в нашем SVN. СодержаниеИспользованиеS5 предоставляет простой, удобный и быстрый способ порождения презентаций из плоского текста. При этом, естественно, остаются все возможности MediaWiki — Flash-видео, Mindmap’ы, раскраска кода и прочие. Чтобы превратить страницу в презентацию, на неё следует добавить блок следующего вида: <slide атрибут="значение" [атрибут="значение" ...]> ;атрибут: Значение [;атрибут: Значение ...] </slide> Атрибуты могут задаваться как в XML-like атрибутах тега <slide>, так и в виде списка определений внутри тега <slide>, и включают в себя:
Далее всё не просто, а очень просто — на странице появляется изображение-предпросмотр стиля, при клике по которому откроется новое окно браузера с готовой к показу презентацией. В случае Opera режим презентации включается нажатием F11. Все заголовки, помеченные headingmark (например «Слайд: Аннотация»), или даже не помеченные ничем в случае, если headingmark пустой, будут превращены в слайды. СтилиУ нас доступно 6 различных стилей:
Создание собственных стилейС расширением S5 можно легко создавать собственные стили (скины), используя только вики-страницы. Скин S5 — это просто файл с CSS-стилями для специфических элементов. Если быть точным, каждый скин S5 включает в себя несколько CSS’ок, но для смены скинов менять, по сути, нужно только одну «pretty.css». CSS стили нужно помещать на страницы с именами вида MediaWiki:S5/custis/pretty.css, здесь custis — имя стиля (замените на своё), а pretty.css — имя CSS’ки. В основном вам нужно менять как раз pretty.css, но если внезапно окажется, что какие-то из стандартных стилей тоже нужно поменять — также можно менять core.css, base.css и framing.css. Точно так же можно менять и «встроенные» скины — содержимое с вики-страницы имеет приоритет над файлами из дистрибутива расширения. В CSS-стилях, очевидно, могут использоваться изображения. С ними тоже всё просто — если вы хотите использовать какое-то своё изображение, загрузите файл с ним с обычной страницы загрузки (в названии обязательно использовать только латинские буквы, цифры и символы '.', '-', и '_'), и пропишите в свой CSS в виде url(filename.png). При генерации стиля эта конструкция будет автоматически заменена на корректный путь к вашему изображению. После этого, если передать в параметре <slide style=""> имя вашего стиля, именно его вы и увидите в своей презентации. Ссылки на стили для примера — открывайте, несмотря на то, что они красные, там будут показаны стили скина blue по умолчанию:
Замечания
ПримерПример описания (можно использовать как «рыбу»-заготовку для copy-paste): <slide style="custis" headingmark="Слайд:" incmark="(по шагам)" scaled="true"> ;author: Олег Клинчаев ;title: Многопоточность в Java (начало) ;subtitle: Многопоточность в Java (начало) ;subfooter: {{date}} </slide> Установка расширенияУстановка максимально проста. Достаточно извлечь исходные коды в директорию /extensions/S5SlideShow (именно такую, иначе нужно менять пути в коде) и добавить в LocalSettings.php строчку: require_once "/extensions/S5SlideShow/S5SlideShow.php"; Также, если очень хочется, можно прописать немножко конфигурации: // маркер заголовка-слайда по умолчанию, в случае, если атрибут headingmark не указан $egS5SlideHeadingMark = ''; // маркер инкрементального слайда по умолчанию $egS5SlideIncMark = '(step)'; // маркер разрыва слайда по умолчанию (pagebreak) $egS5SlidePageBreak = '\\\\';
Внимание! Эта статья была создана путем автоматического реплицирования из внутренней базы знаний компании Заказные Информ Системы. Любые правки этой статьи могут быть перезаписаны при следующем сеансе репликации. Если у вас есть серьезное замечание по тексту статьи, запишите его в раздел «discussion». |
||||||||||||||