This presentation was given at Magnolia Conference 2013 by Matteo Pelucco, Senior Software Engineer at Tinext: http://www.tinext.com. Matteo Pelucco presents a custom app developed specifically for Magnolia 5 that integrates social sharing features directly within the CMS. Thanks to a custom dashboard of the Social Media Hub, an editor can select content and share it over selected social networks accounts in a few clicks. The dashboard also keeps track of shared contents and presents insights. The app is a purely native in Magnolia 5's new AdminCentral UI and uses a customized UI based on Twitter Bootstrap. Some of the main features of the app: - Posting on multiple Twitter accounts or Facebook pages - Manual or automatic content sharing - Multilanguage support - URL shortening via Google service (other services are pluggable) - Automatic hash-tagging Sharing history Stats and insights (trends, like count, mentions, retweets) Community Edition based, portable to Enterprise Edition

1. A Magnolia 5 App that moves your content to social
networks and shows an aggregate view of your social
presence
Social Media Hub
Matteo Pelucco
September 18th, 2013

2. 2
Table of content
 A brief introduction
 Magnolia Social Hub at a glance
 Social networks trends: 2013
 Reasons
 Features
 Architecture
 DEMO
 Status of the project
 Future improvements
#mgnl_social_hub

3. 3
Table of content
 A brief introduction
 Magnolia Social Hub at a glance
 Social networks trends: 2013
 Reasons
 Features
 Architecture
 DEMO
 Status of the project
 Future improvements
#mgnl_social_hub

4. 4
A brief introduction: Tinext
 Who we are: Tinext
 Swiss company (Lugano/CH & Gallarate/IT)
 Founded in 2001
 Enterprise oriented solutions
 More than 500 projects
 40 employees
 Highlights
 www.alarabiya.net
 www.rsi.ch
 www.lausanne.ch
 www.lugano.ch
 www.ticino.ch
 www.royalcaribbean.it
www.tinext.com

5. 5
A brief introduction: Tinext and Magnolia
 We started to use Magnolia in 2008
 Version 3.5.8 (!!) + Magnolia OnAir (RSI, Radio and Television portal)
 Strong community presence that year 
 Premium Magnolia partner since 2009
 More than 60 Magnolia projects launched so far
 4.3.x EE
 4.4.x EE
 More than 40 Magnolia modules already released for our customer:
 Integration of external datasources, SAP, Funds solutions
 Custom dashboards for managing content / activities / workflows
 SVN browser, virtual URI, mirroring, Google Analytics spotlights..
 Jumping on Magnolia 5 train by the end of September
 We were waiting for EE!
 Community
 We are active in the Magnolia community (forum)
 A simple module already on the Forge: Frisbee

6. 6
A brief introduction: Who am I?
 Software engineer (senior?)
 32 years old
 I have been working for Tinext since 2007
 What I like:
 Opensource solutions
 Java + Spring
 Eclipse
 Javascript and CSS, JSON
 CMS ecosystem (not only Java!)
 High availability websites
 Leading technical teams
 What I also like
 Playing guitar
 Swim and run
 Power metal @matteopelucco

7. 7
Table of content
 A brief introduction
 Magnolia Social Hub at a glance
 Social networks trends: 2013
 Reasons
 Features
 Architecture
 DEMO
 Status of the project
 Future improvements
#mgnl_social_hub

8. 8
Magnolia Social Hub at a glance: reasons
 We decided to share something with the community.  Yes, it means CE
 Ok. But what?

9. 9
Social Media Stats
 Facebook
 Daily active users: 665 M
M = MILLLLLLION: 665.000.000 users. Per day.
 80% of the world’s internet population
 Twitter
 Is the fastes growing social network
 44% is the growth from June 2012 to March
2013
 21% of the world’s internet population
 Google +
 26% of the world’s internet population
 Linkedin
 15% of the world’s internet population
 But they are PRO.

10. 10
Magnolia Social Hub at a glance: reasons
 An existing working project
 That is always a good starting point!
 Al Arabiya team asked us to develop a Social Media Dashboard
 Basic functionalities:
 Share articles on Facebook, Twitter
 Manual account configuration
 Automatic hashtagging (simple)
 Other customers start to require the same functionalities
 Magnolia 5 has been released and the Conference was approaching..
 Ok, it is enough. Let’s do it!

