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

По вопросам пишите 👉 @onthewaytothesun
Download Telegram
📌Новый шаблон оформления GC от One Way Studio!

https://edu.onthewaytothesun.ru/template

Каждая онлайн-школа уникальна. А значит много шаблонов оформления не бывает 🙂

Рады анонсировать новый шаблон simpleTemplate!

simpleTemplate, в отличие от первого шаблона студии, ставит во главу угла лаконичность, минимализм и функциональность.

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

Главные особенности оформления:

1. 4 сетки тренингов на выбор
Сетки выбираются без кода в любом тренинге индивидуально

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

3. Встроенный календарь и набор кнопок, который вы можете добавлять без кода

4. Html-баннер, который вы можете добавлять в любой тренинг без кода

5. Заставка для ПК и телефонов, которую вы можете поставить без кода

6. Стилизация в приложении идентична веб-версии, а переключение на вкладку задания и обратно не приводит к дёрганной перезагрузке, как во всех других оформлениях

Шаблон включает в себя страницы:

1) Страницу входа, регистрации и восстановления пароля
2) Список тренингов
3) Список уроков
4) Типовой урок
5) Страницу оплаты

Для уточнения подробностей пишите мне в личные сообщения - @onthewaytothesun 🙃 буду рад обновить внешний вид вашей школы!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11🎉43👍1
Кастомизация нового шаблона оформления GC от One Way Studio

Шаблонное оформление может быть уникальным!

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

В процессе создания шаблона мы разделили каждый элемент на свою категорию и перекрашивали в соответствии с назначением.

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

🎨 Мало перекраски цветов? В simpleTemplate добавлены админки для смены фоновой картинки страницы входа и для выбора сеток тренингов, а также сделали небольшой конструктор готовых блоков для сайдбара тренингов!

Теперь не нужно обращаться к разработчику, чтобы освежить внешний вид приевшегося шаблона — достаточно зайти в настройки, нажать пару кнопок и вуаля — ваш тренинг уже выглядит по-новому
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
8👏1
Виджет FAQ для техподдержки

В вашу техподдержку регулярно задают одни и те же вопросы? Решите это с помощью дополнительной автоматизации виджета техподдержки 🤖

Пример реализации: при нажатии на кнопку "новый разговор" создается слой фейковой переписки над настоящей, где показываются популярные вопросы. При нажатии на популярный вопрос пользователь получает заранее заготовленный ответ. 👌

Цепочку вопросов и ответов, а также имя и аватарку бота можно редактировать в no-code режиме благодаря js-интерпретатору кода вида в удобную админочку 🤌админка перезаписывает специальный лист темы, состоящий из js-переменных и работает с другой темы, чтобы скрипт не мог перезаписать сам себя.

Хотите FAQ в виджет техподдержки для своей школы? Напишите @onthewaytothesun в личные сообщения
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍2🔥1🤯1
Виджет FAQ готов к установке

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

Как это настраивается?
У вас в школе появляется админка для настройки диалогов. Вы можете перезадать там имя бота, отвечающего в диалоге, вставить другую ссылку на аватарку, а также задать любое число вопросов и любое число ответов. Чтобы при клике на ответ вызывалось следующее сообщение, текст следующего сообщения должен быть равен тексту ответа, по которому кликают. Чтобы вопрос был на стартовом экране, нужно нажать на иконку короны, чтобы перевести ее в активное состояние (повторный клик сделает ее неактивной и уберет вопрос со стартового экрана). Для удаления вопросов достаточно стереть весь текст и нажать кнопку стирания текста еще раз.

Какие проблемы решает?
Виджет FAQ снижает нагрузку на техподдержку. Вы можете разместить туда самые популярные вопросы и дополнить их в любой момент без кода. Также виджет поддерживает специальные команды. ⚙️
Например, если вы вставите ответ на вопрос <div class='function hidden'>prolong</div>, в чат отправится самозагружаемый элемент, который соберет у ученика продукты, которые можно продлить и соберет готовый компонент для продления. Также есть спец команда для встраивания блоков лендингов, а если вы придумаете хорошую и полезную для сообщества GetCourse команду, она появится в виджете бесплатно, если она будет технически реализуема☺️

