Blame Manual/repository-html/repository_15.html

ee1f37
ee1f37
<html>
ee1f37
ee1f37
ee1f37
Permission is granted to copy, distribute and/or modify this document
ee1f37
under the terms of the GNU Free Documentation License, Version 1.2 or
ee1f37
any later version published by the Free Software Foundation; with no
ee1f37
Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A
ee1f37
copy of the license is included in the section entitled GNU Free
ee1f37
Documentation License.  
ee1f37
-->
406f69
ee1f37
ee1f37
Written by: Lionel Cons <Lionel.Cons@cern.ch> (original author)
ee1f37
            Karl Berry  <karl@freefriends.org>
ee1f37
            Olaf Bachmann <obachman@mathematik.uni-kl.de>
ee1f37
            and many others.
ee1f37
Maintained by: Many creative people <dev@texi2html.cvshome.org>
ee1f37
Send bugs and suggestions to <users@texi2html.cvshome.org>
ee1f37
ee1f37
-->
ee1f37
<head>
b130a0
<title>CentOS Artwork Repository: 1.14 The trunk/Identity/Models/Tpl/Promo/Web Directory</title>
ee1f37
b130a0
<meta name="description" content="CentOS Artwork Repository: 1.14 The trunk/Identity/Models/Tpl/Promo/Web Directory">
b130a0
<meta name="keywords" content="CentOS Artwork Repository: 1.14 The trunk/Identity/Models/Tpl/Promo/Web Directory">
ee1f37
<meta name="resource-type" content="document">
ee1f37
<meta name="distribution" content="global">
ee1f37
<meta name="Generator" content="texi2html 1.76">
ee1f37
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
ee1f37
<style type="text/css">
ee1f37
ee1f37
@import "/home/centos/artwork/trunk/Identity/Models/Css/Texi2html/common.css";
ee1f37
ee1f37
a.summary-letter {text-decoration: none}
ee1f37
pre.display {font-family: serif}
ee1f37
pre.format {font-family: serif}
ee1f37
pre.menu-comment {font-family: serif}
ee1f37
pre.menu-preformatted {font-family: serif}
ee1f37
pre.smalldisplay {font-family: serif; font-size: smaller}
ee1f37
pre.smallexample {font-size: smaller}
ee1f37
pre.smallformat {font-family: serif; font-size: smaller}
ee1f37
pre.smalllisp {font-size: smaller}
ee1f37
span.sansserif {font-family:sans-serif; font-weight:normal;}
ee1f37
ul.toc {list-style: none}
ee1f37
-->
ee1f37
</style>
ee1f37
ee1f37
ee1f37
</head>
ee1f37
ee1f37
<body lang="en" bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">
ee1f37
ee1f37
b130a0
[ < ]
b130a0
[ > ]
ee1f37
   
aaf678
[ << ]
aaf678
[ Up ]
b130a0
[ >> ]
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
   
56a476
[Top]
56a476
[Contents]
b130a0
[Index]
56a476
[ ? ]
ee1f37
b130a0
b130a0
b130a0

