Блог Интеграм

Рассказываем о проектах, обновлениях и событиях

В далекие 70-е годы всё программное обеспечение (ПО) разрабатывалось с нуля, а вычислительные мощности не позволяли создать визуальный конструктор без кода (No-code): он требовал бы на 2-3 порядка больше ресурсов. В 1000 раз больше ресурсов.

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

Затем, в 90-е, программисты стали использовать также и сторонние библиотеки и инструменты разработки. Чужой инструментарий часто был закрыт, решения работали медленнее, страдала совместимость. Тем не менее, использование библиотек ускоряло разработку на порядок-два. Вычислительные мощности росли, поэтому все легко мирились с тем, что их требуется также на 2 порядка больше. Теоретически, конструктор требовал бы в 10 раз больше ресурсов.

В 90-х были последние известные попытки создать нечто подобное Интеграму, после чего идея, которая далеко не нова, была признана неработоспособной. Вот один из ярчайших эпизодов тех времен. Причина неудач: разработчик не опускался до деталей низкого уровня, по привычке 80-90-х годов таща за собой библиотеки и стереотипы разработки. Вместо фундаментальной проработки ядра ставка делалась на новейшие технологии.

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

Расчетная эффективность No-code и традиционной разработки сравнялась в нулевых годах

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

В силу своей простоты, конструктор Интеграм требует в 10-100 раз меньше вычислительных ресурсов, чем любое современное приложение, выполняя те же задачи. При этом время и сложность «программирования» в конструкторе на порядок ниже.

No-code уже прочно занял нишу среди тех потребителей, кто недосягаем IT-гигантам из-за низкого бюджета, но потенциально составляет более 80% численности пользователей IT-услуг: весь малый и средний бизнес, ИП и самозанятые. Более того, почти все крупные IT-компании в том или ином виде тестируют и применяют решения без кода, что видно даже по рынку труда.

Рынок No-code разработки растет взрывными темпами и кормит своих адептов

Начиная с 2015 года я использую в своих проектах только Интеграм, временами применяя конструкторы страниц Tilda, GrapesJS и Webflow для проработки визуальной части: эта связка даёт максимально возможную скорость разработки приложений. Не верите? Легко убедиться, попробовав повторить этот простой путь создания приложения за 15 минут в любой другой платформе или их комбинации.

Хотите попробовать научиться программировать без кода? Регистрируйтесь в 1 клик и пройдите 5 интерактивных уроков по системе (это займет 60-90 минут).

Спасибо!

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

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

Настройка состоит из таких шагов:

  1. Регистрация (1 минута)
  2. Создание опроса (2 минуты)
  3. Регистрация бота (1 минута)
  4. Настройка запроса для обращения к боту (6 минут)

Итак, погнали!

1. Регистрация

Регистрируемся в Интеграме через гугл в 1 клик или по почте здесь:

integram.io

2. Создание опроса

Делаем форму опроса, в меню Опросы создаем новый:

Создаем новую таблицу для нашего опроса

Создаем новую таблицу для нашего опроса:

enter image description here

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

enter image description here

Заявка на оценку будет невидимым полем, в котором будет храниться время создания заявки. Далее добавляем первое видимое поле – Имя создателя заявки – его можно выбрать из списка существующих в Интеграме полей. Нажимаем Добавить.

enter image description here

Теперь добавим поле Описание проекта – туда можно будет вбить несколько строк, поэтому выберем для него такой тип.

enter image description here

Осталось добавить ещё 1 поле – почту, на которую придет запрошенная информация. Выбираем Email из списка – он там есть.

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Теперь сделаем поля описания и почты обязательными, и наша форма готова.

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Теперь мы сделаем ссылку на наш опрос и получим код для вставки нашей формы на любой сайт. Переходим в настройке по кнопке слева вверху и делаем 3 клика, которые нам советует Мастер опросов – красная ссылка – нажмите здесь:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Теперь мы можем скопировать отсюда ссылку на опрос или код для сайта:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Откроем ссылку в режиме инкогнито и увидим форму глазами нашего клиента:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Если мы заполним и отправим эту форму, то увидим результат в нашей новой таблице заявок в Интеграме:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Видео-инструкция по созданию простой формы опроса:

https://rutube.ru/video/549098cbb63fb386a1cf1958eaa6bf40/

3. Регистрация бота

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

Находим @BotFather в Телеграме и регистрируем нового бота и имя для него:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

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

Заходим к нашему новому боту и нажимаем Start / Начать – теперь мы готовы принимать здесь сообщения от него.

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

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

4. Настройка запроса для обращения к боту

Создадим новый запрос bot в меню Запросы:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Добавим туда 3 вычисляемых поля, назвав первые два из них Email и Описание.

Нажать «вычисляемое» и поменять имя добавившейся колонки Нажать «вычисляемое» и поменять имя добавившейся колонки

К третьему вычисляемому полю примените функцию abn_URL, и должна получиться такая заготовка запроса:

Конструктор запросов умеет вычислять поля и обращаться вовне

У таблицы заявок каждое поле имеет свой код, и нам нужно скопировать их в формулы вычисляемых полей, как на рисунке. Для перехвата параметра используется конструкция 'request.tNNN', где NNN вы меняете на своё значение. Вставьте 'request.tNNN' в формулы первых 2-х колонок и исправьте NNN на ваши номера – их видно при подведении курсора к заголовку колонки таблицы.

Посмотрите эти номера в вашей таблице и заполните здесь формулы

Итак, этот запрос отобразит вам здесь переменные, переданные из вашей формы POST-запросом. Про это потом можно почитать тут, если интересны детали. А пока идём дальше.

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

Из конструктора запросов вы попадете на форму редактирования запроса

Здесь вам надо заполнить 2 поля: первое это адрес API бота, а второе - текст сообщения, состоящий из двух пришедших параметров – Email и Описание. Можете скопировать ссылку под картинкой и заменить коды своими значениями, полученными от BotFather.

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

https://api.telegram.org/bot[код BotFather]/sendMessage?chat_id=[чат ID]&text=[Email]-[Описание]

Последнее, что нам требуется сделать – это использовать этот запрос для обращения по API при создании записи в таблице заявок.

Для этого мы идем в меню Структура, где кликаем на заголовок прямоугольника Заявка на оценку и выбираем из выпадающего списка внизу « --- добавить новое --- »:

«добавить новое» – это первое значение в выпадающем списке колонок

Далее мы задаем любое имя этой колонке, например, bot, и сохраняем это значение, как новую колонку таблицы.

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

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

Нажмите Enter или иконку диска, чтобы сохранить изменение

Теперь при заполнении формы будет вычисляться значение по умолчанию, которое мы здесь задали, – Интеграм найдет наш запрос bot, выполнит его, перехватит переданные параметры и передать их боту на отправку. Пробуем ещё раз отправить форму:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Заявка будет отправлена, данные сохранены, а мы немедленно получим сообщение в Телеграм:

Форма заявок на сайт с оповещением в Телеграм за 10 минут (no-code)

Теперь вы знаете, как это делается, и по аналогии сможете создавать свои решения самостоятельно или обратившись за помощью к адептам Интеграма.

Спасибо!