Средства для визуального проектирования

    Всем известно, что для успешной разработки веб-сайта/веб-сервиса/программы (нужное подчеркнуть) очень важен этап проектирования. Грамотный план разработки — это половина всего проекта. Понятно, что прежде всего необходимо техническое задание, в котором будут описаны требования, сроки, и т.п. Но еще большее значение имеет визуальное проектирование, а именно: UML-схемы, схемы БД, пользовательские интерфейсы, эскизы страниц…

    Для решения каждой из этих задач существуют собственные средства.
    Так, например, пользовательские интерфейсы можно изобразить на бумаге или в фотошопе. Но, согласитесь, что было бы намного удобней иметь возможность создавать все вышеуказанное в одной программе.

    Ниже я предлагаю обзор нескольких таких программ с краткой аннотацией. Очень надеюсь увидеть в комментариях ссылки на другой софт, позволяющий выполнять такое комплексное визуальное проектирование.

    Microsoft Visio


    Лицензия: Trial
    Стоимость: 18 000 руб.
    Сайт: http://office.microsoft.com/ru-ru/visio/

    MS Visio 2007 — это универсальное средство для построения диаграмм, графиков, схем любого рода. Включает мощные средства визуализации и подходит для решения широкого круга задач.

    Open Office.org Draw


    Лицензия: FreeWare
    Стоимость: free
    Сайт: www.openoffice.org/product/draw.html

    Хоть ОО Draw и является векторным графическим редактором, многие используют его для рисования чертежей, блок-схем и других видов диаграмм.

    Axure RP Pro


    Лицензия: Trial
    Стоимость: $585
    Сайт: http://axure.com

    Axure заточен под создание и быстрое прототипирование каркасов веб-сайтов. Интерфейс похож на MS Visio. Содержит очень большую библиотеку с набором объектов для дизайна страницы и пользовательских интерфейсов. Позволяет не только создавать графическое представление, но и привязывать события, связывать блоки между собой и многое другое. Широкие возможность экспорта готовой схемы.

    SmartDraw 2009


    Лицензия: Trial
    Стоимость: $197
    Сайт: http://www.smartdraw.com/

    Очень мощное средство, позволяющее создавать все возможные виды интерфейсов. Интерфейс похож на MS Office 2007. Гигантская библиотека объектов (дополнительные элементы доступны на офф. сайте), и всевозможные типы диаграмм.

    Gliffy.com


    Лицензия: ShareWare
    Стоимость: $5 в месяц
    Сайт: http://www.gliffy.com/

    gliffy.com — это веб-приложение, написанное на flash. Имеет в своем арсенале средства для создания блок-схем, структур, пользовательских интерфейсов, uml диаграмм. Представляет средства удобной публикации и совместной разработки документов. Есть возможности импорта как в растровую, так и в векторную графику. В бесплатной версии существует ограничение на максимальное количество документов — 5.
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 84

    • UFO just landed and posted this here
        0
        О sparx не слышал, а vp и rational rose не стал рассматривать, так как они не предлагают средств для дизайна интерфейсов.
        • UFO just landed and posted this here
            0
            А что в вашем понимании есть «дизайн интерфейсов»?

            ИМХО, для визульного проектирования ПО и АС значительно больше значительно более достойных инструментов. Хотя для некоторых самый приемлемый инструмент лист бумаги и карандаш.
            0
            Axure в компании тоже используем, полезная вещь, но всегда используется совместно с текстовым ТЗ и спецификациями, созданными в Sparx Enterprise Architect. Кстати большие прототипы, сделанные в Axure довольно сильно тормозят из-за обильного использования JS, приходится делать отдельные прототипы на каждую функциональную задачу.
              0
              да, есть такой момент
            +2
            Microsoft Visio конечно мощный инструмент, но сколько стоит лицензия…
              +1
              Недавно начал пользоваться Axure RP Pro 5 вполне удобно, есть еще MindManager (http://ru.wikipedia.org/wiki/MindManager), пользовался довольно долго, но он менее удобен для проектирования интерфейса сайта, но все равно очень хорошее средство :)
                0
                Расскажите плс, а как вы вообще в MM интерфейсы проектируете, в принципе?
                0
                было бы не плохо, если бы вы указали на каких платформах работает софт
                  0
                  Тут все просто: весь софт работает под win. Исключение составляет только gliffy.com, т. к. это веб-сервис. Я бы с радостью сделал обзор программ для linux, но, к сожалению, ничего подобного под эту платформу я не видел. А жаль, ведь у меня самого стоит убунту. Приходится довольствоваться одним Gliffy.
                    –1
                    да, спасибо, я уже самостоятельно все прошерстил
                    просто было бы не плохо указать это в самом начале статьи
                      0
                      Не совсем полноценно, но хоть что-то для визуализации: dia
                        0
                        Ну да, ну да. А как же Ooo Draw?
                          0
                          Кстати он ведь есть и под Lin
                        • UFO just landed and posted this here
                        +4
                        Хватает Open Office.org Draw :)
                        тут больше дело не в софте, а кто проектирует.
                        Можно и карандашом на листочке — правда в ТЗ не вставишь :)
                          +1
                          С карандаша и листочка всё начинается.
                            –1
                            почему не вставишь? сканеры и фотоаппараты никто не отменял ;)

                            более того — наброски на бумаге зачастую более желательны, чем картинка, над которой в софтине страдали несколько дней… Прелесть проектирования в том, что можно быстро разобраться что и как должно работать, а не документировать проект… Ведь я не верю, что в полной мере возможно поддерживать в актуальном состоянии все графики, исполненные в софте, от начала и до конца жизненного цила проекта — слишком многое меняется
                              0
                              тут ещё момент привыкания.
                              0
                              Ещё бы открытые альтернативы посмотреть бы как-то бы (кроме Open Office.org Draw)…
                              0
                              Основная проблема всех представленных программ в том, что они ориентируются на офисного пользователя. Их едва ли можно причислить к средствам проектирования, скорее — средство рисования диаграмм.
                              Не могу я представить, чтобы архитектура приложения или базы данных рисовалась в MS Visio. Для этого существуют специализированные средства разработки (допустим, MySQL Workbench, интегрированный редактор UML в NetBeans и др.)
                                0
                                Целью этого краткого обзора было рассказать о программах, полного комплекса визуального проектирования: от схем до интерфейсов. «all in one», так сказать. Конечно, специализированных средств для решения каждой задачи в отдельности, существует великое множествоство. Для одного только uml есть как минимум несколько программ под разные платформы.
                                  0
                                  Microsoft Visio for Enterprise Achitects — на мой взгляд лучшее средство проектирования по крайней мере MS SQL баз данных.
                                  0
                                  Недавно я заинтерисовался UML и подобными диаграммами. Из софта нашел некое Umbrello, но сравнивать мне его не с чем. Пока сижу тыркаюсь изучаю…
                                    +2
                                    на больших схемах тупит и вылетает часто. Не советую использовать
                                      +1
                                      а какие альтернативы?
                                        0
                                        честно говоря, под линукс альтернативы так и не нашел :(
                                        поэтому мне в то время пришлось перелезть обратно на винду и использовать EA
                                          0
                                          netbeans + uml plugin?
                                          • UFO just landed and posted this here
                                              0
                                              BOUML — отличное решение под все платформы (вроде как)

                                              в своем блоге буду рассказывать подробнее об этой тулзе, когда до нее дойдет время
                                              0
                                              Мне упомянутое Umbrello больше всех понравилось, но его под винду не было.
                                              В результате остановился на ArgoUML.
                                                0
                                                StarUML под Windows. Немного глючит с кодировками (русские шрифты бьются в случае, если окно расфокусировано). Но при фокусировке, печати и экспорте в JPG со шрифтами все нормально.
                                                  +3
                                                  Visual Paradigm for UML Community Edition
                                                  Бесплатна к использованию, написана на Java, я использовал её и на винде, и под линуксом.

                                                  Community Edition — самая простая версия, но ее функционал в разы больше то же Umbrello или Dia.

                                                  Также есть один ньюанс для Community Edition: если, например, у вас одна диаграмма классов, то она нормально экспортируется в картинку или pdf, но если диаграммы две и больше — то поверх сэкспортированного изображения (или pdf) будут навязчивые водяные знаки, мол хочешь нормальное экспортирование — покупай. Такие же ограничения на все типы диаграмм.

                                                  Сначала меня это сильно удручило, но потом я придумал немного хакерский прием.
                                                  1. экспортируем диаграмму в изображение формата SVG
                                                  2. открываем SVG файл в текстовом редакторе (это же по сути XML файл, где вся информация, в том числе и водяные знаки написаны текстом) и удаляем кучу строк с описаниями водяных знаков, благо они не разбросаны по файлу, а находятся в самом конце.
                                                  3. качаем Batik SVG Toolkit и одной командой в шелле получаем чистенькие PDF или PNG. Batik тоже на Java, я использовал его на винде, но и на лине тоже должен запуститься.

                                                  Удобней экспортировать всегда в одну и ту же папку несколько svg файлов и натравливать batik на всю папку сразу с помощью одного и того же шелл скрипта.

                                                  Если диаграмма большая, то batik-rasterizer.jar следует запускать с указанием размера памяти под java, так как 64МБ по умолчанию бывает мало и тогда batik падает.

                                                  Кстати в самой Visual Paradigm for UML для генерирования PDF также используется Batik.

                                                  И еще в догонку: Visual Paradigm for UML не запустится под линуксом, если включен Compiz. Я справился так: поставил Compiz Fusion Tray Icon и каждый раз переключался между Compiz и Metacity. Неудобно, но можно потерпеть
                                                    –3
                                                    все что написано на Java как-то пропадает делание использовать, мелкий софт еще работает, а таким монстрам я даже не представляю какое железо надо.
                                                      0
                                                      У меня не новый ноутбук на селероне и 770 мб памяти.
                                                      Да — тормозит само приложение
                                                      Да — притормаживает вся ось

                                                      Но это качественное приложение, на данный момент полностью покрывающее мои потребности и потребности подавляющего числа разработчиков. Уж неверняка лучше потерпеть, чем тыкаться в «летающие» но малофункциональные, а иногда и убогие программки.

                                                      К тому же блин… цена оперативки в магазине несравнимо меньше цены профитов при использовании удобных программ.
                                              0
                                              все же универсальными такие вещи быть, на мой взгляд, не должны — либо макеты страниц, либо диаграммы состояний и uml и тд. Например, диаграммы классов куда удобнее строить в IDE, а не в графической рисовалке, пусть даже и имеющей такой шаблон. Аналогичная ситуация и с БД.
                                              хм, а Fireworks чем не угодил?
                                                0
                                                Честно сказать, не слышал о таком. Это прекрасно, что вы его упомянули, ведь именно для того, чтобы узнать о других программах, я и опубликовал этот топик. Как говорится: тред комментариями ценнен :)
                                                0
                                                Так же можно рассмотреть дополнения к бесплатным IDE. К Eclipse (UML) и NetBeans (UML, SOA) существуют достойные дополнения, которыми можно пользоваться и главное не покупая дорогих лицензий на ПО.

                                                У нас в компании Eclipse стал основным средством разработки.
                                                  +3
                                                  Есть еще такая замечательная штука, как Enterprise Architect
                                                  http://www.sparxsystems.com.au/products/ea/index.html
                                                    0
                                                    генерация кода в php5 как-то странно у них работает… были какие-то напряги которые свели на нет все прелести.
                                                    хотя сначала я воодушевился…
                                                      0
                                                      Там можно шаблоны генерации исходного кода править и делать их такими, какие они тебе нужны. Кстати там довольно толковый хелп по написанию этих самих шаблонов для генерации.
                                                      0
                                                      Мне эта система тоже больше остальных нравится… одновременно и мощьная и на удивление проста в использовании, если знать UML конечно :)
                                                      +3
                                                      Для мака есть отличная OmniGraffle, для неё есть море удобных сниппетов, и по удобству не сравнима с аксуре или визио.
                                                      www.omnigroup.com/applications/OmniGraffle/
                                                        0
                                                        также для мака есть www.malcolmhardie.com/sqleditor/ — если надо спроектировать базу, пока удобнее и проще ничего не нашел
                                                          0
                                                          вот, спасибо.
                                                          искал как раз средство для этой цели.
                                                            0
                                                            А есть что-нить подобное для linux?
                                                              0
                                                              есть плагины для эклипса… но шибко навороченные… не помню уже как зовутся… чето типа quantumdb
                                                          0
                                                          Для работы с UML и BPM есть сравнительно неплохая Altova Umodel (правда продукты для работы с xml мне у нее больше понравились) и действительно классный Visual Paradigm for Uml. К сожалению, оба платные. Но зато для Altova можно запрашивать trial на почту. Для продления удовольствия почту каждый раз приходилось менять :)

                                                          Да, и эти продукты имеют своих собратьев для остальных задач по проектированию и некоторые case-средства :)
                                                            +2
                                                            Интерфейс Axure совсем не похож на Visio… он на 2 порядка лучше. В Axure все понятно и интуитивно, кроме того можно создавать интерактивное взаимодействие с пользователем и динамически менять прототип.
                                                              +1
                                                              так же можно упомянуть Adobe InDesign.
                                                                0
                                                                Товарищи!
                                                                А зачем вам коммерческие продукты, если есть free?

                                                                Например: CADE

                                                                Он может очень многое, например, можно редактировать один документ по сети одновременно несколькими пользователями. И это при малом размере в несколько мегабайт. Я про всякие другие после него даже вспоминать не хочу.
                                                                  +2
                                                                  Можно упомянуть продукты фирмы Concept Draw http://www.conceptdraw.com/en/products/. Помимо рисования диаграмм и схем есть планировщик проектов.
                                                                    0
                                                                    Можно снять замочек с топика? Думаю, он будет полезен всем.
                                                                      0
                                                                      Мне каркасы страниц выдавали в формате MS Power Point. У клиента широко используется MS Office, так они всё в нём делают, от презентаций и экономических расчётов до ведения списков todo и писем бабушке.
                                                                        0
                                                                        Конечно автор много намешал.
                                                                        Добавлю=)
                                                                        для быстрого создание прототипов, прямо с заказчиком.
                                                                        www.balsamiq.com/products/mockups
                                                                        Flex+AIR
                                                                          0
                                                                          Отличная вещь! Сам ей пользуюсь и автор развивает программу — скоро будет возможность линковать между собой элементы.
                                                                            0
                                                                            мне очень нравиться своей простотой. Можно на коленке описать то, что хочет заказчик, или просто самому продумать
                                                                          0
                                                                          вот простой и удобный компонент для проектирования онлайн: origramy.com/
                                                                          есть бесплатная версия для скачивания
                                                                            +3
                                                                            Используем yEd.
                                                                              0
                                                                              Блин, сила!
                                                                              Буду использовать. Ибо ява, ибо free, ибо кроссплатформенное.
                                                                                +1
                                                                                Она ещё в XML хранит — можно генерировать схемы достаточно просто. У нас, например, диаграмма сущностей приложений по модулям строится — удобней для «въезжания», чем код.
                                                                                  0
                                                                                  Это точно.
                                                                                  Спасибо!
                                                                                0
                                                                                Спасибо! Классная программа. Как раз то, что я искал не далее, как сегодня утром. :)

                                                                                Не перестаю радоваться Хабру. Уже столько раз на нем появлялось что-то нужное как раз тогда, когда это по-настоящему нужно, что аж просто удивительно.
                                                                                  0
                                                                                  Очень приятный редактор!
                                                                                  0
                                                                                  Обычно строю в голове, потом на А4 листочках распечатываю, а делаю в Word с помощью панели рисования, но делаю редко, когда, скажем, на учёбе задали ВСР(вне аудиторная самостоятельная работа) какую-то, что надо показать прежде чем делать.
                                                                                    0
                                                                                    Забыли про Dia — открытая программа входящая в состав Gnome. Позволяет редактировать различные схемы: статических структур UML, баз данных, диаграмм сущность-связь, радиоэлектронных элементов, потоковых диаграмм, сетевых диаграмм и других. По своему позиционированию ближе всего к MS Visio: cкриншоты.
                                                                                    Из интересных возможностей: написание различных плагинов на питоне
                                                                                      0
                                                                                      Интересно было бы посмотреть на список софта для проектирования БД.
                                                                                      Использую пару программ, но, думаю, есть лучше.
                                                                                        0
                                                                                        <занудство>У вас на Open Office.org Draw лицензия неправильно написана. Она LGPL v3.</занудство>
                                                                                          0
                                                                                          А как же DIA? Свободная и бесплатная.
                                                                                            0
                                                                                            Основное софтина для мака уже сто лет как OmniGraffle — стенсилов под нее существует великое множество.
                                                                                              0
                                                                                              Под win лучше Microsoft Visio нет.
                                                                                              Вот линки на наборы стенсилов:
                                                                                              v1.garrettdimon.com/resources/templates-stencils-for-visio-omnigraffle
                                                                                              urlgreyhot.com/personal/resources/visio_wireframe_stencil
                                                                                              nickfinck.com/stencils/

                                                                                              Дальше нужна только голова на плечах.

                                                                                              Для быстрого наброска можно использовать дополнение к Mozilla Firefox — Pencil (http://www.evolus.vn/Pencil/)

                                                                                              SmartDraw 2009 — пробовал, полная лажа, делать юзабельные интерфейсы в настолько неюзабельной программе — экстримальный секас.
                                                                                                –1
                                                                                                Есть еще SAP Visual Composer
                                                                                                  0
                                                                                                  Юзаю только Sparx Enterprise Architect, начинал с Ratition Rose, но уж деревянный и топорный интерфейс, на работе все нравится EA.
                                                                                                  А вот для проектирования внешнего вида используется ASP.NET + Microsoft Visual Studio Web Developer Express.
                                                                                                  пытались использовать Axure, не устроило, что нельзя свои добавлять элементы, а с учетом большой кучи сайтов и которые работуют все на одной платформе, нам не подошло.
                                                                                                    0
                                                                                                    Много всего предложили, но чтобы получить реально интерактивный интерфейс и посмотреть как «оно» будет работать только Axure! Статику можно нарисовать в чем угодно, как говорится «на вкус и цвет».
                                                                                                      0
                                                                                                      В нескольких проектах юзал Sybase PowerDesigner. Это конечно не просто рисовалка. Управление версиями, генерация кода, базы и куча всего. Классная штука, не требователен к ресурсам и не тормозит как Rose. Хотя его цена, конечно, зашкаливает…
                                                                                                      Сейчас юзаю фришный BOUML.
                                                                                                        0
                                                                                                        +1 за Sybase PowerDesigner — очень мощная и красивая вещь. Кто выбирает, обязательно обратите на него внимание.
                                                                                                        0
                                                                                                        Вы ошибаетесь, что «ещё большее значение имеет визуальное проектирование».

                                                                                                        MDA ещё в жизни особо не встречается, поэтому CASE-средства служат лишь дополнительным средством демонстрации части проектных решений. Но ключевое значение для соответствия реальных сроков и качества разработки ожидаемым имеет ТЗ, а ключевое значение для успеха продукта на рынке — обоснованная концепция продукта.

                                                                                                        Кроме того, представленные вами рисовалки не являются средами проектирования. Это просто электронные карандаши.
                                                                                                          0
                                                                                                          Жаль что я сразу не написал(
                                                                                                          Вот мой вклад:
                                                                                                            0
                                                                                                            Жаль что я сразу не написал(
                                                                                                            Вот мой вклад, ссылки в Википедии:

                                                                                                            List of UML tools
                                                                                                            Инструменты UML-моделирования (список)

                                                                                                            Интересно было бы обсудить и этот список тоже;)

                                                                                                            P.S.
                                                                                                            сорри за флуд

                                                                                                              0
                                                                                                              Еще когда пользовал WebSite Builder от известного хостинга Servage
                                                                                                                0
                                                                                                                А почему здесь нет Sybase PowerBuilder а?

                                                                                                                Only users with full accounts can post comments. Log in, please.