Mortgage_Vision_Итоговая_презентацияМОБ (2)

1.

Mortgage Vis ion
Калькулятор «Переплата по ипотеке»
Мобильное приложение, которое показывает реальную
стоимость ипотечного кредита не только цифрами, но и
понятной визуализацией.
Android Studio
Kotlin / Java
XML UI
GitHub
ФИО: Стружинский А.С
Группа: РПО-11
Mortgage Vision
01

2.

Тема и идея проекта
Какую задачу закрывает приложение
• Продукт: мобильный калькулятор
ипотечной переплаты.
• Пользователь вводит стоимость, взнос,
ставку и срок.
• Приложение считает платеж, общую
выплату и переплату.
• Результат переводится в понятные
образы: автомобиль, гараж, кирпичи.
Пользователь
берёт ипотеку
Проблема
переплата
неочевидна
Решение
наглядный
расчет
Вывод: проект помогает увидеть реальную цену кредита до выбора
условий.
Пример: срок 20 лет может выглядеть «дешевле» по
платежу, но итоговая переплата становится намного
больше.
Mortgage Vision
02

3.

Проблема, гипотеза и аудитория
Почему приложение нужно пользователю
Проблема
• Люди часто смотрят только на
ежемесячный платеж и ставку.
• Итоговая переплата воспринимается
как абстрактная цифра.
• Сравнение сроков кредита без
визуализации сложно оценить.
Целевая аудитория
18+
Планируют взять
ипотеку
Семьи
Покупают жилье
25–40
Сравнивают
банки и сроки
Гипотеза решения
Если показать переплату через образы и сравнение
сроков, пользователь быстрее поймет финансовые
последствия ипотеки.
Показывают
Риелторы клиенту расчет
Вывод: главный пользователь — человек, которому нужна понятная проверка
условий до решения.
Mortgage Vision
03

4.

Рабочая среда документации
Где собирались материалы проекта
• Документация собрана по этапам
проекта.
• Отдельно оформлены MVP, модель
разработки, база данных, тестирование.
• Материалы связаны с разработкой и
защитой итогового результата.
• Использованы Notion / Buildin, PDFдокументы и GitHub.
Вывод: документация показывает полный путь от идеи до рабочей
версии.
Mortgage Vision
Структура проектной
документации
Идея проекта
Mortgage Vision
Анкетирование
Проверка гипотезы
MVP
Функции первой
версии
БД / User Flow
Сценарии и данные
Разработка
Android + GitHub
Тестирование
Кейсы, баги, итог
04

5.

GitHub, публикация и доказательства
разработки
Репозиторий и материалы проекта
• Проект загружен в GitHub-репозиторий.
• В ходе разработки сделано 12+
коммитов.
• В README и документации описаны
этапы проекта.
• Демонстрация возможна через APK /
сборку / запись экрана.
Вывод: есть ссылка на код и доказательства работы над продуктом.
Mortgage Vision
GitHub репозиторий
https://github.com/trivi4l/MortgageVision.git
Разработка
12+
коммитов
Ссылка на код, история изменений и
документация подтверждают реальную разработку
приложения.
05

6.

Анкетирование и обратная связь
Что показал опрос пользователей
• Анкета проверяла, как пользователи
оценивают переплату.
• Вопросы были связаны со сроками
ипотеки и наглядностью сравнения.
• Ответы подтвердили потребность в
визуализации, а не только в цифрах.
• Идея сравнения с автомобилем /
гаражом оставлена в MVP.
Вывод: обратная связь поддержала гипотезу о наглядной подаче
переплаты.
Фрагмент анкеты: вопросы про сроки ипотеки и визуальное сравнение
Mortgage Vision
06

7.

