Мобильное приложение "Справочник для веганов"

Учитывая вышеизложенное, было принято решение о том, чтобы использовать спокойный оттенок зеленого цвета, как основной в приложении, а также светло-серый для создания той самой визуальной иерархии. А оттенок оранжевого -- охру и темно-красный для обозначения статуса компонентов. Использованные цвета представлены в таблице 3.

Таблица 3 -- Использованные цвета

Шестнадцатиричный код цвета	Визуальное представление
#6d986a
#bb6a00
#a50000
#efefef

В приложении используется 8 иконок, как для обозначения кнопки и пункта меню, так и для простого информирования пользователя о статусе ингредиента. Созданы графические элементы, представленные ниже на рисунке 13.



Рисунок 13 -- Г рафические элементы приложения

Разработка основной иконки приложения выполнялась на основе выбранной цветовой схемы и в том же лаконичном стиле. Образ лупы, через которую строки текста приобретают цвет и, получается, значение вместо серой неизвестности передает назначение приложения -- проинформировать о происхождении компонентов. Данная иконка представлена на рисунке 14.

Рисунок 14 -- Основная иконка приложения

В рамках данного этапа были разработаны цветовая схема мобильного приложения, которая представлена четырьмя цветами: цвет охры, зеленый, красный, серый, основная иконка приложения, а также графические элементы, которые используются в качестве кнопок, другие выполняют информирующую функцию.

2.3.3 Этап разработки шаблонов и макетов мобильного приложения «Справочник для веганов»

Одним из важных этапов в разработке приложения является создание макета. В ходе работы над приложением было сделано 3 основных шаблона и всего 7 макетов с различными вариантами элементов на экране. Это необходимо для того, чтобы удостовериться в гармоничном сочетании всех экранов между собой и соблюдению единого стиля приложения.

Также на раннем этапе разработки макеты были использования для создания прототипа приложения, чтобы наглядно продемонстрировать работу будущего приложения. Прототип -- это упрощенное приложение, нарисованная дизайнером последовательность экранов. Прототип имеет внешний вид, аналогичный создаваемому приложению. Он должен содержать основные элементы управления, отрабатывать переходы между экранами, демонстрируя вид рабочего приложения. Изменяемые или внешние данные заменены на тестовые значения и не обновляются во время взаимодействия с прототипом. Прототип позволяет на ранних стадиях (до программирования и тестирования) попробовать приложение в действии. Благодаря чему можно оценить будущее приложение с точки зрения пользователя, определить, нужно ли вносить изменения в схему взаимодействия приложения с пользователем и избежать дополнительных финансовых и временных затрат, если выявлены несоответствия.

Прототип может быть представлен в следующих видах:

• упрощенная версия рабочего приложения;

• ссылка для просмотра в веб-обозревателе;

• файл для открытия в специальном демонстрационном приложении;

• видеоролик / анимация с поведением рабочей среды приложения;

• набор последовательных скриншотов с описанием переходов или блок-схемы;

• презентация.

Макет окна, содержащего список пищевых добавок, состоит из заголовка с функциональным элементом -- кнопкой, по нажатию на которую открывается окно с краткой информацией о приложении. Ниже расположено поле для ввода поискового запроса. Иконка лупы выполняет лишь функцию визуальной подсказки, поиск происходит автоматически в режиме реального времени. Ниже расположен сам список компонентов, по нажатию на каждый из них открывается окно с подробной информацией о выбранном ингредиенте. Цвет индексов ингредиентов указывает на их статус. Красный цвет означает, что компонент однозначно животного происхождения, а оранжевый, что это неизвестно -- компонент может быть, как растительного или химического происхождения, так и животного. Данный макет представлен ниже на рисунке 15.

Рисунок 15 -- Макет раздела «Пищевые добавки»

