Курсовая

Курсовая Разработка дизайна для сайта турфирмы

Работа добавлена на сайт bukvasha.net: 2015-10-25

Поможем написать учебную работу

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

Предоплата всего

от 25%

Подписываем

договор

Выберите тип работы:

Скидка 25% при заказе до 5.2.2025





Санкт-Петербургский Гуманитарный университет профсоюзов
Кафедра информатики и математики
Дисциплина

«Программные средства в туристской отрасли»
Курсовая работа на тему:
«Разработка графического дизайна сайта турфирмы»
Выполнил студент

факультета культуры

по специальности ПИ в СКС

Черемных А.А.
Руководитель доцент

кафедры информатики и математики

Пискунова  Т.Г.
Санкт-Петербург

2010

Содержание

(вставить потом оглавление работы автоматически)

Введение. 3

1.     Сравнительный анализ современных ПО для разработки графического дизайна сайта турфирмы... 5

1.1.       Анализ и отбор значимых факторов. 7

1.2.       Источники информации. 7

1.3.       Описание рассматриваемых ПО.. 8

Adobe Photoshop. 8

CorelDraw.. 9

GIMP. 9

Krita. 10

Adobe Illustrator 10

Pixia. 11

Inkscape. 11

1.4.       Характеристики рассматриваемых программных средств. 12

1.5.       Оцифровка значений качественных факторов. 13

1.6.       Оцифрованные характеристики вариантов. 14

1.7.       Нормализация значений факторов. 15

1.8.       Определение и нормализация значений коэффициентов значимости. 16

1.9.       Вычисление взвешенной оценки вариантов. 17

Шаблон сайта. 18

Заключение. 19


Введение


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

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

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

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

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

·         Сайт визитка — содержит самые общие данные о владельце сайта (организация или индивидуальный предприниматель). Вид деятельности, история, прайс-лист, контактные данные, реквизиты, схема проезда. Специалисты размещают своё резюме. То есть подробная визитная карточка.

·         Представительский сайт — так иногда называют сайт-визитку с расширенной функциональностью: подробное описание услуг, портфолио, отзывы, форма обратной связи и т. д.

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

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

·         Интернет-магазин — веб-сайт с каталогом продукции, с помощью которого клиент может заказать нужные ему товары. Используются различные системы расчётов: от пересылки товаров наложенным платежом или автоматической пересылки счета по факсу до расчётов с помощью пластиковых карт.
Каждому сайту нужна хорошая графическая разработка, будь то интернет-магазин или представительный сайт.

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

Во время разработки шаблона того или иного сайта в основном используют  компоненты от фирмы Adobe.

Продукты данной компании  примечательны своей функциональностью и  широким выбором инструментов в области разработки графического дизайна будь это Adobe Photoshop, Illustrator, InDesign или After Effects.

Каждая из программ фирмы Adobe имеет свой формат расширения файла, однако в целом всё программное обеспечение обеспечивает удобную интеграцию форматов файла каждой из программ. Таким образом многие элементы Adobe Photoshop можно использовать к примеру  в Adobe Illustrator или  Adobe Flash.

Благодаря сильному инструментарию многие компании исключают необходимость искать какие-либо другие программы по разработке графических элементов, однако пакет прикладных программы Adobe по стоимости весьма дорогой (если брать полный пакет прикладных программ фирмы Adobe).

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

Учитывая данную проблему рынок пополняется множеством других программ по созданию графического дизайна, однако  они сильно уступают программам компании Adobe по своим функциональным  возможностям, либо плохо распространенны, что делает их неконкурентно способными  в данной сфере. Однако подобные программные средства такие как GIMP, Krita, Pixia  в последние дни начинают набирать обороты и пытаются соответствовать последним стандартам качества на примере ПО фирмы Adobe. Их также не стоит упускать из виду и стоит упомянуть об их функциональных возможностях.

1.   Сравнительный анализ современных ПО для разработки графического дизайна сайта турфирмы




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

