Download as PDF, PPTX
Uploaded byChristian Müller
[T3CON12CA] TYPO3 Phoenix - The Current State
This document summarizes a presentation about the current state of TYPO3 Phoenix. It discusses improvements made to the content model, plugin system, and module system. It describes challenges with the previous user interface built with ExtJS and SproutCore, and introduces a new approach using EmberJS. Key aspects of the new approach highlighted are reliable editing, predictable behavior, and immediate user feedback. The presentation demonstrates the new interface and discusses how it leverages existing TYPO3 foundations like FLOW3 and TypoScript. Next steps mentioned include further developing system and reports views and refining the editing experience.
![[T3CON13NA] Integrating Websites With Neos](https://cdn.slidesharecdn.com/ss_thumbnails/integratingwebsiteswithneostalkt3con13na-130530175627-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![Neos 2.0 [Inspiring Conference 2015]](https://cdn.slidesharecdn.com/ss_thumbnails/neos2inspiringconf-150412075329-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
![Neos Bloopers [Inspiring 2016]](https://cdn.slidesharecdn.com/ss_thumbnails/neosbloopers-160423085921-thumbnail.jpg?width=640&height=640&fit=bounds)
![Neos 101 [Inspiring Con 2014]](https://cdn.slidesharecdn.com/ss_thumbnails/neos101-140329084649-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[T3CON12CA] TYPO3 Phoenix Templating Workshop](https://cdn.slidesharecdn.com/ss_thumbnails/templating-120628082912-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[T3CON12CA] Content Model and TypoScript in TYPO3 Phoenix](https://cdn.slidesharecdn.com/ss_thumbnails/contentandtyposcript-120628082620-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[T3CON13NA] TYPO3 Flow And Neos In Enterprise Applications](https://cdn.slidesharecdn.com/ss_thumbnails/neosintheenterpriset3con13na-130531003219-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[T3CB13] Integrating websites with neos](https://cdn.slidesharecdn.com/ss_thumbnails/integratingwebsiteswithneostalkt3campberlin-130528203503-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![TypoScript and EEL outside of Neos [InspiringFlow2013]](https://cdn.slidesharecdn.com/ss_thumbnails/typoscriptandeel-130420043915-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
[T3CON12CA] TYPO3 Phoenix - The Current State
- 1. TYPO3 Phoenix The Current State Christian Müller Tuesday 26 June 12
- 2. Christian Müller @daskitsunet Tuesday 26 June 12
- 3. What did wedo? Content Plugin Module Model System System User TypoScript Foundations Interface Tuesday 26 June 12
- 4. Content Model Tuesday 26June 12
- 5. Node Tree site root page content section content element representation of domain models Tuesday 26 June 12
- 6. Node Paths /sites/typo3org/home/subpage/main/text1 Tuesday 26 June 12
- 7. Node Paths /sites/typo3org/home/subpage/main/text1 site root Tuesday 26 June 12
- 8. Node Paths /sites/typo3org/home/subpage/main/text1 site root pages Tuesday 26 June 12
- 9. Node Paths /sites/typo3org/home/subpage/main/text1 site root section pages Tuesday 26 June 12
- 10. Node Paths /sites/typo3org/home/subpage/main/text1 site root section pages content Tuesday 26 June 12
- 11.
- 12. Context is • an environment a node exists in • for example a workspace or a language Tuesday 26 June 12
- 13. Plugin System Tuesday 26June 12
- 14. Plugin System • Every FLOW3 Package can be used as Phoenix Plugin • Just needs a few lines of configuration Tuesday 26 June 12
- 15. Module System Tuesday 26June 12
- 16. Single Page Modules • Backend Modules! • Use the Javascript Framework you like • Style it to fit your needs • reuse our interface widgets Tuesday 26 June 12
- 17. User Interface Tuesday 26June 12
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24. http://www.sxc.hu/photo/1281342 Progress very slow Tuesday 26 June 12
- 25. http://www.sxc.hu/photo/1281342 Why... no progress? Tuesday 26 June 12
- 26. http://www.sxc.hu/photo/1281342 Why... no progress? • Difficult to build stable + extensible JS application Tuesday 26 June 12
- 27. http://www.sxc.hu/photo/1281342 Why... no progress? • Difficult to build stable + extensible JS application • we could not use FLOW3 strenghts for Phoenix Tuesday 26 June 12
- 28. http://www.sxc.hu/photo/1281342 Why... no progress? • Difficult to build stable + extensible JS application • we could not use FLOW3 strenghts for Phoenix • styling and adjusting ExtJS very complex Tuesday 26 June 12
- 29. http://www.sxc.hu/photo/1281342 Why... no progress? • Difficult to build stable + extensible JS application • we could not use FLOW3 strenghts for Phoenix • styling and adjusting ExtJS very complex • un-agile development process Tuesday 26 June 12
- 30. The UX Conceptfrom Last Year Tuesday 26 June 12
- 31. The UX Conceptfrom Last Year Visionary! Tuesday 26 June 12
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39. Which kind ofweb applications do I use? Tuesday 26 June 12
- 40.
- 41.
- 42.
- 43.
- 44. Desktop-Style Web-Style Application Application Tuesday 26 June 12
- 45. Try out something new... Tuesday 26 June 12
- 46. take the bird-eye view Try out something new... Tuesday 26 June 12
- 47.
- 48. Reliable Editing Tuesday 26 June 12
- 49. Reliable Predictable Editing Behavior Tuesday 26 June 12
- 50. Reliable Predictable Editing Behavior Immediate User Feedback Tuesday 26 June 12
- 51. Reliable Predictable Editing Behavior Immediate Built With The Web - User Feedback For The Web Tuesday 26 June 12
- 52. more pragmatic Tuesday 26June 12
- 53. Technical Foundations • ExtJS where it makes sense • good mixture of Server- and Client Side • SproutCore 2 Tuesday 26 June 12
- 54. Wanna See ItLive? Tuesday 26 June 12
- 55.
- 56.
- 57. UI Architecture Tuesday 26June 12
- 58.
- 59. About EmberJS • build on top of jQuery • strong MVC concept • MIT license • mobile.me and iWork Tuesday 26 June 12
- 60. Data Binding Tuesday 26June 12
- 61. Data Binding trulyconnects your UI and data UI Component UI Component Content (Data) Tuesday 26 June 12
- 62.
- 63.
- 64. How Handlebars TemplatesLook Like <div class="t3-inspect"> {{view T3.Content.UI.InspectButton pressedBinding="T3.Content.Controller.Inspect.inspectMode" label="Inspect"}} </div> Tuesday 26 June 12
- 65. Content Module Architecture Tuesday 26 June 12
- 66. DOM Manipulation allowsus • integration into the existing website • no frames needed • content editing wysiwyg Tuesday 26 June 12
- 67. Using FLOW3 Tuesday 26June 12
- 68. Use the strengthsof the foundation •use Fluid templates •request pre-made elements from server •separate modules •security Tuesday 26 June 12
- 69.
- 70.
- 71. TypoScript 2 Tuesday 26June 12
- 72. TypoScript 2 usage • mainly dealing with nodes • but not always involving a node • nodes can be rendered multiple times • flexibility needed • hierarchical access to nodes Tuesday 26 June 12
- 73. Inspirations • TypoScript v4: extensibility, stdWrap • Fluid: HTML Templating • JavaScript: Prototype-based inheritance • jQuery: selecting nodes, fluent interface • CSS: set-based API; Selector Syntax • XPath: Traversal Operations Tuesday 26 June 12
- 74.
- 75. FLOW3 1.1 • Internationalisation • Speed Improvements • HTTP Foundations Tuesday 26 June 12
- 76. Node Repository • Polishing API • Sorting Nodes Tuesday 26 June 12
- 77. Installation Tool • Almost ready • Few simple steps to get your Phoenix installation running Tuesday 26 June 12
- 78. The Future Tuesday 26June 12
- 79.
- 80. Next Steps • System / Reports Views • fine-tune editing and module API • Implement a proper design • find a name RELEASE! Tuesday 26 June 12
- 81. Running Phoenix Yourself • Follow http://wwwision.de/githelper/#TYPO3v5/Distributions/Base.git for checking out from Git • Follow http://flow3.typo3.org/fileadmin/manual/nightly/Quickstart/Index.html#setting-file-permissions for setting permissions • create database, adjust /Configuration/Settings.yaml • ./flow3 doctrine:migrate • ./flow3 site:import --packageKey TYPO3.PhoenixDemoTypo3Org • Point your Firefox or Chrome browser to your local installation Tuesday 26 June 12
- 82.
- 83. Thank You! Tuesday 26June 12
- 84.
- 85. ???? ?? ?? ? ?? ? ? Tuesday 26 June 12
- 86.
- 87. inspiring people toshare. Tuesday 26 June 12