Курс, чат-бот и CMS-система для образовательного арт-проекта Super Short Film

Что было сделано

1. Разработали структуру и логику личного кабинета, базы данных и CMS.

2. Собрали на Tilda все необходимые страницы. Страницы личного кабинета на 85% собраны в Zero-блоках — это позволило максимально кастомизировать дизайн.

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

4. Настроили динамический вывод контента профиля и уроков из базы данных на Tilda.

5. С помощью Airtable Interfaces создали удобную CMS-систему, где авторы курса могут самостоятельно корректировать тексты, добавлять файлы или новые уроки без необходимости вносить правки в верстку. 

6. Собрали Telegram-бота, который уведомляет кураторов о новых домашних работах, а студентов — об ответах наставников и изменении статуса ДЗ.

Давайте подробнее посмотрим на результат проделанной работы:

Лендинг

Первоначально пользователь попадает на лендинг, который раскрывает интересный и качественно проработанный продукт команды Super Short Film. За дизайн и верстку лендинга отвечала команда Little Room Agency.

Страница профиля

После авторизации студент попадает в свой профиль, где видит:

• краткую информацию об ученике, срок доступа к курсу и группу;

• прогресс обучения;

• забавную аватарку, которая меняется в зависимости от количества сданных домашних заданий;

• ссылки на учебные чаты и группы.

Страница авторизации

Страница "Профиль"

Данные профиля и ссылки подтягиваются из базы Airtable. Там же автоматически рассчитывается срок доступа студента в зависимости от тарифа и даты покупки.

Лист "Пользователи" в базе данных

Дневник

Раздел «Дневник» показывает прогресс по каждому уроку, дедлайны и ссылки на страницы уроков.

Страница "Дневник"

Страница урока

Самая важная страница — страница урока. 

Всего в курсе 12 уроков, контент которых хранится в Airtable и динамически выводится на Tilda.

Лист "Уроки и контент" в базе данных

Страница "Урок"

Каждая страница содержит:

• тему и описание;

• видеоурок;

• блок с дополнительными материалами;

• текст и форму отправки ДЗ;

• переписку с наставником (если предусмотрена тарифом).

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

Телеграм бот

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

Чтобы получать уведомления, достаточно авторизоваться в Telegram-боте. Он проверяет пользователя в базе Airtable и, если всё в порядке, отправляет приветственное сообщение и подключает нужные функции.

Для каждой роли предусмотрен свой сценарий:

• Студент:  получает в боте уведомление о смене статуса ДЗ и сообщения наставников.

• Наставник: видит уведомление о новом присланном ДЗ и сразу из бота можете перейти в админку, для его проверки.

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

Авторизация в боте

Админка

Как уже упоминалось выше, админка собрана с помощью сервиса Airtable — конкретно через инструмент Airtable Interfaces. Это мощный инструмент, который превращает обычные таблицы в понятный и удобный интерфейс для работы с данными. В админке реализованы разделы:

Домашние работы

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

Студенты

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

Уроки и контент

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

Материалы к урокам

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