Личный кабинет студента для онлайн-школы
О проекте
Светлана Шатаева — наш постоянный клиент и практикующий астролог. Мы уже писали о том, как разработали сайт для онлайн-школы астрологии Светланы Шатаевой и создали пакет графики со знаками зодиака.
Этот кейс мы решили посвятить ещё одному объемному блоку нашей работы, в рамках которого разработали личный кабинет для онлайн-школы, причем как для администратора курсов, так и для обычных пользователей — студентов курса.
Задача
При разработке сайта онлайн-школы астрологии возникла необходимость создания личного кабинета учащегося курсов. Более того, необходимо было разработать две версии кабинета: админ-панель (для преподавателя) и пользовательскую (для студентов). Соответственно, каждый вариант должен выполнять ряд задач, быть максимально комфортным и визуально приятным.
Решение
Мы приняли решение разрабатывать личный кабинет на фреймворке Django – программном каркасе, написанном на языке программирования Python. Фреймворк Django отличается широкими возможностями и подходит для разработки сложных сайтов и web-приложений, поэтому оказался особенно актуальным в нашем случае.
На заметку! Фреймворк Django активно используется компаниями с мировым именем. Так, крупнейший видео-хостинг YouTube — часть компании Google, — написан именно на нём. Google Search, DropBox, Instagram, Pinterest — эти сайты также используют Django.
Важно также то, что Django защищен от распространенных видов атак, включая XSS и CSRF атаки. Большинство известных атак легко обрабатываются механизмами фреймворка, а значит — разработки на Django отличаются повышенной web-безопасностью. Фреймворк отлично подходит для сайтов и приложений, которые работают с интеллектуальной собственностью и авторскими продуктами.
Дизайн и возможности ЛК студента
Первое, что мы сделали — привлекли к проекту дизайнера. Зачастую личный кабинет — это простой интерфейс без особых графических изысков. Но, чтобы поддерживать фирменный стиль школы, личный кабинет должен ему соответствовать. Поэтому для его разработки мы тоже задействовали таланты наших дизайнеров — особенно в отношении личного кабинета студента, ведь именно он будет лицом школы на протяжении многих месяцев обучения.
Конечно же, мы сначала разработали прототип и тестовый дизайн, который согласовали с заказчиком — и только после приступили к реализации задачи.
На главной странице студент сразу же видит курс (один из трех вариантов, покупка которых доступна на сайте онлайн-школы). Курс поделен на блоки, наполнение которых корректирует администратор в своем личном кабинете.
В нулевом блоке студенты знакомятся с инструкцией, договором оферты, расписанием и могут просмотреть вводный вебинар.
В учебных блоках студентам доступен непосредственно материал для работы. Это текстовые и видео-лекции, вебинары и другое наполнение по усмотрению преподавателя.
В блоках с лекциями доступно также скачивание домашнего задание и форма для сдачи уже выполненной работы – предусмотрено как окошко для текста, так и возможность прикрепления файлов.
Видео-лекции студенты могут смотреть с помощью виджета YouTube также прямо в личном кабинете.
С главной страницы личного кабинета пользователи могут попасть в несколько других разделов. Один из них — «Настройки», в котором можно заполнить личный профиль: добавить фото, прописать e-mail или изменить пароль для входа.
Также есть вкладка «Задать вопрос» для поддержки связи с преподавателем. В ней есть полноценный мессенджер, в котором можно обмениваться сообщениями и прикреплять файлы.
Ещё мы дублировали все три страницы ЛК в выпадающий список, который открывается в шапке кабинета возле никнейма студента.
Личный кабинет администратора (преподавателя): функциональные решения
Попадая в «админку», преподаватель получает полный доступ ко всем необходимым функциям и настройкам.
Настройки доступа и домашние задания
Во вкладке Access («Доступ») можно открывать доступ к одному из трех тарифов по курсу: «Слушатель», «Студент» или «Практик».
Здесь же можно создавать домашние задания с одним из четырех статусов: «В работе», «Отправлено на проверку», «Возвращено с правками» и «Принято». Такое решение позволяет качественно прорабатывать задания, не прибегая при этом к сторонним ресурсам и мессенджерам — всё происходит исключительно в ЛК.
Пользовательский чат
Вкладка Chat >> User chats позволяет преподавателю самому создавать чат со студентом на выбор. Здесь также можно прикреплять файлы.
Курсы: легкое администрирование
Еще одна вкладка «Курсы» создана для управления курсами и информационной базой. Всего в пару кликов можно создать курс — для этого предусмотрен интуитивно понятный визуальный редактор со всеми необходимыми кнопками, обозначенными знакомыми всем иконками. Есть возможность загрузки Preview (превью) и добавления блоков.
Во вкладке «Общие данные» можно добавлять материалы, не являющиеся учебными, — например, договор оферты или инструкцию по приобретению программы курса. Эти материалы будут дублироваться для разных курсов и их не нужно будет добавлять заново при создании нового курса. Здесь также предусмотрен удобный визуальный редактор. В этом же разделе можно добавлять ссылки на видео из видео-хостингов YouTube и VIMEO или же ссылку на ZOOM-вебинар.
Например, так выглядит добавление текста оферты в кабинете преподавателя:
Так уже готовый материал отображается в кабинете студента:
А во вкладке «Студенты» хранятся все необходимые данные о студентах курса.
«Мои действия»: безопасность и удобство
В отдельную колонку мы вынесли историю действий в кабинете преподавателя. Это не только позволяет контролировать возможность несанкционированного доступа к материалам курса, но и при необходимости напомнит администратору, на чем он остановился, работая в кабинете.
Заключение
Как видите, возможности команды Вебнавтов если не безграничны, то очень широки. Мы умеем «говорить» на различных языках программирования и использовать их для достижения разных целей и решения даже самых сложных технических задач. Разработка личного кабинета преподавателя и студента для онлайн-школы астрологии — неопровержимое тому доказательство. Первые студенты уже оценивают качество нашей работы, а мы готовы помочь создать и настроить подобную систему обучения и для других клиентов.
Комментарии