1. 3ο Συνέδριο Κοινοτήτων Ανοιχτού Λογισμικού FOSSCOMM 2010
Θεσσαλονίκη, 24-25 Απριλίου 2010
ΣΥΣΤΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΟΥ ΠΕΡΙΕΧΟΜΕΝΟΥ
Παναγιώτης Κονταξής
Κωνσταντίνος Μερσινάς
Christine Gerpheide

2. TYPO3 WEB CMS
WEB CONTENT MANAGEMENT SYSTEM
=
ΣΥΣΤΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΟΥ ΠΕΡΙΕΧΟΜΕΝΟΥ
OPEN SOURCE CMS :
ΙΣΧΥΡΟΣ ΚΛΑΔΟΣ ΤΟΥ
ΛΟΓΙΣΜΙΚΟΥ ΑΝΟΙΚΤΟΥ ΚΩΔΙΚΑ

3. Ανταγωνισμός;
ή συνύπαρξη;

4. Συνύπαρξη!

5. ΤΑΥΤΟΤΗΤΑ TYPO3
ΞΕΚΙΝΗΣΕ: 2000
ΗΛΙΚΙΑ: 10 ΕΤΩΝ (v.4.3.3)
ΠΛΑΤΦΟΡΜΑ: cross-platform
•Apache, IIS
•PHP
•MySQL,
postgreSQL, Oracle
ΧΡΗΣΙΜΟΠΟΙΕΙΤΑΙ ΕΤΑΙΡΙΚΑ SITE &
ΓΙΑ: ΑΝΑΠΤΥΞΗ
ΜΙΚΡΗΣ/ΜΕΣΑΙΑΣ
ΚΛΙΜΑΚΑΣ WEB
ΕΦΑΡΜΟΓΩΝ
ΚΟΙΝΟΤΗΤΕΣ: ΓΕΡΜΑΝΙΑ, ΓΑΛΛΙΑ,
ΑΜΕΡΙΚΗ & ΕΛΛΑΔΑ
(!)

6. TYPO3 Backend

7. Στοιχεία Περιεχομένου
ΕΦΑΡΜΟΓΗ
(ΑΝΑΚΟΙΝΩΣΕΙΣ)
ΚΕΙΜΕΝΟ
ΕΦΑΡΜΟΓΗ
(FORUM)

8. Στοιχεία Περιεχομένου
ΕΦΑΡΜΟΓΗ
(ΑΝΑΚΟΙΝΩ
ΣΕΙΣ)
ΚΕΙΜΕ
ΝΟ
ΕΦΑΡΜΟΓΗ
(FORUM)

10. Enterprise Features (1/2)

11. Πολυγλωσσικό

12. Δικαιώματα backend χρηστών
ACL: Access Control Lists:
Δικαιώματα ανάγνωσης, επεξεργασίας, δημιουργίας, διαγραφής
Row based security Field based security
Κωδικός Τίτλος Ημερομηνία Κείμενο
1 Ανακοίνωση #1 17/4/2010 Κειμενο #1……
2 Ανακοίνωση #2 17/4/2010 Κειμενο #2……
3 Ανακοίνωση #3 17/4/2010 Κειμενο #3……
4 Ανακοίνωση #4 17/4/2010 Κειμενο #4……

13. Απόδοση & Ασφάλεια

14. Α.Π.Θ. Σύστημα Συγγραμμάτων

15. Enterprise Features (2/2)

16. Χώροι Εργασίας (Workspaces)
& Διατήρηση Εκδόσεων (Versioning)
 Χώρος Εργασίας (Workspace): ένας χώρος όπου
μπορούμε να εργαζόμαστε ακίνδυνα
“LIVE” εάν οι αλλαγές που γίνονται στο BE
δημοσιοποιούνται αυτομάτως στο FE
- συνήθως μόνο για διαχειριστές (administrators) ή για
δοκιμές
“DRAFT” εάν οι αλλαγές που γίνονται στο BE
μπαίνουν σε αναμονή για δημοσιοποίηση
- για εργασιακό χώρο, διεργασίες (workflow)
- μπορεί να εμπλέκονται πολλοί ρόλοι ανάλογα με τη
δομή της εταιρείας

