Open Source Enterprise Content Management mit TYPO3

2011 incore IT Solutions Open Source Enterprise Content Management mit TYPO3 www.incore.at©

Open Source Enterprise Content Management mit TYPO3

Michael WolfingerPhilipp Hamid

http://www.incore.at


2011 incore IT Solutions www.incore.atOpen Source Enterprise Content Management mit TYPO3©

DIE VORTRAGENDEN

‣ Dr. Michael Wolfinger

‣ Geschäftsführer incore IT Solutions

‣ Chemiker & FH Lektor

‣ Certified TYPO3 Integrator

‣ Philipp Hamid BA

‣ Chief Creative Officer incore IT Solutions

‣Web & Multimedia Developer

‣ Certified TYPO3 Integrator

2




ÜBER INCORE IT SOLUTIONS

‣ Full-Service Open Source IT Agentur mit Sitz in Wien und Linz

‣ Portfolio

‣ Open Source Content Management Systeme (CMS)Entwicklung, Anpassung, Integration, Hosting, SEO, CROSpezialisiert auf TYPO3 seit 2005

‣ Open Source Enterprise Resource Planning Systeme (ERP)Beratung, Implementierung, Betreuung

‣ Open Source SchulungenTYPO3, OpenERP, Tryton

‣ Über 40 erfolgreiche TYPO3 Projekte

3




AGENDA

‣ Enterprise Content Management - Definition

‣ TYPO3 in a Nutshell - Die Vorstellungsrunde

‣ TYPO3 Features - Ein Überblick

‣ TypoScript - Die “Konfigurationssprache” von TYPO3

‣ Best of TYPO3 4.5 - Die Highlights

‣ Fluid - Die neue Template Engine von TYPO3

‣ TYPO3 Praxis - Live Demo

4



Open Source Enterprise Content Management mit TYPO32011 incore IT Solutions www.incore.at© 5

ENTERPRISE CONTENT MANAGEMENT

Definition




ENTERPRISE CONTENT MANAGEMENT

Komponenten:

‣ Erfassung (capture)

‣ Verwaltung (manage)

‣ Speicherung (store)

‣ Ausgabe (deliver)

‣ Bewahrung (preserve)

Merkmale:

‣ ECM Komponenten als Dienste (SOA)

‣ ECM als Repository für Information

‣ Enterprise Application Information (EAI) verbindet ECM zu einer Sammlung von Infrastruktur-Komponenten E-Business

6

“Enterprise Content Management (ECM) umfasst die Technologien zur Erfassung, Verwaltung, Speicherung, Bewahrung und Bereitstellung von Content und Dokumenten zur Unterstützung organisatorischer Prozesse im Unternehmen”

Quelle: Wikipedia



Open Source Enterprise Content Management mit TYPO32011 incore IT Solutions www.incore.at©

TYPO3 IN A NUTSHELL

Die Vorstellungsrunde

7




TYPO3 CONTENT MANAGEMENT SYSTEM

TYPO3 ist ein Open Source Content Management System (CMS), das weltweit eingesetzt wird um Websites jeder Größe - von der Microsite bis zu Webportalen internationaler Organisationen - zu entwickeln und betreiben.

8




TYPO3 EXECUTIVE SUMMARY

‣ Open Source - GPL Lizenz

‣ Enterprise System

‣ Stabiles Core-System

‣ Skalierbarkeit

‣ Erweiterbarkeit

‣ Internationalisierung

‣ Solide Roadmap

‣ Aktive Community

‣ Sicheres Investment9




TYPO3 FÜR JEDERMANN

‣ Entwickler und Benutzer‣ Beliebige Erweiterung durch flexibles Extension-Framework‣ API erlaubt moderne Programmiertechniken (MVC)‣ Etablierte Entwickler-Community

‣ Content Autoren und Editoren‣ Benutzerfreundliches und intuitives Interface (WYSIWYG)‣ Komfortables Bearbeiten von Multimedia-Inhalten

‣ Admins und Content Manager‣ Professionelle Workflows‣ Effizientes Rechte-Management‣Multi-Domain Setup

10




TYPO3 GESCHICHTE

‣ 1997 von Kasper Skårhøj ins Leben gerufen

‣ 2000 erste öffentliche Beta Version

‣ 2001 erster TYPO3 Workshop

‣ 2002 Release TYPO3 3.0, später TYPO3 3.5.0

‣ 2004 Gründung der TYPO3 Association

‣ 2005 erste TYPO3 Konferenz

‣ 2007 Kasper Skårhøj zieht sich als aktiver Developer zurück

‣ 2008 Berlin Manifesto legt Roadmap für TYPO3 v4 und v5 fest

