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