Веб‑приложение и отчёт для Айбинома

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

Главная страница приложения — список пациентов. Новый пациент создаётся из загруженных геномов. Чтобы блок загрузки было видно при скролле, мы зафиксировали его.

Драг‑н‑дроп работает на всей странице. Можно не целиться в конкретную точку, перетаскивая файл.

Список загруженных геномов прокручивается вместе с пациентами. Но если он меньше, то остановится, когда пользователь докрутит до последнего генома. Это помогает не терять из виду список геномов.

На странице фильтров мы сделали интерактивные искрографики. Оценки баз данных лежат на шкале от 0 до 60. Чем больше число, тем опаснее мутация и правее положение шарика на шкале.

Распространённость мутации показали веером из наклонных прямых. Угол прямой — арксинус значения распространённости. Чем он меньше, тем реже встречается мутация.

Страницу с технической информацией мы тоже привели к новому стилю сервиса.

Искрографики работают и на бумажном отчёте. Прямо под ними мы выводим таблицу со значениями оценок или распространённостей.

Я верстал ХТМЛ‑верии отчёта, которые мы потом конвертировали в ПДФ и распечатывали. Слева — финальный дизайн отчёта. Справа — после внедрения:

Проект для меня получился тяжёлый. Я не сталкивался с Ангуляром до Айбинома и переоценил себя. Посчитал, что сумею с ходу вникнуть в новую технологию и сделать работу качественно в срок. Так я подвёл команду.

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