FUNDAMENTOS BÁSICOS DE TECNOLOGÍAS WEB. Presenta: J. Raymundo Ceja Vázquez

Transcripción

1 FUNDAMENTOS BÁSICOS DE TECNOLOGÍAS WEB Presenta: J. Raymundo Ceja Vázquez

2 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.

3 1.1 Fundamentos Básicos Internet es un conjunto de servicios y el Web, que es lo que tratamosdeanalizar,noesmásqueunodeellos. La Web esunserviciomás queconsiste enuninmensoconjunto 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.

4 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) sonidoy 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.

5 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) Vídeo, b) audioo c) realidad virtual d) 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.

6 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.

7 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.

8 Página Web Documento HTML/XHTML accesible generalmente mediante el protocolo HTTP de Internet.

9 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(<,>).

10 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.

11 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.

12 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.

13 Navegador o explorador Web Aplicación que sirve para acceder a la WWW (todas las páginas web)y"navegar"porellaatravésdelosenlaces.

14 Dirección IP Protocolo de Internet que permite la comunicación en una red a través de paquetes conmutados.

15 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í.

16 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.Leydefitts 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

17 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)unsitiowebnohadetrataralusuariodemanerahostil. c) En ningún caso un sitio Web puede venirse abajo o producir un resultado inesperado. d)unsitiowebdebeajustarsealosusuarios. e) Los usuarios no deben sufrir sobrecarga de información. f)unsitiowebdebeserconsistenteentodoslospasosdelproceso. g)unsitiowebdebeproveerdeunfeedbackalosusuarios.

18 1.2 Organización de documentos Para publicar en Internet necesitaremos construir documentos hipertexto, o hipermedia, con sus correspondientes archivos de imagenovideoyalojarlosenunservidor. La clasificación de dichos documentos, permite que la información sea fácil de organizar.

19 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. Losarchivosdebenclasificarsesegúneltipodearchivoylacategoríaalaque correspondan

20 Ejemplos

21 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 Árboldelsitio Esquemadeunapágina

22 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áginasdelaweb.

23 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.

24 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 todaslaspáginasdeunmismonivelsintenerquesalirdeél.

25 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.

26 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.

27 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

28 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:

29 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.

30 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.

31 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.