Neos CMS - Das CMS der nächsten Generation - IPC 2015

78
Patrick Lobacher Vorstandsvorsitzender +Pluswerk AG 08.06.2015 Neos CMS Next Generation CMS

Transcript of Neos CMS - Das CMS der nächsten Generation - IPC 2015

Page 1: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Patrick Lobacher Vorstandsvorsitzender +Pluswerk AG

08.06.2015Neos CMSNext Generation CMS

Page 2: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Slides: www.lobacher.de/ipc15-neos

Page 3: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Patrick LobacherVorstandsvorsitzender +Pluswerk AG

• 44 Jahre, glücklich verheiratet, wohnhaft in München

• Selbständig im Bereich Webentwicklung seit 1994

• Autor von 10 Fachbüchern und > 50 Fachartikeln zum Thema TYPO3 und Webentwicklung

• Mitglied im TYPO3 Education Committee

• Speaker, Trainer, Consultant, Coach, Nerd

Veröffentlichungen:

Page 4: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Agentur für digitale Kommunikation+[ 10 ] Standorte in Deutschland +[ 130 ] Mitarbeiter +[ 999 ] realisierte Projekte mit Magento und TYPO3

Page 5: Neos CMS - Das CMS der nächsten Generation - IPC 2015

SHOWCASE

Page 6: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Neos CMS - im Überblick

Page 7: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

TYPO3 Neos is the next-generation open source content management

system made by the TYPO3 community. Neos is based on the

PHP framework TYPO3 Flow.

Page 8: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Die Geschichte von Neos CMS beginnt bei TYPO3 CMS

• TYPO3 CMS ist ein „Enterprise Open Source Content Management Framework“

• TYPO3 CMS existiert seit 1998 • Erfunden vom Dänen Kaspar Skårhøj • ca. 500.000 Installationen weltweit / > 5 Mio Downloads • Einsatz in DE z.B. bei > 50% aller DAX 500 Unternehmen, >

vielen Bundesliga-Vereinen, Discounter, Autovermieter, Öffentliche Träger, …

• > 6.000 Extensions • > 150.000 Entwickler weltweit • > 2000 Agenturen weltweit • Finanziert und unterstützt von der TYPO3 Association

Page 9: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Die Geschichte von TYPO3 Neos: TYPO3 Phoenix

• Rewrite im Jahr 2006 beschlossen • Einige benötigte/gewünschten Features gab es damals in PHP

noch nicht und mussten komplett neu implementiert werden: Content Repository (JSR-170), Aspect Oriented Programming, Domain Driven Design, Dependency Injection, … => PHP Framework TYPO3 Flow

• Am 20. Oktober 2011 wurde das Application Framework TYPO3 Flow (ehemals FLOW3) als Final veröffentlicht (Aktuell 3.0.0b3)

• TYPO3 Neos ist eine Applikation die auf TYPO3 Flow basiert

• Erste Version 1.0.0 von Neos am 10.12.2013

• Aktuell 2.0 beta 3 vom 05.06.2015

Page 10: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

TYPO3 Neos: Positionierung

• Es gab ab Dezember 2013 zwei unabhängige CMS aus dem Hause TYPO3:

• TYPO3 CMS

• TYPO3 Neos

• Technologisch haben beide (fast) NICHTS miteinander zu tun

• Es gibt (zur Zeit) KEINE automatische Migrationsmöglichkeiten von einem der beiden Systeme zum anderen

• TYPO3 Neos ist NICHT der Nachfolger von TYPO3 CMS, sondern ein eigenständiges CMS mit anderem Fokus

Page 11: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 12: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

https://entwickler.de/online/php/neos-und-typo3-haben-sich-zu-unterschiedlichen-produkten-entwickelt-149682.html

https://entwickler.de/online/wir-stehen-am-anfang-eines-dialogs-der-hilft-diesen-split-gut-zu-machen-149664.html

Page 13: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Features

Page 14: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 15: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 16: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 17: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Quelle: neos.typo3.org

Page 18: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Was ist neu in Neos 2.0?