Стоимость решения — 15 000₽. Для покупки писать в личку @onthewaytothesun
4👍4🔥2
Генератор popup-блоков для bizon365

bizon365 изначально не поддерживает всплывающие окна в продающих блоках. Однако можно сделать их с помощью js. Для более удобного создания всплывающих окон держите гайд с генератором

Страница с генератором не имеет мобильной версии
🔥62👍2
В чем секрет быстрого запуска?🔜

В энергии кота-бориса? В количестве сертификатов у специалистов?

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

Один из способов ускорить запуск — правильно организовать подход к дизайну 🛠

Создание единого UI-кита и компонентов позволяет ускорить работу по всем направлениям. 👌

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

Какой минимум элементов должен быть в UI-ките?
1. Все разновидности текстовых элементов в переменных
2. Основные цвета
3. Отрисовка всех динамических элементов. Если дизайнер рисует чекбокс, он должен иметь оба состояния, а не только включенный или выключенный вариант


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

Посмотрите на второй скриншот. Все элементы были добавлены на страницу в течение 15 минут, а благодаря тому, что все элементы прописаны согласно общему стилю, никакой "подгонки" блоков под ситуацию даже не требуется 🐈‍⬛

А часто ли вы видите UI-киты в дизайн-макетах GetCourse?
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥75👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Виджет опроса внутри GetCourse

Будни для работы, а суббота — идеальное время для неспешной доработки пятничных вечерних пет-проектов 😎

Пет-проект — это разработка, идею которой я придумал или где-то вдохновился и которую делаю как концепцию бесплатно и для себя 🖍

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

🤝 Виджет показывает актуальное число проголосовавших и три случайные аватарки голосовавших.

Не имеет обилия запросов к серверам GetCourse, что является достоинством сейчас, когда при большом количестве запросов с вашей страницы у каких-то из них могут случиться "аварийные отключения", и что может быть опасно, если в вашей школе работают разные разработчики или вы ставите различные готовые кодовые решения 🐈‍⬛
Please open Telegram to view this post
VIEW IN TELEGRAM
11🔥8🤯2
🥩 FARSH — конфа для техспецов

Уже скоро, 15 февраля пройдет конференция для техспецов. В отличие от GETC, FARSH будет посвящен обзору технических новинок в рамках платформы GetCourse

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

Рассказывать буду об админках, о том, что у них под капотом и какие они бывают.
Таким образом, будут рассказаны механики:
1. Блоков по типу блока таймкодов, которые умеют сами себя перезаписывать, сохраняя ваши настройки
2. Блоков по типу "последний просмотренный\последние просмотренные\лайкнутые"
3. Админки для разделов, какие есть только в шаблоне One Way
4. Механику, с помощью которой можно добавить любую новую сущность для любого контента в гк. Например, добавить для тренингов и уроков возможность устанавливать любые картинки с делением на "пк-картинка" и "мобильная картинка", а также сделать это более надежным способом, чем тем, которым сейчас пользуются все

Помимо обзора технических новинок будут инсайды по гк, дебагу популярных ошибок и советы по тому, как учиться писать подобное самому. При покупке по ссылке вы получите 10% скидки 👇👇👇

Онлайн конференция FARSH

Помимо моего выступления эфир будет заполнен достойнейшими из спецов по GC, каждая тема которого также рекомендуется к просмотру 🤌 Добро пожаловать!
🔥6👍3
🥩 НаFARSHировали супер-папку!

😊 Нажимаете «Посмотреть чаты», затем "Добавить папку" и теперь вы подписаны на все Telegram-каналы топовых технарей в сфере EdTech 😎
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥64👍2
О ФОРС-МАЖОРАХ

