-------------------------------------------------------------- Documentación sobre el sitio web de la Reunión Anual UMA 2006 -------------------------------------------------------------- Fernando J. Gómez - INMABB (CONICET/UNS) Versión 1.0 - Diciembre de 2006 Para cualquier consulta, escribir a: fjgomez@gmail.com -------------------------------------------------------------- Este texto documenta el estado final del sitio web de la Reunión Anual 2006 de la UMA, tal como se lo puede ver en http://inmabb.criba.edu.ar/uma2006/ Más precisamente, documenta una versión ligeramente modificada de ese sitio, que incluye una dosis de limpieza del código y una reorganización de los archivos en carpetas, para facilitar el mantenimiento y futuro desarrollo. Las páginas del sitio se generan con PHP, y se utiliza una base de datos MySQL para almacenar información sobre los participantes. ATENCION: La información sobre la base de datos estará en otro documento. Las URLs tienen esta estructura: http://inmabb.criba.edu.ar/uma2006/uma.php?p=[página solicitada] Por ejemplo, Novedades: http://inmabb.criba.edu.ar/uma2006/uma.php?p=novedades Alojamiento: http://inmabb.criba.edu.ar/uma2006/uma.php?p=alojamiento La página por defecto es p=main. El script uma.php se ocupa de armar cada página, a partir de los 3 elementos comunes (cabecera, barra de navegación y pie) y del contenido solicitado (indicado por el parámetro p). Las páginas usan el doctype HTML 4.01 Strict, y se ha tratado en todo momento de asegurar la validez tanto del HTML como de las hojas de estilo. La presentación se maneja en gran medida desde hojas de estilo externas. Sin embargo, todavía quedan numerosos atributos style esparcidos entre el código HTML, que deberían eliminarse. Algunas reglas CSS destinadas específicamente a Internet Explorer se aplican a través de un comentario condicional: El sitio fue testeado principalmente en Firefox 1.5 e Internet Explorer 6. Es posible que haya que efectuar algunas modificaciones a nivel de CSS si se desea mejorar la visualización en viejos navegadores como IE 5.x. En tal caso, recomendamos mantener la técnica de comentarios condicionales. Vale aclarar que *no* fue testeado con IE7. Para poder acceder al sitio desde la URL http://inmabb.criba.edu.ar/uma2006/ usamos un archivo .htaccess con este contenido: DirectoryIndex uma.php Paso a describir los archivos que componen el sitio. * archivos php * uma.php: script principal Observaciones: verificar que para cada valor del parámetro p se genere un apropiado (ver $pageTitles). * procesa-inscripcion.php: procesa datos de preinscripción * inscriptos.php: presenta un listado de preinscriptos * cursos.php: presenta un listado de cursos asignados * admin.php: usado para las acreditaciones Excepto uma.php, los restantes scripts interactúan con la base de datos. En ellos aparece la línea include('inmabb/inmabb_conexion.inc') que deberá ser modificada de manera apropiada. En nuestro caso, el archivo .inc tenía este contenido: <? MYSQL_CONNECT("nombre.del.servidor","usuario","password") OR DIE ("No se pudo conectar con la base de datos"); MYSQL_SELECT_DB("nombre_de_la_base") OR DIE ("No se pudo abrir la base de datos"); ?> * html En esta carpeta hay 3 archivos de uso común, que son: * header.htm: cabecera * footer.htm: pie * nav.htm: barra de navegación La barra de navegación contiene enlaces internos y, en la parte inferior, algunos enlaces externos relevantes. Los enlaces internos a su vez están organizados en 3 bloques: información general ("burocrática", digamos) sobre la Reunión, información sobre las actividades principales, e información local relacionada con la sede de la Reunión. Cada enlace interno está asociado a un valor del parámetro p, como se muestra en esta tabla: Enlace en la barra de navegación valor del parámetro p ---------------------------------------------------------------- * Página principal main * Novedades novedades * Inscripción form-inscripcion * Listado de preinscriptos inscriptos * Fechas importantes fechas * Becas p/estudiantes becas * Financ. a socios expositores pagos * Certificados certificados * Concurso de monografías monografias * Auspicios auspicios * Comunicaciones REM cronograma-comu-rem * Comunicaciones UMA cronograma-comu-uma * Conferencias conferencias * Cursos cursos * Cronograma cronograma * Bahía Blanca: información general bahia * Direcciones, plano, cómo llegar transporte * Alojamiento alojamiento Para cada valor de p existe un archivo .htm con el mismo nombre. Hay dos archivos .htm que no quedaron asociados a un enlace en la barra de navegación. Se trata de páginas que sólo tienen utilidad durante los primeros meses del sitio, antes del plazo para presentar las comunicaciones. Tal vez habría que encontrar una manera de que no queden huérfanas. Esas páginas son: * presentacion-comu-uma.htm * presentacion-comu-rem.htm Además de esas dos páginas que fueron completamente retiradas del sitio luego de cierta fecha, hay varias páginas que incluyen pequeños fragmentos que sólo son útiles en determinados momentos de la historia del sitio. Un ejemplo es el mensaje "El formulario de inscripción se habilitará próximamente", que aparece en el archivo form-inscripcion.htm. En general, las partes que dejaron de ser útiles se preservaron como un comentario. Por lo tanto, es recomendable leer los comentarios que aparecen en el código de las páginas HTML. También hay partes que *comenzaron* a tener vigencia en determinada fecha, y que antes ni siquiera estaban en el código; esas son más difíciles de detectar, habrá que confiar en el sentido común. * css En esta carpeta están las hojas de estilo: * uma.css * uma-ie.css: correcciones para la visualización en IE 6 * uma-print.css: estilos para impresión (revisar!) Debido a que las hojas de estilo se adaptaron a partir de las usadas para un sitio anterior, es posible que conserven algunas (pocas) reglas obsoletas. * js Esta carpeta contiene 3 scripts en JavaScript: * uma.js: para el form de inscripción * uma-admin.js: para las acreditaciones * sorttable.js: para reordenar la tabla generada por inscriptos.php * pdf Aquí están los archivos PDF con los resúmenes de comunicaciones, el plano de la ciudad y la convocatoria a la asamblea. * img Imágenes usadas en el sitio; posiblemente queden algunas imágenes obsoletas. * afiches En esta carpeta hay algunas imágenes y un archivo pdf que pensamos incluir en el sitio, pero finalmente (no recuerdo el motivo) no se utilizaron. Es una pena, porque hubiera sido muy bueno intentar unificar la gráfica del afiche con la del sitio web. --------------------------------------------------------------------------------------- Año 2010 Webmistress: María Laura Maestri - Contacto: marialauramaestri@gmail.com --------------------------------------------------------------------------------------- * En la carpeta js se han agregado 2 scripts que permiten ajustar el alto de las columnas dinamicamente. * Se ha fijado el ancho de pantalla en 1024px. para evitar tener diferentes css para las resoluciones de pantalla. +Algunas ideas que por cuestiones de tiempo no he llegado a implementar: * RSS en la sección novedades. * En el cuerpo del mail que se envía una vez realizada la preinscripción, agregar la lista de los cursos en los cuales uno se preinscribió *