Разработка мультимедийного web-сайта печатного издания

Размещено на http://www.allbest.ru

Размещено на http://www.allbest.ru

Введение

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

Печатное издание сегодня стоит недешево, и многие отказываются от такого удовольствия по этой причине. К счастью, сегодня есть другие варианты. Большинство людей проводят свое временя в постоянно развивающемся интернете. Также не отстают и печатные издания, создающие публикации онлайн. Онлайн журнал в настоящее время - это хорошая возможностью легко, удобно и быстро найти необходимую информацию. Как и для любого сайта, журналу присваиваетсяIP-адрес, по которому его можно будет найти. Авторы публикуют в нем полноценные статьи с иллюстрациями, комментариями и советами экспертов. Существует и множество других преимуществ. Во-первых, обновление онлайн-журнала требует существенно меньше времени. Во-вторых, такой журнал заменяет полноценное общение. К опубликованной статье можно оставлять свой отзыв или комментарий.Также можно обсуждать что-либо на специальных форумах, которые создаются при онлайн-журналах. Теперь также не нужно накапливать подшитые журналы, занимающие большое пространство. На страничке журнала человек сможет найти архив номеров, которые вышли ранее и еще раз просмотреть их.Онлайн-журнал позволяет получить большойобъем информации и даже получить дельный совет от других читателей или экспертов, которые работают в журнале, в кратчайшие сроки. Таким образом, человек сможет сэкономить массу времени и насладиться качественным чтением.

Поэтому тема курсовой работы «Разработка мультимедийного web-сайта печатного издания» очень актуальна в данный момент.

К разработке web-сайта были предъявлены следующие требования:

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

минимальное количество страниц - 7;

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

В курсовой работе поставлены следующие задачи:

определить понятие и функции сайта печатного издания;

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



1.Теоретическая часть

1.1 Анализ предметной области

Сайт (от англ. website: web -- «паутина, сеть» и site -- «место», буквально «место, сегмент, часть в сети») -- система электронных документов (файлов данных и кода) частного лица или организации в компьютерной сети под общим адресом (доменным именем или IP-адресом)[7].

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

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

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

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

Электронный журнал -- периодическое рецензируемое издание, электронный аналог печатного журнала, доступный для просмотра на компьютере. Распространяется через Интернет или на любых носителях информации (магнитных, оптических).

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

Кроме номеров журналов, должен вестись индекс авторов, индекс рубрик. Электронный журнал должен быть снабжен системой поиска[9].

1.2 Поиск аналогов разработки. Формулирование требований (с учетом ГОСТ ИСО 14915)

К настоящему времени существует множество аналогов разработки. Наиболее популярные из них будут рассмотрены ниже.

1.2.1 «Комсомольская правда»

«Комсомольская правда» -- медийные продукты Издательского дома «Комсомольская правда»: ежедневная и еженедельная газеты, сайт, радиостанция и телеканал.Газета основана 13 марта 1925 года. Первый номер газеты был издан 24 мая 1925 года.Сайт «Комсомольской правды» www.kp.ru создан в 1998 году [11]. На сайте есть система геопозиционирования, то есть с помощью IP адреса определяется примерное местонахождение пользователя. Это удобно тем, что гостю сайта высвечиваются новости определенного системой региона.

Так как «Комсомольская правда» является и радиостанцией, на странице сайта можно и послушать радио онлайн.

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

1.2.2 «Аргументы и факты»

«Аргументы и факты» («АиФ») -- российская еженедельная общественно-политическая газета, которая издаётся издательским домом «Аргументы и факты».

Газета выходит с января 1978 года [12].Данное издание активно развивается и в сети. Сайт расположен по адресу http://www.aif.ru. В меню находится множество разделов, таких как общество, происшествия, политика, деньги, культура, спорт и т.д. Также на главной странице слева расположены последние новости. Каждая опубликованная статья содержит множество тегов, гиперссылок, изображений, а также большое количество комментариев, что свидетельствует о популярности данного ресурса. Сайт оснащен системой поиска.

1.2.3 Требования к сайту

При проектировании и оценке мультимедийных интерфейсов следует применять общие эргономические принципы, установленные в ИСО 9241-10. Эти семь принципов важны для проектирования и оценки интерактивных приложений. Принципы включают:

