Beat's French slides from Joomladay France 2013 talk

1. Community Builder
Plus qu’un simple produit de site social…
JoomlaDay France 2013,Toulouse, 24 mars 2013

2. 2.05.13 © Joomlapolis.com 2004-2013 2
Conclusion
Community Builder™ n'est pas juste un produit.
Community Builder est un outil web puissant:
●
Un Framework Libre, une API simple
●
Une architecture modulaire: des plugins CB
●
Des fonctionalités étendues
●
Une méthodologie et de l'innovation
●
Une grande communauté fair-play
●
Une grande compatibilité Joomla
2

3. 2.05.13 © Joomlapolis.com 2004-2013 3
Au menu du jour…
●
Introduction à CB, CB PRO et CBSubs
●
Le logiciel Libre
●
Valeurs et objectifs
●
L'approche Framework
●
L'approche Intégration
●
Community Builder™ (en bref): Fonctionalités, architecture, API
●
Plugins CB: Connect, Activity, Auto-Actions, GroupJive™, CBSubs™
●
Templates
●
CB PRO et Community Builder 2.0
3

4. 2.05.13 © Joomlapolis.com 2004-2013 4
Introduction CB, CB PRO et CBSubs
● Community Builder permet de …
● Gérer les membres / utilisateurs dès leur enregistrement (workflows)
● Gérer leur profils, connections et champs de profils, listes, messages
● Gérer leurs activités de forum et connexions depuis leurs profils
● CB PRO (ou CB + add-ons) permet en plus de …
● Gérer l'enregistrement depuis et les liens vers les réseaux sociaux
● Afficher les activités, blogger, commenter les profils, murs
● Photos, vidéos, fichiers sur profils
● Gestion de groupes organiques, et bien bien plus …
● CBSubs permet de gérer en plus les …
● Niveaux de membres, paiements, abonnements, dons et produits
100 % Libre GPL !

5. 2.05.13 © Joomlapolis.com 2004-2013 5
Valeurs et objectifs
● Une communauté forte et libre
● Fair-play, Fair trade, Respect, Ouverture
● Respect Privacité mais pas de secrets
● L'écoute, la réflexion, la discussion, et la réalisation
● Des solutions très très flexibles et extensibles:
● Généralisation des besoins
● Intégration très poussée des fonctions
● Richesse des fonctions

6. 2.05.13 © Joomlapolis.com 2004-2013 6
L'approche Framework
Entre autres…: Fields, tabs,
apps
Empower your
users
Subscribe for
privileges
Motivate
participation
Joomla, Kunena,
uddeIM +++
Facebook,
Twitter, Linkedin,
Google+, Live
Auto actions
CB
Framework
User
Profiles
Organic
Groups
Paid
Member
s
Activity
Streams
CB Connect
Integra
-tions

7. 2.05.13 © Joomlapolis.com 2004-2013 7
L'approche Intégration
● CB est avant tout un puissant outil d'intégration d'applications
● Centré sur l'utilisateur
● Beaucoup
d'extensions
intègrent
avec CB
● Exemples:
(il y en a +++)
Community
Builder
Community
Builder
Forum
(Kunena)
Forum
(Kunena)
Messaging
(uddeIM)
Messaging
(uddeIM)
CCK
(K2)
CCK
(K2)
Directory
(moseTree)
Directory
(moseTree)
Newsletter
(AcyMailing)
Newsletter
(AcyMailing)
Blog
(easyblog)
Blog
(easyblog)
Comment
(komento)
Comment
(komento)
Events
AllEvents
Events
AllEvents

8. 2.05.13 © Joomlapolis.com 2004-2013 8
La Communauté CB
 594’000+ membres sur joomlapolis.com
 >2’000’000 sites (source: google search url)
– La communauté: c’est le centre, la force de CB
 CBWorkgroups:
– Testing,Translation, Developers
 CBTeam:
– 3 professionnels dédiés à plein temps (Beat, Nick, Kyle)
– Deux dizaines de bénévoles,
– Une demi-douzaine de mandataires
21 mars 2010
Community Builder™, © 2004-2010 -
www.joomlapolis.com
8

