Антон One Way | Разработка для онлайн-школ | GetCourse PRO
560 subscribers
223 photos
29 videos
101 links
Оформление и разработка нового функционала школ на GetCourse

По вопросам пишите 👉 @onthewaytothesun
Download Telegram
Всем привет!

Я разрабатываю чатиумную надстройку для основого бота геткурса.

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


Хотелось бы узнать ваше мнение, какой функционал вы бы хотели видеть у основного гк бота, но вам не хватает?
🔥10🤔1🤯1
Отличные новости!

В GetCourse стали работать скрипты на странице 404. Теперь ее можно перестилизовать под любой удобный внешний вид
🔥17🎉10🍾5👍3👏1🤩1
Опровергающие новости!

Работа скриптов на странице 404 — техническая ошибка, которую устранят в ближайшее время. Приношу извинения за дезинформацию, спасибо разработчикам за оперативное уточнение 🪖
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯2🤔1
Поиск по тексту уроков

Уже скоро в каталог приложений Chatium выйдет череда моих разработок:

1. Календарь событий
2. Таймкоды для видео
3. tgProxy

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

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

Какой же всё-таки Chatium невероятный буст к возможностям быстрой разработки 🙀
🔥132
Рад представить первые приложения моей разработки для GetCourse! 🎉

На следующей неделе мои первые приложения появятся в официальном каталоге GetCourse. Но уже на этой неделе я открываю ранний доступ к покупке со специальными условиями.

Приложение №1 (посмотрите скриншоты)

📆 Календарь событий с индивидуальным расписанием

Это решение уже успешно работает в десятках школ и включает следующие возможности:

1️⃣ Отображение событий из GetCourse-расписания и ваших собственных событий. Вы можете планировать события на любой период - хоть на год вперед!

2️⃣ Гибкая система группировки:
- События объединяются в расписания
- Одно расписание можно использовать в нескольких календарях
- Каждый календарь может иметь множество разных расписаний
- Возможность показывать разные расписания по сегментам в одном тренинге

3️⃣ Интеграция с календарями:
- Простое сохранение событий в Google календарь и Apple календарь

4️⃣ Полная поддержка приложения GetCourse - весь функционал работает без ограничений

🎁 Специальное предложение для ранних покупателей:

1. Перейдите на страницу https://edu.onthewaytothesun.ru/chtm/onewayShop/secretOffers
2. Скопируйте оффер нужного приложения
3. Замените в ссылке домен на свой (только так можно попасть на страницу приложения до официального появления в каталоге)
4. Перейдите по получившейся ссылке для доступа к скидочным тарифам

⚡️ Важно: эти специальные тарифы будут доступны только до официальной публикации приложений в каталоге. Более того, первые покупатели получат постоянные привилегии на все мои будущие продукты - от индивидуальных скидок на продление до специальных условий на новые разработки.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥32👍2
Рад представить второе приложение моей разработки для каталога:

⏱️ Таймкоды для видео для GetCourse

Это одна из моих самых популярных разработок, проверенная временем и установленная в огромном количестве школ (честно говоря, я даже сбился со счета!).

Как и во всех моих продуктах, я уделил особое внимание админке. Я твердо верю, что технические решения должны быть не только функциональными, но и удобными в использовании. Поэтому вместо сложных настроек и ручного заполнения кодов вы получаете интуитивно понятный no-code интерфейс.

Что входит в приложение:

- Шаблонный блок для импорта
- Дополнительная логика, автоматически активирующаяся в вашем аккаунте после покупки
- Продуманная админ-панель для комфортной работы

С приложением таймкодов вы получаете:

🥳 Удобную no-code админку вместо ручного заполнения кодов
🥳 Возможность быстрого заполнения видео с таймкодами
🥳 Настройку цвета и раскладки таймкодов
🥳 Постоянную техническую поддержку
🥳 Регулярные обновления для поддержания стабильной работы

Важный момент: как и все мои приложения в каталоге GetCourse, таймкоды будут постоянно поддерживаться и обновляться. Если GetCourse внесет какие-то изменения в платформу или появятся новые требования - вы получите обновления автоматически. Я лично отвечаю за работоспособность каждого своего приложения!

🎁 Специальное предложение для ранних покупателей - стоимость со скидкой всего 6 000₽!

