1. Prototyping con TYPO3
UsareTYPO3 CMS come strumento
di progettazione del sito internet

2. Chi sono
• Nicola Della Marina
• Frontend Developer perWebformat
• Da oltre 10 anni nello sviluppo di progetti web
• TYPO3 e Magento trainer con oltre 200 ore di
formazione in aula
• TYPO3 Certified Integrator dal 2009
• Certified Magento Frontend Developer dal
2013

3. Cosa è il prototyping

4. Cosa è il prototyping
«Il Prototyping serve a definire i
requisiti con un sistema reale e
funzionante, piuttosto che su uno
teorico»

5. Ἐν ἀρχῇ ἦν ὁ λόγος
(In principio era il verbo)

6. Storia del web design
http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html

7. <font>
<table>
<marquee>

8. WEB 2.0 ?????

9. ResponsiveWeb Design

10. Quali sono le
caratteristiche di
un prototipo?

11. Non è, e non presenta, il prodotto finale

12. Deve concentrarsi su un numero ristretto di
funzionalità, che devono essere selezionate tra
quelle che verranno usate maggiormente

13. Deve rappresentare un processo ben definito
(Scenario)

14. Ha vari livelli di fedeltà
Visuale Funzionale Testuale

15. Quali sono i vantaggi del
Prototyping?
• È rapido nella sua implementazione
• Non richiede conoscenze software avanzate
• Verifica immediatamente se i requisiti sono stati
compresi correttamente
• Controlla il lavoro di analisi prima che lo sviluppo
sia effettivamente iniziato
• Consente di aggiustare il tiro senza rifare le cose
o senza mettere ‘toppe’
• Aiuta a coinvolgere di più il cliente

16. Gli strumenti
• Carta e penna
• Post-it e penna
• Strumenti specifici online o meno
(Mockflow,Balsamiq,Powerpoint,…)
• Programmi di grafica (Fireworks...)
• ProgrammiWYSIWYG (Dreamweaver…)
• Applicazioni con temi predefiniti (Magento…)
• Framework avanzati (Bootstrap, Foundation…)

17. E TYPO3 ?
• Introduction e Government Package
• Fluid PoweredTYPO3
• Prototype Package
(non esiste, l’ho inventato adesso)

20. Prototype Package
• Basat0 su un framework completo e stabile
• Estensione con HTML eTypoScript di base
• Grid Elements e Fluidcontent
• Estensioni con dump SQL incluso

21. Typoscript Modulare
- prototypePackage
- Static
- TS_1
- TS_2
- …
- ext_tables.php
t3lib_extMgm::addStaticFile($_EXTKEY,'static/TS_1/', ‘Modulo 1');
t3lib_extMgm::addStaticFile($_EXTKEY,'static/TS_2/', ‘Modulo 2');

22. TsConfig integrato
- prototypePackage
- res
- ext_localconf.php
t3lib_extMgm::addPageTSConfig(‘
<INCLUDE_TYPOSCRIPT: source="FILE:EXT:prototypePackage/res/pageTSconfig.ts">
');

23. Grid Elements
come estensione
TsConfig
TypoScript

24. Q & A

25. Grazie
nicola.dellamarina@webformat.com