WKE14 - TYPO3 Neos - Next Generation CMS - Patrick ......TYPO3 Neos - Next Generation CMS LOBACHER....

TYPO3 Neos - Next Generation CMS

LOBACHER.Patrick Lobacher Management | Consulting | Training

20.03.2014

http://www.typovision.de/index.php

(c) 2014 - Patrick Lobacher | TYPO3 Neos - Next Generation CMS | Webkongress Erlangen | 20.03.2014 | www.lobacher.de

TYPO3 Neos - Next Generation CMS LOBACHER.

�2

Über den Referenten

Veröffentlichungen:

Patrick LobacherManagement // Consulting // Training

• 43 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

• Speaker, Trainer, Nerd

2010-2014

1996-2008

2008-2010

2014-…

?????

http://www.lobacher.de


LOBACHER.

�3

Was ist TYPO3 Neos?




�4

TYPO3 Neos - the next generation CMS

Neos (griechisch νέος) heißt übersetzt schlicht “neu”




�5

Neos Website http://neos.typo3.org


http://neos.typo3.org



�6

Neos Oberfläche




�7


http://neos.typo3.org/download/marketing-material.html





�8







�9

Die Geschichte von TYPO3 Neos 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, > 50% aller

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

Geschichte von TYPO3 Neos beginnt bei TYPO3 CMS


http://de.wikipedia.org/wiki/Kasper_Sk%C3%A5rh%C3%B8j



�10

Die Geschichte von TYPO3 Neos: TYPO3 Phoenix !• Auf den ersten T3DD (TYPO3 Developer Days) im Jahr 2006 wurde der

Entschluss gefasst, TYPO3 von Grund auf neu zu schreiben • Codename: TYPO3 Phoenix (bzw. TYPO3 5.0) • Einige benötigte/gewünschten Features gab es damals in PHP noch nicht

und mussten komplett neu implementiert werden: Content Repository, Aspect Oriented Programming, DDD, Dependency Injection, ...

• Mit dem „Berlin Manifesto“ wurde 2008 der Rahmen und die Abgrenzung zum TYPO3 CMS festgelegthttp://typo3.org/roadmap/berlin-manifesto/(Das Manifest ist mittlerweile in Teilen nicht mehr gültig)

Geschichte von TYPO3 Neos: TYPO3 Phoenix


http://typo3.org/roadmap/berlin-manifesto/



�11

Die Geschichte von TYPO3 Neos: TYPO3 Flow und Neos

• Viele Grundfunktionen eines CMS sind nicht CMS-spezifisch (Session-Handling, Datenbank-Handling, Templating, ...) => daher Trennung dieser Funktionalitäten in ein eigenes Framework

• Durch die Einführung von Extbase im Jahr 2009 wurde es möglich, bereits in TYPO3 CMS Extensions zu schreiben, die in TYPO3 Flow mit geringen Änderungen lauffähig sind (sofern sie keine Internas verwenden)

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

• TYPO3 Neos ist eine Applikation die auf TYPO3 Flow basiert • Erste finale Version 1.0.0 am 10.12.2013 • (Patchlevel: 1.0.2 am 3.3.2013)

Geschichte von TYPO3 Neos: TYPO3 Flow und Ne0s




�12

Die TYPO3 Welt - seit Oktober 2012

• Dachmarke TYPO3

• TYPO3 CMS(hat kein eigenes Logos)

• TYPO3 Flow • TYPO3 Neos

Geschichte von TYPO3 Neos: Die TYPO3 Welt




�13

TYPO3 Neos: Positionierung

• Es gibt ab Dezember 2013 zwei unabhängige CMS aus dem Hause TYPO3: • TYPO3 CMS 6.x (4.7, 6.0, 6.1, 6.2 LTS Beta) • TYPO3 Neos 1.0

• Technologisch haben beide NICHTS miteinander zu tun • Es gibt KEINE 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

Geschichte von TYPO3 Neos: Die TYPO3 Welt



LOBACHER.

�14

Features von TYPO3 Neos




�15


