Разработка веб-приложения для расчета финансовых показателей бизнес-плана

Введение 3
1. Оценка экономической эффективности бизнес-проектов 6
2. Используемые программные средства и технологии 8
2.1 Программные средства и технологии, используемые в клиентской
части приложения 8
2.2 Программные средства и технологии, используемые в серверной
части приложения 11
3. Разработка приложения 13
3.1 Архитектура приложения 13
3.2 Пользовательский интерфейс 14
3.3 Проектирование базы данных приложения 15
4. Программная разработка приложения 19
4.1 Разработка клиентского приложения 19
4.1.1. Структура клиентского приложения 19
4.1.2. Маршрутизация клиентского приложения 24
4.2 Разработка серверного приложения 25
4.2.1. Структура серверного приложения 25
4.2.2. Маршрутизация серверного приложения 27
5. Описание функциональных возможностей 31
Заключение 44
Список литературы 45
Приложение 1. Код программы клиентского приложения 46
Приложение 2. Код программы серверного приложения 68

Введение
Особенностью современной экономики Российской Федерации является высокая склонность к рискам, что обуславливает необходимость качественной организации бизнеса.
Бизнес-план представляет собой структурированное обоснование необходимости ведения некоторой деятельности. Однако для принятия решения о капиталовложениях необходимо получить ответ на вопрос об экономической эффективности задуманного проекта. Именно оценка эффективности проекта позволит подвести бизнес-планирование к логическому заключению и решить, является ли работа целесообразной.
Законодательство Российской Федерации не предусматривает обязательную оценку эффективности проектов, однако каждый потенциальный владелец бизнеса или инвестор заинтересован в том, чтобы обезопасить себя от потери вложенных средств и получить достаточную прибыль для покрытия непредвиденных расходов и компенсации рисков.
Таким образом, вопросы экономической оценки эффективности проектов являются довольно актуальными в современном мире.
...

1. Оценка экономической эффективности бизнес-проектов
Бизнес-план - это рабочий документ и инструмент, с помощью которого привлекаются деньги и объединяются усилия разных лиц для реализации задуманных проектов. Такой документ является неотъемлемым элементом в процессе управления бизнеса, а его основное назначение – это демонстрация реальных шансов реализации идеи и получения экономической выгоды в результате.
Для оценки экономической эффективности проекта существует система показателей, отражающая соотношение объема затрат и достигнутых результатов.
В рамках разработанного веб-приложения заключение об экономической эффективности проекта пользователя строится на основе динамических (основанных на дисконтировании) показателей эффективности, а именно:
1. Денежный поток CF
Показатель рассчитывается как сумма чистой прибыли и амортизации.
2. Свободный денежный поток FCF
Сумма денег, которая остается после вычета всех налогов и капитальных вложений.
3.
...

2.1 Программные средства и технологии, используемые в клиентской части приложения
Клиентская часть приложения разработана на языке TypeScript с применением фреймворка Angular.
Angular – фреймворк с открытым исходным кодом, который позволяет создавать популярные на сегодняшний день одностраничные веб- приложения. Особенностью фреймворков является то, что их использование облегчает разработчику процесс написания кода за счет использования встроенных стандартов и инструментов. Фреймворк Angular применяет двустороннее связывание элементом страниц веб-приложения с объектами данных, что позволяет любое изменение в пользовательском интерфейсе отражать на объектах приложения и обновлять информацию без перезагрузки страниц полностью, тем самым сокращая нагрузку на серверную часть и увеличивая скорость работы веб-приложения в целом. Angular использует следующие языки программирования: JavaScript и TypeScript.
JavaScript – полноценный динамический язык программирования.
...

2.2 Программные средства и технологии, используемые в серверной части приложения
Серверная часть приложения разработана на языке Python с применением фреймворка Django. Одним из существенных архитектурных отличий данного фреймворка является то, что архитектура всего проекта строится из одного или нескольких приложений, которые рекомендуется делать отчуждаемыми и подключаемыми.
Фреймворк Django использует шаблон проектирования MVC (Модель-Представление-Контроллер), поэтому главной идеей данной платформы является разделение задач на следующие отдельные компоненты:
• файл models.py, содержащий структуру таблиц базы данных и позволяющий управлять ей посредством использования языка Python;
• файл views.py, называемый представлением и отображающий логику работы;
• файл urls.py, именуемый маршрутизатором и каждый раз определяющий, какое представление будет вызвано для обработки запроса.
...

2.1 Программные средства и технологии, используемые в клиентской части приложения
Клиентская часть приложения разработана на языке TypeScript с применением фреймворка Angular.
Angular – фреймворк с открытым исходным кодом, который позволяет создавать популярные на сегодняшний день одностраничные веб- приложения. Особенностью фреймворков является то, что их использование облегчает разработчику процесс написания кода за счет использования встроенных стандартов и инструментов. Фреймворк Angular применяет двустороннее связывание элементом страниц веб-приложения с объектами данных, что позволяет любое изменение в пользовательском интерфейсе отражать на объектах приложения и обновлять информацию без перезагрузки страниц полностью, тем самым сокращая нагрузку на серверную часть и увеличивая скорость работы веб-приложения в целом. Angular использует следующие языки программирования: JavaScript и TypeScript.
JavaScript – полноценный динамический язык программирования.
...

3.1 Архитектура приложения

