The Current State of TYPO3 Phoenix -- T3CON11

TYPO3 Phoenix The Current State Sebastian Kurfürst Christian MüllerSonntag, 9. Oktober 11

Sebastian Christian Kurfürst Müller @skurfuerst @daskitsunetSonntag, 9. Oktober 11

Changes since last year Content Plugin User Model System InterfaceSonntag, 9. Oktober 11

Content ModelSonntag, 9. Oktober 11

typo3.org en_EN en_EN en_EN homepage section:main maincontent Lorem ipsum dolor sit amet en_EN en_EN section:side sidecontent Lorem ipsum dolor sit amet de_DE de_DE section:side sidecontent Lorem ipsum dolor sit ametSonntag, 9. Oktober 11

typo3.org en_EN en_EN en_EN homepage section:main maincontent Lorem ipsum dolor sit amet “live” workspace typo3.org en_EN en_EN en_EN homepage section:main maincontent Lorem ipsum dolor sit amet “user-christian” workspaceSonntag, 9. Oktober 11

typo3.org en_EN en_EN en_EN homepage section:main maincontent Lorem ipsum dolor sit amet “live” workspace typo3.org en_EN en_EN en_EN homepage section:main maincontent Some real content text here “user-christian” workspaceSonntag, 9. Oktober 11

Plugin SystemSonntag, 9. Oktober 11

Plugin System • Every FLOW3 Package can be used as Phoenix PluginSonntag, 9. Oktober 11

Plugin System • Every FLOW3 Package can be used as Phoenix Plugin TYPO3: TYPO3CR: contentTypes: TYPO3.Conference:Plugin: superTypes: [TYPO3.TYPO3:Plugin] label: TYPO3 Conference Plugin properties: package: default: TYPO3.Conference controller: default: Conference action: default: indexSonntag, 9. Oktober 11

ss re Plugin System og Pr in • Every FLOW3 Package can be used as Phoenix k or PluginW TYPO3: TYPO3CR: contentTypes: TYPO3.Conference:Plugin: superTypes: [TYPO3.TYPO3:Plugin] label: TYPO3 Conference Plugin properties: package: default: TYPO3.Conference controller: default: Conference action: default: indexSonntag, 9. Oktober 11

User InterfaceSonntag, 9. Oktober 11

Sonntag, 9. Oktober 11

http://www.sxc.hu/photo/1281342 Progress very slowSonntag, 9. Oktober 11

http://www.sxc.hu/photo/1281342 Why... no progress?Sonntag, 9. Oktober 11

http://www.sxc.hu/photo/1281342 Why... no progress? • Difﬁcult to build stable + extensible JS applicationSonntag, 9. Oktober 11

http://www.sxc.hu/photo/1281342 Why... no progress? • Difﬁcult to build stable + extensible JS application • we could not use FLOW3 strenghts for PhoenixSonntag, 9. Oktober 11

http://www.sxc.hu/photo/1281342 Why... no progress? • Difﬁcult to build stable + extensible JS application • we could not use FLOW3 strenghts for Phoenix • styling and adjusting ExtJS very complexSonntag, 9. Oktober 11

http://www.sxc.hu/photo/1281342 Why... no progress? • Difﬁcult to build stable + extensible JS application • we could not use FLOW3 strenghts for Phoenix • styling and adjusting ExtJS very complex • un-agile development processSonntag, 9. Oktober 11

The UX Concept from Last YearSonntag, 9. Oktober 11

The UX Concept from Last Year Visionary!Sonntag, 9. Oktober 11

Which kind of web applications do I use?Sonntag, 9. Oktober 11

Desktop-Style Web-Style Application ApplicationSonntag, 9. Oktober 11

Try out something new...Sonntag, 9. Oktober 11

take the bird-eye view Try out something new...Sonntag, 9. Oktober 11

Reliable EditingSonntag, 9. Oktober 11

Reliable Predictable Editing BehaviorSonntag, 9. Oktober 11

Reliable Predictable Editing Behavior Immediate User FeedbackSonntag, 9. Oktober 11

Reliable Predictable Editing Behavior Immediate Built With The Web - User Feedback For The WebSonntag, 9. Oktober 11

more pragmaticSonntag, 9. Oktober 11

Technical Foundations • ExtJS where it makes sense • good mixture of Server- and Client Side • SproutCore 2Sonntag, 9. Oktober 11

Wanna See It Live?Sonntag, 9. Oktober 11

Really?Sonntag, 9. Oktober 11

Demo!Sonntag, 9. Oktober 11

UI ArchitectureSonntag, 9. Oktober 11

Sproutcore 2Sonntag, 9. Oktober 11

About Sproutcore • build on top of jQuery • strong MVC concept • MIT license • mobile.me and iWorkSonntag, 9. Oktober 11

Data BindingSonntag, 9. Oktober 11

Data Binding truly connects your UI and data UI Component UI Component Content (Data)Sonntag, 9. Oktober 11

Data Binding Code Example onPreviewModeChange: function() { window.localStorage.previewMode = this.get(previewMode) ? true : false; }.observes(previewMode)Sonntag, 9. Oktober 11

Computed Properties __publishable: function() { ! return (this.get(__workspacename) !== live); }.property(__workspacename).cacheable(),Sonntag, 9. Oktober 11

Handlebars TemplatesSonntag, 9. Oktober 11

How Handlebars Templates Look Like <div class="t3-inspect"> {{view T3.Content.UI.InspectButton pressedBinding="T3.Content.Controller.Inspect.inspectMode" label="Inspect"}} </div>Sonntag, 9. Oktober 11

Content Module ArchitectureSonntag, 9. Oktober 11

Use the website for editing content <html> <body> <div id=”myWebsiteCode”> </div> </body> </html> <div id=”t3-backend”>...</div>Sonntag, 9. Oktober 11

Use the website for editing content <html> <body> <div id=”t3-backend”>...</div> <div id=”myWebsiteCode”> </div> </body> </html>Sonntag, 9. Oktober 11

Using FLOW3Sonntag, 9. Oktober 11

Use the strengths of the foundation •use Fluid templates •request pre-made elements from server •separate modules •securitySonntag, 9. Oktober 11

Productivity!Sonntag, 9. Oktober 11

The FutureSonntag, 9. Oktober 11

http://www.sxc.hu/photo/107023 Code Sprints bildSonntag, 9. Oktober 11

Next Steps • Management / System / Reports View • ﬁne-tune editing and plugin API • re-think rendering process (TypoScript vs Fluid)Sonntag, 9. Oktober 11

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 TODO: Check Phoenix in a *SUB-DIRECTORY* of the web rootSonntag, 9. Oktober 11

Wrap-UpSonntag, 9. Oktober 11

Thank You!Sonntag, 9. Oktober 11

???? ?? ?? ? ?? ? ?Sonntag, 9. Oktober 11

inspiring people to share.Sonntag, 9. Oktober 11

http://flow3.typo3.org	439
http://flow.typo3.org	173
http://paper.li	3
http://a0.twimg.com	1
http://dev.flow3.org.rob	1
http://www.flow3.typo3.org	1

The Current State of TYPO3 Phoenix -- T3CON11

by Sebastian Kurfürst

Accessibility

Categories

Upload Details

Usage Rights

6 Embeds 618

Statistics

The Current State of TYPO3 Phoenix -- T3CON11 Presentation Transcript