top of page
Writer's pictureSarov+

7 лайфхаков для создания приложения на основе Canvas App


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


Man create Apps

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




Что нужно учесть при разработке?

A lot of instruments for creation

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


Error 404 picture

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


Power Apps button

Что касается разработки, важно помнить: PowerFX не является полноценным языком программирования. Как избавиться от проблем? Изучение его ограничений. Не все алгоритмы можно реализовать, и доступ к некоторым операциям с данными может быть ограничен.


Главные принципы создания Canvas Apps:

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

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

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


Процесс разработки


В процессе создания Check-in App, наш основной акцент был на стабильности и надежности. Как построить удобное и понятное приложение? Мы решили эту проблему, учитывая советы и пожелания тысяч внешних пользователей. Использование специальных техник и лайфхаков позволило нам улучшить функциональность и сделать его доступным для всех. Это работает!


Если вы задаетесь вопросом "Где можно изучить секреты создания лучших приложений?", то ответ прост: изучение обратной связи пользователей – наш ценный ресурс.


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

Break down structure of development

В рамках имплементации Check-in App, мы решили использовать Model Driven App в качестве базы данных и инструмента мониторинга. Этот доступный и понятный подход позволил нам разделить весь процесс на несколько этапов. Сначала мы провели изучение и бизнес-аналитику, затем установили базу данных. После этого было решено создать Canvas App для внешних пользователей.

 

7 лайфхаков для создания приложения на основе Canvas App


1. Как разработать дизайн приложения


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

Figma Design for Canvas Apps

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


Однако стоит отметить проблему: Canvas App не поддерживает все доступные в Figma стили. Некоторые элементы могут быть потеряны. Но главное, что основные блоки уже могут быть расположены. Затем нам оставалось лишь установить код PowerFX в каждом блоке и задать логику приложения. Наши советы для тех, кто хочет изучить этот процесс: уделите внимание изучению Figma и узнайте, где можно столкнуться с ограничениями Canvas App.


2. Как улучшить пользовательский интерфейс:


App Entrance pannel

Когда мы начинали работу над Check-in App, первым делом решили углубиться в бизнес-аналитику и изучить предоставленные клиентом документы и его предпочтения. Это позволило нам понять, как построить бизнес-процесс наиболее понятным и удобным образом. Главной проблемой, от которой мы хотели избавиться, было излишнее количество кликов и усилий, необходимых пользователям для работы с приложением. Именно по этой причине мы решили использовать Canvas Apps для разработки Check-in App. Наши советы и техники помогли создать простой, доступный и удобный интерфейс, который стал лучшим решением для наших пользователей.


3. Как избавиться от проблем при разработке:

Одной из главных проблем при создании приложений для внешних пользователей является зависимость от баз данных, например, Dataverse. Как можно улучшить ситуацию? Любые изменения в базе данных или обновления от Microsoft могут вызвать ошибки в Canvas App. Эта проблема требует тщательного изучения зависимостей приложения и ограничения вмешательства в базу данных. Советы для разработчиков: постоянно следите за обновлениями от Microsoft и тестируйте вашу систему, чтобы убедиться в ее стабильности. Используя доступные и понятные техники, вы сможете построить удобное и надежное приложение.


4. Как улучшить стабильность:

Мы успешно завершили этап бета-тестирования Check-in App и готовы к его запуску. Однако, проблема стабильности часто возникает из-за вмешательства со стороны администраторов клиента. Чтобы избавиться от потенциальных уязвимостей, мы провели интенсивное тестирование совместно с разработчиками и клиентами. Теперь мы установили специальный контроль за уязвимыми моментами, чтобы гарантировать лучший опыт использования.

5. Как построить удобную базу данных:

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


Data base

6. Как решить проблему с Canvas App:

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


7. Как улучшить процесс тестирования:


Тестирование - ценный этап в разработке Check-in App. Для этого мы разработали специальный чек-лист. Каждый раз, когда в приложении происходят изменения, тестировщик использует этот чек-лист. Даже простые изменения в одном поле могут вызвать проблемы в работе всего приложения. Поэтому мы решили установить правило: при каждом изменении обязательно проходить проверку по чек-листу. Это удобный и быстрый способ гарантировать стабильность работы приложения.

Test Check-list

В процессе разработки Check-inApp, наша команда столкнулась с рядом вопросов: как построить удобное и понятное приложение, как улучшить пользовательский интерфейс, как избавиться от проблем при разработке и как обеспечить стабильность работы. Использование специальных инструментов, таких как Figma, и техник, таких как CanvasApps, позволило нам улучшить функциональность и сделать приложение доступным для всех. Изучение обратной связи пользователей и бизнес-аналитики стало ценным ресурсом в нашем проекте.


User Interface showing options

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



11 views0 comments

Comments


bottom of page