El proyecto corresponde a la programación PHP de una plantilla WEB que pueda ser configurada desde un administrador de contenidos.El resultado final que se pretende es obtener un generador de páginas WEB a partir de una plantilla que se alimenten con un administrador de contenido.
El administrador de contenidos es una interfase que debe permitir cargar la información de texto, imágenes, animaciones flash, para cada campo (celda) que se ubica dentro de la plantilla.
Los campos (funciones) que se solicitan sean incluidos en el administrador de contenidos son:
(Para mayor entendimiento se generó una estructura HTML de la plantilla (copiado al final), donde se muestra la ubicación pretendida para cada campo (celda) relacionada.Se recomienda generar la imagen de la estructura HTML antes de leer los siguientes puntos)
1.Información general: Contiene 3 campos generales que dan inicio a la creación de la página.
a.Nombre de la Empresa: Este campo debe programar automáticamente la función “titulo de la página web” dentro de la plantilla.
b.E-mail: debe validar un e-mail válido que programa la dirección de e-mail para datos del formulario de la página “contactenos”.
c.Logo o encabezado: Este campo debe permitir cargar la imagen o animación flash que ocupará la posición “encabezado” dentro de la plantilla.
Diligenciados estos campos el administrador de contenido debe generar automáticamente las páginas: “index (home)”, y “contactenos” con sus carpetas respectivas donde será almacenada la información que alimenta los diferentes campos (celdas) del website (imágenes, etc).Es decir que toda página iniciada debe contener “siempre estas 2 páginas iniciales”
2.Menú de categorías: (celda ubicada en la parte superior de la columna de la izquierda). En este campo el usuario digitará el “nombre” para cada categoría.Cada nombre debe generar una página correspondiente a la categoría y a su vez debe generar un botón que se ubica en la zona “menú de categorías”.Debe contener una opción de “subcategoría” caso en el cual el botón debe generar un menú alterno mostrando la subcategoria.Debe permitir elegir entre varios diseños de botones.
3.Bloque de contenido 1 y 2: Campos destinados para introducir el contenido de cada página del WEBSITE incluyendo la página de inicio (home).Debe poder combinar: Texto, Imágenes, Animaciones Flash que se inserten desde el administrador de contenido.
4.Grupo # 1 de imágenes: (celda ubicada debajo del menú de categorías).Debe permitir cargar imágenes o animaciones flash asignando una posición ordinal (1,2,3…n) para cada celda (campo) en plantilla, siendo 1 la posición que figura mas arriba. Además debe permitir elegir entre la opción “fijo” o “rotativo” que permita esta funcionalidad: la opción fijo deja una imagen expuesta permanentemente en la página WEB; la función secuencial genera un ciclo de exposición para cada imagen que se asigne dentro de una posición”x”, de tal forma que se tengan “n” imágenes rotando en una misma posición “X” dentro de la página WEB.Debe permitir la configuración del tiempo de exposición (tiempo de rotación de imágenes).Se da por entendido que eligiendo la opción “fijo” no se puede asignar mas de UNA imagen por cada posición.
5.Scroller vertical: El contenido o “text scroll” se determina en el administrador de contenido.
6.Grupo # 2 de imágenes:Con las mismas condiciones específicadas para el grupo de imágenes #1.
7.Otras páginas: Función similar a las condiciones de categorías.El usuario podrá crear páginas adicionales como: políticas, seguridad.En este caso no se requiere opción de “subcategorías”.
Condiciones adicionales que debe cumplir el administrador de contenidos:
8.Todos los campos del administrador de contenido deben tener la posibilidad de “eliminar” o reemplazar el contenido. El cambio debe ejecutarse mediante un botón “guardar cambios”.
9.Debe permitir configurar el color o imagen de fondo.
10.Debe incluir instrucciones de uso para el adminsitrador.
11.Debe incluir una página general de error, que se direccione, cada vez que el usuario realice una operación no permitida por el administrador. Esta debe expresar la rezón del error y llevar al usuario al campo que debe corregir.
Opcionales que pueden ser incluidas en el presupuesto del proyecto:
12.Validación del administrador de contenido por contraseñas.Caso en el cual el administrador de contenido debe ser de acceso WEB.
13.Configuración WEB de todo el sistema incluyendo hosting.
A continuación se presenta en HTML la estructura de lo que se requiere sea incluido en la plantilla: (No es una estructura obligatoría, se aceptan sugerencias que contribuyan o mejoren el resultado pretendido).
<html>
<head>
< meta http-equiv="Content-Language" content="es">
< meta name="GENERATOR" content="Microsoft FrontPage 5.0">
< meta name="ProgId" content="FrontPage.Editor.Document">
< meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Pagina nueva 1</title>
</head>
<body>
<table border="1" style="border-collapse: collapse; " bordercolor="#111111" width="100%" id="AutoNumber1" height="100%" cellpadding="0">
<tr>
<td width="100%" colspan="3" height="96" style="border-style: solid; border-width: 1; ">
<p align="center">Encabezado: debe cargar una imagen o animación flash
insertada desde el administrador de contenido</td>
</tr>
<tr>
<td width="300" height="443" rowspan="2" align="center" valign="top" style="border-style: solid; border-width: 1; ">
<table border="1" cellspacing="1" style="border-collapse: collapse; " bordercolor="#111111" width="100%" id="AutoNumber2" height="206">
<tr>
<td width="300" style="border-style: solid; border-width: 1; " height="201">
<p align="center">Menú de categorías:</p>
<p align="center">Debe adicionar un "botón de categoría" cada vez que se
cree una categoría desde el administrador de contenido</p>
<p align="center"><font color="#FF0000">(Esta columna tiene ancho
sugerido 300 px)</font></td>
</tr>
</table>
<p>Grupo 1 de Imagenes</p>
<table border="1" cellspacing="1" style="border-collapse: collapse; " bordercolor="#111111" width="100%" id="AutoNumber3" height="63">
<tr>
<td width="100%" style="border-style: solid; border-width: 1; " height="58">
<p align="center">Imagen 1</td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; " bordercolor="#111111" width="100%" id="AutoNumber4" height="57">
<tr>
<td width="100%" style="border-style: solid; border-width: 1; " height="55">
<p align="center">Imagen 2</td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; " bordercolor="#111111" width="100%" id="AutoNumber5" height="59">
<tr>
<td width="100%" style="border-style: solid; border-width: 1; " height="57">
<p align="center">Imagen ... "n"</td>
</tr>
</table>
<p>Cada imagen o animación flash se debe cargar desde el administrador de
contenido, con opciones: fija y rotativo </td>
<td width="100%" height="100%" style="border-left-style:solid; border-left-width:1; border-right-style:solid; border-right-width:1; border-bottom-style:solid; border-bottom-width:1">
<p align="center">Bloque de contenido 1, debe poder combinar: Texto,
Imágenes, Animaciones Flash que se insertan desde el administrador de
contenido<p align="center"><font color="#FF0000">(Esta columna tiene ancho
sugerido 100 %. Este campo debe permitir opciones de alineación desde el
administrador de contenidos )</font></td>
<td width="300" height="443" rowspan="2" style="border-left-style:solid; border-left-width:1; border-right-style:solid; border-right-width:1; border-bottom-style:solid; border-bottom-width:1" valign="top">
<table border="1" cellspacing="1" style="border-collapse: collapse; " bordercolor="#111111" width="100%" id="AutoNumber8" height="132">
<tr>
<td width="100%" style="border-style: solid; border-width: 1; " height="130">
<p align="center">scroller vertical: El contenido del scroll se
determina en el administrador de contenido</td>
</tr>
</table>
<p align="center"><font color="#FF0000">(Esta columna tiene ancho sugerido
300 px)</font></p>
<p align="center">Grupo 2 de Imagenes</p>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; " bordercolor="#111111" width="100%" id="AutoNumber9" height="58">
<tr>
<td width="100%" style="border-style: solid; border-width: 1; " height="56">
<p align="center">Imagen 1</td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; " bordercolor="#111111" width="100%" id="AutoNumber10" height="70">
<tr>
<td width="100%" style="border-style: solid; border-width: 1; " height="68">
<p align="center">Imagen ... "n"</td>
</tr>
</table>
<p align="center">zona de publicidad</td>
</tr>
<tr>
<td width="100%" height="100%" style="border-top-style:solid; border-top-width:1; border-bottom-style:solid; border-bottom-width:1">
<p align="center">Bloque de contenido 2, debe poder combinar: Texto,
Imagenes, Flash que se insertan desde el administrador de contenido</td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; " bordercolor="#111111" width="100%" id="AutoNumber6">
<tr>
<td width="100%" style="border-style: solid; border-width: 1; ">
<p align="center"><font size="2">Otras paginas: en este campo se debe
crear un link para cada página del grupo "otras paginas" que se cree desde
el administrador de contenido</font></td>
</tr>
</table>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; " bordercolor="#111111" width="100%" id="AutoNumber7">
<tr>
<td width="100%" style="border-style: solid; border-width: 1; ">
<p align="center"><font face="Verdana" size="2">Copyright © 2008</font></td>
</tr>
</table>
</body>
</html>