Доработка админки GC

Разработка для GetCourse — это не только визуальное преображение, но и доработка и добавление новых настроек админки! Предлагаем вашему вниманию скринкаст, в котором на примере редактора лендингов добавлены новые стандартные блоки с мощным функционалом 💪🏿

С 21 по 23 марта пройдёт главное событие для техспециалистов сферы онлайн-образования — конференция Global EdTech Conference

Темы, затрагиваемые на конференции:

✅ Дизайн интерфейса и редизайн сеток для визуальных блоков
✅ Скрытые каналы передачи данных
✅ Источники трафика и денежные возможности партнерок
✅ Совершенствование админок, стимуляция пользователей и геймификация
✅ Нюансы технического аудита проектов
✅ Настоящее и будущее разных платформ для онлайн-школ
✅ Увеличение ценности услуг, новые дорогие услуги для техспецов и предпринимательский рост

Тема нашего @onthewaytothesun

Строим админку GetCourse под себя

В своём выступлении Антон раскроет тему, которую мы затрагивали в канале последнее время — полная no-code админка для техспецов, дающая при этом функции оформления и доработки школ

Изучайте программу, а развернутые объяснения по каждой теме вы услышите в эфире GETC 6.0 🔊🔊🔊

✏️Изучить программу

А еще — у вас есть скидка на билет🔥
При любом бронировании для вас действует скидка 10%, как для наших подписчиков.

🔎Обратите внимание на тарифы с доступом к записям — очень удобно!

И смело отмечайте в календаре:
Даты: 21-23 марта
Время: с 17:00 до 22:00

✊Встретимся на GETC — регистрируйтесь!

Организаторы обещают большой пакет бонусов 🎁🎁🎁 от спикеров.

Внимание всем школам, у которых стили и скрипты стояли сразу на весь аккаунт и кто пользовался приложением Chatium!

GetCourse сменил ссылку на внешний скрипт, по которому ранее разработчики определяли причастность к чатиуму. Теперь в проверке на чатиум следует использовать $('script[src*="getcourse_webview.js"]').length

Если вы не в курсе, как именно у вас в школе это работало, проверьте разделы со списками тренингов и/или уроков в приложении (веб-версия работает без проблем)

НОВЕЙШАЯ ТЕХНОЛОГИЯ, ОПРОБОВАННАЯ В КЕЙСЕ

Сегодня было сдано заказчику оформление школы Анастасии Лапиной. Заказано оформление было аккурат во время конференции GET6, поэтому на повышенной морали было решено применить новейшую "пушкабомбу" — индивидуальную админку для школы

Админка — кодовое название для системы скриптов, которые добавляют в школу возможность настраивать вид\компоновку\наличие отдельных решений никак не взаимодействуя с кодом. То есть на том месте, где в стандартном редакторе геткурс у вас перекати поле и запустенье появляется окно, где вы просто включаете тумблеры "сделать красиво", "включить тут слайдер с событиями", выбираете, какие уроки будут иметь картинку слева, а какие будут иметь картинку справа, жмёте "сохранить" и всё выстраивается как вы хотите автоматически. Еще и баги геткурса фиксит — красотища!

Но одно дело услышать, а другое дело — своими глазами узреть. Оценить работу админки можно в видео: https://www.youtube.com/watch?v=NbNZ1rySGJo

РАЗРАБОТКИ НА ПЕРСПЕКТИВУ: ЛЕЧЕНИЕ ПРИЛОЖЕНИЯ GC

Разработка для приложения GC порой упирается в нелогичные проблемы: список тренингов в приложении скрывает все элементы с классам lesson-title, названия тренингов в списке уроков отсутствуют, а в уроках невозможно выяснить, в каком тренинге находится этот урок.

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

Однако выход есть! Вчера был протестирован скрипт, который при заходе в редактор урока проверяет, есть ли внутри урока "блок-фиксер", и если нет — создает его. Начинка блока фиксера: заголовок тренинга-родителя, ссылка на тренинг родителя и навигационные элементы из веб-версии. Все это создание происходит в фоновом режиме, так что админ заметит только чуть более долгую загрузку редактора в первое открытие. Если вы только что создали урок — он уже с фиксером. Если вы копировали урок — вам нужно зайти в его редактирование и скрипт-фиксер сам себя создаст\обновит при несовпадении своего содержимого с веб-версией.

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

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

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

