Разработка технической документации и технические писатели Технические писатели и разработка технической документации технические писатели в Телеграм 

 obmen_soobsheniyami.png Чат для технических писателей 
 Зарегистрируйтесь
Страницы: 1 2 След.
Ответить
RSS
Создание интерактивных схем с всплывающими пояснениями, поддержкой ссылок и печатью
 
Коллеги, подскажите, пожалуйста, инструмент, с помощью которого можно составить ОГРОМНУЮ схему "общения" информационных систем (программ).

Всего около 140-150 систем и у каждой минимум по 7-10 связей с другими. Для того чтобы сократить размеры схемы, создаются объекты с минимумом информации (название, код), а при наведении на связь (коннектор, линию) с другим объектом отображать полные сведения: табличка с описанием API передаваемых данных, форматы, по каким запросам, периодичность и т.п.  

Схема должна открываться на веб-странице и поддерживать ссылки. При необходимости должен распечатываться один объект (ИС) с пояснениями: входные и выходные данные (т.е. с двумя табличками).

Visio (vsd) не подходит, т.к. открывается только в своем просмотрщике. Можно сохранять в SVG, но если он умеет делать всплывающие пояснения в SVG, то подскажите как.
SVG-формат полностью подходит, но трудозатратно делать всплывающие пояснения. Это можно делать Javascript-ом персонально для каждого объекта не шаблонно. Т.е. редактировать кем-то другим файл будет невозможно. И не ясно как "это" потом распечатать. Да и с JS не очень...
Inkscape начинает глючить при большом количестве объектов и вылетает. C подсказками беда какая-то. Их делать можно, но тоже трудозатратно.
Adobe Illustratorа пока нет, но не знаю есть ли смысл его искать.

Может какие-то еще варианты есть?
Готов освоить незнакомые технологии, например Flash и другие   ;)
Изменено: ADVANCED - 18.12.2013 14:58:00
 
Чем такое делается ?

http://www.concerthotels.com/100-years-of-rock  После того как закончится анимация, можно выделять объекты, а его связи будут автоматически выделяться над другими
 
И не ясно как "это" потом распечатать.
ну интерактивные схемы никак не распечатаешь, на то они и интерактивные)

Скорее всего нужен Flash, он как раз в последнем примере. Как вариант HTML , нарисовать картинку, с помощью тега map  http://htmlbook.ru/html/map вставить ссылки и всплывающие подсказки
 
Картинку рисовать не варинт, эта схема должна иметь возможность правки. На картинке передвинуть пару объектов не так просто будет, тк все связи перерисовывать, описания и новый map.
Изменено: ADVANCED - 19.12.2013 12:59:35
 
Для Inkscape есть расширение Jessilink, которое почему-то отказывается работать под Windows.

Еще нашел редактор Xara Designer Pro, которым якобы можно делать такие штуки. Про - 299 баксов, но можно пользоваться бесплатно, какие-то функции недоступны. Буду пробовать. Вот ссылка если кому надо   http://www.xara.com/us/designer-pro/download/ или тут http://rutracker.org/forum/tracker.php?nm=xara
Изменено: ADVANCED - 19.12.2013 16:21:56
 
Xara Photo & Graphic Designer 9 9.1.1.28178    

Xara Photo & Graphic Designer - мощная программа для создания профессиональной графики с использованием векторных и растровых изображений. С помощью этой программы вы сможете создавать графику для множества целей: веб-графика, векторная графика, фото-композиция, Flash анимация и прочее. Инструменты для автоматического создания контуров и мягких теней, выдавливания объектов и сглаживания краев позволят вам работать значительно продуктивнее, а беспрецедентная скорость открытия файлов и перерисовки экрана существенно сэкономит ваше время. Основное достоинство редактора заключается в соблюдении грамотного баланса между мощью продукта и простотой освоения. Несмотря на то, что программа позиционируется как инструмент для профессионалов, его нетрудно освоить даже новичкам.
 
Как бывает приятно поговорить с умным человеком. Сам спросил, сам ответил  :)   :)
 
ADVANCED, себя не похвалишь никто этого не сделает) От меня лично спасибо за информацию, интересная идея с этими схемами, если что покажете потом что получилось?
 