• Maximal erweiterbares Enterprise CMF - Content Management Framework • Basis ist das stabile TYPO3 Flow Framework (Version 2.1.1) • Einfacher und flexibler Content Export/Import (bisher nur per

Kommandozeile) • Multi-Domain Support • Modernste Technologie und Paradigmen unter der Haube (DDD, AOP,

RequireJS, EmberJS, ...) • Intuitives Benutzer-Interface • Wireframe Mode - Content-Editing ohne Template • Webbasiertes Package Management





�16


• In-place Content-Editing • Eigene Content-Elemente (inkl. In-place Content-Editing) leicht

möglich • Integration von TYPO3 Flow Applikationen als Plugins (Packages) • TypoScript 2 / Eel / FlowQuery • Workspaces (Nicht Multiuser-fähig bislang) • Custom Single-Sign-On / Custom Authentification per

Programmierung möglich • TYPO3 Surf für das automatische Deployment

(Integration mit CI Server wie Jenkins)





�17

Bislang fehlende Features (evtl./sicher Version [1.1]) • Webbased Installer (Kommandozeile notwendig) • [1.1] Mehrsprachigkeit (Backend & User Interface) • [1.1] Benutzerrechte / Benutzergruppen / ACLs • Öffentliche Extensions (es gibt noch kein Package Repository) • [1.1] Gemeinsam genutzte Workspaces • [1.1] Versionierung (UI-Interface) • Non-Core-Features: News, Anbindung an 3rd-Party-Systeme,

Slider, SSL, Google Analytics Einbindung, ... • [1.1] REST • Logs (User, Admin, ...)





�18

Bislang fehlende Features !• SEO-Features (Seiteneigenschaften: noindex, nofollow,

keywords, description, canonical, ...) • Richtiges RWD-Interface (Interface funktioniert nur mit ca.

1000px und größer) • RWD-Rendering von Bildern • Digital Asset Management (es gibt einen MediaBrowser) • Formular-Designer (man kann lediglich programmatisch

vorbereitete Formulare auswählen) • [1.1] Content Synchronization and Syndication • [1.1] Admin-Interface um beliebige Datensätze zu

bearbeiten




LOBACHER.

�19

Aufbau der Neos Oberfläche




Aufbau der Admin-Oberfläche

�20

Features von TYPO3 Neos - Screenshots

Funktionen-MenüPage-Browser(Seitenbaum)

User-AdministrationLogout und Settings

PublishPublizieren, bei Klick auf Pfeil Möglichkeit zu„Auto-Publish“

InspectorContent-bezogeneEigenschaften, z.B. Seiten-eigenschaften, o.ä.

Preview-ModeAnzeige, wie die Seite live aussehen würde

Preview-Zentralez.B. Anzeige ohne Design

Struktur-Ansicht

Apply




�21


InspectorSelektiertes Elementz.B. Headline, Content-Collection, Page, ...

PropertiesKontextsentisiveEigenschaften, z.B. Seiten-eigenschaften, o.ä.




�22


Funktionen-MenüContentHier können die verschiedenen Sites umgeschaltet werden WorkspacesVerwaltung der Workspaces

Medien-BrowserVerwaltung der MedienUser ManagementUser-VerwaltungPackage Management Package VerwaltungSites Management Verwaltung der Websites




�23


Workspaces Verwaltung PublishPublizieren

DiscardVerwerfen

Auswahl einzelner

Änderungen

Angabe zum

Node-Typ

Typ derÄnderung

Workspaces Verwaltung




�24


Workspaces Verwaltung

Seiten, die Änderungen enthaltenwerden imSeitenbaumorangemarkiert




�25


Package-VerwaltungDelete

Deactivate& Activate

Freeze& Unfreeze

Auswählen

Aktionen auf der

Auswahl




�26


Site-Verwaltung Übersicht

DeleteDeactivate& Activate

EditNeue Seite anlegen

Status der Site




�27


Raw Content Mode - Anzeige der Elemente ohne Design




�28


Preview Zentrale - Anzeige-Alternativen




�29


Seitenbaum

Doppelklicken um den Seitentitel zu editieren Filtern des Seitenbaums nach

Typ (Seite, Shortcut, ...)

Drag&Drop um Seite zu verschieben

