Extending Apostrophe to build a variable-based CMS for rendering PDF brochures

•

1 like•2,941 views

This document summarizes a proposal to extend the Apostrophe CMS to build a variable-based CMS for rendering PDF brochures for SunRun, a solar power company. The CMS would allow the sales team to maintain complex sales documents across 25 partners, 13 markets, and 24 utilities while reusing content through variables. It would introduce a "Flapjack" CMS built with Symfony, Doctrine, and extensions of Apostrophe's slots and blog plugins to support custom data models for documents, pages, blocks, widgets, and variables with visibility filters.

Technology

Extending Apostrophe to build a variable-based CMS for rendering PDF brochures Spike Brehm Front-end Engineer @ SunRun, Inc.

About Me Symfony developer since 2009 @spikebrehm About SunRun The nation’s largest provider of Solar Power Service – think SaaS Complex business model and fragmented markets Able to scale quickly because of software tools

The Problem 25 Partners 13 Markets 24 Utilities Retail vs. direct sale Maintaining Sales Documents Custom document for each combination (25 * 13 * … ) Flat PHP files, edited by hand Symlinks on the filesystem to approximate reuse

The Proposed Solution “Let’s build a CMS so that our Sales team can maintain these documents and Engineering can focus on building more cool tools!”

Introducing: Flapjack CMS for maintaining complex sales documents symfony 1.4 Doctrine 1.x apostrophePlugin 1.4 apostropheBlogPlugin 1.4

Why Apostrophe? Experience Built our corporate website on Apostrophe Learned how to extend it at the app level Don’t reinvent the wheel Rich text editor templates Framework for building custom slots (widgets)

The Data Model Documents Pages Blocks Widgets Variables Visibility filters … srDocument … srPage -> aPage … aBlogItem … aSlot … srParsedVariable(not Doctrine) … srVisibilityFilterSchema … srVisibilityFilter … srVisibilityExpressionSchema … srVisibilityExpressionGroup … srVisibilityExpression … srVisibilityConsequent

Pages to Documents Why create srPage instead of extending aPage?

Slots to Pages: original aPage can be both concrete and virtual. Notice circular relationships.

Slots to Pages: Flapjack Instead of associating aBlogItem to aSlot using the aSlot.value field, we use a join object srBlogItemBlockSlot for many-to-many. Note: simplified visibility filter schema.

Custom Slots srStepListSlot: options: symfony: form: false filter: false inheritance: extends: aSlot type: column_aggregation keyField: type keyValue: 'srStepList' ./symfonyapostrophe:generate-slot-type --application=frontend --type=srStepList ? apps/frontend/lib/form/srStepListSlotEditForm.class.php ? apps/frontend/modules/srStepListSlot/actions/actions.class.php ? apps/frontend/modules/srStepListSlot/actions/components.class.php ? apps/frontend/modules/srStepListSlot/templates/_normalView.php ? apps/frontend/modules/srStepListSlot/templates/_editView.php M config/doctrine/schema.yml ./symfonydoctrine:build --all-classes ? lib/model/doctrine/srStepListSlot.class.php ? lib/model/doctrine/srStepListSlotTable.class.php ? lib/model/doctrine/base/BasesrStepListSlot.class.php M lib/model/doctrine/apostrophePlugin/base/BaseaSlot.class.php

Similar to Extending Apostrophe to build a variable-based CMS for rendering PDF brochures

Which Tools Are The Best For Symfony Projects_.pdf

Moon Technolabs Pvt. Ltd.

Applications Report

hasanain abdullah

Which Tools Are The Best For Symfony Projects_.pdf

Moon Technolabs Pvt. Ltd.

A PHP application’s standard foundation is Symfony. It offers a set of reusable components that may be utilized in other applications. About 30 decoupled and reusable PHP components, called Symfony Components, are utilized to create this application. Because Symfony eliminates reactive coding tasks, it is especially suitable for enterprise-driven complex applications. As a developer community, Symfony was renowned for its friendliness and availability. Developers may add their modules to the framework because it is available under an Open Source license.

