TYPO3 4.5 LTS - Die Neuerungen auf einen Blick

TYPO3 4.5 LTS
Die Neuerungen

25.01.2011

Patrick Lobacher (GF typovision*)
Peter Kraume (bgm munich)

(c) 2011 - typovision* | TYPO3 4.5 LTS - Die Neuerungen |1Patrick Lobacher | www.typovision.de | 26.01.2011
Mittwoch, 26. Januar 2011 1

DANKSAGUNG

Peter Kraume - dafür, dass ich den Vortrag nicht alleine halten muss :-)

Stefan Gebert für seine initiale Unterstützung durch seine Präsentation


„LTS“
Long Term Support


LTS - LONG TERM SUPPORT
• 3 Jahre ofﬁzielle Unterstützung mit Patches

(c) 2011 - typovision* | TYPO3 4.5 LTS - Die Neuerungen | Patrick Lobacher | www.typovision.de | 26.01.2011 4

BACKEND USABILITY
Komplette Überarbeitung der Backend-Formulare
und des Seitenbaums


CLEANUP SEITENEIGENSCHAFTEN

• Klare Labels

• Sinnvolle
Gruppierungen

• Klare Trennung
der Eigenschaften


• Klare Labels

• Sinnvolle
Gruppierungen

• Klare Trennung
der Eigenschaften

• Filter



• Klare Labels

• Sinnvolle
Gruppierungen



• Neuer Tab
„Appearance“

• Hier kann die
Einstellung für die
Backend-Layouts
getroffen werden



• Neuer Tab
„Behaviour“



• Usability insgesamt
stark erhöht


CLEANUP INHALTSELEMENTE

• Hier ebenfalls stark
aufgeräumt, klare Labels,
sinnvolle Gruppierungen

• RTE gleich im ersten Tab



• Hier ebenfalls stark
aufgeräumt, klare
Labels,
sinnvolle
Gruppierungen, ...



• Tab „Appearance“
der nun wirklich alle
Optionen zur
Darstellung
zusammenfasst


SEITENBAUM ÜBERARBEITUNG

• Der Seitenbaum basiert nun komplett auf ExtJS

• Mittels Doppelklick
auf einen Seitentitel kann
dieser direkt inline
geändert werden



• Kopieren und Verschieben
durch Drag&Drop an die
richtige Stelle

• Löschen einer Seite
durch Drag&Drop
nach „unten“



•

Das Kontextmenü ist
neu strukturiert worden
und wirkt übersichtlicher


BACKEND LAYOUTS
„Grid View“

(c) 2011 - typovision* | TYPO3 4.5 LTS - Die Neuerungen 18
| Patrick Lobacher | www.typovision.de | 26.01.2011

BACKEND LAYOUT

• Zusätzlich zur Spaltenansicht gibt es nun einen ﬂexiblen
Grid-View, der - ähnlich zu TemplaVoilá - Bereiche
abbildet.

• Dafür wurde ein neuer Systemdatensatz „Backend
Layouts“ implementiert


BACKEND LAYOUTS

• Nun können Metadaten
zugewiesen werden (Icon,
Titel, Beschreibung)

• Schließlich werden über
Click auf das Wizard-Symbol
bei „Conﬁg“ die Bereiche
visuell deﬁniert


BACKEND LAYOUTS

• Hier können nun Zeilen
und Spalten deﬁniert
werden.

• Zudem ist es möglich
Zellen zusammenzufügen.

• Als Eigenschaften vergibt
man einen Namen und
colPos Nummer.


BACKEND LAYOUTS

• In den Seiteneigenschaften kann nun das Layout für die
Seite und die Unterseiten ausgewählt werden.

• Mögliche Werte sind
eines der angelegten
Layouts oder „none“
für kein Layout


BACKEND LAYOUTS
• Nun können wie
gewohnt Inhalte in
die Bereiche
eingegeben werden

• Für die Darstellung
ist nach wie vor
TypoScript nötig


LINK VALIDATOR
Überprüfung sämtlicher Links


LINK VALIDATOR
• Der Link
Validator
beﬁndet sich
im Modul
„Info“ im
Unterpunkt
„Linkvalidator“


LINK VALIDATOR

• Link Validator
auch als
Scheduler
Task
automatisiert
möglich

• Inkl. Email
mit Ergebnis


WORKSPACES
Komplette Überarbeitung


WORKSPACES
• Das Workspaces Modul wurde komplett überarbeitet


WORKSPACES
• Preview über Slider möglich (und horizontal/vertikal)