На данный момент является лидером среди графических редакторов в области разработки и редактирования растровых изображений. Благодаря своим возможностям, Adobe Photoshop широко применим в web-дизайне. Может обеспечивать средства нелинейного монтажа  и создания различных текстур и фонов для кинематографа, matte painting'a  и различной интернет рекламы.
CorelDraw
Мощный инструмент в области создания векторной графики. Подходит для создания графических элементов, но не шаблона в целом. Удобен в использовании, а так же имеет широкий спектр возможностей в плане разработки векторных изображений. Распространяется на платной основе.
GIMP
GIMP — свободный графический редактор, который поддерживает больше тридцати форматов изображений, умеет работать со слоями, масками, фильтрами и режимами смешивания. В арсенале программы есть огромный спектр инструментов для цветокоррекции и обработки любых фотографий и изображений.

Имеет возможность поддержки векторной графики. Данное программное обеспечение распространяется  на свободной основе и поддерживается группой добровольцев единомышленников.
Krita
Программное обеспечение нацеленное на редактирование растровых изображений.

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

Adobe Illustrator был задуман как редактор векторной графики, однако дизайнеры используют его в самых разных целях. Он очень удобен для быстрой разметки страницы с логотипом и графикой — простого одностраничного документа, не содержащего текста.
Pixia
Бесплатный графический редактор. Включает в себя возможность поддержки графических планшетов. Может работать с самыми распространёнными форматами файлов (.jpeg, .bmp, .png, .tiff). Поддерживает формат файла .PSD.

Данное ПО не является кроссплатформенным , поэтому может работать только на операционной системе Microsoft Windows.

Из недостатков можно подчеркнуть неудобство интерфейса и малофункциональность.
Inkscape


Inkscape — открытый редактор векторной графики, функционально схожий с Illustrator, Freehand, CorelDraw или Xara X и использующий стандарт W3C под названием Scalable Vector Graphics (SVG). В программе поддерживаются такие возможности  как фигуры, контуры, текст, маркеры, клоны, альфа-канал, трансформации, градиенты, текстуры и группировка.


1.1.                   Анализ и отбор значимых факторов


С точки зрения применения в тур бизнесе наиболее важными является следующие характеристики ПО.


  1. Цена – стоимость одной лицензии программы при условии одной покупкой не менее 10 лицензий.
  2. Оценка распространённости.
  3. Системные требования – требования к компьютеру.
  4. Функциональные возможности – перечень основных функций.
  5. Удобство использования – продуманность интерфейса, наличие справки.
  6. Поддержка пользователей.
  7. Оценки пользователей – отзывы.

1.2.        Источники информации




Adobe

Photoshop
-
http://www.adobe.com/ru/products/photoshop/family/


CorelDraw -  http://ru.wikipedia.org/wiki/CorelDRAW


GIMP -  http://www.progimp.ru/


Ktita -  http://www.koffice.org/krita/


Adobe Illustrator - http://www.adobe.com/ru/products/illustrator/?promoid=BPCES


Pixia - http://ru.wikipedia.org/wiki/Pixia


InkSkape - http://inkscape.org/


1.3.        Описание рассматриваемых ПО




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

Растровое изображение представляет собой поточечную структуру пикселей или точек цветов. Качество при сжатии может измениться в худшую сторону в силу того, что растровое изображение представляется как матрица фиксированного размера состоящая из точек(пикселей).

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

Для создания анимированных сайтов лучше всего подходят векторные прикладные программы.

 Adobe Photoshop




Программное обеспечение Adobe Photoshop представляет собой отраслевой стандарт в области графического дизайна. Содержит самые современные наработки и средства для редактирования растровых изображений и создания различных композиций в области matte painting и не только.

Имеет широкий спектр совместимости с другими программами компании Adobe, таких как Adobe After Effects, Adobe Premier, Adobe Illustrator.

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

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

Для полной функциональности требует лицензионный доступ, начиная с Adobe Photoshop CS4.В противном случае, при отсутствии лицензионного ключа, 4 выпуск данного программного обеспечения может работать нестабильно или не запускаться вовсе.


CorelDraw




