• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
The Current State of TYPO3 Phoenix -- T3CON11
 

The Current State of TYPO3 Phoenix -- T3CON11

on

  • 2,676 views

Presentation of the current state of TYPO3 Phoenix at T3CON11. We present our transition from ExtJS to SproutCore, and explain how we were able to greatly speed up User Interface development.

Presentation of the current state of TYPO3 Phoenix at T3CON11. We present our transition from ExtJS to SproutCore, and explain how we were able to greatly speed up User Interface development.

Statistics

Views

Total Views
2,676
Views on SlideShare
2,058
Embed Views
618

Actions

Likes
1
Downloads
11
Comments
0

6 Embeds 618

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

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    The Current State of TYPO3 Phoenix -- T3CON11 The Current State of TYPO3 Phoenix -- T3CON11 Presentation Transcript

    • 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
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Sonntag, 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? • Difficult to build stable + extensible JS applicationSonntag, 9. Oktober 11
    • http://www.sxc.hu/photo/1281342 Why... no progress? • Difficult 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? • Difficult 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? • Difficult 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
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Which kind of web applications do I use?Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Desktop-Style Web-Style Application ApplicationSonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Try out something new...Sonntag, 9. Oktober 11
    • take the bird-eye view Try out something new...Sonntag, 9. Oktober 11
    • 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
    • Sonntag, 9. Oktober 11
    • 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
    • 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 • fine-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
    • Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • Thank You!Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • ???? ?? ?? ? ?? ? ?Sonntag, 9. Oktober 11
    • Sonntag, 9. Oktober 11
    • inspiring people to share.Sonntag, 9. Oktober 11