Page 19: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Backend-Sprachen (zum Start ca. 10 Sprachen)

https://crowdin.com/project/typo3-neos

Page 20: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Event-Log (Änderungsverlauf)

Page 21: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

SEO Package

• Canonical • Title-Override • Robots-Meta • Twitter-Cards • (OpenGraph) • Automatische

Generierung vonLinks zu alternativen Sprachversionen

• XML-Sitemap

Page 22: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Analytics PackageGoogleAnalytics

Page 23: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Media Verwaltung

Page 24: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Security 2.0 / Basis ACLs

• Komplettes Ausblenden von Teilen des Node-Trees • Schutz von beliebigen Methoden-Aufrufen • Definition der Sichtbarkeit von beliebigen Elementen in

Abhängigkeit des authentifizierten Benutzers • Einschränkung der Anzeige von Backend Modulen • Einschränkung, welche TYPO3CR Node Types erzeugt werden

dürfenx • Einschränkung des Bearbeitens von Teilen des Node-Trees • Einschränkung der Anzeige von Eigenschaften im Property

Inspektor • Neue Abfragen : isDescendantNodeOf, nodeIsOfType,

hasDimensionValue

Page 25: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Was ist neu in Neos CMS 2.0?

• Überarbeitete Benutzerverwaltung

• Neues Resource-Management

• 400 Fehlerbehebungen alleine bei Neos (zahlreiche weitere bei Flow)

• Erhöhung der Performance

• Globale Cache Indentifier

• Verbessertes Setup

• Weitere Fizzle Operatoren

• Reihenfolge der ChildNodes kann festgelegt werden

• eigene Doctrine-Types möglich

• HHVM Kompatibilität

• ab sofort wird PHP 5.5 vorausgesetzt

Page 26: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Ausblick Neos 2015

Page 27: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Ausblick auf Neos 2015

• Content Repository Improvements (Sorting, Filtering, Event Sourcing CQRS, Undo, Redo, Soft Deletion)

• Verbesserung der Demo-Site (Neues Design, Mehr Beispiele, Blog Integration)

• Multi Channel Support (Content Dimension Detection API, A/B Testing, Content Publishing API)

• Redirects

• Multi-Site Support (Cross-Site Linking, Site Independent Configuration)

• “Red Carpet” (Docker Setup, Dokumentation, No CLI, Shared Hosting Support, Einfachere Installation)

Page 28: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Ausblick auf Neos 2015

• Developer Tools (Loggin Module, Command Module, TypoScript Browser/Debugger, Node Type Creator)

• Structured Editing (Inline Validation, Inline Help Texts, Inline Editing of Images)

• Publishing Workflow

• Verbesserung der User Experience

• Verbesserung der Content-Übersetzung (Split View, Review Workflow)

• Integration externer Services (External API, Flickr, Vimeo, OneDrive, Dropbox, YouTube, Google Drive, …)

• Bessere Content-Vorschau

• Community Hub (für Dokumentation, Tipps, Snippets, Guides, Tutorials, Roadmap, Blog, …)

Page 29: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Architektur & Internas

Page 30: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Systemvoraussetzungen von TYPO3 Neos

• Webserver (Apache, Nginx)

• Datenbank (Doctrine-Unterstützung, am besten MySQL)

• PHP > 5.5 (CLI und Modul)

• Shell-Zugang

Page 31: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Installation von TYPO3 Neos - Composer

• Die Installation erfolgt über „Composer“ (Dependency Manager für PHP)

• Dafür ist Zugang zur Konsole nötig$ cd /pfad/zum/webserver/ $ curl -sS https://getcomposer.org/installer | php$ composer create-project typo3/neos-base-distribution myneos ~2.0 $ cd myneos $ ./flow flow:core:setfilepermissions shelluser wwwuser wwwgroup http://neos.demo/setup/

Page 32: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

http://www.codecoon.com

Page 33: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

https://launchr.com/typo3-neos

Page 34: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

http://neos-master.demo.typo3.org/en/try-me.html

Page 35: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Die Architektur von TYPO3 Neos - Backend

FluidModern Templating Engine