‣ 2009 Start für FLOW3, dem Application Framework für TYPO3 v5

‣ 2011 Release TYPO3 4.5 “Long Term Support”

11




TYPO3 ASSOCIATION

Die TYPO3 Association ist ein 2004 gegründeter, gemeinnütziger Verein mit Sitz in der Schweiz. Ziele der Non-Profit Organisation:

‣ Unterstützung der TYPO3 Core Entwicklung

‣ Organisation der offiziellen TYPO3 Events

‣ Kommunikation innerhalb der Community und nach außen

‣ Interessensvertretung

‣ Zertifizierung und Qualitätssicherung

12




TYPO3 COMMUNITY

Mehr als 100k Menschen aus 48 Ländern

‣ entwickeln Extensions

‣ liefern und testen Patches

‣ dokumentieren

‣ übersetzen

‣ organisieren Events

‣ spenden

‣ helfen anderen

‣ haben Spaß an der Sache

13




TYPO3 EVENTS

‣ TYPO3 North American ConferenceT3CON11-SF: Juni 2011, San Francisco, USA (t3con11-sf.typo3.org)

‣ TYPO3 Developer DaysT3DD11: Juli 2011, Sursee, CH (t3dd11.typo3.org)

‣ TYPO3 KonferenzT3CON11: Oktober 2011, Hanau, DE (t3con11-frankfurt.typo3.org)

‣ TYPO3 Snowboard TourT3BOARD

‣ TYPO3 UserGroup

‣ TYPO3 Camp

14



http://t3con11-sf.typo3.org

http://t3con11-sf.typo3.org

http://t3dd11.typo3.org

http://t3dd11.typo3.org

http://t3con11-frankfurt.typo3.org/

http://t3con11-frankfurt.typo3.org/


TYPO3 CERTIFICATION

Seit 2008 bietet die TYPO3 Association weltweit die Prüfung zum “Certified TYPO3 Integrator” an.

‣ Kunden erhalten die Sicherheit, daß der TYPO3 Anbieter über das nötige Know-How zur erfolgreichen Umsetzung eines TYPO3 Projekts verfügt

‣ TYPO3 Anbieter können Ihre Fähigkeiten objektiv überprüfen und sich gegenüber der Konkurrenz am Markt positiv qualifizieren

15




TYPO3 REFERENZEN

16




TYPO3 TECHNIK ANFORDERUNGEN

‣ Systemanforderungen Server:

‣ OS: Unix/Linux, Windows, Mac

‣Webserver: Apache, IIS

‣Middleware: PHP 5.2+

‣ Datenbank: MySQL (oder PostgreSQL, Oracle via TYPO3 DBAL)

‣ Empfohlen: ImageMagick, GDlib, zlib, mod_gzip, mod_rewrite, mod_security, PHP acceleator

‣ Hardware: multi-core CPU, >4 GB RAM

‣ Systemanforderungen Client:

‣ Standard Browser (Mozilla Firefox, Chrome, MS IE 7+)17




TYPO3 STATUS QUO

‣ Zur Zeit werden zwei Versionen aktiv entwickelt: TYPO3 v4 und v5

‣ Aktuelle Release TYPO3 4.5 LTS “Long Term Support” (bis 04/2014)

‣ TYPO3 4.6 kommt am 28. Oktober 2011

18




TYPO3 FEATURES

Ein Überblick

19




TYPO3 CMS

‣ TYPO3 Content Management System (CMS) erlaubt die getrennte Bearbeitung von Content und Design/Layout

‣ Komfortables Editieren von Text, Bildern, Multimedia-Inhalten

‣ Keine HTML / CSS / Programmier-Kenntnisse für den End-User

20




TYPO3 FEATURES

‣ Einfaches Templating: Standard, Templavoila, Fluid

‣ Flexible Designs: global oder individuell für Sub-Seiten

‣ Komfortables Interface mit übersichtlicher Seiten-Struktur

‣WYSIWYG mit integriertem Rich-Text Editor

‣ Intuitives AJAX drag-and-drop im Backend

‣ Frontend-Editing

‣ Automatische Bild-Manipulation: grafische Menüs, resize, crop, …

‣ Ausgefeiltes Rechte-Management auf Gruppen / Benutzerebene

21




TYPO3 FEATURES

‣ Integrierte Suche oder Enterprise Suche auf Basis von Apache Solr

‣Mehr-Sprachigkeit: 30+ Sprachen im BE, FE Lokalisierung

‣ Effizientes Caching-Framework

‣Multi-Site Management

‣ Einfache Erweiterbarkeit durch API-basiertes Framework

