Rhumba with Joomla! Using a CMS to Build Community


Published on

SC State Library redesigns their website, using the open source content management system, Joomla!.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Tao goes to China….
  • Rhumba with Joomla! Using a CMS to Build Community

    1. 1. Tao Gao – IT Consultant / Web Administrator, SCSL Catherine Buck Morgan – Information Technology Director, SCSL April 16, 2007 Using a CMS to Build Community Rhumba with Joomla!
    2. 2. Agenda <ul><li>Why Joomla? </li></ul><ul><li>Case Study – South Carolina State Library </li></ul><ul><li>Joomla in a Nutshell </li></ul>
    3. 3. Why Joomla? <ul><li>What are the Benefits? </li></ul><ul><li>Open Source </li></ul><ul><li>It’s Easy to Install, Use, Manage and Reliable </li></ul><ul><ul><li>Joomla vs. Drupal </li></ul></ul><ul><ul><li>Joomla vs. Blogs </li></ul></ul><ul><li>Separation of Content and Form </li></ul><ul><li>Portable </li></ul><ul><li>Extendable </li></ul><ul><li>Strong Support Communities </li></ul><ul><li>Who’s Using it? </li></ul><ul><li>Government Agencies </li></ul><ul><ul><li>SC IT Directors Asso . </li></ul></ul><ul><li>Commercial Businesses </li></ul><ul><ul><li>Porsche Brazil </li></ul></ul><ul><li>Non-Profit Organizations </li></ul><ul><ul><li>United Nations RIC </li></ul></ul>
    4. 4. CMS Comparison <ul><li>Comparison Metrics </li></ul><ul><ul><li>A tool to compare up to 10 content management systems at once. http://www.cmsmatrix.org/matrix </li></ul></ul><ul><li>Google Search Trend </li></ul>
    5. 5. Case Study: SCSL
    6. 6. Library Background <ul><li>South Carolina State Library provides, advances and promotes library services and equal access to information for all South Carolinians through: </li></ul><ul><ul><li>Services to Libraries </li></ul></ul><ul><ul><li>Services to State Employees </li></ul></ul><ul><ul><li>Services to Citizens with Disabilities </li></ul></ul><ul><ul><li>Services to General Public </li></ul></ul>
    7. 7. Why a Redesign <ul><li>Before: </li></ul>
    8. 8. Why a Redesign? <ul><li>Issues </li></ul><ul><ul><li>Static HTML </li></ul></ul><ul><ul><li>Table-based Layout </li></ul></ul><ul><ul><li>Basic Perl Scripts (i.e. Contact forms) </li></ul></ul><ul><ul><li>Outdated Content </li></ul></ul><ul><ul><li>Incoherent Navigation </li></ul></ul><ul><ul><li>Inconsistent Style and Structure </li></ul></ul><ul><ul><li>Graphically Unappealing </li></ul></ul><ul><ul><li>Lack of Interactivity </li></ul></ul><ul><ul><li>Several Hundred Scattered Pages and Growing Rapidly </li></ul></ul>
    9. 9. Redesign Goals <ul><li>What We Wanted </li></ul><ul><ul><li>Standards Compliant Design (Section 508) </li></ul></ul><ul><ul><li>Intuitive Navigation </li></ul></ul><ul><ul><li>Separation of Content and Form </li></ul></ul><ul><ul><li>Staff Collaboration </li></ul></ul><ul><ul><li>Site-Wide Search </li></ul></ul><ul><ul><li>Online Job Submissions </li></ul></ul><ul><ul><li>Community Oriented </li></ul></ul><ul><ul><li>RSS Feeds </li></ul></ul>
    10. 10. Redesign Process <ul><li>Phase I: Plan </li></ul><ul><ul><li>Redesign Proposal, Sept. 2004 </li></ul></ul><ul><ul><li>Conducted Online User and In-House User Surveys </li></ul></ul><ul><ul><ul><li>Mar. – Apr. 2005. 227 responses </li></ul></ul></ul><ul><ul><li>Review of Current Content </li></ul></ul><ul><ul><li>Lessons Learned </li></ul></ul><ul><ul><ul><li>Used SurveyMonkey to poll our users about the current website. Most useful feedback came from open-ended questions. </li></ul></ul></ul><ul><ul><ul><li>Decided to have people who were not familiar with the subject areas review key content areas. Worked well. Fresh eyes. </li></ul></ul></ul><ul><ul><ul><li>Needed a Well-Qualified & Dedicated Team </li></ul></ul></ul><ul><ul><ul><ul><li>Project Manger, Creative Graphic Designer, Web Developer with CSS and PHP Experience, Content Developer </li></ul></ul></ul></ul>
    11. 11. Redesign Process <ul><li>Phase II: Design </li></ul><ul><ul><li>Agency Re-Branding, Feb. 2005 </li></ul></ul><ul><ul><li>Interface Design and Review </li></ul></ul><ul><ul><li>Process Stalls… </li></ul></ul><ul><ul><li>Lessons Learned </li></ul></ul><ul><ul><ul><li>Graphic designer did not have an understanding of the business case </li></ul></ul></ul><ul><ul><ul><ul><li>Result: Mock-up still presented a flat website design </li></ul></ul></ul></ul><ul><ul><ul><li>Who was the Project Manager?? </li></ul></ul></ul>
    12. 12. Redesign Process <ul><li>Phase III: Development </li></ul><ul><ul><li>Content Audit and Review (Summer 2005) </li></ul></ul><ul><ul><li>Explore CMS Options </li></ul></ul><ul><ul><li>Find Outside Host Server for Development (Nov. 2005) </li></ul></ul><ul><ul><li>Joomla Learning Curve </li></ul></ul><ul><ul><li>Translate Graphical Interface to Joomla Templates </li></ul></ul><ul><ul><li>Content Migration </li></ul></ul><ul><ul><li>Identify and Incorporate Desired Functionality </li></ul></ul><ul><ul><li>Continued to Maintain and Update Static Site </li></ul></ul>
    13. 13. Redesign Process <ul><li>Phase V: Deployment and Evolution </li></ul><ul><ul><li>Staff to review website, June 2006 </li></ul></ul><ul><ul><li>New website goes live, July 2006 </li></ul></ul><ul><ul><li>Site moved to new in-house server, Aug. 2006 </li></ul></ul><ul><ul><li>Evaluate </li></ul></ul><ul><ul><li>Growth and Refinement </li></ul></ul><ul><ul><li>Lessons Learned </li></ul></ul><ul><ul><ul><li>Few staff reviewed the site </li></ul></ul></ul><ul><ul><ul><li>Day 1: Where? Why? BUT kudos for website from state and beyond </li></ul></ul></ul><ul><ul><ul><li>CMS makes it easier to evaluate depth of content </li></ul></ul></ul><ul><ul><ul><li>Send web administrator to China for a month  </li></ul></ul></ul>
    14. 14. Website Evolution <ul><li>After: </li></ul>
    15. 15. Website Stakeholders <ul><li>Before </li></ul><ul><ul><li>Homepage Committee </li></ul></ul><ul><ul><li>PR Committee </li></ul></ul><ul><ul><li>Web Administrator </li></ul></ul><ul><li>After </li></ul><ul><ul><li>2 Web Managers </li></ul></ul><ul><ul><li>25 Authors </li></ul></ul><ul><ul><li>326 Registered Members; 130 Not Yet Approved </li></ul></ul><ul><ul><ul><li>Special Invitation to CIL Attendees </li></ul></ul></ul>
    16. 16. It’s All About the People <ul><li>I'm the IT Manager at SOLINET (a library </li></ul><ul><li>network in Atlanta).  One of my co-workers </li></ul><ul><li>sent me the link to your new site as we are </li></ul><ul><li>currently looking at redesigning our site and </li></ul><ul><li>I'm always looking for ideas.  </li></ul><ul><li>Your site looks great and you've included lots </li></ul><ul><li>of great features.  I was impressed by your </li></ul><ul><li>blog posting than mentioned you were able to </li></ul><ul><li>do this in just 9 months.  I think that's </li></ul><ul><li>impressive. </li></ul><ul><li>- IT Manager, SOLINET </li></ul><ul><li>I love being able to add my own content to the </li></ul><ul><li>website, especially parts that update frequently </li></ul><ul><li>such as the New Resources. </li></ul><ul><li>- Amanda Stone </li></ul><ul><li> Reference Librarian </li></ul><ul><li>The remarks were made earlier today by </li></ul><ul><li>a blind friend.  She uses the Internet </li></ul><ul><li>heavily but uses a quite old version of </li></ul><ul><li>JAWS running on a 5-year-old PC with </li></ul><ul><li>Windows 2000 operating system.  I </li></ul><ul><li>thought you would be pleased to know </li></ul><ul><li>how easy it was for her to navigate. </li></ul><ul><li>- Reference Librarian </li></ul><ul><li> Greenville County </li></ul><ul><li>The ease of adding news and links has </li></ul><ul><li>encouraged me to be more proactive in </li></ul><ul><li>searching for content to add to our website. </li></ul><ul><li>I am very happy with the new web site, and </li></ul><ul><li>find it easy to add content. </li></ul><ul><li>- Kecia Greer </li></ul><ul><li> TBS Reader’s Advisor </li></ul><ul><li>Your site was easy to access and explore </li></ul><ul><li>links!!! </li></ul><ul><li>- Library Patron </li></ul>
    17. 17. Joomla in a Nutshell
    18. 18. Easy Installation <ul><li>Our Server Specs: </li></ul><ul><li>Software </li></ul><ul><ul><li>PHP </li></ul></ul><ul><ul><li>MySQL </li></ul></ul><ul><ul><li>Joomla 1.02 </li></ul></ul><ul><ul><li>Apache Server </li></ul></ul><ul><ul><li>XAMPP </li></ul></ul><ul><ul><li>Windows Server 2003 </li></ul></ul><ul><li>Hardware </li></ul><ul><ul><li>CPU: Dual Xeon ® 2.8 GHz </li></ul></ul><ul><ul><li>RAM: 2GB 400MHz DDR2 </li></ul></ul><ul><ul><li>Storage: 36GB x 4 (RAID 5) </li></ul></ul><ul><ul><li>Tape Backup </li></ul></ul><ul><li>Download Latest Joomla! </li></ul><ul><li>Prepare MySQL Database </li></ul><ul><li>Unzip and Upload Files to Server </li></ul><ul><li>Browser Install </li></ul>
    19. 19. Template Design <ul><li>Joomla Template Elements </li></ul><ul><ul><li>Index.php </li></ul></ul><ul><ul><li>template_css.css </li></ul></ul><ul><ul><li>Images </li></ul></ul><ul><ul><li>templateDetails.xml </li></ul></ul><ul><li>Joomla Template Flexibilities </li></ul><ul><ul><li>Movable Boxes </li></ul></ul><ul><ul><li>Easy to Customize UI (User Interface) </li></ul></ul>
    20. 20. Working with Content <ul><li>Static Content </li></ul><ul><ul><li>Assign Ownership </li></ul></ul><ul><ul><li>Instruct Staff in Adding Content (WYSIWYG) </li></ul></ul><ul><li>Active Content </li></ul><ul><ul><li>Sections, Categories and Content Items </li></ul></ul><ul><ul><li>User Submission Process </li></ul></ul><ul><ul><li>Review and Approval </li></ul></ul>
    21. 21. User Contributed Content <ul><li>WYSIWYG editor </li></ul><ul><ul><li>Users Don’t Need to Know HTML </li></ul></ul><ul><ul><li>Pre-defined Content Formatting </li></ul></ul><ul><li>Website Administration </li></ul><ul><ul><li>Separation of Content and Form </li></ul></ul><ul><ul><li>Reinforcing Accessibility Guidelines </li></ul></ul><ul><ul><li>File Handling </li></ul></ul><ul><ul><li>Image Management </li></ul></ul>
    22. 22. Joomla Extensions <ul><li>Extensions </li></ul><ul><ul><li>Templates </li></ul></ul><ul><ul><ul><li>A templates defines the layout of your Joomla web site Front-end </li></ul></ul></ul><ul><ul><li>Components </li></ul></ul><ul><ul><ul><li>Components are core elements of Joomla’s functionality. </li></ul></ul></ul><ul><ul><li>Modules </li></ul></ul><ul><ul><ul><li>Modules are small content items that can be displayed anywhere that your template allows them to be displayed. </li></ul></ul></ul>Administrator Control Panel In Joomla Administrator Control Panel, you can install Components, Modules and Templates easily.
    23. 23. Community Building Tools <ul><li>Joomla and Library 2.0 </li></ul><ul><ul><li>Member Profiles </li></ul></ul><ul><ul><li>Discussion Forums </li></ul></ul><ul><ul><li>Calendar </li></ul></ul><ul><ul><li>RSS Feeds </li></ul></ul><ul><ul><li>Tag Clouds </li></ul></ul><ul><ul><li>Event Registration Management </li></ul></ul><ul><ul><li>Blogs </li></ul></ul><ul><ul><li>Groups </li></ul></ul><ul><ul><li>Photo Galleries </li></ul></ul><ul><ul><li>Book Reviews </li></ul></ul><ul><ul><li>More… </li></ul></ul>
    24. 24. Community Building <ul><li>Identify Targeted Groups and Interests </li></ul><ul><li>Listen to User Input </li></ul><ul><li>Offer Valuable Services That Are Easy to Use </li></ul><ul><li>Train Community Users </li></ul><ul><li>Have Fun! </li></ul>
    25. 25. Questions? For discussions, additional information and updated slides, visit Joomla in Libraries . com