BACKEND
Änderungen im Backend


LOGIN NEWS

• Unterhalb der Login-Maske
können nun Nachrichten
aus dem Backend
eingeblendet werden

• Pﬂege über Systemdatensatz
auf Seite UID=0


LINK ZU LIST MODUL

• Wenn man im Page Modul ist und auf einen Folder
geht, erhält man eine Nachricht und einen Link um in
das List Modul zu wechseln


KEINE FRAMESETS MEHR

• Das Backend enthält
nun keine Framesets mehr

• Nun kann der Seitenbaum
wieder vergrössert oder
verkleinert werden


T3EDITOR
• Direktes Editieren
von inkludiertem
Inhalt aus Dateien
möglich

• Inhalt wieder
automatisch in die
Datei zurück
geschrieben

• Im File List Modul ist der
t3editor auch aktiviert


SYSTEM
Systemweite Änderungen


UTF-8 PER DEFAULT
• Neue Installationen automatisch mit UTF-8 als
Datenbank-Zeichensatz

• In der Version4.5 wird aber ebenfalls noch non-UTF-8
unterstützt

• Upgrade-Wizard zur Konvertierung oder standalone
PHP-Skript, das Konvertierung durchführt


SYSTEM HEALTH MONITORING
• Sobald der Status Report einen Fehler „schlimmer“ als OK ﬁndet,
wird dieser in der TYPO3 Registry „sys_registry“ gespeichert
• Status Report nun als Scheduler Task mit Email Notiﬁcation
möglich
• Beim Einloggen eines Admins wird der Fehler sofort angezeigt,
mit einem Link auf den Status Report


SALTED PASSWORD BULK UPDATE

• Scheduler Task zum Massen-Update von Passwörtern wenn
Salted Passwords verwendet werden
• Task deaktiviert sich selbst, wenn er komplett ist


RDFA UNTERSTÜTZUNG

• Ein erster wichtiger Schritt hin zur Vision eines sematischen Webs
aka Web 3.0 ist die Unterstützung von RDFa für das Frontend
• Dieser neue Standard wird langfristig Microformate komplett
ersetzen (RDF = Ressource Description Framework)
• Google, Yahoo, Facebook u.s.w. unterstützen RDFa bereits
• config.doctype = xhtml+rdfa_10
config.namespaces {
dc = http://purl.org/dc/elements/1.1/ [^]
foaf = http://xmlns.com/foaf/0.1/ [^]
sioc = http://rdfs.org/sioc/ns# [^]
}


CSRF SCHUTZ

• Cross Site Request Forgery Schutz für das Backend und das Install
Tool - später auch für FE
• Form Protection API
• Klasse mit Beispielen: class.t3lib_formprotection_backend.php
• $formToken =
t3lib_formProtection_Factory::get(
t3lib_formProtection_Factory::TYPE_BACK_END)
->generateToken('BE user setup', 'edit');
$this->content .= '<input type="hidden"
name="formToken" value="' .$formToken . '" />';


TYPOSCRIPT
Neuigkeiten


STDWRAP FÜR ALLE

• ALLE Eigenschaften sämtlicher Content Objekte sind
nun mit stdWrap ausgestattet

• stdWrap wird nur dann ausgeführt, wenn es einen
Unterschlüssel gibt (dotted property) => Performance
Gewinn


COBJECT FLUIDTEMPLATE
• Ab sofort kann Fluid auch für das Seitenrendering verwendet
werden
page = PAGE
page.10 = FLUIDTEMPLATE
page.10 {
# Pfad für das Fluid-Template
file = fileadmin/mytemplates/mytemplate.html
# Partial und Layout-Pfad setzen
partialRootPath = fileadmin/partials/
layoutRootPath = fileadmin/layouts/
variables {
mytitle = TEXT => {mytitle}
mytitle.data = page:title
}
}

COBJECT SVG