9. 2.05.13 © Joomlapolis.com 2004-2013 9
CB: Architecture modulaire, extensible
21 mars 2010
Community Builder™, © 2004-2010 -
www.joomlapolis.com
9

10. 2.05.13 © Joomlapolis.com 2004-2013 10
CB: API: Exemples
 Get unique User handle:
– $cbUser = CBuser::getInstance( (int) $user_id );
 Get user’s profile data (raw):
– $user = $cbUser->getUserData();
 Get user’s profile field, rendered in html for display:
– $html = $cbUser->getField( 'avatar' );
 Get user’s profile field, rendered as exportable data:
– $data = $cbUser->getField( 'avatar’, null, ‘csv’ );
 Get a given tab of the user profile:
– $html = $cbUser->getTab( (int) $tab_id );
 Get all tabs rendered of a given position on the user profile:
– $html = $cbUser->getPosition( 'center' );
 Get all positions rendered, indexed:
– $userViewTabs= $cbUser->getProfileView();
 Render whole profile using CB template:
– $html = HTML_comprofiler::_cbTemplateRender( $cbTemplate, $user, 'Profile',
'drawProfile', array( &$user, &$userViewTabs ), $output );
3/4/2011 © Joomlapolis - 2010 10

11. 2.05.13 © Joomlapolis.com 2004-2013 11
CB: Extensibilité: ses plugins
100 plugins du CBTeam (Etat 3.2013. 3.2011: 35, 3.2010: 12 !)
 Et 180+ autres plugins
 Installable (y.c. upgrades sans dé-installation)
 4 types de plugins:
– Extensions CB tabs et field-types
(peuvent être des combos tabs + field-types)
– CB langues
– CB templates
– Intégrations
21 mars 2010
Community Builder™, © 2004-2010 -
www.joomlapolis.com
11

12. Plugins CB Team: Advanced

15. Plugins Professional (Incubator)

20. 2.05.13 © Joomlapolis.com 2004-2013 20
GroupJive: Des groupes organiques
● Catégories
et sous-catégories
à l'infini:

21. 3/4/2011 21© Joomlapolis – 2005 - 2013

28. CB Activity

29. CB Connect

31. 3/4/2011 © Joomlapolis – 2005 - 2013 31
More
CB Connect: Facebook LiveStream
 Add Facebook Gadgets to your
profiles!
© Joomlapolis - 2010 31

32. Auto Actions: 327 Events
• CB Frontend 42
• CB Backend 20
• CB Backend
& Frontend 20
• GroupJive 207
• CBSubs 26
• Activity 12

33. 42
CB Frontend
events
20
CB Backend
events
20
CB Front &
Back events
207
GroupJive
events
26
CBSubs
events
12
Activity
events
20 Actions types:

34. Action type Action list per type
CB Activity Adds new activity item
AcyMailing Subscribe, Unsubscribe, Remove, Pending
CBSubs GPL Subscribe, Renew, Unsubscribe, Delete
Code Method: HTML, PHP (eval), PHP (create_function), JS (inline), JS
(URL), jQuery, CSS (inline), CSS (URL), Header, Page Title, Pathway
(Breadcrumb)
Return: Silent, return echo, var_dump, print
Connection Direction: User to users, Users to user
Accept: Enabled, Disabled
Method: Normal CB, silent
Email Text/HTML email to recipients, w/o attachements
Field Operator: Set (Field = Value), Prefix (ValueField), Suffix (FieldValue),
Add (Field = Field + Value), Subtract (Field = Field – Value), Divide
(Field = Field / Value), Multiply (Field = Field * Value)
FlySpray Mode: Synchronize, Delete
Add Groups, Remove Groups
Auto Actions: 100+ Actions

35. Action type Action list per type
GroupJive Join Groups, Leave Groups, New Category, New Group
K2 Add K2 groups to users and field synchronization
Kunena Create forum category
Login/Logout Method: Username, Email
Private Message Sends private message from -> to users
Query SQL query to execute against internal or external database
Redirect Type: Message, Notice, Note, Attantion, Alert, Error
Registration Registration form submission
Request Method: Get, Post, XML, JSON
Usergroup Mode: Create Usergroup, Add, Replace, Remove
Add user to group: Yes. No
VirtueMart Keeps profile in sync, add/remove shopper usergroups
Auto Actions: More actions

36. 1ère mondiale: CB Privacy 2.0

37. CB Privacy Rules Management

38. Enabling privacy on birthdate

40. User/moderator disabling account

41. User/moderator deleting account

42. 3/4/2011 © Joomlapolis – 2005 - 2013 42
CBSubs™:
Plus que les paiements et que l’ACL

43. 2.05.13 © Joomlapolis.com 2004-2013 43
CBSubs™
 Une plateforme automatique de gestion de:
– Cotisations de souscriptions (multiples et récurrentes)
– Dons
– Vente annexe de produits
 Centrée sur la communauté et autour de membres
 Ajoutant des workflows pour le paiement à l’enregistrement
 Intégrée à Community Builder et native Joomla 1.5, 2.5, 3.0,
3.1
 ACL inclus, sans hacks !
 Multi-intégrations (+21 intégrations majeures)
 Multi-méthodes
21 mars 2010
Community Builder™, © 2004-2010 -
www.joomlapolis.com
43

44. 2.05.13 © Joomlapolis.com 2004-2013 44
Architecture
Joomlapolis - 2011 44

45. 2.05.13 © Joomlapolis.com 2004-2013 45
CBSubs™ : Fonctions
 Multiple Gateways de paiement et multiples PSPs
 Multiples types de Plans (abonnements, dons, marchandises)
– Durées (1ère période différente possible)
– Période de tolérance (période de grâce)
– Prix (1ère période différente possible: essai gratuit, etc)
– Paiements Auto-récurrents avec activation/déactivation auto.
– Nombre de récurrences autorisées et ce qui se passe après
– 21 Intégrations (actions de début/fin des abonnements)
 Gestion automatique des abonnements
– Date début, fin, renouvellements, etc.
 Gestion automatique des paiements, y compris des disputes
– Status, notification, logs de chaque changement et action,
etc.
Joomlapolis - 2011 45

46. 3/4/2011 © Joomlapolis – 2005 - 2013 46
More
CBSubs™: Caractéristiques des plans -1
 Présentation:
– Hierarchies avec sous-plans
– Plans exclusifs (radio) ou non
– Textes de tites et description
– Templates MVC par plan
 Upgrades:
– Upgrades d’un plan à un autre
– Pro-rating: valeur résiduelle
 Comportement:
– Emails et textes de workflows
– Champs CB Cachés/Montrés
– Confirmation email / Approbation
– Accès ACL, Upgrade ACL Joomla
Joomlapolis - 2011 46

47. 3/4/2011 © Joomlapolis – 2005 - 2013 47
More
CBSubs™: Caractéristiques des plans -2
 Prix et durées
– Monaies, taux de conversion ECB
– Paiements simples et/ou auto.
– Règles deTVA
 Intégrations d’accès:
– Accès aux articles / catégories
– Accès aux menus
– Affichage des modules
– Accès aux composants
 Intégrations d’actions:
– Champs CB, Emails, Requêtes SQL, URL, Images
 Intégrations composants:
– Virtuemart, EventList, DocMAN, Remository, jAwards, AlphaUserPoints,
iDevAf, PostAfPro, GoogleAnalytics, Plan Images, …
Joomlapolis - 2011 47

48. 2.05.13 © Joomlapolis.com 2004-2013 48
CBSubs™: Centre des Paiements
 Le centre des paiements montre l’activité sur 7 jours:
●
Nombre de transactions, Paiements,
●
Nouveux Enregistrements, Upgrades, Renouvellements
3/4/2011 © Joomlapolis - 2010 48

49. 2.05.13 © Joomlapolis.com 2004-2013 49
CBSubs™ : Administration
21 mars 2010
Community Builder™, © 2004-2010 -
www.joomlapolis.com
49
DEMO

50. 2.05.13 © Joomlapolis.com 2004-2013 50
CBSubs™ : Utilisation
21 mars 2010
Community Builder™, © 2004-2010 -
www.joomlapolis.com
50
DEMO

51. 3/4/2011 © Joomlapolis – 2005 - 2013 51
More
CBSubs™: Architecture
© Joomlapolis - 2011 51

52. 3/4/2011 © Joomlapolis – 2005 - 2013 52
More
CBSubs™: Protection (ACL)
© Joomlapolis - 2011 52
Article
Component
Module
URL-parts

53. 3/4/2011 © Joomlapolis – 2005 - 2013 53
More
CBSubs™: Protection d’ Articles Joomla
 Intro peut être montrée, comme “teaser”:
Joomlapolis - 2011 53

54. 3/4/2011 © Joomlapolis – 2005 - 2013 54
More
CBSubs™: Protection de Modules
 Hiding a module
Joomlapolis - 2011 54
Le plan payant a
des modules
supplémentaires Le plan gratuit
ne les a pas

55. 3/4/2011 © Joomlapolis – 2005 - 2013 55
More
CBSubs™: Protection de Composants
 Even if user knows direct URL to component, CBSubs™ will
not allow access with needed subscription.
Joomlapolis - 2011 55

56. 3/4/2011 © Joomlapolis – 2005 - 2013 56
More
CBSubs™: Protection d’URL-parts protection
 Can be used to protect access to specific URL defined
functions of a component. Example: Kunena forum
categories!
Joomlapolis - 2011 56

57. 2.05.13 © Joomlapolis.com 2004-2013 57
CBSubs™ : How content protection works
Joomlapolis - 2011 57
Control access to any CMS
content element!

58. 3/4/2011 © Joomlapolis – 2005 - 2013 58
More
CBSubs™ : How integration works
 CBSubs™ plan subscriber will be automatically added to 2
DOCman groups when subscription starts and will be
automatically removed when subscription ends.
Joomlapolis - 2011 58

59. 2.05.13 © Joomlapolis.com 2004-2013 59
CBSubs™ : Emails automatiques
Intégration AcyMailing:
Joomlapolis - 2011 59

60. 3/4/2011 © Joomlapolis – 2005 - 2013 60
More
CBSubs™ : CBTabs / Fields protection
 Specify who sees what, where and when!
Joomlapolis - 2011 60
Must be a Plan A
subscriber to see a
specific CB field/tab
in his profile
Must be a Plan B
subscriber to see a
CB field / tab in
someone else’s
profile
CBSubs™:

61. 2.05.13 © Joomlapolis.com 2004-2013 61
CBSubs™ :The documentation
 Quality
 500+ pages
 Very detailed
 Many use cases presented
 Hundreds of pictures
 Special forum for doc suggestions
Joomlapolis - 2011 61

62. 2.05.13 © Joomlapolis.com 2004-2013 62
CBSubs™ : Summary
 CBSubs™ is a powerhouse tool that can:
– Transform you Joomla site into a money making machine by
enabling content for money type subscriptions
– Protect any Joomla content and charge a subscription fee to
access
– Manage your membership subscriptions automatically
granting or revoking privileges when needed
– Sell your merchandise items
– Collect your donations
– Integrate with many key Joomla extensions
62Joomlapolis - 2011

63. 2.05.13 © Joomlapolis.com 2004-2013 63
Templates : La Vitesse « V » pour J!3
Les templates les plus rapides de Joomla! :
21 mars 2010
Community Builder™, © 2004-2010 -
www.joomlapolis.com
63

64. 2.05.13 © Joomlapolis.com 2004-2013 64
CB PRO: Un installeur préconfiguré
● Un installeur / upgradeur Joomla préconfiguré

65. CB Package builder: Select Joomla

66. Select CB component and add-ons

67. CB PRO ou créez votre preset

68. 2.05.13 © Joomlapolis.com 2004-2013 68
CB 2.0: 80% est dans CB PRO
● Une évolution compatible:
● CB 2.0 est une évolution en douceur
● CB 2.0, vous en avez 80% aujourd'hui avec CB PRO.
● Ce qu'il y aurra en plus:
● Nouvelle implémentation spécification de l'administration
● nouvelles librairies
● nouveaux templates extensibles (et 100% responsifs)
● Joomla 2.5+
CB 1.x CB PRO 1.x CB 2.0+add-ons = +admin+templates =

69. More
Traditional design
●
Specify
●
Design
●
Implement
(in MVC)
69© Joomlapolis - 2012
…Unrelated !

70. More
Community Builder 2.0
 5Years of research
at Lightning Labs!
70© Joomlapolis - 2012
✔
Related !

71. 2012-05-20 71© Joomlapolis - 2012
NO Implementation!
No <?PHP ?> code!
No <script /> code!
No SQL queries!
Look Ma !

72. INTRODUCING…
AHA?
© Joomlapolis - 2012 72
Automatic
Homogenous
Applications
Web
Optimized
Workflows? !
WOW!™

73. AHA? …Compare… WOW!
Classical (H)MVC:
 Model +View + Controller
implementation
 + Helpers
 and Javascript helpers
 Not hierarchical
 Not agonistic
 Lot of “COPY-PASTE”
code
 Lot of layouting
 Not formal
AHA?WOW!™ MVC:
 Specification only
 Hierarchical – MVC
 Agonistic
 No specific code (or very little)
 Formal
© Joomlapolis - 2012 73

74. AHA?WOA!
So……?
…The 2’ Example:
Currency rates browser
© Joomlapolis - 2012 74

75. More
❶ Model:
<model name="currencies">
<table name="#__currencies" />
<class name="Currencies" />
</model>
<table name="#__currencies" class="Currency">
<columns>
<column name="id" type="sql:int(11)" label="Currency Id" />
<column name="base_currency" type="sql:varchar(3)" label="Base currency" />
<column name="currency" type="sql:varchar(3)" label="Target currency" />
<column name="rate" type="sql:float" null="true" label="Exchange rate" />
</columns>
</table>
75© Joomlapolis - 2012
This installs / upgrades database !

76. More
❷ Controller:
<action name="show_currencies" request="view" requestparams="showcur" >
<showview view="showcurrencies" mode="show">
<model name="currencies">
</showview>
</action>
76© Joomlapolis - 2012
Controller links Model with View

77. More
❸ View:
<view name="showcurrencies" type="params" ui="admin" label="Currencies">
<tablebrowser name="currenciesbrowser" label="Currency exchange rates">
<listfields>
<rows type="standard" height="auto" limit="15" >
<field name="" type="rownumber" width="20px" align="right" label="#" />
<field name="id" type="primarycheckbox" width="20px" />
<field name="currency" type="string" width="10%" label="Currency" />
<field name="base_currency" type="string" width="30%" label="Base currency" />
<field name="rate" type="float" width="30%" label="Exchange rate" />
<field name="id" type="int" width="20%" label="Id" />
</rows>
</listfields>
</tablebrowser>
</view>
77© Joomlapolis - 2012
Views define Items to display & Layout

78. THERESULT
 The result:
© Joomlapolis - 2012 78

79. 79© Joomlapolis - 2012
CBSubs GPL 3.0
uses already
AHA?WOW!™
CB 2.0 too !

80. CBSubs Administration: 0 lines of specific code
2012-05-20 © Joomlapolis - 2012 80
 6900 lines of specifications (core CBSubs CB plugin) only
– 41 controllers
– 50 views
– 56 models
– 397 “queries”
– 650 settings

81. CB 2.0 uses AHA?WOW!™ & Bootstrap!
2012-05-20 © Joomlapolis - 2012 81

82. 2.05.13 © Joomlapolis.com 2004-2013 82
Introduction
Community Builder™ n'est pas juste un produit™ pour un
réseau social. C'est:
● Un Framework Libre avec une API
● Une architecture modulaire
● Une méthodologie
● De l'innovation
● Une grande communauté fair-play
● Des fonctionalités étendues
● Une grande compatibilité
Community Builder est un outil web puissant

83. 3/4/2011 © Joomlapolis – 2005 - 2013 83
Il y a un atelier après le café…
Questions ?