SlideShare a Scribd company logo
1 of 22
Download to read offline
Tuesday 26 June 12
Integrating Websites
                         with Phoenix



Tuesday 26 June 12
Christian Müller

                                             TYPO3 Freelancer

                                             TYPO3 Phoenix and FLOW3
                                             Core Team Member

                                             Book and Music Freak

                      twitter: daskitsunet
            christian.mueller@typo3.org




Tuesday 26 June 12
Phoenix?
                     • Next generation Content Management
                       System from the TYPO3 community
                     • build on top of FLOW3 as framework
                     • Content Repository approach
                     • Aloha editor
                     • alpha, estimated arrival later this year
Tuesday 26 June 12
DEMO ☛



Tuesday 26 June 12
Content Model



Tuesday 26 June 12
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 amet




Tuesday 26 June 12
Organise template
                           data?



Tuesday 26 June 12
Current TYPO3

                     • missing a clean structure for templates
                     • fileadmin in TYPO3 mixes templates and
                       user data
                     • no defined folder structure
                     • TypoScript in files and/or database

Tuesday 26 June 12
Site Package!



Tuesday 26 June 12
FLOW3 Package

                     • defined folder structure
                     • easily versioned
                     • outside web root
                     • easy for everyone knowing FLOW3

Tuesday 26 June 12
Site Package Contents
                     • Templates
                     • StyleSheets
                     • Images
                     • JavaScript
                     • TypoScript
                     • (Configuration)
Tuesday 26 June 12
Folder structure




Tuesday 26 June 12
Fluid Templates

                     • as used by extbase
                     • contain your page layout
                     • used by TypoScript


Tuesday 26 June 12
Sites.xml

                     • Contains Page and Content Structure
                       (Nodes)
                     • At the moment needed for initial setup of
                       your node tree




Tuesday 26 June 12
TypoScript

                     • Convention over Configuration
                     • no TypoScript in database
                     • Sub directories as in Node Hierarchy to
                       add extension templates




Tuesday 26 June 12
TypoScript 2
                       Quick Introduction




Tuesday 26 June 12
Page
  TypoScript
  page = TYPO3.TYPO3:Page
  page.body.templatePath = 'resource://My.Site/Private/ ↵
  Templates/Page/Default.html'
  page.body.sectionName = 'body'




  HTML
  <!DOCTYPE html>
  <html>
  ...
  <body>
  <f:section name="body">
  </f:section>
  </body>
  </html>

Tuesday 26 June 12
Content
  TypoScript
  page.body.sections.main = TYPO3.TYPO3:Section
  page.body.sections.main.nodePath = 'main'




  HTML

  <f:section name="body">
  <ts:renderTypoScript path="sections/main" />
  </f:section>




Tuesday 26 June 12
Menu
  TypoScript
  page.body.parts {
     menu = TYPO3.TYPO3:MenuRenderer
  }




  HTML

  <f:section name="body">
  <ts:renderTypoScript path="parts/menu" />
  </f:section>




Tuesday 26 June 12
Tuesday 26 June 12
Getting Phoenix
            git clone git://git.typo3.org/TYPO3v5/↵
            Distributions/Base.git Phoenix
            cd Phoenix/Packages/Application

            git clone git://git.typo3.org/FLOW3/Packages/↵
            TYPO3.SiteKickstarter.git

            setup a virtual host pointing to “Web” directory, so apart from the
            repository much the same as installing FLOW3 from git




                             or use the virtual machine
Tuesday 26 June 12

More Related Content

More from Christian Müller

Perfect Neos Team For Success
Perfect Neos Team For SuccessPerfect Neos Team For Success
Perfect Neos Team For SuccessChristian Müller
 
F Files - Learnings from 3 years of Neos Support
F Files - Learnings from 3 years of Neos SupportF Files - Learnings from 3 years of Neos Support
F Files - Learnings from 3 years of Neos SupportChristian Müller
 
Neos Bloopers [Inspiring 2016]
Neos Bloopers [Inspiring 2016]Neos Bloopers [Inspiring 2016]
Neos Bloopers [Inspiring 2016]Christian Müller
 
