Файл: Критерии выбора программных средств разработки web-приложений.pdf

Macromedia HomeSite

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

В процессе работы пользователь постоянно видит рабочую область с двумя вкладкам, поименованными, как Browse и Edit. При этом процесс программирования происходит во вкладке Edit, а результат исполнения программного кода можно увидеть во вкладке Browse. Приложение поддерживает автоматическую генерацию основных тегов, таких, как например, HTML и BODY.

Загружаемые шаблоны и их содержимое пользователь может менять по своему усмотрению. Так же в HomeSite можно без сложностей можно построить архитектуру сайта. Для этого есть панель Quick Bar, на которой размещены системы вкладок с уже готовыми тегами. Какие теги имеются в данных вкладках [9]:

• простые, например, типа параграфа
• программируемые, типа java-скриптов.

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

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

Поддерживает режим WYSIWYG со всеми его плюсами и минусами. Для ускорения работы есть множество возможностей редактирования тегов. К ним относятся, например, такие функции, как Tag Completion, Tag Editors и Tag Insight. Эти функции существенно облегчают редактирование тегов и их атрибутов. Так же есть заготовки кода (Code Snippets).

HomeSite легко интегрируется со средствами управления исходным кодом и системами управления проектами. Кроме того, в приложении реализованы широкие возможности работы с удаленными ресурсами, используя протокол FTP. Это позволяет быстро выполнить развертывание сайта, организовать его техническое обслуживание.

Microsoft FrontPage

Данное приложение веб-разработчика является наиболее популярным HTML-редактором на рынке. Его интеграция с пакетами Microsoft Office существенно повышает возможности веб-разработчиков [9-10].

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

---

Во FrontPage также содержатся WEB-компоненты, необходимые для добавления интерактивных свойств web-узлу. Microsoft FrontPage является классическим WYSIWYG-редактором, в котором присутствует и возможность ручной правки программного кода.

В программе имеется три режима работы с документом [9]:

• режим Normal,
• режим HTML,
• режим Preview.

В режиме Normal, web-страницы представляют собой обычный текстовый файл с возможностью редактирования всех элементов сайта, как текста, так и картинок.

Для удобства разработчика, в режиме HTML реализована подсветка синтаксиса (дескрипторы выделены, синим цветом, все остальное - черного цвета).

Есть режим Preview, который позволяет увидеть, как будет выглядеть ваша страница в окне браузера.

Для облегчения разработки таблиц в приложении FrontPage имеется конструктор таблиц, что также очень удобно для разработчика. Одним из основных преимуществ приложения — это наличие большого количества шаблонов. Шаблоны позволяют пользователю выбирать наиболее подходящий дизайн для своего проекта. После выбора соответствующего шаблона, пользователь может приступить к непосредственному наполнению страницы контентом. Пожалуй, главное преимущество процедуры создания HTML-страницы в среде FrontPage – это то, что процесс создания HTML-страницы ничем не отличается от создания обычного текстового документа в Microsoft Word.

Во FrontPage доступны те же средства редактирования текста, выбора режима его форматирования, создания и редактирования таблиц, а также вставки различных объектов и изображений, при этом, не требуя от разработчика знания HTML.

FrontPage делит рабочую область на несколько блоков, содержащих определенные элементы страницы - рисунки, текст, заголовки и проч. Для каждого блока можно назначить свои параметры форматирования и расположения его относительно страницы [10].

Недостатком FrontPage является то, что в нем реализован небольшой набор инструментов разработки и не возможность его отдельного приобретения. Поэтому Microsoft FrontPage может быть использован в качестве HTML-редактора только на первое время, а с ростом функциональных потребностей у разработчика его возможностей может не хватить [1-7].

Кроме всего, необходимо заметить важный недостаток данного приложения - это сложность и большая емкость полученного программного HTML-кода. Безусловно, что это обстоятельство сказывается на конечном результате разработки - размере документа.

Также, есть еще один важный недостаток использования FrontPage – это сложность в дальнейшем внесения изменений в разработанный в нем документ. Однако это недостаток не конкретного продукта, а фактически всех WYSIWYG-редакторов (What You See Is What You Get – что в переводе означает "что видите, то и получите").

---

Microsoft Word

Общепринято считать Microsoft Word текстовым редактором. Да и как приложение он не позиционируется как HTML-редактор. Однако у него есть возможность сохранения файлов в формате HTML. Как результат, можно столкнуться с HTML-страницами, которые были разработаны в Microsoft Word.

