Системы визуальной разработки приложений
Системы визуальной разработки приложений объединяют в себе возможности систем программирования и систем разработки интерфейсов.
Системы разработки интерфейсов в начале 90-х годов ХХ века составляли большую долю в инструментарии. Сейчас такие системы входят составной частью в CASE-средства. Самые известные из них:
·C++ Visual Studio (компании Microsoft);
·C++ WorkShop Visual (компании Sun Microsystems);
·Delphi Suite (компании Borland Inc.);
·Средства построения графического интерфейса в Java (компоненты и контейнеры).
Общая схема работы в среде визуального программирования предполагает:
· Выбор типа разрабатываемого приложения из имеющегося набора прототипов.
· Создание в визуальной манере интерфейса приложения.
· Настройку свойств интерфейсных элементов.
· Написание кода обработчиков событий для использованных интерфейсных элементов, который позволил бы объединить их в единую систему. Именно эта фаза разработки приложения является самой ответственной и требует квалификации и наибольших усилий со стороны программиста.
Структуру визуальной среды программирования рассмотрим на примере системы Delphi.
Визуальная среда программирования Delphi — наиболее распространенный инструмент для быстрого создания эффективных Windows-приложений. Она проста в освоении, так как большинство средств программирования в ней визуализированы, а в основе лежит достаточно простой для изучения язык Object Pascal.
Основным достоинства данной среды программирования является то, что Delphi — это комбинация нескольких важнейших технологий:
1. Высокопроизводительный компилятор;
2. Объектно-ориентированная модель компонент;
3. Визуальное построение приложений из программных прототипов;
4. Быстрая разработка работающего приложения из прототипов.
Среда Delphi включает в себя полный набор визуальных инструментов для быстрой разработки приложений (RAD — rapid application development), поддерживающий разработку пользовательского интерфейса и подключение к корпоративным базам данных. К их числу относятся:
· Визуальный построитель интерфейсов (Visual User-interface builder) — дает возможность быстро создавать приложения визуально, просто выбирая компоненты из соответствующей палитры.
· Библиотека визуальных компонентов (VCL – Visual Component Library) — эта библиотека объектов включает в себя стандартные объекты построения пользовательского интерфейса, графические объекты, объекты мультимедиа, диалоги, объекты управления файлами и управление DDE.
· Delphi обладает удобным графическим отладчиком, позволяющим находить и устранять ошибки в коде. Можно устанавливать точки останова, проверять и изменять переменные, при помощи пошагового выполнения. Если же требуются возможности более тонкой отладки, то можно использовать отдельно доступный Turbo Debugger.
Среда Delphi следует спецификации, называемой Single Document Interface (SDI), и состоит из нескольких отдельно расположенных окон. Основные составные части интерфейса Delphi:
1. Дизайнер Форм (Form Designer);
2. Окно Редактора Исходного Текста (Editor Window);
3. Палитра Компонент (Component Palette);
4. Инспектор Объектов (Object Inspector);
5. Интерактивный Справочник (On-line help).
Дизайнер Форм в Delphi настолько интуитивно понятен и прост в использовании, что создание визуального интерфейса превращается в игру. Дизайнер Форм первоначально состоит из одного пустого окна, которое вы заполняете всевозможными объектами, выбранными на Палитре Компонент. Информация о формах хранится в двух типах файлов -.dfm и.pas, причем первый тип файла (двоичный) хранит образ формы и ее свойства, второй тип описывает функционирование обработчиков событий и поведение компонент. Оба файла автоматически синхронизируются Delphi, так что если добавить новую форму в проект, связанный с ним файл pas автоматически будет создан, и его имя будет добавлено в проект.
В дополнение к инструментам, обсуждавшимся выше, существует набор инструментальных средств, поставляемых вместе с Delphi:
· Внешний отладчик (поставляется отдельно);
· Компилятор командной строки;
· ReportSmith — генератор отчетов для баз данных;
· Team Development Support: предоставляет контроль версий при помощи PVCS компании Intersolve (приобретается отдельно) или при помощи других программных продуктов контроля версий;
· Visual Query Builder — средство визуального построения SQL-запросов;
Иногда достаточно использовать только одну интегрированную среду разработки, но для больших проектов в среду разработки включаются разнородные продукты разных фирм, разных версий. Пример такого набора: файловый менеджер, набор вспомогательных утилит и пакетных файлов, С++Builder – как IDE, PLSQL Developer – для работы с СУБД Oracle, Cristal Reports – для создания отчетов, StarTeam – для ведения версий и поддержки коллективной работы.
Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:
Photoshop, Sketch инструментарий UI/UX-дизайнеров: что выбрать для разработки интерфейсов?
В последнее время вопрос инструментария UI/UX-специалистов стоит очень остро: какое ПО использовать для разработки интерфейсов? Мы в нашей компании также горячо обсуждаем этот вопрос. И дискуссия часто имеют очень острый характер. Что выбрать для работы? Какой редактор более функционален для той или иной задачи дизайнера? Перечень наших задач достаточно широк, начиная с создания фирменного стиля и заканчивая полным циклом разработки сложных диджитал продуктов. Например, мобильных приложений для управления системами умного дома, полнофункциональных e-commerce систем.
Я не буду первым, кто поднял эти вопросы, но постараюсь дать на них ёмкие ответы. Возможно, моя статья будет интересна начинающим дизайнерам, которые еще не определились окончательно с направлением своей деятельности, или дизайнерам, которые хотят переквалифицироваться из одной специальности в другую.
Последние лет двадцать самым популярным графическим редактором для дизайнеров оставался Adobe Photoshop. Однако, недавно первенство компании Adobe на рынке инструментария для digital дизайнеров пошатнулось, в 2012 году компания Bohemian Coding выпустила Sketch. Sketch – это профессиональный векторный графический редактор, заточенный непосредственно под создание графических интерфейсов: веб, мобильных приложений, десктопных программ и прочих. На данный момент актуальной версией является Sketch 3. За эти 3,5 года компания Bohemian Coding проделала огромную работу по улучшению своего продукта, зафиксило множество багов, наростило функциональность и собственно выростила серъезного конкурента Photoshop. Сразу хочу внести важную ремарку: я не рассматриваю Sketch как непосредственного конкурента Photoshop. Однозначно, назначение этих программ изначально разное, соответственно, то, что для одного будет преимуществом, для другого может быть серъезным недостатком. Поэтому правильно было бы сделать не сравнительный обзор, как это делают многие, а осветить основные преимущества и свойства каждого из редакторов для конкретного кейса.
Назначение
Именно поэтому считаю корректным первым пунктом показать назначение каждой из программ.
Photoshop в основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Он незаменим для ретуши фото, обработки изображений. Но функционал предназначенный для работы с векторной графикой в нем достаточно условный. Многие поклонники Adobe возразят мне, но тогда возникает логичный вопрос: зачем в арсенале Adobe есть отдельный векторный редактор Illustrator, если Photoshop умеет все? Именно наличие двух интерфейсов усложняет работу и требует дополнительного времени при решении задач по работе с векторной графикой.
Sketch же изначально заточен на работу с вектором, поскольку разработка интерфейсов подразумевает создание прототипов, фреймворков, иконок, UI-элементов, а зачастую эти элементы должны быть векторными.
Таким образом, чтобы выбрать каким из редакторов пользоваться, нужно понять, какие задачи придется решать с помощью данного инструментария.
Стоимость
Вторым по счету, но не по значимости, параметром для выбора того или иного редактора является стоимость и способ оплаты данного программного обеспечения. Приобрести Photoshop можно исключительно по подписке! Стоимость ежемесячного использования редактора составляет 20$, и для разных регионов эта цифра может изменяться. Но суть остается та же. В отличии от Adobe компания Bohemian Coding пошла по обратному пути: Sketch продается за 99$, это единоразовый платеж и все обновления пользователь получает бесплатно. Возможно в дальнейшем финансовая стратегия компании изменится, но пока они завоевывают рынок таким образом. Именно этот фактор, наверняка, сыграет роль в масштабах компании. Хотя и для фрилансеров немалозначимым является финансовое планирование своих ресурсов.
Мультиплатформенность
Еще одним значимым аргументом в выборе инструментария для дизайнеров станет платформа, на которой работает тот или иной софт. В нашей компании дизайнеры работают исключительно на Mac устройствах и большинство front-end разработчиков тоже. Поэтому тот факт, что Sketch существует исключительно для OS X, не стал для нас проблемой. А вот для дизайнеров, в распоряжении которых Windows устройства, это явно не решабельный вопрос. Конечно, можно заморочиться и поставить эмулятор OS X на винде, однако ничего путнего из этого может не получиться, максимум вы загрузите свой процессор и операционную систему обработкой ненужных процессов. В отличии от Sketch, Photoshop имеет отдельные версии для Windows и OS X. Поэтому в вопросе мультиплатформенности неизменным лидером остается Adobe Photoshop. Но, опять-таки, то, что на первый взгляд кажется недостатком, является сильным преимуществом в конкретных условиях. Поскольку Sketch существует только под Mac, в нем весь создаваемый контент отрисовывается с помощью средств маковской оси, используется стандартный графический движок от Apple. Именно этим разработчики добились максимальной продуктивности и быстроты работы.
Быстродействие и объем загрузочного файла
Являясь нативным Cocoa приложением, Sketch по минимуму использует нестандартные интерфейсные элементы, поэтому он имеет маленький объем. Загрузочный файл весит всего около 22 Мб. Он достаточно хорошо оптимизирован, в отличии от Photoshop, объем установочного файла которого составляет около 1 Гб.
Интеграция
Важным моментом для любого инструментария является его способность интеграции с другим софтом. Например, после того, как макет сайта полностью проработан и готов к передаче в отдел front-end разработки, становится вопрос непосредственно самой передачи исходников для дальнейшего развития проекта. На сегодняшний день и Sketch, и Photoshop имеют серьезные средства интеграции. Оба редактора могут экспортировать материалы в софт для коммуникации между разработчиками и дизайнерами, такие как Avocode, Zeplin и прочие. Если рассматривать этот кейс для компании, то данное решение крайне важно, оно помогает сэкономить деньги на дополнительные экземпляры графических редакторов для front-end разработчиков.
Обучение
Если вы решили освоить Photoshop или расширить свои знания о данном графическом редакторе, то в вашем распоряжении масса образовательных источников. Существуют обучающие ресурсы как платные, так и бесплатные. Качество материалов также очень сильно разнится: от примитивных статей неавторитетных авторов до идеально структурированных последовательных видеоуроков квалифицированных профессиональных тренеров. В силу того, что Sketch относительно молодой софт, то и количество обучающих ресурсов не сравнимо меньше, чем у Photoshop. И, как правило, это платные материалы. Например, на известном образовательном ресурсе Udemi менее 40 курсов по Sketch. Однако, уже существуют и обзор от практиков Sketch. Надеюсь, со временем количество обучающих метриалов в сети будет увеличиваться прапорционально с ростом популярности графического редактора Sketch.
Конкуренция – двигатель прогресса
Существует масса других параметров и характеристик Photoshop и Sketch, охватить их все достаточно сложно, но вывод однозначен: каждый из рассмотренных мною графических редакторов хорош для решения конкретной задачи. Если рассматривать разработку интерфейсов, то мы в компании для себя сделали однозначный выбор в пользу Sketch. Этому способствовал комплекс факторов, перечисленных в данной статье. Photoshop по прежнему является лидером в работе с растровой графикой, но нельзя игнорировать тот факт, что появление Sketch дало сильный толчок в развитии Photoshop. Самым ярким доказательством тому – появление множества арт-бордов и возможность отображения превью на мобильном устройстве. Действительно: конкуренция – двигатель прогрса.