The distinct advantages of using PHP-Symfony Framework

Mindfire LLC

Adobe jax2010 1_dashboard

guest9776673

WPEngine Summit 2019

Karim Marucchi

Salesforce pros and cons

Amit Chaudhari

Force.com (Salesforce.com)

Vijay Maurya

Microsoft Dynamics CRM - XRM Advantage for Solution Builders Whitepaper

Microsoft Private Cloud

Social Learning and Knowledge Sharing Technologies Lecture Slides about Socia...

Multimedia Communications Lab

Key 101: Social Next: The Evolution of Collaboration To The Leading Social Pl...

Franck Horowitz

Whether you previously used Hyperion Enterprise or managed a classic HFM application, moving to EPMA provides many benefits (but also has unique tricks you should know about!). In this webinar, we will review many of the enhancements that EPMA can bring to metadata management, such as: • Shared metadata among different products or HFM applications within the same environment • Comparisons of changes between what is loaded and what you are about to load • Renaming a base member without losing previously-loaded data • Enhanced features to identify and exclude orphan members • Audit trails of metadata changes (“Who changed THAT attribute?” “Um, YOU did!”) o Some do not always see this as a good thing, but auditors like it… Of course, there are also a few areas we’ll cover to help you understand some limitations with EPMA and some possible workarounds to certain issues, including: • Needing to be online to work within the web-based tool • Must view validation error notifications one at a time on web compared to in a single text file • Some additional complexity due to more features being available to use Managing metadata with EPMA is what is being taught in Oracle’s HFM Administration training classes, and we hope that after attending this webinar, you will also discover some benefits to using EPMA with your current or future applications.

Getting the Most out of EPMA: HFM Managing Metadata with EPMA

finitsolutions

SharePoint Framework SPFx

Vladimir Medina

BAM: Open Source Brand Asset Management in the Amazon Cloud

Matthew Patulski

BP207: Don't Reinvent the Wheel - (Re)use Open Source Software From OpenNTF

Christian Güdemann

Symfony framework-An overview and usability for web development

ifour_bhavesh

Startup Engineering Cookbook

Manish Jain

7 Reasons Why Umbraco CMS is the Best for Small Business

Edwardallen40

Introducing symfony

Wildan Maulana

What’s New in Extended ECM 16 EP2?

Thomas Demmler

Similar to Extending Apostrophe to build a variable-based CMS for rendering PDF brochures (20)

Which Tools Are The Best For Symfony Projects_.pdf

Applications Report

Which Tools Are The Best For Symfony Projects_.pdf

The distinct advantages of using PHP-Symfony Framework

Adobe jax2010 1_dashboard

WPEngine Summit 2019

Salesforce pros and cons

Force.com (Salesforce.com)

Microsoft Dynamics CRM - XRM Advantage for Solution Builders Whitepaper

Social Learning and Knowledge Sharing Technologies Lecture Slides about Socia...

Key 101: Social Next: The Evolution of Collaboration To The Leading Social Pl...

Getting the Most out of EPMA: HFM Managing Metadata with EPMA

SharePoint Framework SPFx

BAM: Open Source Brand Asset Management in the Amazon Cloud

BP207: Don't Reinvent the Wheel - (Re)use Open Source Software From OpenNTF

Symfony framework-An overview and usability for web development

Startup Engineering Cookbook

7 Reasons Why Umbraco CMS is the Best for Small Business

Introducing symfony

What’s New in Extended ECM 16 EP2?

More from Spike Brehm

Managing Through Chaos (w/ presenter notes)

Spike Brehm

Managing Through Chaos

Spike Brehm

