Был создан прототип БД для тестирования и отладки работоспособности системы. Данная система должна работать с уже существующей БД, но таких БД в открытом доступе нет.
Был создан модуль для автоматического создания прототипа БД. Данный модуль выполняет анализ информации с официального сайта www.ivi.ru (все данные находятся в открытом доступе), затем выбирает определенную информацию о существующих фильмах, и сохраняет все данные в БД по определенной существующей модели [2].
Анализ информации выполняется с помощью библиотеки BeautifulSoup4. Этот модуль автоматически проверяет определенный диапазон сайтов, который указан в коде, определяет, какие страницы содержат информацию о фильме, а какие нет [1].
Так же, модуль имеет некоторые дополнительные настройки, которые активируются путем перехода на специальные ссылки.
Модели данных
Система работает с определенной моделью данных, созданной нами. Так же, все данные, с которыми работает система, хранятся в БД.
На рисунке 13 представлена диаграмма классов, для работы с основными операциями. В данной модели присутствуют такие сущности как:
1) Фильм;
2) Пользователь;
3) Категория (жанр);
4) Фильм, добавленный в список пользователя;
5) Любимая категория (жанр);
6) Конвертированный фильм.
Рисунок 13 - Use class diagram.
На рисунке 14 представлена диаграмма фактического хранения данных в БД. В этой модели так же существую связи между таблицами по определенным полям. Существуют связи один-к-одному, один-ко-многим, многие-ко-многим.
Рисунок 14 - Use DataBase diagram.
Описание клиентской части
Клиентская часть – это часть программного комплекса с которой взаимодействует пользователь. Клиентская часть взаимодействует с серверной при помощи браузера. Она имеет три составляющие: HTML, CSS и JavaScript. С помощью этих частей был реализован интерфейс информационной системы.
HTML
Первой составляющей является язык разметки веб-страниц HTML. При помощи HTML кода были реализованы такие элементы, как разделение страницы с помощью сеток, заголовки, параграфы, таблицы с информацией, поступающей из базы данных, связь между страницами посредством ссылок, а также было задано расположение элементов страниц.
Для разделения страницы с помощью сеток используют основное слово 
. На рисунке 15 представлено использование данного параметра в коде. Вся страница делится на 12 столбцов. 
и 
такое написание параметра означает, что при открывании страницы на ноутбуке страница будет разделена на две части. Первая часть содержит 4 столбца, а вторая 8 столбцов. На рисунке 11 представлена таблица в том виде, в котором ее увидит пользователь [3].
Рисунок 15 – Разделение страницы с помощью сеток
Гиперссылка создана с помощью парного тега 
. Во внутрь тега помещается текст. При наведении курсора на этот текст он будет выделять подчеркиванием. Обязательным параметром тега является атрибут 
, который задает адрес 
-адрес веб-страницы (Рисунок 16).
Рисунок 16 – Гиперссылка, прописанная кодом HTML
При создании таблиц используется тег <table>…</table>, элементы <tr>…</tr>, который размещается внутри тега <table>, и <td>…</td>, который прописывается внутри элемента <tr>. Элемент <tr> является контейнером для создания строки, в свою очередь элемент <td> является ячейкой с данными таблицы. Создание таблицы можно увидеть на рисунке 17.
Рисунок 17 – Таблица, прописанная кодом HTML
CSS
Второй составляющей является CCS – это набор правил, которые указывает параметры того или иного элемента HTML-разметки. Такие как размер, цвет, позиция, тени, фоны и так далее. Использование каскадных таблиц стилей CSS позволяет сделать страницу «красивой». CCS не является языком программирования.
Объявление стиля состоит из двух элементов: элемента веб-страницы — селектора, и команды форматирования — блока объявления. Какой именно элемент форматировать браузер понимает благодаря селектору. В блоке объявления (код в фигурных скобках) перечисляются форматирующие команды — свойства и их значения [4].
Рисунок 18 – Объявление стиля
Рисунок 19 – Объявление стиля в работе
JavaScript
JavaScript является полноценным языком программирования. Все анимационные моменты, выпадающие и сплывающие пункты меню и окошки, проверка форм, «слайдеры» - все это сделано с помощью языка программирования JavaScript. Для упрощения работы с JavaScript были использованы готовые решения из Framework Bootstrap.
Рисунок 20 - Часть 1. Решения подключенные через сайт
Рисунок 21 – Часть 2. Решения подключенные через сайт
Заключение
В ходе работы был создан интерфейс информационной системы по рекомендации фильмов. При разработке клиентской части был использован свободный набор различных инструментов для создания сайтов. Таким набором является технология Bootstrap. При разработке серверной части использовалась база данных SQLite и был изучен язык программирования Python. Также был изучен материал по работе с Django, JavaScript и CSS, организации серверов и т.д. Получены навыки создания серверной и клиентской части приложения, их взаимодействия, написания документации по описанию системы, работы в команде.
Было разработан прототип системы по поиску похожих фильмов.