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