Практикум по дисциплине "Гипертекстовые и мультимедийные технологии"

Задание 1. Знакомство мультимедиа информационными технологиями

Цели работы:

• знакомство с принципами использование мультимедиа технологий;
• выделение критериев оценки интерфейса взаимодействия ИС и пользователя;
• оценка современных мультимедиа и гипертекстовых технологий их интуитивности и практичности применении конечными пользователями;
• выявление способов усовершенствования представления ММ информации пользователю.

Задание:

Оцените способы представления информации на сайтах:

1. Выберите два крупных сайта каких-либо компаний.
2. Выделите 6-8 критериев для оценки качества представление информации на сайтах в рамках следующих направлений анализа:

- дизайн;

- эргономика;

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

1. Произведите анализ способа представления информации на сайтах и навигации в соответствии с выбранными критериями.
2. Используя MS Visio, составьте карты выбранных Вами сайтов и проанализируйте их.
3. На основе проработанных тематических сайтов, составьте карту оптимального сайта для выбранной профессиональной деятельности.
4. Предложите не менее пяти способов усовершенствования представления информации на сайте (любом из 2х).

Отчёт о выполненной работе:

1. Оценка способов представления информации на сайтах:

1.1. Выбранные сайты и краткое описание их содержания.

1.2. Снимки экранов с главными страницами сайтов.

1.3. Критерии оценки качества представлении информации.

1.4. Сравнение способов представления информации на сайтах.

1.5. Построенные карты сайтов:

• Название сайта;
• Карта сайта, содержащая все странички сайта и достаточно полный объем гиперссылок;
• Карта оптимального сайта по данной теме с устранением возможных недостатков.

1.6. Способы улучшения качества представления информации на сайте:

• Название сайта;
• Варианты усовершенствования:

Задание 2. Структура и навигация гипермедиа

Цели работы:

• знакомство с различными видами организации гипермедиа узлов в ИС;
• получение навыков разработки информационных систем с различной организацией навигации в ИС.

Задание:

1. Рассмотрите основные виды организации гипермедиа узлов (полносвязную, иерархическую, последовательную, циклическую, с ветвлением, параллельную).
2. Придумайте ИС, с одним из видов организации гипермедиа узлов, укажите назначение и функционал данной системы.
3. Используя MS Visio, составьте схему организации узлов для данной системы.
4. Перечислите преимущества выбранной вами структуры навигации.
5. Оформите отчёт по проделанной работе.

Задание 3. Интерактивные компоненты Flash

Цели работы:

• знакомство с различными возможностями Flash;
• отработка навыков создания интерактивных Flash-компонентов.

Задание:

1. Создайте интерактивный баннер для вымышленной компании. Баннер должен содержать следующие обязательные элементы:

• надпись, соответствующая названию компании, с перемещающимися буквами;
• фон баннера, меняющий свой цвет;
• 2 графических элемента, отражающих основную деятельность выбранной Вами фирмы:

-     один из элементов должен быть анимированным символом-клипом;

-     другой обычный графический символ.

1. Превратите созданный баннер в кнопку для перехода на сайт mfpa.ru.

Задание 4. Создание Flash-приложений

Цели работы:

• знакомство с возможностями создания приложений с использованием технологии Flash;
• получение навыков разработки простых Flash-приложений для сайтов;
• знакомство с ActionScript;
• получение навыков создания кодов на ActionScript.

Задание:

1. Используя возможности Flash и ActionScript создайте для вымышленного Интернет-магазина каталог продукции с возможностью подсчёта стоимости заказа и с учётом дополнительных операций:

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

2.Протестируйте работу созданного приложения.

Задание 5. Аудит сайта

Цели работы:

• знакомство с принципами использования мультимедиа технологий;
• выделение критериев оценки интерфейса взаимодействия ИС и пользователя;
• выявление способов усовершенствования ММ и ГТ технологий для представления информации пользователю.

Задание и ход работы.

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

1. Поисковый аудит сайта:

• Проведите анализ присутствия сайта в базе данных поисковых систем (Рамблер, Яндекс и т.д). Введите запрос на поиск сайта и выясните его рейтинг в разных поисковых машинах.
• Проведите анализ видимости сайта в поисковых системах.

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

• Проведите анализ ссылочной структуры (проанализировать ссылочную структуру главной страницы). Для этого проведите:

-     Проверку наличия неработающих ссылок и ссылок на несуществующие страницы.

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

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

2. Технический анализ сайта.

Проведите по предложенному сайту:

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

3. Аудит usability:

• Проверьте корректное отображение сайта в различных браузерах при различных настройках экрана.

Проверьте:

• Быстроту доступа к сайту, скорость загрузки отдельных страниц.
• Удобство и полноту навигационных элементов, меню. (Правило 7 элементов в кармане).
• Организацию структуры сайта, легкость перемещения между страницами.
• Актуальность информации, удовлетворение запросов целевой аудитории.
• Простоту осуществления поиска и заказа товаров и/или услуг.

4. Анализ содержимого и структуры страниц сайта:

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

Отчёт о выполненной работе (отчёт выполняется в любом текстовом редакторе):

1. Укажите рейтинг сайта в поисковых системах: yandex, rambler, google, webalta.

2. Опишите результат проверки неработающих ссылок.

3. Охарактеризуйте карту сайта и предложите свой способ её усовершенствования.

4. Перечислите элементы взаимодействия сайта с пользователем.

5. Дайте характеристику средств управления содержимым сайта. Предложите свои элементы.

6. Представьте результаты проверки корректного отображения сайта в различных браузерах при различных настройках экрана.

7. Дайте оценку usability сайта, используя пункты раздела 3 задания.

8. Приведите фрагменты кода, содержащие тематики, которые служат для нахождения в поисковых системах.

9. Если есть элементы, влияющие на некорректное отображение страницы, перечислите их и предложите способы их замены.