Webinar - Why Magnolia 5 Rocks For IT

Magnolia is a registered trademark owned by Magnolia International Ltd.Version 1.0

Philipp Bärfuss, Head of Product Development 11.07.2013 at Webinar

Magnolia 5 - ZoologyWhy Magnolia 5 Rocks for IT

http://www.flickr.com/photos/chanycrystal/

Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.

The Zookeeper

Philipp Bärfuss

36 years, Swiss

8 years at Magnolia

Head of Product Development

Demo: 3 Minutes of Magnolia 5

Assistant: The Geek

Now it gets geeky

Coding examples

Very technical

Don’t panic! We get back to normal

Assistant: The Fairy

Future

Features

Wishes

Things you could do

The Zoology - Aspects of M5

ElephantFlamingo

The Elephant

good memory

strong

working animal

The Ants

Collective intelligence

Complexity with simplicity

Basic signal -> big impact

The Flamingo

elegant and beautiful

perfect tools and technics

strong flyer

reliable

found around the world

Collaboration

Publishing

Templates

Content Apps

Collaboration

Publishing

Templates

Content Apps

WorkflowThe Pulse

Collaboration

Publishing

Templates

Content Apps

WorkflowThe Pulse

Favorites

Online Digital Channel Management

Collaboration

Digital Channels (IN)

Collaboration

Digital Channels (OUT)

Collaboration

WCMUXeCommerce CRM

Digital Channels (OUT)

Digital Channel Management

• Authors• Flickr• Mobile• ...

• Devices: Mobile, Print, ..• Medium: eMail, Web, PDF• Twitter, Facebook, ...

Integration

• Analytics, CRM, Shop

Publishing

Templates

Content Apps

Content App - Browser

Content App - Detail / Editor

Just configure it

node types

• icons

tree, list, columns

• to edit the content

actions

Extend Contacts App

add a field to the contacts form

add a column to the tree

Digital Asset Management

DAM - API

Providers

• to access other sources

Renditions

• thumbnails, sizes, formats

Metadata

• Dublin Core

Image Cropping

independent media file editor

Integration - Blossom (Spring)

Content Pools

• Article, News, Events

• Video• Originals• Flickr, ...

Integrations

• eCommerce• Database

Publishing

• Twitter, Facebook

Personalization

• Persona• A/B Testing

Collaboration & Processes

CollaborationWorkflowThe Pulse

The Pulse - Collaboration

The Pulse

Workflow

The Pulse

WorkflowImport

The Pulse

Workflow

Import

The Pulse

Workflow

Import

Demo - Send a Message

Message View

define screen per message

• what info to show

define actions

• proceed workflow• jump into an app

Collaboration Example

• click on “Request Translation”

• translator group gets a message

Workflow Engine - JBPM

Well known

Visual Tools available

• Eclipse workflow editor

Execute Commands

• activation, versioning, ...

Define Message Screen for Human Tasks

Collaboration & Processes

Build your processes

• Notifications• Watch List

Task oriented apps

• Task oriented apps (review, ..)

Notification channels

• eMail• RSS• SMS

Group work items

• Assignee• Status

Workflow designer

• for basic steps

UX Framework

Favorites

AdminCentral

Vaadin (GWT)

Vaadin

UI Model

Web Services (CMIS)

Content Model

CMIS App

REST/AtomHTTP

JCR App

Rendering Engine

Web Browser

Web pages, Images, ..

Templates

SecurityNode Types

Mixins......

AJAX/JSON

Overview

Technology Stack

Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.34

Vaadin

Version 1.0 Magnolia is a registered trademark owned by Magnolia International Ltd.35

Vaadin

• Rich widget framework

• Out-of-the-box theming

• Java developer friendly

• Close to Swing

• GWT based (Java -> Javascript)

• Can integrate any GWT-components

• Rare GWT-compiles (compared to plain GWT)

• Testing with pure JUnit

• Apache License

• Well documented

API - Layers

Magnolia Core

Widgets (Form, Workbench)

UI Framework (Impl)

AdminCentral

Vaadin

UI API (App, Context, Location)

Packages - AdminCentral

UI Framework - Apps, Locations, Messages, Actions

AdminCentral& Shell Apps

App App

Content App

App App

Content App

App App

is a AdminCentral extension

task oriented

• authoring• reviewing

use Vaadin for the views

• easy Swing like coding/debugging

use Magnolia/Java for the presenters

sub apps

• shown in tabs

App API - UML

Timezone App

Extend the base app

Use Vaadin to build the UI

Open a sub app tab

Favorites

Location, Location, Location

URL Anchor

• #app:<appName>:<subAppId>:<parameter>

In App navigation

• main, app, subapp

Bookmarks

• save URL, send them to other users, ...

History

• back and forward buttons

• translator jumps to the page to translate

Definition to UI

FormDefinition Factory

Notifications

App Context

• Alerts• Confirmation

Messages to the Pulse

• Info• Warning• Error

All UI components can be replaced

• Apps, Sub-apps• View and Presenters

Get the Objects you nee

• Definitions• App Context

Apps are configurable

• extend apps, sub-apps• add actions

Actions and Commands

Actions

The UI event handling

Open Dialog

Call Command

Show message to user

Change location

Commands

Backend executable

Invoked by

• UI• WebServices• Workflow

Action Bar

Configured

• Customize the App• Add Actions by Module

Independent

• Content Apps• Page Editor• Messages

Preview

Sensitive

• Content type

Add an Action

• new action in the Pages app• Code sample

Form, Fields and Tabs

Configured

• no coding needed

Independent

• used in Apps• used in Dialogs

Data binding

• Items not Nodes

Form in an App

Form in a Dialog

Validation, Errors and Warnings

Internationalization

• RTL

Mobile

• Smartphone UI

Configuration

• Form Editor

Dialogs

• Wizards

Widgets

• Graphs

Rich Text Editors

• Plugins

Magnolia is more than a Zoo

WCM Features

• Pages, Dam, Content Apps• Spring (Blossom)

WCM Features

Collaboration Features

• The Pulse, Workflow

WCM Features

Collaboration Features

• The Pulse, Workflow

UI Framework

• Apps, Favorites, Locations• Forms, Actions, Widgets• Vaadin based

Timeline

5.25.1EE5.0

Platform Smooth UXCompletenessBasis

Features

15. NovConferenceAug

ConferenceMConf13-WEBINAR-20

20% discount / sign up now: www.magnolia-cms.com/conference

Questions & some Answers

Webinar - Why Magnolia 5 Rocks For IT

Technology

Transcript of Webinar - Why Magnolia 5 Rocks For IT

Magnolia 2

Magnolia Pointe

Magnolia 3

Magnolia commissioned research 260218 - Nordea Markets · 2018. 2. 26. · Magnolia Bostad 26 February 2018 Marketing material commissioned by Magnolia Bostad 3 Q4 2017 review Magnolia

Magnolia villa

Miss Magnolia

The Magnolia · The Magnolia Unique Features Typical "UV" Construction Features • •

MAGNOLIA CLASSIC

Magnolia 5

World Magnolia Adventures Magnolia pacifica: EN

Mississippi By Trista Clark. State Plants Flower: Magnolia Tree: Magnolia.

magnolia SLO

Magnolia blossom-webinar

Magnolia Sons

Sweet Magnolia-Magnolia Bakery

Webinar slides: Orchestrate Your Digital Channels with Magnolia 5

Magnolia CMS

Magnolia grandiflora: Southern Magnolia - Edis

Magnolia ‘Elizabeth’ Magnolia Collection

Magnolia 4