Когда я не знаю, что сказать, я просто говорю правду.

Сейчас в 18:45 по Бангкоку был восстановлен доступ к ресурсам One Way Studio после довольно серьезной проблемы.

Что за проблема?

На прошлой неделе с моего устройства периодически возникали проблемы со всеми скриптами, загруженными на мои домены onthewaytothesun.ru и one-way.dev. Иногда браузер давал ошибку из-за таймаута, что означает, что сервер не ответил моему ноуту вовремя. Сервер для всех файлов раньше был на timeweb, известной и хорошей Российской компании. Я подумал, что проблема в Таиланде, т.к. даже поиск в хроме периодически выдает таймауты, поэтому сделал кеширование на Cloudflare (этот сервис "делает копию" моих файлов и я могу подключиться к ним не через питерский таймвеб, а через Сингапур, например, что для меня ближе)

А дальше?

Утро 20 февраля. В канале с бесплатными разработками для taplink поступает жалоба, что один из кодов не работает. Открываю onthewaytothesun.ru — не грузит. one-way.dev грузит через раз. Провожу диагностику — отныне onthewaytothesun.ru открывается только с территории России

Как исправлялось?

Был куплен второй хостинг от зарубежной компании. Все проекты (скрипты, оформления, интеграции) были дублированы на второй сервер. Был добавлен failover (система, которая подключает запасной сервер, если основной недоступен). У нового хостинга другой веб-сервер, другая админка, другое всё. Переписывание части коннекторов, перенос SSL.

В 19 часов по Бангкоку/15 часов по Москве уже все и везде работает без каких-либо ошибок.

Какие выводы?

Теперь, похоже, придется учитывать, что Россия может блокировать трафик из-за рубежа. Зарубежный сервер и домен работают из России, но нельзя точно сказать, будут их блокировать. Так или иначе, но способы решения есть уже сейчас + наверняка IT-сфера постепенно приноровилась бы и к Чебурнету в случае необходимости.

Так как я продавал и раздавал бесплатно свои скрипты, чтобы всё у вас работало за рубежом, найдите в коде onthewaytothesun.ru и замените на one-way.dev. Если живете в России, то проблем вы, скорее всего, даже не заметили 😄


Кому спасибо?

@xDemonME, спасибо за миллионы сохраненных нейронов🫡🫡
6🤯4🤔3👍2🔥2
Как ускорить наполнение уроков и статей в GC

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

Написал скрипт, который решает эту проблему. Скрипт можно ставить в расширение userJS — https://chromewebstore.google.com/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld

скрипт:
if (window.userInfo.isAdmin) {
$('.image-box').each(function(){
let hash = $(this).find('img').attr('data-hash');
let $getElem = $(`<span class="image-id-fetcher glyphicon glyphicon-download-alt"></span>`)
$(this).append($getElem);
$getElem.click(function(){
$(this).css('color','red')
let link = `/fileservice/control/account/storage?FileAccountStatStorageFilter%5Bfilename%5D=&FileAccountStatStorageFilter%5Bstat_type%5D=0&FileAccountStatStorageFilter%5Bpath%5D=${hash}`
$.get(link,(data)=>{
var pageDom = $('<x/>').append($.parseHTML(data));
$getElem.replaceWith(`<span class="image-id-fetcher">${pageDom.find(('.gc-file-link')).attr('data-file-id')}</span>`)
})
})
})
}


ксс:

.image-box {
position:relative;
}
.image-id-fetcher {
position:absolute;
bottom:0;
left:0;
cursor:pointer;
}



Этот скрипт генерирует у всех блоков картинок кнопочку. Нажатие на кнопочку запустит процесс поиска айди картинки по ее хешу (в это время иконка будет гореть красным). Как только поиск закончится, вместо иконки появится айди, который удобно копировать. Итого вся статья была перенесена за 2 минуты благодаря скрипту, написанному за 10 минут
👍11🔥2