Министерство образования РФ
Cанкт-Петербургский государственный электротехнический университет “ЛЭТИ”
РАЗРАБОТКА АВТОР...
10 downloads
148 Views
537KB Size
Report
This content was uploaded by our users and we assume good faith they have the permission to share this book. If you own the copyright to this book and it is wrongfully on our website, we offer a simple DMCA procedure to remove your content from our site. Start by pressing the button below!
Report copyright / DMCA form
Министерство образования РФ
Cанкт-Петербургский государственный электротехнический университет “ЛЭТИ”
РАЗРАБОТКА АВТОРСКИХ МУЛЬТИМЕДИАИ ГИПЕРМЕДИА- ПРИЛОЖЕНИЙ
Методические указания к курсовой работе по дисциплине “Программные средства гипермедиа”
Санкт-Петербург Издательство СПбГЭТУ “ЛЭТИ” 2000
УДК 519.682.2.002 (07) Разработка
авторских
Методические указания средства
мультимедиа-
и
гипермедиа-
приложений:
к курсовой работе по дисциплине “Программные
гипермедиа”/
Сост.:
Д.
Л.
Кречман;
СПб.:
Изд-во СПбГЭТУ “ЛЭТИ”, 2000. 28 с.
Содержат рекомендации, необходимые при выполнении курсовой работы по разработке простых мультимедиа-проектов для персональных компьютеров для ОС Windows с использованием авторского средства HyperMethod. Предназначены
студентам
старших
курсов,
обучающимся
по
специальности 22.04.00.
Утверждено редакционно-издательским советом университета в качестве методических указаний
© СПбГЭТУ “ЛЭТИ“, 2000
2
Введение Настоящее издание содержит методические указания, необходимые студентам при выполнении курсовой работы, предусмотренной программой дисциплины “Программные средства гипермедиа”. Приведены сведения по общей организации выполнения курсовой работы, требования к курсовому проекту, последовательность его выполнения и необходимые сведения об авторской системе HyperMethod, использующейся при выполнении проекта. Предполагается, что курсовая работа выполняется в специализированном мультимедиа-классе на компьютерах Pentium с ОС Windows95/98 и результат выполнения размещается на CD ROM. 1. ОБЩИЕ ПОЛОЖЕНИЯ 1.1. Цели и содержание курсовой работы Целью курсовой работы является получение студентами практических навыков в проектировании, разработке и создании собственных мультимедиа проектов на CD ROM. При выполнении работы студенты должны изучить и практически освоить: - планирование разработки и оценку трудозатрат разработки; - подготовку содержательных материалов в мультимедиа-форме (видео, звук, изображения, текст, мультимедиа-эффекты), используя соответствующее аппаратное и программное обеспечение; - разработку структурной схемы будущего мультимедиа-приложения; - разработку графического оформления приложения; - сборку приложения с использованием соответствующего программного обеспечения (ПО). При выполнении курсовой работы студент должен разработать мультимедиа приложение на выбранную тему, самостоятельно подготовить все исходные мультимедиа данные, отладить приложение и оформить отчетную документацию в соответствии с требованиями, изложенными в настоящем издании. 1.2. Требования к разрабатываемым приложениям Разрабатываемое при выполнении курсовой работы мультимедиа приложение должно отвечать следующим требованиям: - мультимедиа приложение должно являться законченным проектом, размещенным на CD ROM; - приложение должно содержать видео информацию, изображения, музыку либо речь; - функциональные возможности разрабатываемого приложения должны обеспечиваться подсистемой поиска информации и/или шкалой времени в зависимости от характера содержательного материала; - в приложении должна быть предусмотрена страница сведений об авторе; - в приложении должна быть предусмотрена страница со списком использованной литературы и других первоисточников; Содержательная тема курсовой работы выбирается студентом самостоятельно, согласуется с преподавателем. Объем используемых
3
материалов выбирается исходя и соображений полноты отображения затрагиваемой темы 1.3. Оформление курсовой работы Результаты выполнения курсовой работы оформляются в виде пояснительной записки, в которой должны быть отражены результаты работы, проделанной на каждом этапе проектирования и разработки приложения. Пояснительная записка печатается на стандартных листах формата А4. Схемы, рисунки и чертежи выполняются на листах того же формата. Весь материал пояснительной записки должен быть сброшюрован и снабжен титульным листом установленного в СПбГЭТУ образца, с указанием темы курсовой работы, номера группы, фамилий студента и руководителя курсовой работы. 1.4. Вопросы, требующие согласования с руководителем курсовой работы Курсовая работа выполняется студентом в тесном контакте с руководителем на практических занятиях и консультациях и в соответствии с планом, приведенном на рисунке. Общий план работ предполагает промежуточную форму отчетности, предъявляемую и согласовываемую с преподавателем. С преподавателем обсуждаются: 1) тема курсовой работы; 2) аннотация на проект; 3) структурная схема проекта; 4) согласованный в виде спецификации перечень содержательного материала проекта; 5) перечень основных ресурсов (шкала времени, поисковая подсистема и т. п.) создаваемого приложения и их функциональность. Указанные материалы предоставляются преподавателю соответственно на 3-, 4-, 6- и 7-й неделях семестра и входят в результирующий отчет по курсовой работе
4
График выполнения курсовой работы
5
2. МЕТОДИЧЕСКИЕ РЕКОМЕНДАЦИИ ПО ВЫПОЛНЕНИЮ КУРСОВОЙ РАБОТЫ В данном разделе рассматривается последовательность этапов решения задачи, выработанная практикой разработки мультимедиа и гипермедиа приложений и рекомендуемая к использованию при выполнении курсовой работы. Последовательное выполнение этих этапов позволяет систематизировать деятельность по разработке и реализации приложения, облегчая и ускоряя работу, равномерно распределяя нагрузку на специализированные вычислительные ресурсы, требующиеся для выполнения мультимедиа проектов. Тема курсовой работы выбирается студентом самостоятельно и согласуется с преподавателем. Аннотация на проект объемом до одной страницы машинописного текста должна содержать описание основной идеи проекта, описание основных разделов проекта, основных мультимедиа компонент и ресурсов проекта. Структурная схема проекта должна быть выполнена в виде графсхемы и содержать описание гипертекстовых взаимосвязей между основными страницами разрабатываемого проекта. Перечень содержательных материалов проекта в виде спецификации оформляется в виде таблицы. В таблице указывается наименование и вид материала (текст, рисунок, видео, анимация). Перечень основных ресурсов создаваемого приложения и их функциональность выбираются соответственно теме работы в зависимости от типа проекта и основных целевых функций проекта. Перечень работ и их временная оценка оформляются в виде таблицы. Таблица должна содержать как описание вида работ, так планируемое и фактически затраченное время на выполнение каждой работы. Помимо этого для каждой работы указывается используемое специализированное программное обеспечение. 2.1. Выбор типа проекта На начальном этапе, на основании выбранной темы и составленной аннотации, следует определить тип мультимедиа издания, который подлежит разработке в рамках курсовой работы. Для этого необходимо сформулировать целевые функции проекта (табл. 1) и определить какому из типов изданий они соответствую в большей степени. К основным видам мультимедиа изданий на CD ROM относят: 1) Энциклопедии 2) Музыкальные диски 3) Художественные и музейные диски 4) Мультимедиа учебники и обучающие программы 5) Каталоги продукции (включая диски для выставок, конференций и мультимедиа журналы) 6) Техническую документацию на CD ROM
6
Таблица 1. Значение различных факторов при планировании диска Основная задача проекта Поиск информации в массиве Представление коллекции или продукции Электронный путеводитель Эмоциональное воздействие Электронный учебник Электронный альбом Представительский диск
Факторы, которые определяют требования к проекту и наличие ресурсов Текст, поисковая система, фильтры, средства навигации, гипертекст Качественные изображения, виртуальные объекты и виртуальные панорамы (эффект присутствия), анимация Автоматический показ слайдов, голосовое сопровождение, видео Гармоничное сочетание изобразительного и музыкального рядов Интерактивность материала, обратная связь в виде системы тестирования Качество и детализация экспонатов Качественный графический дизайн пользовательского интерфейса
После определения содержания проекта, выбора его типа соответственно необходимо определить какие из используемых мультимедиа ресурсов будут представлены в проекте. К таким типовым ресурсам относят: - поисковые механизмы; - фильтры; - шкала времени; - синхрологическая таблица; - виртуальные панорамы и объекты; - подсистемы тестов; - доступ в Интернет После определения основных типов ресурсов необходимо разработать структурную схему создаваемого приложения. Структурная схема должна включать в себя описание основных элементов приложения и взаимосвязи их между собой с т.з. гипертекстовых связей включая выделенные последовательности однотипных элементов 2.2. Содержание пояснительной записки Пояснительная записка к курсовой работе должна содержать описание процесса разработки и должна быть оформлена в соответствии с п 1.3. Пояснительная записка должна содержать следующие основные разделы: • аннотацию на проект; • структурную схему проекта; • перечень содержательных материалов; • перечень основных ресурсов; • перечень работ и их временная оценка; • описание шаблонов кадров; • основные экраны приложения.
7
Пояснительная записка должна заканчиваться заключением, содержащим выводы о проделанной работе и оценку работоспособности полученного проекта.
8
3. РАЗРАБОТКА ПРОЕКТА С ПОМОЩЬЮ HYPERMETHOD Информация, представленная в настоящем разделе не охватывает всех возможностей пакета, а иллюстрирует лишь основные принципы работы с пакетом HyperMethod. Цель материала - дать пользователям возможность выполнения курсовых работ (создания электронных книг, каталогов, энциклопедий и пр.) с помощью пакета HyperMethod. 3.1. Общие сведения HyperMethod – относится к категории авторских средств разработки и в нем есть как общие с другими программами свойства, так, безусловно, и иные, связанные со спецификой его применения. Выберем для сравнения пакет Microsoft Word, как наиболее известный подавляющему большинству пользователей. HyperMethod как и Word предназначен для создания своей собственной информации. В первую очередь Word - это редактор текста. С его помощью можно создавать текстовые документы, вставляя в них графику, рисунки и другие объекты. Документы Word хранятся в виде файлов с расширением «DOC». Как правило, одному документу Microsoft Word соответствует один файл, находящийся в каком-либо каталоге и имеющий уникальное имя. Если рассматривать HyperMethod как текстовый редактор, то на первый взгляд его возможности по редактированию не слишком сильно отличаются от Microsoft Word или любого другого текстового редактора. Разница, с точки зрения хранения и организации данных, заключается в том, что документы в пакете HyperMethod хранятся не как отдельные файлы, а как элементы внутри базы данных - коллекции. Коллекция - это файлы базы данных со своей сложной внутренней организацией. Каждая коллекция должна хранится в отдельном каталоге. Но, что главное, каждый документ в этом случае соответствует кадру коллекции. Кадр - это синоним файла. Файл является элементом операционной системы, а кадр элементом коллекции пакета HyperMethod. Кадр, как и файл, обладает своим уникальным для коллекции именем. Если создать коллекцию, содержащую в качестве кадров только документы, то это практически ничем не будет отличаться от каталога с файлами. Однако, если вы посмотрите каталог, в котором находится коллекция, то не найдете там обозначений кадров. Более того, при создании новых кадров количество файлов в каталоге коллекции останется неизменным, а увеличатся лишь размеры некоторых из них. Это говорит о том, что кадры находятся внутри файлов коллекции и являются ее элементами. Кроме кадров внутри коллекции могут храниться рисунки, вставляемые в кадры, фотографии, звук, видео и т.д. Внутри коллекции также хранятся гипертекстовые связи. С помощью механизма связей создается гипертекст - сеть связанных между собой кадров. Коллекция
ID кадра
Заголовок
(как
Текст
база
Гипертекстовые
Кадр
…
связи
Дополнительные пользовательские поля9
(запись
в
Рис. 2. Структура коллекции Благодаря положенной в основу пакета HyperMethod концепции гипертекста, можно разрабатывать информационные системы, имеющие единую взаимосвязанную структуру и устанавливать множественные гипертекстовые связи между различными, разнородными по своей природе, элементами (текст, таблицы, графика, видео, звук, базы данных). 3.2. Начало работы Используем метафору книги в качестве иллюстрации при разработке проекта. Книга будет содержать страницу оглавления с перечнем всех будущих страниц и несколько страниц этой книги с текстом, рисунками, видео, а также переходы от оглавления к страницам и переходы от страницы к следующей и к предыдущей, как показано на рис. 3. Ссылка на следующую страницу
Страница 1 Оглавление Страница 1 Страница 2 Страница 3
Страница 2
Страница 3
Ссылка на предыдущу ю страницу
Рис. 3. Схема простейшей электронной книги Для решения этой задачи нам понадобятся три подготовленных заранее файла - рисунок разворота книги (будет находиться в файле book.bmp - этот файл вы будете использовать для фона главного окна) и рисунки левой и правой страниц разворота книги (находятся в файлах page1.bmp и page2.bmp - будем использовать как обои для окон соответствующих левой и правой страницам). Файлы рисунков могут быть так же в форматах BMP, GIF, JPG, WMF. 3.2.1. Создание коллекции Запустите HyperMethod и создайте коллекцию с помощью команды Коллекция | Новая. В появившемся диалоговом окне Новая коллекция введите имя будущей коллекции, например: BOOK и определите устройство и папку (каталог), в котором будет создана коллекция (по умолчанию коллекция с указанным именем будет создана на активном устройстве в текущем каталоге). При выполнении команды Коллекция | Новая на диске создается каталог, имя которого совпадает с введенным именем коллекции. В нашем
10
случае имя нового каталога - BOOK. В нем программа HyperMethod создаст требуемый набор служебных файлов коллекции. Признаком того, что коллекция создалась, является появившийся в нижнем левом углу экрана рисунок мусорной корзины. В дальнейшем удаляемые кадры первоначально будут помещаться сначала в корзину. Также при создании новой коллекции автоматически открываются две панели инструментов – «Стандартная» и «Элементы управления». Следует заметить, что в созданной коллекции еще нет ни одного кадра. Установите для коллекции фоновый рисунок. Им будет книга, рисунок которой находится в файле book.bmp. Для этого выполните команду Формат | Коллекция. При этом на экране появляется диалоговое окно Настройки. В нем необходимо указать имя коллекции BOOK и разрешение разработки 640x480 или 800x600 (в соответствии с размерами которые имеет фоновый рисунок). Для выбора рисунка, который будет использован в качестве фона окна всей коллекции, в диалоговом окне нажмите кнопку ПРОЛИСТАТЬ. 3.2.2. Создание кадра коллекции Создайте первый кадр коллекции - левую страницу книги с Оглавлением. Для этого выполните команду Кадр | Новый. После ее выполнения на экране появится новое окно кадра. В окне кадра наберите текст (рис. 4), заканчивая каждую строчку нажатием клавиши Enter. Кадр 1
Кадр 2
Рис. 4. Текст первого кадра Любой текст в окне кадра может быть оформлен с помощью различных шрифтов, размеров, цвета, заливки и с помощью других текстовых атрибутов. Измените шрифт набранного текста с помощью команды Формат | Шрифт.
11
При выполнении команды Формат | Шрифт появляется диалоговое окно Шрифт. Выберите в нем, к примеру, шрифт Times New Roman, размер 16, курсив, красный цвет и нажмите кнопку ОК. Затем выделите три оставшиеся строчки со словами Глава 1, Глава 2, Глава 3 и задайте для них шрифт Arial , размер - 14 и синий цвет. Простое оформление текста на этом закончено. Поместите окно Кадра на место первой страницы Вашей электронной книги, изменяя размеры окна по вертикали и по горизонтали. Страница оглавления должна иметь тот же фон, что и изображение книги. Для этого установите цвет фона кадра с помощью команды Формат | Оформление. При выполнении команды появляется диалоговое окно Оформление. Если необходимо установить фоновый рисунок, вам придется выбрать рисунок с изображением фона нажатием кнопки ПРОЛИСТАТЬ. При этом появится второе диалоговое окно Импорт Изображения, в котором перейдите в каталог где находится файл page1.bmp и выберите его. Убедитесь, что это файл первой страницы книги с помощью кнопки ПРОСМОТР и нажмите кнопку OK. В диалоговом окне «Окно» отключите все параметры группы АТРИБУТЫ, установите флаг ФИКСИРОВАТЬ РАЗМЕРЫ И ПОЛОЖЕНИЕ и нажмите кнопку OK. Окно первого кадра стало неотличимым от страницы книги . Сохраните кадр Вашей коллекции с помощью команды Кадр|Сохранить. При этом появляется диалоговое окно Сохранить кадр как..., в котором наберите имя кадра, например "Оглавление" и нажмите кнопку ОК. Первый кадр коллекции создан. Проверьте это. Для этого закройте кадр командой Кадр | Закрыть. При этом созданный кадр первой страницы книги исчезнет с экрана. Вновь откройте созданный кадр командой Кадр | Открыть. При этом кадр с именем "Оглавление" появится в требуемом месте и с заданным оформлением. 3.2.3. Создание нескольких связанных страниц Создайте вторую страницу книги. Для этого выделите на странице "Оглавление" слово "Глава 1" и создайте гипертекстовую связь командой Связь | Новая. При этом появляется диалоговое окно “Связать с кадром”, в котором введите имя кадра "Глава 1" (т.к. этого кадра еще нет, HyperMethod далее его создаст автоматически) и нажмите кнопку ОК. После этого появится окно нового Кадра, с которым установлена гипертекстовая связь от слов «Глава 1» кадра «Оглавление». В окне Кадра наберите слова "Глава 1" и несколько строк текста и измените шрифт по Вашему усмотрению. Далее поместите окно кадра на место второй страницы и установите фон кадра белым командой Формат | Оформление (или из файла page2.bmp аналогично тому, как Вы это делали с кадром "Оглавление"). Сохраните кадр с именем, например "Глава 1", и закройте его.
12
Повторите эти действия для создания страниц "Глава 2" и "Глава 3" и других по усмотрению. Результат этих действий - созданные кадры с именами "Глава 1", "Глава 2", "Глава 3" и установленные из кадра "Оглавление" гипертекстовые связи к кадрам "Глава 1", "Глава 2" и "Глава 3". Проверьте установленные Вами гипертекстовые связи. Для этого перейдите в режим ПРОСМОТР с помощью команды Вид | Просмотр и со страницы Оглавление перейдите на страницу Глава 3, щелкнув мышью на словах Глава 3, а затем перейдите на страницу Глава 2 таким же образом. Для дальнейшей работы по созданию коллекции перейдите в режим ПРАВКА с помощью команды Вид | Правка. 3.2.4. Создание гипертекстовых связей между страницами Рассмотрим далее создание переходов от первой страницы ко второй и обратно и переход от второй к третьей и обратно, а также переходы от страниц к Оглавлению в случае, если связываемые кадры уже существуют. Для создания перехода от страницы Глава 1 к странице Глава 2 откройте кадр Глава 1, и вставьте в этом кадре кнопку выбрав соответствующий кнопке инструмент на панели инструментов. Выберете вставленную кнопку щелчком мыши по ней и перетащите ее в правый нижний угол кадра. Двойным щелчком по кнопке перейдите в диалоговое окно «Свойства: Элемент «Кнопка». Ведите в поле НАДПИСЬ «Следующая >>» и нажмите клавишу ОК. Установите связь от этой кнопки к следующей странице (к странице Глава 2) с помощью команды Связь | Новая. При выполнении этой команды появляется диалоговое окно “Связать с кадром”, в котором нажмите кнопку ПРОСМОТР. При этом появится второе диалоговое окно “Просмотр имен кадров”, в котором выберите кадр Глава 2. Затем нажмите клавишу ОК сначала в первом, а затем во втором окне. После этого будет установлена связь от кадра Глава 1 к кадру Глава 2. Сохраните кадр Глава 1 с установленными связями командой Кадр | Сохранить. Теперь аналогично создайте самостоятельно переход от страницы Глава 2 к странице Глава 3. Создайте переходы от страницы Глава 3 к странице Глава 2 и от страницы Глава 2 к странице Глава 1, изменив надпись на вставляемых кнопках на «