Skip to main content

BUILT WITH Qt

KEURIG DR PEPPER

萃取非凡用户体验。

在高性价比硬件上实现卓越界面

1个月

预计节省的人力工时

Keurig Dr Pepper是北美领先的饮料公司,旗下拥有超过 125 个自有、授权及合作品牌。凭借标志性的 Keurig 咖啡机,公司正通过智能化、视觉效果丰富的界面不断创新咖啡体验。

为驱动这些新一代咖啡机——从高端触控屏机型到成本敏感的微控制器设备——Keurig 依托 Qt框架的灵活性、性能表现与跨平台能力。

Qt 依然是嵌入式系统 UI 开发的首选框架。

嵌入式 UI 开发工程师 Joshua Wilkie

Qt 解决方案亮点

使用 Qt 实现跨 MPU 与 MCU 的统一 GUI 开发

借助 QML 与 Qt Creator 实现快速原型设计与迭代

通过 Qt Design Studio 与 Figma 集成,实现设计师与开发者的高效协作

使用 Qt for MCUs 在微控制器上实现轻量级、高质量的 UI

通过 MQTT 与 Qt 实现进程间通信集成

Keurig-使用Qt构建-03

为咖啡机注入卓越体验

当 Joshua Wilkie 加入 Keurig Dr Pepper 时,这家公司在饮料行业的创新能力早已获得认可。然而,公司即将面对下一项挑战:如何在多款咖啡机产品线中,提供高端且富有品牌调性的用户体验。

Wilkie 是一位经验丰富的 UI 开发工程师,拥有超过 15 年的 Qt 使用经验,主要应用于视频会议系统与医疗设备领域。他受邀加入并主导 GUI 开发工作。“Keurig 当时在 Qt 方面的经验并不多,”他回忆道,“他们需要一套全新、令人印象深刻的大型 GUI,而这基本上就是我加入的原因。”

“无论何时需要构建图形界面,Qt 都是我的首选。这个习惯从我入行至今从未改变,如今 Qt 依然是嵌入式系统 UI 开发的首选框架,”Joshua Wilkie 如是说道。

他在 Keurig 的第一个项目就雄心勃勃:K-4500是一款配备 10 英寸屏幕的高端咖啡机,能够播放高清视频,并根据插入的 K-Cup 胶囊动态调整界面内容。“Keurig 非常重视营销与品牌塑造,”Wilkie 解释道,“其中一项核心需求是,希望机器在待机状态下也能播放视频,以吸引用户主动走近机器。”

“我非常喜欢QML,它让连接后端和属性变得非常简单,几乎不需要额外的工作。而且一旦掌握了使用方法,QML 组装界面的速度非常快,”Wilkie 继续说道。

系统还需要识别超过 500 种不同的 K-Cup 胶囊,并展示对应品牌的专属视觉与信息。“系统能够识别出胶囊类型,并显示出刚放入的产品图片,甚至整套背景画面——比如美观的 Dunkin' Donuts、Pete's Coffee 或 Lavazza 品牌界面,”他说道,“这对这些品牌来说非常有价值,因为它们可以展示自己的营销素材,实现个性化的使用体验。”

阅读更多关于 Qt 消费类电子解决方案的介绍

Qt 的能力令人印象深刻,它能实现的功能非常多,很多原本需要大量代码才能完成的工作,用它却能轻松实现。

嵌入式 UI 开发工程师 Joshua Wilkie

Video Thumbnail

一款适配所有机型的开发框架

Joshua 和 Keurig 团队在将 Qt 集成到原有工具链(其中也包括 IAR Embedded Workbench)的过程中,获得了所需的全部支持。得益于 Qt for MCUs 与 Qt Design Studio,Qt 已成为全新 Keurig K-4500 界面的核心基础。

“借助Qt for MCUs,可以大幅精简 Qt 的功能集,使其变得非常轻量,这一点在微控制器上极具价值。我相信很多人过去从未想过,微控制器也能运行真正意义上的图形界面。如今,只需一小部分成本,就能实现与高性能处理器相当的效果,”Wilkie 说道。

