際際滷

際際滷Share 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 sullApplication 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

More Related Content

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 sullApplication 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