• Über die Bibliothek svgweb (http://code.google.com/p/svgweb/)
wird ein SVG Support (mit Flash Fallback) für alle Browser
bereitgestellt
svg = SVG
svg.width = 200
svg.height = 300
svg.src = fileadmin/svg/svg.xml
svg.noscript = Kein SVG Output möglich!


ELLIPSE IM GIFBUILDER

• Der GIFBUILDER verfügt nun über ein Objekt, welches eine Ellipse
zeichnen lässt

10 = ELLIPSE
10.dimensions = 100,100,50,50
10.color = red

// dimension=x,y,width,high


EASY LIGHTBOX
• Wählt man „Enlarge on click“ geht das Bild in einem neuen Fester
auf
• Über TS können nun Parameter für LightBox-Realisierungen
mitgegeben werden
• CSS Styled Content Konstanten:
styles.content.imgtext.linkWrap.
lightboxEnabled
lightboxCssClass
lightboxRelAttribute
• TS:
imageLinkWrap.directImageLink
imageLinkWrap.linkParams


NUMBERFORMAT

• Neue stdWrap Eigenschaft „numberFormat“
• Konﬁgurierbar sind die Anzahl der Dezimalstellen und das
Trennzeichen
• lib.myPrice = TEXT
lib.myPrice {
value = 0.8
numberFormat {
decimals = 2
dec_point = ,
}
noTrimWrap = || $|
}


WEITERE TS ÄNDERUNGEN

• Die stdWrap Eigenschaft .age unterstützt nun auch Einzahl: min|
hrs| days| yrs| min| hour| day| year
• stdWrap wird nur dann ausgeführt, wenn es einen Unterschlüssel
gibt (dotted property) => Performance Gewinn
• typolink unterstützt nun sichere Dateiverweise ( JumpUrl) - bisher
nur für ﬁlelinks verfügbar
typolink.jumpurl =1
typolink.jumpurl.secure =1
typolink.jumpurl.secure.mimeTypes = ext:mimetype


TSCONFIG
Neue Optionen für Page- und UserTSconﬁg


EDITIERBARE FLEXFORM

• TCEFORM.tt_content.pi_flexform.[ext_key].[sheet_key] {

# komplettes Tab entfernen
disabled = 1

# Tab-Titel änderen
title = LLL:fileadmin/locallang.xml:new_title

}


CHECKBOXEN LIST UND FILELIST

• UserTSconﬁg
options.file_list.enableDisplayBigControlPanel
options.file_list.enableDisplayThumbnails
options.file_list.enableClipBoard

• PageTSconﬁg
mod.web_list.enableDisplayBigControlPanel
mod.web_list.enableClipBoard
mod.web_list.enableLocalizationView

CONDITION FÜR AKTUELLE SEITE

• PageTSconﬁg Condition für die aktuelle Seite (da ja kein
Zugriff auf TSFE möglich): [page]

• Beispiel: Spaltenansicht abhängig von der Einstellung
des Feldes „Layout“ in den Seiteneigenschaften

mod.SHARED.colPos_list = 0
[page|layout = 1]
mod.SHARED.colPos_list = 1,0
[global]


ÜBERSETZTE CONTENT ELEMENTE

• Übersetzt man ein Content-Element, so ist dieses auf
„sichtbar“ gestellt, obwohl ja der Text erstmal nur eine
Kopie ist
• Mit der neuen Einstellung im PageTSconﬁg, wird das
übersetzte Element auf „hide“ gestellt und kann nach
dem Übersetzen manuell sichtbar gemacht werden

TCEMAIN.translateToHidden = 1


SECONDARY OPTIONS

• Ausblenden der „Secondary
Options“ (Seiteneigenschaften) über das folgende
UserTSconﬁg

setup.default.extendedView = 1
setup.override.extendedView = 1


MISC
Verschiedene kleine Änderungen


MISC
• Preview Info Box kann nun komplett deaktiviert
werden: config.disablePreviewInfo = 1

• Scheduler Task für Garbage Collection des Caching
Frameworks

• Doctype des Backends ist HTML5

• In den Seiteneigenschaften kann nun das
Protokoll (http / https) gewählt werden


MISC
• Beim Seitentyp „Shortcut“ kann nun die Elternseite als
„Shorcut Mode“ gewählt werden:

Der „Create Pages“ Wizard
unter „Functions“ unterstützt
nun die Angabe von
Seitentypen und dynamisches
„Mehr Seiten anlegen“


MISC

• Das Löschen des Caches wird nun mitgeloggt :-)

• Das Media-Element parst nun selbst die eingegebene
URL und entnimmt sich hier die Parameter - unterstützt
werden momentan: youtube, dailymotion, sevenload,
vimeo, clipﬁsh, google, metacafe, myvideo, liveleak and
veoh

• Verbesserte advanced.htaccess Datei


SCHICKE FEHLERMELDUNGEN


RTE
Änderungen im RTE HTMLarea


RTE
• Möglichkeit zum
Einfügen von
Plain-Text aus der
Zwischenablage


RTE - MISC

• Die eingegebenen
Wörter werden rechts
unten im RTE angezeigt

• Typograﬁsche Satzeichen
können durch ihre ASCII-
Entsprechung ersetzt werden


