Code breakers

Собрать мобильное приложение из таблицы за 5 минут — обзор Glide

Glide произносится как «глайд». Это платформа для создания мобильных приложений без написания кода и это один из флагманов современного No-code. На Glide можно собрать приложение с базовыми функциями за 2 минуты — и оно будет выглядеть красиво, быстро работать без интернета и выполнять возложенные на него функции. И Glide — крутейший инструмент для создания приложения под себя, для тренировки в No-code разработке, для создания приложений для небольших бизнесов или внутреннего использования компаниями — и идеален для проверки гипотез. Glide развивается семимильными шагами. На момент написания этого текста — июль 2022 года — в Glide даже с начала года появилось много нововведений. В этом обзоре — про устройство и работу Glide, его возможности, тарифы, тонкости и актуальные функции.  
 

Glide — это программа для создания мобильных приложений типа progressive web application, PWA (что такое PWA читайте тут). Это облачная платформа, работает через браузер. В качестве баз данных используются таблицы. Имея готовую таблицу, простое приложение можно сделать в три клика. Glide — стартап, запущен в 2018 году Дэвидом Шигелом (вот тут интервью основательницы университета Code Breakers Анны Радзиевской и Дэвида). Glide активно развивается и растёт — недавно привлёк $20 млн инвестиций и внёс важные нововведения.



Начало работы в Glide


Glide — облачная no-code платформа. Программа открывается и работает в браузере, так что для создания приложения надо заходить на сайт Glide и кликнуть на кнопку в правом верхнем углу «Open Glide». Следом откроется окно с регистрацией или авторизацией. Регистрация и авторизация в Glide происходит либо по почте, либо через Google Account.


Пользователю открывается рабочий кабинет. Слева — рубрикатор-меню, где открывается раздел с проектами (Projects), с шаблонами (темплейтами, Templates), с членами команды разработки (Members), с данными по использованию (Usage), с данными по оплате (Billing).

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


По клику на кнопку с плюсом «Новый проект» (New project) откроется окно, где можно дать название проекту, выбрать тип — мобильное приложение Glide App или веб-сайт Glide Page. После этого надо выбрать базу данных будущего приложения. Всё, можно начинать создавать.

Как создаются приложения в Glide


На первой странице сайта Glide говорят, что создать приложение на платформе можно в три шага:

1 шаг. Подсоединить базу данных.


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

2 шаг. Навести порядок и настроить под себя (кастомизировать) отображение данных


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

3 шаг. Опубликовать приложение


На этом этапе надо настроить способы доступа в приложение — по регистрации или нет — и по клику на одну кнопку сделать приложение публичным.


Мы учим работать в Glide на нашем флагманском курсе разработки мобильных приложений без кода. Glide посвящён целый раздел, в нём мы собираем приложение по типу Яндекс.Лавка


Базы данных в Glide


С апреля 2022 года в Glide сделать базу данных можно четырьмя способами:

  • Создать таблицу в Google Sheets и загрузить её ссылкой на платформу.
  • Создать таблицу в самом Glide.
  • Создать базу данных в Excel и загрузить её файлом на платформу. 
  • Создать базу данных в Airtable и загрузить её ссылкой на платформу. 

Появление опции использовать Excel и Airtable как базы данных — мощное и долгожданное нововведение, открывшее двери большему числу ноукодеров к созданию проектов в Glide.

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


Внутри Glide строится работа над взаимосвязями в таблицах — именно тут создаётся реляционная база данных (узнать, что это такое, можно тут), которая обеспечивают работу приложения, сделанного на No-code. Тут же можно редактировать содержимое ячеек и вносить новые данные. Новые данные не отобразятся в первоисточнике — но, наоборот, если данные поменять в первоисточнике, они поменяются и в Glide.

Собственные таблицы Glide удобные и обеспечивают лучшую скорость работы приложения — однако в них может не оказаться функций и возможностей (например, формул), которые будут в гугл-таблицах или Excel.

