Pág. 1 de 47

Especificaciones Funcionales para el proyecto

LEGORRETA + LEGORRETA

Versión 1.0

Presentada por

Pág. 2 de 47

1. Antecedentes

• Actualmente L+L tiene ya un sitio web en Internet

• El sitio está producido en Macromedia Flash, por lo que las páginas aparecen como películas comprimidas en formato .swf, lo que hace difícil indexar las páginas o añadir “keywords” para localizarla

• El tiempo de descarga de las animaciones es lento, debido al peso de las animaciones • La búsqueda del portafolio no es del todo amigable, el mapa de ubicación de obras no devuelve ninguna pantalla de detalle, desaprovechando la interactividad del flash • Las categorías de desarrollos están ocultas y se precisa más de un click para encontrarlas • El mantenimiento del sitio es complejo porque se precisan los archivos fuentes para crear nuevas “escenas” y exportarlas como películas de flash

2. Objetivo del proyecto: Se requiere hacer una migración del sitio en flash a html o php para poder indexar cada página y tener una infraestructura flexible en Internet para:

• Publicar contenido actualizado sobre los desarrollos y noticias que genera el despacho, siendo una oficina abierta los 365 días del año las 24 horas del día

• Valor de uso al usuario al mostrar imágenes, documentos, ligas, y datos relevantes sobre los desarrollos y proyectos del despacho

• Reforzar la imagen corporativa del despacho, habilitando cuentas de correo genéricas para servicios como contacto o solicitudes

• Independencia de despachos de diseño o copywriting al contar con una herramienta de publicación de contenido dinámica y auto-administrable, además de replicable en futuros diplomados

3. Plataforma: PHP con base datos MySQL.

Pág. 3 de 47

4. Hospedaje: Web Comunicaciones Tels.: 5554 6402, 5554 8801, 5659 3519, 5554 3171, 5659 3870, 5659 1349 https://panel.webcomunicaciones.com:8443/login.php3?previous_page=index- Usuario: legorretalegorreta.com Password: lego05

5. Seguridad

• La Administración de algunas secciones del sitio web se realizará en Internet en una aplicación de Administrador de Contenido con una ruta diferente. • Para poder acceder al contenido deberá validarse el usuario y la clave de acceso. • Habrá un editor que podrá crear permisos de publicación para otros usuarios. • El contenido de las secciones Proyectos, Noticias y Prensa residirá en la base de datos de Internet y será administrado por el web master designado por Legorreta + Legorreta.

Pág. 4 de 47

6. Criterios • Deberá de operar sobre el Internet en la mayoría de los navegadores que existen en el mercado (Internet Explorer® versión 5.0 o posterior, Netscape® versión 6.0 o

posterior, Safari y Fire fox), manteniendo la seguridad de la información según sea el caso. • El o los dominios en Internet serán proporcionados por Web Comunicaciones. • El hospedaje se realizará en Web Comunicaciones, quien administrará tales dominios. • La base de datos será administrada por el web master que Legorreta+Legorreta designe para ello, además de un editor en caso de que llegue a faltar el web master para

que administre su contenido y publicación. • El web master creará los permisos para posibles editores de contenido.

Pág. 5 de 47

7. Mapa de Navegación

Pág. 6 de 47

Pág. 7 de 47

Pág. 8 de 47

Pág. 9 de 47

Pág. 10 de 47

Pág. 11 de 47

Pág. 12 de 47

8. Especificaciones Funcionales

Home Page

Descripción

Función 1:

Pantalla de despliegue index.html

Esta será la página principal. Los elementos que presentará serán:

• Barra de Menú • Logotipo del Despacho • Imagen

Función 2:

Barra de menú

Ligas hacia:

• Versión en Inglés (/english/index.htm) • Perfil (perfil.htm) • Proyectos (proyectos.php) • Prensa (prensa.php) • Noticias (noticias.php) • Contacto (contacto.htm) • Créditos (creditos.php)

Pág. 13 de 47

Proyectos

Descripción

Función 1:

Pantalla de despliegue proyectos.php

Desplegará los siguientes elementos:

• Buscador de proyectos o Por nombre o Por categoría (listadas a continuación)

