TEACH-IN
Онлайн-лекторий, где собрано более 540 учебных курсов с естественно-научных факультетов МГУ им. М. В. Ломоносова.
Задача проекта
Разработать мобильное приложение, которое предоставляло бы удобный доступ к курсам лектория с мобильных устройств и обеспечивало возможность просматривать материалы офлайн.
Аналитика и дизайн
В рамках этапа был проведён анализ существующего веб-сервиса Заказчика. При разработке дизайна существующий визуальный стиль сайта был перенесён в мобильное приложение для сохранения преемственности. Отдельно был спроектирован и разработан дизайн под iPad для того, чтобы пользоваться приложением на планшете стало ещё удобнее.
Дизайн был разработан в инструменте Figma, одновременно с дизайном разрабатывался и UI-KIT.
Функциональность мобильного приложения
Главный экран
На главном экране приложения разместили баннерную карусель с новинками. При нажатии на баннер пользователь переходит на экран выбранного курса, а при нажатии на аватар лектора — на экран с информацией по данному лектору.
Также на экран выведен список с подборкой самых популярных курсов, который можно отфильтровать по предметам.
Отдельного внимания заслуживает функциональность поиска. Умный поиск находит введенную пользователем фразу в курсах, лекциях, лекторах, секциях видеопотока и сразу подсвечивает её.
Курсы
В разделе приложения “Курсы” пользователь может познакомится со всеми курсами, размещёнными на площадке лектория. Для поиска можно пролистать список, воспользоваться сортировкой, поиском или фильтрами.
Для фильтрации можно указывать такие параметры, как:
- тип материала
- тема
- факультет
- курс
- семестр
- лектор
Также есть возможность применять несколько параметров для фильтрации для того, чтобы сделать поиск наиболее точным.
Курс
Выбрав интересный курс, пользователь начинает знакомство с ним. На экране курса можно просмотреть краткую информацию о нём, количество лекций, узнать, какой лектор ведёт курс, и перейти на экран с информацией о лекторе, посмотреть количество просмотров курса и дату его записи. Также можно поделиться ссылкой на курс.
Во вкладке «Видео» находятся записи лекций. Для просмотра видеопотока можно развернуть плеер на весь экран, увеличить скорость воспроизведения. А для просмотра лекции в офлайн-режиме ее можно добавить в избранное и загрузить на устройство. Каждый видеофайл разбит на временные секции. Пользователь может посмотреть их список и перейти к просмотру нужного раздела.
Во вкладке «Материалы» находятся дополнительный материал к лекции, который можно посмотреть или скачать на устройство.
«О курсе» — состав курса, список тем всех лекций и список всех временных секций лекций. Возможен переход для просмотра выбранного фрагмента лекции.
Лекторы
В этом разделе доступен список лекторов, чьи курсы размещены на платформе. Для подбора, как и в других разделах, есть фильтр. Информация о лекторе включает его фотографию, научное звание, направление научной деятельности. Есть подборка всех курсов лектора и материалов к ним, которые доступны для просмотра и скачивания.
Избранное
Тут хранятся добавленные в «Избранное» и скачанные лекции и материалы. Также пользователь может сам загружать материалы.
Сделали удобный инструмент для просмотра учебных курсов и работы с учебными материалами.
Kotlin
разработка под Android
Swift
разработка под iOS
UX/UI-дизайнер
1 человек
iOS-разработчик
1 человек
Android-разработчик
1 человек
Тестировщик
1 человек
Руководитель проекта
1 человек
Портфолио
Хотите аналогичный кейс?
Расскажите о вашем проекте и оставьте контакты — мы скоро свяжемся с вами.