neos cms - das cms der nächsten generation - ipc 2015
TRANSCRIPT
![Page 1: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/1.jpg)
Patrick Lobacher Vorstandsvorsitzender +Pluswerk AG
08.06.2015Neos CMSNext Generation CMS
![Page 2: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/2.jpg)
Slides: www.lobacher.de/ipc15-neos
![Page 3: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/5.jpg)
SHOWCASE
![Page 6: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/6.jpg)
Neos CMS - im Überblick
![Page 7: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/13.jpg)
Features
![Page 14: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/16.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/18.jpg)
Was ist neu in Neos 2.0?
![Page 19: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/21.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/22.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/23.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/25.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/26.jpg)
Ausblick Neos 2015
![Page 27: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/27.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/28.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/29.jpg)
Architektur & Internas
![Page 30: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/30.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/31.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/32.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/33.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/34.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/35.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/36.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/37.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/38.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/39.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/40.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/41.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/42.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/43.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/44.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/45.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/46.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/47.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/48.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/49.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/50.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/51.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/52.jpg)
Konzepte
![Page 53: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/53.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/54.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/55.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/56.jpg)
Showcases
http://neos.typo3.org/show-cases.html
![Page 57: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/57.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/58.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/59.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/60.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/61.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/62.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/63.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/64.jpg)
Quellen & Informationen
![Page 65: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/65.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/66.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/67.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/68.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/69.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/70.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/71.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/72.jpg)
Mitmachen!
![Page 73: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/73.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/74.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/75.jpg)
Fragen?
Slides: www.lobacher.de/ipc15-neos
![Page 76: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/76.jpg)
Besten Dank für Eure Aufmerksamkeit!
pluswerk.ag
![Page 77: Neos CMS - Das CMS der nächsten Generation - IPC 2015](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/77.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051516/55beb655bb61eb363c8b4716/html5/thumbnails/78.jpg)
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)