Your SlideShare is downloading. ×
0
Introduction   <ul><li>Name:  Anand Sharma </li></ul><ul><li>Company:  Satyam Computer Service Ltd. ,Bangalore </li></ul><...
Integrate Shindig with Joomla <ul><li>Agenda </li></ul>
<ul><li>Phonetic spelling for the Swahili word &quot;Jumla&quot;, which means &quot;all together&quot; or &quot;as a whole...
<ul><li>A short list of some important features of  Joomla  are the following: </li></ul><ul><li>Page Caching  </li></ul><...
<ul><li>Using the core framework, developers can easily build: </li></ul><ul><li>Integrated e-commerce systems </li></ul><...
Functional breakdown <ul><li>Joomla is divided into  two sub parts . They are </li></ul><ul><li>1] Administrator side. </l...
<ul><li>From administrator side of joomla we can keep control on whole website or  on whole application. </li></ul><ul><li...
<ul><li>user side of joomla is again divided into three parts </li></ul><ul><li>Templates </li></ul><ul><li>Components </l...
<ul><li>The template and its associated files provide the visual ‘ look and feel ’ of  your web site and are maintained se...
<ul><li>Components are core elements of Joomla!’s functionality and are displayed in the main body of the web site’s templ...
<ul><li>A Module is a small piece of content that can be displayed anywhere that your template allows. </li></ul><ul><li>M...
<ul><li>Opensource Apache project – implementation of OpenSocial and Gadgets specifications. </li></ul><ul><ul><li>Gadget ...
Shindig
<ul><li>APIs for building social applications running on the web </li></ul><ul><li>Applications use these APIs to provide ...
Shindig Features
OpenSocial Architecture Common Database Presentation Layer Gadget IFrame Services Layer Services Layer Gadget Services Ope...
Shindig in Action Running the application Request is made from Client Data is returned and rendered Application Installati...
Integrate Shindig  <ul><li>Purpose: </li></ul><ul><li>To make Joomla! an OpenSocial container by interfacing the CMS with ...
1]Step  <ul><li>Shindig Installation Checkout Shindig code  </li></ul><ul><li>svn co http://svn.apache.org/repos/asf/incub...
2]Step <ul><li>Download Joomla  http://developer.joomla.org/code.html </li></ul><ul><li>Install Joomla 1.5  http://www.sit...
3]Step   <ul><li>Create Module or Component of OpenSocial </li></ul><ul><li>Write Module for Opensocial  </li></ul>
3]Step  contd. <ul><li>Purpose of mod_opensocial  </li></ul><ul><li>1. Login </li></ul><ul><li>2. Sign Up </li></ul><ul><l...
Flow   Shindig Joomla Mod_opensocial Database
4]Step <ul><li>Implement All service classes of shindig  1. JoomlaPeopelService.php  2. JoomlaAppDataService.php  3. Jooml...
4]Step  contd. <ul><li>Modify  </li></ul><ul><li>shindig/php/config/container.php  // custom data handlers for the J! Envi...
5]Step  <ul><li>Alter Joomla tables or create new table  to store OpenSocial gadgets and their preferences  New Tables to ...
Login Page
Sign Up Page
OpenSocial Logged In
Gadget Display
Demo  <ul><li>Demo Of OpenSocial In Joomla </li></ul>
Joomla Resources <ul><li>Project Site:  http://www.joomla.org  </li></ul><ul><li>Demo Site:  http://demo.joomla.org  [fron...
<ul><li>The official website is :  www.joomla.org </li></ul><ul><li>Visit this for all detailed information, recent releas...
Open Source Rocks!!!   Thank YOU
<ul><li>The official website is :  http://joomla.org/  </li></ul><ul><li>Visit this for user-manual and some presentation ...
OpenSocial resources <ul><li>http://www.opensocial.org </li></ul><ul><li>Specification http://code.google.com/apis/opensoc...
Contact Me <ul><li>anandkumar_sharma[AT]satyam[DOT]com </li></ul><ul><li>anandkumarsharma11[AT]gmail[DOT]com </li></ul><ul...
Upcoming SlideShare
Loading in...5
×

