Глобальное обновление отображения результатов Lamptest.ru

Сегодня я рад представить вам полностью переработанную страницу отображения результатов тестирования светодиодных ламп на Lamptest.ru. Динамическое обновление таблицы, умный поиск, всплывающие подсказки, управление столбцами, наглядное отображение типа лампы — это далеко не все изменения.

1601ca6d4bc37820d9603f6fc6ddf0fe.png


Отображение таблицы результатов теперь можно настраивать по своему вкусу. Можно включать и выключать любой столбец, выбирать количество строк, отображаемых на странице, включать и выключать цветовую подсветку отличия протестированных параметров от заявленных. Есть три пресета, включающие минимальное отображение информации, стандартное отображение, и отображение всех столбцов. К каждому заголовку столбца есть всплывающая подсказка.

44ee098765245c3901f503e5b5c522e5.png

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

c26cbbd6f3d60d24abea655aa8685631.png

Цветовая подсветка позволяет сделать восприятие заявленные параметров более комфортным: цветовая температура подсвечивается голубым, серым или жёлтым цветом (холодный-нейтральный-тёплый свет), красным цветом подсвечиваются нестандартные напряжения питания ламп (12 и 24 В), серым — признак того, что лампа матовая, горчичным — филаментные лампы. К каждому из этих элементов есть отдельная всплывающая подсказка.

500f7aa5e21a3406163f92d5971af629.png

При наведении курсора на значок «фото», показывается маленькая всплывающая фотография лампы.

d5207dba9dc58e4fde0e160a09de3c7f.png

Разумеется, при щелчке в этот значок, открывается большая фотография.
Как и прежде, таблицу можно сортировать по любому параметру в прямом и обратном порядке, нажимая на заголовок соответствующего параметра.

Форма фильтров также претерпела большие изменения. Все параметры теперь расположены по вертикали. К каждому параметру есть всплывающая подсказка. Бренды показываются в длинном списке с прокруткой, причём список разделён на две части: в начале 15 брендов, ламп которых протестировано больше всего, затем все остальные бренды.

3aa4869d3e627c8c759bc42dfc01dcbd.png

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

af0d5f79d80a2a4e1fbd5c571712481d.png

Помимо всех обновлений отображения, в таблице появились две новые колонки: Rf и Rg — это индексы цветопередачи Fidelity и Gamut нового стандарта измерения цветопередачи освещения TM-30–15. Их пока нет в карточках ламп и они указаны лишь для последних ста протестированных ламп, но скоро они появятся в карточках и будут добавлены для всех ламп протестированных за последний год.

Новую систему отображения результатов можно сравнить со старой, по-прежнему доступной по адресу lamptest.ru/results.

В заключение хочу выразить огромную благодарность программисту SviMik, создавшему всю эту AJAX-красоту, а также всем тем, кто бескорыстно работает над проектом. Это:
Сергей Андреев, создавший сайт,
Антон Мельников, создавший новое мобильное приложение для Android,
Матвей Иванов, реализовавший подсчёт итоговой оценки в Excel,
Юрий Андриевский, создавший генератор отчётов спектрометра.

А ещё благодарю всех, кто жертвует деньги на развитие проекта, и всех, кто помогает советами.

P.S. По секрету скажу, что сейчас вовсю идёт разработка приложения Lamptest для iOS. Надеюсь, скоро оно станет общедоступным.

© 2019, Алексей Надёжин, создатель проекта Lamptest.ru

© Habrahabr.ru