Существует постоянная потребность в мониторинге деятельности - будь то операции, продажи, логистика и т. Д., Особенно в парадигме, включающей учебную программу, основанную на услугах. Имея это в виду, был задуман Оруэлл. Теперь, прежде чем я углублюсь и начну говорить об Оруэлле - приложении, позвольте мне уточнить. Orwell был создан как платформа мониторинга для Handz4u Pvt Ltd, местного поставщика услуг, базирующегося в Бангалоре. У них было простое требование.
«Помогите нам отслеживать наши продажи, услуги и все остальное, в чем мы в основном участвуем».
Handz4u работает по модели, которая предоставляет своим клиентам две основные услуги - приготовление еды и уборку. Кроме того, существует несколько подмножеств, доступных в каждой из упомянутых широких категорий услуг, и каждая из подкатегорий имеет свой собственный набор основных элементов и задействованных значений процесса. Однако независимо от того, как клиент сталкивается с функциями приложения (которые мы не будем рассматривать здесь в настоящее время), основное внимание при создании Оруэлла было сосредоточено на отслеживании пользователей, которые в настоящее время работают в компании, услугах, которым они пользуются, и получаемой обратной связи. от клиентов.
Давайте поговорим об используемом стеке технологий.
Технологии в действии - скелет, плоть и кожа
Все приложение построено с учетом архитектуры прогрессивных веб-приложений и предназначено только для мобильного интерфейса. Используемые технологии (ядро и поддержка) включают следующее.
Фронтенд
React, Redux и Material-UI
Backend
Узел и Экспресс
База данных
MongoDB
Компоненты предназначены для упрощения операций и обновления по мере изменения требований. Перечислив используемый стек технологий, пора начать говорить о приложении и увидеть его в работе.
Оруэлл - Глубокое погружение в компоненты
Изолированные компоненты объединяются для создания приложения. Прежде чем я продемонстрирую, как работает приложение и какими функциями оно обладает, я сделаю обзор структурной схемы всего приложения.
Давайте углубимся в каждый из рассматриваемых компонентов.
Примечание. Приложение действительно является веб-приложением, в котором каждая из основных страниц является отдельным компонентом, а внутри них есть дополнительные подкомпоненты.
Компонент входа в систему
Это приложение предназначено только для администратора и учитывает тот факт, что пользователям не нужно регистрироваться. Таким образом, у нас есть только компонент входа в систему. Пользователю предоставляется доступ со стороны сервера, и он / она может войти в систему и использовать приложение соответственно.
Посадочный компонент
Главный компонент лендинга - это стартовый экран приложения. Как и любой экран запуска приложения, цель заключалась в том, чтобы создать единую остановку для всех задач и функций, которые приложение должно предлагать. У нас есть раздел обновлений, который позволяет узнать (под одним, я имею в виду «отдел продаж и операций») о текущих цифрах, касающихся услуг и активных пользователей.
Компонент Home Services
Здесь мы получаем список всех запрашиваемых в настоящее время услуг, причем самые свежие находятся наверху. Архитектура экрана учитывает тот факт, что администратор / пользователь должен иметь возможность видеть все заказываемые услуги, их детали, а также иметь возможность запускать следующий шаг в конкретном потоке услуг.
Центральный компонент пользователей
Как следует из названия, этот компонент Users Central отвечает за ориентированные на пользователя операции, от получения списка пользователей до мониторинга статуса каждого из пользователей. Это довольно простой компонент, который в основном демонстрирует пользовательские данные, касающиеся основного приложения, ориентированного на потребителя.
Центральный компонент аудита
Цены на услуги, предлагаемые в приложении, ориентированном на потребителя, могут изменяться и могут редактироваться в этом компоненте. Аккордеоны для различных широких категорий услуг позволяют администратору / пользователю перемещаться по ним и вносить изменения по мере необходимости. Следовательно, для пользователей, находящихся в настоящее время в системе, отправляется уведомление в виде электронного письма.
Домашний компонент обратной связи
Все отзывы, касающиеся сервиса, приложения или чего-либо общего, собраны и представлены в этом компоненте. Вы можете переключаться между рассматриваемой категорией и прокручивать список предоставленных экземпляров обратной связи. Отметьте человека, о котором идет речь, и обратитесь к нему с решением, в основном с помощью протокола уведомлений по электронной почте.
Компонент МВЗ
Для отслеживания еженедельных продаж и статистики существует компонент МВЗ. Это позволяет узнать не только общий доход, полученный за текущую неделю, но также добавленные пользователи, полученные отзывы и запрошенные услуги. Помимо этого, он также уведомляет на процентной основе услуги, приносящие максимальный доход за неделю.
Архитектура - Представленный анализ прогрессивности
Orwell был структурирован как прогрессивное веб-приложение. Хотя эта архитектура существует и широко используется с 2015 года, она еще не стала общей тенденцией. Есть предприятия и частные лица, которые до сих пор относятся к этому скептически. Но для нас это был идеальный вариант по нескольким причинам. Перечислим их.
1. Легко загружается, так как установка не требуется
2. Высокоэффективное использование памяти
3. Особенно хорошо работает с нестабильными сетями
4. Агонистичность к платформе - также может использоваться на iOS (без полной поддержки. В конце концов, это iOS)
5. Относительно быстрее в разработке
Перечислив все вышеупомянутые моменты, я все же обязан указать, что простая реализация архитектуры PWA не гарантирует, что ваше приложение работает как шарм. Всегда будут проблемы с производительностью и временем выполнения, пока разработчик не позаботится о том, чтобы должным образом устранить все болевые точки, которые должно вызывать приложение.
Фактически, мы пошли дальше и провели тест маяк для рассматриваемого приложения. Вы можете найти общий отчет здесь.
Хотя большинство оценок отмечены зеленым цветом, я уверен, что существуют процессы и методы, которые могут повысить производительность труда. Однако, что касается удобства использования и требований, эти оценки и оценки служат нам хорошо.
Можно сказать, что Оруэлл прошел через тест по мониторингу. Такое пронзительное заявление. Не правда ли?
Стиль и тема - полировка краев
Как разработчик приложения, основная забота по-прежнему связана с презентацией. В этом отношении я имею в виду пользовательский интерфейс. Анимация, шикарный вид и удобство для пользователя. Это те термины, которые относятся к возрасту наибольшего веса. Если мне нужно быть микроскопически критичным, первое взаимодействие и впечатление - это то, что привлекает пользователей к любому приложению, а опыт, который оно предоставляет, позволяет им оставаться на борту.
Обсуждение стиля приложения в основном направлено на отражение органической культуры Handz4u как организации. Прозрачность, с которой они действуют, и в то же время стремление к выходу за рамки наложенных на них обычных ограничений. Некоторые из уникальных атрибутов стиля и компонентов, которые мы включили в приложение, включают следующее:
1. Градиент на заднем плане, демонстрирующий безупречное взаимодействие сервиса и качества.
2. Статус сервиса обозначается фазами луны. - от начальной, частичной до полной луны, чтобы показать начало, прогресс и окончание обслуживания
3. липкая панель поиска вверху, напоминающая открытость для поиска по содержанию по собственному желанию
4. Содержимое карты прозрачно с определенной степенью непрозрачности, что, как упоминалось ранее, указывает на прозрачность, с которой компания предпочитает работать
Заворачивать
«Мониторинг численности экосистемы, особенно той, рост которой зависит от нее, является важным аспектом, который нельзя игнорировать».
Это был тот урок, который мы извлекали снова и снова на протяжении всего процесса разработки. Orwell был не только разработан, но и является функциональным и учитывает исходные требования, выдвинутые Handz4u. Нам нужно понять и принять, что это платформа, которая будет постоянно развиваться по мере того, как операции, относящиеся к компании, становятся более зрелыми.
Вы можете найти краткую функциональную схему ниже.
Orwell в настоящее время служит приложением для мониторинга сервисов и до сих пор эффективно выполняет свою работу.
Ведение счетов и наблюдение за всем вокруг.
✉️ Подпишитесь на рассылку еженедельно Email Blast от CodeBurst 🐦 Подпишитесь на CodeBurst на Twitter , просмотрите 🗺️ Дорожная карта веб-разработчиков на 2018 год и 🕸️ Изучите веб-разработку с полным стеком .
