CC BY
50
УДК 004.415.25
ОБЩИЕ ПОДХОДЫ К ПРОЕКТИРОВАНИЮ ВЕБ-ПРИЛОЖЕНИЯ ДЛЯ ПРЕДПРИЯТИЯ МАЛОГО БИЗНЕСА В ИНДУСТРИИ КРАСОТЫ
Кряжева Елена Вячеславовна
Кандидат психологических наук, доцент, Калужский государственный университет им. К.Э. Циолковскогоо Email: etenaotd@mait.ru
Русу Яна Юрьевна
Студент, Калужский государственный университет им. К.Э. Циолковского
В статье рассматривается проблема разработки веб-приложения для предприятия малого бизнеса в индустрии красоты. Проводится анализ предметной области, выделяются основные бизнес-процессы, подлежащие автоматизации. Выделяются этапы проектирования веб-приложения для студии красоты. Рассматриваются программно-технические средства реализации веб-приложения: фреймворки, язык программирования, база данных; особенности компиляции веб-приложения для операционных систем Android и iOS. В заключении авторами делаются выводы по проделанной работе.
Ключевые слова: предприятие малого бизнеса, студия красоты, веб-приложение, фреймворки, декомпозиция IDEFO, Flutter, Dart, Firebase, сервис Cloud Storage.
GENERAL APPROACHES TO WEB APPLICATION DESIGN FOR SMALL BUSINESSES IN THE BEAUTY INDUSTRY
Kryazheva E. V.
Candidate of Psychological Sciences, Associate Professor of the Department of Computer Science and Information Technology, Kaluga State University named after K.E. Tsiolkovsky E-mail: elenaotd@mail.ru
Russu Y. Y.
Student, K.E. Kaluga State University named after K.E. Tsiolkovsky
The article deals with the problem of developing a web application for a small business in the beauty industry. The analysis of the subject area is carried out, the main business processes subject to automation are highlighted. The stages of designing a web application for a beauty studio are highlighted. The software and hardware means of implementing a web application are considered: frameworks, programming language, database; features of compiling a web application for Android and iOS operating systems. In conclusion, the authors draw conclusions on the work done.
Keywords: small business, beauty studio, Flutter, Dart, Firebase, Cloud Storage service.
В России достаточно большой сегмент рынка в индустрии красоты приходится на предприятия малого бизнеса. Категории субьектов малого и среднего бизнеса определены в Федеральном законе от 24.07.2007 № 209-ФЗ. Развитие данной категории бизнеса предполагает активное внедрение информационных систем и технологий в их деятельность. Если крупные
web application, frameworks, IDEFO decomposition,
предприятия могут приобрести готовый, но достаточно дорогой программный продукт, то для предприятий данной категории это экономически неоправданно.
В индустрии красоты перспектива мобильных приложений особенно заметна и связана она, в первую очередь, с клиентоориентированностью данного сегмента бизнеса. Цель каждой студии красоты - это
удержание и привлечение клиентской базы. Из-за большого количества однотипных парикмахерских и ногтевых сервисов клиенту бывает сложно распознать преимущества того или иного салона, и из представленных вариантов он может выбрать только несколько, которые, возможно, уступают конкурентам. Поэтому сейчас уже недостаточно предлагать один только интернет-сайт, необходимо и мобильное приложение.
Функции же его обычно мало отличаются от функций сайта. У обоих задача - представить информацию о предлагаемых студией услугах и их ценах. Но, главное здесь отличие в том, что приложения предоставляют гораздо больше возможностей для передачи информации потребителям. Мобильный телефон всегда в руках, доступ в интернет есть почти у каждого, а значит данного человека можно легко заинтересовать конкретным коммерческим предложением и обеспечить максимально
быстрой реакцией на любые его запросы или потребности. И потенциальному клиенту отпадает нужда заходить на сайт, открывать браузер, вводить адрес, вместо этого достаточно запустить мобильное приложение. Это все приводит к повышению интереса людей к студии, а значит и увеличению клиентской базы.
В рамках данной работы рассматриваются вопросы, связанные с проектированием веб-приложения для студии красоты и выбором программно-технических средств его дальнейшей реализации.
Создание приложения с помощью фреймворков происходит в большей степени последовательно, поэтому разработку можно разделить на несколько блоков [2]. Причём их будет гораздо меньше, по сравнению с ситуацией, когда разработка идёт на чистом языке (Рисунок 1).
Рисунок 1 - Декомпозиция ЮЕГй на этапы разработки приложения
Согласно схеме, разработка делится на пять этапов, разберем их более подробно [5]:
1) Составление/программирование дизайна - здесь происходит создание макетов страниц согласно техническому заданию. Отрисовывается указанное количество вариаций главной страницы (представление прайс листов, услуг студии красоты), а также каждого элемента (слайдеры, блок поиска и т.д.). Особое внимание уделяется дизайну и фирменным цветам. Главная задача -сформировать цельные, завершенные концепции приложения и согласовать их с заказчиком.
2) Следующим этапом является создание и подключение базы данных к мобильному приложению - так как ему требуется хранить информацию о клиентах, сотрудниках, услугах и всех различных действий с ними (информация переписки, оповещения).
3) Подключение функционала -назначение кнопкам, полям ввода, различным модулям функционала, то есть всё то, что они будут делать при взаимодействии с ними
(запоминать и переносить данные в БД, отправлять формы и т.д.).
4) Тестирование и багфиксинг -проводится вместе с директором студии, тестируются основной функционал, а также пробное наполнение контентом. Если находятся недочёты, то выполняется их устранение. И снова тестируется. Цикл идёт до момента, пока приложение не устроит обе стороны.
5) Релиз, техподдержка и развитие -приложение наполняется данными (картинками, текстом, видео и т.д.). Занимается этим директор студии красоты и разработчик, корректируя его действия. При необходимости расширяются возможности приложения путём добавления новых функциональных модулей. Результат - готовое к работе с клиентами мобильное приложение [8].
Модель разработки приложения создана, но остались ещё вопросы: как клиент будет взаимодействовать с ним? Где будут храниться вводимые им данные? И как они дойдут до сотрудников студии красоты? На данные
вопросы поможет ответить диаграмма потоков данных (РРР), изображенная на рисунке 2.
Рисунок 2 - Диаграмма DFD по взаимодействию клиента с приложением
Как видно по диаграмме вход в приложение, выбор категории, услуги, времени, мастера, а также связь с ним - это операции, которые выполняются клиентом, с помощью приложения. Внешняя сущность
сотрудник обрабатывает данные бронирования, и, если необходимо, связывается с клиентом посредством встроенного мессенджера. Как этот процесс проходит со стороны сотрудника видно на рисунке 3.
Рисунок 3 - Процесс работы сотрудника студии красоты
Проектируя данные диаграммы были учтены все недостатки, которые обнаруживались у конкурентов. Клиент, зайдя в приложение сможет очень просто записаться на услугу, получить необходимую консультацию, а также просмотреть статусы всех заказанных им записей.
Для реализации всех функций необходимо выбрать подходящие программно-технические средства. Так, опираясь на обзор современных технологий, было решено вести гибридную разработку. Это даст следующие преимущества:
1) выход на рынок приложения сразу для двух платформ (iOS, Android), а также возможность легкой интеграции его функций для других приложений, если это будет необходимо;
2) разработка ведётся с технологиями, которые используются и при создании сайта. Особенно полезно, учитывая, что студии красоты требуется и сайт, и приложение. Выбор данного решения позволит быстро изучить новые технологии разработки и подогнать их под нужды студии;
3) экономия времени и простота разработки - из-за того, что гибридные сочетают операционную систему устройств с
унаследованными функциями без каких-либо накладных расходов [9].
Реализоваться данные преимущества будут с помощью набора средств для разработки мобильного пользовательского интерфейса Flutter, созданного компанией Google [7].
Вести разработку на Flutter необходимо вместе с языком программирования Dart. Данный язык также создан компанией Google и фокусируется на развитии верстки веб-страниц и мобильных приложений.
Огромное преимущество Flutter перед аналогичными фреймворками заключается в том, что ему не требуются какие-либо компоненты пользовательского интерфейса для конкретной платформы, чтобы визуализировать пользовательский интерфейс. Единственное, что необходимо, так это холст, на котором можно рисовать. Это позволяет выделить фреймворк из толпы, избавляя от любых проблем с согласованностью на разных платформах. Причём для рендеринга на холст, Flutter использует Skia, предоставленный своей же платформой [6].
Также с Flutter можно выйти за рамки разработки мобильного приложения и в будущем перенести его в специальную web-
версию с помощью Flutter для интернета и Flutter Desktop Embeddings. Учитывая, что будет создаваться сайт и мобильное приложение для студии красоты, данные технологии дадут возможность в будущем связать их в единое целое, запуская приложение в браузере без изменения исходного кода [4].
Что касается производительности, то и здесь Flutter выделяется на фоне других. Дело все в том, что приложение Flutter встроено непосредственно в машинный код. Это в свою очередь также и устраняет любые ошибки производительности процесса интерпретации
[3].
Если рассматривать весь процесс компиляции, то он выглядит следующим образом: 1) для Android: движок на C++ в Android NDK, а сам Dart-код приложения в нативную ARM библиотеку. И всё это пакуется в конечном счёте в .apk файл; 2) для iOS: движок на C++ в LLVM, а сам Dart-код приложения также в ARM библиотеку. И всё пакуется в. ipa файл.
Для наиболее полной реализации функционала Flutter необходима база данных. Для такой цели была выбрана Firebase, которая тоже разработана компанией Google. Firebase -полностью является облачной технологией, которая позволяет пользователям хранить и получать сохраненную информацию, а также имеет множество инструментов для работы с ней. Все текстовые данные в Firebase хранятся в формате JSON и к ним также предоставляются удобные методы для чтения, обновления и извлечения данных. Firebase может также помочь с организацией регистрации и
авторизации пользователей в приложении студии красоты, хранить всю информацию их сессий (авторизованные пользователи), медиафайлов к которым с легкостью предоставляет доступ с помощью сервиса Cloud Storage. Главная особенность, из-за которой была выбрана данная база данных, заключается в том, что вся разработка серверной части ложится на данный сервис, то есть нет необходимости писать API приёма и получения данных, достаточно лишь создать проект (БД) и организовать к ней доступ[1].
Таким образом, можно сделать вывод о том, что внедрение современных информационных систем и технологий в индустрию красоты является неотъемлемым требованием современного времени. Это является одним из факторов конкурентоспособности студии красоты на рынке. В работе рассматриваются вопросы, связанные с проектированием веб-приложения для студии красоты. Подробно разбираются этапы работы над веб-приложением, деятельность разработчика и заказчика на каждом этапе.
Для практической реализации веб-приложения был обоснован и выбран Flutter вместе с языком программирования Dart. В качестве БД была выбрана облачная Firebase, которая, по мнению авторов, наиболее полно позволяет справиться с поставленными задачами. Вопросы компиляции веб-приложения рассмотрены применительно к ОС Android и iOS.
ЛИТЕРАТУРА
1. Новиков Борис, Горшкова Екатерина Основы технологий баз данных. - Москва: ЛитРес, 2019. - 170 с.
2. Соколова Вероника Валерьевна Разработка мобильных приложений. - Москва: Юрайт, 2021. - 176 с.
3. Flutter уроки от идеи до приложения // URL: https://flutter.su/ (дата обращения: 10.11.2021).
4. Flutter Фреймворк для кросс-платформенной разработки // URL: https://habr.com/ru/hub/flutter/ (дата обращения: 15.11.2021).
5. Архитектура мобильных приложений // Студенческие статьи URL: https://studref.com/463512/informatika/arhitektura_mobilnyh_prilozheniy (дата обращения: 28.10.2021).
6. Мобильное приложение на Flutter // Технологии программирования URL: https://vc.ru/dev/286928-mobilnoe-prilozhenie-na-flutter-plyusy-i-minusy-dlya-biznesa (дата обращения: 08.11.2021).
7. Обзор современных средств разработки мобильных приложений // Ассоциация учёных URL: https://top-technologies.ru/ru/article/view?id=37485 (дата обращения: 04.10.2021).
8. Проектирование архитектуры приложения // Цифровые решения URL: https://koloro.ua/arkhitektura-prilozheniya.html (дата обращения: 30.10.2021).
9. Проектирование мобильного приложения. Основы UI // Цифровой журнал URL: https://ux.pub/s-chego-nachat-proektirovanie-mobilnogo-prilozheniya-osnovy-ui-dizayna/ (дата обращения: 30.10.2021).
