https://wiki.4intra.net/index.php?title=%D0%91%D0%BB%D0%BE%D0%B3:TechTools/SVGEditor_%E2%80%94_%D0%B8%D0%BD%D1%84%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0_%D0%B8_%D1%81%D1%85%D0%B5%D0%BC%D0%B0%D1%82%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F_%D0%BD%D0%B5_%D0%B2%D1%8B%D1%85%D0%BE%D0%B4%D1%8F_%D0%B8%D0%B7_%D0%B1%D1%80%D0%BE%D1%83%D0%B7%D0%B5%D1%80%D0%B0&feed=atom&action=historyБлог:TechTools/SVGEditor — инфографика и схематизация не выходя из броузера - Revision history2024-03-29T05:56:24ZRevision history for this page on the wikiMediaWiki 1.26.4https://wiki.4intra.net/index.php?title=%D0%91%D0%BB%D0%BE%D0%B3:TechTools/SVGEditor_%E2%80%94_%D0%B8%D0%BD%D1%84%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0_%D0%B8_%D1%81%D1%85%D0%B5%D0%BC%D0%B0%D1%82%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F_%D0%BD%D0%B5_%D0%B2%D1%8B%D1%85%D0%BE%D0%B4%D1%8F_%D0%B8%D0%B7_%D0%B1%D1%80%D0%BE%D1%83%D0%B7%D0%B5%D1%80%D0%B0&diff=7279&oldid=prevVitaliyFilippov: Массовая правка: замена PCRE \n+\[\[Категория:Справка\]\] на
<noinclude>Category:Справка</noinclude>2015-09-01T11:55:33Z<p>Массовая правка: замена PCRE \n+\[\[Категория:Справка\]\] на <noinclude><a href="/Category:%D0%A1%D0%BF%D1%80%D0%B0%D0%B2%D0%BA%D0%B0" title="Category:Справка">Category:Справка</a></noinclude></p>
<p><b>New page</b></p><div>Полкомпании было у нас на выездной сессии, и вне зависимости от отношения к этому мероприятию, думаю, многие отметили одну из ключевых штук — эффективность простых ad-hoc схем, особенно рисуемых совместно.<br />
<br />
Я сильно далек от мнения, что именно «на схемах и развертывается реальная организационно-управляющая мыследеятельность», но соглашусь с тем, что относительная эффективность картинки не обязательно монотонно растет с трудозатратами на ее рисование, более того, рулят именно совокупность простых иллюстраций и схем<ref>Вам нужна схема? — сейчас я поставлю точку в середине флипчарта…</ref>, сопровождаемых устно или текстом, а не простыни текстов и перегруженные «схемы всего».<br />
<br />
Так что если надо написать статью в вики (и даже пост), и оказаться немногословным и при том понятым — попробуйте выразить мысль в схемах и иллюстрациях.<br />
<br />
Но тут проблема — многие воспринимают вики только как «совместное редактирование текста», и иллюстрации делают только от большой необходимости, и если уж делают, то трудоемко, «добротно сколоченными в Visio», с кучей cliparta, трехмерностью, и проблемами — как это совместно редактировать и развивать?<br />
Ну и вообще, даже если использовать прекрасный свободный векторной графики [[Inkscape]] и хранить SVG-файлы в вики, то возникает гемморойность возни с загрузкой файла из-за какой-то простой схемы в пару квадратов.<br />
<br />
И тут очередное напоминание, что «вики — это не только <s>ценный мех</s> редактирование текста и [[Graphviz]]-диаграмм», но и отличное редактирование в броузере векторных картинок, без возни с файлами и необходимости что-то куда-то инсталлировать<ref>На самом деле, подобная штука у нас была с незапамятных времен, называлась AnyWikiDraw, но была она апплетом на Java, безбожно глючила и тормозила, и мы ее похоронили, заменив на SVGEditor. Который уже web-native (JS-HTML-SVG), и долгое время тоже был глючноват, но сейчас уже дозрел, по крайней мере, для простых схем, за которые я и агитирую.</ref>.<br />
<br />
А именно — если вы вставите в текст<br />
<pre><nowiki><br />
[[Файл:Любое название файла с расширением SVG.svg|center]]<br />
</nowiki></pre><br />
то пройдя по ссылке вы сможете его прямо в броузере и редактировать (ссылка «создать/изменить этот SVG-файл с помощью SVGEdit»).<br />
<br />
Тоже самое можно сделать и тупо набив имя файла-статьи в URLе, или через загрузку файла — в общем, при любой попытке создать/загрузить [[SVG]]-файл, вам предложат его создать, а если он есть — редактировать через SVGEdit.<br />
<br />
В редакторе же есть все необходимое для простых схем, и даже больше. Есть даже вполне вменяемый набор шаблонов-stensils (стрелки, фигуры, иконки, символы,…), так что даже несмотря на то, что в рисуя этотим редактором можно грузить [[SVG]] изображения из всего интернета<ref>Рекомендую http://clker.com в качестве свободных векторных рисунков</ref>, простые схемы можно делать вообще не приходя в сознание:<br />
<br />
[[Файл:SVGEditorDemo.svg|center]]<br />
<br />
Рисунок несколько бестолковый, хотя демонстрирующий еще один выигрышный аспект, по сравнению с унылыми флипчартными схемами — завлекающую яркость, и своей бессмысленностью приглашающий любого желающего его поредактировать.<br />
<br />
Поэтому для демонстрации быстроты и эффективности осмысленных схем, я набросал небольшой пост в личный блог:<br />
[[Блог:Стас_Фомин/Адизес,_СМД-схемы_ОРУ_от_БМО,_и_польза_визуализации]]<br />
<br />
Ну, а если нужны какие-то сложные шаблоны и заготовки (например, project specific), то их тоже можно хранить-наращивать в вики,<br />
см. например, [[:Категория:Abstract Concepts (Cliparts)]] и при необходимости импортировать их в новый рисунок, ни разу не обращаясь к локальным файлам, просто копируя URL SVG-файла, и импортируя его в новый рисунок, открытый в соседней вкладке.<br />
<br />
----<br />
<br />
Ну и разумеется, как всегда <s>совы не только то, чем они кажутся</s> можно использовать SVGEditor и для всякого разного.<br />
<br />
Например, в нем можно вести хитрые статусные доски, см. например,<br />
[[:Файл:Sqadays-10-plan.svg|статус работ по видеомонтажу]].<br />
<br />
Возможно в нем можно будет набрасывать и согласовывать mockup-ы интерфейсов.<br />
Есть другие идеи? — пробуйте!<br />
<br />
----<br />
<references/><br />
{{wl-publish: 2012-03-27 15:31:34 +0400 | StasFomin }}<br />
<noinclude>[[Category:Справка]]</noinclude></div>VitaliyFilippov