17. Περιπτώσεις χρήσης Χώρων Εργασίας
 Εταιρεία με διεργασίες (workflows):
καθένας εγκρίνει κάτι και το προωθεί
π.χ. υπάλληλος σε τμηματάρχη, τμηματάρχης σε
διευθυντή κλπ.
Εφημερίδα:
τα άρθρα ελέγχονται ως προς την ορθότητα, το ύφος
κλπ. πριν δημοσιευτούν
Γιορτές, Χριστούγεννα, Πάσχα:
αλλαγή εικόνων, λογότυπων (επιλογή “swap”)
Η ιστοσελίδα σας:
έλεγχος εμφάνισης και λειτουργίας πριν τη
δημοσιοποίηση π.χ. δουλεύουν τα link;

18. Εργαλείο Διαχείρισης Χώρων Εργασίας
(Workspace Module)
O Admin μπορεί να βλέπει όλα τα
O Admin μπορεί να βλέπει όλα τα
workspaces (live, draft, custom)
workspaces (live, draft, custom)
Επιλέγουμε το εργαλείο
Επιλέγουμε το εργαλείο
(module)
(module)
show log
show log

19. Επιλογή Ιστορικού Εγγραφής (Show Log) για
μεμονωμένη αλλαγή
Πληροφορίες: Ημερομηνία,
Πληροφορίες: Ημερομηνία,
Ώρα, Παλαιότητα, Χρήστης,
Ώρα, Παλαιότητα, Χρήστης,
Σελίδα και Αλλαγές / /
Σελίδα και Αλλαγές
Διαφορές
Διαφορές

20. Χώροι Εργασίας (Workspaces) στην πράξη
Ο Editor δουλεύει / κάνει αλλαγές σε κάποια σελίδα.
Μόλις τελειώσει επιλέγει το Workspace Module και αλλάζει
την κατάσταση (state) της αλλαγής του σε “Review” (ανάλογα
με το σχήμα, μπορεί στο εξής να χάσει την πρόσβαση στη
συγκεκριμένη αλλαγή)
Ο Reviewer βλέπει την αλλαγή, την ελέγχει και
εάν την εγκρίνει αλλάζει την κατάσταση σε
“Publish”
Ο Publisher, εγκρίνει με τη σειρά του και
επιλέγει τελικά τη Δημοσίευση (Publish)
της αλλαγής ή την Απόρριψή της
(Reject)

21. Χώρος Εργασίας & Διατήρηση Εκδόσεων
 Οι Χώροι Εργασίας (Workspaces) στην
ουσία εκτελούν τη Διατήρηση Εκδόσεων
(Versioning)
 Υπάρχει και το εργαλείο χρήστη
Διατήρηση Εκδόσεων (Versioning)
(αριστερό μενού)
 Η Διατήρηση Εκδόσεων έχει να κάνει με
την κάθε σελίδα του ισοτόπου, ενώ ο
Χώρος Εργασίας αναφέρεται συνολικά
στις αλλαγές

22. Διατήρηση Εκδόσεων (Versioning)
 Διατηρείστε τις προηγούμενες εκδόσεις της ιστοσελίδας σας
 Προστατευτείτε από τους «απρόβλεπτους» χρήστες!

23. Πρότυπα (Templates) & TemplaVoila
 Τα πρότυπα (templates) είναι το πως «ντύνουμε»
την ιστοσελίδα, καθώς επίσης και τι δομή ή
μορφή της δίνουμε
 Το TemplaVoila είναι ένα εύχρηστο και εποπτικό
εργαλείο διαχείρισης των προτύπων

24. Αλλαγή του Προτύπου μέσω του Quixplorer
Κάνουμε
Κάνουμε
αλλαγές στον
αλλαγές στον
HTML κώδικα
HTML κώδικα

