Il mio primo sito con NEOS

32
Il mio primo sito con NEOS Integrare un template nel nuovo CMS della famiglia TYPO3

description

Demo del mio primo sito realizzato con TYPO3 NEOS Alpha 1

Transcript of Il mio primo sito con NEOS

Page 1: Il mio primo sito con NEOS

Il mio primo sito con NEOS

Integrare un template nel nuovo CMS della famiglia TYPO3

Page 2: Il mio primo sito con NEOS

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: [email protected]

www.webformat.com

Page 3: Il mio primo sito con NEOS

ALPHA1

Page 4: Il mio primo sito con NEOS

TYPO3 NEOS ?

Page 5: Il mio primo sito con 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

Page 6: Il mio primo sito con 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

Page 7: Il mio primo sito con NEOS

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)

Page 8: Il mio primo sito con NEOS

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

Page 9: Il mio primo sito con NEOS

I template con NEOS

Page 10: Il mio primo sito con NEOS

/Packages/Sites

Page 11: Il mio primo sito con NEOS

Vendor.MioSito

Classes

Configuration

Resources

Page 12: Il mio primo sito con NEOS

Resources

Page 13: Il mio primo sito con NEOS

Resources

Public

Private

Page 14: Il mio primo sito con NEOS

Private

Page 15: Il mio primo sito con NEOS

Private

Content

Templates

TypoScripts

Page 16: Il mio primo sito con NEOS

Private

Content

Templates

TypoScripts

Page 17: Il mio primo sito con NEOS

Content Repository

Page 18: Il mio primo sito con NEOS

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>

Page 19: Il mio primo sito con NEOS

I Nodi

Site Root

Page

Content Section

Content Element

Page 20: Il mio primo sito con NEOS

NodePaths

sites/neosdemo/homepage/contacts/main/content1

Sito

Pagina

Sezione

Elemento di contenuto

Page 21: Il mio primo sito con NEOS

Private

Content

Templates

TypoScripts

Page 22: Il mio primo sito con NEOS

Page Template

Page 23: Il mio primo sito con NEOS

FLUID

Page 24: Il mio primo sito con NEOS

FLUID

<f:section name="body">

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

Page 25: Il mio primo sito con NEOS

Private

Content

Templates

TypoScripts

Page 26: Il mio primo sito con NEOS

Typoscript

Page 27: Il mio primo sito con NEOS

TypoScript 2

Library

TypoScripts

Nodes

Root.ts2

Page 28: Il mio primo sito con NEOS

TypoScript 2

page.body { templatePath = 'resource://Webformat.NeosDemo/Private/Te[…]' sectionName = 'body' parts { mainMenu = Menu mainMenu { entryLevel = 2 templatePath = 'resource://Webformat.NeosDemo/Private/Templates/TypoScriptObjects[…]' maximumLevels = 2 } } }

<f:section name="body">

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

Page 29: Il mio primo sito con NEOS

DEMO

Page 30: Il mio primo sito con NEOS

Q&A

Page 31: Il mio primo sito con NEOS
Page 32: Il mio primo sito con NEOS

Grazie

[email protected]