Over the last few years, Airbnb’s frontend architecture has evolved to keep pace with the rapid advancement happening the JavaScript world. Starting as a humble Rails 2 + Prototype.js app in 2008, the frontend stack powering airbnb.com has gone through a few revisions, including a push towards single-page app architecture with Backbone.js and Handlebars.js, an adventure into isomorphic JavaScript with Rendr (our library for using Node.js to server-render Backbone SPAs), and most recently, a move toward React.js and a re-envisioning of our build pipeline to take advantage of CommonJS, ES6, and a Node.js-based transform system. Spike Brehm, software engineer on the @AirbnbNerds team, will walk through how we approached and executed on these changes. Plus, get excited to see a preview of our new approach to isomorphic JavaScript, allowing us to server-render React components from our Rails app. Spike Brehm is a software engineer at Airbnb who specializes in building rich web experiences. As a JavaScript nerd, he has spent the last few years shipping web apps and prototyping Airbnb’s front-end stack, experimenting with “isomorphic JavaScript” — apps that have the flexibility to run on both the client and sever using the same codebase.

The Evolution of Airbnb's Frontend

Spike Brehm

Integrating Browserify with Sprockets

Spike Brehm

Over the past year or so, we’ve seen the emergence of a new way of building JavaScript web apps that share code between the web browser and the server, using Node.js — a technique that has come to be known as "isomorphic JavaScript.” There are a variety of use cases for isomorphic JavaScript; some apps render HTML on both the server and the client, some apps share just a few small bits of application logic, while others share the entire application runtime between client and server to provide advanced offline and realtime features. Why go isomorphic? The main benefits are performance, maintainability, reusability, and SEO. This talk shares examples of isomorphic JavaScript apps running in the wild, explore the exploding ecosystem of asset building tools, such as Browserify, Webpack, and Gulp, that allow developers to build their own isomorphic JavaScript apps with open-source libraries, demonstrate how to build an isomorphic JavaScript module from scratch, and explore how libraries like React and Flux can be used to build a single-page app that renders on the server.

Building Isomorphic Apps (JSConf.Asia 2014)

Spike Brehm

JSConf US 2014: Building Isomorphic Apps

Spike Brehm

In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps

Spike Brehm

General Assembly Workshop: Advanced JavaScript

Spike Brehm

Isomorphic JavaScript: #DevBeat Master Class

Spike Brehm

Introducing Rendr: Run your Backbone.js apps on the client and server

Spike Brehm

Building a Single-Page App: Backbone, Node.js, and Beyond

Spike Brehm

More from Spike Brehm (11)

Managing Through Chaos (w/ presenter notes)

Managing Through Chaos

The Evolution of Airbnb's Frontend

Integrating Browserify with Sprockets

Building Isomorphic Apps (JSConf.Asia 2014)

JSConf US 2014: Building Isomorphic Apps

In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps

General Assembly Workshop: Advanced JavaScript

Isomorphic JavaScript: #DevBeat Master Class

Introducing Rendr: Run your Backbone.js apps on the client and server

Building a Single-Page App: Backbone, Node.js, and Beyond

Recently uploaded

Unlock the mysteries of successful Salesforce interviews in this insightful session hosted by Hugo Rosario (Salesforce Customer), a seasoned hiring manager that leads the Salesforce Department of multinational company with over 100 interviews under their belt. Step into the manager's chair and gain exclusive behind-the-scenes insights into what makes a Salesforce consultant stand out during the interview process. From deciphering the unspoken cues to mastering key strategies, we'll explore the intricacies of the interview process and provide practical tips for consultants looking to not only pass interviews but also thrive in their roles. Whether you're a seasoned professional or just starting your Salesforce journey, this session is your backstage pass to the secrets that hiring managers wish you knew.

Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...

CzechDreamin

This presentation focuses on the challenges and strategies of connecting problem definitions within product development. Key Points Covered: - Kayak's mission since its inception in 2004 to simplify travel by enabling easy comparisons of flights through technological solutions. - Discussion of the complexities within the travel industry, including the high expectations for personalized user experiences and the various stakeholder influences. - Emphasis on the necessity of maintaining agility and innovation within a mature company through continuous reassessment of processes. - An explanation of the importance of disciplined problem definition to prevent project failures and team inefficiencies. - Introduction of strategies for effective communication across teams to ensure alignment and comprehension at all levels of project development. - Exploration of various problem-solving methodologies, including how to handle conflicts within team settings regarding problem definitions and project directions.