Klick auf Seitentitel um Seite in der Preview

rechts zu sehen

Refresh

Löschen der ausgewählten Seite

Einfügen (innerhalb)

Ausschneiden

Seitentitel editieren

Seite unsichtbar/sichtbar

Seite kopieren

Suche im Seitenbaum

Klick auf das Plus- Symbol legt

neue Seite an

Neue Seite anlegen




�30


Strukturbaum

Im Strukturbaum werden alle Elemente (sichtbare und unsichtbare) der aktuellen Seite hierarchisch aufgelistet !Auch hier hat man die selben Icons für Funktionen wie „Neu“, „Ausblenden“, „Kopieren“, ... zur Verfügung !Klick auf die Überschrift öffnet rechts die Eigenschaften im Inspector und platziert den InPlace-Editor an der entsprechenden Stelle




�31


Content-FunktionenNeues Content-Element

nach dem ausgewählten anlegen

Content-Element kopieren

Content-Element ausschneiden

Content-Element löschen

Content-Element ausblenden

Content-Element ausschneiden

Sobald man auf „Kopieren“ oder

„Ausschneiden“ klickt, erscheint „Einfügen“




�32


Content-FunktionenAbsatzformate

Tabelleeinfügen

Formatfreieinfügen

Formatierung entfernen

Link einfügen




�33


Content Element einfügen




�34


Mehrspaltige Content Elemente




�35


Formulare auswählen




�36


Media Browser

Tagging

Upload Ansichten

Zum Taggen wird die Datei per Drag&Drop

auf das Tag „gezogen“




�37


Media Browser

Meta-Daten

Aktionen




�38


Image Handling UploadMedia-Browser

Crop




�39


Cropping (unobstrusive)



LOBACHER.

�40

Systemvoraussetzungen von TYPO3 Neos




�41

Systemvoraussetzungen von TYPO3 Neos !

• Wichtig ist auch, dass das PHP auf der Kommandozeile ebenfalls mindestens Version 5.3.7 ist (und über die angegebenen php.ini Einstellungen verfügt) - dies kann mit dem folgenden Befehl überprüft werdenphp --version

• MySQL 5.1.50 - 5.x.x (zum Beispiel - grundsätzlich kann jede zum Doctrine DBAL kompatible Datenbank verwendet werden)

• Zugang zur Konsole (root User!), wenn die Zugangsrechte vom Hoster nicht entsprechend gesetzt worden sind. Bei den meisten Hostern ist dies aber der Fall - dann reicht ein normaler User.

Systemvoraussetzungen von TYPO3 Neos




�42

Installation von TYPO3 Neos

1. Laden von TYPO3 Neos via Composer: composer create-project --no-dev typo3/neos-base-distribution TYPO3-Neos-1.0

2. oder manuell via Archiv (zip, tar.gz, tar.bz2)http://sourceforge.net/projects/typo3flow/files/TYPO3%20Neos/1.0.2/

3. oder über GIT-Snapshotgit clone git://git.typo3.org/Neos/Distributions/Base.git TYPO3-Neos

4.oder per Launchrhttps://launchr.com/typo3-neos

Installation von TYPO3 Neos - Composer


https://launchr.com/typo3-neos


LOBACHER.

�43

Die Architektur von TYPO3 Neos




�44

Die Architektur von TYPO3 Neos - Backend !

Die Architektur von TYPO3 Neos - Backend

FluidModern Templating Engine

TYPO3CRContent Repository ( JCR / Sling)TypoScriptTypoScript 2.0 - next Generation

FormsForm API & Form Builder ExposeExtensible admin interfaceEelEmbedded Expression Language

FlowQuery




�45

Die Architektur von TYPO3 Neos - Frontend !

Die Architektur von TYPO3 Neos - Frontend

EmberJSJavaScript Web Application Framework

Create.jsWeb Editing Interface Aloha / HalloHTML5 WYSIWYG Editor

VIE = viejs.orgSemantic Interaction FrameworkRequireJSJavaScript file and module loader


http://en.wikipedia.org/wiki/JavaScript

http://en.wikipedia.org/wiki/Web_application_framework



�46

