Заказчик:
Super Short Film Production — образовательный арт-проект, который помогает развивать креативное мышление и технические навыки, необходимые для создания уникальных видеопроектов.
Задачи:
К моменту обращения команда SSF уже успела провести один поток курса с помощью стандартных инструментов Tilda и столкнулась с рядом ограничений и неудобств — как для студентов, так и для кураторов.
Вот некоторые из них:
- Неудобная админка для проверки домашних заданий;
- Отсутствие уведомлений о статусе ДЗ;
- Нет возможности разделять доступ к контенту в зависимости от тарифа;
- Отсутствует возможность даже минимально кастомизировать дизайн личного кабинета студента.
На основании этих «болей» был запланирован фронт работ. Краткая выдержка из того, что решено было реализовать:
1. Собрать на Tilda необходимые страницы для вывода динамического контента;
2. Развернуть базу данных в Airtable;
3. Настроить динамический вывод контента из базы данных Airtable на страницы Tilda;
4. Разделить доступ к контенту в зависимости от тарифа;
5. Разработать чат-бот в Telegram, который будет отправлять уведомления кураторам о новых домашних заданиях, а студентам — об ответах кураторов и смене статуса по домашней работе;
6. Продумать логику и собрать CMS-систему для управления контентом курса и проверки домашних работ с помощью инструмента Airtable Interfaces.
2. Развернуть базу данных в Airtable;
3. Настроить динамический вывод контента из базы данных Airtable на страницы Tilda;
4. Разделить доступ к контенту в зависимости от тарифа;
5. Разработать чат-бот в Telegram, который будет отправлять уведомления кураторам о новых домашних заданиях, а студентам — об ответах кураторов и смене статуса по домашней работе;
6. Продумать логику и собрать CMS-систему для управления контентом курса и проверки домашних работ с помощью инструмента Airtable Interfaces.
Что было сделано:
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.
Всего в курсе 12 уроков, контент которых хранится в Airtable и динамически выводится на Tilda.
Лист "Уроки и контент" в базе данных
Телеграм бот:
Забегая немного вперед, скажу что наш тг бот не раз оценили как студенты, так и наставники курса. Он действительно существенно облегчил жизнь всем.
Чтобы получать уведомления, достаточно авторизоваться в Telegram-боте. Он проверяет пользователя в базе Airtable и, если всё в порядке, отправляет приветственное сообщение и подключает нужные функции.
Для каждой роли предусмотрен свой сценарий:
- Студент: получает в боте уведомление о смене статуса ДЗ и сообщения наставников.
- Наставник: видит уведомление о новом присланном ДЗ и сразу из бота можете перейти в админку, для его проверки.
Бот помогает выстроить быструю и удобную коммуникацию. Такая автоматизация не только ускорила процесс проверки домашних заданий, но и сделала взаимодействие между участниками курса по-настоящему живым и удобным.
Авторизация в боте
Админка:
Как уже упоминалось выше, админка собрана с помощью сервиса Airtable — конкретно через инструмент Airtable Interfaces. Это мощный инструмент, который превращает обычные таблицы в понятный и удобный интерфейс для работы с данными. В админке реализованы разделы:
Домашние работы:
Раздел, где наставники видят и проверяют домашки студентов. Можно быстро отфильтровать задания, оставить комментарий и поменять статус.
Студенты:
На этой странице собрана вся информация по студентам: имя, срок доступа, учебная группа и сданные домашние задания. Всё под рукой — удобно для кураторов.
Уроки и контент:
Главный раздел, где хранится весь контент курса: тексты, ссылки, видео и тексты домашних заданий. Наставники могут редактировать материалы прямо здесь — без вмешательства в верстку. Все изменения моментально отображаются на сайте.
Материалы к урокам:
В этом разделе кураторы добавляют дополнительные материалы к урокам — файлы, ссылки, видео. Всё автоматически подтягивается на страницы курса.
Результат:
За 20 дней реализовали все задачи и второй поток курса стартовал уже на обновленной платформе. Ребята из SSF и их студенты остались довольны и не раз за время проведения потока оценили новый функционал и возможности платформы.
