1.3 Сравнительный анализ подобных сайтов.

Рассмотрим несколько подобных сайтов с целью анализа их внешнего вида для выявления наиболее значимых элементов по следующим критериям:

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

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

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

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

Изображениями, фотографиями, чертежами, видеофайлами и т.д.

Оценивание подобных сайтов будет осуществляться по десяти бальной системе оценивания.

Рисунок 10. Сайт «Экологический портал»

Сайт «Экологический портал» (Рисунок 10) выполнен в сочетании белого, зелёного, чёрного и голубого цветов. Данный сайт выполнен в довольно простом стиле, понятном даже новичку. Нет лишней назойливой информации, сама же информация размещена удобно.

Оценки:

Дизайн – 7/10

Цветовая схема – 8/10

Читабельность – 10/10

Наполненность – 10/10

Рисунок 11. Сайт «Тенгри»

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

Оценки:

Дизайн – 10/10

Цветовая схема – 10/10

Читабельность – 10/10

Наполненность – 10/10

Рисунок 12. Сайт «Туристский информационный портал Республики Башкортостан»

Этот сайт выполнен в простом стиле, использованные цвета – чёрный, белый, зелёный и светло-коричневый. Информация расположена удобно, однако обилие текста на главной странице «режет глаза».

Оценки:

Дизайн – 5/10

Цветовая схема – 5/10

Читабельность – 6/10

Наполненность – 10/10

Наименование макетов	Дизайн	Цветовая схема	Читабельность	Наполняемость	Средний бал
"Экологический портал"	7	8	10	10	8,75
"Тенгри"	10	10	10	10	10
"Туристский информационный портал Республики Башкортостан"	5	5	6	10	6,5

Таблица 1. Сводный анализ макетов сайтов об экологическом туризме в Республике Башкортостан

ГЛАВА 2. ПРОЕКТИРОВАНИЕ ИНФОРМАЦИОННОЙ ЧАСТИ МАКЕТА САЙТА «ЭКОЛОГИЧЕСКИЙ ТУРИЗМ В РБ».

2.1 Подготовка настройка, контроль компьютерных и периферийных устройств для создания макета-сайта "Экологический туризм в Республике Башкортостан".

Компьютер: ACPI 64x based(Intel core quad q8400)

Подготовка: проверка работоспособности компьютера прошла успешно в соответствии со системными требованиями данного программного обеспечения.

Наличие необходимого программного обеспечения для создания макета сайта и его видеоролика является:

1. Для работы со статическим контентом установлены для растровой графики AdobePhotoshopCS6 и CorelDrawx4 для векторной графики.

2. Для работы с динамическим контентом установлены для обработки видео AdobePremiereCS4 а для звука AdobeAuditionCS5.

3. Для проверки компьютера на вирусы установлена антивирусная база DrWeb.

Контроль проводятся проверки на вирусы всего компьютера с помощью антивирусного программного обеспечения Dr.Web.

Наушники Sven AP- 800

Подготовительный этап: проверка левого и правого наушника на отсутствие посторонних шумов.

Настройка: увеличение/уменьшение громкости звука можно осуществлять с помощью регулятора на самих наушниках или с помощью значка «Динамики» в правой части панели инструментов (Рисунок 13)

Рисунок 13. Настройка уровня громкости наушников.

Встроенный микрофон Sven AP- 800.

Подготовка: проверка работоспособности микрофона .

Контроль осуществляется при помощи компьютера.

Настройка: громкость, запись голоса, проверка подключения микрофона на панели управления ярлык звук или же в панели задач(рисунок 14)

Рисунок 14. Настройка микрофона.

Цифровой фотоаппарат Canon Power Shot A2200 HD.(Рисунок 15)

Рисунок 15. Цифровой фотоаппарат Canon Power Shot A2200

Подготовка: зарядка и установка батареи, установка карты памяти, очистка объектива.

Настройка: Настройка языка, даты и времени.

Выбор режима съемки: Стандартный режим для видео съёмки

используется для выполнения общей видеосъемки. Настройки можно изменить в меню съемки в соответствии с условиями съемки и нужным типом снимков.

Настройка изображения

Автоматическая фокусировка: установлено

Автоматическое регулирование баланса белого: установлено

Распознавание лиц: включено

Автоматическая фокусировка: да

Автоспуск: да

Вспышка

Встроенная вспышка: да

Низкоскоростная синхронизация: да

Устранение эффекта «красных глаз»: да

Блокировка экспозиции: да;

Диапазон встроенной вспышки: 30 см – 4,0 м (Ш) / 50 см – 2,0 м (T)

Функции

Меню: Русифицированная;

Встроенные часы: да

Вставка даты съемки: да

Режим видеосъемки

Режим видеосъёмки: да