Программное обеспечение CorelDraw представляет собой векторный графический редактор, позиционирующийся как упрощенное программное обеспечение для работы в области графического дизайна. В основном применим для разработки логотипа компании, создания визитных карточек, брошюр, вывесок и других материалов. Включает в себя также растровый графический редактор Corel Photo-paint, что в свою очередь помогает взаимодействовать с программным обеспечением Adobe Photoshop.

Corel Photo-Paint - это профессиональное дополнение для CorelDraw, позволяющее быстро и легко ретушировать изображения. Тесная интеграция с CorelDraw делает этот продукт незаменимым при редактировании растровых изображений.

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

Широчайшая совместимость файловых форматов предоставляет неограниченные возможности по разнообразному использованию созданных материалов и обмену ими. Поддерживается огромное количество файловых форматов, включая PDF, JPG, PNG, EPS, AI, TIFF, PSD и DOCX. Это позволяет легко и быстро импортировать и экспортировать нужные файлы.

CorelDraw достаточно прост и удобен в использовании.

GIMP




Бесплатный растровый графический редактор. Обладает  рядом своих отличительных особенностей от других подобных редакторов.

Включает в себя:

- Возможность работы с графическими планшетами.

- Возможность изменять динамику кистей. Любому виду кисточки можно задать

свои настройки(цвет, размер, прозрачность)

- Поддержка кистей Photoshop в формате ABR.

- Поддержка файлов Photoshop формата PSD. Обеспечение удобной интеграции с другими программами, которые не поддерживают формат файловGIMP.

- Возможность изменить интерфейс под пользователя.

- Включена система слоёв.

- Редактирование фотографий.

- Цифровое ретуширование.

- Коллажирование.

- имеет свой формат файла XCF.

Данное программное обеспечение имеет лицензированное соглашение GNU CPL. Данная лицензия подразумевает под собой бесплатное распространение и копирование программы. Последующие доработки и различные плагины на данное ПО могут распространяться как на платной, так и бесплатной основе.


Krita




Ещё один графический редактор в области растровых изображений. Также как и GIMP распространяется на основе лицензии GNU CPL.

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

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


Adobe Illustrator




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

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

Включено использование фрагментов для создания графики, а также включена возможность экспорта векторной графики в Adobe Photoshop.


Pixia




Ещё один графический редактор нацеленный на корректировку растровых изображений.

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

Изначально данное программное обеспечение имело очень узкую направленность. Основной задачей данного ПО - создание рисунков на основе манги. Учитывая скудность данного программного обеспечения разработчики не стали останавливается на достигнутом и на сегодняшний момент добавляют новые элементы для создания разнообразных графических элементов. Для создания полного графического шаблона

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


Inkscape 




Inkscape — открытый редактор векторной графики, функционально схожий с Illustrator, Freehand, CorelDraw или Xara X и использующий стандарт W3C под названием Scalable Vector Graphics (SVG). В программе поддерживаются такие возможности SVG как фигуры, контуры, текст, маркеры, клоны, альфа-канал, трансформации, градиенты, текстуры и группировка. Inkscape также поддерживает метаданные Creative Commons, правку узлов, слои, сложные операции с контурами, векторизацию растровой графики, текст по контуру, завёрстанный в фигуру текст, редактирование XML-данных напрямую и многое другое. Он импортирует файлы в таких форматах как JPEG, PNG, TIFF и другие, и экспортирует файлы в формате PNG, равно как и в некоторых векторных форматах.".
Выпускается в вариантах для Windows, Мас X и Linux.

Основной целью проекта Inkscape является создание мощного и удобного инструмента для рисования, полностью совместимого с со стандартами XML, SVG и CSS. Мы также успешно развиваем сообщества пользователей и разработчиков

1.4.        Характеристики рассматриваемых программных средств



Примеры


Цена,руб

Оценка распространённости



Системные требования



Функциональные возможности



Удобство использования



Поддержка пользователей



Оценки

 пользова

телей

Adobe Photoshop

7 593.50

большая

Intel® Pentium® 4 Intel Core™2 Duo

512MB ОЗУ

1 Гб места на жестком диске

Создание шаблонов, концепт-артов, баннеров.

