SlideShare a Scribd company logo
Il mio primo sito con NEOS

Integrare un template nel nuovo CMS
         della famiglia TYPO3
Chi sono
   Website Developer per WEBFORMAT
   Certificato TYPO3 Integrator dal 2009
   Da oltre 10 anni nello sviluppo di progetti web
   TYPO3 e Magento trainer con oltre 200 ore di
    formazione in aula
   Copertura di tutta la realizzazione del sito: template,
    configurazione delle estensioni e sviluppo di estensioni
    personalizzate

   Contatti:
       nicola.dellamarina@webformat.com
       www.webformat.com
ALPHA1
TYPO3 NEOS ?
TYPO3 NEOS ?
• Si basa sull’Application Framework TYPO3
  Flow
• Inizialmente era stato pensato per essere il
  successore di TYPO3 CMS, il suo nome in
  codice era Phoenix
• Dal 5 Ottobre 2012 il suo nome è
  ufficialmente diventato TYPO3 NEOS
Requisiti di sistema
• Un Web Server (consigliato Apache con
  mod_rewrite attivo)
• PHP 5.3.2 – 5.4.x
• MySql 5.1.50 - 5.x.x
• Accesso shell al server
Installazione
• Scaricare i sorgenti da http://neos.typo3.org/
• Scompattarli nella cartella htdocs del server
• Impostare il virtual host sul server (la document
  root deve essere impostata sulla sotto-cartella
  Web) nel nostro esempio è neos.demo
• Puntare un record DNS al vhost, o impostare il
  file hosts del proprio PC
• Impostare i permessi corretti (è possibile usare
  uno script di flow già pronto)
Installazione
• Accedere al setup
  http://neos.demo/setup
• Inserire la password che si trova nel file
  SetupPassword.txt
• Inseriamo i dati di accesso al database
• Inseriamo i dati del nostro account
• Scegliamo se importare un sito esistente o
  crearne uno da zero
• Iniziamo ad usare NEOS 
I template con NEOS
/Packages/Sites
Vendor.MioSito



                    Classes



                 Configuration



                  Resources
Resources
Resources



            Public



            Private
Private
Private


           Content



          Templates



          TypoScripts
Private


           Content



          Templates



          TypoScripts
Content Repository
Sites.xml
<?xml version="1.0" encoding="UTF-8"?>
<root>
          <site nodeName="neosdemo">
                    <properties>
                              <name>Webformat.NeosDemo</name>
                              <state>1</state>
<siteResourcesPackageKey>Webformat.NeosDemo</siteResourcesPackageKey>
                    </properties>

                    <node identifier="" type="TYPO3.Phoenix.ContentTypes:Page"
nodeName="homepage" locale="en_EN">
                              <properties>
                                        <title>Home</title>
                              </properties>
                    </node>
          </site>
</root>
I Nodi

   Site Root



               Page



                      Content Section



                                   Content Element
NodePaths
                                          Elemento di
                     Pagina               contenuto


sites/neosdemo/homepage/contacts/main/content1

        Sito                    Sezione
Private


           Content



          Templates



          TypoScripts
Page Template
FLUID
FLUID

<f:section name="body">

<typoScript:renderTypoScript
path="parts/mainMenu" />
Private


           Content



          Templates



          TypoScripts
Typoscript
TypoScript 2

    TypoScripts


                  Library


                            Root.ts2


                  Nodes
TypoScript 2
page.body {
         templatePath = 'resource://Webformat.NeosDemo/Private/Te[…]'
         sectionName = 'body'
         parts {
                 mainMenu = Menu               <f:section name="body">
                 mainMenu {
                          entryLevel = 2
                          templatePath =
'resource://Webformat.NeosDemo/Private/Templates/TypoScriptObjects[…]'
                          maximumLevels = 2
                 }
         }
}
                    <typoScript:renderTypoScript path="parts/mainMenu" />
DEMO
Q&A
Grazie

nicola.dellamarina@webformat.com

More Related Content

Similar to Il mio primo sito con NEOS

Drupal 7 : theming avanzato
Drupal 7 : theming avanzatoDrupal 7 : theming avanzato
Drupal 7 : theming avanzato
Twinbit
 
