Использование Flutter позволило нам разработать и развернуть приложение в короткие сроки благодаря его возможностям кросс-платформенной разработки. Мы активно сотрудничали с разработчиками заказчика для успешного подключения API сайта к приложению. В процессе разработки мы проводили еженедельные демонстрации сборок, чтобы обеспечить непрерывную обратную связь. Разработка была разделена на 5 этапов, что способствовало прозрачности и управлению проектом.
Этап 1: Начало разработки и регистрация/авторизация
На этапе начала разработки были выполнены следующие задачи:
1. Регистрация/авторизация: Важной частью любого приложения является возможность регистрации и авторизации пользователей. Мы создали экраны и функционал для регистрации новых пользователей и входа для зарегистрированных пользователей. Это включает в себя создание форм для ввода данных, проверку логина и пароля, а также хранение данных пользователей в безопасном виде.
2. Сквозные элементы: На этом этапе мы определили и создали сквозные элементы приложения. Сквозные элементы - это элементы пользовательского интерфейса, которые используются в разных частях приложения без изменений. Примеры таких элементов включают заголовки, нижние навигационные панели, кнопки и элементы ввода. Создание и использование сквозных элементов позволяет обеспечить единообразие и согласованность внешнего вида приложения.
На этом этапе разработки мы создали основу для регистрации и авторизации пользователей, а также определили и создали сквозные элементы приложения. Это позволило нам начать разработку остальных функций и экранов приложения.
Этап 2: Разработка каталога
На этапе разработки каталога были выполнены следующие задачи:
1. Отображение списка товаров: Мы создали экран, на котором отображается список доступных товаров. Для каждого товара указано название, изображение, цена и другая информация, которая необходима для выбора и покупки товара.
2. Фильтрация и сортировка товаров: Мы добавили функционал фильтрации и сортировки товаров, чтобы пользователи могли легко находить нужные им товары. Мы добавили возможность фильтровать товары по категории, ценовому диапазону и другим параметрам. Также реализовали возможность сортировать товары по цене, популярности и другим критериям.
3. Поиск товаров: Создали поле поиска, которое позволяет пользователям быстро найти нужный товар. При вводе ключевого слова в поле поиска, приложение отображает соответствующие товары.
4. Детальная информация о товаре: Реализовали экран с подробной информацией о товаре, где пользователи могут увидеть большие изображения, описание, характеристики и отзывы о товаре. Также добавили кнопку "Добавить в корзину" для добавления товара в корзину.
На этом этапе разработки были созданы основные функции и экраны, связанные с каталогом товаров. Это позволило пользователям просматривать и искать товары, а также получать детальную информацию о каждом товаре.
Этап 3: Разработка карточки товара, корзина
На этапе разработки карточки товара и корзины были выполнены следующие задачи:
1. Карточка товара: Мы создали экран с полной информацией о выбранном товаре. Это включает в себя изображения, описание, характеристики и отзывы о товаре. На этом экране пользователи могут также добавить товар в корзину, выбрать количество единиц товара и просмотреть связанные товары или акции.
2. Корзина: Мы реализовали функционал корзины, позволяющий пользователям добавлять товары, удалять товары, изменять количество единиц товара и рассчитывать общую стоимость товаров. Мы также добавили кнопку "Оформить заказ", которая перенаправляет пользователя на соответствующий экран для заполнения данных доставки и оплаты.
3. Уведомления о корзине: Чтобы обеспечить лучший пользовательский опыт, мы добавили функцию уведомлений о корзине, чтобы сообщать пользователям о добавлении/удалении товаров из корзины, изменении общей стоимости и других важных изменениях. Это помогает пользователям быть в курсе состояния и содержимого их корзины.
На этом этапе мы создали удобный интерфейс для просмотра и управления карточками товаров, а также реализовали функционал корзины, позволяющий пользователям добавлять и удалять товары, а также оформлять заказы.
Этап 4: Разработка личного кабинета для физических лиц
На этапе разработки личного кабинета физических лиц были выполнены следующие задачи:
1. Регистрация и вход в личный кабинет: Мы создали экраны, где пользователи могут зарегистрироваться, указав необходимую информацию, такую как имя, электронная почта и пароль. После регистрации пользователи могут войти в свой личный кабинет, используя учетные данные, указанные при регистрации.
2. Профиль пользователя: В личном кабинете мы предоставили пользователям возможность просмотреть и редактировать свой профиль. Они могут изменять свое имя, адрес, контактную информацию и другие данные, необходимые для доставки товаров или связи с клиентской службой.
3. История заказов: Мы добавили экран, где пользователи могут просмотреть историю своих заказов. Для каждого заказа отображаются детали, такие как дата, статус заказа, список товаров и общая стоимость. Пользователи могут также просматривать подробности каждого заказа и отслеживать его статус.
4. Уведомления и сообщения: Чтобы пользователи могли быть в курсе всех важных обновлений и акций, мы добавили функционал уведомлений и сообщений в личный кабинет. Пользователи могут получать уведомления о статусе заказа, изменениях в аккаунте или специальных предложениях и распродажах.
5. Избранное: Мы реализовали функцию "Избранное", где пользователи могут сохранять товары, которые им интересны, для дальнейшего просмотра и покупки. Это позволяет пользователям легко отслеживать и находить товары, которые они хотят приобрести.
На этом этапе мы создали личный кабинет для физических лиц, позволяющий пользователям регистрироваться, входить в систему, просматривать и редактировать свой профиль, просматривать историю заказов, получать уведомления и сохранять понравившиеся товары в избранное. Это обеспечивает удобство и персонализацию пользовательского опыта.
Этап 5: Разработка кабинета для юридического лица, проблема неавторизованного пользователя и запуск приложения
На этапе разработки личного кабинета юридического лица, неавторизованного пользователя, запуска приложения, новостей, тематических подборок и удаления аккаунта были выполнены следующие задачи:
1. Личный кабинет юридического лица: Мы создали отдельный личный кабинет для юридического лица, где предоставляются специальные функции и возможности. Это включает в себя просмотр и редактирование профиля организации, управление заказами, доступ к счетам и платежам, а также другие функции, связанные с потребностями юридического лица.
2. Неавторизованный пользователь: Для пользователей, которые еще не зарегистрированы или не вошли в систему, мы предоставляем функционал для просмотра товаров, каталогов, акций и новостей. Они могут также добавлять товары в корзину и просматривать информацию о товарах, но не получат доступ к функциям, доступным только авторизованным пользователям.
3. Запуск приложения: Мы создали экран приветствия и запуска приложения, где пользователи могут выбрать свой тип аккаунта (физическое лицо или юридическое лицо) и зарегистрироваться или войти в свой аккаунт. Этот экран также содержит информацию о преимуществах использования нашего приложения и функционале, доступном для каждого типа аккаунта.
4. Новости и тематические подборки: Мы добавили раздел новостей, где пользователи могут узнать о последних обновлениях, событиях, новых товарах и других важных новостях. Также мы создали функционал тематических подборок, где пользователи могут просматривать товары, отобранные по определенным категориям, акциям или интересам.
5. Удаление аккаунта: Для пользователей, желающих удалить свой аккаунт, мы предоставляем функционал удаления аккаунта. Это позволяет пользователям безопасно и без лишних препятствий удалить свои данные и персональную информацию из системы.
На этом этапе мы создали личный кабинет для юридического лица, предоставили возможность просмотра и покупки для неавторизованных пользователей, добавили функции запуска приложения, новостей и тематических подборок, а также предоставили функционал удаления аккаунта. Это обеспечивает гибкость и разнообразие в использовании приложения для различных типов пользователей.