11. 11
Magnolia Social Hub at a glance: reasons

12. 12
Magnolia Social Hub at a glance: reasons
 Which platform to use?
 We are still working on 4.3.x and 4.4.x branches, but we want to move to 5.x
 Need to find a way to use the same code on different Magnolia versions
 Magnolia 5 still supports old-but-gold Pages!
 Ok. Let’s do a Page App!
Mgnl 4.3
Mgnl 4.4
Mgnl 5.0

13. 13
Magnolia Social Hub at a glance: what we need
 Multiple social networks support
 Facebook
 Twitter
 Linkedin
 Google +
 Content sharing
 Manual
 Automatic, during activation
 Manual sharing of a text
 Title, text and picture override
 Multilanguage
 URL shortening
 Automatic hashtagging
 History of what we shared in the past
 Stats, of course! A lot of them..
 Configuration (developers like to configure everything!)

14. 14
Magnolia Social Hub at a glance: roadmap
 September ‘13: version 1.0 (CE)
 Stable overall architecture
 Ready for Magnolia Conference
 Development of all functionalities
 Availability on the Forge (yes, finally we did it!)
 October ‘13: version 1.1 (CE)
 Bug fixes, feedback from the community
 Small improvements
 November / December ‘13: version 2.0 (CE + EE)
 Linkedin
 Advanced stats (more and more stats)
 Integration with activation workflow
 Integrated url shortener
 Native Magnolia 5 App

15. 15
Magnolia Social Hub at a glance: architecture
 Maven module
 Standard Magnolia Module
 Pages
 Config

16. 16
Magnolia Social Hub at a glance: architecture
 Magnolia 5
 Pages launched
by 3 apps
 Magnolia 4.x
 Pages launched by AdminCentral Menu items

17. 17
Magnolia Social Hub at a glance: demo time!
 Stop PPTing.. Let’s see it in action!

18. 18
Table of content
 A brief introduction
 Magnolia Social Hub at a glance
 Social networks trends: 2013
 Reasons
 Features
 Architecture
 DEMO
 Status of the project
 Future improvements
#mgnl_social_hub

19. 19
Status of the project
 Time spent: 6 working days
 Ready for production
 Currently, developed against 5.0.1 CE
 Should be easily ported to 5.1 EE and easily backported to 4.3.x or 4.4.x
 Few small improvements to make, expecially for the UI
 The module is on the Forge
 http://git.magnolia-cms.com/gitweb/?p=forge/social-media-
hub.git;a=summary
 Please, download!
 Use it!
 And tell us what you need more!
 Wiki page
 http://wiki.magnolia-cms.com/display/WIKI/Social+Media+Hub

20. 20
Table of content
 A brief introduction
 Magnolia Social Hub at a glance
 Social networks trends: 2013
 Reasons
 Features
 Architecture
 DEMO
 Status of the project
 Future improvements
#mgnl_social_hub

21. 21
Future improvements
 Move from a JS solution to a Java solution
 This allows automatic content sharing during activation
 Issues with Twitter: sometimes, OAuth (1.1!!) token needs to be refreshed
(manual operation)
 More advanced Facebook Insights
 Export to PDF
 Automatic daily/weekly mail reports
 Other social networks support
 Google +, LinkedIn

22. 22
Future improvements
 Social network pluggability:
 Part of the code needs to be rewritten
 This will allow to inject other social networks «by-configuration» (IoC)
 In-page stats / sharing toolbar
 Code refactoring to have the same functionalities immediately available on
Magnolia 4.3 / 4.4
 Now there is a branch, few Java classes to change..
 Native Magnolia 5 App
 BOT posting
 automatically post/tweet from a list of text messages

23. 23
Q&A time
 Do you have any doubt? Now it is time to ask!
 Or during the coffee break / launch!
 If you prefer, you can contact me later:
 Email: matteo.pelucco@tinext.com
 Mobile: +39 347 4531281
 Skype: tinext_matteo_pelucco

24. Thank you for your attention.
Tinext SA
Strada Regina 42
6943 Bioggio
Switzerland
+41 91 612 22 66
info@tinext.com
www.tinext.com
Tinext Italia Srl
Via Borghi 8
21013 Gallarate
Italy
+39 0331 667 747