Как приобрести:

1. Перейдите на страницу https://edu.onthewaytothesun.ru/chtm/onewayShop/secretOffers
2. Скопируйте оффер приложения таймкодов
3. Замените в ссылке домен на свой
4. Перейдите по получившейся ссылке для доступа к скидочному тарифу

⚡️ Напоминаю, что специальные условия действуют только до официальной публикации приложений в каталоге GetCourse

При покупке вы получаете не просто код, а полноценный продукт с поддержкой и обновлениями
Please open Telegram to view this post
VIEW IN TELEGRAM
👍53
Понимаю, что сейчас путь до приложения может показаться немного сложным (с копированием оффера и заменой домена) - это временно, пока GetCourse не сделает публичные ссылки на приложения. Но если возникнут любые вопросы, я всегда на связи в @onthewaytothesun 🤝
Please open Telegram to view this post
VIEW IN TELEGRAM
2🔥1
Новостная лента Remake

Совсем недавно Даня Постнов в зуме посетовал на то, что оповещать клиентов Remake обо всех изменениях затруднительно. К счастью, пока я занимался разработкой remakeMini для chatium, я уже реализовывал концепцию, которая этот вопрос решала

Бац и Даня делает красивый UI для новостей, а за неполный понедельник делается приложение для постинга новостей в аккаунте Дани, а лента новостей доступна для встраивания в любую школу (каждая при этом видит только новости, которые постились конкретно для нее). На всех кнопках UTM-метки для сбора статистики по просмотрам 🥸

Даже если вычесть влияние чрезмерной понедельничной гиперактивности, Chatium поражает тем, как быстро можно смастерить что-то полезное 🤩
🔥103🤩1
This media is not supported in your browser
VIEW IN TELEGRAM
Друзья, готовлю к запуску свое третье приложение на базе Chatium — tgProxy!

Это умный посредник между GetCourse и Telegram, который добавляет боту GetCourse множество новых возможностей, не ломая при этом стандартный функционал.

На скринкасте можете заглянуть во внутрянку приложения

Что умеет tgProxy:

🔸 Создает заказы в GetCourse по словам-триггерам в Telegram
🔸 Сохраняет utm-метки при переходе в бота и создает бесплатный заказ
🔸 Записывает ответы пользователей в допполя разных типов (текст, комментарий, номер, да/нет)
🔸 Контролирует доступ к группам/каналам по сегментам GetCourse
🔸 Модерирует чаты с помощью фильтра спам-слов
🔸 Делает рабочими команды через BotFather с ответами в виде текста и кнопок
🔸 Чистит сообщения о входе/выходе из чатов
🔸 Экспортирует сообщения из вебинаров в отдельный чат

Приложение уже пару недель работает в тестовом режиме - за это время я проверил все возможные конфликты, доработал интерфейс и улучшил внутреннюю структуру 😎

tgProxy будет доступен по подписке и продолжит обрастать новыми функциями
🔥165👍3
Пока жду ревью tgProxy, периодически дополняю его функционалом.

Позавчера пришла мысль перенести туда лайт-версию бота-нейромодератора, которая будет модерировать только текстовые сообщения и описания мультимедийных. На выбор пока две модели — стандартная и фирменная, обученная по нейроботу 🧠

Стандартной модели можно прописать любой контекстный промпт, главное чтобы в ответе приходил json с параметром score от 1 до 5, хотя я мог бы просто дообучать различные модели и выдавать для использования в чатах tgProxy.

На момент этой публикации основной GetCourse бот с помощью нейросети удалил в моем сообществе уже более двух десятков спамеров 🔨

На скриншоте — админочка с настройками 🙌
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍2
Новогодние украшательства, которые подойдут в большинство школ

Близится Новый Год, а к нему принято украшать аккаунты праздничными красотами. И если нг-шапочки на аватарки могут не везде смотреться уместно из-за особенностей кастомной верстки, то эти решения могут вам пригодиться почти в любом проекте:

<div class="santa"><img src="/fileservice/file/download/a/94179/sc/323/h/af96fa83589379f5bf932ae55f55fddc.gif" alt="" /></div>
<style>
.santa {
position: fixed;
bottom: 10px;
right: -500px;
}
</style>

