Presentation delivered by Hrishikesh Lele in mUXcamp 2014 in Worms about TYPO3 Neos and Content Dimensions.
Presentation Transcript
1. Introduction to TYPO3 Neos mUXcamp Worms 2014 1 1Saturday, 17 May 14
2. 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 2 2Saturday, 17 May 14
3. TYPO3 Neos is the next-generation open source content management system made by the TYPO3 community. Neos is based on the PHP framework 3 3Saturday, 17 May 14
4. time for live demo 4 4Saturday, 17 May 14
5. strong foundation 5 5Saturday, 17 May 14
6. TYPO3 Flow Enterprise PHP Framework Product of TYPO3 Community Use for any kind of web applications 6 6Saturday, 17 May 14
7. In-place editing 7 7Saturday, 17 May 14
8. responsive web 8 8Saturday, 17 May 14
9. features Preview central Localization SEO Cloud ready Easily extendable Media management 9 9Saturday, 17 May 14
10. Content dimensions Version 1.2 10 10Saturday, 17 May 14
11. Start building variants—in this case language variants— by clicking the corresponding edit mode 11 11Saturday, 17 May 14
12. Split-screen is enabled, using our Raw Content editor on both sides 12 12Saturday, 17 May 14
13. Configure the view—could be just language selection or a combination of device, language and persona-based personalization 13 13Saturday, 17 May 14
14. for developers 14 14Saturday, 17 May 14
15. sample: FAQ 15 15Saturday, 17 May 14
16. 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 16 16Saturday, 17 May 14
17. 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> 17 17Saturday, 17 May 14
18. 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')} } 18 18Saturday, 17 May 14
19. http://neos.typo3.org/documentation.html 19 19Saturday, 17 May 14
20. neos.typo3.org 20 20Saturday, 17 May 14
21. launchr.com/typo3-neos 21 21Saturday, 17 May 14
22. @hrishilele 22 22Saturday, 17 May 14
23. Developer info Pankaj lele @pankajlele 23 23Saturday, 17 May 14
24. Questions? Thank you! 24 24Saturday, 17 May 14