Será un campo de texto para que el usuario escriba una palabra. A continuación encontrará el botón “Encontrar”. Al hacer clic sobre éste, aparecerá una pantalla (búsqueda.php) con los resultados que el sistema haya encontrado asociados a esa palabra, a manera de links, para que al hacer clic sobre éstos el usuario se remita al detalle de lo que está buscando. • Mapa sensitivo. Al elegir algún punto indicado en el mapa, aparecerá una ventana sobre impuesta con un listado de los proyectos

desarrollados en esa zona a manera de links, para que al elegir uno, aparezca el detalle del mismo.

• Botón “Categoría”. Desplegará un submenú con los siguientes criterios: - En fase de diseño - En construcción - Planes maestros - Institucionales - Residenciales - Conjuntos habitacionales - Corporativos y oficinas - Comerciales - Hoteles

• Al elegir uno de éstos, aparecerá una pantalla con el listado de proyectos asociados , para que el usuario elija uno y pueda ver su detalle (fs_proyectos.php)

• Botón “Cronología”. Desplegará un listado con los proyectos por año de terminación. Al elegir un proyecto aparecerá su detalle (fs_proyectos.php)

Pág. 14 de 47

Detalle de Proyecto

Descripción

Función 2:

Detalle de proyecto (proyectos_detalle.php)

Mostrará los siguientes elementos: • Categoría • Nombre del proyecto (en mayúsculas) • Cliente • Localización • Área • Fecha de terminación • Arquitectura • Arquitecto asociado • Arquitecto ejecutivo • Descripción • Liga asociada • Imágenes (hasta 3). Cada imagen se desplegará en un tamaño de 152 x 152 pixeles. Debajo de cada imagen habrá una liga “Ver detalle”. Al hacer click

sobre la liga aparecerá una pantalla (proyectos_detalle_foto.php) con la imagen en un tamaño mayor de 350 x 350 pixeles. Debajo de ésta, un botón “Regresar” retornará al usuario a la pantalla anterior (proyectos_detalle.php).

Para el caso de “Cronología”, los proyectos se listarán recuperando el campo “Año”, cuando se den de alta en el Administrador de contenido, descrito más adelante.

Pág. 15 de 47

Prensa

Descripción

Función 1:

Pantalla de despliegue prensa.php

Mostrará los siguientes elementos:

• Opción “Publicaciones”. Mostrará un submenú con las siguientes opciones: - Bibliografía - 2005 - 2003 - 2002 – 2001 - 2000 – 1997 - 1996 - 1992 - 1991 – 1981 - 1980 – 1970 - 1969 – 1957 Al elegir cualquiera de estas opciones aparecerá un listado con las publicaciones asociadas a cada una, acompañadas de una imagen pequeña o “thumbnail” de 42 x 42 pixeles. Al hacer clic sobre éstas se mostrará una pantalla de detalle (prensa_detalle.php)

• Opción “Solicitud de material”. Será una liga hacia un formulario (prensa_solicitud.php)

Función 2: Pantalla de despliegue prensa_detalle.php

• Tendrá el siguiente despliegue:

- Categoría - Título - Editorial - Año - Descripción - PDF (opcional) - Imagen de 250 x 250 pixeles - Botón “Regresar” hacia prensa.php

Pág. 16 de 47

Noticias

Descripción

Función 2:

Pantalla de despliegue noticias.php

Tendrá el siguiente despliegue: • Categoría - Últimas Noticias - Exposiciones - Concursos - Inauguraciones - Primera Piedra - Conferencias - Medios Al elegir cualquiera de éstas aparecerá un listado con los titulares de las noticias asociadas y debajo una liga que indique “Ver más”, direccionada al detalle noticias_detalle.php

Función 3:

Detalle detalle.php

• Tendrá el siguiente despliegue:

- Categoría - Título - Descripción - Imagen de 250 x 250 pixeles - Botón “Regresar” hacia noticias.php

Pág. 17 de 47

Aplicación de Administración de

Contenido

Descripción

Función 1:

Pantalla de Registro admin / admin_login.php

Para ingresar a la aplicación de administración y publicación de contenido el administrador del sitio deberá ingresar:

• El nombre de usuario (campo de texto) • Su clave de acceso (campo de texto) • Botón “Entrar”