<script type="text/javascript">
$(document).ready(function() {
var windowWidth = $(document).width();
var santa = $('.santa');
santa_right_pos = windowWidth + santa.width();
santa.right = santa_right_pos;
function movesanta(){
santa.animate({right : windowWidth + santa.width()},15000, function(){
santa.css("right","-500px");
setTimeout(function(){
movesanta();
},10000);
});
}
movesanta();
});
</script>


Гифка с дедом морозом, который будет кататься по вашему геткурсу

<link rel="stylesheet" href="https://school.one-way.dev/chtm/libraries/puresnow.css">
<script src="https://school.one-way.dev/chtm/libraries/puresnow.js" defer></script>


Этот код сгенерирует снегопад. Снежинки белые, поэтому фону у сайта желательно быть не #FFF 😅


Чтобы код заработал, нужно подключить его в настройках аккаунта в раздел body
🔥9👍5👏3
Опасайтесь подделки

Хочу анонсировать выпуск своего первого хейтера 😄

Посему рекомендую проверять логин @onthewaytothesun и задавать парочку проверочных вопросов по чатиуму ☕️
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯19🤔4👏1😁1
В работе разработчика GetCourse периодически бывают ситуации, когда заказчику требуется верстка по готовому макету, но макетом назвать исходник — язык не поворачивается.

Почему так происходит и не в ЧСВ ли разработчика дело? 🤡 Предлагаю разобраться

🎨 Качество работы дизайнера

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

Полезный совет: если вы дизайнер, попробуйте использовать плагин https://html.to.design/home/. Пара кликов — и вы сохраняете HTML-структуру страницы со всеми группировками и размерами напрямую в Figma

🚴 Скорость и качество дальнейшей разработки

99% современных сайтов состоят из блоков, вложенных друг в друга как смерть Кощея в яйце. Как заяц был строго привязан к лебедю и генерировался после смерти последнего, так и каждый блок на сайте обычно закреплен в своем «родителе». Исключение — Tilda, созданная для дизайнеров, в которой блоки, словно стикеры на доске, прилеплены на одну поверхность и никак друг с другом не пересекаются.

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

Делая дизайн для тильды, дизайнер не использует современные возможности и делает нечто местечковое, что является некачественным подходом для большинства платформ в будущем

Полезный совет: стандартный Геткурс уже отрисован в макете: https://www.figma.com/design/S9leldSZmYTNKJOR6vefSN/GC-Zero-v2.0?node-id=1892-131&t=SOrocx9Ms7qZojrT-1
Можно брать там готовые группы и компоненты

📈 Дальнейшее применение

Я считаю, что к переоформлению личного кабинета должна толкать идея конкретных позитивных изменений для учеников. Улучшится ли что-то в лк ученика, если перекрасить ему десктоп-версию в красивые картинки, но либо отобрать за это мобильную версию, либо в целом ее на касаться? Однозначно, нет. Даже я, любитель пользоваться ПК и ноутбуками, нередко пользуюсь телефоном. Отсутствие мобильной версии в 2025 году меня не просто смущает, а дает стойкое понимание того, что платформу делали люди, совершенно не интересующиеся комфортом своей целевой аудитории.

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

Полезный совет: как уже было сказано в аналогии с Кощеем, группированные блоки легче переносить. Это касается не только переноса из места в место, но и мобильной версии. Правильно спроектированные блоки требуют в несколько раз меньше времени на адаптацию, а также их можно использовать в других частях макета, ведь переносить сгруппированные блоки проще и самому дизайнеру
🔥12👍115
Сегодня на канале выйдет пост с демонстрацией кейса. За довольно короткий срок в одной фитнес-школе в паре с дизайнером по сути создали новый тип страниц на GetCourse со своей логикой и интерфейсом с помощью экосистемы Chatium. Чатиум ускорил создание админки, сделал "общение" сервера с геткурсом нативным, в общем, то, что еще год назад я бы делал неделями, сейчас исчисляется днями

Что делает правильный фрилансер, когда у него появляется свободное время? Оформляет кейсы. Что делаю я — трачу его на еще больше разработок и экспериментов

