Il mio primo sito con NEOS

Nicola Della Marina
Nicola Della MarinaTYPO3 Integrator and Magento Frontend Developer
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
Il mio primo sito con NEOS
Grazie

nicola.dellamarina@webformat.com
1 of 32

Recommended

eZ publish - Extension by
eZ publish - ExtensioneZ publish - Extension
eZ publish - ExtensionFrancesco Trucchia
584 views26 slides
Product research buried by
Product research  buriedProduct research  buried
Product research buriedJesss21
290 views12 slides
Thriller films power point. by
Thriller films power point.Thriller films power point.
Thriller films power point.Jesss21
232 views5 slides
Sicurezza in azienda by
Sicurezza in aziendaSicurezza in azienda
Sicurezza in aziendaAssietica
305 views26 slides
DNM19 Sessione1 Orchard Primo Impatto (ita) by
DNM19 Sessione1 Orchard Primo Impatto (ita)DNM19 Sessione1 Orchard Primo Impatto (ita)
DNM19 Sessione1 Orchard Primo Impatto (ita)Alessandro Giorgetti
702 views46 slides
L'Arte del Templating: Typoscript, Fluid e Grid Elements by
L'Arte del Templating: Typoscript, Fluid e Grid ElementsL'Arte del Templating: Typoscript, Fluid e Grid Elements
L'Arte del Templating: Typoscript, Fluid e Grid ElementsElena Bartolotti
1.4K views51 slides

More Related Content

Similar to Il mio primo sito con NEOS

Drupal 7 : theming avanzato by
Drupal 7 : theming avanzatoDrupal 7 : theming avanzato
Drupal 7 : theming avanzatoTwinbit
2.4K views70 slides
La rivoluzione blazor by
La rivoluzione blazorLa rivoluzione blazor
La rivoluzione blazorMichele Aponte
32 views23 slides
Hands on MVC - Mastering the Web by
Hands on MVC - Mastering the WebHands on MVC - Mastering the Web
Hands on MVC - Mastering the WebClaudio Gandelli
1.4K views94 slides
eZ publish - Introduzione al sistema by
eZ publish - Introduzione al sistemaeZ publish - Introduzione al sistema
eZ publish - Introduzione al sistemaFrancesco Trucchia
1K views23 slides
DNM19 Sessione2 Orchard Temi e Layout (Ita) by
DNM19 Sessione2 Orchard Temi e Layout (Ita)DNM19 Sessione2 Orchard Temi e Layout (Ita)
DNM19 Sessione2 Orchard Temi e Layout (Ita)Alessandro Giorgetti
910 views31 slides
Drupal Day 2012 - DRUPAL 8: I CAMBIAMENTI CHE CI ASPETTANO by
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 ASPETTANODrupalDay
586 views29 slides

Similar to Il mio primo sito con NEOS(20)

Drupal 7 : theming avanzato by Twinbit
Drupal 7 : theming avanzatoDrupal 7 : theming avanzato
Drupal 7 : theming avanzato
Twinbit2.4K views
Drupal Day 2012 - DRUPAL 8: I CAMBIAMENTI CHE CI ASPETTANO by DrupalDay
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
DrupalDay586 views
Non solo Django: MVC orientato agli oggetti con Plone e Zope Toolkit by Maurizio Delmonte
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 Delmonte626 views
Javascript - 4 | WebMaster & WebDesigner by Matteo Magni
Javascript - 4 | WebMaster & WebDesignerJavascript - 4 | WebMaster & WebDesigner
Javascript - 4 | WebMaster & WebDesigner
Matteo Magni351 views
Wordpress Template hierarchy by Gloria Liuni
Wordpress Template hierarchyWordpress Template hierarchy
Wordpress Template hierarchy
Gloria Liuni1.8K views
Applicazioni mobile integrate a TYPO3 by Luca Peressini
Applicazioni mobile integrate a TYPO3Applicazioni mobile integrate a TYPO3
Applicazioni mobile integrate a TYPO3
Luca Peressini472 views
Creare un tema personalizzato per wordpress by GGDBologna
Creare un tema personalizzato per wordpressCreare un tema personalizzato per wordpress
Creare un tema personalizzato per wordpress
GGDBologna36.2K views
How I did it (in .NET): idiomatic Domain Driven Design by Andrea Saltarello
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
Andrea Saltarello977 views
Smau milano 2012 massimiliano del cero by Smau
Smau milano 2012 massimiliano del ceroSmau milano 2012 massimiliano del cero
Smau milano 2012 massimiliano del cero
Smau998 views
Drupal Day 2015 - Drupal 8 dal download del core alla pubblicazione in prod... by Vincenzo Di Biaggio
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 by
Design system based workflowDesign system based workflow
Design system based workflowNicola Della Marina
344 views18 slides
Scrivere codice CSS e dormire tranquilli by
Scrivere codice CSS e dormire tranquilliScrivere codice CSS e dormire tranquilli
Scrivere codice CSS e dormire tranquilliNicola Della Marina
1K views26 slides
Prototyping con typo3 by
Prototyping con typo3Prototyping con typo3
Prototyping con typo3Nicola Della Marina
513 views25 slides
E-mail Marketing con TYPO3 by
E-mail Marketing con TYPO3E-mail Marketing con TYPO3
E-mail Marketing con TYPO3Nicola Della Marina
745 views23 slides
Template Multidevice con TYPO3 by
Template Multidevice con TYPO3Template Multidevice con TYPO3
Template Multidevice con TYPO3Nicola Della Marina
544 views29 slides
Le 10 estensioni da tenere sempre a disposizione by
Le 10 estensioni da tenere sempre a disposizioneLe 10 estensioni da tenere sempre a disposizione
Le 10 estensioni da tenere sempre a disposizioneNicola Della Marina
675 views44 slides

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