Enseñanza
e investigación
basada en la red


Dr. Victor Miguel Ponce

Universidad Estatal de San Diego
California, USA


México, D.F.,
a 23 de febrero del 2007

© 2007


Instituto Politécnico Nacional
 Centro de Investigaciones Económicas, Administrativas, y Sociales
 


   Gradas de Teotihuacán







1.  GENERAL

  • El sitio web debe tener:

    • contenido apropiado,
    • navegabilidad adecuada,
    • estilo elegante.

  • El contenido debe ser preciso, de interés para un grupo, relevante y oportuno.

  • El sitio web debe ser rápido de cargar, y fácil de navegar.

  • El estilo se refiere al uso apropiado de colores, fondos, patrones e imágenes.

  • Hay 216 colores firmes en la red, desde negro (#000000) hasta blanco (#ffffff) (hexadecimal: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f).





2.  NAVEGABILIDAD

  • Usar una adaptación del Dewey Decimal Classification System (DDCS), con portales (100, 200, ... 900), subportales (310, 320, ... 390), y páginas (3101, 3102, 3103, ... 3159).

  • Configurar páginas importantes como subdominios: http://facetas.sdsu.edu

  • Para aumentar la eficiencia en el mentenimiento del código fuente, desarrollar el código manualmente, con HTML.

  • Una manera de asegurar que el código sea rápido de ejecutar y fácil de mantener es desarrollar una plantilla.





3.  HERRAMIENTAS

  • HTML tiene la ventaja de ser simple y la desventaja de ser repetitivo (pero se puede cortar y pegar).

  • CSS (Cascade Style Sheets) reduce la repetición en el código fuente.

  • Para aplicaciones dinámicas de legado, usar CGI para controlar el flujo de información y PERL para manipular entradas y salidas (perpetual.sdsu.edu).

  • PHP (o ASP) para aplicaciones dinámicas tales como programación en línea. Nótese que PHP corre en el servidor, no en el visualizador.

  • MySQL o similar para manejo de base de datos.

  • ImageMagick, Photoshop y/o Corel Draw para crear, editar, y diseñar imágenes.

  • SSH para conectarse al servidor remotamente desde cualquier lugar del mundo.





4.  DISEÑO

  • Trabajar remotamente en el servidor cuando sea posible.

  • Editar archivos con un editor avanzado como XEMACS o CRIMSON.

  • Usar fechas explícitas para mostrar la última vez que fue actualizada la página.

  • Usar diversos colores y fondos.

  • Usar una cantidad razonable de imágenes (éstas demoran en cargar).

  • Usar tablas para mejor control de la posición y visualización del contenido.





5.  TAMAÑO

  • Usar preferiblemente tipo de fuente sans-serif (Arial o Helvetica) para que tenga mejor apariencia visual.

  • Usar tipo serif tales como roman o bookman para contenido histórico o énfasis.

  • Diseñar el contenido para ser leído con tamaño de letra de 12 puntos. Controlar tamaño [Control +/-] con el visualizador Firefox.

  • El ancho óptimo de la página son 800 pixeles.

  • Es mejor centrar la página que ponerla a la izquierda.






6.  SEGURIDAD

  • La información en red tiene cuatro niveles de acceso (seguridad):

    1. Abierto:  Con sólo hacer un click en el enlace.
    2. Limitado:  Sólo sabiendo la dirección del sitio web.
    3. Críptico:  El enlace tiene componentes crípticos.
    4. Protegido:  Requiere nombre de usuario y contraseña.

  • Una combinación ideal de seguridad tiene 80% de enlaces abiertos.

  • Desarrollar un sistema para proteger subdirectorios con usuario y contraseña.

  • Seleccionar un nombre de usuario y contraseña que sea fácil de recordar.





7.  ESTRATEGIAS

  • Los reportes se pueden hacer directamente en la red.

  • Las presentaciones se pueden hacer directamente en la red.

  • Reproducir plantillas, y/o cortar y pegar dentro de los archivos.

  • Proveer enlaces calientes en la bibliografía.

  • Poner la lista de contactos o directorio en línea, con PHP/MySQL.

  • HTML es más rápido para desplegar que el formato pdf (Adobe Acrobat).

  • La tendencia actual es hacia la "sociedad sin papel."

  • Para sitios grandes, proveer un servidor exclusivo.






8.  CLAVES
                  





9.  TOPOLOGÍA
         





10.  IMÁGENES

  • En general, usar el formato jpg para imágenes.

  • Escanear material bibliográfico de temas de interés y colocarlo en el sitio web.

  • Usando PHP, desarrollar un despliegue aleatorio de imágenes en los portales para mantener el interés en el sitio.

  • El tamaño recomendable de imágenes es 585 × 400 pixeles.

  • Bajar imágenes de la red, cuando los derechos de autor no estén reservados.

  • Colocar contadores en el portal principal y subdominios.





11.  BUSCADORES

  • El objetivo debe ser el ocupar un lugar preponderante en los buscadores.

  • Las siguientes acciones aumentan la probabilidad de que el sitio sea colocado en buen lugar.

  • Asegurar que la etiqueta TITLE refleje el contenido de la página.

  • Especificar un conjunto apropiado de palabras claves en la etiqueta META.

  • Abrir o modificar con frecuencia el archivo del portal principal (fecha implícita).

  • Especificar la fecha de última actualización en el portal principal (fecha explícita).

  • Colocar el enlace en el pié de página para regresar al portal principal.





12.  RESPALDO

  • Especificar la fecha y hora en el portal principal mediante PHP (o similar).

  • La fecha puede colocarse de esta manera: 070223 (Año 2007, Mes Febrero, Día 23).

  • Asegurar que la institución provea un respaldo diario del servidor.

  • Duplicar el sitio web en otros servidores (espejos): kon.sdsu.edu.

  • Los servidores espejos deben estar en edificios diferentes (riesgo de incendios).

  • Usar © en el portal principal, para proteger derechos de autor.


070204 11:30