Следующий шаблон представляет собой список из косметических ингредиентов. Отличие от предыдущего макета состоит в том, как располагаются сами элементы списка. Видно не только название, но и часть описания, информации о компоненте. Также на верхней панели, где расположен заголовок, добавился еще один функциональный элемент -- иконка в виде планеты. Это кнопка, по нажатию на которую меняется язык названий компонентов на английский. Зачастую состав на косметических средствах пишут на английском языке и, таким образом, пользователю будет удобнее сориентироваться. Статус каждого компонента в списке так же отражен с помощью цвета и иконки. Макет данного раздела приведен ниже на рисунке 16.



Рисунок 16 -- Макет раздела «Ингредиенты в косметике»

Оставшийся раздел, соодержащий материалы для одежды выглядит совершенно аналогичным образом, как и вышеописанный. Последний шаблон представляет собой окно с информацией о выбранном из списка компоненте. Данные представлены по группам. Изображение макета представлено ниже на рисунке 17.

Рисунок 17 -- Макет экрана с информацией о компоненте

2.3.4 Этап разработки программного кода мобильного приложения «Vegantify»

Прежде чем начать разрабатывать приложение, необходимо определиться с тем, какого типа и объема данные оно должно хранить. В операционной системе Android существует несколько способов хранения данных:

1. Shared Preferences.

2. База данных SQLite.

3. Обычные файлы, используя внутреннюю или внешнюю память.

Каждый из перечисленных способов имеет свои достоинства и недостатки, что обусловлено их предназначением.

Первый из рассматриваемых способов -- Shared Preferences (общие настройки). Данный способ представляет собой хранение простых данных в виде «ключ-значение» в XML-файле, находящемся в поддиректории shared- prefs «приватной» папки приложения. Shared Preferences поддерживает базовые типы boolean, string, float, long, int и используется для быстрого сохранения значений по умолчанию, пользовательских настроек, переменных экземпляра класса, текущего состояния пользовательского интерфейса. Чаще всего используется для обеспечения постоянства данных между сессиями пользователя и не подходит для хранения множества однотипных структурированных данных.

Второй способ подходит для чтения и записи больших объемов данных в порядке от начала к концу без пропусков. Этот способ оптимален для изображений, медиа и других файлов, передаваемых по сети.

Третий способ можно условно разделить на два и рассмотреть их в отдельности. Хранение файлов во внутренней памяти лучше подходит для ситуаций, когда ни пользователь, ни другие приложения не должны иметь доступа к файлам разрабатываемого приложения. Внутренняя память всегда доступна. При удалении приложения Android удалит из внутренней памяти все его файлы.

Внешнее хранилище в отличие от внутренней памяти доступно не всегда, потому что пользователь может в любое время подключать и отключать такие хранилища. Внешние хранилища доступны для чтения везде, поэтому разработчик не контролирует чтение сохраненных в них данных, из чего следует, что такой способ хранения данных подходит для файлов, которые должны быть доступны другим приложениям или пользователю через проводник или подключение к компьютеру по usb-порту.

Для записи во внешнее хранилище нужен запрос на разрешение, в то время как для записи файлов на внутреннюю память разрешений не требуется, приложение всегда может читать и записывать файлы в свой каталог [22].

Проанализировав эти три способа и сопоставив эту информацию с информацией о данных, которые будет хранить разрабатываемое приложение, можно сделать вывод, что наиболее оптимальным способом будет хранение данных во внутренней памяти.

Для реализации данного способа необходимо собранную информацию преобразовать в файлы формата json. JSON (англ. JavaScript Object Notation) -- текстовый формат обмена данными, основанный на JavaScript и обычно используемый именно с этим языком. В Android есть готовые классы для работы с JSON: JSONObject, JSONArray, JSONWriter, JSONStringer и т. д.