Страничку также можно пощёлкать в тестовой школе https://edu.onthewaytothesun.ru/sales/shop/dealPay/id/309639874/hash/e1a1

https://youtu.be/E8BiROedldY

Таймкоды для геткурса и не только

Возможно, кто-то из вас в курсе, что я являюсь разработчиком кода видео с таймкодами для уроков GC. Эта разработка в свое время далась мне нелегко: это была моя первая разработка, которая меняет сама себя + в некоторых школах код конфликтовал с их структурой (старые школы даже блоки имеют не как новые), также всплывали иногда мелкие проблемы, которые неизбежны для обычного html-видео

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

https://edu.onthewaytothesun.ru/ytdefault
(Кликните по времени для переключения время видео)

СТИКЕРЫ ДЛЯ GC

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

https://www.youtube.com/watch?v=WPeoaOPCfBI

Ура ура! Вот и ребрендинг.
Inky » One Way

Новое лого и новое название с проверенным качеством💪. Не теряйте нас 😉
Писать можно по прежнему @onthewaytothesun

ОЧЕНЬ КРУТОЕ ОБНОВЛЕНИЕ GETCOURSE ДЛЯ ПРИЛОЖЕНИЯ

В разделе бокового меню в "приложении" появился раздел IDE, который упрощает разработку в чатиуме. Это невероятно удобный инструмент!
Прямая ссылка туда будет выглядеть как https://ВАШДОМЕН/chtm/s/ide/?purl=%2Fchtm%2F

ДИЗАЙН-МАКЕТ СТАНДАРТНОГО GC

В свободное от работы, ведения бесплатного канала с разработками по таплинку, преподавания в клубе магии CSS и создания разработок на перспективу для GC я занимаюсь отрисовкой стандартного геткурса в фигме.

Использовать такой стандартный макет вы можете по ссылке: https://www.figma.com/file/S9leldSZmYTNKJOR6vefSN/GC-Zero-v2.0?type=design&node-id=1052%3A422&t=ReFByfMuikBmvWT5-1

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

Вам макет может пригодиться:
1. Для дачи ТЗ на созвонах дизайнерам и техспецам, если вы продюсер. Сможете показать что и где хотите поменять
2. Для создания дизайн-макета, если вы веб-дизайнер. Просто возьмите готовый компонент и добавьте цвета — вам не придется с нуля отрисовывать гк интерфейс, узнавать у разрабов про размер колонки и т.д.
3. Для упрощенного взаимодействия с дизайнерами, если вы разработчик. После того, как я стал давать этот файлик дизайнером, количество макетов с шириной макета по типу 4678px и обилием отсутствующих в гк кнопок уменьшилось в разы
4. Для дизайнеров стандартного гк — посмотрите, что вы наделали!

P.S. Макет будет периодически дополняться, на очереди состояния уроков и мобильная версия

ВЫЗОВЫ URL С КИРИЛЛИЦЕЙ

Есть в GC такой блок в процессах как "вызов URL". Использоваться может много для чего, но техспецы могут столкнуться с необходимостью создать там запрос на рассылку или добавление какой-либо инфы в смс-центры\сейлботы и прочее

Как составить правильно? Простой вызов в духе https://example.com?message=Здарова, ученики вызовет ошибку. Даже если вы предварительно вставите этот текст в адресную строку и браузер перекодирует вам адрес в https://example.com?message=Здарова,%20ученики, все равно геткурс ничего никуда не отошлет.

Чтобы не морочиться с декодированием кириллицы в гк есть один простейший способ. Просто создайте допполе типа "строка", поменяйте значение строки с помощью процесса для нужного количества пользователей, а затем вызовите урл по инструкции гк https://getcourse.ru/blog/275857

Например, при вызове по пользователям будет https://example.com?message={object.mailmessage} будет браться содержимое поля mailmessage, автоматичеки декодироваться и отсылаться