Внутри таблиц базы данных Glide есть таблицы под сущности. Они отображаются на панели слева — к примеру, здесь отобразятся разные вкладки одной гугл-таблицы. По клику на «+» можно добавить новую таблицу-вкладку. Далее привычное построение базы данных — типы данных прописываются в столбцах, атрибуты прописываются в строках. По клику на заголовок столбца можно менять тип данных, редактировать название и отображение, устанавливать связи.

Пример построения базы данных для онлайн-магазина суши.

Интерфейс Glide — где и что расположено


Создание рабочего приложения в Glide происходит во вкладке с иконкой телефона на верхней панели. Здесь открывается рабочая область, которая состоит из боковых левой и правой панелей и центральной части, где отображён экран смартфона с приложением.

  • Слева панель с вкладками или таб-бар. Эти вкладки называются табы (Tabs). Здесь настраиваются рубрики меню, которое может отображаться на экране приложения снизу либо слева сверху, в бургер-меню. 

  • Ниже слева находится раздел экраны (Screens). Здесь доступна настройка самого экрана и добавление компонентов: заголовки, сепараторы и прочее, текстовые блоки, кнопки, картинки и прочее; функциональные элементы как карта, таблицы, внешние ссылки и прочее. Компонентов в Glide более 40 штук. Добавлять их можно кликом или перетаскиванием.



  • Справа панель с настройками отображения информации из базы данных. Тут есть панель со стилями. В Glide 8 стилей — 8 вариантов отображения данных. Это:

  1. Список
  2. Плитка 
  3. Календарь
  4. Карта
  5. Чек-лист
  6. Карточки
  7. Свайп
  8. Детали


  • Выбор стиля отображения — это ещё и выбор функциональности будущего приложения. В каждый стиль «зашиты» функции отображения и взаимодействия с приложением. И самый ноукодерский стиль — «Детали». Здесь доступна тонкая настройка экрана, при которой сам экран можно сформировать из компонентов. В других стилях кастомизация минимальная.

  • Справа настраивается источник данных в разделе Source; присваивается название и иконка табов

  • Тут же справа можно настроить отображение семи предзаданных стилей через кнопку редактирования (Edit). Например, выбрать формат отображения изображений, отображение по фильтру или количество элементов на экране.  



  • Верхняя панель — это три кнопки, ведущие к базам данных, к настройкам режима отображения экрана, к настройкам самого приложения.

  • Снизу справа на рабочей области есть две кнопки. Первая со значком play означает просмотр приложения в режиме пользователя. Вторая со значком курсора — это работа в режиме разработчика. В разработке вам пригодятся оба режима.


Сколько стоит Glide


У Glide четыре тарифа: бесплатный (с ограничениями для публикаций и использования, но идеален для начинающих), Starter (для нескольких индивидуальных проектов), Pro (для большого количества приложений и  пользователей), Business (увеличенное количество приложений и пользователей). Расценки соответственно: $0, $25, $99, $249. 

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

Некоторые данные по тарифам Glide. Полные данные смотрите на сайте Glide.

Сильные стороны и ограничения Glide 


Сильные стороны Glide делают его идеальным инструментом для тех, кто только начинает в No-code.

  • Легко учиться. Поверхностно изучить Glide, чтобы понять, куда нажимать и что произойдёт, можно за вечер. Это низкий порог входа очень вдохновляет — и позволяет оттолкнуться и двинуться дальше, к глубокому изучению платформы. Плюс есть много обучающего материала в открытом доступе. 
  • Быстрый путь от идеи к запуску приложения. Когда вы разберётесь в работе Glide, то с готовой базой данных приложение будет собираться за несколько часов. 
  • Доступность работы на платформе на бесплатном тарифе. Ограничения есть в объёмах данных, но доступность Glide позволяет свободно чувствовать себя в обучении. 
  • Подходит для тестирования идей и проверки гипотез — минимальные затраты времени и денег, а на выходе полноценный продукт, который не стыдно показать людям.
  • Идеален для маленького бизнеса. Когда клиентская база несколько сотен или даже тысяч человек, когда нет лишних денег на разработку, когда нет возможности изучать программирование — Glide просто находка.
  • Идеален для создания внутреннего сервиса.
  • Развивается семимильным шагами. Например, ещё в начале года в Glide нельзя было подключать Airtable и Excel. В апреле эта опция появилась. Так что ещё через полгода у платформы вполне могут появиться новые фичи, которые раньше были недоступны.

