- BrainJocks

BRAINJOCKS SCORE™ HIGHLIGHTS
BrainJocks SCORE™ is a comprehensive development framework
that will transform your Sitecore experience.
Built for both the Marketer and the Developer, SCORE seamlessly extends the Sitecore® Visual Experience
Editor without changing the essence of this industry-leading CMS. Our goals are simple: empower the
Marketer to manage pages in a visual, easy-to-use environment without needing IT support, and empower
Development teams to deliver on the promise of Sitecore more quickly and effectively.
To do so, we have architected a solution that will unify the Sitecore world. BrainJocks SCORE is
comprehensive, customizable, and extensible—just like Sitecore itself.
SCORE Highlights:
AT A GLANCE
FEATURES
RULES
COMPONENTS
DEVELOPMENT ACCELERATOR
THE ULTIMATE SITECORE EXPERIENCE
AT A GLANCE
We didn’t replace the
Sitecore rendering engine.
We embraced it!
»» Advanced language tools with pipeline-based
extension points
»» Sticky Notes for contextual content and design
review annotations
»» Multi-tenant and non-intrusive on all levels
»» 90+ responsive, styleable components
»» Snippets
»» Cascading Placeholders
»» Elastic Renderings with native support for nested
components
»» Rules-based Components for adaptive
implementations and experience marketing
»» New solution archetype and new site
scaffolding automation
»» 100% MVC with Areas support and
attribute-based model validation
»» NuGet-based distribution model
»» 850+ automated test cases
»» Natural editing with Sitecore Experience Editor
»» Continuous integration- and continuous
deployment-ready
»» Macro personalization and multivariate testing
»» IaaS and PaaS cloud-ready
»» Transparent support for page local, site shared,
and multi-site shared content with rules-based
customizations for more complex or layered
content organizations
»» User-friendly field editing in Experience Editor with
no upfront development or configuration required,
regardless of field type
»» YouTube, geolocation, and color field types for
Content and Experience Editor
»» A robust field editor generation framework for
custom data types
»» Twitter Bootstrap and ZURB Foundation UI layers
»» Freedom to build custom enterprise UI layers
on top of Bootstrap, Foundation, or any other
CSS framework
»» Site-specific grid layout
»» Completely customizable, pipeline-based XML
sitemap generation
»» SEO toolkit with metadata and keyword support
»» Social toolkit with Open Graph support
»» Sitecore 8-ready with advanced support for
versioned layouts in Experience Editor
»» Robust Field Editor framework for Sitecore 7
and Sitecore 8 Experience Editor ribbons
»» Smart copy/duplicate and enhanced branch
templates for rapid page creation and reuse
»» Online documentation and reference materials,
including video tutorials
»» Comprehensive training program for .NET
Developers, UI Developers, and Content Admins
»» Site-specific styling variance on each component
selectable by Content Editors
»» Unrestricted layouts, page types, and placeholder
settings
»» Rules-based design and IA guidelines
2
THE ULTIMATE SITECORE EXPERIENCE
We didn’t change the
visual experience editor.
We extended it!
FEATURES
We are committed to a simple design principle:
extend Sitecore’s capabilities to empower Marketers
and Developers without changing how it works.
We take great care to ensure SCORE enhancements don’t compromise
the integrity of Sitecore in any way. You can rest assured that one of our
top priorities is preserving your CMS investment.
ELASTIC RENDERINGS
BrainJocks SCORE introduces the concept of
Elastic Renderings, which is unique to the Sitecore
Experience Editor. Using the built-in features of the
visual experience or page editor, your content team
can insert, position, or personalize any component
within any region of the page.
Our support for nested content is complete and
unmatched. Editors can move nested content
easily throughout a page using Sitecore’s built-in
tool set. They can even switch page layouts
and reshape pages without having to rebuild
any content, thanks to the power of Sitecore’s
rendering compatibility feature.
SCORE’s elasticity extends into the use of
Sitecore Experience Marketing and older versions
of Digital Marketing System (DMS). SCORE
makes it easy to create personalization rules,
like reorienting the page based on the visitor’s
engagement value, by using the built-in features
of Sitecore Experience Marketing.
USER-FRIENDLY FIELD OBJECTS (UFFOs)
BrainJocks SCORE supports Sitecore’s huge array of field types, so your content team can edit
without ever leaving the page editor. We’ve simplified their experience, without requiring any
effort from your development team.
THE ULTIMATE SITECORE EXPERIENCE 3
FEATURES
CUSTOM FIELD TYPES
BrainJocks SCORE extends the Sitecore field collection to capture new field types like YouTube videos,
geolocation coordinates, and brand-specific colors. Using SCORE’s extensible framework, Sitecore
Partners and experienced Developers can introduce custom field types that help Editors more easily
manage complex content.
Enhance the Editor experience
with SCORE Field Types!
Geolocation
YouTube Videos
Color Picker
CASCADING ELEMENTS
At the push of a button, Editors can now
cascade shared site elements throughout
your entire site, or just one section, using
SCORE. You’re not limited to individual
elements like content and components,
either. Editors can push Sitecore Experience
Marketing personalization rules and
multivariate tests down the site hierarchy.
SCORE’s cascading capabilities even adapt
dynamically to different devices.
SITECORE 8
Versioned layouts allow Editors to present each page differently based on language, control
presentation changes via a workflow, and use an entirely new content testing feature. BrainJocks
SCORE extends the features into the Experience Editor, giving Editors full support in managing
components that are shared to all versions as well as components that are specific to a single
version or language.
4 THE ULTIMATE SITECORE EXPERIENCE
FEATURES
SNIPPETS
Snippets provide a simple way to build complex structures from individual components and reuse
them throughout your site. Content Editors can create headers, footers, sidebars, and carousels in the
Experience Editor and use them anywhere across the site, minimizing the need for coding. Using a
Snippet is as easy as adding a component to the page. Content management is also streamlined.
When you update a component, any Snippet that uses that component is also updated automatically,
along with the pages using the Snippet.
You can think of some Snippets as the equivalent of simple renderings, but they are also a powerful,
dynamic form of marketing automation. Imagine being able to easily test two different global headers,
or swap out a sidebar based on a visitor’s engagement value. Snippets allow you to easily combine
multiple presentation components and DMS rules, including testing, personalization, and conditional
rendering features.
Snippets are
arguably one
of the most
powerful features
of BrainJocks
SCORE.
CONTENT ADMINISTRATORS can embed personalization »
and multivariate tests within a Snippet to run those actions within »
any page where it is present. Each Snippet is aware of its context— »
meaning it runs in the context of the page where it’s presented.
AND MUCH MORE
You may have heard about other BrainJocks SCORE features like the Editor-favorite Sticky Notes.
Or maybe your team is talking about our Extensible XML Sitemap Generator that allows you to easily
work with content outside of the CMS. We’ve also extended the capabilities of Sitecore’s MVC rendering
engine with support for MVC Areas and a comprehensive, annotation-based validation framework.
There’s much more to explore in BrainJocks SCORE.
THE ULTIMATE SITECORE EXPERIENCE 5
RULES
Remember: the goal of BrainJocks SCORE
is extensibility and reuse.
To help you get the most out of a component architecture within Sitecore,
we’ve introduced some new uses for the Sitecore rules engine.
PLACEHOLDER SETTINGS
SCORE now enables you to add rules specific to each tenant website, enabling the Brand Manager to
control what’s permitted on the page-level, down to the smallest detail. You can also restrict Editors from
weighing the page down with too many carousel panels, make sure only one H1 is added to each page, or
warn Content Administrators when they’ve placed a video where it will not work properly for mobile users.
Your choices are endless.
RENDERING COMPATIBILITY
SCORE is built to ensure that components can be shared easily. But if a single tenant decides to introduce
its own carousel, it shouldn’t have to conform to the UX provided by SCORE. Rendering compatibility
rules give teams the ability to introduce tenant-specific components and to make them compatible with
components that are shared and distributed. Framework Developers don’t have to worry about attempts
to override a rendering’s compatibility field. Instead, rules allow you to define tenant-specific compatibility
without affecting other websites.
LOOKUP SOURCE ITEM
At its core, BrainJocks SCORE allows your Editors to perform any content editing task directly from the visual
editor. That includes editing standard values and branch templates. SCORE allows Editors or Developers
to craft pages using pre-built components by adding them to standard values and creating tenant-specific
branch templates. In the background, Lookup Source Item rules allow each component to automatically find
any selections, like colors, style classes, or component-specific options, while building new page types.
SCORE allows customization without infringing on other tenants.
RENDERING DATASOURCE LOCATION
Components demand portability. Coding datasource locations or queries into reusable components
just isn’t acceptable. Components should not dictate a specific content storage requirement or content
tree structure. Instead, SCORE allows each tenant to decide for itself. By using component datasource
location rules, each site can map its own shared content folders, giving the user the choice of where
to store content when adding each component to the page.
When editing standard values and branch templates in the visual experience editor, you’ll find that
SCORE maps your site and multisite shared content folders using datasource location rules as well.
6
THE ULTIMATE SITECORE EXPERIENCE
RULES
RENDERING TRANSFORMATIONS
Sitecore’s rendering replacement tool is a powerful feature allowing Content Administrators to swap out
page elements and try new page layouts or content components. But what happens when an Editor
collapses a three column area into two columns? Rendering transformation rules allow you to add
supplemental steps for Sitecore to take when replacing one rendering with another. By using the rules
engine, you can shift content components from the missing column to another location within the page.
You can also apply these rules to complex transformations, like transforming accordions and accordion
panels into tab sets with tabs, or transforming tab sets with tabs into a flattened list group with list
items. Transformations allow one change to automatically trigger another, preserving nested elements
and component dependencies.
Perform a test within
your site to see if changing
the tab set to a list group
changes the overall
engagement value of
your visitors.
TRANSFORM YOUR RESULTS
Rendering transformation tools work within the visual experience editor AND within Sitecore Experience
Marketing personalization and MVTs. Perform a test within your site to see if changing the tab set to a
list group changes the overall engagement value of your visitors. Or, using device detection conditions,
render an accordion to mobile phone users and show tab sets to everyone else. With SCORE you can
easily use personalization to achieve an adaptive, responsive Sitecore website.
THE ULTIMATE SITECORE EXPERIENCE 7
COMPONENTS
BrainJocks SCORE gives you the building blocks
to create the perfect Sitecore Editor experience.
These portable components make it easy to manage your site and give
you complete control over the design and user experience of each tenant.
BrainJocks SCORE supports two responsive CSS frameworks: Twitter
Bootstrap and ZURB Foundation. More importantly, BrainJocks SCORE
is architected to work with any CSS framework—even your own.
Nest it your way!
CONTAINERS
The first layer of components in the BrainJocks
SCORE UI framework is containers, which allow you
to structure and lay out your content using a responsive
grid. SCORE containers are portable and can adapt
to any responsive grid structure. Each tenant using
the components can shape the containers to the grid
design required for that website.
PLACEHOLDER
3 COLUMN INNER STRUCTURE
BrainJocks SCORE
containers create a
responsive canvas for
your Editors to create
the perfect page.
Each component is
customizable to adapt
to your grid structure
and design.
8 THE ULTIMATE SITECORE EXPERIENCE
COMPONENTS
SCORE provides a comprehensive set of styleable components
to build main menus, section menus, mega menus, dropdowns,
and popups.
NAVIGATION
Driven by various techniques and
components, navigation renderings are
a collection of elements combined to
build menus.
»» SPIDERS »
Spider navigation renderings are
fed a root item, which they use to
spider the subtree of the item to find
navigable elements.
»» INSPECTORS»
Inspector renderings will inspect the
current page and its location within
the website to generate menu links.
»» DATASOURCE DRIVEN»
Several of the navigation renderings
are built manually using datasource
items that give you full control of menu
link options.
Cascade navigation
throughout the entire
site with the push of a
button. You can apply
Sitecore Experience
Platform functions to
these components and
test/personalize your user
experience in new ways.
THE ULTIMATE SITECORE EXPERIENCE 9
COMPONENTS
CONTENT
Content components in BrainJocks SCORE comprise the heart of our components library.
The BrainJocks SCORE content components are incredibly portable and infinitely customizable.
BrainJocks SCORE content components serve as responsive building
blocks. You can use these elements to construct complex content
pages that match any look and feel within minutes.
BrainJocks SCORE content components take various forms, from basic elements like button toolbars
and pop-ups to flexible collections like carousels and tab sets. Highlights, call outs, and YouTube
videos are even part of the components library.
All SCORE components are responsive.
Each item on the page allows you to
select from a number of style variances
and responsive behaviors. SCORE delivers
all of this power and flexibility without
complicating the user experience.
You don’t need to know how to use
anything but the visual editor.
Kick-start
your Sitecore
development with
powerful, styleable,
reusable, portable
components.
10 THE ULTIMATE SITECORE EXPERIENCE
DEVELOPMENT ACCELERATOR
The SCORE Solution:
A True Development Accelerator
Both for Development teams starting their Sitecore journey and for
experienced Sitecore Developers, BrainJocks SCORE helps ease the
learning curve by providing an extensible, testable solution architecture.
EMBRACE AUTOMATION
BrainJocks SCORE is tested, built, and distributed automatically for each version and update level
of Sitecore. Our hope is to provide this capability to all Sitecore and SCORE clients, allowing your
team to speed delivery and testing without sacrificing quality.
Getting the most out of Sitecore requires managing your development ecosystem wisely.
With a product as capable and extensible as Sitecore, setting up an effective solution structure
and team coding model can be a daunting task for even the most highly skilled teams.
Your team can kick off a new Sitecore project
and can be building pages with SCORE components
within minutes.
BEST PRACTICES
SCORE provides a rich solution archetype and automation for your Sitecore team that embraces »
best practices in Sitecore development and delivery.
»» SCORE increases site quality and reliability by
integrating FakeDb and giving you a roadmap to
test your own solution.
»» Tenant creation automation modules allow an
Architect to establish a new codebase with full
support for SCORE and multi-tenancy.
»» NuGet automates SCORE installation and
versioning on each Developer’s workstation.
»» CSS compilation and scaffolded Less or Sass
component-based styling options are supported.
»» SCORE extends support for standard values and
branch templates in the visual editor.
»» SCORE supports environment-specific build
profiles and best practices for Sitecore
configuration management—plus it’s continuous
integration- and continuous deployment-ready.
»» SCORE enables tenant isolation of assets by
MVC area, including support for MVC display and
editor templates.
THE ULTIMATE SITECORE EXPERIENCE 11
WANT TO LEARN MORE?
To learn more about BrainJocks SCORE or request a live demonstration,
please call our Sales department at 770.924.6444 ext. 309 or email us at
[email protected].
ABOUT BRAINJOCKS
BrainJocks, Inc., is an industry leader in providing technology and strategy solutions to enterprise
companies looking to quickly adapt to emerging markets through a comprehensive web presence.
As a Sitecore Gold implementation partner, BrainJocks empowers clients to own the customer
experience and personalize the customer journey. Located in metro Atlanta, Georgia, BrainJocks
has spent over a decade advancing solutions and processes that drive results for our clients and
partners. For more information, please visit www.brainjocks.com.
THE ULTIMATE SITECORE EXPERIENCE