Услуги

  • Сайты

  • Контент

  • Продвижение

  • Битрикс24

  • Приложения

Все услуги Оплата
Все услуги Оплата

Поиск

  • Разработка интернет-магазина под ключ
  • Разработка сайтов
  • Разработка леднигов
  • Разработка на битрикс24
  • Разработка на Вордпресс
		Array
(
    [0] => 
    [1] => https://webnauts.pro/wp-content/uploads/2021/12/foto-1.png
    [2] => 1279w
)
		

Разработка личного кабинета студента для онлайн-школы

О проекте

Светлана Шатаева — наш постоянный клиент и практикующий астролог. Мы уже писали о том, как разработали сайт для онлайн-школы астрологии Светланы Шатаевой и создали пакет графики со знаками зодиака.

Этот кейс мы решили посвятить ещё одному объемному блоку нашей работы, в рамках которого разработали личный кабинет для онлайн-школы, причем как для администратора курсов, так и для обычных пользователей — студентов курса.

Задача

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

Решение

Мы приняли решение разрабатывать личный кабинет на фреймворке Django — программном каркасе, написанном на языке программирования Python. Фреймворк Django отличается широкими возможностями и подходит для разработки сложных сайтов и web-приложений, поэтому оказался особенно актуальным в нашем случае.

На заметку! Фреймворк Django активно используется компаниями с мировым именем. Так, крупнейший видео-хостинг YouTube — часть компании Google, — написан именно на нём. Google Search, DropBox, Instagram, Pinterest — эти сайты также используют Django.

Важно также то, что Django защищен от распространенных видов атак, включая XSS и CSRF атаки. Большинство известных атак легко обрабатываются механизмами фреймворка, а значит — разработки на Django отличаются повышенной web-безопасностью. Фреймворк отлично подходит для сайтов и приложений, которые работают с интеллектуальной собственностью и авторскими продуктами.

Дизайн и возможности ЛК студента

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

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

На главной странице студент сразу же видит курс (один из трех вариантов, покупка которых доступна на сайте онлайн-школы). Курс поделен на блоки, наполнение которых корректирует администратор в своем личном кабинете.

01

/ 02

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

В учебных блоках студентам доступен непосредственно материал для работы. Это текстовые и видео-лекции, вебинары и другое наполнение по усмотрению преподавателя.

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

Видео-лекции студенты могут смотреть с помощью виджета YouTube также прямо в личном кабинете.

С главной страницы личного кабинета пользователи могут попасть в несколько других разделов. Один из них — «Настройки», в котором можно заполнить личный профиль: добавить фото, прописать e-mail или изменить пароль для входа.

Также есть вкладка «Задать вопрос» для поддержки связи с преподавателем. В ней есть полноценный мессенджер, в котором можно обмениваться сообщениями и прикреплять файлы.

Ещё мы дублировали все три страницы ЛК в выпадающий список, который открывается в шапке кабинета возле никнейма студента.

Личный кабинет администратора (преподавателя): функциональные решения

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

Настройки доступа и домашние задания

Во вкладке Access («Доступ») можно открывать доступ к одному из трех тарифов по курсу: «Слушатель», «Студент» или «Практик».

Здесь же можно создавать домашние задания с одним из четырех статусов: «В работе», «Отправлено на проверку», «Возвращено с правками» и «Принято». Такое решение позволяет качественно прорабатывать задания, не прибегая при этом к сторонним ресурсам и мессенджерам — всё происходит исключительно в ЛК.

Пользовательский чат

Вкладка Chat >> User chats позволяет преподавателю самому создавать чат со студентом на выбор. Здесь также можно прикреплять файлы.

Курсы: легкое администрирование

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

Во вкладке «Общие данные» можно добавлять материалы, не являющиеся учебными, — например, договор оферты или инструкцию по приобретению программы курса. Эти материалы будут дублироваться для разных курсов и их не нужно будет добавлять заново при создании нового курса. Здесь также предусмотрен удобный визуальный редактор. В этом же разделе можно добавлять ссылки на видео из видео-хостингов YouTube и VIMEO или же ссылку на ZOOM-вебинар.

Например, так выглядит добавление текста оферты в кабинете преподавателя:

Так уже готовый материал отображается в кабинете студента:

А во вкладке «Студенты» хранятся все необходимые данные о студентах курса.

«Мои действия»: безопасность и удобство

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

Заключение

Как видите, возможности команды Вебнавтов если не безграничны, то очень широки. Мы умеем «говорить» на различных языках программирования и использовать их для достижения разных целей и решения даже самых сложных технических задач. Разработка личного кабинета преподавателя и студента для онлайн-школы астрологии — неопровержимое тому доказательство. Первые студенты уже оценивают качество нашей работы, а мы готовы помочь создать и настроить подобную систему обучения и для других клиентов.

Хотите заказать разработку личного кабинета для школы, онлайн-курсов или любого другого формата обучения?

Мы имеет богатый опыт создания такого функционала - с уроками, домашними заданиями, контролем доступа, чатом с преподавателем и другим важными фичами. Заполните форму, чтобы обсудить техническое задание по Вашему проекту!