TYPO3CRContent Repository (JCR 170/ Sling)TypoScriptTypoScript 2.0

FormForm API & Form BuilderExpose Extensible admin interfaceEelEmbedded Expression Language

FlowQuery

Page 36: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Die Architektur von TYPO3 Neos - Frontend

EmberJSJavaScript Web Application Framework

Create.jsWeb Editing InterfaceAloha / HalloHTML5 WYSIWYG Editor

VIE = viejs.orgSemantic Interaction FrameworkRequireJSJavaScript file and module loader

Page 37: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

TYPO3 Flow - Web Application Framework

• OOP - Object-Oriented Programming • TDD - Test Driven Development • DDD - Domain Driven Design (Eric Evans) • MVC - Model, View, Controller • AOP - Aspect Oriented Programming

(Separation of Concerns, Cross cutting concerns)

• DI - Dependency Injection • ORM - Object Relational Mapping

(basierend auf Doctrine 2, eigenes ORM möglich)

Achtung:Buzzword-Bingo :-)

Page 38: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Node Structure

• TYPO3CR Node • Node Name

(dient der Identifikation) • Node Type

(z.B. Document, Folder, AbstractNode, Content, ContentCollection...)

• Properties(Abhängig vom NodeType)

• Einfach erweiterbar und leichtkonfigurierbar

Page

Content Section

Content Element

Site root

Domain Model

Page 39: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Node Type

• Jede TYPO3CR Node hat einen sogenannten Node Type

