Разработка прототипа мобильного приложения по учету личных финансов
Введение
Люди стали задумываться куда исчезают личные средства. Часто человек только получивший доход, на следующий день тратит большую часть, а в конце месяца не знает куда потратил полученные средства. Начиная задумываться о собственных финансах, человек пытается их контролировать с помощью различных средств. Например, вести финансовый учет в тетради или с помощью цифровых устройств.
Сегодня сложно представить человека, у которого нет телефона. С каждым годом количество пользователей телефонов растет, а также увеличивается количество приложений для этих устройств. Телефоны так популярны, потому что они доступны и компактны, по сравнению с персональными компьютерами. Телефоны классифицируют по операционным системам: Android, iOS, Windows Mobile и иные.
Актуальность данной темы обусловлена тем, что учет личных финансов позволит разумно экономить свои средства.
Целью данной выпускной квалификационной работы является разработка прототипа мобильного приложения для учета финансов
Содержание
Введение5
Постановка задачи6
1Обзор и анализ средств разработки мобильных приложений7
1.1 Актуальность разработки приложения для учета финансов7
1.2 Анализ существующих аналогов7
1.3 Обзор программного обеспечения для разработки визуальной составляющей приложения11
1.4 Обзор программного обеспечения для разработки функционала приложения12
2 Разработка дизайн-макета приложения15
2.1 Разработка архитектуры приложения15
2.2 Стандарты дизайн-систем для приложения Android16
2.2.1 Подбор шрифтовых сочетаний и цветов16
2.2.2 Адаптация стандартных компонентов под приложение18
2.3 Разработка дизайна приложения18
3 Разработка прототипа мобильного приложения31
3.1 Создание структуры вложенности31
3.2 Разработка навигации32
3.3 Разработка страниц34
3.4 Тестирование44
Заключение50
Список используемой литературы51
Приложение А52
Приложение Б54
Приложение В55
Приложение Г56
Приложение Д57
Список используемой литературы
Ричардс К. Давай поговорим о твоих доходах и расходах. – М.: Эксмо, 2022. – 224 с.Литвиненко А. В. Figma - Основы работы. – М.: Ridero, 2021. – 150 с.
Adobe XD [Электронный ресурс] // Википедия: свобод. энцикл. – Режим доступа: https://ru.wikipedia.org/wiki/Adobe_XD. – (Дата обращения: 12.04.2023).Скотт А. Разработка на JavaScript. Построение кроссплатформенных приложений с помощью GraphQL, React, React Native и Electron. – М.: Питер, 2020. – 320 с.
Лебедев А. А. Ководство (седьмое издание). – М.: Студия Артемия Лебедева, 2021. – 560 с.Material Design [Электронный ресурс]: офиц. сайт. – Режим доступа: https://m3.material.io. – (Дата обращения: 12.04.2023).Чихольд Я. Новая типографика. Руководство для современного дизайнера. – М.: Студия Артемия Лебедева, 2018. – 248 с.
Дружелюбный зелёный: как цвет влияет на восприятие бренда [Электронный ресурс] // Skillbox: офиц. сайт. – Режим доступа: https://skillbox.ru/media/design/psihologia-zelenogo. – (Дата обращения: 12.04.2023).Components [Электронный ресурс] // Material Design: офиц. сайт. – Режим доступа: https://m3.material.io/components. – (Дата обращения: 12.04.2023).Авторизация по номеру телефона [Электронный ресурс] // Hardclient: офиц. сайт. – Режим доступа: https://hardclient.com/ecommerce-authorization-by-phone. – (Дата обращения: 12.04.2023).Redux [Электронный ресурс]: офиц. сайт. – Режим доступа: https://redux.js.org/. – (Дата обращения: 14.04.2023).Ionicons [Электронный ресурс] // figma: библиотека плагинов – Режим доступа: https://www.figma.com/community/plugin/777817104312450242/Ionicons. – (Дата обращения: 14.04.2023).TouchableOpacity [Электронный ресурс] // React Native: офиц. сайт – Режим доступа: ttps://reactnative.dev/docs/touchableopacity. – (Дата обращения: 14.04.2023).FlatList [Электронный ресурс] // React Native: офиц. сайт – Режим доступа: https://reactnative.dev/docs/flatlist. – (Дата обращения: 14.04.2023).Modal [Электронный ресурс] // React Native: офиц. са
Есть выбор месяца операций: предыдущий, нынешний, следующий. Операции объединены по датам.
Рисунок 17 – Страница операций
При нажатии на счет, открывается модальное окно выбора счета (рисунок 18). Присутствует поиск по счетам, чтобы упростить пользователям задачу если счетов много. При выборе счета отображаться операции только по нему.
Рисунок 18 – Выбор счета и поиск
Взаимодействие с операциями происходит при нажатии на определенную операцию (рисунок 19). В модальном окне отображается вся информация: вид операции, сумма, категория, дата, счет списания.
Возможность редактирования пригодиться если происходит синхронизация с банком. Часто мы совершаем операции по карте у ИП или просто переводим деньги по номеру телефона, такие операции имеют категорию: другие расходы. Чтобы статистика отображалась правильно, нужно изменить категорию на подходящую для данного расхода.