Neos 2.0 [Inspiring Conference 2015]
Neos 2.0 [Inspiring Conference 2015]Neos 2.0 [Inspiring Conference 2015]
Neos 2.0 [Inspiring Conference 2015]Christian Müller
 
Neos 101 [Inspiring Con 2014]
Neos 101 [Inspiring Con 2014]Neos 101 [Inspiring Con 2014]
Neos 101 [Inspiring Con 2014]Christian Müller
 
TYPO3 Flow - PHP Framework for Developer Happiness
TYPO3 Flow - PHP Framework for Developer HappinessTYPO3 Flow - PHP Framework for Developer Happiness
TYPO3 Flow - PHP Framework for Developer HappinessChristian Müller
 
[T3CON13NA] TYPO3 Flow And Neos In Enterprise Applications
[T3CON13NA] TYPO3 Flow And Neos In Enterprise Applications[T3CON13NA] TYPO3 Flow And Neos In Enterprise Applications
[T3CON13NA] TYPO3 Flow And Neos In Enterprise ApplicationsChristian Müller
 
[T3CON13NA] Integrating Websites With Neos
[T3CON13NA] Integrating Websites With Neos[T3CON13NA] Integrating Websites With Neos
[T3CON13NA] Integrating Websites With NeosChristian Müller
 
[T3CB13] Integrating websites with neos
[T3CB13] Integrating websites with neos[T3CB13] Integrating websites with neos
[T3CB13] Integrating websites with neosChristian Müller
 
TypoScript and EEL outside of Neos [InspiringFlow2013]
TypoScript and EEL outside of Neos [InspiringFlow2013]TypoScript and EEL outside of Neos [InspiringFlow2013]
TypoScript and EEL outside of Neos [InspiringFlow2013]Christian Müller
 
TYPO3 Neos In Enterprise Applications
TYPO3 Neos In Enterprise ApplicationsTYPO3 Neos In Enterprise Applications
TYPO3 Neos In Enterprise ApplicationsChristian Müller
 
Integrating Websites With TYPO3 Neos
Integrating Websites With TYPO3 NeosIntegrating Websites With TYPO3 Neos
Integrating Websites With TYPO3 NeosChristian Müller
 

More from Christian Müller (13)

Neos Agile Teams
Neos Agile TeamsNeos Agile Teams
Neos Agile Teams
 
Perfect Neos Team For Success
Perfect Neos Team For SuccessPerfect Neos Team For Success
Perfect Neos Team For Success
 
F Files - Learnings from 3 years of Neos Support
F Files - Learnings from 3 years of Neos SupportF Files - Learnings from 3 years of Neos Support
F Files - Learnings from 3 years of Neos Support
 
Neos Bloopers [Inspiring 2016]
Neos Bloopers [Inspiring 2016]Neos Bloopers [Inspiring 2016]
Neos Bloopers [Inspiring 2016]
 
Neos 2.0 [Inspiring Conference 2015]
Neos 2.0 [Inspiring Conference 2015]Neos 2.0 [Inspiring Conference 2015]
Neos 2.0 [Inspiring Conference 2015]
 
Neos 101 [Inspiring Con 2014]
Neos 101 [Inspiring Con 2014]Neos 101 [Inspiring Con 2014]
Neos 101 [Inspiring Con 2014]
 
TYPO3 Flow - PHP Framework for Developer Happiness
TYPO3 Flow - PHP Framework for Developer HappinessTYPO3 Flow - PHP Framework for Developer Happiness
TYPO3 Flow - PHP Framework for Developer Happiness
 
[T3CON13NA] TYPO3 Flow And Neos In Enterprise Applications
[T3CON13NA] TYPO3 Flow And Neos In Enterprise Applications[T3CON13NA] TYPO3 Flow And Neos In Enterprise Applications
[T3CON13NA] TYPO3 Flow And Neos In Enterprise Applications
 
