FUNDAMENTOS BÁSICOS DE TECNOLOGÍAS WEB

Presenta: J. Raymundo Ceja Vázquez

OBJETIVO

• Describir antes de diseñar como decidir que contenido serápublicado y que tecnología utilizará en la empresa para eldesarrollo de estrategias y oportunidades, considerando eluso de internet, intranet y extranet, conociendo susprincipales características.

1.1 Fundamentos Básicos

• Internet es un conjunto de servicios y el Web, que es lo quetratamos de analizar, no es más que uno de ellos.

• La Web es un servicio más que consiste en un inmenso conjunto depáginas conectadas unas a otras por un sistema de enlaces.

• El sistema con el que está construido el Web se llama Hipertexto yes un entramado de páginas conectadas con enlaces.

La Web como servicio de Internet

• La Web no solo se limita a presentar textos y enlaces, sino quetambién puede ofrecernos:

a) Imágenes,

b) videos,

c) sonido y

d) todo tipo de presentaciones

• Por esta razón, para referirnos al sistema que implementa el Web(hipertexto), se ha utilizado el término Hipermedia.

La Web como servicio de Internet

• Multimedia.- Hace referencia a muchos medios, solamente quieredecir que se están utilizando muchos medios para presentarinformación como son:

a) Vídeo,

b) audio o

c) realidad virtual

d) etc.

• Cuando nos venden una computadora multimedia, nos venden unacomputadora que está construida para poder trabajar con muchosmedios, como imagen, sonido, animación, video, etc.

Aplicación Web

• Aplicaciones que los usuarios utilizan accediendo a un servidor weba través de Internet o de una intranet mediante un navegador.

• Aplicación que se codifica en un lenguaje soportado pornavegadores web en la que se confía la ejecución al navegador.

Sitio Web

• Colección de páginas web relacionadas y comunes a un dominio deInternet o subdominio en la World Wide Web en Internet.

Página Web

• Documento HTML/XHTML accesible generalmente mediante el protocoloHTTP de Internet.

HTML

• Siglas de HyperText Markup Language (Lenguaje de Marcado deHipertexto), es el lenguaje de marcado predominante para laelaboración de páginas web.

• Es usado para describir la estructura y el contenido en forma detexto, así como para complementar el texto con objetos tales comoimágenes. HTML se escribe en forma de «etiquetas», rodeadas porcorchetes angulares (<,>).

XHTML

• Acrónimo en inglés de eXtensible Hypertext Markup Language(lenguaje extensible de marcado de hipertexto), es el lenguaje demarcado pensado para sustituir a HTML como estándar para laspáginas web.

• Los navegadores no necesitan implementar heurísticas paradetectar qué quiso poner el autor.

Servidor Web

• Equipo de cómputo, encargado de proveer servicio dealmacenamiento de información, misma que puede ser consultadamediante una petición de un usuario (cliente) mediante unprotocolo HTTP.

Buscador Web

• Un buscador web o motor de búsqueda es un sistema o aplicacióninformática que permite la búsqueda de todo tipo de términos ypalabras clave a partir del desarrollo de índices de archivosalmacenados en servidores web.

Navegador o explorador Web

• Aplicación que sirve para acceder a la WWW (todas las páginasweb) y "navegar" por ella a través de los enlaces.

Dirección IP

• Protocolo de Internet que permite la comunicación en una red através de paquetes conmutados.

Protocolo

• Conjunto de normas y procedimientos útiles para la transmisión dedatos, conocido por el emisor y el receptor; es decir, es el lenguajeque permite comunicar nodos (computadoras) entre sí.

Principios para el Diseño de Sitios Web

1. Anticipación

2. Autonomía

3. Los colores

4. Consistencia

5. Eficiencia del usuario

6. Reversibilidad

7. Ley de fitts

8. Reducción del tiempo de latencia

9. Aprendizaje

10. El uso adecuado de metáforas

11. La protección del trabajo de los usuarios

12. Legibilidad

13. Seguimiento de las acciones del usuario

14. Interfaz visible

Principios para el Diseño de Sitios Web

a) Los usuarios deben ser capaces de alcanzar sus objetivos con un mínimoesfuerzo y unos resultados máximos.