Теперь перейдем к работе с анимацией в приложении и навигацией по нему. По задумке переход от одного раздела приложения к другому должен осуществляться с анимацией перелистывания из стороны в сторону по свай- пу. Для реализации данного решения необходимо было подключить библиотеку Android Support Package. Использовать эту библиотеку можно для версий Android 1.6 и старше. Конкретно для данной задачи понадобятся классы ViewPager и PagerAdapter. ViewPager использует PagerAdapter, который создает компоненты View и заполняет их переданными данными. Для этого также необходимо наследовать класс от PagerAdapter и реализовать в нем некоторые методы. Добавление и удаление экранов реализуется с помощью методов instantiateItem() и destroyItem() соответственно. View для отображения можно создавать прямо в адаптере. Такой подход хорош тем, что ViewPager можно настраивать так, чтобы в адаптере не хранились все экраны сразу. По умолчанию адаптер хранит текущий экран, и по одному слева и справа от него. Это может сэкономить память, если содержание экранов слишком сложное.

Для отображения нижнего меню необходимо подключить библиотеку Android Design Support Library. В ней нам нужен такой компонент, как BottomNavigationView. Это нижняя панель навигации, позволяющая переключаться между экранами приложения в одно касание, она предназначена в основном для смартфонов, поскольку расположение в нижней части экрана обеспечивает удобный и быстрый доступ для пользователя. Компоненту BottomNavigationView присваиваем «слушатель», который определяет нажатие на пункты панели по идентификаторам и прописываем нужные действия в конструкции switch. Слушатель (Listener) -- это уведомляемый о некотором событии объект. Чтобы слушатель смог реагировать на определенное событие источника он должен быть им зарегистрирован, т.е. подключен к источнику. Listener должен реализовывать определенные методы для получения и обработки уведомлений о событии.

2.3.5 Этап тестирования, апробирования, внедрения мобильного приложения «Справочник для веганов»

Тестирование приложения возможно двумя способами: с помощью предварительно установленного внутри среды разработки эмулятора или же на реальном устройстве в режиме отладки подключенном с помощью USB- порта.

Тестирование является важной частью процесса разработки мобильных приложений. Для Android оно имеет особенную важность, поскольку используемые устройства довольно сильно отличаются друг от друга по следующим параметрам:

• размером и разрешением экрана;

• версией Android;

• форм-фактор устройства;

• системы команд процессора;

• фронтальная камеры, NFC, внешняя клавиатура и т.д.

Рассмотрим ручное функциональное тестирование. Тестировщик устанавливает на устройство приложение, вдумчиво проверяет всю функциональность, затем возвращает устройство в первоначальное состояние. И так для каждого приложения и каждого устройства. Очевидный недостаток такого способа -- большие затраты времени для регулярного тестирования.

Тестирование мобильных приложений существенно отличается от тестирования приложений, предназначенных для использования на персональных компьютерах. Приведем ряд основных моментов, которые нужно протестировать:

• установка и запуск приложения;

• выход из приложения;

• повторный вход;

• удаление приложения с мобильного устройства;

• мультитач и размер экрана.

Корректность удаления 2-х элементов или просмотр двух элементов, нажатием на них одновременно.

Проверка многократного быстрого нажатия на кнопку -- часто при этом может случиться падение приложения.

В приложении должны отсутствовать пустые экраны, чтобы пользователь не оказался в ситуации, в которой не очевидно, что делать. Также все элементы должны быть такого размера, чтобы пользователь мог однозначно нажать на них.

Стабильность. Работа приложения при множестве запущенных приложений и долгое время, а также в случае недостатка места для установки или работы приложения. Поведение приложения при отсутствии в некоторых устройствах поддерживаемых приложением функций.

Адаптация приложения к портретной и альбомной ориентациям устройства.

Стресс. Реакция приложения на внешние прерывания:

1. Входящие и исходящие SMS, MMS, звонки, оповещения других приложений.

2. Переход устройства в режим ожидания.

3. Выключение устройства, разрядка устройства.

4. Зарядка устройства.

5. Отключение интернета.

6. Переход в другое приложение.

7. Интернационализация. Проверка корректности работы приложения на разных языках (если данное приложение мультиязычное).