La rivoluzione blazor
La rivoluzione blazorLa rivoluzione blazor
La rivoluzione blazor
Michele Aponte
 
Hands on MVC - Mastering the Web
Hands on MVC - Mastering the WebHands on MVC - Mastering the Web
Hands on MVC - Mastering the Web
Claudio Gandelli
 
eZ publish - Introduzione al sistema
eZ publish - Introduzione al sistemaeZ publish - Introduzione al sistema
eZ publish - Introduzione al sistemaFrancesco Trucchia
 
DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)
Alessandro Giorgetti
 
Drupal Day 2012 - DRUPAL 8: I CAMBIAMENTI CHE CI ASPETTANO
Drupal Day 2012 - DRUPAL 8:  I CAMBIAMENTI CHE CI ASPETTANODrupal Day 2012 - DRUPAL 8:  I CAMBIAMENTI CHE CI ASPETTANO
Drupal Day 2012 - DRUPAL 8: I CAMBIAMENTI CHE CI ASPETTANO
DrupalDay
 
DDive - 8.5.2 Xpages - L'evoluzione continua
DDive - 8.5.2 Xpages - L'evoluzione continuaDDive - 8.5.2 Xpages - L'evoluzione continua
DDive - 8.5.2 Xpages - L'evoluzione continua
Dominopoint - Italian Lotus User Group
 
Non solo Django: MVC orientato agli oggetti con Plone e Zope Toolkit
Non solo Django: MVC orientato agli oggetti con Plone e Zope ToolkitNon solo Django: MVC orientato agli oggetti con Plone e Zope Toolkit
Non solo Django: MVC orientato agli oggetti con Plone e Zope Toolkit
Maurizio Delmonte
 
JavaScript
JavaScriptJavaScript
JavaScript
Manuel Scapolan
 
Javascript - 4 | WebMaster & WebDesigner
Javascript - 4 | WebMaster & WebDesignerJavascript - 4 | WebMaster & WebDesigner
Javascript - 4 | WebMaster & WebDesigner
Matteo Magni
 
Wordpress Template hierarchy
Wordpress Template hierarchyWordpress Template hierarchy
Wordpress Template hierarchy
Gloria Liuni
 
Silex, iniziamo
Silex, iniziamoSilex, iniziamo
Silex, iniziamo
Gianluca Arbezzano
 
Best practices per lo sviluppo Frontend
Best practices per lo sviluppo FrontendBest practices per lo sviluppo Frontend
Best practices per lo sviluppo Frontend
Cristiano Rastelli
 
Applicazioni mobile integrate a TYPO3
Applicazioni mobile integrate a TYPO3Applicazioni mobile integrate a TYPO3
Applicazioni mobile integrate a TYPO3
Luca Peressini
 
Creare un tema personalizzato per wordpress
Creare un tema personalizzato per wordpressCreare un tema personalizzato per wordpress
Creare un tema personalizzato per wordpressGGDBologna
 
How I did it (in .NET): idiomatic Domain Driven Design
How I did it (in .NET): idiomatic Domain Driven DesignHow I did it (in .NET): idiomatic Domain Driven Design
How I did it (in .NET): idiomatic Domain Driven DesignAndrea Saltarello
 
Smau milano 2012 massimiliano del cero
Smau milano 2012 massimiliano del ceroSmau milano 2012 massimiliano del cero
Smau milano 2012 massimiliano del ceroSMAU
 
Drupal Day 2015 - Drupal 8 dal download del core alla pubblicazione in prod...
Drupal Day 2015 -  Drupal 8  dal download del core alla pubblicazione in prod...Drupal Day 2015 -  Drupal 8  dal download del core alla pubblicazione in prod...
Drupal Day 2015 - Drupal 8 dal download del core alla pubblicazione in prod...
Vincenzo Di Biaggio
 

Similar to Il mio primo sito con NEOS (20)

Drupal 7 : theming avanzato
Drupal 7 : theming avanzatoDrupal 7 : theming avanzato
Drupal 7 : theming avanzato
 
La rivoluzione blazor
La rivoluzione blazorLa rivoluzione blazor
La rivoluzione blazor
 
Hands on MVC - Mastering the Web
Hands on MVC - Mastering the WebHands on MVC - Mastering the Web
Hands on MVC - Mastering the Web
 
