Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 2)

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

Супер администратор также обладает правами администратора, а также имеет доступ к ядру Web-приложения, может редактировать, удалять и менять код Web-приложения, удалять, редактировать, добавлять дизайн.

Таким образом, составлено техническое задание, в котором описаны основные требования, структура, дизайн, работа сервиса Web-приложения.

2 Обзор технологий, используемых для разработки и продвижения web-приложений

2.1. Технологии разработки дизайна сайта

Технологии разработки дизайна Web-приложений делятся на две группы: технологии растровой графики и технологии векторной.

К технологиям растровой графики относятся такие программные продукты как Adobe Photoshop, GIMP.

К технологиям векторной графики относятся такие программные продукты как Adobe Illustrator, CorelDRAW, Skencil [28].

Adobe Photoshop – многофункциональный профессиональный графический редактор, разработанный фирмой Adobe Systems для работы с растровой графикой. Сферами применения Adobe Photoshop являются:

• CG-Art (цифровая живопись);

• дизайн;

• обработка фото;

• полиграфия.

Основные возможности программы Adobe Photoshop:

1. поддержка большинства растровых и некоторых векторных графических форматов;

2. наличие всех необходимых инструментов для рисования и редактирования изображений;

3. поддержка цветовых моделей RGB, LAB, CMYK, Градации серого, Черно-белое, Duotone, Indexed, Multichannel;

4. глубина цвета изображений: 8 бит, 16 бит, 32 бита;

5. специальные инструменты для создания меню DVD;

6. поддержка графических планшетов;

7. огромный набор фильтров;

8. широкие возможности для анимации;

9. работа со скриптами.

Достоинства:

• поддержка всех основных форматов изображений;

• огромный функционал как для редактирования изображений, так и для создания своих собственных;

• поддержка графических планшетов;

• расширяемость при помощи плагинов;

• имеется бесплатная онлайн версия – Adobe Photoshop Express.

Недостатки:

• нет поддержки Linux систем;

• трудный для освоения начинающими;

• высокая цена.

GNU Image Manipulation Program или GIMP – растровый графический редактор, программа для создания и обработки растровой графики и частичной поддержкой работы с векторной графикой. Типичные задачи, которые можно решать при помощи GIMP, включают в себя создание графики и логотипов, масштабирование и кадрирование фотографий, раскраска, комбинирование изображений с использованием слоёв, ретуширование и преобразования изображений в различные форматы.

Проект основан в 1995 году Спенсером Кимбеллом и Питером Маттисом как дипломный проект, в настоящий момент поддерживается группой добровольцев. Распространяется на условиях GNU General Public License.

Достоинства:

• GIMP является свободным ПО;

• GIMP является высококачественным приложением для фоторетуши и позволяет создавать оригинальные изображения;

• GIMP является высококачественным приложением для создания экранной и web-графики;

• GIMP является платформой для создания мощных и современных алгоритмов обработки графики учёными и дизайнерами;

• GIMP позволяет автоматизировать выполнение повторяющихся действий;

• GIMP легко расширяем за счёт простой установки дополнений.

Недостатки:

• нет поддержки плашечных цветов (и палитры Pantone ­– по лицензионным соображениям);

• нет полноценной поддержки цветовых моделей, CIELAB и CIE XYZ;

• нет поддержки режима 16 и более разрядов на цветовой канал;

• нет поддержки HDRi и операторов отображения тонов;

• нет процедурных (корректирующих) слоёв и эффектов слоёв.

CorelDRAW – это программа для создания и работы с графическими документами, выполненными в формате векторной графики. Изначально был задуман как универсальный редактор, применяемый для решения абсолютно всех графических задач. Продукт имеет длинную историю своего развития, так как: первая версия вышла еще в 1989 году. Сегодня CorelDRAW применяется для изготовления рекламной продукции, плакатов, листовок, календарей, визиток, шрифтовых работ с выводом на плоттер и т. д [26].

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

Достоинства:

• увеличение масштаба без потери качества изображения;

• высокая точность работы с изображениями (до сотой доли микрона);

• небольшой размер векторного файла по сравнению с растровым;

• прекрасное качество полиграфической печати;

• трассировка растровых изображений, возможность вывода их на плоттер;

• возможность редактирования каждого элемента изображения в отдельности;

• работа с разными платформами: есть версии CorelDRAW для операционных систем Windows, OS/2, MAC и различных вариантов UNIX;

• хорошая совместимость с другими программами. Поддерживаются различные форматы файлов, включая Adobe Illustrator (AI), EPS и формат PSD с сохранением всех слоев изображения. Имеется более 70 фильтров для импорта и 40 фильтров для экспорта изображений, охватывающих практически все стандарты графики, изображений и файловые форматы;

• CorelDRAW (и Corel PHOTO-PAINT) используют специальный интерфейс для работы с цифровыми камерами, тем самым обеспечивают возможность загрузки изображений (совместимость) с большим количеством моделей фото видео камер;

• поддерживается создание Web-страниц с помощью мастера преобразования в формат;

• возможность создания электронных публикаций в формате PDF.

Недостатки:

• сложность экспорта растрового формата в векторный, особенно, если графика не черно-белая, а цветная;

• невозможно напрямую применить обширную библиотеку эффектов (plug-in), используемых при работе с растровыми изображениями;

• интерфейс перегружен командными кнопками, что мешает отделить главное от второстепенного;

• в различных версиях программы присутствуют ошибки разработчиков;

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

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

Достоинства:

• интуитивный и понятный интерфейс;

• возможность создания и совместной работы нескольких рабочих областей;

• обширный набор возможностей по работе с текстом;

• богатая библиотека инструментов для рисования.

Недостатки:

• сложность экспорта растрового формата в векторный;