b) Un sitio Web no ha de tratar al usuario de manera hostil.

c) En ningún caso un sitio Web puede venirse abajo o producir un resultadoinesperado.

d) Un sitio Web debe ajustarse a los usuarios.

e) Los usuarios no deben sufrir sobrecarga de información.

f) Un sitio Web debe ser consistente en todos los pasos del proceso.

g) Un sitio Web debe proveer de un feedback a los usuarios.

• Para publicar en Internet necesitaremos construir documentoshipertexto, o hipermedia, con sus correspondientes archivos deimagen o video y alojarlos en un servidor.

• La clasificación de dichos documentos, permite que la informaciónsea fácil de organizar.

1.2 Organización de documentos

Organización de Documentos

• Por todo lo anterior es importante seguir los siguientes consejos:

1. Se deben crear los directorios necesarios para clasificar la información

2. Los nombres de directorios y archivos deben ser, preferentemente, con letraminúscula

3. Se deben utilizar nombres cortos, sin uso de caracteres especiales, espaciosen blanco, ni letras acentuadas.

4. Los archivos deben clasificarse según el tipo de archivo y la categoría a la quecorrespondan

Ejemplos

• Es importante pensar en la estructura de los contenidos de todo elsitio antes de ponernos a diseñarlo. En este punto tenemos quepensar sobre varias cosas, como:

– Secciones del sitio

– Árbol del sitio

– Esquema de una página

1.3 Mapa de Navegación

Estructuras del mapa de navegación de un sitio web

• Árbol navegacional

– En esta estructura existe una página principal (la home page enterminología inglesa) desde la que se puede llegar a otraspáginas de la Web.

• Listas

– En este tipo de estructura no existe una página raíz o principal,lo que tenemos es una especie de lista de páginas donde cadauna tiene dos vecinas: una a la izquierda y otra a la derecha,excepto las páginas de los extremos.

Estructuras del mapa de navegación de un sitio web

• Mixta

– Esta estructura aprovecha las ventajas de las dos anteriores; laspáginas están jerarquizadas en niveles, pero dentro de cadanivel se organizan como listas, de forma que podemos recorrertodas las páginas de un mismo nivel sin tener que salir de él.

Estructuras del mapa de navegación de un sitio web

• Red

– Es una estructura de apariencia algo anárquica en la que hayque cuidar mucho de no dejar enlaces abiertos, es decir,apuntando a una página inexistente. Además debemos evitarque el usuario se pierda en una maraña de enlaces. Por todoesto ello es necesario planificarla muy bien.

Estructuras del mapa de navegación de un sitio web

• Al diseñar un documento Web es importante considerar, en primerlugar, que vamos a diseñar.

• Se deben considerar:

• niveles de lecturas

• diferentes rutas

• contenido del documento

• estructura

• etc.

1.4 Diseño de documentos

Aspectos a considerar para el diseño de documentos Web

• Un documento web requiere:

– Un título informativo

– La identidad del creador

– La fecha de actualización

– Un enlace a la página principal

Metodología para el desarrollo web

• Un sitio Web, muestra la imagen de la empresa hacia el mundoexterior, por ello el proceso de creación y explotación del mismorequiere de una metodología contrastada y bien definida. La figurasiguiente muestra una metodología que permite alcanzar lasexpectativas de un sitio Web:

• “Red de redes” - Establece cooperación y colaboración entre grannúmero de comunidades y grupos de interés por temas específicos.

• Formado por una gran cantidad de computadoras que puedenintercambiar información entre ellas.

1.5 Internet

� Red donde se incluye el uso de Tecnologías Internet, una redcorporativa o empresarial, y la posibilidad de aislarse de la Internetglobal.

� Una Intranet refiere al uso de tecnologías Internet dentro de unaorganización de una forma segura y fiable.

� Entorno aislado y protegido, aunque no totalmente seguro.

1.6 Intranet

• Red externa de colaboración que utiliza la tecnología Internet, y queinterconecta a una empresa con sus proveedores, clientes u otrossocios.

1.7 Extranet

• La Extranet también es una redprivada corporativa destinada acompartir determinadasoperaciones e informaciones.