Коллажирование

Ретуширование

Работа с растровой графикой

+++++


+

высокие

CorelDRAW

7 745.98

большая

Intel® Pentium® 4, AMD Athlon 64

1 Гб  ОЗУ

750 Мб места на жестком диске

Создание марок, буклетов, логотипов, визитных карточек.

Работа с векторной графикой

++++

+

высокие

GIMP

бесплатно

низкая

минимальные

Коллажирование

Цифровое ретуширование,

Работа со слоями.

++++

+

средние

Krita

бесплатно

низкая

минимальные

Редактор растровых изображений

Коррекция слоёв.

Коррекция фотоэлементов

+++

-

низкие

Adobe Illustrator

8

081.10



большая

Intel® Pentium® 4

AMD Athlon® 64

1 ГБ ОЗУ

Создание векторной графики и  иллюстраций.

+++++

+

высокие

Pixia

бесплатно

низкая

минимальные

Минимальные

+++

+

низкие

Inkscape


бесплатно

большая

Windows 9x/NT/2000/XP, Mac OS X, Linux

800Mhz CPU, 512Mb ОЗУ

Векторный

графический редактор.

Создание художественных  и технических иллюстраций.

++++

+

высокие


Рис.1. Характеристики рассматриваемых программных средств

1.5.        Оцифровка значений качественных факторов



Примеры


Цена,руб

Оценка распространённости



Системные требования



Функциональные возможности



Удобство использования



Поддержка пользователей



Оценки пользова

телей

Adobe Photoshop

7 593.50

5

5

5

5

5

5

CorelDRAW

7 745.98

5

5

4

4

4

5

GIMP

бесплатно

3

3

3

4

4

3

Krita

бесплатно

1

1

1

3

1

1

Adobe Illustrator

8

081.10



5

5

5

5

5

5

Pixia

бесплатно

1

1

1

3

1

1

Inkscape


бесплатно

5

5

5

4

5

5


Рис.2. Оцифровка значений качественных факторов




 

           Цена

Распространенность

Системные требования

     Функции

        Удобство

 Поддержка пользователей.

Оценки пользователей

программы

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Adobe Photosop

7593

0,112629

5

0,2

5

0,133333

5

0,208333

5

0,178571

5

0,2

5

0,2

CorelDRAW

7745

0,111548

5

0,2

5

0,133333

4

0,166667

4

0,142857

4

0,16

5

0,2

GIMP

0

0,166667

3

0,12

3

0,146667

3

0,125

4

0,142857

4

0,16

3

0,12

Krita

0

0,166667

1

0,04

1

0,16

1

0,041667

3

0,107143

1

0,04

1

0,04

Adobe Illustrator

8081

0,109156

5

0,2

5

0,133333

5

0,208333

5

0,178571

5

0,2

5

0,2

Pixia

0

0,166667

1

0,04

1

0,16

1

0,041667

3

0,107143

1

0,04

1

0,04

Inkscape

0

0,166667

5

0,2

5

0,133333

5

0,208333

4

0,142857

5

0,2

5

0,2

сумма

23419

1

25

1

25

1

24

1

28

1

25

1

25

1

1.6.        Оцифрованные характеристики вариантов



Рис.3. Оцифрованные характеристики вариантов


1.7.        Нормализация значений факторов



 

 

    Цена

 

Распространенность

   Системные

 

    Функции

     Удобство

Поддержка

Оценки

 

программы

 

 

 

 

 

                требования

 

 

    

 

        пользователей

 

 

Adobe Photosop

7593

0,675776

0,112629

5

0,2

5

0,8

0,133333

5

0,208333

5

0,178571

5

0,2

5

0,2

CorelDRAW

7745

0,669286

0,111548

5

0,2

5

0,8

0,133333

4

0,166667

4

0,142857

4

0,16

5

0,2

GIMP

0

1

0,166667

3

0,12

3

0,88

0,146667

3

0,125

4

0,142857

4

0,16

3

0,12

Krita

0

1

0,166667

1

0,04

1

0,96

0,16

1

0,041667

3

0,107143

1

0,04