Посему в канале появляется новая рубрика — "А что, так можно было"? В рамках этой рубрики я буду писать какую-то концепцию, то, как ее можно реализовать и использовать на практике. Польза для меня — не держу в себе и не ем себя поедом от того, что я бездействую с идеями за пазухой, польза для вас — в примере концепции, описанной техническим языком, по которой можно будет легко составить ТЗ для договора или подумать в новом для себя направлении

___

А что, так можно было? Система развития персонажа на Chatium

📌 1. Для реализации персонажа нам понадобится определиться со стилем, так как это определит специалистов, которых нужно нанять для разработки графики. Как минимум, определяемся с тем, будет реалистичная растровая графика или а-ля стикерная векторная, а также примерно обдумываем список будущих "деталей" персонажа

📌 2. Отрисовываем элементы персонажа, которые нам пригодятся изначально при запуске. Иллюстратору даем в тз обязательное условие — рисовать всё строго в одном фрейме Figma, чтобы элементы одной направленности (ноги, руки, голова, рот, глаза, уши и т.д.) были всегда на одном слое по оси вдоль взгляда наблюдателя и перещелкивая видимость в слоях фигмы мы могли "переодевать" персонажа.

📌 3. В Chatium проектируем базу данных с таблицами, содержащими:
а) Список "деталей" персонажа, где будет указано, что это (рука, нога, тело), цвет (в случае с векторной графикой можно подкрашивать детали в любой цвет на лету, за счет чего давать выбор цветов одежды и кожи, например), также у каждой записи детали можно держать условие получения. Например, делить на тип получения (за выполнение урока, за наличие в допполе какого-нибудь значения) и условие получения (если тип — выполнение урока, то в ячейке условия можно указывать, какой конкретно урок нужно пройти для получения)
б) Список учеников с деталями. При начислении "детали" мы будем брать их из числа существующих и закреплять уже за учеником
Этими таблицами БД не ограничивается, но это технически необходимый минимум. К каждой вещи можно придумать какие-то свои атрибуты, да хоть какой-нибудь "флексометр", который будет выдавать скидку на новые курсы, если ваш персонаж модно одет. К слову, если вы итак школа по модному луку, то редактор персонажа с комментированием от обученного вами нейроассистента вам может пригодиться и без системы прокачки 😏 (придумал пока форматировал текст для поста)

📌 4. Отрисовываем с помощью дизайнера внешний вид редактора персонажа. Там ученик может сменить доступные вещи, купить новые (ведь мы можем выдавать детальки и при создании оплаченных заказов на геткурсе), продать старые (но уже за бонусные рубли, а не за настоящие — не надо нам тут NFT-трейдинга)

📌 5. Создаем на Chatium API для взаимодействия редактора и наших баз данных. Предусматриваем как API для взаимодействия с учеником, так и для начисления призов (как раз разработчики Chatium анонсировали в будущем улучшить систему, по которой можно отслеживать сданные задания в уроках, что массово улучшит качество ряда разработок на чатиуме, будь то автоэкспорт ответов в другие сервисы или в чат спецов или автопроверки нейроассистентами)

📌 6. Допиливаем все начисления уже на стороне гк. В зависимости от того, за что мы начисляем предметы персонажу, мы либо настраиваем процесс выдачи предмета, либо пишем дополнительную логику, либо создаем продукты на геткурсе, которые потом нужно будет сматчить с деталькой
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥64
Если бы такой персонаж понадобился бы мне в моей школе, я бы нанимал иллюстратора, верстальщика (для верстки редактора), fullstack-разработчика (для программирования). Для дачи ТЗ этим специалистам мне бы понадобилось собрать базу учеников (хороший иллюстратор анализирует аудиторию перед стартом работы) и продумать воронку от лица ученика, где он должен видеть редактор, что конкретно должно мотивировать его вкладываться в развитие персонажа.


Это mvp поста в грядущей рубрике. Как считаете, будет ли полезна такая рубрика? Чего ей не хватает? Напишите в комментариях 👇
6
Клубная раскладка для GetCourse

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

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

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

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

Выглядит как наступившее светлое будущее фронтенда на GetCourse ☕️ ведь теперь, благодаря Chatium, мы можем отрисовывать полностью свои личные кабинеты на любых современных технологиях

P.s. На видео демонстрационная версия с нейросетевыми картинками-заглушками в тестовой школе
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍94