Лабораторные ТСРИП-2013

Лабораторные работы по курсу «Технические средства реализации информационных процессов»

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

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

пространение получили анимированные баннеры и аватары в этом формате.

Создавать, отображать и хранить анимацию в этом формате достаточно лег-

ко, что позволило gif анимации оставаться одним из наиболее распростра-

ненных форматов анимации в интернете. Создавать анимацию в этом фор-

мате можно с помощью специализированных программ по созданию анима-

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

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

но значительно повышает требования к аппаратным возможностям компью-

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

пользуют, так-как ее создание достаточно трудно для рядового пользовате-

ля.

Также, с помощью технологии флеш в интернете распространяется видео и игры (файлы с расширение .flv и .swf). Наверно такие видео серви-

сы как www.youtube.com не нуждаются в рекомендации.

21

Лабораторные работы по курсу «Технические средства реализации информационных процессов»

Альтернативой для gif и флэш может явиться программирование на

JavaScript, SVG. JavaScript позволяет оперировать содержимым веб страни-

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

созданная с помощью JavaScript.

4.1 Цель работы

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

4.2 Домашнее задание

1 Подготовите файлы с растровой графикой из предыдущей лабора-

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

2 Рассчитайте возможный размер анимации как механическое объе-

динение файлов сохраненных из их исходного формата в GIF формат.

4.3 Задание к лабораторной работе

Исследуйте влияние опций на размер получаемого файла при созда-

нии GIF – анимации с использованием сайта www.xgif.ru

4.3 Порядок выполнения лабораторной работы

1Загрузите картинки и фотографии на сайт www.xgif.ru

2Перетаскивая картинки, установите порядок кадров анимации.

3Установите размер, скорость воспроизведения, опции.

4Анимация будет создана сразу, как только щелкните "Создать анима-

цию".

22

Лабораторные работы по курсу «Технические средства реализации информационных процессов»

4.5 Содержание отчета

1Описание интерфейса программной среды для создания GIF – анимации.

2Таблица расчета предполагаемого файла с GIF – анимацией

3Таблица свойств файлов GIF – анимации при различных установленных опциях.

4Перечень ссылок.

4.6 Контрольные вопросы

1.Принципы хранения графической информации в GIF файле

2.Принципы хранения анимации в GIF файле

3.Как влияет на размер файла анимации появление переходов между кад-

рами?

4.Укажите ограничения GIF формата

23

Лабораторные работы по курсу «Технические средства реализации информационных процессов»

7 Лабораторная работа №5 Презентация

Сегодня стандартом поддержки большинства проектов является гра-

мотно и красиво оформленные презентации. Защита выпускной квалифика-

ционной работы «диплома» бакалавра, представление проектов, докладов проводят с использованием презентации.

Существуют линейные и нелинейные презентации.

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

лаются в стандартной программе PowerPoint.

Вторые, более интерактивные и показывают лишь ту информацию,

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

ции продуман заранее — каждое нажатие соответствует открытому окну. В

основе лежат компоненты мультимедиа. Их можно подготовить в програм-

мах: Visual C++, Borland Delphi и т.д.

Общие рекомендации по оформлению презентации:

На протяжении всей презентации используйте сочетание не больше 2-х

цветов.

Выдерживайте работу в одном стиле.

Используйте одинаковые типы шрифтов.

Шрифт должен быть без засечек, для заголовка шрифт должен быть не менее 24, для информации – не менее 14.

В заголовках не должно быть точек.

Не стоит заполнять слайд большим или малым количеством информа-

ции.

Фон и цвет шрифта должны сочетаться, текст должен быть хорошо ви-

ден. Поэтому рекомендуется использовать светлый фон и темный цвет шрифта.

Все иллюстрации должны быть подписаны.

Специальные эффекты не должны отвлекать.

24

Лабораторные работы по курсу «Технические средства реализации информационных процессов»

Для правильной работы презентации все вложенные файлы (документы,

видео, звук и пр.) размещайте в ту же папку, что и презентацию

5.1. Цель работы

Создание линейной презентаций содержащей описание компонентов компьютера в соответствии с заданием к первой лабораторной работе.

5.2 Домашнее задание

Подготовьте графическую информацию для создаваемой презентации:

1.Найдите рисунок компонента в удовлетворительном качестве, обрежьте рисунок по прямоугольному контуру изображения (ПО – MS Paint).