INSTALL TOOL
Neue oder geänderte Konﬁgurationsoptionen


INSTALL TOOL

• Debugging fürs Backend:
['BE']['debug'] = '1';

• SWIFT Mailer Einstellungen: Neuer Schlüssel
$TYPO3_CONF_VARS['MAIL']

• Der Install-Vorgang prüft auf das Vorhandensein der
folgenden PHP-Extensions:
ﬁlter / GD2 / JSON / mysql / pcre / session / SPL /
standard / xml / zlib


INSTALL TOOL

• Eigene Cookie Domain für das Backend möglich:
['BE']['cookieDomain']

• Möglichkeit alle SQL-Queries zu debuggen:
['SYS']['sqlDebug']
0 = Kein Debug
1 = Nur fehlgeschlagene Queries
2 = Alle Queries werden debuggt


DEVELOPER
Neue Spielwiesen für Entwickler


SPRITE GENERATOR

• $generator = t3lib_div::makeInstance
("t3lib_SpriteManager_SpriteGenerator", 't3skin');

$data = $generator->setSpriteFolder
(TYPO3_mainDir .'sysext/t3skin/images/sprites/')
->setCSSFolder(TYPO3_mainDir .
'sysext/t3skin/stylesheets/sprites/')
->setOmmitSpriteNameInIconName(TRUE)
->setIncludeTimestampInCSS(TRUE)
->generateSpriteFromFolder(array
(TYPO3_mainDir . 'sysext/t3skin/images/icons/'));


EDITIERBARE FLEXFORMS