1

0,04

Adobe Illustrator

8081

0,654938

0,109156

5

0,2

5

0,8

0,133333

5

0,208333

5

0,178571

5

0,2

5

0,2

Pixia

0

1

0,166667

1

0,04

1

0,96

0,16

1

0,041667

3

0,107143

1

0,04

1

0,04

Inkscape

0

1

0,166667

5

0,2

5

0,8

0,133333

5

0,208333

4

0,142857

5

0,2

5

0,2

сумма

23419

6

1

25

1

25

6

1

24

1

28

1

25

1

25

1


Рис.4. Нормализация значений факторов

1.8.        Определение и нормализация значений коэффициентов значимости



Для определения значимости факторов мы выбрали десятибалльную шкалу.
  • Цена -10 баллов. Данный фактор значительно влияет на выбор программного средства.
  • Распространенность - 10. Данный фактор очень важен для программного обеспечения в области графического дизайна.
  • Системные требования - 3. Данный фактор не очень важен для приобретения программного продукта
  • Функциональные возможности - 10. Данный фактор очень важен для разработки графических элементов в области технологии мультимедиа.
  • Удобство использования - 9. Важно, чтобы инструментарий программы был удобен пользователю при работе в той или иной прикладной программе.
  • Поддержка пользователей - 7.
  • Оценка пользователей - 3 балл. Достаточно субъективное понятие, поэтому данный фактор можно считать не столь важным в выборе программного обеспечения.


Цена

10

0,192308

Распространенность

10

0,192308

Сис. Требования

3

0,057692

Функц. Возможности

10

0,192308

Удобство пользования

9

0,173077

Поддержка пользователей

7

0,134615

Оценка пользователей

3

0,057692

сумма

52

1


1.9.    Вычисление взвешенной оценки вариантов



 

Цена

Распространенность

Системные требования

Функц. Возможности

Удобство пользования

Поддержка пользователей

Оценки пользователей

Взвешенная оценка

 

0,192308

0,192308

0,057692

0,214286

0,173077

0,134615

0,057692

 

Adobe PhotoShop

0,112629

0,2

0,133333

0,208333

0,178571

0,2

0,2

0,181824

CorelDRAW

0,111548

0,2

0,133333

0,166667

0,142857

0,16

0,2

0,161122

GIMP

0,166667

0,12

0,146667

0,125

0,142857

0,16

0,12

0,143562

Krita

0,166667

0,04

0,16

0,041667

0,107143

0,04

0,04

0,084139

Adobe

illustrator

0,109156

0,2

0,133333

0,208333

0,178571

0,2

0,2

0,181156

Pixia

0,166667

0,04

0,16

0,041667

0,107143

0,04

0,04

0,084139

Inkscape

0,166667

0,2

0,133333

0,208333

0,142857

0,2

0,2

0,186035



Рис.6. Вычисление взвешенной оценки вариантов

Шаблон сайта



Ниже приведён возможный           вариант графического дизайна сайта турфирмы Gates
travel
посредством разработки программного обеспечения Adobe
Photoshop
CS3



Заключение



В данной работе был проведён практический анализ каждого программного средства приведённого выше по созданию графического шаблона для сайта турфирмы.

В ходе работы были выявлены все плюсы и минусы каждого программного средства.

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

Такими программами являются:
·        Adobe Photoshop

·        Adobe Illustrator

·        Inkskape
 

1. Реферат на тему Tales Of A PreSchooler Essay Research Paper
2. Контрольная работа Контрольная работа по Муниципальному праву 2
3. Реферат на тему Arab Nationalism Essay Research Paper HARVEY The
4. Реферат Морфобиологическая характеристика уклеи Alburnus alburnus L. Бисеровских карьеров Московской О
5. Книга Конкурентне право, Удалов
6. Реферат на тему История физики строение материи
7. Реферат на тему Налоговая экспертиза договоров
8. Реферат на тему Telecommunications Essay Research Paper IntroductionWe are in
9. Доклад на тему История длинноствольного оружия
10. Реферат Роль экономического анализа в управлении предприятием в потребительской кооперации