TYPO3 Flow - Basis Design !

• 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)

TYPO3 Flow - Basis Design

Achtung:Buzzword-Bingo :-)


http://en.wikipedia.org/wiki/Object-oriented_programming


LOBACHER.

�47

Internas von TYPO3 Neos




�48

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

TYPO3 Neos Internas: Node Structure

Domain Model




�49

Node Type !• Jede TYPO3CR Node hat einen sogenannten

Node Type • Node Types können in jedem Package

definiert werden, indem Sie in der Datei Configuration/NodeTypes.yaml deklariert werden.

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

TYPO3 Neos Internas: Node Type

http://docs.typo3.org/neos/TYPO3NeosDocumentation/IntegratorGuide/ContentStructure.html#nodes-inside-the-typo3-content-repository


http://docs.typo3.org/neos/TYPO3NeosDocumentation/IntegratorGuide/ContentStructure.html#



�50

Node Zugriff !

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

TYPO3 Neos Internas: Node Zugriff

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

content

section

pages

site root




�51

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) !

TYPO3 Neos Internas: TypoScript


�52

TypoScript: Fluid-Template <!DOCTYPE html> {namespace neos=TYPO3\Neos\ViewHelpers} {namespace ts=TYPO3\TypoScript\ViewHelpers} <html> <head> <f:section name="stylesheets">  </f:section> <f:section name="scripts">  </f:section> </head> <body> <f:section name="body"> <nav class="menu"> {parts.menu -> f:format.raw()} </nav> <nav class="breadcrumb"> {parts.breadcrumb -> f:format.raw()} </nav> <div class="content"> {content.main -> f:format.raw()} </div>

TYPO3 Neos Internas: TypoScript - Fluid Template



�53