8. Обратная связь с пользователем. Наличие информативных сообщений при попытке выполнить какое-либо действие (например, при удалении важной информации), а также присутствие визуальной индикации хода выполнения функций. У всех нажимаемых элементов должно быть «нажатое состояние» (отклик на действие), благодаря этому пользователь всегда будет видеть, действительно ли произошло нажатие.

9. Корректность обновления приложения до новой версии.

10. Орфографические ошибки.

Как показывает практика тестирования мобильных приложений, наиболее корректной работы приложения можно добиться при ручном тестировании на реальных мобильных устройствах [24].

2.4 Технические требования к мобильному приложению «Vegantify»

Производительность приложения. Обработка любой операции на стороне клиента не должна превышать 2-х секунд. Предпочтительное время для простых операций -- 0,7 секунды.

Потребление ресурсов -- память. Для сложных действий (выборка больших массивов данных или сложная фильтрация по критериям) -- до 1 секунды.

Потребление ресурсов -- аккумуляторная батарея. Специальных требований к потреблению батареи не предъявляется. Потребление аккумуляторной батареи не должно выходить за рамки, рекомендованные производителями устройств для приложений.

Валидация. Система должна обрабатывать некорректный ввод данных. При попытке ввести некорректные данные (в неправильном формате, неполные данные, данные, противоречащие логике системы), система будет реагировать адекватным способом: отмечать неправильно заполненные поля, выдавать сообщение с предупреждением. При этом не будет возникать ошибок в работе системы, не происходит порча данных или нарушения в логике работы.

Операционное окружение. Приложение должно обеспечивать совместимость с операционными системами Android версии 4.0+. Повороты не поддерживаются. Использование другого программного обеспечения (аналогов) допустимо, но при этом возможны отказы системы в обработке данных.

2.5 Калькуляция мобильного приложения «Справочник для веганов»

К моменту завершения работы над сервисом, можно привести следующую статистику по калькуляции проекта:

1. Проведен анализ 3 уже существующих аналогичных разработок.

2. Проанализировано более 300 и собрано около 150 компонентов для наполнения справочника информацией.

3. Создано более 10 эскизов интерфейса мобильного приложения.

4. Создано более 20 макетов мобильного приложения.

5. Разработано более 5 логотипов для справочника.

6. Разработано более 10 элементов дизайна сервиса.

Написано более 500 строчек кода для мобильного приложения.

ЗАКЛЮЧЕНИЕ

Жизнь любого человека строится на ценностных ориентирах и моральных установках, полученных как от родителей, вносящих существенный вклад в представления ребенка о добре и зле, так и усвоенных в процессе социализации. Но порой те самые представления о должном и недопустимом противоречат друг-другу, что вполне естественно и обусловлено защитными механизмами человеческой психики. Люди стремятся жить так, как считают наиболее правильным и справедливым. Однако, как правило, при возникновении некого внутреннего конфликта, связанного с морально-этическим выбором, человек скорее будет действовать наиболее удобным для себя способом и найдет массу доказательств того, что так действительно правильней, чем решится на перемены.

Но в любом правиле, есть и исключения, и сегодня таким исключением можно назвать веганство. Это морально-этическая позиция, согласно которой люди отказываются от использования животных, как вещей и любых продуктов их эксплуатации.

И современный мир предлагает им возможности по облегчению поддержания определенных правил, которых придерживаются веганы, однако не представлено единого справочника по продуктам и товарам, которые содержат продукты животного происхождения, что затрудняет соблюдение определенной диеты.

В течение последнего десятилетия индустрия мобильных устройств развивается быстрыми темпами. Смартфоны и планшеты регулярно используют более миллиарда человек, так что огромные коммерческие возможности и растущий спрос на мобильные решения только повышаются. Как и следовало ожидать, смартфоны быстро становятся основным устройством конечного потребителя, и мобильные решения призваны сегодня облегчить жизнь конечным пользователям, например веганам. Рынок мобильных приложений не готов предоставить веганам качественного сервиса по классификации продуктов питания, материалов ткани и косметики, а уж тем более по определению тех или иных компонентов, входящих в их состав.

