Розробка інтерфейсної частини (frontend) на C+LVGL за макетами в Figma

Необхідно реалізувати інтерфейс додатку відповідно до макетів у Figma на стеку LVGL + C під Raspberry Pi Zero 2W

Що являє собою пристрій

Raspberry Pi Zero 2W з встановленим образом системи, в якому вже інтегровано LVGL, відключено стандартний графічний інтерфейс Raspberry і є наступні пристрої введення-виведення:

• дисплей 320х480 (драйвер інтегровано)
• тач (інтегровано в систему, стандартний драйвер)
• мембранна клавіатура (підключається по SPI, API\SDK буде надано)
• вимірювальний датчик, підключений по USB (вам не потрібно буде з ним працювати і реалізовувати протокол обміну, будемо працювати або з імітатором датчика, або просто в коді віртуально будете вважати, що дані отримані).

Що потрібно зробити

1. Реалізувати інтерфейс з Figma на пристрої з використанням бібліотеки LVGL і мови програмування C (реалізація графічного інтерфейсу і логіки). Інтерфейс повинен бути повністю функціональним (всі переходи між екранами, введення і відображення значень, робота з архівом тощо), але з реальними даними працювати не потрібно. Наприклад, ви реалізовуєте кнопку "Зберегти" вимір, реалізовуєте інтерфейс архіву збережених вимірів, при цьому по кнопці зберегти і при перегляді виміру просто ставите функції-заглушки, які імітують це, в подальшому там буде дописаний потрібний код.
2. Комунікації (wifi, usb, Novotest lab) - на даному етапі повноцінно реалізовувати обмін не потрібно, достатньо просто реалізованого повністю інтерфейсу з оглядом мереж\пристроїв і підключенням\спарюванням + програмними заглушками для підключення зовнішніх бібліотек і\або запуску зовнішнього додатку і\або подальшої реалізації обміну на C\LVGL.
3. Збереження результатів вимірів в архів пристрою (пам'ять) і читання їх з архіву(пам'яті) (перегляд збережених в Архів вимірів) пристрою на екрані пристрою. Вам достатньо реалізувати інтерфейс відповідно до макетів і залишити заглушки, які імітують запис на диск і читання з диска.
4. Забезпечити 30 FPS при роботі інтерфейсу. Це виходить автоматично при роботі на вказаному стеку, але потрібно написати цю вимогу формально, тому що обов'язково знайдуться ті, хто зможе і тут зробити так, щоб стабільне рішення перестало працювати стабільно.

Отже, результат вашої роботи - це повністю макет інтерфейсу приладу відповідно до Figma, з усіма екранами, з усіма переходами між екранами і імітацією виводу значень.

Результат розробки

1. Працюючий додаток на стеку LVGL\C, FPS не менше 30.
2. В додатку повністю реалізований інтерфейс відповідно до Figma (графічний і логіка роботи). Вимірювання, калібрування, архів на пристрої(збереження, перегляд), налаштування пристрою - всі екрани, всі переходи між екранами, імітація виводу всіх значень.
3. Комунікації (USB, Wifi), Архів і інші режими, де потрібні реальні фізичні дані - інтерфейс - реалізовано повністю, дані використовуєте самі віртуальні + функції-заглушки, які імітують отримання і передачу даних.

Макети Figma в відкритий доступ не викладаю. Якщо ви відчуваєте в собі сили і головне маєте досвід реалізації подібного на вищевказаному стеку - прошу написати особисте повідомлення з запитом, я дам посилання і надам доступ для перегляду макетів. Дуже бажано відразу ж тут у запиті вказати приклади реалізацій чогось близького за суттю або за стеком, або описати досвід у розробці подібного.

Для розуміння інтерфейсу в принципі даю кілька варіантів вікон (всього буде півсотні).

Вимірювання

Архів

Налаштування