Difference between revisions of "Getting Started: Creating Your First Bot/ru"

From QuData
Jump to navigation Jump to search
(Created page with "Creating your first Chatbot on the QuData platform.")
 
m
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
Creating your first Chatbot on the QuData platform.
+
[[Category:Qubot]] [[Category:ru]]
 +
Руководство по созданию вашего первого чат-бота на платформе QuData.
 +
 
 +
Платформа QuData позволяет создавать ботов без программирования. Чтобы начать процесс создания собственного чат-бота, вам достаточно иметь учетную запись на платформе QuData. [https://console.qudata.com/auth/sign-in Войдите в систему.]
 +
 
 +
Чтобы начать процесс создания бота, перейдите на главный экран, нажав на логотип или на кнопку '''Все боты''' в боковом меню.
 +
 
 +
[[file:creating_your_first_bot_01.jpg|border|800px]]
 +
 
 +
 
 +
Есть '''два способа''' создания нового бота на платформе QuData:
 +
 
 +
* Создание бота с нуля
 +
* Создание бота на базе готового шаблона
 +
 
 +
Первый способ [[#Создание бота с нуля]] подойдет тем, кому нужно разработать уникального бота под нетривиальные задачи. Второй способ [[#Создание бота на базе готового шаблона]] позволяет воспользоваться готовым решением здесь и сейчас, не углубляясь в разработку.
 +
 
 +
 
 +
 
 +
==Создание бота с нуля==
 +
 
 +
На главном экране нажмите на карточку [[file:sign_01.png|text-bottom|25px]] '''Новый бот''', чтобы создать бота с нуля. Во всплывающем окне укажите '''Имя бота''' и '''Описание''' (в дальнейшем их можно будет изменить) и нажмите кнопку '''Создать бота'''.
 +
 
 +
[[file:creating_your_first_bot_02.jpg|border|400px]]  [[file:creating_your_first_bot_03.jpg|border|400px]]
 +
 
 +
 
 +
Сразу после создания бота он откроется в '''Редакторе ботов'''.
 +
 
 +
[[file:creating_your_first_bot_04.jpg|thumb|none|400px|Редактор ботов - незаменимый инструмент для интуитивного создания ботов без программирования. Больше о редакторе можно узнать [https://www.youtube.com/c/Qudata здесь].]]
 +
 
 +
 
 +
 
 +
===Редактирование первого бота===
 +
Ваш бот будет состоять из '''диалоговых шагов'''. Наполнение шагов может быть самым разнообразным: редактор предоставляет широкий спектр инструментов, для настройки функционала вашего бота.
 +
 
 +
В дальнейшем вы научитесь пользоваться различными встроенными функциями, такими как Google Maps, обмен файлами, сбор электронной почты пользователей, подключение оператора и многое другое. Все эти дополнительные функции могут быть добавлены без каких-либо технических знаний. А пока попробуйте добавить еще один шаг в ваш бот. Для этого наведите курсор на стартовый шаг '''MAIN''' и нажмите на кнопку [[file:sign_02.png|text-bottom|25px]] справа, как показано на рисунке ниже.
 +
 
 +
[[file:editing_the_first_bot_01.jpg|border|400px]]
 +
 
 +
 
 +
Вы добавили второй шаг в свой бот. Слева от рабочего поля расположен блок редактирования текущего шага. В нем отображаются все элементы шага и их свойства. В блоке редактирования кликните на название шага и переименуйте его в ''New Step''.
 +
 
 +
[[file:editing_the_first_bot_03.jpg|border|400px]]
 +
 
 +
 
 +
Вернитесь к шагу '''MAIN''' и попробуйте изменить текст в нем на ''Hello! What a wonderful day, right?'' Ниже в свойствах текста можно при желании изменить цвет и выравнивание текста.
 +
 
 +
[[file:editing_the_first_bot_04.jpg|border|400px]]  [[file:editing_the_first_bot_05.jpg|border|400px]]
 +
 
 +
 
 +
Затем настройте кнопку. Нажмите на кнопку и измените текст на ''Yes, that's right!'' Ниже в свойствах кнопки укажите шаг, к которому бот перейдет по нажатию на кнопку. В поле '''Step''' впишите название второго шага ''New Step'' и нажмите '''Enter'''. Вы увидите, как на рабочем поле появится стрелка, связывающая два шага.Then customize the button.
 +
 
 +
[[file:editing_the_first_bot_06.jpg|border|400px]]  [[file:editing_the_first_bot_07.jpg|border|400px]]
 +
 
 +
 
 +
Переключитесь на шаг '''New Step''' и добавьте новый объект, например, любое изображение. Для этого в блоке редактирования нажмите на [[file:sign_03.png|text-bottom|25px]], как показано на рисунке ниже, и выберите объект '''image'''.
 +
 
 +
[[file:editing_the_first_bot_08.jpg|border|400px]]  [[file:editing_the_first_bot_09.jpg|border|400px]]  [[file:editing_the_first_bot_10.jpg|border|400px]]  [[file:editing_the_first_bot_11.jpg|border|400px]]
 +
 
 +
 
 +
Затем нажмите на кнопку [[file:sign_04.png|text-bottom|25px]], чтобы загрузить изображение. Во всплывающем окне загрузите любое изображение с вашего устройства и подтвердите действие. Текст над картинкой можете стереть или изменить на ваше усмотрение.
 +
 
 +
[[file:editing_the_first_bot_12.jpg|border|400px]]  [[file:editing_the_first_bot_13.jpg|border|400px]]  [[file:editing_the_first_bot_14.jpg|border|400px]]
 +
 
 +
 
 +
Измените текст на кнопке под картинкой на ''Go Back'', и укажите в свойствах шаг ''MAIN'' для перехода.
 +
 
 +
[[file:editing_the_first_bot_15.jpg|border|400px]]
 +
 
 +
 
 +
Ваш первый бот готов к тестированию!
 +
 
 +
Для запуска бота нажмите на кнопку '''RUN BOT''' или на кнопку чата в правом нижнем углу экрана. Дальше запустится чат с вашим первым ботом. Понажимайте на кнопки в чате, чтобы убедиться, что ваш бот работает.
 +
 
 +
[[file:editing_the_first_bot_16.jpg|border|400px]]  [[file:editing_the_first_bot_17.jpg|border|400px]]
 +
 
 +
 
 +
Посмотрите [https://youtu.be/rywALrGtocU видео] на нашем Youtube-канале, чтобы узнать больше о создании ботов в редакторе.
 +
 
 +
 
 +
 
 +
==Создание бота на базе готового шаблона==
 +
 
 +
На главном экране в разделе '''Шаблоны''' представлена галерея готовых решений. Чтобы подробней ознакомиться с шаблонами ботов, можно пообщаться с каждым из них в чате; для этого достаточно нажать на кнопку '''Воспроизвести'''.
 +
 
 +
[[file:creating_your_first_bot_05.jpg|border|400px]]  [[file:creating_your_first_bot_06.jpg|border|400px]]
 +
 
 +
 
 +
Выберите понравившийся шаблон и нажмите на кнопку '''Клонировать'''. Во всплывающем окне укажите Имя бота (в дальнейшем его можно будет изменить) и нажмите кнопку '''Клонировать бота'''.
 +
Select the template you like and click the '''Clone''' button. In the pop-up window, specify the name of the bot (you can change it in the future) and click the '''Clone bot''' button.
 +
 
 +
[[file:creating_your_first_bot_07.jpg|border|400px]]  [[file:creating_your_first_bot_08.jpg|border|400px]]
 +
 
 +
 
 +
Поздравляем, ваш первый бот на базе шаблона успешно создан!
 +
 
 +
 
 +
Сразу после создания бота он откроется в редакторе ботов, где вы можете вносить изменения и тестировать их. Чтобы познакомиться с редактором, попробуйте выполнить небольшое вводное задание [[#Редактирование первого бота]].
 +
 
 +
Посмотрите короткую видео инструкцию по теме: [https://youtu.be/7N3DBfsJ6lI How to build a bot using templates in 1 minute].
 +
 
 +
 
 +
 
 +
==Дизайн и интеграция==
 +
 
 +
Прежде, чем сделать бота доступным всему миру, вы можете настроить свой уникальный дизайн чата. Подробнее о том, как это сделать, читайте здесь [[Qubot Customizing]]. Пример, как кастомизировать дизайн, можно посмотреть во второй части этого видео [https://www.youtube.com/watch?v=RWcsyQPotfY&t=768s QuBot chat builder tutorial: how to set up a chatbot and customize its design].
 +
 
 +
После успешного тестирования бота можно приступить к его интеграции, чтобы бот стал доступен вашим пользователям по всему миру. В консоли выберите пункт меню [https://console.qudata.com/bots/channels Интеграции], где вы сможете ознакомиться со списком всех каналов (платформ), где можно размещать вашего бота, и внешних сервисов, которые можно интегрировать в бот.
 +
 
 +
Подробнее о интеграции читайте здесь [[:Category:Integrations]].
 +
 
 +
 
 +
 
 +
==Полезные ссылки==
 +
 
 +
* [https://youtu.be/VPfBYaJJ7jM How to add a chatbot to your website in 1 minute]
 +
* [https://youtu.be/aM8Ny2V6HK0 How to connect your bot to Telegram in 1 minute]
 +
* [https://youtu.be/XLQFACK8vdQ How to integrate chatbot with Viber in 1 minute]
 +
 
 +
Больше видео на нашем Youtube-канале [https://www.youtube.com/c/Qudata QuData].

Latest revision as of 08:35, 4 July 2022

Руководство по созданию вашего первого чат-бота на платформе QuData.

Платформа QuData позволяет создавать ботов без программирования. Чтобы начать процесс создания собственного чат-бота, вам достаточно иметь учетную запись на платформе QuData. Войдите в систему.

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

Creating your first bot 01.jpg


Есть два способа создания нового бота на платформе QuData:

  • Создание бота с нуля
  • Создание бота на базе готового шаблона

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


Создание бота с нуля

На главном экране нажмите на карточку Sign 01.png Новый бот, чтобы создать бота с нуля. Во всплывающем окне укажите Имя бота и Описание (в дальнейшем их можно будет изменить) и нажмите кнопку Создать бота.

Creating your first bot 02.jpg Creating your first bot 03.jpg


Сразу после создания бота он откроется в Редакторе ботов.

Редактор ботов - незаменимый инструмент для интуитивного создания ботов без программирования. Больше о редакторе можно узнать здесь.


Редактирование первого бота

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

В дальнейшем вы научитесь пользоваться различными встроенными функциями, такими как Google Maps, обмен файлами, сбор электронной почты пользователей, подключение оператора и многое другое. Все эти дополнительные функции могут быть добавлены без каких-либо технических знаний. А пока попробуйте добавить еще один шаг в ваш бот. Для этого наведите курсор на стартовый шаг MAIN и нажмите на кнопку Sign 02.png справа, как показано на рисунке ниже.

Editing the first bot 01.jpg


Вы добавили второй шаг в свой бот. Слева от рабочего поля расположен блок редактирования текущего шага. В нем отображаются все элементы шага и их свойства. В блоке редактирования кликните на название шага и переименуйте его в New Step.

Editing the first bot 03.jpg


Вернитесь к шагу MAIN и попробуйте изменить текст в нем на Hello! What a wonderful day, right? Ниже в свойствах текста можно при желании изменить цвет и выравнивание текста.

Editing the first bot 04.jpg Editing the first bot 05.jpg


Затем настройте кнопку. Нажмите на кнопку и измените текст на Yes, that's right! Ниже в свойствах кнопки укажите шаг, к которому бот перейдет по нажатию на кнопку. В поле Step впишите название второго шага New Step и нажмите Enter. Вы увидите, как на рабочем поле появится стрелка, связывающая два шага.Then customize the button.

Editing the first bot 06.jpg Editing the first bot 07.jpg


Переключитесь на шаг New Step и добавьте новый объект, например, любое изображение. Для этого в блоке редактирования нажмите на Sign 03.png, как показано на рисунке ниже, и выберите объект image.

Editing the first bot 08.jpg Editing the first bot 09.jpg Editing the first bot 10.jpg Editing the first bot 11.jpg


Затем нажмите на кнопку Sign 04.png, чтобы загрузить изображение. Во всплывающем окне загрузите любое изображение с вашего устройства и подтвердите действие. Текст над картинкой можете стереть или изменить на ваше усмотрение.

Editing the first bot 12.jpg Editing the first bot 13.jpg Editing the first bot 14.jpg


Измените текст на кнопке под картинкой на Go Back, и укажите в свойствах шаг MAIN для перехода.

Editing the first bot 15.jpg


Ваш первый бот готов к тестированию!

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

Editing the first bot 16.jpg Editing the first bot 17.jpg


Посмотрите видео на нашем Youtube-канале, чтобы узнать больше о создании ботов в редакторе.


Создание бота на базе готового шаблона

На главном экране в разделе Шаблоны представлена галерея готовых решений. Чтобы подробней ознакомиться с шаблонами ботов, можно пообщаться с каждым из них в чате; для этого достаточно нажать на кнопку Воспроизвести.

Creating your first bot 05.jpg Creating your first bot 06.jpg


Выберите понравившийся шаблон и нажмите на кнопку Клонировать. Во всплывающем окне укажите Имя бота (в дальнейшем его можно будет изменить) и нажмите кнопку Клонировать бота. Select the template you like and click the Clone button. In the pop-up window, specify the name of the bot (you can change it in the future) and click the Clone bot button.

Creating your first bot 07.jpg Creating your first bot 08.jpg


Поздравляем, ваш первый бот на базе шаблона успешно создан!


Сразу после создания бота он откроется в редакторе ботов, где вы можете вносить изменения и тестировать их. Чтобы познакомиться с редактором, попробуйте выполнить небольшое вводное задание #Редактирование первого бота.

Посмотрите короткую видео инструкцию по теме: How to build a bot using templates in 1 minute.


Дизайн и интеграция

Прежде, чем сделать бота доступным всему миру, вы можете настроить свой уникальный дизайн чата. Подробнее о том, как это сделать, читайте здесь Qubot Customizing. Пример, как кастомизировать дизайн, можно посмотреть во второй части этого видео QuBot chat builder tutorial: how to set up a chatbot and customize its design.

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

Подробнее о интеграции читайте здесь Category:Integrations.


Полезные ссылки

Больше видео на нашем Youtube-канале QuData.