- Si el usuario está validado podrá acceder a la pantalla de menú (admin_menu.php) - Si el usuario NO está validado aparecerá el siguiente mensaje:

Usted no cuenta con autorización para ingresar a esta aplicación. Aceptar

Al hacer click en “Aceptar” desaparecerá este aviso permaneciendo la pantalla admnin_login.php

Función 2

Pantalla de menú admin. / admin_menu.php

Desplegará el siguiente mensaje Bienvenido (nombre del usuario) Desde esta aplicación podrá crear, modificar o eliminar contenido para las siguientes secciones:

• Usuarios • Proyectos • Prensa • Noticias

Pág. 18 de 47

Administrador de Usuarios Descripción

Función 1:

Pantalla de menú admin / usuarios_list.php

Desde esta pantalla el administrador podrá:

• “Crear un usuario” (liga hacia usuarios_capt.php) • “Modificar” un usuario al hacer clic sobre la lista de usuarios registrados (usuarios_capt..php) • “Borrar” un usuario

Función 2: :

Alta de usuarios admin / usuarios_capt.php

Los usuarios tendrán los siguientes atributos:

• Nombre del usuario • Clave de acceso • Privilegios. Con base en estos se podrá acceder a:

- consulta - publicación - secciones. Estas aparecerán en un recuadro “check box”, para que el administrador seleccione a cuáles tendrá acceso el usuario que va a crear. Las secciones son Usuarios, Proyectos, Prensa y Noticias.

• Botón “Guardar y Publicar”. Guardará los datos y el nuevo usuario aparecerá listado en la pantalla anterior usuarios_list.php

Función 3:

Borrar un usuario

Al hacer clic sobre el botón “Borrar” una ventana flotante de alarma preguntará ¿Está seguro de borrar a este usuario? y dos botones: “SI” y “NO” Al oprimir “SI”, los datos se borran del sistema y aparece una ventana con el mensaje: El usuario ha sido eliminado del sistema Al oprimir “NO” la acción se cancela y desaparece la pantalla flotante. Los datos permanecen.

Pág. 19 de 47

Administrador de Proyectos Descripción

Función 1:

Pantalla de Listado admin/ proyectos_list.php

Los proyectos a registrarse serán suministrados por la persona asignada para hacer cambios en este administrador ya sea alta o baja de inmuebles.

Aparecerá un dropdown menu para filtrar el listado por categoría. Las categorías que aparecerán son: - En fase de diseño - En construcción - Planes maestros - Institucionales - Residenciales - Conjuntos habitacionales - Corporativos y oficinas - Comerciales - Hoteles Por ejemplo si elegimos la opción En fase de diseño, en esta pantalla aparecerá un listado general con proyectos registrados por el sistema a manera de links para que al elegir uno despliegue su detalle (admin./ proyectos_capt..php). También en el listado, deberá incluirse en una columna la opción “Borrar” frente a cada registro dado de alta. Al hacer clic en este botón aparecerá una pantalla sobre impuesta con el siguiente mensaje:

¿Esta seguro de borrar este proyecto ?

Y debajo de esta leyenda habrá dos botones: “Cancelar” y “Aceptar” Botón “Cancelar”: oculta la ventana flotante y deja al usuario seguir eligiendoproyectos Botón “Aceptar”: Elimina el proyecto seleccionado y manda la pantalla de confirmación

Los datos han sido borrados

“Aceptar” (la ventana desaparece y volvemos al listado admin./proyectos_list.php) - Botón “Nuevo Proyecto” apuntará hacia admin./proyectos_capt.php Los proyectos se listarán en bloques de 10, acompañados de las opciones “Siguiente >”. y “<Anterior”

Pág. 20 de 47

Función 2:

Pantalla de captura admin/ proyectos_capt.php