Connecting the Dots in Product Design at KAYAK

UXDXConf

This talk focuses on the practical aspects of integrating various telephony systems with Salesforce, drawing on examples from implementations in the Czech scene. It aims to inform attendees about the spectrum of telephony solutions available, from small to large scale, and their compatibility with Salesforce. The presentation will highlight key considerations for selecting a telephony provider that integrates smoothly with Salesforce, including important questions to support the decision-making process. It will also discuss methods for integrating existing telephony systems with Salesforce, aimed at companies contemplating or in the process of adopting this CRM platform. The discussion is designed to provide a straightforward overview of the steps and considerations involved in telephony and Salesforce integration, with an emphasis on functionality, compatibility, and the practical experiences of Czech companies.

Integrating Telephony Systems with Salesforce: Insights and Considerations, B...

CzechDreamin

Where to Learn More About FDO _ Richard at FIDO Alliance.pdf

FIDO Alliance

The standard Salesforce Approval process can be limiting in many ways, especially in complex scenarios. What if there was a way to implement very flexible approvals where one can use Apex code to make data updates in unrelated records, dynamically generate next steps details, and compute assignees on the fly? And still use UI-based configurations to implement concrete approval processes. In this session, we will share ideas behind such a solution and show a few lines of code to get you started.

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

CzechDreamin

Already know how to write a basic SOQL query? Great! But what about an *aggregate* SOQL query? You know, the kind that uses aggregate functions like COUNT & MAX along with GROUP BY and HAVING clauses? No? Well, get ready to learn how to slice & dice your org’s data right inside your own dev console. From finding duplicate records to prototyping summary & matrix reports, learn the ins and outs of aggregate queries during this fast-paced but admin-friendly session on advanced SOQL concepts.

SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...

CzechDreamin

We're living the AI revolution and Salesforce is adapting and bring new value to their customers. Einstein products are evolving rapidly and navigating their limitations, language support, and use cases can be challenging. Let's make review of what Einstein product are available currently, what are the capabilities and what can be used for in CEE region and how Rossie.ai can help to learn Salesforce speak Czech. We will explore the Einstein roadmap and I will make a short live demo (based on your vote) of some Einstein feature.

AI revolution and Salesforce, Jiří Karpíšek

CzechDreamin

How to differentiate Sales Cloud and CPQ on first glance might be tricky if you do not know where to look and what to look at. You will know :-) Managing the sales process within Salesforce is a common use case that can be managed with standart Sales Cloud. If you want to do entire quoting process you will find out Salesforce CPQ solution exists. What is then the difference if both can handle selling products? You will see comparison of 10 different features, which Sales Cloud and Salesforce CPQ handle differently. Simple question you will always remember if you should consider using Salesforce CPQ will be a cherry on top.

10 Differences between Sales Cloud and CPQ, Blanka Doktorová

CzechDreamin

Syngulon’s technology expands the capacity for selection of microorganisms. The ability to select individual microbes with a behavior of interest is essential, whether for simple cloning at the bench, or for industry-scale production. Synthetic biology uses the concept of “bioengineering” to improve or modify existing genetic systems to create microbes with desired behaviors, and Syngulon uses this approach to develop its selection technologies. This selection technology is based on bacteriocins, ribosomally-produced peptides naturally made by most bacteria to kill competitive microbial species. These bacteriocins can have a limited or wide target range against other microbial species. This technology offers advantageous over antibiotic selection for several reasons: it avoids the use of antibiotics in the first place, helping to reduce the spread of antibiotic resistant microbes. The technology also increases product yield; as bacteriocins are generally smaller peptides, they do not impose a heavy metabolic burden on the producing cell. They can have a wide target specificity, helping to avoid genetic drift. Finally, our system is 100% plasmid-based (e.g. without chromosomal mutations), making it applicable for use in any E. coli strains.

