Министерство науки и высшего образования Российской Федерации
Федеральное государственное автономное образовательное учреждение
высшего образования
«НАЦИОНАЛЬНЫЙ ИССЛЕДОВАТЕЛЬСКИЙ
ТОМСКИЙ ПОЛИТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ»
______________________________________________________________
Инженерная школа информационных технологий и робототехники
Отделение информационных технологий
Направление подготовки 09.03.04 Программная инженерия
КУРСОВАЯ РАБОТА
| Тема работы |
| Проектирование и разработка веб-приложения для размещения фильмов в облачном хранилище |
Студент
| Группа | ФИО | Подпись | Дата |
| 8К51 | Лебедева Я.Е. | ||
| 8К51 | Пестова Т.В. |
Руководитель
| Должность | ФИО | Ученая степень, звание | Подпись | Дата |
| Доцент ОИТ ИШИТР | Соколова В.В. | Кандидат технических наук |
Томск – 2018
Содержание
Содержание. 2
Cписок терминов, сокращений и условных обозначений. 3
Введение. 6
1. Проектирование веб-приложения. 7
2. Проектирование макетов веб-страниц. 18
3. Обоснование выбора программных средств разработки. 22
4. Описание витрины веб-приложения (front-end) 24
5. Описание системы управления контентом (back-end) 35
6. Тестирование функциональности веб-приложения. 38
Заключение. 40
Список литературы.. 41
Приложение А.. 42
Приложение Б. 43
Приложение В.. 50
Приложение Г. 52
Cписок терминов, сокращений и условных обозначений
БД (База Данных) – представленная в объективной форме совокупность самостоятельных материалов (статей, расчётов, нормативных актов, судебных решений и иных подобных материалов), систематизированных таким образом, чтобы эти материалы могли быть найдены и обработаны с помощью электронной вычислительной машины (ЭВМ)
Веб-сайт – одна или несколько логически связанных между собой веб-страниц.
Веб-приложение — клиент-серверное приложение, в котором клиент взаимодействует с сервером при помощи браузера, а за сервер отвечает веб-сервер.
Веб-сервер — сервер, принимающий HTTP-запросы от клиентов, обычно веб-браузеров, и выдающий им HTTP-ответы, как правило, вместе с HTML-страницей, изображением, файлом, медиа-потоком или другими данными.
HTTP (HyperText Transfer Protocol) – протокол прикладного уровня передачи данных (изначально — в виде гипертекстовых документов в формате «HTML», в настоящий момент используется для передачи произвольных данных).
HTML (HyperText Markup Language) – стандартизированный язык разметки документов во Всемирной паутине.
API (Application Programming Interface) – описание способов (набор классов, процедур, функций, структур или констант), которыми одна компьютерная программа может взаимодействовать с другой программой. Позволяет отвечать на Get- и Post- запросы (получение и отправка данных соответственно).
Get - метод, который используется для запроса содержимого указанного ресурса.
Post - метод, который применяется для передачи пользовательских данных заданному ресурсу.
Bitbucket – веб-сервис для хостинга проектов и их совместной разработки, основанный на системе контроля версий Mercurial и Git.
Git – распределенная система управления версиями.
Mercurial — кроссплатформенная распределённая система управления версиями, разработанная для эффективной работы с очень большими репозиториями кода.
SPA (Single Page Application) – это веб-приложение или веб-сайт, использующий единственный HTML-документ как оболочку для всех веб-страниц и организующий взаимодействие с пользователем через динамически подгружаемые HTML, CSS, JavaScript.
Платформа ASP.NET Core – технология от компании Microsoft, предназначенная для создания различного рода веб-приложений: от небольших веб-сайтов до крупных веб-порталов и веб-сервисов [2].
NPM (Node Package Manager) – менеджер пакетов, входящий в состав Node.js.
VueJs – JavaScript-фреймворк с открытым исходным кодом для создания пользовательских интерфейсов.
Angular – фреймворк от компании Google для создания клиентских приложений.
MVC – Model-View-Controller: архитектурный паттерн, разделяющий данные приложения, пользовательский интерфейс и управляющую логику на три отдельных компонента: модель, представление и контроллер – таким образом, что может осуществляться независимая модификация каждого компонента.
JavaScript (JS) – мультипарадигменный язык программирования, поддерживающий объектно-ориентированный, императивный и функциональный стили.
CSS (Cascading Style Sheets – каскадные таблицы стилей) – формальный язык для описания разметки веб-документов.
Microsoft Azure – облачная платформа Microsoft, предоставляющая возможность разработки и выполнения приложений и хранения данных на серверах, расположенных в распределённых дата-центрах.
Blob (Binary Large Object) – двоичный большой объект: специальный тип данных, предназначенный, в первую очередь, для хранения изображений, а также компилированного программного кода.
СУБД (система управления базами данных) – комплекс программ, позволяющих создать базу данных (БД) и манипулировать данными (вставлять, обновлять, удалять и выбирать).
MS SQL Server – система управления реляционными базами данных, разработанная корпорацией Microsoft.
ООП (объектно-ориентированное программирование) – методология программирования, основанная на представлении программы в виде совокупности объектов, каждый из которых является экземпляром определённого класса, а классы образуют иерархию наследования.
Фреймворк – заготовки, шаблоны для программной платформы, определяющие структуру программной системы; программное обеспечение, облегчающее разработку и объединение разных модулей программного проекта.
Введение
Целью работы является создание веб-приложения для просмотра короткометражных фильмов начинающих режиссеров города Томска.
В настоящее время все больше людей увлекается кинематографом, и, с развитием технологий, создавать свои работы становится проще. Возникла необходимость в создании единого ресурса для просмотра фильмов, а также для предоставления возможности взаимодействия режиссеров между собой с целью сотрудничества. В этом заключается актуальность работы.
Для успешной реализации проекта была создана диаграмма Ганта. Эта диаграмма позволяет распределить задачи по исполнителям и зафиксировать сроки выполнения работы. На рисунках А.1-А.4 приложения А представлен план работ в виде диаграммы Ганта.