• высокая цена;

• нет огромного количества общедоступных наработок.

Skencil (ранее Sketch) – свободно распространяемый векторный графический редактор

Сферы применения:

• дизайн;

• создание технических иллюстраций;

• создание схем и планов.

Достоинства:

• поддержка большинства основных форматов изображений;

• интуитивный и понятный интерфейс;

• расширяемость при помощи плагинов;

• возможность векторизации растровых изображений.

Недостатки:

• нестабильная работа некоторых инструментов и плагинов;

• редактирование и сохранение только одной страницы PDF-документа;

• высокая нагрузка на ПК.

Таким образом, рассмотрены основные назначения, преимущества и недостатки технологий разработки дизайна Web-приложений.

2.2. Технологии разработки Web-приложений

Язык разметки гипертекста (Hypertext Markup Language, HTML) служит основой для построения пользовательского интерфейса Web-приложений. Это базовый язык описания Web-содержимого страниц [32].

Основные элементы HTML – это теги и их атрибуты. Тег может соответствовать структурному элементу документа (заголовку, абзацу, таблице), элементу оформления или ссылке на другой документ, картинку, анимацию и пр. Атрибуты тега описывают свойства соответствующих элементов.

Расширяемый язык разметки (Extensible Markup Language, XML) так же, как HTML, использует теги и атрибуты, но набор и значение этих тегов и атрибутов определяются типом документа, описываемым его схемой. XML по сравнению с HTML более строг в синтаксических правилах – всегда требует закрытия тегов и указания значений атрибутов. Он предоставляет стандартную лексическую форму для представления текстовой информации различной структуры и стандартные же способы описания этой структуры. XML часто используется для описания разнообразных данных, которыми обмениваются компоненты Web-приложений: конфигурационных файлов, отдельных элементов, из которых компонуются Web-страницы.

Аналог HTML на базе XML – расширяемый язык разметки гипертекста (Extensible Hypertext Markup Language, XHTML).

Каскадные таблицы стилей (Cascading Style Sheets, CSS) являются языком для описания представления документов, написанных на одном из языков разметки. В таблице стилей определяются правила, по которым элементам такого документа сопоставляется стиль его представления (задающий цвет текста и фона, шрифт, форматирование абзаца и пр.). Таблицы стилей позволяют разделить описание структуры и представления документа, давая тем самым возможность отображать один и тот же документ по-разному в зависимости от конфигурации браузера или пользовательских настроек.

Технологии создания клиентских сценариев

Объектная модель документа (Document Object Model, DOM) представляет собой кроссплатформенный и независящий от используемых языков интерфейс для доступа и обработки структурных элементов документов на HTML и XML (включая XHTML). Этот интерфейс описывается в терминах абстрактных типов объектов, соответствующих различным элементам XML-документа, и возможных операций над ними. Кроме того, указывается техника привязки этого абстрактного интерфейса к реализующим его конкретным в различных языках (сейчас – в Java и ECMAScript). DOM является международным стандартом, поддерживаемым группой W3C.

Язык ECMAScript (с многочисленными диалектами, включающими JavaScript, JScript, ActionScript) – язык, чаще всего используемый для обработки элементов XML и HTML документов в браузерах с помощью интерфейса DOM. Соответственно, все браузеры имеют встроенный интерпретатор того или иного диалекта этого языка. Очень часто сценарии на диалектах ECMAScript используются для быстрой, без передачи на сервер, проверки целостности и корректности данных, вводимых пользователем в формах на Web-странице, или для быстрой реакции на те или иные действия пользователя.

Разнообразные языки для описания нетекстовых данных, включаемых в представление Web-страницы, и сценариев работы с ними – такие, как Adobe Flash (для мультимедиа-данных, чаще всего, для представления анимационных роликов), VRML (для трехмерной графики и анимации) и пр.

Технологии создания серверных сценариев

Общий интерфейс шлюза (Common Gateway Interface, CGI) является наиболее простой, самой старой и уже редко используемой технологией для динамической генерации содержимого Web-страниц на стороне сервера. Это стандарт на запросы, обработку которых Web-сервер передает внешним приложениям, работающим со стандартным вводом/выводом для генерации Web-страниц, выдаваемых в ответ на запросы.

Более гибкими и более надежными с точки зрения обеспечения безопасности являются технологии серверных сценариев, выполняемых в рамках Web-сервера или подключаемых к нему модулей. Такие технологии включают сервлеты и серверные страницы Java (Java Server Pages, JSP), активные серверные страницы (Active Server Pages, ASP и ASP.NET) от Microsoft, технологии создания серверных сценариев на языках PHP, ColdFusion, Perl, Python, Ruby и т.д

Технологии создания «богатого Web-интерфейса» (Rich Internet Applications)

Термином Ajax (исходно Asynchronous JavaScript and XML) обозначается любая технология, использующая клиентские сценарии и передачу XML-сообщений по протоколу HTTP для более гибкой и быстрой обработки запросов пользователей. При этом запросы и ответы отправляются в асинхронном режиме (пользователь может продолжать работать с Web-страницей пока его запрос обрабатывается на сервере) и содержат меньше данных (за счет упаковки только необходимой информации в XML, без передачи всей HTML страницы туда и обратно). За счет этого достигается большая интерактивность Web-страниц – поддерживается больше разных видов действий пользователя, вызывающих реакцию приложения, и гарантируется меньшее время реакции на эти действия – при более эффективном обмене данными между клиентом и сервером.

Более сложные технологии, такие как Adobe Flex, Microsoft Silverlight и JavaFX, используются при создании сложных пользовательских интерфейсов на основе как клиентских, так и серверных компонентов.

Характеристики

Список файлов ВКР