--------------------------------------------------------------
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ó
*