Макрорежим: да

Максимальное разрешения видеосъёмки: 1280x720(формат в HD)

Видеосъемка: 30 кадр/сек

Функции прямой печати

Совместимость со стандартом PictBridge да.

Звук

2.2 Анализ и выбор программногообеспечения для создания макета сайта "Экологический туризм в РБ".

На сегодняшние дни существует немало программного обеспечения для обработки статистиченского контента а также динамического контента это графика и видео, в этом разделе рассматривается анализ программного обеспечения для создания макета сайта «Мир кино» , а также ПО для создания его видеоролика.

На данный момент самые популярные ПО можно выделить:

- AdobePhotoshop;

- Gimp;

- Adobe Illustrator;

- CorelDraw.

AdobePhotoshop CS5.

Программное обеспечение Adobe Photoshop CS5, соответствующее отраслевым стандартам, позволяет создавать профессиональные изображения. (Рисунок 16).

Рисунок 16. Логотип программного обеспечения AdobePhotoshopCS5.

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

В этой программе также можно создавать эффектные изображения HDR, устранять шумы, добавлять зернистость и настраивать виньетирование с помощью самых современных инструментов для обработки фотографий. Повышать производительность работы на 64-разрядных системах и в 32 разрядных.

Возможности Adobe Photoshop CS5.

Кросс-платформенная поддержка 64-бит и GPU ускорения позволяет работать с большими изображениями до 10 раз быстрей

1. Технология Trueedge для упрощения выделения сложных объектов;

2. Функция Content-awarefill;

3. Создание HDR изображений;

4. Непревзойденный алгоритм обработки Raw изображений;

5. Естественные эффекты рисования;

6. Функция Puppetwarp;

7. Автоматическая корректировка линз.

Инструменты Adobe Photoshop CS5 для коррекции изображений.

Как было сказано раньше в инструментахAdobePhotoshopCS5 позволяет удалять шум, накладывать зернистость, создавать виньетки, исправлять искажение объектива, повышать резкость и создавать изображения в формате HDR — теперь можно гораздо быстрее.

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

Возможности для творчества. Используйте новые инструменты для творчества с невероятной точностью и выразительными возможностями. Без труда выделять сложные элементы изображений (например, волосы). Создавать реалистичные эффекты рисования.

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

Авто-редактирование и улучшение изображения Богатый набор инструментов рисования Усовершенствованная компоновка.

Инструменты для творчества:

1. Новые формы, образцы и градиенты

2. Множество пользовательских форм, образцы цветов, стили и градиенты.

3. Можно также применять различные эффекты и методы редактирования при помощи новых действий для преобразования в монохромные изображения и фантастических эффектов «Звезды», а также рисовать кистями из нового набора.

4. Повышение производительности  Высокопроизводительные 64-разрядные аппаратные платформы Windows и Mac помогут ускорить рабочие процессы.

Удобный доступ к мощным инструментам редактирования:

1. Эффективная и гибкая рабочая среда;

2. Продуманные принципы работы;

3. Новые функции для экономии времени;

4. Преобразование 16-разрядных изображений в формат JPEG; 

5. Улучшенные функции закрытия файлов;

6. Быстрый разворот клонированных изображений;

7. Новые значения по умолчанию для функции «Тень/свет»;

8. Улучшенное диалоговое окно «Максимальная совместимость»;

Gimp

Gimp - это графический редактор для работы с растровой графикой. Частично поддерживается и векторная графика. Программа одинаково хороша как для обработки фотографий и создания коллажей, так и для рисования. (Рисунок 17)

Рисунок 17. Логотип программы Gimp.

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

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

Благодаря широкому набору функций можно:

• делать свои фотографии более сочными, точнее передающими настроение;

• убирать с фотоснимков лишние элементы;

• создавать коллажи и плакаты;

• готовить дизайн веб-сайтов и резать готовые макеты;

• рисовать картины с помощью графических планшетов (Wacom, Genius и т.д.)

• обрабатывать различные научные данные (FITS, DICOM).

CorelDRAW x6.

CorelDRAW Graphics Suite X6 — это один из самых мощных программных обеспечении для векторной графики, которое подойдет как начинающим, так и опытным пользователям(Рисунок 18).

Рисунок 18. Логотип программы CorelDrawX6

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

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

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

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

Эффективная организация дизайнерских ресурсов с помощью Corel CONNECT™, средства мгновенного поиска контента на компьютере, в локальной сети и на веб-сайтах.

Стильный и самобытный дизайн.

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

Простое управление стилями и цветами с помощью окон настройки свойств и удобных функций, таких как «Наборы стилей» и «Гармония цветов».

Более быстрая и эффективная работа

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

Простота обмена информацией и непревзойденная совместимость