пригодность интерфейса для выполнения производственного задания;

информативность;

управляемость;

соответствие ожиданиям пользователя;

устойчивость к ошибкам;

пригодность к индивидуализации;

пригодность для изучения [10].

1.3 Современные технологии создания сайтов

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

Существует несколько технологий создания сайтов:

PHP-скрипт;

Java Script;

HTML.

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

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

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

Разработанный web-сайт был исполнен в бесплатном онлайн-конструкторе ucoz, возможности которого будут подробно описаны ниже.

1.3.1PHP

PHP -- это инструментальное средство, позволяющее создавать Web-страницы. РНР (персональная домашняя страница) представляет собой гипертекстовый препроцессор, позволяющий генерировать содержимое сайта. Операторы, которые обрабатывают PHP-процессор, хранятся в отдельном файле или внедряются в HTML-код Web-страницы. Технология РНР превращает сайт из набора статических Web-страниц в выполняемое на сервере приложение[1].

Гистограммы и отображение графической информации всегда были очень популярны, и в РНР для их использования заложены осайтгромные возможности. Можно использовать обычный HTML, SVG, динамический HTML и библиотеку GD, а также создавать объектно-ориентированные надстройки на базе графической библиотеки. Немаловажная часть создания конкурентоспособного сайта -- активное общение с пользователями. RSS является одним из наиболее распространенных способов реализации такого рода идей. Конечно, можно воспользоваться более традиционными способами, например, электронной почтой. Еще существует возможность как генерировать RTF-документы в приложении Microsoft Word, таблицы Microsoft Excel, а также как использовать документы Microsoft Word или Microsoft Excel как объекты для входной информации.

В PHP можно создавать динамические меню, простые ссылочные структуры сайтов, вкладок, интерфейсов с использованием обложек, всплывающих окон, раскрывающихся вкладок. Также можно улучшить интерфейс с помощью технологий Drag & Drop, календарей, графиков и многого другого[2].

1.3.2 Java Script

JavaScript -- это язык написания сценариев, которые используются для автоматизации задач внутри Web-страницы. До появления JavaScript Web-страницы содержали только графику или аудиофайлы, которые Web-браузер должен был отображать на экране или воспроизводить через динамики компьютера. С появлением языка JavaScript появилась возможность выполнять набор инструкций, которым следует браузер. Более того, операторы JavaScript, из которых состоит сценарий, внедряются в HTML-код Web-страницы[1].

1.3.3 HTML

Язык разметки гипертекста (Hypertext Markup Language) -- это компьютерный язык, лежащий в основе всемирной паутины. HTML используется для размещения текста, рисунков, анимации, видео- и аудиоклипов на отдельных Web-страницах, из которыхи состоит сайт [13]. Также язык HTML позволяет помещать на страницы гипертекстовые ссылки и интерактивные кнопки, соединяющие Web-страницы с другими страницами того же Web-сайта, равно как и с другими Web-сайтами по всему миру. Web-страница содержит набор HTML-тегов, которые можно ввести в файл с помощью любого текстового редактора[1].

1.4Обзор конструкторов для создания сайта

1.4.1 A5.ru

На основе конструктора A5.ru создано немалое число сайтов. На сайте данной организации зарегистрировано более пятисот тысяч пользователей. Одной из особенностей сервисаявляется и «интерактивность и интуитивная среда редактора». Шаблоны разделены на тематики: для госучреждений, бизнеса и специалистов.

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

Стандартными модулямиявляется лента новостей, фотогалерея, форма для комментариев и т.д.[3].

1.4.2 Setup

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

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

1.4.3 Ucoz

Ucoz - один из популярнейших конструкторов сайтов в России.

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

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

Ucoz отличается от других конструкторов функциями и инструментами, такими как возможность распределения разных уровней доступа группам пользователей, встроенный редактор HTML, работа с CSS и PHP, функционал API и др[5]. Данный ресурс был выбран для реализации сайта, так как у него понятный интерфейс, есть все необходимые инструменты для выполнения требований к работе. Также это единственный конструктор с открытым HTML кодом, что позволяет редактировать выбранный шаблон.



