Download FUNDAMENTOS BÁSICOS DE TECNOLOGÍAS WEB

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 el
desarrollo de estrategias y oportunidades, considerando el
uso de internet, intranet y extranet, conociendo sus
principales características.
1.1 Fundamentos Básicos
• Internet es un conjunto de servicios y el Web, que es lo que
tratamos de analizar, no es más que uno de ellos.
• La Web es un servicio más que consiste en un inmenso conjunto de
páginas conectadas unas a otras por un sistema de enlaces.
• El sistema con el que está construido el Web se llama Hipertexto y
es 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 que
tambié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 quiere
decir que se están utilizando muchos medios para presentar
información como son:
a)
b)
c)
d)
Vídeo,
audio o
realidad virtual
etc.
• Cuando nos venden una computadora multimedia, nos venden una
computadora que está construida para poder trabajar con muchos
medios, como imagen, sonido, animación, video, etc.
Aplicación Web
• Aplicaciones que los usuarios utilizan accediendo a un servidor web
a través de Internet o de una intranet mediante un navegador.
• Aplicación que se codifica en un lenguaje soportado por
navegadores 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 de
Internet o subdominio en la World Wide Web en Internet.
Página Web
• Documento HTML/XHTML accesible generalmente mediante el protocolo
HTTP de Internet.
HTML
• Siglas de HyperText Markup Language (Lenguaje de Marcado de
Hipertexto), es el lenguaje de marcado predominante para la
elaboración de páginas web.
• Es usado para describir la estructura y el contenido en forma de
texto, así como para complementar el texto con objetos tales como
imágenes. HTML se escribe en forma de «etiquetas», rodeadas por
corchetes angulares (<,>).
XHTML
• Acrónimo en inglés de eXtensible Hypertext Markup Language
(lenguaje extensible de marcado de hipertexto), es el lenguaje de
marcado pensado para sustituir a HTML como estándar para las
páginas web.
• Los navegadores no necesitan implementar heurísticas para
detectar qué quiso poner el autor.
Servidor Web
• Equipo de cómputo, encargado de proveer servicio de
almacenamiento de información, misma que puede ser consultada
mediante una petición de un usuario (cliente) mediante un
protocolo HTTP.
Buscador Web
• Un buscador web o motor de búsqueda es un sistema o aplicación
informática que permite la búsqueda de todo tipo de términos y
palabras clave a partir del desarrollo de índices de archivos
almacenados en servidores web.
Navegador o explorador Web
• Aplicación que sirve para acceder a la WWW (todas las páginas
web) y "navegar" por ella a través de los enlaces.
Dirección IP
• Protocolo de Internet que permite la comunicación en una red a
través de paquetes conmutados.
Protocolo
• Conjunto de normas y procedimientos útiles para la transmisión de
datos, conocido por el emisor y el receptor; es decir, es el lenguaje
que 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ínimo
esfuerzo 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 resultado
inesperado.
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.
1.2 Organización de documentos
• Para publicar en Internet necesitaremos construir documentos
hipertexto, o hipermedia, con sus correspondientes archivos de
imagen o video y alojarlos en un servidor.
• La clasificación de dichos documentos, permite que la información
sea fácil de organizar.
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 letra
minúscula
3.
Se deben utilizar nombres cortos, sin uso de caracteres especiales, espacios
en blanco, ni letras acentuadas.
4.
Los archivos deben clasificarse según el tipo de archivo y la categoría a la que
correspondan
Ejemplos
1.3 Mapa de Navegación
• Es importante pensar en la estructura de los contenidos de todo el
sitio antes de ponernos a diseñarlo. En este punto tenemos que
pensar sobre varias cosas, como:
– Secciones del sitio
– Árbol del sitio
– Esquema de una página
Estructuras del mapa de navegación de un sitio web
• Árbol navegacional
– En esta estructura existe una página principal (la home page en
terminología inglesa) desde la que se puede llegar a otras
páginas de la Web.
Estructuras del mapa de navegación de un sitio 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 cada
una 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; las
páginas están jerarquizadas en niveles, pero dentro de cada
nivel se organizan como listas, de forma que podemos recorrer
todas 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 hay
que cuidar mucho de no dejar enlaces abiertos, es decir,
apuntando a una página inexistente. Además debemos evitar
que el usuario se pierda en una maraña de enlaces. Por todo
esto ello es necesario planificarla muy bien.
1.4 Diseño de documentos
• Al diseñar un documento Web es importante considerar, en primer
lugar, que vamos a diseñar.
• Se deben considerar:
• niveles de lecturas
• diferentes rutas
• contenido del documento
• estructura
• etc.
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 mundo
exterior, por ello el proceso de creación y explotación del mismo
requiere de una metodología contrastada y bien definida. La figura
siguiente muestra una metodología que permite alcanzar las
expectativas de un sitio Web:
1.5 Internet
• “Red de redes” - Establece cooperación y colaboración entre gran
número de comunidades y grupos de interés por temas específicos.
• Formado por una gran cantidad de computadoras que pueden
intercambiar información entre ellas.
1.6 Intranet
Red donde se incluye el uso de Tecnologías Internet, una red
corporativa o empresarial, y la posibilidad de aislarse de la Internet
global.
Una Intranet refiere al uso de tecnologías Internet dentro de una
organización de una forma segura y fiable.
Entorno aislado y protegido, aunque no totalmente seguro.
1.7 Extranet
• Red externa de colaboración que utiliza la tecnología Internet, y que
interconecta a una empresa con sus proveedores, clientes u otros
socios.
• La Extranet también es una red
privada corporativa destinada a
compartir
determinadas
operaciones e informaciones.