Все особенности разработки HTML-страниц в данном приложении аналогичны проблемам, присущим приложению FrontPage, а именно: у этих приложений в итоге получается избыточный код. По многим своим параметрам данный HTML-код не соответствует HTML-стандарту. Однако, необходимо заметить, что огромное количество людей, использующих Word в своей повседневной работе, в сущности, становятся потенциальными разработчиками HTML-документов.

Разработка веб-страницы в Word происходит двумя способами:

• с использованием Мастера преобразования документа Word в формат HTML,
• прямым преобразованием документа в формат HTML.

При этом Word преобразует документ в формат HTML не оптимально – код получается достаточно громоздким и малоэффективным. Поэтому из больших объемов информации получается довольно большой HTML-код.

В процессе преобразования документа Word в код HTML некоторые элементы документа могут быть утрачены или представлены в другом формате отображения. Поэтому при необходимости вставить в HTML-страницу собственные тэги, в редакторе Word предусмотрена возможность непосредственного редактирования HTML-кода.

Adobe Illustrator

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

Web-страницы могут содержать много элементов – текст HTML, растровые изображения, векторную графику. В Illustrator можно использовать фрагменты для определения границ различных web-элементов в объекте [10].

Web-страница делится на отдельные ячейки, которые представляются в трёх видах:

• изображения,
• без изображения,
• HTML-текст.

При этом можно каждый фрагмент можно сохранить, как независимый файл со своим форматом, настройками и цветовой палитрой. Предусмотрена блокировка фрагментов, которая предотвращает случайные изменения позиций. Размер фрагмента привязывается к содержащемуся в нем объекту. В приложении предусмотрена функция автоматической коррекции размеров и границ объектов в случае их перемещения. При этом данные элементы и их характеристики можно откорректировать вручную. Для связывания нескольких областей изображения (активных областей) с URL-адресом используются карты ссылок. Т.е. при выборе какой-либо из графических ссылок веб-браузер загружает связанный с ней файл.

---

Основная разница между использованием карт ссылок и фрагментов для создания связей состоит в том, как объект экспортируется на web-страницу. Использование карт ссылок сохраняет объект в виде единого файла изображения, а в случае использования фрагментов объект делится на несколько отдельных файлов.

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

Adobe Photoshop

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

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

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

Фактически Photoshop осуществляет полный контроль над каждым пикселем изображения. К недостатку данного приложения можно отнести его ограничения в разрешении изображении. Это связано с тем, что битовый рисунок состоит из фиксированного количества пикселей.

CorelDraw

Приложение CorelDraw предназначено для обработки самой разнообразной графической информации, которая представлена в документе в виде векторных и растровых объектов, блоков обычного и художественного текста [10].

---

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

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

Есть еще одно преимущество векторных рисунков. Это преимущество состоит в том, что для них не требуется много места на диске. величина файла векторного рисунка зависит только от количества и сложности объектов, составляющих этот рисунок. Именно поэтому его размер, в отличие от растрового рисунка, практически не влияет на этот объем.

В CorelDraw реализованы качества мощного визуального редактора web-страниц. Это выражено через возможность генерации развитых HTML-документов, которые предусмотрены возможности включения сценарии JavaScript и таблицы стилей CSS. При проектировании базового вида веб-страницы CorelDraw вполне может служить исходным пунктом для генерирования первых версий файла HTML [9]. При этом данное приложение обеспечивает мощные возможности для работы с графикой, текстом, средствами компоновки и экспорта документов с последующей их публикацией в Интернете.

Общепринято, что при размещении изображений на странице одна из наиболее важных задач – это уменьшение до оптимального размера файлов изображений. При этом рекомендуемым максимальным объемом страницы является объем от 100 до 150 кбайт. Для уменьшения размера файлов изображений применяется специальные функции сжатия файлов и уменьшения количества цветов в изображении. Все эти функции доступны для любой из графических приложений, рассмотренных выше.

Выводы

С появлением web-технологии средства вычислительной техники начинают использовать все большее количество слоев населения. Наиболее характерные группы, которые можно выделить – это те, кто использует веб-технологии в силу профессиональной необходимости и те, кто использует интернет в общесоциальных целях (общение, представительские личные сайты и т.п.). Отдельно можно выделить группу населения, которая использует веб-технологии по мимо собственной воли (использование терминалов оплаты, пластиковых карт, проездных билетов, сдача различных тестов и т.п.). к данной группе населения можно отнести  домохозяйки, пенсионеры, дети.

---