• Node Types können in jedem Package über YAML (YAML Ain't Markup Language) definiert werden

• Jeder Node Type kann einen oder mehrere Eltern-Typen haben. Wenn diese spezifiziert sind, werden alle Eigenschaften und Settings der Eltern Types vererbt

• Zusätzlich ist es möglich Child-Nodes zu definieren, die automatisch erstellt werden

Page 40: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 41: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Node Zugriff

• Der Zugriff auf Nodes erfolgt durch „NodePaths“ • Jede Seite ist ein Node, jedes Element auf einer Seite ebenfalls

/sites/typo3org/home/subpage/main/text1

content

section

pages

site root

Page 42: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Fluid

Objektorientierte Templating Engine (CMS, Flow, Neos)

Page 43: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

TypoScript

• TypoScript ist eine hierarchische, objektorientierte und Prototypen-basierte Verarbeitungssprache

• Wird von Neos verwendet, um den Content flexibel zu rendern

• Objekte sind z.B. Array, Collection, Case, Menu, Page, Template, Plugin, Value, ...

• Objekte haben Eigenschaften, die das Objekt „konfigurieren“

• TypoScript hat Zugriff auf den jeweiligen „Context“ (z.B. Seitenbaum im Objekt „menu“ oder Seiteneigenschaften im Objekt „page“)

• Es gibt „Prozessoren“ die die Eigenschaftswerte verändern können (ähnlich stdWrap-Funktionen in TYPO3 CMS)

Page 44: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 45: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 46: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 47: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Eel - Embedded Expression Language

•Während TypoScript Zuweisungen und Prozessoren beinhaltet, kann man mit Eel Ausdrücke der Art

myObject.foo = ${…}

formulieren •Die Embedded Expression Language (Eel) ist ein Baustein um Domain

Specific Languages (DSL) zu erstellen. •Eel stellt eine reichhaltige Syntax zur Verfügung um beliebige

Ausdrücke zu erstellen, damit sich der Autor der DSL auf die Semantik konzentrieren kann •Eel ist in Anlehnung an JavaScript (Subset) realisiert worden

Page 48: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Eel - Embedded Expression Language ${String.substr("Hello world!", 6, 5)}

${String.toUpperCase(value)}

${Date.year(Date.now())} ${(value ? value + ' - ' : '') + 'TYPO3 Neos'} ${'item' + (carouselItemsIteration.isFirst ? ' active' : '')} ${'col-sm-' + String.split(q(node).parent().property('layout'), '-')[multiColumnIteration.index]}

Page 49: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

FlowQuery

• FlowQuery ist eine Art jQuery für das Content Repository

• FlowQuery stellt damit einen Weg dar, um Content (der ja eine TYPO3CR Node in Neos ist) in Eel zu verarbeiten

• FlowQuery Operationen werden durch PHP-Klassen realisiert

• In FlowQuery gibt es Operationen (property, filter, children, parents, count, …) und einen Kontext (Node, Site, DocumentNode, …)

• FlowQuery ist beliebig erweiterbar

Page 50: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Quelle: http://learn-neos.com/

FlowQuery TypoScript:page = Template { templatePath = 'Main.html' node = ${node} childNodes = ${q(node).find('main').children()} } Template:<html> <title>{node.properties.title}</title> <body> <h1>{node.properties.title}</h1> <f:for each="{childNodes}" as="childNode"> <h2>{childNode.properties.title}</h2> <p>{childNode.properties.text}</p> </f:for> </body> </html>

Page 51: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

FlowQueryTypoScript:prototype(TYPO3.Neos:BreadcrumbMenu) < prototype(TYPO3.Neos:Menu) { templatePath = 'resource://TYPO3.Neos/Private/Templates/TypoScriptObjects/BreadcrumbMenu.html' itemCollection = ${q(node).add(q(node).parents('[instanceof TYPO3.Neos:Document]')).get()} attributes.class = 'breadcrumb' } Template:{namespace neos=TYPO3\Neos\ViewHelpers} <f:if condition="{items}"> <ul{attributes -> f:format.raw()}> <f:for each="{items}" as="item" reverse="TRUE"> <li{ts:render(path:'{item.state}.attributes') -> f:format.raw()}> <f:if condition="{item.state} == 'current'"><f:then>{item.label}</f:then> <f:else><neos:link.node node="{item.node}">{item.label}</neos:link.node></f:else> </f:if> </li> </f:for> </ul> </f:if>

Page 52: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Konzepte

Page 53: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Konzepte: Content-Dimension

Sprache de en fr

Land DE US CH

Multi-Varianten A B C

Ziel-Gruppen Marketing Vertrieb GF

Personalisierung User1 User2 User3

Location based, Time-Zone, Channel, Device,…

Page 54: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Konzepte: Content Cache

• Jedes TypoScript-Objektkann seine eigene CacheKonfiguration besitzen

• @cache { mode = 'cached' maximumLifetime = '86400' entryIdentifier { node = ${node} format = ${request.format} } entryTags { # Whenever the node changes the matched condition could change 1 = ${'Node_' + documentNode.identifier} # Whenever one of the parent nodes changes the layout could change 2 = ${'DescendantOf_' + documentNode.identifier} } }

Page 55: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Konzepte: Editing / Preview Modes

Page 56: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Showcases

http://neos.typo3.org/show-cases.html

Page 57: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 58: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 59: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 60: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 61: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 62: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 63: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Page 64: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Quellen & Informationen

Page 65: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Das TYPO3 Neos Kompendium Über 360 Seiten zu allen Aspekten von TYPO3 Neos • Installation • Konfiguration • Architektur • FAQ • Integration • Entwicklung

www.lobacher.de/neoskompendiumde.slideshare.net/plobacher/typo3-neos-das-kompendium

Page 66: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Das TYPO3 Neos Buch

FakeCover!

Verlag: O’Reilly Umfang: ca. 450 VÖ: Ende Juli / 2015

Page 67: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Quellen und Informationen

• TYPO3 Neos Website http://neos.io/

• TYPO3 Neos Downloadhttp://neos.typo3.org/download.html

• TYPO3 Flow Websitehttp://flow.typo3.org/

• TYPO3 Neos Dokumentationhttp://docs.typo3.org/neos/TYPO3NeosDocumentation/Index.html

• TYPO3 Flow Dokumentationhttp://flow.typo3.org/documentation.html

Page 68: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Quellen und Informationen

• TYPO3 Neos & TYPO3 Flow Bugtrackerhttps://jira.typo3.org

• Cheatsheet für Fluidhttp://www.lobacher.de/files/cs/FluidCheatSheet_3.02_pluswerk.pdf

Page 69: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Quellen und Informationen

• Learn Neos http://www.learn-neos.com

• TypoScript 2 Pocket Referencehttp://learn-neos.com/reference/pocket-reference-typoscript2.html

• GitHub Account von Lelesys (Pankaj Lele / http://www.lelesys.com/)https://github.com/lelesys

• IRC Log vom Channel #typo3-neos bei Freenodehttp://riesvantwisk.com/cms/home/irc-logs/typo3-neos-irc-log.html

Page 70: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Installations-Alternativen und Hilfen

• TYPO3 Neos Vagrant Boxhttps://github.com/tlayh/vagrant-typo3neos

• TYPO3 Neos Installation auf Mac OS X Snow Leopard und MAMP http://www.content-driven-ecommerce.de/typo3-neos-install/

• .git ignore Filehttps://git.typo3.org/Neos/Distributions/Base.git/blob/HEAD:/.gitignore

• Launchr (TYPO3 Neos Online testen) https://launchr.com/

• Mittwald Hosting - 30 Tage TYPO3 Neos Accounthttps://www.mittwald.de/neos-testen/

• Manuelle Installation von jweiland.nethttp://jweiland.net/typo3/neos/neos-installation/manuelle-neos-installation.html

• Installation auf einen Shared Hosting (Hostshare)https://wiki.hostsharing.net/index.php?title=TYPO3_Neos_installieren

Page 71: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

TYPO3 Neos SchulungenTermine: 29.-30.06.2015 / Hamburg 27.-28.07.2015 / München 20.-21.08.2015 / Frankfurt 10.-11.09.2015 / München 22.-23.10.2015 / Hamburg 12.-13.11.2015 / München

Infos: [email protected] / @PatrickLobacher http://www.plus-werk.com/typo3-neos-intensivschulung.html

Page 72: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Mitmachen!

Page 73: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Komme ins TYPO3 Neos Team

• Komme ins TYPO3 Neos und Flow Team!

• Jeder wird gebraucht: Programmierer, Architekten, UX-Experten, Designer, Doku, Tester, JS-Spezialisten, ...

• Meldet Euch bei robert [at] typo3.org

Page 74: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Kunden gesucht!

• Direkte Mitarbeit • Gebe frühes Feedback zu neuen Funktionen, User Interfaces, ... • Direkter Kontakt und Diskussion mit den Entwicklern • Sofern sinnvoll, wird das Feedback unmittelbar umgesetzt

• Vorteile • Gestalte das WCMS der Zukunft direkt mit • Nimm Einfluss auf die Entwicklung • Zugang zu Entwicklern, Architekten und UX‘lern • Networking mit anderen Neos-Kunden

• Kontakt • rasmus [at] typo3.org • TYPO3 Neos Agentur (pluswerk, techdivision, networkteam, …)

Page 75: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Fragen?

Slides: www.lobacher.de/ipc15-neos

Page 76: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Besten Dank für Eure Aufmerksamkeit!

pluswerk.ag

Page 77: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Kontakt

Klassisch:+Pluswerk AGPatrick LobacherSolmstr. 6A60486 Frankfurt am Main Fon: +49 89 130 145 20 Email: [email protected] Web: www.pluswerk.ag

Twitter: www.twitter.com/PatrickLobacherFacebook: www.facebook.com/pluswerkBlog: blog.lobacher.de Schulungen: www.lobacher.deGoogle+:plus.google.com/105500420878314068694

XING: www.xing.com/profile/Patrick_LobacherLinkedInwww.linkedin.com/pub/patrick-lobacher/4/881/171Slideshare: www.slideshare.net/plobacherAmazon: www.amazon.de/Patrick-Lobacher/e/B0045AQVEA

Page 78: Neos CMS - Das CMS der nächsten Generation - IPC 2015

Responsive Webdesign verkaufen

(c) 2015 - Patrick Lobacher | Neos CMS - Next Generation CMS | www.pluswerk.ag | 08.06.2015

Neos CMS - Next Generation CMS

Referenzen (Auszug: +Pluswerk/net-o-graphic/typofaktum/typovision)