Powerful Open Source TYPO3 CMS

Powerful Open Source TYPO3 CMS

Presented by Phalla & Dimanche

@Barcamp 2011 Powerful Open Source TYPO3 CMS 2

About us

Phalla Lay

Web Developer Coordinating Project

at Web Essentials

[email protected]

Dimanche Eat

Web Project Coordinator

at Web Essentials

[email protected]

mailto:[email protected]

mailto:[email protected]


Agenda

● Introduction about TYPO3● Page Structure● TemplaVoila● Frontend Editing● Manage Backend Users / Groups● Process Management● Extension Builder● References


Introduction about TYPO3

● TYPO3 was born in 1997 by Kasper Skårhøj

● TYPO3 is a free and open source web content management framework.

● It is released under the GNU General Public License.

● It can run on several web servers, such as Apache or IIS, on top of many operating systems, among them Linux, Microsoft Windows, Mac OS, etc...



● TYPO3 backend login



● TYPO3 backend


Page Structure● The page tree shows the page structure of your

website.

● The Home page is the homepage you see when you first load your website.

● The other pages (i.e. News, Who We Are, What We Do, etc) are pages that can be accessed through the (horizontal or vertical) menu navigator on your website. By clicking on the triangle, you can see the further subpages.

● In the page tree, you will see different icons. See below for an explanation of the common icons:

● Standard: This is a standard page

● Shortcut: When you click on this page in the frontend, you will be redirected to a different page

that you set.

● Hide Page: In the frontend, this page will not visible.

● Hide in Menu: In the frontend, this page is not visible in the menu.

● Folder: This is a folder that stores items such as news, newsletters, etc.

Note: When you click on the icon, it will produce a menu with page options. When you click on the name of the page, it will load the page in the work area.


TemplaVoila

● Working on template


TemplaVoila

● Field properties


TemplaVoila

● Wizard Mapping


TemplaVoila

● Manage page content element (Directly editing single page content)


Backend Users / Groups

● User: each user of the backend must be represented with a single record in the table "be_users".

● This record contains the username and password, other meta data and some permissions settings.


Backend Users / Groups

● Groups: Each user can also be a member of one or more groups and each group can include sub-groups.

● Groups contain the main permission settings you can set for a user. Many users can be a member of the same group and thus share permissions.

Main Group3

Main Group1

Group1Main Group2

Sub Group1Sub Group2


Frontend Editing

● Enable frontend editing

● Wizard editing by drag and drop

● One click edit


Frontend Editing

● Fancy editing element


Process Management

● Process management


Extension Builder

● Configuring Extension Properties● Creating FE Plugins and BE Modules● Modeling the Domain● Remodeling the Domain● Creating Source Code● Working for you hard, while you are lazy


Extension Builder

● Extension Properties


Extension Builder

● Extension Properties


Extension Builder

● Modeling your Domain


Extension Builder



Extension Builder



Extension Builder



Extension Builder



Extension Builder

● Modeling your Domain (add relationship)


Extension Builder

● What are the results?


Extension Builder



Extension Builder



Extension Builder



References

● http://www.typo3.org

● http://wiki.typo3.org

http://www.typo3.org/

http://wiki.typo3.org/


Question

Technology

Powerful Open Source TYPO3 CMS