Blame Manual/repository-html/repository_19.html

ee1f37
ee1f37
<html>
d1db00
d1db00
organization, and administration of CentOS Artwork Repository.
d1db00
d1db00
Copyright C 2009-2011 Alain Reguera Delgado
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
-->
632e8b
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>
632e8b
<title>CentOS Artwork Repository: 2.15 The trunk/Identity/Models/Tpl/Promo/Web Directory</title>
ee1f37
632e8b
<meta name="description" content="CentOS Artwork Repository: 2.15 The trunk/Identity/Models/Tpl/Promo/Web Directory">
632e8b
<meta name="keywords" content="CentOS Artwork Repository: 2.15 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
632e8b
[ < ]
632e8b
[ > ]
ee1f37
   
671838
[ << ]
671838
[ Up ]
632e8b
[ >> ]
ee1f37
   
ee1f37
   
ee1f37
   
ee1f37
   
56a476
[Top]
56a476
[Contents]
632e8b
[Index]
56a476
[ ? ]
ee1f37
632e8b
632e8b
632e8b

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

f66721
ee1f37
632e8b
671838

2.15.1 Goals

f66721
632e8b

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

632e8b
web environment.
632e8b

632e8b
632e8b
632e8b

2.15.2 The CentOS web environment

632e8b
632e8b

Inside CentOS corporate identity, the CentOS web environment is

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

632e8b

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

632e8b

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

    The CentOS project is attached to a monolithic corporate visual

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

    632e8b

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

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

    632e8b

    This visual style diversity complicates our goal of one unique visual

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

    632e8b

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

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

    632e8b

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

    632e8b
    repository to store CentOS web environment customized web applications.
    632e8b

    f66721
    632e8b
    632e8b

    2.15.2.1 Design model (without ads)

    f66721
    f66721
    632e8b
    632e8b

    2.15.2.2 Design model (with ads)

    632e8b
    632e8b
    632e8b
    632e8b

    2.15.2.3 HTML definitions

    632e8b
    632e8b
    632e8b
    632e8b

    2.15.2.4 Controlling visual style

    632e8b
    632e8b

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

    632e8b
    following compenents:
    632e8b

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

    2.15.2.5 Producing visual style

    632e8b
    632e8b

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

    632e8b
    files:
    632e8b

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

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

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

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

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

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

    632e8b
    632e8b
    632e8b

    2.15.2.6 Navigation

    632e8b
    632e8b

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

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

    632e8b
    632e8b
    632e8b

    2.15.2.7 Development and release cycle

    632e8b
    632e8b

    The CentOS web environment development and relase cycle is described

    632e8b
    below: 
    632e8b

    632e8b
    632e8b
    Download
    632e8b
    632e8b

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

    632e8b
    want to use inside CentOS web environment.
    632e8b

    632e8b
    Important

    Important

    The source location from which web application are

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

    632e8b
    632e8b
    632e8b
    Prepare
    632e8b
    632e8b

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

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

    632e8b

    When preparing the structure keep in mind that different web

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

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

    Once web applications have been organized inside the version

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

    632e8b
    svn cp trunk/WebApp1/Sources/webapp1-0.0.1 trunk/WebApp1/Sources/webapp1-0.0.1-webenv
    632e8b
    632e8b

    The command above creates the following structure:

    632e8b

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

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

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

    632e8b
    Info

    Tip

    Use the diff command of Subversion between

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

    632e8b
    632e8b
    632e8b
    Build packages
    632e8b
    632e8b

    When web application has been customized, build the web application

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

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

    When the customized web application has been packaged, make packages

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

    632e8b
    info

    Note

    The [webenv-test] repository is not shipped inside

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

    632e8b
    632e8b

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

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

    632e8b

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

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

    632e8b
    632e8b
    Release for production
    632e8b
    632e8b

    When customized web application packages are considered ready for

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

    632e8b
    info

    Note

    The [webenv] repository is not shipped inside CentOS

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

    632e8b
    632e8b
    632e8b
    632e8b
    632e8b
    632e8b

    2.15.2.8 The [webenv-test] repository

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

    2.15.2.9 The [webenv] repository

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

    2.15.2.10 Priority configuration

    632e8b
    632e8b

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

    632e8b
    CentOS [base] and CentOS [updates] repositories.
    632e8b

    f66721
    671838
    671838

    2.15.3 Usage

    063806
    063806
      063806
    • ...
    • 063806
      b9dbd3
      aaf678
      671838
      671838

      2.15.4 See also

      ee1f37
      632e8b
      632e8b
      2.12 The <tt>`trunk/Identity/Models/Img/Promo/Web'</tt> Directory  
      632e8b
      632e8b
      ee1f37
      ee1f37
      ee1f37
      671838
      [ < ]
      671838
      [ > ]
      ee1f37
         
      671838
      [ << ]
      632e8b
      [ Up ]
      632e8b
      [ >> ]
      ee1f37
      ee1f37

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

      ee1f37
      </body>
      ee1f37
      </html>