SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Mehr von 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
 

Mehr von 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
 

Kürzlich hochgeladen

Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...BookNet Canada
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sectoritnewsafrica
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...itnewsafrica
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFMichael Gough
 
Landscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfLandscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfAarwolf Industries LLC
 
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Kaya Weers
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observabilityitnewsafrica
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkPixlogix Infotech
 
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Mark Simos
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Nikki Chapple
 
Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Karmanjay Verma
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 

Kürzlich hochgeladen (20)

Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
Transcript: New from BookNet Canada for 2024: BNC SalesData and LibraryData -...
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector
4. Cobus Valentine- Cybersecurity Threats and Solutions for the Public Sector
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDF
 
Landscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdfLandscape Catalogue 2024 Australia-1.pdf
Landscape Catalogue 2024 Australia-1.pdf
 
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security ObservabilityGlenn Lazarus- Why Your Observability Strategy Needs Security Observability
Glenn Lazarus- Why Your Observability Strategy Needs Security Observability
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
React Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App FrameworkReact Native vs Ionic - The Best Mobile App Framework
React Native vs Ionic - The Best Mobile App Framework
 
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
Microsoft 365 Copilot: How to boost your productivity with AI – Part two: Dat...
 
Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 

[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