Документирование проекта
Как документы связаны с разработкой
• MVP фиксирует границы первой версии.
• Модель разработки объясняет
организацию работы.
• База данных и сценарии описывают
логику продукта.
• Тестирование подтверждает готовность
ключевых функций.
Вывод: каждый документ превращен в конкретное решение в
приложении.
Mortgage Vision
Идея
MVP
Требова
ния
Разрабо
тка
Тесты
проблема
границы
критерии
экраны
готовность
Документы не дублируют отчет, а показывают логику:
почему выбран именно такой MVP и как он
реализован.
07

8.

MVP прод укта: первая рабочая версия
Что входит и что отложено
• Входит: ввод суммы, взноса,
ставки и срока.
• Входит: расчет платежа, общей
выплаты и переплаты.
• Входит: визуализация
диаграммой и «кирпичами».
• Отложено: банки, авторизация,
облако, PDF, ИИ.
Карта функций MVP
Must Have
Расчет платежа /
переплаты
Must Have
Диаграмма
и кирпичи
Should Have
Сравнение 1 5 и 20
лет
Could Have
Отправка
результата
Won’t now
Банковские
интеграции
Won’t now
Авторизаци
я / облако
Вывод: MVP решает одну главную задачу — понять переплату по
ипотеке.
Mortgage Vision
08

9.

Модел ь разработки ПО
Почему выбран Agile/ Scrum
• Требования понятны не полностью:
визуализация уточняется через
обратную связь.
• Интерфейс важно проверять на
пользователях.
• MVP можно собрать быстро и
развивать по частям.
• Подход дополняется
прототипированием и инкрементной
разработкой.
Схема работы
Требовани
я
Прототип
MVP
Обратная
связь
Вывод: Agile/Scrum позволяет быстро показать MVP и улучшать продукт
итерациями.
Каждый спринт улучшает расчет, экран и
визуализацию.
Mortgage Vision
09

10.

Функциональные и нефункциональные
требования
Что приложение должно уметь и как должно работать
• Функции: ввод параметров, расчет,
визуализация, сравнение сроков.
• Критерии приемки: результат
отображается после расчета.
• Качество: скорость, надежность, удобство
и совместимость.
• Расчет должен быть понятен пользователю
без лишних действий.
Вывод: требования связывают функции MVP с проверяемым
результатом.
Mortgage Vision
Ключевые требования
ID
Требование
Критерий
FR-05
Запустить расчет
Показаны результаты
FR-08
Видеть переплату
Сумма на экране
FR-10
Видеть кирпичи
Кол-во = переплате
NFR-03
Удобство
До 5 действий
NFR-06
Автономность
Интернет не нужен
10

11.

Тех ническое задание
Границы проекта и критерии готовности
• Границы: мобильное приложение без
интеграции с банками.
• Основные экраны: ввод данных, результат,
визуализация, сравнение.
• Данные: стоимость квартиры, взнос, ставка,
срок.
• Готово, если пользователь проходит
основной сценарий без критических ошибок.
Вывод: ТЗ ограничивает проект до выполнимого учебного MVP.
Mortgage Vision
Содержание ТЗ
1
Входные данные
сумма, взнос, ставка, срок
2
Расчеты
платеж, выплата, переплата
3
Экран результата
цифры + диаграмма +
кирпичи
4
Проверка
валидация полей и ошибки
5
Ограничения
без банков и авторизации
11

12.

Дизайн приложения
Как интерф ейс связан с MVP
• Главный экран собирает все входные
данные в одной форме.
• Результаты показаны крупными блоками:
платеж, выплата, переплата.
• Визуализация делает переплату заметной
и понятной.
• Вертикальный экран подходит для
быстрого расчета на смартф оне.
Вывод: дизайн делает основной сценарий коротким и читаемым.
Mortgage Vision
1
Ввод условий
2
Кнопка расчета
3
Ключевые суммы
4
Сравнение
экономии
12

13.

