Web Authoring Content Management Systems

Document Sample
Web Authoring Content Management Systems Powered By Docstoc
					    Web Authoring
Content Management Systems

        Kerstin Altmanninger
       Sommersemester 2007




        Wednesday, 23.05.2007
Outline


•   What is a Content Management System?
    – Content vs. Presentation Authoring
•   Benefits of Content Management
•   Common Features of CMS
•   Who needs a CMS?
•   How much is a CMS?
•   Example of an Open Source CMS: Joomla




                                                  Web Authoring
                                            Kerstin Altmanninger
                                                     EH10 - 2/15
What is a Content Management System?


•   Content Management Systems (CMS) are about separating the
    content from the presentation

•   That is, separating
     – the task of managing the presentation components
     – the branding elements, graphic design or presentation layer,
    from the content so that each can be updated without affecting the
    other

•   CMS help non-technical users to manage a big, complex, dynamic
    website – with a large number of pages (100’s or 1,000’s), many
    documents, photos, articles, press releases, archived newsletters, etc.
    – more easily than with a more manual process.

                                                                        Web Authoring
                                                                  Kerstin Altmanninger
                                                                           EH10 - 3/15
Content vs. Presentation Authoring


Why is it important to separate the content and presentation?

•   Skill sets and update frequency of the two layers are quite different
•   Different people perform changes on these layers
•   Presentation layer work occurs much less frequently

Therefore:
Site management works best if the two efforts are separate!




                                                                     Web Authoring
                                                               Kerstin Altmanninger
                                                                        EH10 - 4/15
Benefits of Content Management


The division of these two layers allows many advantages throughout
the life cycle of the website

•   Each area of the site can be recreated and adjusted independent of the other areas
•   The presentation can be completely reworked for a new user interface without the need
    for any adjustments to the content
•   Content can be changed with no need to adjust the front-end design or functional
    structure
•   Content production can be facilitated without programming or design experience


Utilizing CMS therefore enhance a company‘s website which is directly related to
the accuracy and speed with which its content can be made available




                                                                               Web Authoring
                                                                         Kerstin Altmanninger
                                                                                  EH10 - 5/15
More Benefits … (1/2)

The CMS allows the editor to interact with the site in several ways
•   Graphical User Interface
     – It provides a graphical user interface that allows the editor to create content, add
       images and multimedia files, create content schedules, etc.
•   Decentralized maintenance
     – Based on a common web browser
     – Editing anywhere & anytime
•   User do not need technical knowledge
     – People with average knowledge of word processing can create the content directly
     – No HTML knowledge needed
•   Configurable access restrictions
     – Users are assigned roles and permissions that prevent them from editing content
       which they are not authorized to change



                                                                                   Web Authoring
                                                                             Kerstin Altmanninger
                                                                                      EH10 - 6/15
More Benefits … (2/2)

•   Consistency of design is preserved
     – Because content is stored separate from design, the content from all authors is
       presented with the same, consistent design.
•   Navigation is automatically generated and adjusted
     – Menus are typically generated automatically based on the database content
•   Content is stored in database
     – Central storage means that content can be reused in many places on the website
       and formatted for any device
•   Dynamic content
     – Extensions like forums, blogs, RSS feeds/readers, searching, news management
•   Cooperation
     – Encourages faster updates, generates accountability for authored content (logs)
       and cooperation between authors
•   Content Scheduling
     – Content publication can often be time-controlled, hidden for later use or require
       user login with password
                                                                                 Web Authoring
                                                                           Kerstin Altmanninger
                                                                                    EH10 - 7/15
Common Features of CMS (1/3)

What‘s in a CMS?

Basic features available in nearly every tool:
•   Database
     – Content database which captures and organizes the content to be published on the
       site
     – Optional people database of the people related to the site (members, visitors, etc.)
       or link to the organizations database
     – User management database of administrators and content authors with associated
       roles and responsibilities
•   Information Architecture (IA)
     – The site map of the site
     – A CMS allows to setup and manage the IA and control the presentation of the
       related navigation menus



                                                                                Web Authoring
                                                                          Kerstin Altmanninger
                                                                                   EH10 - 8/15
Common Features of CMS (2/3)

•   Presentation Authoring
     – The look-and-feel of the site established using graphic design
     – Presentation is divided into:
         • The page structure (header, footer, navigation => Layout)
         • Graphical treatment (color palette, font types/size, graphic elements)
     – Authored using CSS, HTML and scripting languages
     – Templates and wrappers are created that can be applied and re-applied across
       the site