25. Εργαλείο TemplaVoila
Template
Template
Κατηγορίες που
που
Κατηγορίες
βάσει χρειάζεται
χρειάζεται
βάσει
μορφής remapping
remapping
μορφής
1) Επιλέγουμε
1) Επιλέγουμε
το εργαλείο
το εργαλείο
(module)
(module)
2) Επιλέγουμε
2) Επιλέγουμε
το χώρο
το χώρο
αποθήκευσης
αποθήκευσης
των templates
των templates

26. Επικαιροποίηση Αντιστοίχισης (Update mapping)

27. Αντιστοίχιση (Re-Map)

28. TypoScript
 TYPO3’s unique, powerful configuration language
 Ex: Menu Configuration
lib.mainMenu = HMENU lib.mainMenu = HMENU
lib.mainMenu { lib.subMenu = HMENU
lib.mainMenu.entryLevel = 0 lib.subMenu {
special = list
lib.mainMenu.wrap = <ul>|</ul> wrap = <ul id="cats">|</ul>
special.value = 6,1,22,8,1,3,7
lib.mainMenu.1 = TMENU entryLevel = 1
1 = TMENU
lib.mainMenu.1.NO { 1 { 1 = TMENU
allWrap = <li>|</li> NO.wrapItemAndSub ( 1 {
} <li id="mill">|</li> || NO.allWrap = <li>|</li>
<li id="purse">|</li> || NO.stdWrap.htmlSpecialChars =
lib.mainMenu.1.ACT = 1 <li id="milk">|</li> || 1
lib.mainMenu.1.ACT { <li id="notebook">|</li> || ACT = 1
allWrap = <li class="first">|</li> <li id="bottle">|</li> || ACT.stdWrap.htmlSpecialChars
} <li id="scissors">|</li> || = 1
<li id="books">|</li> ACT.allWrap = <li
) class="active">|</li>
}
}
NO.stdWrap.wrap = <span class="label">|</span>
NO.ATagParams = onmouseover="show(this);" onmouseout="hide(this);"
}

29. Extensions
 Installable packages developed by the community
 More than 4000 extensions available
 News, Front-End Editing, eShops, Comments,
Galleries, Email Marketing, eLearning, Forums
graphs
frontend editing
comments

30. Extensions: DAM
 Digital Asset Management (DAM)
 Images, docs, etc
 Metadata/other info
 Categories
 API

31. Extension Development :)
 FLOW3 Object-Oriented PHP framework
 MVC Framework similar to Java Struts2
 “Domain-driven design”
 Fluid Template Engine

32. Extension Development 
A closer look…
Creating a Post

33. Extension Development 
A closer look…
Creating a Post

34. Extension Development 
A closer look…
Creating a Post

35. Extension Development 
A closer look…
Creating a Post

36. Extension Development 
 FLOW3 continued
 ObjectManager, Reflection API, Security Framework,
AOP, Dependency Injection, Resource Manager,
transparent Persistence Layer, Validation Module
 TYPO3 v5 will be based on FLOW3
 For now, Extbase/“ExtMVC”
 Extension Kickstarter
 Very new framework

37. Demo Install
1. Install Tool
2. Map a template with TemplaVoila
3. Create a menu with TypoScript
4. Add content
Before: unpacked TYPO3 source, mysql user

38. TYPO3 EXAMPLE SITES

39. Showcase: “SmartVisit”
 Virtual Classroom
 Integration with web
services
 Asset management
 CMS-defined personalized
messages
www.msichicago.org

40. INTRANET

41. 3ο Συνέδριο Κοινοτήτων Ανοιχτού Λογισμικού FOSSCOMM 2010
Θεσσαλονίκη, 24-25 Απριλίου 2010
ΣΥΣΤΗΜΑ ΔΙΑΧΕΙΡΙΣΗΣ ΔΙΚΤΥΑΚΟΥ ΠΕΡΙΕΧΟΜΕΝΟΥ
Παναγιώτης Κονταξής
Κωνσταντίνος Μερσινάς
Christine Gerpheide