FUNDAMENTOS

BÁSICOS DE
TECNOLOGÍAS
Flor de María Tello Flores
Publicitario
 OBJETI
VO

• Identifica los recursos informáticos, teniendo en cuenta

las necesidades de trabajo, para la integración de las
TIC a los procesos del emprendimiento.

Aprendizaj
e

• Comprende los principales elementos de nuevas

tecnologías
 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) Vídeo,
b) audio o
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.
 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áginasweb relacionadas y comunes a
un dominiode Internet o subdominio en la World Wide Web en
Internet.
 Página
Web
• Documento HTML/XHTML accesible generalmente mediante el
protocolo HTTP de Internet.
 HTM
L
• 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 (<,>).
 XHTM
L
• 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
almacenamiento de información,
de 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.
 Protocol
o
• 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
Reducción del tiempo de latencia
Mide el tiempo que tarda un paquete de datos en llegar
de un lugar a otro. Este tiempo se mide
en milisegundos.
 Ley de
fittsconclusión práctica
La primera
que podemos extraer de la Ley
de Fitts es clara:
Cuando esperamos que el
usuario haga clic en un elemento
de interacción, el tamaño del
elemento y su posición con
respecto al punto de partida del
cursor importan. Mucho.

Ejemplo común de mala práctica:

Al completar el último campo en un
proceso de registro, nos encontramos
con que el botón “enviar” está más
lejos de ese punto que otros botones
del formulario y su tamaño es
exactamente el mismo (¡MAL HECHO!).
Para mejorar la visibilidad de la interfaz de una web hay que aplicar el principio “Aquello que tú ves, es
lo que puedes conseguir” WYSIWYG (What You See Is What You Get).
Es importante no ocultar características de cualquier aplicación o usar comandos demasiado
abstractos o que no estén en un orden ya conocido por el usuario. Éste tiene que ser capaz de
encontrar aquello que necesita donde lo necesita.
Por ejemplo, los menús presentan listas de comandos o instrucciones que ya tienen una estructura
determinada y que el usuario ya está acostumbrado a utilizar. En este apartado se enmarca también la
necesidad de mostrar en la pantalla las cosas como luego saldrán por la impresora.
Este principio es el principal responsable de que el usuario tenga sensación de control sobre el
sistema que utiliza. La visibilidad se puede obtener en diferentes niveles. Como concepto general,
todos aquellos elementos con los que el usuario deba interactuar no deben permanecer invisibles: el
usuario siempre los tendrá “a mano”.
 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
Ejempl
os
 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.