top of page
  • Writer's pictureSarov+

Как получить максимум от Canvas Apps

Updated: Apr 6

В современном динамичном мире бизнеса, где скорость разработки и гибкость внедрения новых решений становятся ключевыми факторами успеха, инструменты, позволяющие достигать этих целей, приобретают особое значение. Одной из ключевых платформ, отвечающих этим требованиям, является Microsoft Power Platform с ее компонентом - Canvas App. Canvas App — это революционный инструмент в мире разработки, позволяющий пользователям с любым уровнем технических навыков создавать кастомизированные приложения для автоматизации бизнес-процессов, сбора и анализа данных, общения с клиентами и многое другое. Это не только открывает новые возможности для компаний разного масштаба, но и значительно ускоряет процесс внедрения инноваций, при этом снижая общие расходы на разработку.


creating custom applications

Canvas App предлагает визуальный интерфейс с расширенными возможностями настройки и интеграции, что делает его идеальным решением для разработки приложений, направленных на решение специфических задач бизнеса. Используя редактор WYSIWYG и язык формул PowerFX, пользователи могут легко создавать динамические приложения, которые отвечают их уникальным потребностям без необходимости в глубоких знаниях программирования.


solving business problems

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


А узнать больше о Canvas App можно в нашем видео:


Что такое Canvas App?

Canvas App — это один из двух типов приложений в Power Platform от Microsoft, который находится рядом с Model-driven Apps. Это приложение с низким порогом входа для программирования (low code app), что означает, что вы можете разрабатывать ваши программные решения с минимальным количеством кодирования или даже без него. Основная особенность Canvas App заключается в возможности использовать данные из множества различных источников, что делает его универсальным инструментом для интеграции информационных потоков.


Canvas App interface

В отличие от Model-driven App, который более ориентирован на данные и их структурирование, Canvas App предлагает высокий уровень настройки. Это означает, что у вас есть свобода в дизайне вашего приложения, возможность придать ему уникальный вид и функциональность в соответствии с конкретными потребностями бизнеса. Такой подход открывает широкие горизонты для творчества и инноваций, позволяя создавать приложения, которые идеально вписываются в экосистему вашей организации.

Платформа разработки Canvas App — Power Apps Studio — предоставляет дружелюбный пользовательский интерфейс, делая процесс разработки приложений понятным и доступным. Функционал перетаскивания (drag-and-drop) делает процесс дизайна приложений быстрым и легким, позволяя создавать функционально насыщенные приложения без необходимости писать код. Тем не менее, наличие мощного языка программирования Power Fx открывает широкие возможности для реализации сложного функционала, который наилучшим образом соответствует потребностям вашего бизнеса. Power Fx позволяет вам добавлять логику обработки данных, интегрировать сложные алгоритмы и автоматизировать процессы внутри вашего приложения, делая его не просто визуально привлекательным, но и чрезвычайно функциональным.


creating an application in Canvas App

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


Преимущества и недостатки Canvas App

Canvas Apps предлагает значительные преимущества для разработки бизнес-приложений, однако имеет и свои недостатки. Давайте подробнее рассмотрим ключевые аспекты.

 

Преимущества

Advantages of the Canvas App
  • Полная настраиваемость и интеграция с backend: Одним из основных преимуществ Canvas Apps является возможность полной настраиваемости и интеграции с разнообразными источниками данных. Это позволяет в рекордно короткие сроки настраивать доступ к базам данных и создавать комплексные решения.

  • Скорость создания приложений: Canvas Apps позволяет быстро переходить от концепции к реализации. Получение требований от клиента и создание работающего прототипа возможно в кратчайшие сроки.

  • Простота написания базового кода: Благодаря PowerFX, даже пользователи без глубоких знаний программирования могут легко освоить разработку в Canvas Apps. Язык с простым синтаксисом и ограниченным количеством формул делает разработку доступной.

  • Расширение базового функционала: Canvas Apps позволяет расширить функционал с помощью Custom API и интеграции с другими сервисами, что дает возможность обходить ограничения базовых возможностей платформы.

  • Гибкость в разработке: Возможность быстро создать эскиз или прототип приложения даже во время обсуждения с клиентом позволяет эффективно тратить время и ресурсы, адаптируя продукт под потребности заказчика.

 

Недостатки

Disadvantages of Canvas App
  • Ограничения при работе с данными: Сложность реализации высокого уровня логики и обработки данных без возможности делегирования вычислений на backend может стать проблемой, особенно в приложениях со сложной бизнес-логикой.

  • Отсутствие некоторых базовых программных возможностей: Разработчики иногда сталкиваются с отсутствием в PowerFX методов, которые считаются базовыми в традиционных языках программирования, что может усложнить реализацию определенной логики.

  • Ограничения в кастомизации дизайна: Строгие ограничения на использование CSS и визуальные аспекты дизайна могут создать трудности в точном воспроизведении фирменного стиля и дизайнерских требований.

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

  • Сложности с версионированием и сотрудничеством: Хотя существуют методы архивации и контроля версий для Canvas Apps, они требуют дополнительных усилий и не всегда интуитивно понятны, особенно для больших команд разработчиков.