2. Практическая часть

2.1 Краткий обзор web-приложения

Темой данной курсовой работы является разработка мультимедийного web-сайта печатного издания. Примером печатного издания был выбран финансово-экономический журнал Forbes[6]. Сайт был разработан с помощью конструктора сайтов Ucoz и на него можно зайти, пройдя по ссылке http://printing-pie.ucoz.ru.

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

2.2 Оценка соответствия разработанного сайта критерию мультимедийности

Разработанное web-приложение является не линейным, а интерактивным, так как пользователь может влиять на приложение (выбрать, что именно прочесть, оставить комментарии, оценить).

Основываясь на семи принципах оценки интерактивности приложения, можно проанализировать, соответствует ли им сайт.

Пригодность интерфейса для выполнения производственного задания.

Интерфейс интуитивно понятен, статьи разбиты на темы.

Информативность.

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

Управляемость.

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

Соответствие ожиданиям пользователя.

Управление элементами для воспроизведения или остановки представления информации одинаково для аудио-фрагментов. Также элементы системы управления размещены на экране единообразно.

Устойчивость к ошибкам.

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

Пригодность к индивидуализации.

Пользователь имеет возможность использовать закладки. Также web-страница удобна для просмотра при значительном увеличении масштаба.

Пригодность для изучения.

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

Рисунок 2- Поиск на сайте



2.3 Описание мультимедийных компонентов, используемых в приложении

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

Рисунок 3 - Создание статьи

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



Рисунок 4 - Использование мультимедийных составляющих текст и графика

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

Для добавления звука также в редактируемой форме нужно выбрать в меню «Мультимедиа» и в выпадающем списке опция «Загрузить аудио (mp3)». Выпадающее окно изображено на рисунке 5.

Рисунок 5 - Загрузка аудио-фрагмента



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

Рисунок 6 - Загруженные звуковые дорожки

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

Рисунок 7 - Код аудиодорожки в редактируемой статье

Страница после редактирования показана на рисунке 8.



Рисунок 8 - Использование мультимедийной составляющей звук

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

Для того, чтобы загрузить видео в статью, нужно также обратиться к пункту меню «Мультимедиа», но выбрать загрузку видео. Примечательно, что данный конструктор позволяет загружать видео только в формате swf. Загруженные ранее ролики также хранятся на сервере. На рисунке 9 показаны загруженные видеодорожки.

Рисунок 9 - Загруженные видеодорожки

Аналогично со звуковыми дорожками, получается код и вставляется в нужное место в статье, как показано на рисунке 10.

Рисунок 10 - Использование мультимедийной составляющей видео

Также в стандартном наборе модулей конструктора Ucoz предусмотрена интерактивность с пользователем с помощью возможности добавлять комментарии, количество просмотров статей, количество скачивания размещенных материалов, возможность оценки той или иной статьи. Эта возможность показана на рисунках 11 и 12.



Рисунок 11 - Пример интерактивного взаимодействия с пользователем

Рисунок 12 - Пример интерактивного взаимодействия с пользователем

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



Вывод

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

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

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



Список использованных источников

Джамса Крис, Кинг Конрад, Андерсон Энди. Эффективный самоучитель по креативному web-дизайну/ Джамса Крис- DiaSoft, 2005. - 658 c.

Харрингтон Д.Д. PHP. Трюки + примеры/ Харрингтон Д.Д.- СПб.: Питер, 2008. - 444 с.

СMSmagazine, аналитический портал рынка веб-разработок [Электронный ресурс]. Режим доступа: http://www.cmsmagazine.ru/catalogue/a5-cms

Луценко Дмитрий. Обзор и отзывы о конструкторе сайтов Setup.ru [Электронный ресурс]. Режим доступа:http://uguide.ru/news/obzor_setup/2014-05-14-113 мультимедийный сайт журнал

Луценко Дмитрий. Обзор и отзывы о конструкторе сайтов uCoz [Электронный ресурс]. Режим доступа: http://uguide.ru/news/obzor_i_otzyvy_o_konstruktore_sajtov_www_ucoz_ru/2013-11-18-91

Размещено на Allbest.ru

...