Пока ничего не Сделал.  Так как схема будет очень большая, важно правильно подобрать инструмент. ЧТобы потом не переделывать ничего в другом.

Вот еще нашел:

Mindjet MindManager - платная, но есть на рутрекере http://rutracker.org/forum/tracker.php?nm=MindManager
ConceptDraw Mindmap Professional - платная, но есть на рутрекере http://rutracker.org/forum/tracker.php?nm=mindmap

MindMeister - онлайн, пока не разобрался как ее хранить/закачивать и т.п. https://www.mindmeister.com  Тоже предлагают платные подписки. Но внизу страницы есть бесплатная с полным функционалом "до 3 схем". Мне надо одну, так что жду подтверждения решистрации.
 
Цитата
Гость пишет:
Пока ничего не Сделал. Так как схема будет очень большая, важно правильно подобрать инструмент. ЧТобы потом не переделывать ничего в другом.

Вот еще нашел:

Mindjet MindManager - платная, но есть на рутрекере [url]http://rutracker.org/forum/tracker.php?nm=MindManager[/url];
ConceptDraw Mindmap Professional - платная, но есть на рутрекере [url]http://rutracker.org/forum/tracker.php?nm=mindmap[/url];

MindMeister - онлайн, пока не разобрался как ее хранить/закачивать и т.п. [url]https://www.mindmeister.com[/url]; Тоже предлагают платные подписки. Но внизу страницы есть бесплатная с полным функционалом "до 3 схем". Мне надо одну, так что жду подтверждения решистрации.
аа, блин... запостил неавторизовавшись и изменить не могу теперь.

В общем онлайн версия будет выжимать денег и нет экспорта в HTML.
Изменено: ADVANCED - 19.12.2013 18:39:57
 
В общем из всего вышеописанного мне ничего не подошло. Но хочу поделиться еще одним редактором.

Все мои первоначальные требования им выполняются, плюс много автоматических фич.


yEd – простое, но в тоже время достаточно мощное приложение, предназначенное для создания различного рода диаграмм. Оно позволяет быстро и эффективно рисовать и редактировать различные диаграммы сети, процесса и организационной структуры.
  Программа поддерживает работу со следующими видами диаграмм: иерархические (определяет направление основного потока в схемах и сетях, а также определяет иерархию уровней и зависимостей), органические (определяет данные присущие разным группам, дает представление о взаимосвязях сложно организованных структур), ортогональные (создает четкие диаграммы, с использованием ортогональных соединений в тех местах, где находится минимум пересечений и изгибов), древовидные (подходят для организации древовидных структур, основными элементами в построении которых являются направленные и радиальные стили), а также кольцевые (определяет топологии вида кольца и звезды в сетях и производит группировку объектов в соответствии со структурой сети и организует их на круги). Все эти возможности позволят нарисовать Вам любую необходимую диаграмму. Работа с yEd не вызовет затруднений, так как интерфейс является довольно приятным, продуманным и понятным на интуитивном уровне.
Ключевые особенности и функции программы
  • позволяет строить диаграммы, практически любого вида;
  • является бесплатным, а также простым в использовании;
  • содержит в себе набор нужных инструментов для создания и редактирования диаграмм;
  • поддерживает большое количество экспортируемых форматов;
  • позволяет назначать горячие клавиши
  • разводку во множестве вариантов делает сам
  • поддерживает много табов
  • можно засовывать свои картинки для узлов (файлы .svg лучше всего, но и .jpg с .png сойдут, равно как и стенсилы Visio);
  • шаблоны делает (для этого нужно просто сделать custom палитру, и добавить туда элемент);
  • перенос формата делает (для этого нужно правым кликом в палитре вызвать меню и сделать apply к выделенным элементам. Да, можно прямо в палитре current elements);
  • групповые редактирования узлов и рёбер делает;
  • группы узлов, табличные узлы, lanes -- делает. Схлопывание-разворачивание узлов с графом внутри тоже делает.;
  • бездна модификаторов поведения (как в настройках, так и всякие shift и ctrl клики мышкой)
  • допускает множество меток (метка -- это просто текстовое поле). А если из меток убрать текст, но сделать их рамку видимой, то узел можно разбивать на части (управляя размещением меток).
  • метки вполне могут быть многострочными (ctrl-enter)
  • экспорт-импорт в огромном числе форматов (в том числе Excel)
  • мэппинг-редактор для кастом-параметров.


