The Presentation was hold at BarCamp Phnom Penh 2011.

1. Powerful Open Source TYPO3 CMS
Presented by Phalla & Dimanche

2. About us
Dimanche Eat Phalla Lay
Web Project Coordinator Web Developer Coordinating Project
at Web Essentials at Web Essentials
dimanche@web-essentials.asia phalla@web-essentials.asia
@Barcamp 2011 Powerful Open Source TYPO3 CMS 2

3. Agenda
● Introduction about TYPO3
● Page Structure
● TemplaVoila
● Frontend Editing
●
Manage Backend Users / Groups
● Process Management
● Extension Builder
● References
@Barcamp 2011 Powerful Open Source TYPO3 CMS 3

4. 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...
@Barcamp 2011 Powerful Open Source TYPO3 CMS 4

5. Introduction about TYPO3
●
TYPO3 backend login
@Barcamp 2011 Powerful Open Source TYPO3 CMS 5

6. Introduction about TYPO3
●
TYPO3 backend
@Barcamp 2011 Powerful Open Source TYPO3 CMS 6

7. 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.
@Barcamp 2011 Powerful Open Source TYPO3 CMS 7

8. TemplaVoila
●
Working on template
@Barcamp 2011 Powerful Open Source TYPO3 CMS 8

9. TemplaVoila
●
Field properties
@Barcamp 2011 Powerful Open Source TYPO3 CMS 9

10. TemplaVoila
●
Wizard Mapping
@Barcamp 2011 Powerful Open Source TYPO3 CMS 10

11. TemplaVoila
●
Manage page content element (Directly editing single page content)
@Barcamp 2011 Powerful Open Source TYPO3 CMS 11

12. 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.
@Barcamp 2011 Powerful Open Source TYPO3 CMS 12

13. Backend Users / Groups
●
Groups: Each user can also be a
member of one or more groups and
each group can include sub-groups. Main Group1
●
Groups contain the main permission
settings you can set for a user. Main Group2
Group1
Many users can be a member of the
same group and thus share
permissions.
Sub Group1
Sub Group2
Main Group3
@Barcamp 2011 Powerful Open Source TYPO3 CMS 13

14. Frontend Editing
●
Enable frontend editing
● Wizard editing by drag and drop
● One click edit
@Barcamp 2011 Powerful Open Source TYPO3 CMS 14

15. Frontend Editing
●
Fancy editing element
@Barcamp 2011 Powerful Open Source TYPO3 CMS 15

16. Process Management
●
Process management
@Barcamp 2011 Powerful Open Source TYPO3 CMS 16

17. 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
@Barcamp 2011 Powerful Open Source TYPO3 CMS 17

18. Extension Builder
●
Extension Properties
@Barcamp 2011 Powerful Open Source TYPO3 CMS 18

19. Extension Builder
●
Extension Properties
@Barcamp 2011 Powerful Open Source TYPO3 CMS 19

20. Extension Builder
●
Modeling your Domain
@Barcamp 2011 Powerful Open Source TYPO3 CMS 20

21. Extension Builder
●
Modeling your Domain
@Barcamp 2011 Powerful Open Source TYPO3 CMS 21

22. Extension Builder
●
Modeling your Domain
@Barcamp 2011 Powerful Open Source TYPO3 CMS 22

23. Extension Builder
●
Modeling your Domain
@Barcamp 2011 Powerful Open Source TYPO3 CMS 23

24. Extension Builder
●
Modeling your Domain
@Barcamp 2011 Powerful Open Source TYPO3 CMS 24

25. Extension Builder
●
Modeling your Domain (add relationship)
@Barcamp 2011 Powerful Open Source TYPO3 CMS 25

26. Extension Builder
●
What are the results?
@Barcamp 2011 Powerful Open Source TYPO3 CMS 26

27. Extension Builder
●
What are the results?
@Barcamp 2011 Powerful Open Source TYPO3 CMS 27

28. Extension Builder
●
What are the results?
@Barcamp 2011 Powerful Open Source TYPO3 CMS 28

29. Extension Builder
●
What are the results?
@Barcamp 2011 Powerful Open Source TYPO3 CMS 29

30. References
●
http://www.typo3.org
●
http://wiki.typo3.org
@Barcamp 2011 Powerful Open Source TYPO3 CMS 30

31. Question
@Barcamp 2011 Powerful Open Source TYPO3 CMS 31