В этой статье мы говорим о Дрон CI , очень мощный, легкий, на основе докера, многопроводов, многоплатформенный, с открытым исходным инструментом CI/CD. Drone запущен в 2012 году и, как и многие другие инструменты с открытым исходным кодом, были сделаны разработчиками, так и для разработчиков, поэтому не хватало удобренного пользователя интерфейса.
Я надеюсь, что мы наконец изменили это …
Мы на Пиксельная точка Используйте Drone на много разных проектов, на повседневной основе, поэтому мы решили его улучшить. После месяцев работы мы рады объявить New Drone V1.0.0, который готов к использованию сейчас.
Новая версия
Старая версия
Исследуйте предыдущее решение
Основная цель изменения состояла в том, чтобы улучшить UX, затем интерфейс UI. Мы рассмотрели существующие проблемы с Drone, найденным на GitHub, затем собрал отзыв от наших разработчиков и основателя Дрона, Брэда Рыдшевского.
Исходя из этого, мы составили список основных вопросов:
- Сложная и неясная навигация
- Смущение отменить действие сборки
- Отсутствие взаимодействия пользователей во время активации репозитории
- Отсутствие адаптивной поддержки дизайна для мобильных и планшетных устройств
- Нет четко определенной домашней страницы
- Проблемы масштабируемости интерфейса и отсутствие пространства для новых функций
- Неясные настройки сохранения
Мы также создали список новых предстоящих функций, которые включают в себя многопроводные сборки, поддержку заданий CRON и новые настройки репозитория.
Новые идеи и реализация
Ключевая навигация — Поиск Для начала мы решили сделать функцию «поиска» ключевым компонентом для навигации по репозиториям и для их активации. Он включен в верхней части каждой страницы и доступен с ярлыком «/». При использовании поиска вы можете увидеть сводку хранилища и состояние последней сборки.
Карты Мы разработали карты для репозиториев, используя информацию, которая была наиболее полезной и пытаясь создать как можно более гибкому решению. Например, название карты на главной странице является название репозитория, а вторая строка — это читаемая человеком фраза с важной информацией.
Мы построили его на основе автора фиксации, события, филиала и совершения сообщения. Это решение масштабируется лучше, чем вид таблицы, где каждый столбец предназначен для определенного поля. Используя наше решение, вы можете легко рухнуть его и сломать по линии для мобильного представления.
Вкладки Мы изменили страницу репозитории, чтобы вы могли видеть вкладки после ее открытия. Это обеспечивает хороший навигационный подход к странице настроек и позволит нам добавлять новые вкладки в будущем (у нас уже есть несколько в работах).
Страница одинарных настроек Вместо того, чтобы разделить определенные настройки на разные страницы, теперь все они находятся в одном. Как только вы активируете новый репозиторий, вы сразу перенаправляетесь на страницу настроек, потому что это, как правило, первое место, которое вы идете, чтобы настроить свой репозиторий.
Новая страница сборки Мы стремимся к унифицированным компонентам, поэтому основной компонент с коротким расстройством информации о состоянии сборки такой же, как на предыдущих страницах. Навигация слева теперь поддерживает несколько трубопроводов. В верхней части мы добавили место для кнопок, где мы планируем добавлять новые функции в будущих выпусках.
Журналы важны Для лучшего чтения и навигации по чтению и навигации мы добавили полноэкранный режим и возможность загружать журналы, что особенно полезно, если ваши журналы массивны, и вы хотите просмотреть их в своем личном избранном редакторе.
Синхронизация не блокирует вашу работу Некоторые клиенты Drone имеют массивный список репозиториев и синхронизируя их все с дроном требует некоторого времени. Ранее синхронизация была полноэкранной задачей и не позволила вам закрыть экран или продолжать работать с существующими списками репозиториев. Теперь это просто маленькая кнопка с анимацией, которые играют во время синхронизации.
Умная загрузка В новой версии, когда вы загружаете данные в первом приложении, перейдите на другую страницу, Drone вытягивает в существующий список и показывает четкую индикацию, что данные загружаются. Нет больше ожидания или наблюдения за спинами; Если есть данные, он немедленно оказывает.
Хорошие иконки для пустых состояний Мы приложим много усилий, чтобы сделать фантазные даже пустые состояния и сделали много разных значков, которые вы сможете наслаждаться на различных страницах.
Что еще вы можете ожидать от дрона?
Уже есть планы для выпуска Drone 1.1, с ключевыми функциями, включая:
- Кнопка «Развертывание» для определенной среды с страницы сборки
- Способность фильтровать сборки ветвями и средами
- Удобные для пользователя подсказки для пользователей, которые только что установили Drone
- Новый подход к обновлениям в реальном времени
- Улучшено управление пользователями
Оставайтесь настроиться и подписаться на обновления выпуска в Github или Twitter Отказ
Оригинал: «https://dev.to/alex_barashkov/how-did-we-make-open-source-ci-better-15b0»