Netcetera + Magnolia
How Netcetera used Magnolia’s fast front-end development to produce software solutions that count
Magnolia’s front-end developer tools helped software company Netcetera deliver client projects on time and on budget.
Front-end approach gives speed and agility to finish web projects quickly
Netcetera is a software development company with over 400 employees in six different countries. Netcetera aims to produce “software that matters”, meaning that it develops software that helps their clients reach their digital business goals. Its diverse projects include for example the timetable planning software for the Swiss Federal Railways, easy and secure digital payment processing systems, or virtual reality apps for smartphones. Netcetera often integrates Magnolia in its custom solutions to get the best results.
A software company’s website is its most important calling card and communication tool. Netcetera re-designed its corporate website with Magnolia. It also used Magnolia to create a client website for energy provider IWB. Both websites are based on Netcetera’s own code-collaboration platform called Hibiscus. Magnolia’s fast front-end approach, called light development, gave Netcetera the speed and agility to finish web projects quickly, plus the flexibility to build and optimize the development pipeline that works best for their team.
热点
挑战
挑战
Netcetera 在重新整理其公司定位、设计、语言和形象时，对如何对外展示公司提出了新的设想。
对一家制作“关键性软件”的公司而言，公司网站必须展示自身的最佳产品，以及能够为客户解决从规划到实施阶段出现的 IT 问题的创新型解决方案。
解决方案
解决方案
关注组件，而非页面
Netcetera 在重新设计其网站时，最初将重心放在了页面上，但旋即转向了易于使用的组件。Netcetera 的营销部门使页面外观获得了更高的自由度和可控性：他们能够混合搭配组件、在页面上组装并重新排列组件，在不同的场景中重复使用组件，并且不限于预定义的页面。
这种以组件为中心的方法意味着开发人员和营销人员都是围绕着相同的对象开展讨论、研究、审查和测试。组件可供灵活使用，并且在项目的任意阶段均可以进行更改。团队可以迭代开发网站：首先构建最重要的组件，然后添加新组件和新功能，因为组件的用途十分广泛。
借助 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 进行工作。并行工作帮助他们按时按量地完成了项目。
成果
成果
更加迅速且准时
前端、Angular 和 Magnolia，各个不同的开发团队可以并行工作。营销部门得以在项目期间持续进行测试、审查并接受组件，减少了项目末期的测试量。流程更加高效，为前端开发人员对项目做出贡献减少了阻碍。正因为采用了轻量级开发，直到项目发布前的最后一刻仍可以对组件进行调整。
Netcetera 计划继续改进其网站及名为“Hibiscus”的前端连接器。该软件公司想要将以组件为中心的方法应用到其自身更多的代码库中，并构建一个可重复使用组件库供多个项目使用，还添加了诸如无人机拍摄员工视频的新功能。
灵活的设计指南
Netcetera 还借助轻量级开发创建了一款用于将 Pattern Lab 和 Magnolia 联结起来的“Hibiscus”连接器。Hibiscus 平台可以使前端和后端开发人员编辑相同的主文件，从而实现协同工作并提高工作效率。Pattern Lab 是一个“灵活的设计指南”，开发人员在将各种组件集成到软件中之前，可以借助它将所有前端组件整合起来，然后在浏览器中预览、用样本数据进行测试并与客户就这些组件进行讨论。Hibiscus 为开发人员提供两种工作方式：先开发纯前端组件，之后再添加 CMS 集成。或者先开发原始的后端 CMS 模板，之后由前端开发人员接手并对其加以改进。
Hibiscus 解决了设计构想与实际网站效果脱节的老大难问题。早先的情况是：前端开发人员会独立制定出一份设计“静态原型”，后端开发人员随后会将其中的一部分复制到网站 CMS 中。由于各文件副本相互分离而独立，因此与后续的更改发生了脱节。如果前端开发人员更新了原型，则其所做更改需要反映到 CMS 中。同理，如果后端开发人员更新了 CMS，则其所做更改也需要反映到静态原型中。Hibiscus 不再使用静态原型。每个组件文件均包含前端设计原型和实际 CMS 模板 - 由于这两个部分存在于同一文件中又便于跟踪与更新，因此现在一切都保持同步。 查看 Github 中的 Hibiscus
“轻量级开发使前端和后端开发人员能够更好地协作。代码库不再只属于后端开发人员；前端开发人员可以向其中添加代码并保持同步。我们朝着共同的目标努力，而非相互妨碍。在前端，我直到最后一刻都拥有控制权，并且可以对代码库进行更改。”
“构建 Netcetera 的网站是一段全新的经历。作为一家尖端软件公司，我们的标准非常之高，而 Magnolia 完美符合我们的标准。我们对新网站非常满意。对我这样的用户而言，在 CMS 中进行调整非常容易。”