‣ 5000+ Extensions im TYPO3 Extension Repository (TER)

‣ Ausführliche Dokumentation

‣ Support durch die Community oder TYPO3 Anbieter

‣ Reichhaltige Resourcen im Web: Mailing Listen, Foren, Blogs, ...22




TYPOSCRIPT

Die “Konfigurationssprache” von TYPO3

23




TYPOSCRIPT - WAS IST DAS?

“TypoScript bildet mithilfe von Plaintext und einer gegebenen Syntax hierachische Informationen in ein multidimensionales assoziatives PHP-Array ab”

‣ Abstraktions-Layer für assoziative Arrays‣ TypoScript ist keine Programmiersprache‣ Vergleichbar mit YAML oder XML

24

page = PAGEpage.typeNum = 0page.10 = USERpage.10.userFunc = tx_templavoila_pi1->main_page

$TS[‘page’] = ‘PAGE’$TS[‘page.’][‘typeNum’] = ‘0’$TS[‘page.’][‘10’] = ‘USER’$TS[‘page.’][‘10.’][‘userFunc’] = ‘tx_templavoila_pi1->main_page’




TYPOSCRIPT IST ÜBERALL

25

Seiten Navigation und Inhalt Plugins

page.config {doctype = xhtml_11xmlprologue = nonexhtml_cleaning = allremoveDefaultJS = 1disablePrefixComment = true

}

lib.mainmenu_1 = HMENUlib.mainmenu_1 {

1 = TMENU1 {

NO = 1wrap = <ul>|</ul>NO.wrapItemAndSub = <li>|</li>CUR = 1CUR.wrapItemAndSub = <li>|</li>ACT = 1ACT.wrapItemAndSub = <li>|</li>

}}

xmlnews = PAGExmlnews {

typeNum = 10010 >10 < plugin.tt_news10.pid_list >10.pid_list = 210.singlePid = 1110.defaultCode = XMLconfig {

disableAllHeaderCode = 1no_cache = 1xhtml_cleaning = 0

}}


TYPOSCRIPT 1x1

‣ Top-Level Objekte (TLO) sind fundamentale Objekte erster Ordnung, zB. PAGE, CONFIG zur Seitendefinition & Konfiguration

‣ Content Objekte (cObjects) bringen die eigentlichen Inhalte ins System, z.B.: HTML, TEXT, HMENAU, COA, GIFBUILDER uvm.

‣ Jede TypoScript Eigenschaft besitzt einen Datentyp, wie boolean, double, integer, string oder alternative Datentypen wie getText (Ermittlung dynamische Daten während des Seitenaufbaus)

‣ TypoScript Funktionen verwandeln Eingabewerte in Ausgabewerte, z.B. stdWrap Funktion typolink umschließt Inhalt mit <a></a>, parseFunc durchsucht und verarbeitet Inhalt nach bestimmten Kriterien

26

Link: TypoScript in 45 Minutes



http://wiki.typo3.org/Ts45min

http://wiki.typo3.org/Ts45min


BEST OF TYPO3 4.5

Die Highlights

27




TYPO3 4.5 LTS

‣TYPO3 4.5 ist die erste Version mit “Long Term Support”

‣Updates und Patches für 3 Jahre garantiert

‣Parallel Entwicklung für TYPO3 4.6 und TYPO3 5

28




TYPO3 4.5 BACKEND GOODIES

‣ Aufgeräumtes Backend

‣ Seitenbaum auf ExtJS Basis

‣ Einfaches Editieren

‣ Drag-and-drop

‣ Strukturiertes Kontext-Menü

‣ Live-Suche

29




TYPO3 BACKEND GOODIES

‣ Sinnvolle Gruppierungen

‣ Klare Struktur

‣ Backend Layout Wizard

30




TYPO3 4.5 WORKSPACES

‣ ECM Feature “Workflow Management”: TYPO3 Workspaces

‣ Review Prozess vor der Veröffentlichung

‣ Content Editor → Chief Editor → online

31




TYPO3 4.5 LINK VALIDATOR

‣ Überprüft interne und externe Links

‣ Scheduler-Integration möglich

‣ Optional Reporting via E-Mail

32




TYPO3 4.5 TYPOSCRIPT GOODIES

‣ cObject FLUIDTEMPLATE ‣ cObject SVG

33

‣ stdWrap ist für alle Eigenschaften aller cObjects verfügbar

‣ stdWrap.numberFormat - komfortable Formatierung von Zahlen

‣ Conditions in PageTSConfig

page = PAGEpage.10 = FLUIDTEMPLATEpage.10 {

template = FILEtemplate.file = fileadmin/template.htmlvariables {

content < styles.content.get}

}