• TCEFORM.tt_content.pi_flexform.[ext_key].[sheet_key].
[field_key] {
# Label ändern
label = LLL:fileadmin/locallang.xml:new_label
# Konfiguration ändern
config {
size = 20
minitems = 1
...
}
altLabels { item = label }
addItems { ... }
removeItems = item1,item2
keepItems = item1,item2


TCA TREE
• Rendert mit TCA type=select einen Baum

$GLOBALS['TCA']['pages']['columns']['fe_group']
['config']['renderMode'] = 'tree';
$GLOBALS['TCA']['pages']['columns']['fe_group']
['config']['treeConfig'] = array(
'parentField' => 'subgroup',
'appearance' => array(
'expandAll' => TRUE,
'showHeader' => TRUE,
)
);


API

• API-Methode um eine DB Resultat-Zeile zu erhalten
public function exec_SELECTgetSingleRow(
$select_fields,
$from_table,
$where_clause,
$groupBy = '',
$orderBy = '',
$numIndex = FALSE)


SWIFT MAILER INTEGRATION

• SWIFT-Mailer (http://swiftmailer.org) Integration ersetzt
t3lib_htmlmail => RFC kompatibel und einfache klare API
• Erstellen und Senden von Mails
• Zufügen von Attachments
• Holen einer externen URL und Umwandlung in eine Mail
• $mail = t3lib_div::makeInstance('t3lib_mail_message');
$mail->setFrom(array($email => $name))
->setTo(array($email => $name))
->setSubject($subject)
->setBody($body)
->send();


PREPARED QUERIES
• Für deutlich optimierte Datenbank Abfragen (bislang nur SELECT)
und höhere Sicherheit
• Zusätzlich ist Caching möglich:
$TYPO3_CONF_VARS['SYS']['useCachingFramework'] = 1;
• Für mehr Beispiele: class.t3lib_db_preparedstatement.php
• $GLOBALS['TYPO3_DB']->prepare_SELECTquery(
'*', 'pages', 'uid = :uid'
);
$statement->execute(array(':uid' => 2));
while (($row = $statement->fetch()) !== FALSE) {
// ...
}
$statement->free();


HOOKS
Neue Hooks im Core


HOOKS
• Hook nach dem Rendern der Seite kurz bevor die Marker im
markerArray ersetzt werden (Zugriff auf alle Variablen):
['t3lib/class.t3lib_pagerenderer.php']['render-postProcess']

• Hook im Extensionmanager kurz bevor Updates an der Datenbank
vorgenommen werden
['typo3/mod/tools/em/index.php']['checkDBupdates']
=> function preprocessDBupdates()
http://bugs.typo3.org/view.php?id=16177
• Hook nach dem Setzen aller Marker im Extension Template
['typo3/template.php']['moduleBodyPostProcess']


HOOKS

• Hook im Modul File List beim Editieren kurz vor Rückgabe des
Inhalts
['typo3/file_edit.php']['preOutputProcessingHook']
• Hooks beim Upload einer Datei (vor dem Verarbeiten)
['t3lib/class.t3lib_tcemain.php']['processUpload']
['t3lib/class.t3lib_extfilefunc.php']['processDataAction']
(Anwendung: z.B. nach dem Upload eines Bildes wird dieses
verkleinert/vergrössert)


EXTBASE UND FLUID
Neuerungen und Änderungen


DEPENDENCY INJECTION
• Anstatt Objekte durch die (alte) API-Funktion t3lib_div::makeInstance (oder
gar „new ()“) zu erzeugen und selbst zu verwalten, sollte nun Dependency
Injection (DI) dafür verwendet werden (IoC - Verringerung der
Abhängigkeiten, LifeCycleManagement, ObjectManager)
• Möglich ist die Setter-Injection und Constructor-Injection
• class Tx_Foo_Controller_MyController {
/**
* @var Tx_Foo_Service_LoggingService
*/
protected $loggingService;
/**
* @param Tx_Foo_Service_LoggingService $loggingService
*/
public function injectLoggingService(Tx_Foo_Service_LoggingService
$loggingService) {
$this->loggingService = $loggingService;
}
}


DEPENDENCY INJECTION

• Durch TypoScript können dann sogar Ersetzungsregeln für Klassen
angegeben werden

• config.tx_extbase.objects {
Tx_Extbase_Persistence_Storage_BackendInterface {
className = Tx_Extbase_Persistence_Storage_Typo3DbBackend
}
}


FUID WIDGETS

• Fluid-Widgets sind kleine „Mini-Extbase/Fluid“ Programme mit eigenem
Controller und View
• <f:widget.paginate objects="{blogs}" as="paginatedBlogs"
configuration="{itemsPerPage: 5}">
// Verwendung von{paginatedBlogs} wie man vorher {blogs} verwendet
// hat - meist innerhalb einer <f:for> Schleife.
</f:widget.paginate>

• Bislang gibt es Widgets für einen Seitenbrowser (paginate) und einen
Autocomplete (autocomplete) mit AJAX


EXTBASE/FLUID ÄNDERUNGEN

• http://buzz.typo3.org/teams/core/article/typo3-45-lts-extbase-
and-ﬂuid-features-and-improvements/


QUELLEN
Weitere Quellen


QUELLEN

• TYPO3 Bug-Tracker
http://bugs.typo3.org

• TYPO3 Changelog
http://forge.typo3.org/repositories/entry/typo3v4-core/
trunk/ChangeLog

• NEWS.txt (im Rootverzeichnis der Installation)


ENDE
(Fast)


ÜBER TYPOVISION*

• Münchner Fullservice-Agentur für digitale Kommunikation
• Geschäftsführer: Patrick Lobacher
• Spezialisiert auf TYPO3 seit 8 Jahren
• Gründung vor 16 Jahren (net-o-graphic @ new media solutions).
Umbenennung am 02.01.2009 zu typofaktum, am 01.06.2010 zu
typovision*.
• Über 800 realisierte Projekte, davon >100 mit TYPO3
• Kunden: FTI, SwissLife, Vodafone, Finanzscout 24, eticur, AGIP,
Nemetschek, Contraco, Arbeitsamt München, Langenscheidt,
Motorola, Integralis, u.v.a.m


ÜBER TYPOVISION*
• GF Patrick Lobacher hat zahlreiche Bücher und Artikel über alle Aspekte von
TYPO3 veröffentlicht - weitere sind in Vorbereitung

• Geschäftsbereiche
• Digitale Kommunikation
• TYPO3 Konzeption, Entwicklung, Programmierung, Integration
(inkl. Extbase / Fluid / FLOW3)
• Schulung (inkl. komplettes TYPO3-Curriculum von Anfänger bis Fortgeschrittene
und Spezialschulungen sowie Firmen- und Individualschulungen, sowie
Extbase, Fluid und FLOW3)
• PL ist Mitglied des TYPO3 Certi cation- und Documentation-Teams


ÜBER TYPOVISION

• Adresse:

typovision* - agentur für multimediale kommunikation

Belfortstr. 8
81667 München

Fon +49-89-18 92 08 70
Fax +49-89-18 92 08 69
Email info@typovision.de
Web http://www.typovision.de


TYPO3 4.5 LTS - Die Neuerungen auf einen Blick

Weitere ähnliche Inhalte

Was ist angesagt? (14)

Andere mochten auch (19)

Mehr von die.agilen GmbH (19)

TYPO3 4.5 LTS - Die Neuerungen auf einen Blick