Integrate Shindig with Joomla

4,409

Published on

This Ppt will give you idea how to integrate shindig with Joomla or any CMS. It was presented at PHPCamp, Pune, on Sept.'20th, 2008.

Published in: Education, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,409
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
89
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Agenda will be Introduction to joomla Introduction to shindig Integrating shindig with Joomla
  • Transcript of "Integrate Shindig with Joomla"

    1. 1. Introduction <ul><li>Name: Anand Sharma </li></ul><ul><li>Company: Satyam Computer Service Ltd. ,Bangalore </li></ul><ul><li>Website: http://anandshahil11.wordpress.com </li></ul><ul><li>About Me: <?php </li></ul><ul><li>Cut or Copy , Paste and Modify With License  </li></ul><ul><li>That’s how I promote Open Source. </li></ul><ul><li>?> </li></ul>
    2. 2. Integrate Shindig with Joomla <ul><li>Agenda </li></ul>
    3. 3. <ul><li>Phonetic spelling for the Swahili word &quot;Jumla&quot;, which means &quot;all together&quot; or &quot;as a whole“ </li></ul><ul><li>Open source application </li></ul><ul><li>CMS (Content Management System) </li></ul><ul><li>Completely database driven via PHP and MySQL </li></ul><ul><li>Extremely extensible via the use of components, modules, etc. </li></ul><ul><li>Browser based application (compatible with either Internet Explorer or Firefox or Opera) </li></ul>What is joomla ?
    4. 4. <ul><li>A short list of some important features of Joomla are the following: </li></ul><ul><li>Page Caching </li></ul><ul><li>Web Indexing </li></ul><ul><li>RSS Feeds </li></ul><ul><li>Printable Page Versions </li></ul><ul><li>Newsflashes </li></ul><ul><li>Blogs </li></ul><ul><li>Forums </li></ul><ul><li>Polls </li></ul><ul><li>Calendars </li></ul><ul><li>Website Searching </li></ul><ul><li>Language Internationalization </li></ul><ul><li>Online commerce </li></ul><ul><li>the possibilities are limitless… </li></ul>What is joomla ?
    5. 5. <ul><li>Using the core framework, developers can easily build: </li></ul><ul><li>Integrated e-commerce systems </li></ul><ul><li>Inventory control systems </li></ul><ul><li>Data reporting tools </li></ul><ul><li>Custom product catalogues </li></ul><ul><li>Complex business directories </li></ul><ul><li>Reservation and booking systems </li></ul><ul><li>Communication tools </li></ul><ul><li>Application bridges </li></ul><ul><li>or any kind of application to suit a unique need. </li></ul>Joomla for Developers
    6. 6. Functional breakdown <ul><li>Joomla is divided into two sub parts . They are </li></ul><ul><li>1] Administrator side. </li></ul><ul><li>2] User side. </li></ul>
    7. 7. <ul><li>From administrator side of joomla we can keep control on whole website or on whole application. </li></ul><ul><li>From administrator side we can do following : </li></ul><ul><li>create & delete components. </li></ul><ul><li>create & delete modules. </li></ul><ul><li>create new user & delete and update existing user. </li></ul><ul><li>display banners, create new banners. </li></ul><ul><li>create & publish the news. </li></ul><ul><li>create menu and submenus. </li></ul><ul><li>create static contents & publish it. </li></ul><ul><li>change a existing template. </li></ul><ul><li>install components. </li></ul><ul><li>customize front page. </li></ul><ul><li>block the access of user. </li></ul>1] Administrator side
    8. 8. <ul><li>user side of joomla is again divided into three parts </li></ul><ul><li>Templates </li></ul><ul><li>Components </li></ul><ul><li>Modules. </li></ul>2] User side
    9. 9. <ul><li>The template and its associated files provide the visual ‘ look and feel ’ of your web site and are maintained separately from the web site content. </li></ul><ul><li>This is stored in a MySQL database. </li></ul><ul><li>In Joomla there are two preinstall templates they are </li></ul><ul><li>1] madeyourwe b </li></ul><ul><li>2] rhuk_solaflare_ii. </li></ul><ul><li>Template files are located in the templates folder, in the root directory </li></ul>1 ] Templates
    10. 10. <ul><li>Components are core elements of Joomla!’s functionality and are displayed in the main body of the web site’s template . </li></ul><ul><li>The code for the main body will appear in the template as follows : </li></ul><ul><li><?php mosMainBody(); ?> </li></ul><ul><li>Components are used for complex functionality . </li></ul><ul><li>We can call only one component at a time . </li></ul><ul><li>Single component can be used on multiple pages. </li></ul>2 ] Components
    11. 11. <ul><li>A Module is a small piece of content that can be displayed anywhere that your template allows. </li></ul><ul><li>Modules extend the capabilities of Joomla giving the software new functionality. </li></ul><ul><li>We can call multiple modules on a single web page. </li></ul><ul><li>Single module can be used on multiple pages. </li></ul>3 ] Modules
    12. 12. <ul><li>Opensource Apache project – implementation of OpenSocial and Gadgets specifications. </li></ul><ul><ul><li>Gadget Container JavaScript -- core JavaScript foundation for general gadget functionality. </li></ul></ul><ul><ul><li>Gadget Server – renders the gadget XML into JavaScript and HTML </li></ul></ul><ul><ul><li>OpenSocial Container JavaScript -- OpenSocial specific functionality (profiles, friends, activities, datastore) </li></ul></ul>Shindig
    13. 13. Shindig
    14. 14. <ul><li>APIs for building social applications running on the web </li></ul><ul><li>Applications use these APIs to provide social-aware functionality </li></ul><ul><ul><li>These application could be written using Gadget Specification ! </li></ul></ul><ul><li>Social websites that implement these OpenSocial APIs are called OpenSocial Containers </li></ul><ul><li>Provides a standardized way for web-applications to access social information from any OpenSocial container </li></ul><ul><ul><li>Write Once Run Anywhere (i.e. on any OpenSocial capable container) </li></ul></ul>OpenSocial Specification
    15. 15. Shindig Features
    16. 16. OpenSocial Architecture Common Database Presentation Layer Gadget IFrame Services Layer Services Layer Gadget Services OpenSocial Services Social Application Customized Shindig
    17. 17. Shindig in Action Running the application Request is made from Client Data is returned and rendered Application Installation Gadget XML is loaded and cached on OpenSocial Container Gadget XML Source
    18. 18. Integrate Shindig <ul><li>Purpose: </li></ul><ul><li>To make Joomla! an OpenSocial container by interfacing the CMS with Shindig. </li></ul><ul><li>It would be easy way to plug additional functionality into joomla without having to develop a lot of extra features. </li></ul>
    19. 19. 1]Step <ul><li>Shindig Installation Checkout Shindig code </li></ul><ul><li>svn co http://svn.apache.org/repos/asf/incubator/shindig/trunk/ Install Shindig http://www.chabotc.com/guides/shindig_install/ </li></ul>
    20. 20. 2]Step <ul><li>Download Joomla http://developer.joomla.org/code.html </li></ul><ul><li>Install Joomla 1.5 http://www.siteground.com/tutorials/joomla/joomla_administration.htm </li></ul><ul><li>http://help.joomla.org/content/view/1943/306/ </li></ul>
    21. 21. 3]Step <ul><li>Create Module or Component of OpenSocial </li></ul><ul><li>Write Module for Opensocial </li></ul>
    22. 22. 3]Step contd. <ul><li>Purpose of mod_opensocial </li></ul><ul><li>1. Login </li></ul><ul><li>2. Sign Up </li></ul><ul><li>3. Add Gadgets </li></ul><ul><li>4. Run Gadget </li></ul>
    23. 23. Flow Shindig Joomla Mod_opensocial Database
    24. 24. 4]Step <ul><li>Implement All service classes of shindig 1. JoomlaPeopelService.php 2. JoomlaAppDataService.php 3. JoomlaActivityService.php 4. JoomlaMessageService.php </li></ul>
    25. 25. 4]Step contd. <ul><li>Modify </li></ul><ul><li>shindig/php/config/container.php // custom data handlers for the J! Environment </li></ul><ul><li>'people_service' => 'JoomlaPeopleService', </li></ul><ul><li>'activity_service' => 'JoomlaActivitiesService', </li></ul><ul><li>'app_data_service' => 'JoomlaAppDataService', </li></ul><ul><li>'messages_service' => 'JoomlaMessagesService', </li></ul><ul><li>'extension_class_paths' => JPATH_LIBRARIES . DS . 'shindig' . DS . 'classes’ </li></ul>
    26. 26. 5]Step <ul><li>Alter Joomla tables or create new table to store OpenSocial gadgets and their preferences New Tables to be added 1.user 5.gadget 2.user_relation 6.activity_streams 3.user_profile 7.activity 4.application_data </li></ul>
    27. 27. Login Page
    28. 28. Sign Up Page
    29. 29. OpenSocial Logged In
    30. 30. Gadget Display
    31. 31. Demo <ul><li>Demo Of OpenSocial In Joomla </li></ul>
    32. 32. Joomla Resources <ul><li>Project Site: http://www.joomla.org </li></ul><ul><li>Demo Site: http://demo.joomla.org [front end - the users view] </li></ul><ul><li>Demo Site: http://demo.joomla.org/administrator [back end - administrative tool (use &quot;admin&quot; as log in name and password)] </li></ul><ul><li>End-User Documentation: http://help.joomla.org </li></ul><ul><li>Developer Network: http://dev.joomla.org </li></ul><ul><li>Extension Directory: http://extensions.joomla.org </li></ul><ul><li>Content above taken directly from: www.opensourcematters.org </li></ul><ul><li>GNU General Public License: http://www.gnu.org/copyleft/gpl.html </li></ul><ul><li>Joomla Testing & Development Process: http://dev.joomla.org/content/view/39/63 / </li></ul><ul><li>Joomla 1.5 Roadmap: http://dev.joomla.org/content/view/23/61/ </li></ul>
    33. 33. <ul><li>The official website is : www.joomla.org </li></ul><ul><li>Visit this for all detailed information, recent releases, more & more extensions including templates, components, Modules, Plug-ins, </li></ul><ul><li>recent patches, latest news about joomla etc. </li></ul>More details on Joomla
    34. 34. Open Source Rocks!!! Thank YOU
    35. 35. <ul><li>The official website is : http://joomla.org/ </li></ul><ul><li>Visit this for user-manual and some presentation files (e.g. Joomla 1.5) </li></ul>Joomla help files
    36. 36. OpenSocial resources <ul><li>http://www.opensocial.org </li></ul><ul><li>Specification http://code.google.com/apis/opensocial </li></ul><ul><li>http://code.google.com/opensocial </li></ul><ul><li>http://code.google.com/p/opensocial-resources </li></ul><ul><li>Sandboxes http://developer.myspace.com/ http://www.hi5networks.com/developer/ http://opensocial.ning.com/ http://pulse.plaxo.com/pulse/gadgets/ http://code.google.com/apis/orkut/ </li></ul><ul><li>For container developers http://opensocialapis.blogspot.com/2007/12/lets-get-this-shindig-started.html http://incubator.apache.org/shindig/ http://code.google.com/p/google-caja </li></ul>
    37. 37. Contact Me <ul><li>anandkumar_sharma[AT]satyam[DOT]com </li></ul><ul><li>anandkumarsharma11[AT]gmail[DOT]com </li></ul><ul><li>http://anandshahil11.wordpress.com </li></ul><ul><li>http://ProjectBee.org </li></ul>
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×