В рамках выпускной квалификационной работы было разработано мобильное приложение «Справочник для веганов», в котором представлены основные типы материалов предметов одежды, ингредиенты косметических средств, а также продуктов питания.

На первом этапе выполнения выпускной квалификационной работы были рассмотрены особенности проектирования мобильных приложений на базе операционной системы Android, где был проведен анализ современных Android-приложений, существующих мобильных разработок для веганов, представлен общий алгоритм реализации мобильного приложения.

На следующем этапе разработки мобильного приложения была рассмотрена потенциальная аудитория потребителей проектируемого мобильного приложения, а также определена актуальность его разработки, представлены функционал мобильного приложения, описаны интерфейсные элементы, эргономические и системные требования, предъявляемые к современным мобильным приложениям.

Далее был представлен жизненный цикл мобильного приложения, подробно рассмотрен этап эскизного проектирования, когда был создана основная идея проекта, описаны этапы разработки элементов дизайна проекта, шаблонов и макетов мобильного приложения, фрагментов программного кода. Детально представлены этапы тестирования, отладки и внедрения мобильного приложения, а также технические требования к нему.

Заключительным этапом стала калькуляция проекта, в которой были представлены некоторые статистические данные о разработанном мобильном приложении. Таким образом, можно сказать, что задачи выпускной квалификационной работы решены, а цель достигнута.

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1. Актуальная тема: Психология восприятия цвета [Электронный ресурс]. -- Режим доступа: https://psynavigator.ru/publikacii/aktualnaya-tema- psihologiya-vospriyatiya-cveta (дата обращения: 03.05.2018).

2. Ахметов А. К. Операционная система Android: история создания и

развития. Разработка приложений для платформы Android [Электронный ресурс]. -- Режим доступа:https://cyberleninka.ru/article/n/operatsionnaya-

sistema-android-istoriya-sozdaniya-i-razvitiya-razrabotka-prilozheniy-dlya-plat formy-android (дата обращения: 07.05.2018).

3. Вегнер А. И. Технологии разработки мобильных приложений. Плюсы и минусы разработки с помощью платформы Phonegap [Электронный ресурс]. -- Режим доступа: https://core.ac.uk/download/pdf/80134923.pdf (дата обращения: 26.06.2018).

4. Вкусология. Пищевые добавки [Электронный ресурс]. -- Режим доступа: http://vkusologia.ru/dobavki/ (дата обращения: 19.06.2018).

5. Группы пищевых добавок [Электронный ресурс]. -- Режим доступа:https://prodobavki.com/modules.php7name4ngr_Hst (дата обращения:

19.06.2018) .

6. Дейтел П. Android для разработчиков [Текст] / П. Дейтель, Х. Дей- тель, А. Уолд. -- Санкт-Петербург: Питер, 2016. -- 512 с.

7. Детальный анализ Android [Электронный ресурс]. -- Режим доступа: https://xakep.ru/2014/07/03/art-vm/ (дата обращения: 19.06.2018).

8. Зонин Н. А. Рынок мобильных приложений Калининградской области [Текст] / Н. А. Зонин, М. А. Терре // Вопросы экономики и управления. -- 2016. -- №3.1. -- С. 101-104.

9. Карпюк И. А. Сравнительный анализ мобильных приложений и инструментальных средств их разработки // Научно-методический электронный журнал «Концепт». -- 2017. -- Т. 31. -- С. 826-830 [Электронный ресурс] /

И. А. Карпюк, Н. М. Куляшова. -- Режим доступа: http://e-koncept.ru /2017/970180.htm (дата обращения: 11.05.2018).

10. Ким В. Ю. Особенности разработки дизайна пользовательского интерфейса для мобильного приложения [Текст] / В. Ю. Ким // Новые информационные технологии в автоматизированных системах. -- 2015. -- № 18. -- С. 479-481.

