TYPO3 Neos and Content Dimensions: mUXcamp Worms 2014

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  


Categories: Neos CMS, Mobile

Copyright © 2019 Lelesys Informatik GmbH, Deutschland. All Rights Reserved.