Кобе - мобильное бюджетное приложение (Fronnd)
Общее описание
Приложение, которое позволяет собирать бюджет в месяц, где существует 3 типа движений: доход, расходы и сбережения. Для каждого типа движения можно определить до 10 категорий. В определенный месяц пользователь может определить значение, которое рассчитывает назначить каждую категорию (бюджет). Впоследствии, в течение месяца пользователь зарегистрирует свои движения, и от них на вкладке «Статистика» вы можете увидеть, как выполняется план, созданный для месяца.
Фигма Ссылка
Справочное изображение:
Среда развития
Чтобы создать среду разработки веб -приложения с трепетом на границе и Express.js в бэкэнд, чтобы установить его, вы можете выполнить эти шаги:
Конфигурация границы
- Установка Flutter - мобильная разработка.
- Во-первых, загрузите и установите Flutter с его официальной страницы: https://flutter.dev/docs/get-started/install. Следуйте конкретным инструкциям для вашей операционной системы. Впоследствии добавьте путь к переменным среды.
- Конфигурация Android Studio - эмулятор мобильного устройства Android для тестирования приложения.
- Установите Android Studio на официальном сайте Android Studio: https://developer.android.com/studio.
- В Android Studio установите Android SDK и настройте эмулятор на AVD Manager для моделирования мобильного устройства.
- Visual Studio Code - IDE Configuration для использования в проекте.
- Загрузите и установите код Visual Studio (VSCODE) со своей официальной страницы: https://code.visualstudio.com/.
- Следующие плагины могут быть установлены для облегчения кодирования в Flutter:
- Flutter: чтобы интегрировать поддержку VSCODE и включить функции, такие как выполнение приложения и очистка.
- DART: Необходимо работать с Flutter, поскольку он обеспечивает поддержку языка программирования DART.
- Потрясающие фрагменты трепетания: предоставляет полезные кодовые шнеки для более быстрого развития в Flutter.
- Фрагменты разветвления виджетов: коллекция фрагментов для наиболее часто используемых виджетов в Flutter.
Конфигурация бэкэнд
- Установка Node.js
- Загрузите и установите node.js с его официальной страницы: https://nodejs.org/. Node.js необходим для работы с Express.js. Впоследствии добавьте путь к переменным среды.
- Создание и конфигурация проекта Express.js
- Откройте терминал и используйте следующую команду для установки генератора Express Applications: NPM Install -g Express -Generator
- Создать новый экспресс-проект с командой: Express of-Tu-Project
- Развитие в Express.js
- Разработайте бэкэнд -приложение, изменяя файлы в каталоге проекта. Они могут быть установлены дополнительно по мере необходимости, установив их с помощью NPM установить имя.
- Такие инструменты, как почтальон или бессонница, могут использоваться для проверки конечных точек API вашего приложения Express.js.
Исполнение и тесты
- Для границы, открыть код против кода, перейдите к каталогу вашего проекта Flutter и выполните ваше приложение, используя эмулятор, настроенный в Android Studio.
- Для бэкэнда в терминале перемещается в каталог вашего экспресс -проекта и выполняет
npm start запускать сервер.
Требования
Функциональные требования
| |
|---|
| Идентификация требования | RF1 |
| Требование название | Создание счета |
| Характеристики | Пользователь может создать учетную запись, определяя имя пользователя и пароль. |
| Описание требования | Пользователь может создать учетную запись, предоставляющую данные: электронная почта, имя пользователя, полное имя и пароль |
| Нефункциональное требование | Rnf1, rnf2, rnf5 |
| Приоритет требования | Высокий |
| |
|---|
| Идентификация требования | RF2 |
| Требование название | Аутентификация пользователя |
| Характеристики | Пользователь для входа должен ввести информацию об учетной записи |
| Описание требования | Пользователь для входа должен ввести свое имя пользователя и пароль |
| Нефункциональное требование | Rnf1, rnf2, rnf5 |
| Приоритет требования | Средний |
| |
|---|
| Идентификация требования | RF3 |
| Требование название | Создание категорий |
| Характеристики | Пользователь может создавать категории |
| Описание требования | Пользователь сможет создать максимум 10 категорий для своих доходов, расходов и сбережений. |
| Нефункциональное требование | Rnf1, rnf2, rnf6 |
| Приоритет требования | Средний |
| |
|---|
| Идентификация требования | RF4 |
| Требование название | Создание бюджетного плана |
| Характеристики | Пользователь сможет создать бюджетный план для каждой категории доходов, расходов и сбережений. |
| Описание требования | Пользователь сможет создать бюджетный план для каждой категории доходов, расходов и сбережений. |
| Нефункциональное требование | Rnf1, rnf2, rnf6, rnf7 |
| Приоритет требования | Средний |
| |
|---|
| Идентификация требования | RF5 |
| Требование название | Движение доход |
| Характеристики | Пользователь может ввести свои финансовые движения в соответствии с каждой категорией доходов, расходов и сбережений. |
| Описание требования | Пользователь может ввести свои финансовые движения в соответствии с каждой категорией доходов, расходов и сбережений. |
| Нефункциональное требование | Rnf1, rnf2, rnf6, rnf7. |
| Приоритет требования | Высокий |
| |
|---|
| Идентификация требования | RF6 |
| Требование название | Просмотр бюджета и истории движений |
| Характеристики | Пользователь может увидеть свои прошлые бюджеты. |
| Описание требования | Пользователь сможет увидеть свои бюджеты предыдущих периодов (месяц и год). |
| Нефункциональное требование | Rnf1, rnf2, rnf6, rnf7 |
| Приоритет требования | Средний |
| |
|---|
| Идентификация требования | RF7 |
| Требование название | Изменение пароля |
| Характеристики | Пользователь может запросить изменение пароля. |
| Описание требования | Пользователь может запросить изменение пароля, предоставляя ваш пользователь или имя электронной почты. |
| Нефункциональное требование | Rnf1, rnf2, rnf6, rnf7 |
| Приоритет требования | Низкий |
Нефункциональные требования
| |
|---|
| Идентификация требования | RNF1 |
| Требование название | Производительность |
| Характеристики | Немедленный ответ и эффективность обработки. |
| Описание требования | Приложение должно быстро реагировать на входы пользователей и эффективно обрабатывать обработку данных. |
| Приоритет требования | Высокий |
| |
|---|
| Идентификация требования | RNF2 |
| Требование название | Доступность |
| Характеристики | Постоянный доступ и минимальное время бездействия. |
| Описание требования | Приложение должно быть доступно для использования как можно больше времени, с минимальным временем бездействия. |
| Приоритет требования | Высокий |
| |
|---|
| Идентификация требования | RNF3 |
| Требование название | Удобство использования |
| Характеристики | Интуитивно понятный и доступный для всех пользователей. |
| Описание требования | Пользовательский интерфейс должен быть интуитивно понятным и простым в использовании для людей без предыдущего опыта работы с приложением. |
| Приоритет требования | Средний |
| |
|---|
| Идентификация требования | RNF4 |
| Требование название | Совместимость |
| Характеристики | Он работает на нескольких устройствах и системах. |
| Описание требования | Приложение должно быть совместимым с несколькими версиями мобильных операционных систем, таких как Android и iOS, и хорошо адаптироваться к различным размерам и разрешениям экрана. |
| Приоритет требования | Высокий |
| |
|---|
| Идентификация требования | RNF5 |
| Требование название | Безопасность |
| Характеристики | Защита данных и шифрование. |
| Описание требования | Приложение должно защищать конфиденциальную информацию пользователя, гарантируя, что все передаваемые и сохраненные данные зашифрованы. |
| Приоритет требования | Высокий |
| |
|---|
| Идентификация требования | RNF6 |
| Требование название | Масштабируемость |
| Характеристики | Эффективный рост пользователей и загрузка данных. |
| Описание требования | Приложение должно иметь возможность обрабатывать увеличение количества пользователей и в загрузке обработки данных без значительного снижения производительности. |
| Приоритет требования | Средний |
| |
|---|
| Идентификация требования | RNF7 |
| Требование название | Обслуживание |
| Характеристики | Организован и легко обновить код. |
| Описание требования | Код приложения должен быть хорошо организован и задокументирован для облегчения обновлений и технического обслуживания разработчиками. |
| Приоритет требования | Низкий |
| |
|---|
| Идентификация требования | RNF8 |
| Требование название | Потребление батареи |
| Характеристики | Энергетическая эффективность и оптимизированное потребление. |
| Описание требования | Приложение должно быть эффективным с точки зрения потребления батареи, избегая чрезмерного дренажа, когда оно находится в активном или фоновом использовании. |
| Приоритет требования | Средний |
| |
|---|
| Идентификация требования | RNF9 |
| Требование название | Диспетчер базы данных |
| Характеристики | Надежность и расширенные возможности управления данными с PostgreSQL. |
| Описание требования | Приложение будет использовать PostgreSQL в качестве системы управления базой данных. |
| Приоритет требования | Высокий |
| |
|---|
| Идентификация требования | RNF10 |
| Требование название | Код разработки |
| Характеристики | Объединенная и многоплатформенная разработка с трепетом. |
| Описание требования | Приложение будет использовать Flutter в качестве структуры кода разработки. |
| Приоритет требования | Высокий |
Диаграммы
Реляционная диаграмма
Легенда таблицы:
- Тип: относится к 3 типам транзакций. Существуют: доход, расходы и сбережения.
- Категория: относится к характеру дохода/расходов/сбережений
- Тип: Доход - Категория: зарплата, проценты, оплата за сборы ...
- Тип: Расходы - Категория: Транспорт, еда, коммунальные услуги, здравоохранение, образование, развлечения ...
- Тип: Сбережения - Категория: дом, автомобиль, поездки, предпринимательство ...
- Объяснение: Например, в записи тип может быть доход, и категория может быть зарплатой
- Календарь: эта таблица будет состоять из многих дат и будет связана с месячной таблицей. Это в основном для облегчения создания фильтров в рамках приложения и распределения дат регистрации в таблице трекеров.
- Месяц: таблица, содержащая каждый год с другим идентификатором. Эта таблица будет способствовать программированию фильтров.
- Год: таблица, содержащая возможные годы в течение определенного периода времени. Эта таблица будет способствовать программированию фильтров.
- Бюджет: Это сумма денег, запланированную для каждой категории и месяца (поскольку она может варьироваться в зависимости от месяцев). Это цель, она не обязательно будет выполнена.
- Регистрация (отслеживание): это основная таблица, где регистрируются все доходы, расходы или сбережения, с их соответствующей категорией, записи и подробной датой.
- Пользователь: это таблица, где информация пользователя сохраняется, в основном их имена и фамилии, в дополнение к их учетным данным для ввода учетной записи приложения (электронная почта и пароль).
Использование диаграммы
Диаграмма развертывания
