1 2
2.5 Проектирование пользовательского интерфейса
Админ
Пользовательский интерфейс мобильного приложения является одним из важнейших компонентов системы. От того насколько удобным будет разработанный интерфейс пользователя будет зависеть и успех продукта.
В основу создания данного приложения положен принцип экономии времени и усилий пользователя, предполагая, что смартфон берет на себя все функции.
Панель управления приложением:
Раздел «Новости» предназначен для просмотра, публикации, редактирования, удаления и настройки новостей текущей компании. Помимо этого, также имеется возможность просматривать рейтинг новостей и просматривать комментарии к ним. Это можно посмотреть на рисунке 5.
Рисунок 5 «Новости»
Раздел «Акции» предназначен для просмотра, публикации, редактирования, удаления и настройки акций текущей компании. Помимо этого, также имеется возможность просматривать количество людей, вступившие в акцию. Это можно посмотреть на рисунке 6.
Рисунок 6 «Акции»
Раздел «Беседы» предназначен для взаимодействия с клиентами в режиме реального времени посредствам чата. В данном разделе блок 4 рабочего пространства разделен на 2 части: список бесед и текущая беседа. Это можно посмотреть на рисунке 7.
Рисунок 7 «Беседы»
Раздел предназначен для просмотра списка заказов клиентов. В данном разделе есть 5 блоков: «Требуется оплата», «Новый», «В работе», «Выполнен», «Отменен». Это можно посмотреть на рисунке 8.
Рисунок 8 «Заказы»
Раздел «Клиенты» предназначен для формирования и просмотра групп клиентов, а также для произведения действий, связанных с взаимодействием группой или клиентом. Это можно посмотреть на рисунке 9.
Рисунок 9 «Клиенты»
Раздел «Отзывы» предназначен для просмотра отзывов, которые были оставлены клиентами. В данном разделе рабочее пространство поделено на 4 категории: «По компании», «По заказу», «По записи», «По продукту», а также фильтрацией на: «Все», «Положительные» и «Отрицательные» отзывы. Это можно посмотреть на рисунке 10.
Рисунок 10 «Отзывы»
Раздел «Опросы» предназначен для создания и просмотра статистики опросов клиентов. Это можно посмотреть на рисунке 11.
Рисунок 11 «Опросы»
Раздел «Каталоги» предназначен для создания, просмотра, удаления и управлением каталогом текущей компании.
Раздел поделен на пять частей: «Товары», «Разделы», «Атрибуты», «Модификаторы», «Интеграции». Рассмотрим каждый из разделов. Это можно посмотреть на рисунке 12.
Рисунок 12 «Каталоги»
Раздел «Статистика» предназначен для отображения графиков динамики вашего бизнеса. Вы можете выбрать удобный вам график в правой верхней панели отображения. Разделы отображения могут отличаться от ваших. Это можно посмотреть на рисунке 13.
Рисунок 13 «Статистика»
Раздел «Управление» предназначен для настройки основных параметров текущей компании. В данном разделе блок 3 рабочего пространства поделен на 6 категорий: «Компания и филиалы», «Сотрудники», «Роли», «Заявки», «API», «Параметры отзывов». Это можно посмотреть на рисунке 14.
Рисунок 14 «Управление»
Раздел «Администрирование» предназначен для основных настроек мобильного приложения. Рисунок 15.
Рисунок 15 «Администрирование»
2.5.1 Реализация и тестирование
Интерфейс пользователя приложения:
Мобильное приложение (англ. «Mobile app») — программное обеспечение, предназначенное для работы на смартфонах, планшетах и других мобильных устройствах.
Главная страница — это информация, которую, в большинстве случаев, пользователь видит первой при переходе на сайт. Смотреть на рисунке 16.
Рисунок 16 «Главная страница»
Является частью пользовательского интерфейса приложения. Смотреть на рисунке 17.
Рисунок 17 «Панель управления»
Лента приложения — это яркое, эмоциональное и позитивное визуальное впечатление, которое формируется за счет единого, гармоничного стиля вашей страницы. Смотреть на рисунке 18.
Рисунок 18 «Лента»
Отзыв — мнение о ком-нибудь или о чём-нибудь, оценка кого-нибудь или чего-нибудь; анализ, разбор, некоторая оценка публикации, произведения или продукта, а так же чужое мнение о товаре или услуге, искреннее или купленное. Смотреть на рисунке 19.
Рисунок 19 «Отзывы»
Чат, чаттер — средство обмена сообщениями по компьютерной сети в режиме реального времени, а также программное обеспечение, позволяющее организовывать такое общение. Смотреть на рисунке 20.
Рисунок 20 «Чаты»
Промокод (от англ. promo code) — состоящая из букв и/или цифр совокупность символов, дающая право на приобретение товара или услуги на специальных условиях. Промокоды являются одним из инструментов стимулирования продаж. Смотреть на рисунке 21.
Рисунок 21 «Промокод»
Информация об организации — сведения об организации, осуществляющей образовательную деятельность. Основные сведения. Структура и органы управления образовательной организацией. Документы. Смотреть на рисунке 22.
Рисунок 22 «Информация об организации»
Каталог — в общем случае некий список информации об объектах, составленный с целью облегчения поиска этих объектов по какому-то признаку. Смотреть на рисунке 23.
Рисунок 23 «Каталог-наклейки»
Реализовано гибридное мобильное приложение интернет-магазина одежды «Nekrash13» по технологии клиент — сервер на базе платформы Android Studio. Мобильное приложение выполняет функции регистрации и авторизации клиента, новости и акции, а так же книга звонков. Готовое приложение выполняет все требуемые функции и готово к использованию.
Заключение
В результате выполнения ВКР спроектировано и реализовано мобильное приложение интернет-магазина одежды «Nekrash13» на базе платформы Android Studio.
В рамках выпускной квалификационной работы решены следующие
задачи:
- выполнен обзор существующих подобных программных продуктов;
- в результате анализа выяснено, что функционал разработанного в ВКР приложения наиболее полный;
- спроектировано приложение, в соответствии с требуемыми функциями;
- разработано мобильное приложение на базе Android Studio;
В ходе проектирования мобильного приложения применялись такие, также XML-средств. Платформа Android Studio.
Мобильное приложение интернет-магазина полностью соответствует алгоритму, может быть введен в эксплуатацию. Все поставленные в данной разработке задачи были успешно реализованы. Программная часть открыта для дальнейшего усовершенствования и реализации новых идей и задач. Таким образом, в ходе выполнения дипломной работы была достигнута цель и выполнены задачи исследования. В ходе исследования была изучена предметная область, а также инструменты, необходимые для создания мобильного приложения для интернет-магазина
Список использованных источников
- Симакина Н.И., Шамсутдинова Е.М., Применение платформы Apache Cordova при разработке мобильного приложения «Салон красоты «BeautyShop»». // Сборник материалов Четвертой Российской научнопрактической конференции с международным участием «Экономика знаний в глобальном информационном обществе». Пермь: Рекламно-издательская группа «ОТ и ДО», 2015.- в печати.
- Симакина Н.И., Шамсутдинова Е.М. «Разработка мобильного приложения «Салон красоты «BeautyShop»» на платформе ApacheCordova». //Журнал научных публикаций «Экономика, социология и право» двадцать третьей научно — практической конференции «Экономика, социология и право: новые вызовы и перспективы». М.: Институт стратегических исследований, 2015. — с. 42.
- Булатова Е.Н., Симакина Н.И. Организация удаленного рабочего места кадастрового инженера с использованием технологии мобильных платформ // Сборник научных трудов Шестнадцатой Международной научно-практической конференции «Применение технологий «1С» в условиях модернизации экономики и образования». Часть 1.- М.: ООО «1СПаблишинг», 2016.- с.543-546.
- Гарднер Лиза, Григсби Джейсон. HeadFirstMobileWeb – Издательство: Питер, 2013. – 436с. [2, 156].
- Пол Дейтел, Харви Дейтел. Android for Programmers: An App-Driven Approach – Издательство: СПб.:Питер, 2015. – 384с. [1, 25 — 43].
1 2