LEGORRETA + LEGORRETA

Transcripción

1 Especificaciones Funcionales para el proyecto LEGORRETA + LEGORRETA Versión 1.0 Presentada por Pág. 1 de 47

2 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. 2 de 47

3 4. Hospedaje: Web Comunicaciones Tels.: , , , , , 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. 3 de 47

4 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. 4 de 47

5 7. Mapa de Navegación Pág. 5 de 47

6 Pág. 6 de 47

7 Pág. 7 de 47

8 Pág. 8 de 47

9 Pág. 9 de 47

10 Pág. 10 de 47

11 Pág. 11 de 47

12 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. 12 de 47

13 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. 13 de 47

14 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. 14 de 47

15 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 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. 15 de 47

16 Noticias Descripción Función 2: Función 3: Pantalla de despliegue noticias.php Detalle detalle.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 Tendrá el siguiente despliegue: - Categoría - Título - Descripción - Imagen de 250 x 250 pixeles - Botón Regresar hacia noticias.php Pág. 16 de 47

17 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. 17 de 47

18 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. 18 de 47

19 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. 19 de 47

20 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. 20 de 47

21 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 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: Y debajo de esta leyenda habrá dos botones: Cancelar y Aceptar Está seguro de borrar esta propiedad? 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 Aceptar (la ventana desaparece y volvemos al listado admin./ prensa_list.php) - Botón Nueva Publicación apuntará hacia admin/ prensa_capt.php Los datos han sido borrados Pág. 21 de 47

22 Función 2 Pantalla de captura admin/ prensa _capt.php Desplegará los siguientes datos: Categoría / Category - Bibliografía / Bibliography 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. 22 de 47

23 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. 23 de 47

24 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. 24 de 47

25 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. 25 de 47

26 10. Pantallas dinámicas en PHP Listado de Noticias Pág. 26 de 47

27 Detalle de Noticias Pág. 27 de 47

28 Proyectos / Mapa Sensitivo Pág. 28 de 47

29 Proyectos / Mapa Sensitivo estado over Pág. 29 de 47

30 Proyectos / Listado de Proyectos Pág. 30 de 47

31 Proyectos / Detalle Pág. 31 de 47

32 Proyectos / Cronología Pág. 32 de 47

33 Proyectos / Cronología-detalle Pág. 33 de 47

34 Prensa listado Pág. 34 de 47

35 Prensa Detalle Pág. 35 de 47

36 11. Pantallas del Administrador de Contenido Log in Pág. 36 de 47

37 Menú Principal Pág. 37 de 47

38 Listado de Usuarios Pág. 38 de 47

39 Crear Nuevo Usuario Pág. 39 de 47

40 Listado de Proyectos Pág. 40 de 47

41 Captura de Proyectos Pág. 41 de 47

42 Listado de publicaciones en Prensa Pág. 42 de 47

43 Crear Nueva Publicación Pág. 43 de 47

44 Listado de Noticias Pág. 44 de 47

45 Captura de Noticias Pág. 45 de 47

46 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. 46 de 47

47 Nombre y Firma del Productor Nombre y Firma del Cliente Nombre y Firma de Analista de Nombre y Firma de Desarrollo Hospedaje Pág. 47 de 47