1.14 The <tt>`trunk/Identity/Models/Tpl/Promo/Web'</tt> Directory

982d5c
ee1f37
b130a0
aaf678

1.14.1 Goals

982d5c
b130a0

Organize scalable vector graphics (svg) to help describe the CentOS

b130a0
web environment.
b130a0

b130a0
b130a0
b130a0

1.14.2 The CentOS web environment

b130a0
b130a0

Inside CentOS corporate identity, the CentOS web environment is

b130a0
considered a promotion component. The CentOS web environment is formed
b130a0
by a central web application --to cover base needs (e.g., per-major
b130a0
release information like release notes, lifetime, downloads,
b130a0
documentation, support, security advisories, bugs, etc.)-- and many
b130a0
different free web applications --to cover specific needs (e.g.,
b130a0
wiki, mailing lists, etc.)--. 
b130a0

b130a0

The CentOS web environment is addressed to solve the following issues:

b130a0

ee1f37
    b130a0
  • One unique name and one unique visual style to all web
  • b130a0
    applications used inside the web environment.
    b130a0
    b130a0
  • One-step navigation to web applications inside the environment.
  • b130a0
    b130a0
  • High degree of customization to change the visual style of all
  • b130a0
    web applications with few changes (e.g, updating just two or three
    b130a0
    images plus common style sheet [CSS] definitions).
    ee1f37
    ee1f37
    b130a0

    The CentOS project is attached to a monolithic corporate visual

    b130a0
    identity (see section The <tt>`trunk/Identity'</tt> Directory), where all visual manifestations
    b130a0
    have one unique name and one unique visual style. This way, the CentOS
    b130a0
    web environment has one unique name (the CentOS brand) and one unique
    b130a0
    visual style (the CentOS default theme) for all its visual
    b130a0
    manifestations, the web applications in this case.
    b130a0

    b130a0

    Since a maintainance point of view, achiving the one unique visual

    b130a0
    style inside CentOS web environment is not a simple task. The CentOS
    b130a0
    web environment is built upon many different web applications which
    b130a0
    have different visual styles and different internal ways to customize
    b130a0
    their own visual styles. For example: MoinMoin, the web application
    b130a0
    used to support the CentOS wiki (http://wiki.centos.org/) is
    b130a0
    highly customizable but Mailman (in its 2.x.x serie), the web
    b130a0
    application used to support the CentOS mailing list, doesn't
    b130a0
    support(1) a customization system that separates
    b130a0
    presentation from logic, similar to that used by MoinMoin.
    b130a0

    b130a0

    This visual style diversity complicates our goal of one unique visual

    b130a0
    style for all web applications. So, if we want one unique visual style
    b130a0
    for all web applications used, it is innevitable to modify the web
    b130a0
    applications in order to implement the CentOS one unique visual style
    b130a0
    customization in them. Direct modification of upstream applications is
    b130a0
    not convenient because upstream applications come with their one
    b130a0
    visual style and administrators take the risk of loosing all
    b130a0
    customization changes the next time the application be updated (since
    b130a0
    not all upstream web applications, used in CentOS web environment,
    b130a0
    separate presentation from logic).
    b130a0

    b130a0

    To solve the "one unique visual style" issue, installation and

    b130a0
    actualization of web applications --used inside CentOS web
    b130a0
    environment-- need to be independent from upstream web applications
    b130a0
    development line; in a way that CentOS web environment administrators
    b130a0
    can install and update web applications freely without risk of loosing
    b130a0
    the one unique visual style customization changes. 
    b130a0

    b130a0

    At the surface of this issue we can see the need of one specific yum

    b130a0
    repository to store CentOS web environment customized web applications.
    b130a0

    982d5c
    b130a0
    b130a0

    1.14.2.1 Design model (without ads)

    982d5c
    982d5c
    b130a0
    b130a0

    1.14.2.2 Design model (with ads)

    b130a0
    b130a0
    b130a0
    b130a0

    1.14.2.3 HTML definitions

    b130a0
    b130a0
    b130a0
    b130a0

    1.14.2.4 Controlling visual style

    b130a0
    b130a0

    Inside CentOS web environment, the visual style is controlled by the

    b130a0
    following compenents:
    b130a0

    b130a0
    b130a0
    Webenv header background
    b130a0
    trunk/Identity/Themes/Motifs/$THEME/Backgrounds/Img/1024x250.png
    b130a0
    b130a0
    b130a0
    CSS definitions
    b130a0
    trunk/Identity/Themes/Models/Default/Promo/Web/CSS/stylesheet.css
    b130a0
    b130a0
    b130a0
    b130a0
    b130a0
    b130a0

    1.14.2.5 Producing visual style

    b130a0
    b130a0

    The visual style of CentOS web environment is defined in the following

    b130a0
    files:
    b130a0

    b130a0
    trunk/Identity/Themes/Motifs/$THEME/Backgrounds/Xcf/1024x250.xcf
    b130a0
    trunk/Identity/Themes/Motifs/$THEME/Backgrounds/Img/1024x250.png
    b130a0
    trunk/Identity/Themes/Motifs/$THEME/Backgrounds/Img/1024x250-bg.png
    b130a0
    trunk/Identity/Themes/Motifs/$THEME/Backgrounds/Tpl/1024x250.svg
    b130a0
    b130a0

    As graphic designer you use <tt>`1024x250.xcf'</tt> file to produce

    b130a0
    <tt>`1024x250-bg.png'</tt> file. Later, inside <tt>`1024x250.svg'</tt> file,
    b130a0
    you use the <tt>`1024x250-bg.png'</tt> file as background layer to draw
    b130a0
    your vectorial design. When you consider you artwork ready, use the
    b130a0
    centos-art.sh script, as described below, to produce the
    b130a0
    visual style controller images of CentOS web environment.
    b130a0

    b130a0
    centos-art render --entry=trunk/Identity/Themes/Motifs/$THEME/Backgrounds --filter='1024x250'
    b130a0
    b130a0

    Once you have rendered required image files, changing the visual style

    b130a0
    of CentOS web environment is a matter of replacing old image files
    b130a0
    with new ones, inside webenv repository file system structure. The
    b130a0
    visual style changes will take effect the next time customization line
    b130a0
    of CentOS web applications be packaged, uploded, and installed from
    b130a0
    [webenv] or [webenv-test] repositories.
    b130a0

    b130a0
    b130a0
    b130a0

    1.14.2.6 Navigation

    b130a0
    b130a0

    Inside CentOS web environment, the one-step navegation between web

    b130a0
    applications is addressed using the web environment navigation bar.
    b130a0
    The web environment navigation bar contains links to main applications
    b130a0
    and is always visible no matter where you are inside the web
    b130a0
    environment.
    b130a0

    b130a0
    b130a0
    b130a0

    1.14.2.7 Development and release cycle

    b130a0
    b130a0

    The CentOS web environment development and relase cycle is described

    b130a0
    below: 
    b130a0

    b130a0
    b130a0
    Download
    b130a0
    b130a0

    The first action is download the source code of web applications we

    b130a0
    want to use inside CentOS web environment.
    b130a0

    b130a0
    Important

    Important

    The source location from which web application are

    b130a0
    downloaded is very important. Use SRPMs from CentOS [base]
    b130a0
    and [updates] repositories as first choise, and third party
    b130a0
    repositories (e.g. RPMForge, EPEL, etc.) as last resource.
    b130a0

    b130a0
    b130a0
    b130a0
    Prepare
    b130a0
    b130a0

    Once web application source code has been downloaded, our duty is

    b130a0
    organize its files inside <samp>`webenv'</samp> version controlled repository.
    b130a0

    b130a0

    When preparing the structure keep in mind that different web

    b130a0
    applications have different visual styles, and also different ways to
    b130a0
    implement it. A convenient way to organize the file system structure
    b130a0
    would be create one development line for each web application we use
    b130a0
    inside CentOS web environment. For example, consider the following
    b130a0
    file system structure:
    b130a0

    b130a0
    https://projects.centos.org/svn/webenv/trunk/
    b130a0
    |-- WebApp1/
    b130a0
    |   |-- Sources/
    b130a0
    |   |   `-- webapp1-0.0.1/
    b130a0
    |   |-- Rpms/
    b130a0
    |   |   `-- webapp1-0.0.1.rpm
    b130a0
    |   |-- Srpms/
    b130a0
    |   |   `-- webapp1-0.0.1.srpm
    b130a0
    |   `-- Specs/
    b130a0
    |       `-- webapp1-0.0.1.spec
    b130a0
    |-- WebApp2/
    b130a0
    `-- WebAppN/
    b130a0
    b130a0
    b130a0
    Customize
    b130a0
    b130a0

    Once web applications have been organized inside the version

    b130a0
    controlled repository file system, use subversion to create the CentOS
    b130a0
    customization development line of web applications source code.  For
    b130a0
    example, using the above file system structure, you can create the
    b130a0
    customization development line of <tt>`webapp1-0.0.1/'</tt> with the
    b130a0
    following command:
    b130a0

    b130a0
    svn cp trunk/WebApp1/Sources/webapp1-0.0.1 trunk/WebApp1/Sources/webapp1-0.0.1-webenv
    b130a0
    b130a0

    The command above creates the following structure:

    b130a0

    b130a0
    https://projects.centos.org/svn/webenv/trunk/
    b130a0
    |-- WebApp1/
    b130a0
    |   |-- Sources/
    b130a0
    |   |   |-- webapp1-0.0.1/
    b130a0
    |   |   `-- webapp1-0.0.1-webenv/
    b130a0
    |   |-- Rpms/
    b130a0
    |   |   `-- webapp1-0.0.1.rpm
    b130a0
    |   |-- Srpms/
    b130a0
    |   |   `-- webapp1-0.0.1.srpm
    b130a0
    |   `-- Specs/
    b130a0
    |       `-- webapp1-0.0.1.spec
    b130a0
    |-- WebApp2/
    b130a0
    `-- WebAppN/
    b130a0
    b130a0

    In the above structure, the <tt>`webapp1-0.0.1-webenv/'</tt> directory is

    b130a0
    the place where you customize the visual style of
    b130a0
    <tt>`webapp1-0.0.1/'</tt> web application. 
    b130a0

    b130a0
    Info

    Tip

    Use the diff command of Subversion between

    b130a0
    CentOS customization and upstream development lines to know what you
    b130a0
    are changing exactly.
    b130a0

    b130a0
    b130a0
    b130a0
    Build packages
    b130a0
    b130a0

    When web application has been customized, build the web application

    b130a0
    RPM and SRPM using the source location with <samp>`-webenv'</samp> prefix. 
    b130a0

    b130a0
    https://projects.centos.org/svn/webenv/trunk/
    b130a0
    |-- WebApp1/
    b130a0
    |   |-- Sources/
    b130a0
    |   |   |-- webapp1-0.0.1/
    b130a0
    |   |   `-- webapp1-0.0.1-webenv/
    b130a0
    |   |-- Rpms/
    b130a0
    |   |   |-- webapp1-0.0.1.rpm
    b130a0
    |   |   `-- webapp1-0.0.1-webenv.rpm
    b130a0
    |   |-- Srpms/
    b130a0
    |   |   |-- webapp1-0.0.1.srpm
    b130a0
    |   |   `-- webapp1-0.0.1-webenv.srpm
    b130a0
    |   `-- Specs/
    b130a0
    |       |-- webapp1-0.0.1.spec
    b130a0
    |       `-- webapp1-0.0.1-webenv.spec
    b130a0
    |-- WebApp2/
    b130a0
    `-- WebAppN/
    b130a0
    b130a0
    b130a0
    Release for testing
    b130a0
    b130a0

    When the customized web application has been packaged, make packages

    b130a0
    available for testing and quality assurance. This can be achives using
    b130a0
    a [webenv-test] yum repository. 
    b130a0

    b130a0
    info

    Note

    The [webenv-test] repository is not shipped inside

    b130a0
    CentOS distribution default yum configuraiton. In order to use
    b130a0
    [webenv-test] repository you need to configure it first.
    b130a0

    b130a0
    b130a0

    If some problem is found to install/update/use the customized version

    b130a0
    of web application, the problem is notified somewhere (a bugtracker
    b130a0
    maybe) and the customization face is repated in order to fix the
    b130a0
    problem. To release the new package add a number after <samp>`-webenv'</samp>
    b130a0
    prefix. For example, if some problem is found in
    b130a0
    <tt>`webapp1-0.0.1-webenv.rpm'</tt>, when it be fixed the new package will
    b130a0
    be named <tt>`webapp1-0.0.1-webenv-1.rpm'</tt>. If a problem is found in
    b130a0
    <tt>`webapp1-0.0.1-webenv-1.rpm'</tt>, when it be fixed the new package
    b130a0
    will be named <tt>`webapp1-0.0.1-webenv-2.rpm'</tt>, and so on.
    b130a0

    b130a0

    The "customization -- release for testing" process is repeated

    b130a0
    until CentOS quality assurance team considers the package is ready for
    b130a0
    production.
    b130a0

    b130a0
    b130a0
    Release for production
    b130a0
    b130a0

    When customized web application packages are considered ready for

    b130a0
    production they are moved from [webenv-test] to [webenv] repository.
    b130a0
    This action is commited by CentOS quality assurance team.
    b130a0

    b130a0
    info

    Note

    The [webenv] repository is not shipped inside CentOS

    b130a0
    distribution default yum configuraiton. In order to use [webenv]
    b130a0
    repository you need to configure it first.
    b130a0

    b130a0
    b130a0
    b130a0
    b130a0
    b130a0
    b130a0

    1.14.2.8 The [webenv-test] repository

    b130a0
    b130a0
    /etc/yum.repos.d/CentOS-Webenv-test.repo
    b130a0
    b130a0
    [webenv-test]
    b130a0
    name=CentOS-$releasever - Webenv-test
    b130a0
    mirrorlist=http://mirrorlist.centos.org/?release=$releasever&arch=$basearch&repo=webenv-test
    b130a0
    #baseurl=http://mirror.centos.org/centos/$releasever/webenv-test/$basearch/
    b130a0
    gpgcheck=1
    b130a0
    gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-CentOS-$releasever
    b130a0
    enabled=1
    b130a0
    priority=10
    b130a0
    b130a0
    b130a0
    b130a0

    1.14.2.9 The [webenv] repository

    b130a0
    b130a0
    /etc/yum.repos.d/CentOS-Webenv.repo
    b130a0
    b130a0
    [webenv]
    b130a0
    name=CentOS-$releasever - Webenv
    b130a0
    mirrorlist=http://mirrorlist.centos.org/?release=$releasever&arch=$basearch&repo=webenv
    b130a0
    #baseurl=http://mirror.centos.org/centos/$releasever/webenv/$basearch/
    b130a0
    gpgcheck=1
    b130a0
    gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-CentOS-$releasever
    b130a0
    enabled=1
    b130a0
    priority=10
    b130a0
    b130a0
    b130a0
    b130a0

    1.14.2.10 Priority configuration

    b130a0
    b130a0

    Both [webenv] and [webenv-test] repositories update packages inside

    b130a0
    CentOS [base] and CentOS [updates] repositories.
    b130a0

    ee1f37
    aaf678
    aaf678

    1.14.3 Usage

    ee1f37
    ee1f37
      ee1f37
    • ...
    • ee1f37
      ee1f37
      ee1f37
      aaf678
      aaf678

      1.14.4 See also

      ee1f37
      b130a0
      b130a0
      1.12 The <tt>`trunk/Identity/Models/Img/Promo/Web'</tt> Directory  
      b130a0
      b130a0
      ee1f37
      ee1f37
      ee1f37
      aaf678
      [ < ]
      aaf678
      [ > ]
      ee1f37
         
      aaf678
      [ << ]
      b130a0
      [ Up ]
      b130a0
      [ >> ]
      ee1f37
      ee1f37

      ee1f37
       <font size="-1">
      406f69
        This document was generated on March, 1 2011 using texi2html 1.76.
      ee1f37
       </font>
      ee1f37
       
      ee1f37
      ee1f37

      ee1f37
      </body>
      ee1f37
      </html>