[T3CON13NA] Integrating Websites With Neos
[T3CON13NA] Integrating Websites With Neos[T3CON13NA] Integrating Websites With Neos
[T3CON13NA] Integrating Websites With Neos
 
[T3CB13] Integrating websites with neos
[T3CB13] Integrating websites with neos[T3CB13] Integrating websites with neos
[T3CB13] Integrating websites with neos
 
TypoScript and EEL outside of Neos [InspiringFlow2013]
TypoScript and EEL outside of Neos [InspiringFlow2013]TypoScript and EEL outside of Neos [InspiringFlow2013]
TypoScript and EEL outside of Neos [InspiringFlow2013]
 
TYPO3 Neos In Enterprise Applications
TYPO3 Neos In Enterprise ApplicationsTYPO3 Neos In Enterprise Applications
TYPO3 Neos In Enterprise Applications
 
Integrating Websites With TYPO3 Neos
Integrating Websites With TYPO3 NeosIntegrating Websites With TYPO3 Neos
Integrating Websites With TYPO3 Neos
 

Recently uploaded

Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Principled Technologies
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdflior mazor
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024SynarionITSolutions
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 

Recently uploaded (20)

Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 

[T3CON12CA] TYPO3 Phoenix Templating Workshop

  • 2. Integrating Websites with Phoenix Tuesday 26 June 12
  • 3. Christian Müller TYPO3 Freelancer TYPO3 Phoenix and FLOW3 Core Team Member Book and Music Freak twitter: daskitsunet christian.mueller@typo3.org Tuesday 26 June 12
  • 4. Phoenix? • Next generation Content Management System from the TYPO3 community • build on top of FLOW3 as framework • Content Repository approach • Aloha editor • alpha, estimated arrival later this year Tuesday 26 June 12
  • 7. 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 amet Tuesday 26 June 12
  • 8. Organise template data? Tuesday 26 June 12
  • 9. Current TYPO3 • missing a clean structure for templates • fileadmin in TYPO3 mixes templates and user data • no defined folder structure • TypoScript in files and/or database Tuesday 26 June 12
  • 11. FLOW3 Package • defined folder structure • easily versioned • outside web root • easy for everyone knowing FLOW3 Tuesday 26 June 12
  • 12. Site Package Contents • Templates • StyleSheets • Images • JavaScript • TypoScript • (Configuration) Tuesday 26 June 12
  • 14. Fluid Templates • as used by extbase • contain your page layout • used by TypoScript Tuesday 26 June 12
  • 15. Sites.xml • Contains Page and Content Structure (Nodes) • At the moment needed for initial setup of your node tree Tuesday 26 June 12
  • 16. TypoScript • Convention over Configuration • no TypoScript in database • Sub directories as in Node Hierarchy to add extension templates Tuesday 26 June 12
  • 17. TypoScript 2 Quick Introduction Tuesday 26 June 12
  • 18. Page TypoScript page = TYPO3.TYPO3:Page page.body.templatePath = 'resource://My.Site/Private/ ↵ Templates/Page/Default.html' page.body.sectionName = 'body' HTML <!DOCTYPE html> <html> ... <body> <f:section name="body"> </f:section> </body> </html> Tuesday 26 June 12
  • 19. Content TypoScript page.body.sections.main = TYPO3.TYPO3:Section page.body.sections.main.nodePath = 'main' HTML <f:section name="body"> <ts:renderTypoScript path="sections/main" /> </f:section> Tuesday 26 June 12
  • 20. Menu TypoScript page.body.parts { menu = TYPO3.TYPO3:MenuRenderer } HTML <f:section name="body"> <ts:renderTypoScript path="parts/menu" /> </f:section> Tuesday 26 June 12
  • 22. Getting Phoenix git clone git://git.typo3.org/TYPO3v5/↵ Distributions/Base.git Phoenix cd Phoenix/Packages/Application git clone git://git.typo3.org/FLOW3/Packages/↵ TYPO3.SiteKickstarter.git setup a virtual host pointing to “Web” directory, so apart from the repository much the same as installing FLOW3 from git or use the virtual machine Tuesday 26 June 12