eZ publish - Introduzione al sistema
eZ publish - Introduzione al sistemaeZ publish - Introduzione al sistema
eZ publish - Introduzione al sistema
 
DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)
 
Drupal Day 2012 - DRUPAL 8: I CAMBIAMENTI CHE CI ASPETTANO
Drupal Day 2012 - DRUPAL 8:  I CAMBIAMENTI CHE CI ASPETTANODrupal Day 2012 - DRUPAL 8:  I CAMBIAMENTI CHE CI ASPETTANO
Drupal Day 2012 - DRUPAL 8: I CAMBIAMENTI CHE CI ASPETTANO
 
DDive - 8.5.2 Xpages - L'evoluzione continua
DDive - 8.5.2 Xpages - L'evoluzione continuaDDive - 8.5.2 Xpages - L'evoluzione continua
DDive - 8.5.2 Xpages - L'evoluzione continua
 
Non solo Django: MVC orientato agli oggetti con Plone e Zope Toolkit
Non solo Django: MVC orientato agli oggetti con Plone e Zope ToolkitNon solo Django: MVC orientato agli oggetti con Plone e Zope Toolkit
Non solo Django: MVC orientato agli oggetti con Plone e Zope Toolkit
 
Web frameworks
Web frameworksWeb frameworks
Web frameworks
 
JavaScript
JavaScriptJavaScript
JavaScript
 
Javascript - 4 | WebMaster & WebDesigner
Javascript - 4 | WebMaster & WebDesignerJavascript - 4 | WebMaster & WebDesigner
Javascript - 4 | WebMaster & WebDesigner
 
Wordpress Template hierarchy
Wordpress Template hierarchyWordpress Template hierarchy
Wordpress Template hierarchy
 
Silex, iniziamo
Silex, iniziamoSilex, iniziamo
Silex, iniziamo
 
Best practices per lo sviluppo Frontend
Best practices per lo sviluppo FrontendBest practices per lo sviluppo Frontend
Best practices per lo sviluppo Frontend
 
Applicazioni mobile integrate a TYPO3
Applicazioni mobile integrate a TYPO3Applicazioni mobile integrate a TYPO3
Applicazioni mobile integrate a TYPO3
 
Creare un tema personalizzato per wordpress
Creare un tema personalizzato per wordpressCreare un tema personalizzato per wordpress
Creare un tema personalizzato per wordpress
 
How I did it (in .NET): idiomatic Domain Driven Design
How I did it (in .NET): idiomatic Domain Driven DesignHow I did it (in .NET): idiomatic Domain Driven Design
How I did it (in .NET): idiomatic Domain Driven Design
 
Smau milano 2012 massimiliano del cero
Smau milano 2012 massimiliano del ceroSmau milano 2012 massimiliano del cero
Smau milano 2012 massimiliano del cero
 
Web frameworks
Web frameworksWeb frameworks
Web frameworks
 
Drupal Day 2015 - Drupal 8 dal download del core alla pubblicazione in prod...
Drupal Day 2015 -  Drupal 8  dal download del core alla pubblicazione in prod...Drupal Day 2015 -  Drupal 8  dal download del core alla pubblicazione in prod...
Drupal Day 2015 - Drupal 8 dal download del core alla pubblicazione in prod...
 

More from Nicola Della Marina

Design system based workflow
Design system based workflowDesign system based workflow
Design system based workflow
Nicola Della Marina
 
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilliScrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
Nicola Della Marina
 
Prototyping con typo3
Prototyping con typo3Prototyping con typo3
Prototyping con typo3
Nicola Della Marina
 
E-mail Marketing con TYPO3
E-mail Marketing con TYPO3E-mail Marketing con TYPO3
E-mail Marketing con TYPO3
Nicola Della Marina
 
Template Multidevice con TYPO3
Template Multidevice con TYPO3Template Multidevice con TYPO3
Template Multidevice con TYPO3
Nicola Della Marina
 
Le 10 estensioni da tenere sempre a disposizione
Le 10 estensioni da tenere sempre a disposizioneLe 10 estensioni da tenere sempre a disposizione
Le 10 estensioni da tenere sempre a disposizione
Nicola Della Marina
 