TypoScript: Beispiel - Teil 1 include: NodeTypes/Carousel.ts2 namespace: TypoScript=TYPO3.TypoScript /** * Root TypoScript template for the Neos website */ page = Page { head { stylesheets.site = TypoScript:Template { templatePath = 'resource://TYPO3.NeosDemoTypo3Org/Private/Templates/Page/Default.html' sectionName = 'stylesheets' } metadata = TypoScript:Template { templatePath = 'resource://TYPO3.NeosDemoTypo3Org/Private/Templates/Page/Default.html' sectionName = 'metadata' } titleTag { // Overwrite the title tags content with a collection to create a breadcrumb content = TYPO3.TypoScript:Collection { // Retrieve all parent document nodes excluding the homepage collection = ${q(documentNode).add(q(documentNode).parents()).slice(0, -1).get()} itemName = 'node' iterationName = 'nodeIterator' // Implode node titles with a dash itemRenderer = ${q(node).property('title') + (nodeIterator.isLast ? '' : ' - ')} // Always add general site name as suffix

TYPO3 Neos Internas: TypoScript - Beispiel - Teil 1




�54

TypoScript: Beispiel - Teil 2 !// This query checks if the second level menu has items and sets an additional class for the body bodyTag.attributes.class = ${q(node).parents().count() >= 1 && q(node).children('[instanceof TYPO3.Neos:Document]').filter('[_hiddenInIndex=false]').count() > 0 ? 'has-subpages' : ''} ! body { templatePath = 'resource://TYPO3.NeosDemoTypo3Org/Private/Templates/Page/Default.html' sectionName = 'body' ! parts { mainMenu = Menu { entryLevel = 1 templatePath = 'resource://TYPO3.NeosDemoTypo3Org/Private/Templates/TypoScriptObjects/MainMenu.html' maximumLevels = 3 }

secondLevelMenu = Menu { entryLevel = 2 templatePath = 'resource://TYPO3.NeosDemoTypo3Org/Private/Templates/TypoScriptObjects/SecondLevelMenu.html' maximumLevels = 1 }

TYPO3 Neos Internas: TypoScript - Beispiel - Teil 2




�55

Eel - Embedded Expression Language • Während TypoScript Zuweisungen und Prozessoren beinhaltet, kann man mit Eel Ausdrücke

der Art myObject.foo = ${q(node).property('bar')} 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 ${foo.bar} // Traversal${foo.bar()} // Methoden-Aufruf${foo.bar().baz()} // Verketter Methoden-Aufruf${foo.bar("arg1", true, 42)} // Methoden-Aufruf mit Argumenten${12 + 18.5} // Kalkulation${foo == bar} // Vergleiche${foo.bar(12+7, foo == bar)} // Alles kombiniert ${[foo, bar]} // Array Literal${{foo: bar, baz: test}} // Object Literal

TYPO3 Neos Internas: Eel - Embedded Expression Language




�56

FlowQuery • FlowQuery stellt eine Art jQuery für TYPO3 Flow dar • FlowQuery stellt damit einen Weg dar, um Content (der ja eine TYPO3CR Node in Neos ist) im

Eel zu verarbeiten • In FlowQuery gibt es Operationen: • property

Zugriff auf alle Eigenschaften einer Node • filter

Filterausdrücke in „Fizzle“ • children

Gibt alle Kinder der TYPO3CR Node zurück • parents

Gibt alle Eltern der TYPO3CR Node zurück • Weitere Operationen: add, count, first, get, is, last, ...

TYPO3 Neos Internas: FlowQuery




�57

FlowQuery - Beispiele • Anzahl der Kommentare = Anzahl der Kinder der aktuellen Node mit dem Namen

„comments“, deren Eigenschaft „spam“ auf dem Wert „false“ steht.numberOfComments = ${q(node).children('comments').children("[spam = false]").count()}

• Breadcrumb-Menü = Aktuelle Seite + alle Elternseiten prototype(TYPO3.Neos:Breadcrumb) < prototype(TYPO3.TypoScript:Template) { templatePath = 'resource://TYPO3.Neos/Private/Templates/TypoScriptObjects/BreadcrumbMenu.html' node = ${node} items = ${q(node).add(q(node).parents('[instanceof TYPO3.Neos:Document]'))} } {namespace neos=TYPO3\Neos\ViewHelpers} <f:if condition="{items}"> <ul class="breadcrumbs"> <f:for each="{items}" as="item" reverse="TRUE"> <f:if condition="{item.hiddenInIndex} == 0">

<li> <neos:link.node node="{item}">{item.label}</neos:link.node> </li> </f:if> </f:for>

TYPO3 Neos Internas: FlowQuery - Beispiele



LOBACHER.

�58

Erweiterung der Site Einfaches Plugin 1




�59

Plugin: Meta-Tag zur Angabe einer Canonical URL

• Ziel: TYPO3 Neos soll so erweitert werden, dass es möglich ist, im Backend eine Canonical URL anzugeben, welche dann wie folgt im Frontend gerendert wird:<link rel="canonical" href="http://www.typovision.de/canonical" />

• Dafür benötigen wir ein Flow Package, welches wir als Neos Plugin verwenden !

• Schritt 1: Anlegen eines Flow Package - der Vendor ist hier „Typovision“, der Name des Packages ist „Canonical“./flow kickstart:package Typovision.Canonical

Plugin 1 Beispiel


http://www.typovision.de/canonical



�60

Plugin: Meta-Tag zur Angabe einer Canonical URL !

• Schritt 2: Zufügen einer Datei „NodeTypes.yaml“ in Packages/Application/Typovision.Canonical/Configuration/ # Hinzufuegen des Feldes zu den Seiteneigenschaften'TYPO3.Neos.NodeTypes:Page': superTypes: ['TYPO3.Neos:Document'] properties: canonicalUrl: type: string ui: label: 'Canonical URL' reloadIfChanged: TRUE inspector: group: 'metaOptions' ui: inspector: groups: metaOptions: label: 'Canonical Information' position: 180

Plugin 1 Beispiel

WICHTIG:Die Einrückungen werden mit je2 Leerzeichendurchgeführt!




�61


• Schritt 3: Anlegen des TypoScript Verzeichnisses unterhalb von Resources mkdir -p Packages/Application/Typovision.Canonical/Resources/Private/TypoScripts

• Schritt 4: Dort wird die Datei Root.ts2 angelegt, welche den Head-Bereich der Website mit einem Template erweitert, in welchem die CanonicalUrl angezeigt wirdpage.head.metadata { canonicalTag = TYPO3.TypoScript:Template canonicalTag { templatePath = 'resource://Typovision.Canonical/Private/Templates/TypoScript/CanonicalTag.html' canonicalUrl = TYPO3.TypoScript:Value canonicalUrl.value = ${q(node).property('canonicalUrl')} } }

Plugin 1 Beispiel




�62


• Schritt 5: Anlegen des TypoScript Verzeichnisses unterhalb von Templates mkdir -p Packages/Application/Typovision.Canonical/Resources/Private/Templates/TypoScript

• Schritt 6: Dort wird die Datei CanonicalTag.html angelegt{namespace ts = TYPO3\TypoScript\ViewHelpers} <link rel="canonical" href="{ts:render(path: 'canonicalUrl')}" />

• Übung für den Leser: Das Tag nur dann ausgeben lassen, wenn auch eine Canonical URL eingegeben wurde

Plugin 1 Beispiel




�63


• Schritt 7: Einfügen des TypoScripts in der Datei (möchlichst am Anfang)Packages/Sites/Typovision.Demo/Resources/Private/TypoScripts/Library/Root.ts2 include: resource://Typovision.Canonical/Private/TypoScripts/Root.ts2

• Hintergrundwissen:Die Seiteneigenschaften werden in der Tabelle typo3_typo3cr_domain_model_nodedata im Feldproperties gespeichert: a:7:{s:4:"name";s:20:"TYPO3 Neos Demo Site";s:5:"title";s:4:"Home";s:6:"layout";s:11:"landingPage";s:13:"subpageLayout";s:0:"";s:5:"state";s:1:"1";s:23:"siteResourcesPackageKey";s:22:"TYPO3.NeosDemoTypo3Org";s:12:"canonicalUrl";s:20:"http://www.google.de";}

Plugin 1 Beispiel


http://www.google.de



�64


• Schritt 8: Einfügen eines Markers ins SeitentemplatePackages/Sites/Typovision.Demo/Resources/Private/Templates/Page/Default.html ... <head> <f:section name="metadata"> ... {canonicalTag -> f:format.raw()} </f:section> ... </head> ....

Plugin 1 Beispiel



LOBACHER.

�65

Erste Projekte mit TYPO3 Neos




�66

Mitarbeit bei TYPO3 Neos: We need you!!

http://www.centurion-magazine.com/





�67


http://www.centurion-magazine.com/http://www.departures-international.com/



http://www.departures-international.com/



�68


http://www.centurion-magazine.com/http://feelcostabrava.com/



http://feelcostabrava.com/


LOBACHER.

�69

Mitarbeit bei TYPO3 Neos




�70

We need you!! !

• 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



http://typo3.org



�71

TYPO3 Neos Codesprint !

• Wann: 24. - 27.03.2014 • Wo: FH Rosenheim • Wer: Jeder der Interesse hat, an TYPO3 Neos mitzuwirken • Kontakt: Meldet Euch bei robert [at] typo3.org

• URL: http://wiki.typo3.org/Neos_Code_Sprint_March_2014

TYPO3 Neos Codesprint


http://typo3.org

http://wiki.typo3.org/Neos_Code_Sprint_March_2014



�72

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

Mitarbeit bei TYPO3 Neos: Kunden gesucht


http://typo3.org


LOBACHER.

�73

Neos Literatur




�74

Das TYPO3 Neos Kompendium !!!

Neos Literatur

www.lobacher.de/neoskompendium

Über 270 Seiten zu allen Aspektenvon TYPO3 Neos • Installation • Konfiguration • Integration • Entwicklung

de.slideshare.net/plobacher/typo3-neos-das-kompendium


http://www.lobacher.de/neoskompendium

http://de.slideshare.net/plobacher/typo3-neos-das-kompendium



�75

Artikel • web & mobile DEVELOPER (Autor Patrick Lobacher)

• Ausgabe 11 / 2013: TypoScript, FlowQuery und Eel in TYPO3 Neos • Ausgabe 03 / 2014: TYPO3 Neos in Praxiseinsatz • Ausgabe 04 / 2014: Erweiterung von TYPO3 Neos • Ausgabe 05 / 2014: Plugin-Erstellung für TYPO3 Neos

• Screenguide (Autor Patrick Lobacher) • Ausgabe 20 / 2014: TYPO3 Neos - ein Überblick

!!!

Neos Literatur




�76

The Neos Book !• Im Februar 2014 wurde von Dan Frost eine Initiative gestartet, die

sich „The Neos Book“ nennt • Ziel soll es sein, ein (englischsprachiges) Buch zu TYPO3 Neos im

(Spät)Sommer 2014 auf den Markt zu bringen • Dafür werden mehr als 30 Core Entwickler und Autoren Inhalte

beisteuern • Die Finanzierung wird über kickstarter.com erfolgen

• Website: http://www.theneosbook.com/

Neos Literatur


http://kickstarter.com

http://www.theneosbook.com/


LOBACHER.

�77

TYPO3 Neos Veranstaltungen




�78





�79

Spezielles Angebot für den Webkongress Erlangen 2014=> 20% Rabatt auf die letzten Tickets!!





�80


http://t3dd14.typo3.org/

http://www.typo3camp-stuttgart.de/


http://t3dd14.typo3.org/

http://www.typo3camp-stuttgart.de/


LOBACHER.

�81

Quellen und Informationen




�82

Quellen und Informationen !

• TYPO3 Neos Websitehttp://neos.typo3.org/

• 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



http://neos.typo3.org

http://flow.typo3.org/documentation.html



�83


• TYPO3 Neos Projekt bei forgehttp://forge.typo3.org/projects/typo3neos

• TYPO3 Flow Projekt bei forgehttp://forge.typo3.org/projects/flow3

• Cheatsheet für Fluid (und demnächst für Flow)http://www.lobacher.de/files/cs/FluidCheatSheet_3.01_Lobacher.pdf





�84


• 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



http://www.lelesys.com

http://riesvantwisk.com/cms/home/irc-logs/typo3-neos-irc-log.html



�85

Installations-Alternativen und Hilfen • TYPO3 Neos Vagrant Boxhttps://github.com/tlayh/vagrant-typo3neos

• TYPO3 Neos Installation auf Mac OS X Snow Leopard und MAMPhttp://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

Troubleshoot / FAQ / Hilfe


https://github.com/tlayh/vagrant-typo3neos

https://git.typo3.org/Neos/Distributions/Base.git/blob/HEAD:/.gitignore

https://launchr.com

https://www.mittwald.de/neos-testen/

http://jweiland.net/typo3/neos/neos-installation/manuelle-neos-installation.html

https://wiki.hostsharing.net/index.php?title=TYPO3_Neos_installieren


LOBACHER.

�86

Kontakt & Projektanfragen




�87

Kontakt

Klassisch:Patrick LobacherMaxhofstr. 2481475 MünchenFon: +49 89 51 66 16 30 Email: [email protected] Web: www.lobacher.de !

Twitter: www.twitter.com/PatrickLobacherFacebook: www.facebook.com/patrick.lobacherBlog: 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

Kontakt

Leistungen: Consulting, Audit, Entwicklung, PM, SchulungProjektanfragen ab einem Budget von ca. 25.000 EUR möglich


mailto:[email protected]?subject=

http://twitter.com/PatrickLobacher


http://www.xing.com/profile/Patrick_Lobacher

http://www.linkedin.com/pub/patrick-lobacher/4/881/171

http://www.slideshare.net/plobacher

http://www.amazon.de/Patrick-Lobacher/e/B0045AQVEA



�88

Kontakt

Referenzen (net-o-graphic/typofaktum/typovision/LOBACHER.)



LOBACHER.

�89

Fragen? Oder komplett verwirrt?


Vielen Dank für Eure Aufmerksamkeit

LOBACHER.

WKE14 - TYPO3 Neos - Next Generation CMS - Patrick ......TYPO3 Neos - Next Generation CMS LOBACHER....

Documents

Transcript of WKE14 - TYPO3 Neos - Next Generation CMS - Patrick ......TYPO3 Neos - Next Generation CMS LOBACHER....