Presentation delivered by Hrishikesh Lele in mUXcamp 2014 in Worms about TYPO3 Neos and Content Dimensions.

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