Syngulon - Selection technology May 2024.pdf

Syngulon

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...

FIDO Alliance

WSO2CONMay2024OpenSourceConferenceDebrief.pptx

Jennifer Lim

FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...

FIDO Alliance

Designing inclusive products is not only a social responsibility but also a business imperative. This talk delves into the journey of creating accessible hardware products that cater to diverse user needs. Key Topics Covered: 1. Introduction to Inclusive Design - Importance of accessibility in product design - Overview of Comcast's commitment to making products accessible to a wide audience 2. Case Study: Xfinity Large Button Voice Remote - Initial challenges and the evolution of the product - User research and feedback that shaped the design - Key features of the final product and their benefits 3. Designing for Diverse Needs - Understanding human-centered design and its historical context - The impact of designing for people with disabilities on overall product quality - Examples from other industries, such as architecture and industrial design 4. Integrating Accessibility from the Beginning - The cost and efficiency benefits of designing for accessibility from the start - The process of embedding accessibility as a core trait rather than an optional feature 5. Real-World Impact and Continuous Improvement - Insights from in-home studies with users having assistive needs - How continuous feedback and iterative design lead to better products - The role of inclusive research and development practices

Designing for Hardware Accessibility at Comcast

UXDXConf

Automation is transforming industries by streamlining operations and reducing costs. However, the success of automated systems hinges not only on their functionality but also on the user experience (UX). This talk, "The UX of Automated Processes," delves into the intricate relationship between automation and UX, providing a comprehensive guide to designing intuitive and effective automated systems. Key Topics Covered: 1. Introduction to Automated UX: * Understanding the importance of UX in automated systems * Real-world example: Robotic beer dispensers at a music festival 2. Step-by-Step Process for Enhancing Automated UX: * Step 0: Identifying main workflows and happy paths * Step 1: Conducting contextual inquiries to understand current user practices and edge cases * Step 2: Prioritizing issues and solutions through collaborative ideation sessions * Step 3: Prototyping and usability testing for both software and hardware 3. Prototyping and Testing: * Methods for simulating automated processes * Importance of user feedback in refining automated systems 4. Designing for Support Users: * Crafting the experience for support personnel who manage edge cases * Ensuring effective communication and issue prioritization for support users

The UX of Automation by AJ King, Senior UX Researcher, Ocado

UXDXConf

In this session, we will showcase how to revolutionize automated testing for your software, automation, and QA teams with UiPath Test Suite. In part 1 of UiPath test automation using UiPath Test Suite – developer series, we will cover, Software testing overview What is software testing Why software testing is required Typical test types and levels Continuous testing and challenges Introduction to UiPath Test Suite UiPath Test Suite family of products Speaker: Atul Trikha, Chief Technologist & Solutions Architect, Peraton and UiPath MVP Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

UiPath Test Automation using UiPath Test Suite series, part 1

DianaGray10

Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf

FIDO Alliance

IESVE for Early Stage Design and Planning

IES VE

WebAssembly is Key to Better LLM Performance

Samy Fodil

Explore the core of Salesforce success in 'Salesforce Adoption – Metrics, Methods, and Motivation.' We will discuss essential metrics, effective methods to drive adoption, and the driving force behind user engagement and explore strategies for onboarding, training, and continuous support that empower users to navigate the platform seamlessly. By leveraging these tools, you can effectively measure adoption against your company’s goals and create an environment where users not only adopt Salesforce but actively contribute to its ongoing success.

Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom

CzechDreamin

Welcome to UiPath Test Automation using UiPath Test Suite series part 2. In this session, we will cover API test automation along with a web automation demo. Topics covered: Test Automation introduction API Example of API automation Web automation demonstration Speaker Pathrudu Chintakayala, Associate Technical Architect @Yash and UiPath MVP Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

UiPath Test Automation using UiPath Test Suite series, part 2

DianaGray10

Recently uploaded (20)

Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...

Connecting the Dots in Product Design at KAYAK