•   Content Authoring
     – Form and HTML editor (WYSIWYG) tools help business users in adding content
       without technical resources
     – The WYSIWYG (What You See Is What You Get) Editor helps content authors in
       offering functions like graphic import, text markup, etc.
     – A preview function allows the author to view their content within the presentation
       template or wrapper without publishing


                                                                                Web Authoring
                                                                          Kerstin Altmanninger
                                                                                   EH10 - 9/15
Common Features of CMS (3/3)

•   Workflow Tools
     – May have up to three stages supported: Writer, editor and publisher
•   Database Forms
     – To present ad-hoc data from site visitors on the public website
     – These forms handle basic data collection needs such as a sign-up page
•   Search Tools
     – Side-wide and section-specific attribute and text search tools
     – Optional advanced search functions
     – For improving search results, site administrators often use special tools to segment
       or categorize test, files and images
•   Integration Tools
     – Support faster integration between CMS and legacy system data
•   Site Reporting
     – To analyze site traffic volume, highest interest pages, traffic sources, average visit
       duration, search terms, etc.

                                                                                   Web Authoring
                                                                             Kerstin Altmanninger
                                                                                     EH10 - 10/15
Who needs a CMS?


•   Anyone with a website that …
    –   Has many pages (100‘s or 1.000‘s)
    –   Gets updated often
    –   Requires multiple contributors
    –   Includes dynamic content or functionality


•   Who is using CMSs?
    – Business & non-profits – almost all large sites use them
        • 3M (http://www.3m.com/)
        • Amazon.com (http://www.amazon.com/)
    – Libraries
    – Universities


                                                                       Web Authoring
                                                                 Kerstin Altmanninger
                                                                         EH10 - 11/15
How much is a CMS?

•   There is many free and open source software available e.g.,
     – Mambo (http://www.mambo-foundation.org/)
     – OpenCMS (http://www.opencms.org/opencms/en/)
     – Joomla (http://www.joomla.de/)
     – Dokuwiki (http://wiki.splitbrain.org/wiki:dokuwiki) &
       MediaWiki (http://www.mediawiki.org/wiki/MediaWiki)
     – BUT: Often limited support and no guarantee!!!

•   Commercial, Low Cost (< $5,000)
•   Commercial, Medium Cost ($5,000 - $15,000)
•   Commercial, High Cost (> $15,000)

•   Complete List:
    http://en.wikipedia.org/wiki/List_of_content_management_systems

                                                                        Web Authoring
                                                                  Kerstin Altmanninger
                                                                          EH10 - 12/15
Example of an Open Source
Content Management System


•   Joomla is a high-capacity, easy to configure and popular open source
    Web Content Management System (WCMS)




                    Download site: http://www.joomlaos.de/


•   The system is based on the server-side scripting language PHP
•   The content of the website is saved in the MySQL database
•   Joomla is emerged from the open source project Mambo

                                                                   Web Authoring
                                                             Kerstin Altmanninger
                                                                     EH10 - 13/15
    Joomla – Front-end (Website)

•    The front-end of Joomla consists of the website how users view it
•    The presentation of the website and the structure of the content is defined with
     templates
•    These templates are predefined layout patterns in which content can be included
•    Templates can be exchanged and changed whereas one can choose out of the two
     provided after installation by Joomla

     No.   Area
     1.    Top menu
     2.    Search field
     3.    Newsflash
     4.    Logo
     5.    Polls
     6.    Who‘s online
     7.    Most popular entries of the website
     8.    Latest news
     9.    Syndicate
     10.   Login form
     11.   Main menu


                                                                               Web Authoring
                                                                         Kerstin Altmanninger
                                                                                 EH10 - 14/15
    Joomla – Back-end (Consol Panel)

•        The back-end of Joomla consists of the control panel with which settings can be
         performed about the website
•        The back-end is displayed, similar to the front-end, in the browser

    No.     Area
    1.      Menu bar
    2.      Display area for user logged-in in
            the front-end and new messages
    3.      Function bar with the basic
            functions of Joomla
    4.      Tabs which provides the
            administrator information about the
            current state of the website
    5.      Buttons with symbols which
            provide zero access to important
            configurations of the back-end




                                                                                     Web Authoring
                                                                               Kerstin Altmanninger
                                                                                       EH10 - 15/15