Netcetera 如何使用 Magnolia 的快速前端开发制作有价值的软件解决方案

Magnolia 的前端开发人员工具帮助 Netcetera 软件公司按时按量交付项目

logo-netcetera.png


行业
技术

国家/地区
瑞士

实施方
Netcetera

网址
www.netcetera.com

前端方法为快速完成网站项目提供速度和敏捷性

Netcetera 是一家软件开发公司,在六个国家拥有 400 多名员工。Netcetera 旨在制作“关键性软件”,意味着它开发的软件能帮助客户达成数字化业务目标。该公司承接过各种项目,例如为瑞士联邦铁路公司开发的时刻表规划软件、便捷安全的数字支付处理系统,或用于智能手机的虚拟现实应用程序。Netcetera 经常将 Magnolia 集成到其定制化解决方案中以获得最佳成效。

一家软件公司的网站是其最重要的名片与沟通工具。Netcetera 借助 Magnolia 重新设计了其公司网站,还使用 Magnolia 为能源供应商 IWB 创建了客户网站。这两个网站均基于 Netcetera 自家的名为“Hibiscus”的代码协作平台开发而成。Magnolia 的名为“轻量级开发”的快速前端方法为快速完成网站项目提供了速度和敏捷性,并且使项目能够灵活地为团队构建与优化最适合的开发流程。

挑战

Netcetera 在重新整理其公司定位、设计、语言和形象时,对如何对外展示公司提出了新的设想。

对一家制作“关键性软件”的公司而言,公司网站必须展示自身的最佳产品,以及能够为客户解决从规划到实施阶段出现的 IT 问题的创新型解决方案。

adrian-heydecker.jpg

轻量级开发使前端和后端开发人员能够更好地协作。代码库不再只属于后端开发人员;前端开发人员可以向其中添加代码并保持同步。我们朝着共同的目标努力,而非相互妨碍。在前端,我直到最后一刻都拥有控制权,并且可以对代码库进行更改。

解决方案

关注组件,而非页面

Netcetera 在重新设计其网站时,最初将重心放在了页面上,但旋即转向了易于使用的组件。Netcetera 的营销部门使页面外观获得了更高的自由度和可控性:他们能够混合搭配组件、在页面上组装并重新排列组件,在不同的场景中重复使用组件,并且不限于预定义的页面。

这种以组件为中心的方法意味着开发人员和营销人员都是围绕着相同的对象开展讨论、研究、审查和测试。组件可供灵活使用,并且在项目的任意阶段均可以进行更改。团队可以迭代开发网站:首先构建最重要的组件,然后添加新组件和新功能,因为组件的用途十分广泛。

netcetera-screenshot2.png

借助 YAML 进行轻量级配置

YAML 配置对开发人员而言是一个巨大的福音。由于关键配置均位于简单的文件中,因此所有更改均和与其相关的实际模板文件一同提交到 GIT 中。开发人员可以使用自己最喜欢的文本编辑器处理文件,而不必学习使用新工具。而且,系统在检测到文件更改后自动重新加载配置,无需重启服务器。在紧急情况下,开发人员可以通过登录 Magnolia AdminCentral 上的资源应用程序,对正在运行的服务器的配置进行更改。操作迅速而易用。

使用内容应用程序创建信息网络

Magnolia 的应用程序方法使 Netcetera 能够轻松地处理内容。Netcetera 使用 Magnolia 的内容应用程序创建了一种信息架构,该架构更偏向于一种网状结构,而非层次结构。内容应用程序使 Netcetera 得以高效地管理诸如市场、产品、联系人、薪酬等结构化数据,是一种浏览和组织数据的完美方法。

促进协作

Magnolia 的轻量级开发使 Netcetera 的不同团队合作更加紧密:Java 开发人员进行后端开发,用户体验专家专注于前端代码。只有后端开发人员需要完整的 Java 开发环境;其他人可以使用自己喜欢的(轻量级)文本编辑器或 IDE 进行工作。

将轻量级开发用于 IWB

Netcetera 在重新设计其网站后,又使用 Magnolia 和轻量级开发功能为瑞士巴塞尔的一家能源供应商 IWB 创建了网站。

IWB 项目的截止日期很紧。轻量级开发帮助 Netcetera 在预定时间内完成了网站开发,因为前端和后端开发人员可以并行工作,无需等待某些任务先行完成。IWB 拥有三个紧密合作的开发团队:Angular 开发人员负责能源计算器应用程序,前端开发人员负责 CSS 代码,后端开发人员使用 Magnolia 和 Java 进行工作。并行工作帮助他们按时按量地完成了项目。

evelyn-darendinger.jpg

构建 Netcetera 的网站是一段全新的经历。作为一家尖端软件公司,我们的标准非常之高,而 Magnolia 完美符合我们的标准。我们对新网站非常满意。对我这样的用户而言,在 CMS 中进行调整非常容易。

成果

更加迅速且准时

前端、Angular 和 Magnolia,各个不同的开发团队可以并行工作。营销部门得以在项目期间持续进行测试、审查并接受组件,减少了项目末期的测试量。流程更加高效,为前端开发人员对项目做出贡献减少了阻碍。正因为采用了轻量级开发,直到项目发布前的最后一刻仍可以对组件进行调整。

Netcetera 计划继续改进其网站及名为“Hibiscus”的前端连接器。该软件公司想要将以组件为中心的方法应用到其自身更多的代码库中,并构建一个可重复使用组件库供多个项目使用,还添加了诸如无人机拍摄员工视频的新功能。

灵活的设计指南

Netcetera 还借助轻量级开发创建了一款用于将 Pattern Lab 和 Magnolia 联结起来的“Hibiscus”连接器。Hibiscus 平台可以使前端和后端开发人员编辑相同的主文件,从而实现协同工作并提高工作效率。Pattern Lab 是一个“灵活的设计指南”,开发人员在将各种组件集成到软件中之前,可以借助它将所有前端组件整合起来,然后在浏览器中预览、用样本数据进行测试并与客户就这些组件进行讨论。Hibiscus 为开发人员提供两种工作方式:先开发纯前端组件,之后再添加 CMS 集成。或者先开发原始的后端 CMS 模板,之后由前端开发人员接手并对其加以改进。

Hibiscus 解决了设计构想与实际网站效果脱节的老大难问题。早先的情况是:前端开发人员会独立制定出一份设计“静态原型”,后端开发人员随后会将其中的一部分复制到网站 CMS 中。由于各文件副本相互分离而独立,因此与后续的更改发生了脱节。如果前端开发人员更新了原型,则其所做更改需要反映到 CMS 中。同理,如果后端开发人员更新了 CMS,则其所做更改也需要反映到静态原型中。Hibiscus 不再使用静态原型。每个组件文件均包含前端设计原型和实际 CMS 模板 - 由于这两个部分存在于同一文件中又便于跟踪与更新,因此现在一切都保持同步。

查看 Github 中的 Hibiscus