User Flow и пользовательские
сценарии
Главный путь и обработка ошибки
• Основной сценарий: ввод параметров →
расчет → результат.
• Система проверяет поля: пустые и
неверные значения блокируются.
• Пользователь может изменить срок и
пересчитать результат.
• Сценарий завершается понятной суммой
переплаты и сравнением.
Ввод
данных
Проверка
полей
Расчет
ипотеки
Результат
и
сравнение
Ошибка:
подсветка поля
Вывод: пользовательский путь короткий, а ошибка ввода предусмотрена.
Проблемный сценарий: пустое поле / значение ≤ 0 / текст
вместо числа.
Mortgage Vision
13

14.

Б аза данны х , E R D и UML
Какие данные нужны приложению
ERD-фрагмент
• База нужна для хранения расчетов и
истории пользователя.
• Основные данные: параметры ипотеки и
результаты вычислений.
• Связи показывают, как пользователь
получает расчеты и отчеты.
• В MVP база может быть локальной, без
облачной синхронизации.
Вывод: модель данных поддерживает расчет, историю и повторное
сравнение.
User
id
email
MortgageCalc
amount
rate
term
History
date
calc_id
Result
payment
overpay
Report
text
email
Связи: пользователь создает расчеты; расчет дает результат;
история хранит варианты; отчет можно отправить.
Mortgage Vision
14

15.

Арх итект ура приложения
Связь экранов, данных и логики
• UI-экран отвечает за ввод данных и
отображение результата.
• Логика расчета обрабатывает параметры
ипотеки.
• Валидация блокирует неверные значения
до расчета.
• История / отчет отделены от визуального
слоя.
Вывод: архитектура разделяет интерфейс, расчет и данные.
Слои приложения
UI / Activity
форма и результаты
ViewModel / Logic
валидация + события
Calculation Engine
формула аннуитета
S torage / Export
история + письмо
Один сценарий: ввод → расчет → визуализация →
отчет
Mortgage Vision
15

16.

Разработка приложения
Что реально реализовано
• Создан проект в Android Studio.
• Настроена структура app / java / res /
layout.
• Реализован главный экран, ввод
параметров и вывод результата.
• Проект загружен на GitHub, добавлена
документация.
Вывод: реализован рабочий экран расчета ипотечной переплаты.
Mortgage Vision
app/
├─ java/
логика
├─ res/layout/ экраны
├─ res/drawable ресурсы
├─ res/values
стили
└─ AndroidManifest.xml
Реализовано: форма ввода,
расчет, карточки
результата, сравнение
экономии.
16

17.

Тестирование проекта
Что проверяли и какой результат получен
Итог тестирования
• Проверялись расчеты, ввод, визуализация,
навигация и отправка результата.
• Использованы модульные, интеграционные,
UI и ручные проверки.
• Подготовлено 1 0 тест-кейсов для основных
сценариев.
• Баги по длинным числам и пустым полям
отмечены как Fixed.
18
18
0
проверок всего
Passed
Failed
Модульные
5 /5
Интеграционные
3 /3
UI
10 / 10
Вывод: основные сценарии MVP подготовлены и проходят проверку.
Примеры исправлений: выход длинного числа за блок;
активная кнопка при пустых полях.
Mortgage Vision
17

18.

Итог
Главный сценарий защиты
• Показать стартовый экран и объяснить
аудиторию.
• Ввести сумму, взнос, ставку и срок ипотеки.
• Нажать «Рассчитать» и показать платеж,
выплату, переплату.
• Показать сравнение сроков и один ошибочный
ввод.
• Завершить выводом и ссылкой на GitHub.
GitHub
Краткий итог
идея
проблема и опрос
MVP и требования
дизайн, flow, БД
Итог: разработана первая версия мобильного приложения для расчета и
визуализации ипотечной переплаты.
демонстрация
тесты и итог
Ограничения текущей версии: нет банковских интеграций, авторизации и
облачного хранения. Развитие: история расчетов, экспорт PDF, реальные
ставки.
Mortgage Vision
18