Вывод на самые разнообразные носители — от вывесок и буклетов до визитных карточек, наклеек для автомобилей, веб-графики и многого другого.

Благодаря поддержке более 100 форматов файлов, в том числе AI, PSD, PDF, JPG, PNG, EPS, TIFF, DOCX и PPT, созданные изображения можно перепрофилировать и распространять.

Что входит в пакет.

CorelDRAW X6 - приложение для создания векторной графики и макетов страниц.

Corel® PHOTO-PAINT X6 - профессиональное приложение для редактирования изображений.

Corel® PowerTRACE™ X6 - средство для точной трассировки растровых изображений в векторную графику.

Corel® Website Creator X6 - мощное программное средство для самостоятельного дизайна веб-сайтов

Corel CAPTURE™ X6 - средство для создания моментальных снимков экрана.

Corel® CONNECT™ X6 - средство мгновенного поиска контента

PhotoZoom Pro 2- удобный модуль, подключаемый к PHOTO-PAINT для увеличения цифровых изображений

Concept Share - средство для интерактивной совместной работы в Интернете

Adobe Illustrator CS5

Основное предназначение данной программы – это разработка макетов печатной продукции для ее дальнейшей публикации.

Однако набор возможностей, которыми снабдили данный продукт создатели, сделали Adobe Illustrator истинно универсальным графическим редактором. Редактором, без которого не мыслит своей работы ни один дизайнер, ни один художник, ни один веб–разработчик.(Рисунок 19)

Рисунок 19. Логотип программного обеспечения Adobe Illustrator CS5

Adobe Illustrator по сравнению с другими графическими редакторами имеет следующие преимущества и функциональные возможности:

1. Интуитивный и понятный интерфейс.

2. Поддержка формата Adobe PDF.

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

4. Справочная система охватывает несколько сайтов полностью посвященных Adobe Illustrator.

5. Трехмерные спецэффекты.

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

Инструменты Adobe Illustrator CS5

В Adobe Illustrator CS5 есть многочисленные инструменты для работы с векторной графикой это:

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

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

1. Удобная работа с инструментами и планшетом.

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

3. Возможность создания файлов видеоклипа flash, SVG, SVGZ форматов.

4. Растрирование произвольных типов объектов.

5. Трассировка растровых изображений.

В результате анализа программного обеспечения для создания макета сайта "Мир Кино" было выбрано программное обеспечения CorelDraw X6.

Для создания видеоролика макета сайта "Мир Кино" и его монтажа есть следующие популярные ПО это:

- Adobe Premiere;

- Pro Show Producer;

- Adobe Effect;

- Sony Vegas;

Adobe Premiere Pro CC

Adobe Premiere Pro является самой популярной на рынке профессионального видеомонтажа. Первая версия программы вышла в 2003 году для операционных систем Windows. Начиная с третьей версии, программа стала доступной и для компьютеров Macintosh. У версии 1.5 появилась возможность полноценно работать с HD-видео, добавлен менеджер управления проектами и новые фильтры. В Adobe Premiere Pro CC помимо всего прочего добавлена возможность работать с "облаком".(Рисунок 20)

Рисунок 20. Логотип программы Adobe Premiere Pro CC.

Поскольку технологии, связанные с обработкой цифрового видео, постоянно развиваются, нет ничего удивительного в том, что с выходом каждой новой версии любого более или менее серьезного видеоредактора разработчики сообщают о поддержке новых форматов. Adobe Premiere Pro CC не является исключением. В этой версии существует поддержка XDCAM, XDCAM EX, XDCAM HD, Panasonic P2 и AVCHD. Следует отметить, что Adobe Premiere Pro CC может не только открывать файлы, в перечисленных форматах, но и поддерживает внедренные в них метаданные.

При помощи новой палитры Media Browser, которая является миниатюрным файловым менеджером, внедренным в Premiere, стало удобнее отбирать файлы для проекта.

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

Кроме того, файлы XDCAM, XDCAM EX, XDCAM HD, Panasonic P2 и AVCHD можно просматривать не в обычном режиме просмотра содержимого папок, а в режиме, когда отображаются все файлы указанного типа, обнаруженные на компьютере. В таком режиме можно сразу же увидеть эскизы видеоклипов, сведения о дате создания и продолжительности видео.

В новой версии появились новые форматы отображения временного кода. Теперь программа автоматически распознает формат временного кода клипов, добавляемых в проект, и выводит его в окнах Source Monitor и Project. Если речь идет о графическом файле, в котором невозможно определить формат временного кода или частоту кадров в секунду, то Adobe Premiere Pro использует формат, указанный в настройках проекта. Отображение временного кода можно изменять и вручную, если щелкнуть по области кода правой кнопкой мыши и выбрать другой формат.