Keurig 还使用Qt Design Studio来改善设计师与开发者之间的交接流程。UI 设计在 Figma 中完成后,可直接导出为可用代码,从而更便于追踪变更并进行调整。

“我们的设计师直接从 Figma 交付代码,而不是静态文件。这样我就不需要再去翻阅 PDF,或自行核对尺寸、颜色等细节,让我可以更轻松、更快速地进行修改和调整,”Wilkie 解释道

此外,Qt 还支持 MQTT 协议,在 Keurig K-4500 咖啡机中实现进程间通信。

Joshua 同样认为 Qt 的跨平台适配能力是一大优势,“我在 Windows 上进行开发,如果想查看界面效果,直接在 Qt Creator 中运行即可。即使使用 Qt for MCUs,同一套代码也可以直接复用。这一点非常强大,我很喜欢。”

以我使用 Qt 的经验来看,只要查阅文档、照着操作,很快就能顺利运行!

嵌入式 UI 开发工程师 Joshua Wilkie

Video Thumbnail

恰到好处的调配,驱动UI创新

Keurig 还有更多在研产品将采用 Qt 与 Qt for MCUs 提供支持。由于大多数咖啡机属于高销量消费类产品,因此需要尽可能降低内存占用以控制成本。“Qt 的能力令人印象深刻,”Wilkie 继续说道,“它能实现的功能非常多,很多原本需要大量代码才能完成的工作,用它却能轻松实现。”

Qt 帮助 Wilkie 和 Keurig 团队缩短了迭代 UI 变更所需的时间,而这类调整在设计与开发过程中往往十分耗时。团队估计,得益于 Qt,整个项目共节省了约一个人月的工作量。

在使用 Qt 超过 15 年之后,Wilkie 对其价值有着清晰的认识:“我最喜欢 Qt 的地方,就是创建界面非常简单。把一个想法或设计方案转化为可运行产品的速度,快得令人惊叹。”

此外,Qt 社区及其文档也让工作变得更加轻松。“在软件工程中,经常会遇到操作后却无法正常运行的情况。而 Qt 的在线文档非常出色,能够帮助快速找到所需组件,并了解其使用方法。以我使用 Qt 的经验来看,只要查阅文档、照着操作,很快就能顺利运行!”

阅读更多关于 Qt for Device Creation 的介绍

Keurig-Dr-Pepper-logo

关于Keurig Dr Pepper

Keurig Dr Pepper 是北美领先的饮料公司,旗下拥有超过 125 个自有、授权及合作品牌,并凭借强大的分销能力,随时随地满足各类饮品需求。

从无气泡到含气泡,从冷饮到热饮,Keurig Dr Pepper 旗下拥有 125 多个知名品牌,覆盖软饮、咖啡、水、茶、混合饮品等多个品类。无论是抚慰心灵的温暖饮品、唤醒感官的清爽体验、犒赏味蕾的美味享受、补充水分的基础需求、提振精神的能量补给,还是零负担的健康之选,其产品矩阵满足消费者的每一种需求。Keurig Dr Pepper 致力于成为消费者从清晨到日暮的全天候选择。其产品在各类渠道均可购买 —— 从线上订购,到便利店随手拿取,再到会员店、大卖场或商超的批量购买 —— 让消费者可以随时随地享用,无论在家、外出、工作还是休闲场景。

更多精彩内容

Ducati Scrambler | Built with Qt

Ducati Scrambler | Built with Qt

Qt for MCUs在杜卡迪选择的微控制器上实现了优雅流畅的 "准 3D 图形"。

阅读更多
大众汽车 | Built with Qt

大众汽车 | Built with Qt

德赛西威与大众汽车选择Qt和Vector技术,成功将新款大众California露营车5英寸屏幕的内存占用降低50%,并为用户提供卓越体验。

阅读更多
索伯车队进站维修系统 | Built with Qt

索伯车队进站维修系统 | Built with Qt

了解索伯车队(Sauber)如何使用Qt快速实现高性能监控进站维修系统(Pitstop System)、赛车手培训和高级空气动力学研究项目。

阅读更多

了解有关 Qt for MCU 的更多信息

Qt for MCUs