More from Nicola Della Marina (6)

Design system based workflow
Design system based workflowDesign system based workflow
Design system based workflow
 
Scrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilliScrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilli
 
Prototyping con typo3
Prototyping con typo3Prototyping con typo3
Prototyping con typo3
 
E-mail Marketing con TYPO3
E-mail Marketing con TYPO3E-mail Marketing con TYPO3
E-mail Marketing con TYPO3
 
Template Multidevice con TYPO3
Template Multidevice con TYPO3Template Multidevice con TYPO3
Template Multidevice con TYPO3
 
Le 10 estensioni da tenere sempre a disposizione
Le 10 estensioni da tenere sempre a disposizioneLe 10 estensioni da tenere sempre a disposizione
Le 10 estensioni da tenere sempre a disposizione
 

Il mio primo sito con NEOS

  • 1. Il mio primo sito con NEOS Integrare un template nel nuovo CMS della famiglia TYPO3
  • 2. Chi sono  Website Developer per WEBFORMAT  Certificato TYPO3 Integrator dal 2009  Da oltre 10 anni nello sviluppo di progetti web  TYPO3 e Magento trainer con oltre 200 ore di formazione in aula  Copertura di tutta la realizzazione del sito: template, configurazione delle estensioni e sviluppo di estensioni personalizzate  Contatti:  nicola.dellamarina@webformat.com  www.webformat.com
  • 5. TYPO3 NEOS ? • Si basa sull’Application Framework TYPO3 Flow • Inizialmente era stato pensato per essere il successore di TYPO3 CMS, il suo nome in codice era Phoenix • Dal 5 Ottobre 2012 il suo nome è ufficialmente diventato TYPO3 NEOS
  • 6. Requisiti di sistema • Un Web Server (consigliato Apache con mod_rewrite attivo) • PHP 5.3.2 – 5.4.x • MySql 5.1.50 - 5.x.x • Accesso shell al server
  • 7. Installazione • Scaricare i sorgenti da http://neos.typo3.org/ • Scompattarli nella cartella htdocs del server • Impostare il virtual host sul server (la document root deve essere impostata sulla sotto-cartella Web) nel nostro esempio è neos.demo • Puntare un record DNS al vhost, o impostare il file hosts del proprio PC • Impostare i permessi corretti (è possibile usare uno script di flow già pronto)
  • 8. Installazione • Accedere al setup http://neos.demo/setup • Inserire la password che si trova nel file SetupPassword.txt • Inseriamo i dati di accesso al database • Inseriamo i dati del nostro account • Scegliamo se importare un sito esistente o crearne uno da zero • Iniziamo ad usare NEOS 
  • 11. Vendor.MioSito Classes Configuration Resources
  • 13. Resources Public Private
  • 15. Private Content Templates TypoScripts
  • 16. Private Content Templates TypoScripts
  • 18. Sites.xml <?xml version="1.0" encoding="UTF-8"?> <root> <site nodeName="neosdemo"> <properties> <name>Webformat.NeosDemo</name> <state>1</state> <siteResourcesPackageKey>Webformat.NeosDemo</siteResourcesPackageKey> </properties> <node identifier="" type="TYPO3.Phoenix.ContentTypes:Page" nodeName="homepage" locale="en_EN"> <properties> <title>Home</title> </properties> </node> </site> </root>
  • 19. I Nodi Site Root Page Content Section Content Element
  • 20. NodePaths Elemento di Pagina contenuto sites/neosdemo/homepage/contacts/main/content1 Sito Sezione
  • 21. Private Content Templates TypoScripts
  • 23. FLUID
  • 25. Private Content Templates TypoScripts
  • 27. TypoScript 2 TypoScripts Library Root.ts2 Nodes
  • 28. TypoScript 2 page.body { templatePath = 'resource://Webformat.NeosDemo/Private/Te[…]' sectionName = 'body' parts { mainMenu = Menu <f:section name="body"> mainMenu { entryLevel = 2 templatePath = 'resource://Webformat.NeosDemo/Private/Templates/TypoScriptObjects[…]' maximumLevels = 2 } } } <typoScript:renderTypoScript path="parts/mainMenu" />
  • 29. DEMO
  • 30. Q&A
  • 31.