Разработка пользовательского интерфейса - Дипломная работа

Развитие и широкое распространение интернета меняет расстановку сил между десктопными и Web-приложениями. Такие недостатки, возникающие при использовании Web-приложений как: недоступность интернета, дорогой трафик и низкая скорость передачи данных уходят в прошлое. А достоинства: отсутствие необходимости установки на компьютере пользователя программного обеспечения, его настройки и обновления, отсутствие требований к ресурсам компьютера и к аппаратной платформе, возможность удаленного доступа к данным, хранящимся на серверах из любой точки мира, становятся все более очевидными. Большинство существующих Web-приложений обладает достаточно ограниченным функционалом, поэтому одной из задач, данной работы было создание приложения, которое бы предоставляло более широкие возможности по редактированию видео, чем существующие онлайн аналоги.С целью определить основные и дополнительные функциональные возможности приложений для видео редактирования, в данной главе проводится сравнительный анализ, наиболее популярных на данный момент десктопных и Web-приложений, позволяющих редактировать видео.Программы позволяющие редактировать видео, достаточно востребованы как для профессиональной деятельности, так и для создания любительских видео роликов.Программа является одной из самых популярных среди профессионалов по работе с видео, ее используют ведущие производители клипов и рекламных роликов Данная программа позволяет импортировать и обрабатывать самые разные видеозаписи. На сайте производителя дано следующее описание: «С помощью ведущего в отрасли набора инструментов для видеомонтажа вы сможете редактировать любые типы мультимедийного контента в исходном формате на настольных ПК и мобильных устройствах. Основные преимущества, отмечаемые производителем: интуитивная рабочая среда, поддержка различных форматов, что позволяет работать практически с любыми типами мультимедийного контента, возможность корректировки цвета и использования сложных цветовых стилей, поддержка касаний и жестов, что делает редактирование на устройствах Microsoft Surface Pro, планшетах Windows или трекпадах Apple простым и удобным [3]. Программа для нелинейного видеомонтажа, разработанная компанией Pinnacle Systems (Avid Technology ) на данный момент принадлежит компании Corel.Возможности и функции описанных выше программ отличаются в зависимости от версии и комплектации (платная или бесплатная версия). Рассмотрим наиболее поздние и полные версии данных продуктов. Безусловно, все перечисленные программы позволяют осуществлять базовые операции по обработке видео и аудио файлов: создавать спецэффекты , создавать и накладывать титры , осуществлять цветовую коррекцию изображения , микшировать звук. Программы поддерживают все основные видео/аудио форматы. В таблице 1 приведено сравнение некоторых функциональных возможностей перечисленных редакторов.Использование Web-приложений для редактирования видео началось не так давно. Однако до сих пор у онлайн видео редакторов функциональные возможности более ограничены по сравнению с десктопными видео редакторами. Для того чтобы понять по каким критериям сравнивать онлайн видео редакторы, необходимо определить какие базовые функции должен иметь видео-редактор. Рассмотрим ряд наиболее популярных Web-приложений, позволяющих обрабатывать видео. После загрузки видео на Youtube, возможно повысить его качество с помощью видео редактора Youtube.По результатам рассмотрения были выделены функции характерные большинства из рассмотренных редакторов: ? обрезка видео; Ниже приведена сравнительная таблица функциональных возможностей рассматриваемых онлайн видео редакторов: Таблица 2. Сравнение онлайн видео редакторов Форматы экспорта нет экспорта экспорт в бесплатной версии недоступен 3GP, AVI, MOV, MP4, FLV mp4 Склейка роликов есть, но не работает Прежде чем приступить к разработке макета приложения, необходимо окончательно определиться какими функциональными возможностями будет обладать разрабатываемый видео редактор. В предыдущей главе были рассмотрены существующие аналоги и проведен сравнительных анализ Web-приложений. На основании данного анализа можно сформировать список возможностей, которыми должно обладать Web-приложение, способное конкурировать с существующими онлайн видео редакторами. По результатам рассмотрения десктопных видео редакторов были выделены возможности и особенности присущие настольным видео редакторам, которые могли бы сделать web-приложение более привычным, удобным и более функциональным по сравнению с прочими онлайн видео редакторам. В разрабатываемом видео редакторе планируется реализовать следующие возможности: ? наличие нескольких аудио\ видео дорожек;В результате проведенного анализа предметной области выявлено, что рынок десктопных видео редакторов более развит чем онлайн редакторов, а так же что десктопные видео редакторы обладают большим функционалом и возможностями ем онлайновые приложения.В данной главе будет рассмотрена структура сайта, позволяющая реализовать функционал, описанный в пред

Оглавление

Введение

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

1.1 Сравнительный анализ аналогов

1.1.1 Обзор десктопных видео редакторов

1.1.2 Сравнительный анализ функциональных возможностей десктопных видео редакторов

1.1.3 Обзор онлайн видео-редакторов

1.1.4 Сравнительный анализ функциональных возможностей онлайн видео редакторов

1.2 Функциональные возможности разрабатываемого Web-приложения

1.3 Выводы

2. Проектирование Web-приложения

2.1 Структура сайта

2.2 Описание процессов взаимодействия пользователя и системы

2.2.1 Описание групп пользователей

2.2.2 Описание процесса регистрации

2.2.3 Описание процесса создания проекта

2.2.4 Описание процесса редактирования видео

2.2.5 Процесс сохранения проекта

2.3 Макеты разрабатываемого онлайн видео редактора

2.4 Выводы

3. Выбор инструментов разработки

3.1 Пользовательская часть

3.2 Серверная часть

3.3 База данных

3.4 Выбор библиотек для обработки видео

3.5 Выводы

4. Разработка Web-приложения

4.1 Установка необходимых фреймворков и модулей

4.2 Создание локального сервера

4.3 Обработка POST и GET запросов

4.4 Работа с Mongodb

4.5 Верстка страниц

4.6 Разработка пользовательского интерфейса видео редактора

4.7 Структура проекта

4.8 Запуск и отладка сервера

4.9 Итоги

4.10 Тестирование приложения

4.11 Оценка экономической эффективности

4.12 Выводы

Заключение

Список использованной литературы

Приложение 1. Код «app.js»

Приложение 2. Код «routes.js»

Приложение 3. Код «home.ejs»

Приложение 4. Код «home.js»

Приложение 5. Код «package.json»

Приложение 6. Код «videdit.ejs»

Приложение 7. Код «editer.js»

В настоящее время, интернет входит в самые удаленные уголки нашей планеты. Развитие и широкое распространение интернета меняет расстановку сил между десктопными и Web-приложениями.

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

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

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

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

? проектирование Web-приложения;

? выбор инструментов разработки;

? разработка и тестирование Web-приложения;

? оценка экономической эффективности проекта.

1

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

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

2