Este administrador tendrá doble camo de captura, un campo para la versión en español y otro para la versión en Inglés. Es importante que cada dato aparezca en la versión correcta. • Categoría (dropdown menú) / Category • Año / Year (este dato lo recuperará el sistema cuando el criterio de búsqueda sea “Cronológico”. • Nombre del proyecto / Project name • Cliente /Client • Localización / Location • Área / Size • Fecha de terminación / Date of completion • Arquitectura / Architecture • Arquitecto asociado / Associate architect • Arquitecto ejecutivo / Executive architect • Reseña / Description • Liga Asociada / link • Icono / Thumbnail (42 x 42 pixeles) • Imagen 1 / Image 1 (350 x 350 pixeles) • Imagen 1 / Image 1 (350 x 350 pixeles) • Imagen 1 / Image 1 (350 x 350 pixeles) • Botón “Guardar y Publicar”. Al oprimirlo los datos se guardan en el sistema y se depliega la pantalla anterior admin./ proyectos_list.php •

Pág. 21 de 47

Administrador de Prensa Descripción Función 1:

Pantalla de Listado admin_inmuebles_list.php

Las publicaciones a registrarse serán suministrados por la persona asignada para hacer cambios en este administrador ya sea alta o baja de inmuebles. Aparecerá un dropdown menú con una lista de categorías para visualizar en el listado. Las categorías serán: - Bibliografía - 2005 - 2003 - 2002 – 2001 - 2000 – 1997 - 1996 - 1992 - 1991 – 1981 - 1980 – 1970 - 1969 – 1957 Por ejemplo si elegimos la opción Bibliografía , en esta pantalla aparecerá un listado general con las publicaciones registradas por el sistema a manera de links para que al elegir uno despliegue su detalle (admin/ prensa_capt..php). También en el listado, deberá incluirse en una columna la opción “Borrar” frente a cada registro dado de alta. Al hacer clic en este botón aparecerá una pantalla sobre impuesta con el siguiente mensaje:

¿Está seguro de borrar esta propiedad ?

Y debajo de esta leyenda habrá dos botones: “Cancelar” y “Aceptar” Botón “Cancelar”: oculta la ventana flotante y deja al usuario seguir eligiendo publicaciones Botón “Aceptar”: Elimina la publicación seleccionada y manda la pantalla de confirmación

Los datos han sido borrados

Aceptar (la ventana desaparece y volvemos al listado admin./ prensa_list.php) - Botón “Nueva Publicación” apuntará hacia admin/ prensa_capt.php

Pág. 22 de 47

Función 2

Pantalla de captura admin/ prensa _capt.php

Desplegará los siguientes datos:

• Categoría / Category - Bibliografía / Bibliography - 2005 - 2003 - 2002 – 2001 - 2000 – 1997 - 1996 - 1992 - 1991 – 1981 - 1980 – 1970 - 1969 – 1957

• Título / Title • Editorial / Printer • Año / Year • Descripción • Añadir PDF / Attach PDF • Imagen / Image • Ícono / Thumbnail • Botón “Guardar y Publicar” Al hacer clic sobre este botón, los datos se guardan en el sistema y se desplegarán en la página web.

Pág. 23 de 47

Administrador de Noticias Descripción Función 1:

Pantalla de listado admin / noticias_list.php

Las noticias a registrarse serán suministrados por la persona asignada para hacer cambios en este administrador ya sea alta o baja de inmuebles. Aparecerá un drop down menú con una lista de categorías para visualizar en el listado. Las categorías serán: - Últimas Noticias - Exposiciones - Concursos - Inauguraciones - Primera Piedra - Conferencias - Medios Por ejemplo si elegimos la opción Últimas Noticias , en esta pantalla aparecerá un listado general con las publicaciones registradas por el sistema a manera de links para que al elegir uno despliegue su detalle (admin/ noticias_capt..php). También en el listado, deberá incluirse en una columna la opción “Borrar” frente a cada registro dado de alta. Al hacer clic en este botón aparecerá una pantalla sobre impuesta con el siguiente mensaje:

¿Está seguro de borrar esta noticia ?

Y debajo de esta leyenda habrá dos botones: “Cancelar” y “Aceptar” Botón “Cancelar”: oculta la ventana flotante y deja al usuario seguir eligiendo noticias Botón “Aceptar”: Elimina la noticia seleccionada y manda la pantalla de confirmación

Los datos han sido borrados

Aceptar (la ventana desaparece y volvemos al listado admin./ noticias_list.php) - Botón “Nueva Noticia” apuntará hacia admin/ noticias_capt.php

Pág. 24 de 47

Función 2: :

Pantalla de captura admin / noticias_capt.php

Desplegará los siguientes datos:

• Categoría / Category - Últimas Noticias / Latest News - Exposiciones / Exhibitions - Concursos / Competitions - Inauguraciones / Openings - Ground Breaking - Conferences - Media

• Fecha / Date • Título / Title • Reseña / Resume • Liga asociada / link • Imagen 1 / Image 1 • Imagen 2 / Image • Imagen 3 / Image 3 • Botón “Guardar y Publicar” • Al hacer clic sobre este botón, los datos se guardan en el sistema y se desplegarán en la página web.

Pág. 25 de 47

9. Tablas de referencia Keywords Deberán incluirse en todas las páginas html para facilitar el despliegue del web site de Legorreta según los criterios de búsqueda de los usuarios en los buscadores de Internet.

Key words

LEGORRETA + LEGORRETA LEGORRETA RICARDO LEGORRETA VICTOR LEGORRETA LEGORRETA ARQUITECTOS DESPACHO LEGORRETA ARQUITECTOS MEXICANOS ARQUITECTURA MEXICANA ARQUITECTOS EN MEXICO DESPACHOS DE ARQUITECTOS ARQUITECTOS ARQUITECTURA ARQUITECTURA SIGLO XX ARQUITECTURA CONTEMPORANEA ARQUITECTURA UNIVERSAL ARQUITECTOS UNIVERSALES HOTEL CAMINO REAL MEXICO CASA MONTEALBAN MUSEO PAPALOTE PALACIO DE ITURBIDE CATEDRAL DE MANAGUA PLAZA JUAREZ CONJUNTO JUAREZ

<meta name="keywords" content="Arquitectura mexicana contemporanea, Legorreta + Legorreta, Legorreta, Ricardo Legorreta, Victor Legorreta, Legorreta Arquitectos, despacho legorreta, arquitectos mexicanos, Arquitectura Mexicana, Arquitectos en Mexico, Despachos de arquitectos, Arquitectos, arquitectura, arquitectura siglo XX, arquitectura contemporanea, arquitectura universal, arquitectos universales, Hotel Camino Real Mexico, Casa Montealban, Museo Papalote, Palacio de Iturbide, Catedral de Managua, Plaza Juarez, Conjunto Juarez"> <meta name="description" content="Arquitectura Mexicana Contemporánea">

Pág. 26 de 47

10. Pantallas dinámicas en PHP

Listado de Noticias

Pág. 27 de 47

Detalle de Noticias

Pág. 28 de 47

Proyectos / Mapa Sensitivo

Pág. 29 de 47

Proyectos / Mapa Sensitivo – estado “over”

Pág. 30 de 47

Proyectos / Listado de Proyectos

Pág. 31 de 47

Proyectos / Detalle

Pág. 32 de 47

Proyectos / Cronología

Pág. 33 de 47

Proyectos / Cronología-detalle

Pág. 34 de 47

Prensa – listado

Pág. 35 de 47

Prensa Detalle

Pág. 36 de 47

11. Pantallas del Administrador de Contenido

Log in

Pág. 37 de 47

Menú Principal

Pág. 38 de 47

Listado de Usuarios

Pág. 39 de 47

Crear Nuevo Usuario

Pág. 40 de 47

Listado de Proyectos

Pág. 41 de 47

Captura de Proyectos

Pág. 42 de 47

Listado de publicaciones en Prensa

Pág. 43 de 47

Crear Nueva Publicación

Pág. 44 de 47

Listado de Noticias

Pág. 45 de 47

Captura de Noticias

Pág. 46 de 47

12. Recorte de imágenes Para la sección “Proyectos” existen tres tipos de tamaño para las imágenes: Icon (42 X 42 pixeles) que aparece en el listado general de proyectos asociados a una categoría

Ima (152 X 152 pixeles) que aparecen a la derecha de la descripción de cada proyecto

Detalle, (350 X 350 pixeles) que se muestra al elegir una imagen en la pantalla de descripción del proyecto

El formato debe permanecer cuadrado, por lo que si una imagen presenta un formato panorámico o vertical, éste deberá ajustarse para ser desplegado en el área

Pág. 47 de 47

___________________________________ ______________________________

Nombre y Firma del Productor Nombre y Firma del Cliente ___________________________________ _____________________________

Nombre y Firma de Analista de Nombre y Firma de Desarrollo Hospedaje