Integrating Telephony Systems with Salesforce: Insights and Considerations, B...

Where to Learn More About FDO _ Richard at FIDO Alliance.pdf

Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder

SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...

AI revolution and Salesforce, Jiří Karpíšek

10 Differences between Sales Cloud and CPQ, Blanka Doktorová

Syngulon - Selection technology May 2024.pdf

ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...

WSO2CONMay2024OpenSourceConferenceDebrief.pptx

FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...

Designing for Hardware Accessibility at Comcast

The UX of Automation by AJ King, Senior UX Researcher, Ocado

UiPath Test Automation using UiPath Test Suite series, part 1

Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf

IESVE for Early Stage Design and Planning

WebAssembly is Key to Better LLM Performance

Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom

UiPath Test Automation using UiPath Test Suite series, part 2

Extending Apostrophe to build a variable-based CMS for rendering PDF brochures

1. Extending Apostrophe to build a variable-based CMS for rendering PDF brochures Spike Brehm Front-end Engineer @ SunRun, Inc.

2. About Me Symfony developer since 2009 @spikebrehm About SunRun The nation’s largest provider of Solar Power Service – think SaaS Complex business model and fragmented markets Able to scale quickly because of software tools

3. The Problem 25 Partners 13 Markets 24 Utilities Retail vs. direct sale Maintaining Sales Documents Custom document for each combination (25 * 13 * … ) Flat PHP files, edited by hand Symlinks on the filesystem to approximate reuse

4. The Proposed Solution “Let’s build a CMS so that our Sales team can maintain these documents and Engineering can focus on building more cool tools!”

5. Introducing: Flapjack CMS for maintaining complex sales documents symfony 1.4 Doctrine 1.x apostrophePlugin 1.4 apostropheBlogPlugin 1.4

6. Introducing: Flapjack

7. Why Apostrophe? Experience Built our corporate website on Apostrophe Learned how to extend it at the app level Don’t reinvent the wheel Rich text editor templates Framework for building custom slots (widgets)

8. The Data Model Documents Pages Blocks Widgets Variables Visibility filters … srDocument … srPage -> aPage … aBlogItem … aSlot … srParsedVariable(not Doctrine) … srVisibilityFilterSchema … srVisibilityFilter … srVisibilityExpressionSchema … srVisibilityExpressionGroup … srVisibilityExpression … srVisibilityConsequent

9. Pages to Documents Why create srPage instead of extending aPage?

10. Slots to Pages: original aPage can be both concrete and virtual. Notice circular relationships.

11. Slots to Pages: Flapjack Instead of associating aBlogItem to aSlot using the aSlot.value field, we use a join object srBlogItemBlockSlot for many-to-many. Note: simplified visibility filter schema.

12. Extending Apostrophe Custom Slots

13. Custom Slots

14. Custom Slots srStepListSlot: options: symfony: form: false filter: false inheritance: extends: aSlot type: column_aggregation keyField: type keyValue: 'srStepList' ./symfonyapostrophe:generate-slot-type --application=frontend --type=srStepList ? apps/frontend/lib/form/srStepListSlotEditForm.class.php ? apps/frontend/modules/srStepListSlot/actions/actions.class.php ? apps/frontend/modules/srStepListSlot/actions/components.class.php ? apps/frontend/modules/srStepListSlot/templates/_normalView.php ? apps/frontend/modules/srStepListSlot/templates/_editView.php M config/doctrine/schema.yml ./symfonydoctrine:build --all-classes ? lib/model/doctrine/srStepListSlot.class.php ? lib/model/doctrine/srStepListSlotTable.class.php ? lib/model/doctrine/base/BasesrStepListSlot.class.php M lib/model/doctrine/apostrophePlugin/base/BaseaSlot.class.php

15. _normalView.php

16. _editView.php

17. srStepListSlotEditForm.class.php

18. components.class.php

19. getArrayValueParsed()???

20. aSlot.class.php

21. Variables: edit mode

22. Variables: preview mode