introduction to typo3 neos - muxcamp worms 2014
DESCRIPTION
Presentation delivered by Hrishikesh Lele in mUXcamp 2014 in Worms about TYPO3 Neos and Content Dimensions.TRANSCRIPT
Introduction to TYPO3 Neos
mUXcamp Worms 2014
11Saturday, 17 May 14
about me
Hrishikesh Lele (in short Hrishi)
Live in Frankfurt, home in Goa, India
GF, Lelesys Informatik GmbH
Support TYPO3 Neos and Flow
In love with German engineering!
@hrishilele | www.lelesys.com
22Saturday, 17 May 14
TYPO3 Neos is the next-generation open source content management system made by the TYPO3 community. Neos is based on the PHP framework
33Saturday, 17 May 14
time for live demo
44Saturday, 17 May 14
strong foundation
55Saturday, 17 May 14
TYPO3 Flow
Enterprise PHP Framework
Product of TYPO3 Community
Use for any kind of web applications
66Saturday, 17 May 14
In-place editing
77Saturday, 17 May 14
responsive web
88Saturday, 17 May 14
features
Preview central
Localization
SEO
Cloud ready
Easily extendable
Media management
99Saturday, 17 May 14
Content dimensionsVersion 1.2
1010Saturday, 17 May 14
Start building variants—in this case language variants—by clicking the corresponding edit mode
1111Saturday, 17 May 14
Split-screen is enabled, using our Raw Content editor on both sides
1212Saturday, 17 May 14
Configure the view—could be just language selection or a combination of device, language and persona-based
personalization
1313Saturday, 17 May 14
for developers
1414Saturday, 17 May 14
sample: FAQ
1515Saturday, 17 May 14
node type : FAQ'Lelesys.Plugin.Faq:Question': superTypes: -‐ 'TYPO3.Neos:Content' ui: label: 'Faq' group: structure icon: 'icon-‐question-‐sign' inspector: groups: page: label: Faq properties: question: type: string translatable: TRUE defaultValue: 'Enter question here' ui: inlineEditable: TRUE
1616Saturday, 17 May 14
template : FAQ
! ! <div class="faq-structure">! ! ! <div class="faq-heading">! ! ! ! <h5>{question -> f:format.stripTags()}</h5>! ! ! </div>! ! ! <div class="faq-detail">! ! ! ! {answer -> f:format.raw()}<br>! ! ! ! <f:if condition="{node.properties.author}">! ! ! ! ! <f:then>! ! ! ! ! ! Author: {node.properties.author} |! ! ! ! ! </f:then>! ! ! ! </f:if>! ! ! ! <f:format.date format="F jS, Y">{node.properties.datePublished}</f:format.date> <br>! ! ! ! <f:if condition="{node.properties.relatedLinks}">! ! ! ! ! <f:then>! ! ! ! ! ! Related Link: <a href="{node.properties.relatedLinks}" target="_blank">{node.properties.relatedLinks}</a>! ! ! ! ! </f:then>! ! ! ! </f:if>! ! ! </div>! ! </div>
1717Saturday, 17 May 14
Typoscript : FAQ
prototype(Lelesys.Plugin.Faq:Question) < prototype(TYPO3.Neos:Content)prototype(Lelesys.Plugin.Faq:Question) {! templatePath = 'resource://Lelesys.Plugin.Faq/Private/Templates/TypoScript/Faq.html'! question = ${q(node).property('question')}! answer = ${q(node).property('answer')}}
1818Saturday, 17 May 14
http://neos.typo3.org/documentation.html
1919Saturday, 17 May 14
neos.typo3.org
2020Saturday, 17 May 14
launchr.com/typo3-neos
2121Saturday, 17 May 14
@hrishilele
2222Saturday, 17 May 14
Developer infoPankaj lele @pankajlele
2323Saturday, 17 May 14
Questions?
Thank you!
2424Saturday, 17 May 14