Примеры. Приложение для поиска маршрутов

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


Application for finding routes

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

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


creating an application

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


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


Примеры. Приложение-заставка

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

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


Screensaver application

Одной из уникальных возможностей приложения является его гибкость в настройке времени отображения. Пользователи могут установить конкретные даты и время, когда определенное слайд-шоу будет активным, например, показывать рекламу новых продуктов или будущих мероприятий с 1 апреля по 1 сентября. Эта функция идеально подходит для планирования рекламных кампаний или информационных мероприятий заранее.

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

display content according to the needs of the organization or event

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

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

 

Примеры. Создание функционала для сбора подписей.

Одно из инновационных приложений, реализованных с помощью Canvas Apps, — это система для сбора электронных подписей клиентов, решающая проблему необходимости в дорогом специализированном оборудовании. Благодаря этому приложению, процесс сбора подписей становится крайне удобным и эффективным, не требуя от клиентов использования неудобных методов ввода, таких как мышь или сенсорный монитор для ввода данных в CRM-систему.


Creating functionality for collecting signatures

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

Разработка рабочего прототипа этого приложения заняла примерно 12 часов, что является подтверждением скорости и гибкости платформы Canvas Apps в создании решений для бизнеса. Кроме того, был добавлен дополнительный функционал, такой как дисклеймер и установка срока действия подписи (например, один год), что добавило еще 5-6 часов к общему времени разработки.


collecting client signatures

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


Примеры. Приложение для управления рабочими заказами

Один из наглядных примеров использования Canvas Apps — это приложение для управления рабочими заказами, которое идеально соответствует рекомендациям Microsoft по использованию Canvas. Благодаря простоте и гибкости платформы, разработка базовой версии приложения может быть завершена примерно за 8 часов. Приложение интересно тем, что позволяет оптимизировать процесс управления заказами на работы, начиная с момента их создания и заканчивая утверждением выполненных работ.  


Work Order Management Application

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


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


increasing overall work productivity

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

Благодаря Canvas Apps, компании могут быстро разрабатывать подобные приложения, которые упрощают процессы управления рабочими заказами, уменьшают время на обработку и утверждение, и повышают общую продуктивность работы.


Примеры. Приложение с тегами

Один из поразительных примеров использования Canvas Apps - это разработка приложения, которое оптимизирует работу с тегами. Это приложение представляет собой систему для эффективного управления и поиска информации с помощью динамического списка тегов. Теги, добавляемые через PCF (PowerApps Component Framework) к сущностям, позволяют динамически отображать и управлять данными, например, контактами или учетными записями. Такая система дает возможность не только искать информацию с помощью тегов, но и выбирать несколько тегов одновременно для фильтрации связанных записей, значительно упрощая навигацию и поиск больших объемов данных.


Tagged application

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


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


basic version of the diagram prototype

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


Архивирование кода

Процесс архивирования кода в Canvas Apps открывает новые горизонты для разработчиков, работающих с системами Microsoft CRM. Типично, приложения Canvas можно экспортировать и импортировать в формате файла msapp, который является закрытым и не позволяет напрямую просматривать или редактировать содержимое. Однако, благодаря инструментам сообщества и открытому коду, существует возможность "распаковать" эти файлы, предоставляя доступ к внутренней структуре приложения.


the developer "unpacks" the files

Процесс распаковки требует использования Visual Studio или Visual Studio Code с установленным специализированным расширением. После установки необходимых инструментов, разработчики могут распаковать файл msapp, вносить изменения в код и структуру приложения, а затем снова "запаковать" его для дальнейшего развертывания в CRM. Этот процесс не только упрощает изменения в существующих приложениях, но и открывает возможности для более глубокого анализа и кастомизации.


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


team project

Хотя Canvas Apps обычно не предназначены для больших командных проектов из-за их ориентации на быстрое создание прототипов и приложений low-code, возможность архивирования и контроля версий расширяет их потенциал в крупных и сложных проектах. Таким образом, разработчики получают инструменты для детального контроля и управления проектами, что делает Canvas Apps более гибким и мощным решением для разнообразных бизнес-задач.


Заключение

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

design customization

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


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


shaping the future of business

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

 

Рекомендации

  • Начните с четкого определения потребностей: Перед тем, как приступить к разработке, поймите конкретные потребности вашего бизнеса и пользователей, которые должны быть удовлетворены приложением.

  • Оцените требования к интеграции: Определите, с какими системами и источниками данных нужно интегрировать ваше приложение, чтобы обеспечить непрерывность бизнес-процессов.

  • Используйте готовые компоненты и шаблоны: Значительно ускорьте процесс разработки, используя стандартные элементы управления и готовые шаблоны, которые предлагает Canvas Apps.

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

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

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

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

  • Используйте преимущества архивации кода: Для упрощения сотрудничества в команде и обеспечения контроля версий рассмотрите возможности архивации и версионирования кода.

4 views0 comments

Comments


bottom of page