Все отлично, жаль нет русификатора.
 
http://www.yworks.com/en/products_yed_about.html   VISIO отдыхает, больше его не буду использовать    8)  

Видеопрезентация есть тут https://www.youtube.com/watch?v=ujMhxPJnJCw
Изменено: ADVANCED - 21.01.2014 17:47:43
 
Идеальным инструментом для такого рода задач считаю H&M. Сначала рисую схему в yEd или Aris Express (бесплатный и BPMN там красивее)



затем создаю проект в H&M, вставляю схемы и редактирую хотспоты - указываю ссылки на топики, делаю скрипты или вывожу всплывающие подсказки с любой информацией


и экспортирую в html или chm (в примере во всплывающем окне показан путь обработки условия и дополнительная информация).


Быстро, просто и удобно... Тем более, что html и откроется везде и любой топик можно распечатать...
 
Цитата
H&M User пишет:
затем создаю проект в H&M, вставляю схемы и редактирую хотспоты
А каким образом импортируются схемы в H&M? В каком виде они должны быть до импорта?
 
Цитата
ADVANCED пишет:
Цитата
H&M User пишет:
затем создаю проект в H&M, вставляю схемы и редактирую хотспоты
А каким образом импортируются схемы в H&M? В каком виде они должны быть до импорта?
Попытался сохранить в HTML - не выходит:  java.lang.OutOfMemoryError: Not enough memory for temporary image of size 14840x13495 (191MPixels).  

Схема очень огромная. Сейчас она сохранена в SWF, а открывается "скриптом-просмотрщиком" в HTML (для флеш).
 


Если схема большая - необходимо разрезать.
Хотя, можно вставить и SWF, но только как видео  :(
Изменено: H&M User - 14.03.2014 15:18:40
 
Цитата
ADVANCED пишет:
Попытался сохранить в HTML - не выходит:java.lang.OutOfMemoryError: Not enough memory for temporary image of size 14840x13495 (191MPixels).
А каков размер файла и сколько оперативы? Помню, когда обрабатывал снимок города из космоса - скушало 6Гб :)
 
Цитата
H&M User пишет:
Цитата
ADVANCED пишет:
Попытался сохранить в HTML - не выходит:java.lang.OutOfMemoryError: Not enough memory for temporary image of size 14840x13495 (191MPixels).
А каков размер файла и сколько оперативы? Помню, когда обрабатывал снимок города из космоса - скушало 6Гб
Размер файла 1,5 мб в swf. Оперативы 8 гигов. Под JVM выделено 800 мегов вроде.  
 
Цитата
H&M User пишет:


Если схема большая - необходимо разрезать.
Хотя, можно вставить и SWF, но только как видео
Т.е. схема в H&M вставляется просто как картинка?
 
В графическом формате - картинка, если хотите работающий флэш - вставляйте как видео. Вместо окна просмотра или плеера можно использовать свой код обработчика.
 
 
Спасибо за идею, но мне не подойдет.

Это "карта систем" со связями. Связи ведут на страницы с описанием что именно и как передается (функции, метода, запросы, подписки,процедуры и т.д). Схема постоянно обновляется, т.к. появляются новые сервисы и программы.

Плюс должна быть возможность кому-то еще обновлять. Картинку переделывать каждый раз куда ни шло, а наносить на нее ссылки каждый раз при изменении заново -  бред.
 
Нашел решение, но докручивать надо. Подробное описание будет позже.
 
слежу за темой. интересуют подробности.
 
Подскажите, так что в итоге выбрали? действительно ли  yEd лучше Visio подходит для этих целей?
Изменено: eoi - 23.12.2014 11:25:57
пойдем со мной?
Страницы: 1 2 След.
Ответить
Читают тему
Форма ответов
Текст сообщения*
Загрузить файл или картинкуПеретащить с помощью Drag'n'drop
Перетащите файлы
Ничего не найдено
Загрузить файлы
Отправить Отменить