Архитектура веб-приложения устроена таким образом, что при его использовании пользователь всегда остается на одной HTML-странице, поскольку обновляется только часть контента. Такое приложения называется SPA-приложением - веб-приложение, использующее единственный HTML-документ как оболочку для всех веб-страниц и организующее взаимодействие с пользователем через динамически подгружаемые HTML, CSS, JavaScript, обычно посредством использования AJAX, когда пользователь переходит по ссылкам для получения информации. Для SPA характерен более гибкий и удобный пользовательский интерфейс, более высокая производительность, а также высокая скорость разработки.
Такое приложение предполагает разделение программы на две составляющие: клиентская и серверная части приложения.
Клиентское приложение отвечает за взаимодействие с пользователем. В процессе работы приложения пользователю необходимо получить какую-либо информацию или же сохранить ее в приложении.
...

3.2 Пользовательский интерфейс

В процессе разработки веб-приложения особое внимание было уделено проектированию пользовательского интерфейса, поскольку он играет достаточно важную роль в процессе взаимодействия веб- приложения с пользователем.
В веб-приложении были реализованы основные принципы отзывчивого веб-дизайна, целью которого является обеспечение наиболее удобного и корректного отображения страниц сайта пользователям в процессе изменения размеров экрана или устройств. Для реализации этих принципов использовалась сетка фреймворка Bootstrap. В сетке данного фреймворка по умолчанию 12 колонок, которые помещаются в один контейнер. При добавлении динамического файла CSS сетка способна растягиваться в зависимости от монитора.
Пример адаптивности интерфейса продемонстрирован на Рисунках
1-2.

Рисунок 1. Расположение элементов интерфейса при полном расширении экрана

Рисунок 2. Расположение элементов интерфейса при изменении расширения экрана
3.
...

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

Рисунок 3. Модель Базы данных приложения
База данных имеет следующую структуру:
• Auth_user – зарегистрированный пользователь приложения

Таблица 1. Атрибуты сущности Auth_user

ID
Уникальный идентификатор пользователя
Name
Имя пользователя
Login
Логин пользователя
Password
Пароль пользователя
• Project – Проект, созданный зарегистрированным пользователем

Таблица 2.
...

4.1.1. Структура клиентского приложения
Клиентское приложение, разработанное в фреймворке Angular, состоит из набора компонентов. Каждый компонент определяет отдельный элемент приложения: поведение элемента и шаблон его представления пользователю – внешний файл с разметкой html, подключение которого осуществляется посредством использования свойства templateUrl.
Структура клиентского приложения представлена на Рисунке 4.

Рисунок 4. Структура клиентского приложения
Все необходимые для работы приложения компоненты, шаблоны, стили, изображения и т.д. находятся в папке src. Любые файлы вне этой папки предназначены для поддержки создания приложения. Рассмотрим подробнее иерархию компонентов клиентского приложения в папке app.

Рисунок 5. Иерархия компонентов клиентского приложения
Главным компонентом приложения является AppComponent. Этот компонент выступает в качестве контейнера для остальных компонентов, которые будут обслуживать запросы к приложению.
...

4.1.2. Маршрутизация клиентского приложения
Маршрутизация клиентского приложения определяется в корневом модуле AppModule и позволяет сопоставлять запросы к приложению с определенными ресурсами внутри приложения – компонентами. Реализованные пути в клиентском приложении продемонстрированы на Рисунке 6, пояснение которого представлено в Таблице 10.

Рисунок 6. Маршрутизация клиентского приложения

Таблица 10.
...

1. Пластинин А.В. Бизнес-план: Экономическая оценка инвестиций - Архангельск: Изд-во АГТУ, 2007. - 93 с.
2. Fink G., Flatow I. Pro Single Page Application Development: Using Backbone.js and ASP.NET. / G. Fink, I. Flatow — Apress, 2014.
3. Макфарланд Д. Новая большая книга CSS. / Д. Макфарланд – СПб.: Питер, 2017. – 720с.
4. Миковски М., Пауэлл Д. Разработка одностраничных веб-приложений / М. Миковски, Д. Пауэлл — М.: ДМК Пресс, 2014. — 512 с.
5. The Ultimate Cash Flow Guide [Электронный ресурс] / Режим доступа: https://corporatefinanceinstitute.com/resources/knowledge/valuation/cash-flow- guide-ebitda-cf-fcf-fcff/
6. 9 основных принципов отзывчивого веб-дизайна [Электронный ресурс] / Режим доступа: https://habrahabr.ru/post/243247/
7. Angular Docs [Электронный ресурс] / Режим доступа: https://angular.io/docs/ts/latest/quickstart.html
8. Bootstrap - The world's most popular mobile-first and responsive front-end framework. [Электронный ресурс] / Режим доступа: http://getbootstrap.com/
9. Bootstrap Grid system [Электронный ресурс] / Режим доступа: http://getbootstrap.com/css/#grid
10. Django documentation. [Электронный ресурс] — Режим доступа: https://docs.djangoproject.com/en/1.6
11. HTML5 [Электронный ресурс] / Режим доступа: https://www.w3.org/TR/html5/
12. Sqlite Documentation [Электронный ресурс] — Режим доступа: https://www.sqlite.org/docs.html
15. Маршрутизация. Определение маршрутов [Электронный ресурс] / Режим доступа: https://metanit.com/web/angular2/7.1.php