Слабые стороны Glide — в его ограничениях.

  • Ограничено количество строк в базах данных и объёмах информации. Крупное приложение тут не построить. 
  • Нельзя создавать нативное приложение. Это и плюс, но и в некоторых случаях минус. За нативками — к Adalo.
  • Весьма скудная кастомизация по цвету, шрифтам, внешнему виду приложения.
  • На Glide — как и на любом ноукодерском инструменте — нельзя создать сложные продукты с большим количеством функций и данных.
  • Зависимость от облачной платформы.


Что можно сделать на Glide и примеры проектов


Чтобы прикинуть, что можно собрать на Glide, можно изучить библиотеку шаблонов-темплейтов. Здесь 14 рубрик — образование, финансы, здоровье, персонал, планирование, личное, удалённая работа и другие. В каждой по паре десятков темплейтов приложений. Вот что можно там встретить:

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


А теперь покажем вам примеры приложений, которые собирали наши ученики.

Расписание группы курса разработки мобильных приложений


Наш ученик Вадим Семёнов собрал для себя и коллег по учёбе приложение с расписанием курса. Основано на скопированной из Airtable-таблицы. Добавлен раздел с преподавателями и их контактами, введён рубрикатор по двум платформам, работе на которых мы учим — Adalo и Glide. Создание заняло около четырёх часов. Прочитать подробнее про кейс тут, а тут само приложение

Серия из трёх приложений для автоматизации работы в московском метро


Наш ученик Тот Павел создал целых три приложения для себя, чтобы автоматизировать бюрократическую работу в метро. Он сделал приложение для отслеживания сезонных прививок сотрудников метро, для расчёта премий сотрудникам и для обработки жалоб от пассажиров метро. Три приложения он собирал в течение нескольких недель. Почитать про кейсы Павла подробнее можно тут. Сами приложения мы показать не можем, потому что они содержат конфиденциальную информацию.

Приложение для выбора кальянных миксов


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

Кстати, Glide — это не только мобильные приложения. Из базы данных в таблицах можно собрать простое, но рабочее веб-приложение. Этот продукт называется Glide Pages. Примеры реализуемых проектов оценить можно также по темплейтам. На Glide-страницах собираются простые магазины, директории, таск-трекеры, мини-сайт локального бизнеса. Почти то же, что и мобильные приложения — но десктопная версия. 

Перспективы Glide — стоит ли его изучать


Glide — однозначно перспективная компания и востребованная программа, которую надо включать в ноукодерское резюме. И вот три аргумента за это. 

  1. Совсем недавно Glide привлёк значительные инвестиции в $20 миллионов. Это свидетельствует о перспективе и заинтересованности ею на рынке — и это при том, что компания запустилась в 2019 году.
  2. Glide постоянно обновляется. Вместе с новостью про инвестиции, компания объявила об интеграции с двумя популярными базами данных Excel и Airtable. Это обновление ждали все разработчики, даже внутри программы было запущено голосование за выбор, какую базу данных добавлять. И, вообще, небольшие обновления выпускаются постоянно — на момент написания этого текста в середине июля 2022 года вышло пять обновлений, связанных с разработкой. Программа постоянно улучшается и расширяется. Следить за обновлениями можно тут
  3. Наконец, третий аргумент за изучение платформы. Вы с ней не пропадёте — это точно. У проекта есть собственная библиотека экспертов и программа сертификации. То есть вы, обучившись работе на Glide, можете получить здесь же сертификат и попасть на доску специалистов — и получать оттуда заказы. Подробнее мы писали про это здесь.

Мы учим работать в Glide на нашем флагманском курсе разработки мобильных приложений без кода. Glide посвящён целый раздел, в нём мы собираем приложение по типу Яндекс.Лавка

Что такое