10 = SVG10 {

width = 600height = 600src = fileadmin/svg.xmlnoscript.cObject = TEXTnoscript.cObject.value = Kein SVG Output

}




TYPO3 4.5 FÜR ENTWICKLER

‣ UTF-8 per default

‣ Swaiftmailer API - RFC-kompatible, einheitliche Mail API

‣ Dynamische Erzeugung von CSS Sprites

‣ Prepared Queries in der TYPO3 Datenbank API

‣ Cross-Site-Request-Forgery (CSRF) Schutz

‣ Aktuelle Version 1.3 von Extbase und Fluidhttp://buzz.typo3.org/teams/core/article/typo3-45-lts-extbase-and-fluid-features-and-improvements/

34



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

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


FLUID

Die neue Template Engine von TYPO3

35




TEMPLATE ENGINE

36

Daten Template

Template Engine

Gerenderter Content




FLUID

‣ Object Accessors geben Inhalt von Variablen aus, die an den View zur Darstellung übergeben werden

‣ View Helper sind PHP Klassen, die komplexe Funktionalitäten wie Schleifen bzw. Generierung von Links bereitstellen; werden als spezielle Tags im Template angesprochen

‣ Arrays erlauben Übergabe einer variablen Anzahl von hierachischen Werten an ViewHelper

37

‣ Fluid ist eine komplett objektorientierte Template Engine‣ MVC - View Logik im View‣ verschiedene Ausgabeformate

‣ Auto-Completion (Eclipse)‣ leicht erweiterbar

$this->view->assign(‘blog’, $blog);$this->view->assign(‘blogPosts’, $blog->getPosts());

Controller:

<div id=”blogtitle>{blog.title}</div>

Fluid Template:

<ul><f:for each=”{blogPosts}” as “post”>

<li>{post.title}</li></f:for>

</ul>

Beispiel:

<f:link.action controller=”Post” action=”show” arguments=”{post:currentPost, blogTitle: ‘Fluid-Blog’}”>Aktuellen Artikel anzeigen</f:link.action>

Beispiel:

übergibt {post:currentPost} und {blogTitle:‘Fluid-Blog’} an die action show des Controllers Post




TYPO3 Praxis

Live Demo

38




RESOURCEN

‣ TYPO3 Websites

‣ www.typo3.org

‣ wiki.typo3.org

‣ preview.typo3.org

‣ certification.typo3.org

‣ www.t3blog.com

‣Wikipedia

‣ Slideshare

39



http://www.typo3.org

http://www.typo3.org

http://wiki.typo3.org

http://wiki.typo3.org

http://preview.typo3.org

http://preview.typo3.org

http://certification.typo3.org

http://certification.typo3.org

http://www.t3blog.com

http://www.t3blog.com


KONTAKT

40

Adresse:

E-Mail:

Web:

incore IT Solutions - Die Open Source IT AgenturGrundlgasse 3/11090 Wien

[email protected]

www.incore.at



mailto:[email protected]

mailto:[email protected]




KONTAKT - SOCIAL MEDIA

Twitter:

Facebook:

Slideshare:

Xing:

about.me:

41

www.twitter.com/incorewww.twitter.com/mtwolfinger

www.facebook.com/incoreitsolutions

www.slideshare.net/incoreitsolutionswww.slideshare.net/michaelwolfinger

www.xing.com/profile/Michael_Wolfingerwww.xing.com/profile/Philipp_Hamid

about.me/michaelwolfinger



http://www.twitter.com/incore

http://www.twitter.com/incore

http://www.twitter.com/mtwolfinger

http://www.twitter.com/mtwolfinger

http://www.facebook.com/incoreitsolutions

http://www.facebook.com/incoreitsolutions

http://www.slideshare.net/incoreitsolutions

http://www.slideshare.net/incoreitsolutions

http://www.slideshare.net/michaelwolfinger

http://www.slideshare.net/michaelwolfinger

http://www.xing.com/profile/Michael_Wolfinger

http://www.xing.com/profile/Michael_Wolfinger

http://www.xing.com/profile/Philipp_Hamid

http://www.xing.com/profile/Philipp_Hamid

http://about.me/michaelwolfinger

http://about.me/michaelwolfinger

Open Source Enterprise Content Management mit TYPO32011 incore IT Solutions www.incore.at© 42

VIELEN DANK !

Slides:

www.incore.at/talks/TYPO3_Linuxwochen2011.pdf



http://www.incore.at/talks/TYPO3_Linuxwochen2011.pdf

http://www.incore.at/talks/TYPO3_Linuxwochen2011.pdf

Technology

Open Source Enterprise Content Management mit TYPO3