В новой версии, Adobe Premiere Pro CC, поставляется вместе с отдельным приложением Adobe Encore DVD, в которое пользователь может переключиться, когда необходимо создать DVD или Blu-ray. Кроме этого, программа для авторинга автоматически распознает маркеры эпизодов, устанавливаемые на временной шкале Premiere при помощи кнопки Set Encore Chapter Marker. Одна из интересных новинок Encore DVD - сохранение имеющегося проекта в формат SWF.

Link & Locate. Современные материалы включают в себя сотни (если не тысячи) клипов. Поэтому очень легко потерять некоторые файлы или резервные копии, хранящиеся на различных устройствах. Функция Link & Locate позволяет быстро отслеживать клипы, повышая эффективность управления медиафайлами и создаваемыми проектами. Lumetri Deep Color Engine. Быстро применяйте многофункциональные предварительно настроенные уровни цветов в Adobe Premiere Pro благодаря механизму Lumetri Deep Color Engine. С помощью Looks Browser просматривайте и добавляйте стили оформления из Adobe Speed Grade так же легко, как эффект растворения. Также вы можете импортировать таблицы LUT из других систем.

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

Pro Show Producer (Рисунок 21)

Рисунок 21. Логотип программы Pro Show Producer.

Pro Show Producer - программа для профессионального создания слайдшоу и презентаций из фотографий с возможностью предварительного редактирования, добавления звуковых дорожек, текста, логотипа, стилей. Содержит все необходимые инструменты для редактирования фото и видео, набор эффектов, готовые шаблоны для создания презентаций и многое другое. Поддерживает работу со слоями и дает возможность для каждого слайда использовать неограниченное их число. Каждую фотографию, из которых состоит презентация, можно редактировать с помощью встроенных инструментов. Презентация может содержать подписи, в том числе и анимированные, фоновую музыку, эффекты перехода. Позволяет создавать видео ролики в 14 различных форматах, например, DVD, EXE, Flash, QuickTime и HD Video.

Возможности Pro Show Producer:

• Поддерживает более 100 форматов файлов

• Поддержка эффекта прозрачности для файлов PSD, PNG, TIFF и GIF

• Поддержка функции Drag-and-drop

• Добавление в качестве отдельного слоя градиента или заливки

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

• Создание расширенных рамок для фото и видео

• Анимация подписей к слайдам с помощью встроенных эффектов

• Добавление музыкального сопровождения. Поддержка форматов WAV и MP3

• Наложение водяных знаков на изображения и видео

• Повороты и перевороты видео

• Создание и использование пользовательских шаблонов

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

• Загрузка файлов непосредственно с YouTube и просмотр в 20 различных устройствах, включая iPod и Blackberry

• Сохранение звуковых дорожек напрямую с CD-диска и прямое перетаскивание звуков в ваши слайды

Sony Vegas Pro

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

Рисунок 22. Логотип программы Sony Vegas Pro

Программа достаточно требовательна к ресурсам компьютера, поэтому для комфортной работы в Sony Vegas Pro, необходимо следующее:

процессор 2 GHz, 200-500 Mb дискового пространства, 4 Gb ОЗУ (лучше 8), видеокарта 512 Mb.

Возможности:

• редактирование и склеивание аудио- и видеофайлов в мультитрековом формате;

• запись Blu-Ray и DVD дисков;

• -редактирование видео высокого расширения;

• работа с видео нескольких камер одновременно.

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

Преимущества программы:

1. профессиональный видео- и аудиоредактор;

2. большое количество встроенных эффектов;

3. возможность бесплатной загрузки Sony Vegas Pro;

4. поддержка большого количества видео- и аудиоформатов.

Минусы:

• программа не имеет русскоязычной локализации;

• ограниченный срок действия бесплатной версии (30 дней).

Adobe After Effects СС (Рисунок 23)

Рисунок 23. Логотип программы Adobe After Effects СС

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

Новое в версии Adobe After Effects CC:

Работа с 3D-объектами. Объекты и сцены из популярного программного обеспечения CINEMA 4D для работы с 3D-моделированием и анимацией можно использовать в качестве отснятого материала прямо в After Effects CC без необходимости предварительного рендеринга. Это упрощает сквозное редактирование файлов между программами и открывает бесчисленные возможности для творчества.

 

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

Warp Stabilizer VFX. Важнейшим преимуществом обновленного Warp Stabilizer VFX является возможность выбрать, какие объекты внутри сцены необходимо стабилизировать, а также отменить стабилизацию и сохранить исходный масштаб сцены для коррекции сложных снимков, таких как трехмерные панорамы с воздуха.

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

Из всех перечисленных программных обеспечении для создания видео ролика и его монтажа макета сайта «Мир Кино» был выбран Adobe Premiere Pro CC.