11. Косметическая база [Электронный ресурс]. -- Режим доступа: http://cosmobase.ru/handbook (дата обращения: 19.06.2018).

12. Маклафлин Б. Объектно-ориентированный анализ и проектирование [Текст] / Б. Маклафлин. -- Санкт-Петербург: Питер, 2013. -- 608 с.

13. Нимейер П. Программирование на Java [Текст] / П. Нимейер, Д. Леук. -- Москва: Эксмо, 2014. -- 1216 с.

14. Норман Д. Дизайн привычных вещей [Текст] / Д. Норман. -- Москва: Манн, Иванов и Фербер, 2013. -- 272 с.

15. Одним словом. Нейминг для мобильных приложений [Электронный ресурс]. -- Режим доступа: https://geekbrains.ru/posts/mob_naming (дата обращения: 19.06.2018).

16. Официальные позиции медицинских и диетологических организаций относительно веганства [Электронный ресурс] -- Режим доступа: https://veganwiki.ru/Официальные_позиции_медицинских_и_диетологических _организаций_относительно_веганства (дата обращения: 19.06.2018).

17. Потопахин В. Искусство алгоритмизации [Текст] / В. Потопахин. -- Москва: ДМК Пресс, 2014. -- 320 с.

18. Применение средств дизайн-проектирования на занятиях по технологическому практикуму [Электронный ресурс]. -- Режим доступа: https://elibrary.ru/item.asp?id=27176414 (дата обращения: 19.06.2018).

19. Разработка Android приложений [Электронный ресурс]. -- Режим

доступа:http:// studbooks.net/2139366/informatika/printsip_rabotyandroid_and

roid_prilozheniy (дата обращения: 19.06.2018).

20. Россияне попробуют Nemoloko в 2018 году [Электронный ресурс]. -- Режим доступа: https://www.retail.ru/news/147481/ (дата обращения:

19.06.2018) .

21. СанПиН 2.3.2.1293-03 Гигиенические требования по применению пищевых добавок [Электронный ресурс]. -- Введ. 18.04.2003. -- Режим доступа: http://docs.cntd.ru/document/901862338 (дата обращения: 20.06.2018).

22. Сидора А. А. Способы хранения данных в приложениях Android os [Текст] А. А. Сидора // Решетневские чтения. -- 2015. -- № 19. -- С. 248-250.

23. Список типов тканей [Электронный ресурс] / Википедия -- свободная энциклопедия. -- Режим доступа:https://ru.wikipedia.org/

wiki/Список_типов_тканей (дата обращения: 19.06.2018).

24. Тестирование Android приложений [Электронный ресурс]. -- Режим доступа: http://getbug.ru/testirovaniya-android-prilozheniy/ (дата обращения: 16.06.2018).

25. Форум Regard [Электронный ресурс]. -- Режим доступа: https://www.ixbt.com/news/2018/02/24/ios-android-99-9.html (дата обращения:

19.06.2018) .

26. Что такое файл apk, чем открыть его и как с ним работать [Электронный ресурс]. -- Режим доступа: http://fb.ru/article/163321/chto-takoe-fayl- apk-chem-otkryit-ego-i-kak-s-nim-rabotat (дата обращения: 19.06.2018).

27. Android от А до Я: Что такое Dalvik [Электронный ресурс]. -- Режим доступа:http://droidtune.com/2056/android-ot-a-do-ya-chto-takoe-dalvik .html (дата обращения: 19.06.2018).

28. Documentation Android Developers. [Электронный ресурс]. -- Режим доступа: https://developer.android.com/docs (дата обращения: 10.05.2018)

29. Ingredi.net [Электронный ресурс]. -- Режим доступа: http://ru. ingredi.net/index.html (дата обращения: 19.06.2018).

30. TLE [Электронный ресурс]. -- Режим доступа: http://www.thelondoneconomic.com/food-drink/veganism-up-by-350/18/05/

Размещено на Allbest.ru

...