2.Подготовьте для каждого компонента вид места расположения интер-

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

бражения (ПО – MS Paint). Поместите рисунок в программную среду MS Visio и добавьте к рисунку перечень названий интерфейсов с указанием места их расположения.

5.3 Задание к лабораторной работе

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

5.4 Порядок выполнения лабораторной работы

Разработайте стиль Вашей презентации (фон, колонтитул, шрифт, ке-

гель, и т.д.).

Создайте презентацию, содержащую следующие страницы:

Титульный лист содержащий: логотип ИжГТУ, логотип кафедры, назва-

ние лабораторной работы с указанием области использования собирае-

мого компьютера, дата, группа и ФИО студента выполнившего работу,

отличительные особенности (технические требования) области исполь-

зования собираемого компьютера.

25

Лабораторные работы по курсу «Технические средства реализации информационных процессов»

Перечень внешних и внутренних устройств с указанием встроенных компонентов.

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

го компонента, внешний вид компонента, краткие технические характе-

ристики компонента, вид разъемов компонента с указанием названия со-

ответствующего интерфейса.

Итоговую стоимость комплектующих собираемого компьютера.

Оглавление презентации с гиперссылкой на каждую станицу.

5.5 Содержание отчета

1.Титульный лист

2.Распечатанная презентация

3.Перечень источников

5.6 Контрольные вопросы

1Опишите общие правила создания презентаций.

2Перечислите внутренние устройства компьютера

3Перечислите внешние устройства компьютера

4Укажите встроенные элементы компьютера

5Перечислите интерфейсные разъемы материнской платы

6Укажите классификационные характеристики мониторов

7Укажите классификационные характеристики принтеров

8Укажите классификационные характеристики клавиатур

9Укажите классификационные характеристики корпусов системных бло-

ков

10Укажите классификационные характеристики оптических приводов

11Укажите классификационные характеристики накопителей

12Укажите классификационные характеристики оперативной памяти

26

Лабораторные работы по курсу «Технические средства реализации информационных процессов»

8 Лабораторная работа №6. HTML

HTML представляет собой язык разметки гипертекста, который пред-

назначен для создания веб-страниц [4]. Когда такая страница открывается в браузере (Internet Explorer, Google Chrome, Opera, Apple Safari, Mozilla Firefox и т.д.), он просматривает код HTML, находит специальные символы, на-

зываемые тегами, и использует их для создания элементов, таких как: ри-

сунки, таблицы, ссылки и др.

6.1. Цель работы

Создание html страницы описывающей компьютер в соответствии с заданием (первая лабораторная работа).

6.2 Домашнее задание

Подготовьте анимационный ролик (4-5 кадров) раскрывающий функ-

циональные особенности описываемого компьютера или круг задач для ко-

торых он предназначен.

6.3 Задание к лабораторной работе

Создайте одностраничный (без гиперссылок) html документ в объеме соответствующий презентации предыдущей лабораторной работе. Помести-

те в начале документа созданный анимационный ролик.

6.4 Порядок выполнения лабораторной работы

Пользуясь тестовым редактором «Блокнот» или любым другим про-

стым редактором напишете текст html страницы. Откройте полученный файл в браузере.

6.5 Содержание отчета

1.Перечень используемых тегов

2.Вид html страницы

3.Текст html страницы

27

Лабораторные работы по курсу «Технические средства реализации информационных процессов»

6.6 Контрольные вопросы

1.Опишите структуру html страницы

2.Опишите теги HTML

3.Перечислите значения атрибутов тегов

28

Лабораторные работы по курсу «Технические средства реализации информационных процессов»

9Перечень литературы

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

ва», бакалавров и магистров по направлению 200100 «Приборостроение» /

сост. В. А. Стрижак. – Ижевск : Изд-во ИжГТУ, 2011. – 48 с.

2. nix. Тесты раздела. НИКС - Компьютерный Супермаркет. [Online] Copyright © 1991-2011 "НИКС - Компьютерный Супермаркет",, 06 08, 2011.

[Cited: 06 08, 2011.] http://www.nix.ru/support/tests_list.html?test_class=.

3.xGif.ru - gif анимация. http://www.xgif.ru/. [Online] 01 01, 2009. [Cited: 06 11, 2011.]

4.Мержевич, Влад. Статьи. www.htmlbook.ru. [Online] 2011. [Cited: 06 14, 2011.] www.htmlbook.ru.

29