ESCUELA SUPERIOR POLITCNICA DE

CHIMBORAZO
FACULTAD DE INFORMTICA Y ELECTRNICA
ESCUELA DE DISEO GRFICO

DISEO Y APLICACIN DE UNA BIBLIOTECA VIRTUAL
DE TESIS DIGITALES DE LA ESCUELA DE INGENIERIA
INDUSTRIAL.

TESIS DE GRADO
Previa la obtencin del ttulo de:
LICENCIADA EN DISEO GRFICO
BERTHA ALEJANDRA PAREDES CALDERN

RIOBAMBA ECUADOR
2009






















Agradezco a mis padres por su apoyo incondicional,
a mis hermanos y a amigos por su ayuda, a la
Escuela de Diseo Grfico a sus autoridades y
docentes; a mi tribunal de tesis de grado Ingeniero
Nicolay Samaniego y Licenciado Ramiro Santos por
su importante orientacin para el desarrollo de mi
investigacin, a las personas encargadas de la
BIBLIOTECA DE LA FACULTAD DE MECNICA por
haberme brindado las facilidades para la ejecucin del
presente trabajo.























En memoria a mi abuelita querida:
i|v|t ctxwx i|v|t ctxwx i|v|t ctxwx i|v|t ctxwx


FIRMAS DE RESPONSABILIDAD

NOMBRE FIRMA FECHA

Dr. Romeo Rodrguez C.
DECANO DE LA FACULTAD DE
INFORMTICA Y ELECTRNICA


___________________


____________

Ing. Milton Espinoza
DIRECTOR DE ESCUELA


___________________


____________

Ing. Gonzalo Samaniego
DIRECTOR DE TESIS


___________________


____________

Lic. Ramiro Santos
MIEMBRO DEL TRIBUNAL


___________________


____________

Carlos Rodrguez.
DIRECTOR DEL CENTRO DE
DOCUMENTACIN


___________________


____________

NOTA DE LA TESIS

___________________










Yo Bertha Alejandra Paredes Caldern, soy la responsable de las ideas,
doctrinas y resultados expuestos en esta tesis, y el patrimonio intelectual de
la Tesis de Grado pertenece a la ESCUELA SUPERIOR POLITCNICA DE
CHIMBORAZO




BERTHA PAREDES






INDICE GENERAL
CAPITULO I: GENERALIDADES

PAGINA
1.1 Antecedentes 12
1.2 Justificacin 13
1.3 Objetivos 14
1.3.1 Objetivo general 14
1.3.2 Objetivos especficos 14
CAPITULO II: INVESTIGACIN DE MERCADOS
2.1 Segmentacin de mercado 15
2.2 Proceso de segmentacin de mercado 17
2.2.1 Objetivos de la investigacin 17
2.2.2 Determinar la Poblacin 17
2.2.3 Tamao de la muestra 17
2.2.4 Aplicacin de un mtodo de muestreo 18
2.2.5 Obtencin de la informacin 19
2.2.6 Anlisis e interpretacin de la informacin 19
CAPITULO III: MARCO TERICO
3.1. CONCEPTOS WEB 22
3.1.1. Internet 22
3.1.2. El word wide web (www) 24
3.1.3. Pgina Web 26
3.1.3.1. Tipos de pginas Web 27
3.1.4. Sitio Web 27
3.1.5. Portal Web 28
3.1.6. Intranet 28
3.1.6.1 Seguridad en una intranet 29
3.2. CONCEPTOS DISEO WEB 29
3.2.1. Imgenes digitales 29
3.2.1.1. Tipos de imgenes 30
3.2.1.2. Modos de imagen 30
3.2.1.3. Formatos de archivo 31
3.2.2. Formatos grficos Web 32
3.2.3. El color en la Web 33
3.2.3.1. Teora del color para Web 34
3.2.3.2. Percepcin y experiencia 34
3.2.3.3. Contexto emocional y cultural 34
3.2.3.4. Colores y sus asociaciones 35
3.2.4. Tipografa en la web 36
3.2.4.1. Clases de tipografas y fuentes 36
3.2.4.2. Tamao del texto 37
3.2.4.3. Tipografa y color 37
3.2.4.4. Normas bsicas de tipografa 38
3.2.5. Elementos grficos Web 38
3.2.6. Interfaz Web 44
3.2.6.1. El dintel 45
3.2.6.2. Sistemas de navegacin 46
3.2.6.3. El cuerpo de la pgina 48
3.2.6.4. El pie de pgina 50
3.2.7. Usabilidad web 51
3.2.7.1. Organizacin de los Contenidos 52
3.2.7.2. Textos 54
3.2.7.3. Enlaces 55
3.2.7.4. Grficos 56
3.2.7.5. Color 57
3.2.7.6. Otros factores que Influyen en la usabilidad 58
3.3. BIBLIOTECA 59
3.3.1. Evolucin de la biblioteca - virtual 59
3.3.2. Catalogacin 61
3.3.2.1.Catalogacin automatizada 61
3.3.2.2.Catlogos en lnea 62
3.3.2.3.Tipos de catlogos en lnea 63
3.3.3. Formas de bsqueda 63
3.3.4. Nivel de descripcin Bibliogrfica 64
3.4. BASES DE DATOS 65
3.4.1. Objetos de una base de datos 65
3.4.2.Conceptos bsicos de una base de datos 66
CAPITULO IV: DISEO BIBLIOTECA VIRTUAL
4.1.Requerimientos bsicos 68
4.2.Bocetos y prototipos 69
4.3.Contenidos 70
4.3.1.Estructura de organizacin de la biblioteca virtual 70
4.4. La retcula 71
4.5. Proporcin 73
4.6. Aspecto formal 73
4.7. Tipografa 74
4.8. Color 75
4.9. Elementos grficos Web 78
4.10. Interfaz grfica 79
4.11. Evaluacin y prueba biblioteca virtual 81
4.11.1. Interfaz resultante 85
4.12. Diseo de base de datos 89
4.12.1. Base de datos biblioteca virtual 91
4.13. Conexin 94
4.14. Aplicacin biblioteca virtual 95
4.14.1. Evaluacin biblioteca virtual facultad de
mecnica 95
4.14.1.1. Identificar los datos 96
4.14.1.2. Realizacin de la evaluacin 97
4.14.1.3. Tabulacin de la informacin 97
CONCLUSIONES
RECOMENDACIONES

REFERENCIAS BIBLIOGRAFICAS
ANEXOS

INDICE DE TABLAS

Tabla

Pgina
Tab. II. I. Variables de segmentacin 6
Tab. II. II. Poblacin 7
Tab. II. III. Resultados segmentacin de mercado 11
Tab. IV. IV. Resultado evaluacin contenido (E) 86
Tab. IV. V. Resultado evaluacin texto (E) 87
Tab. IV. VI. Resultado evaluacin animacin (E) 88
Tab. IV. VII. Resultado evaluacin botones (E) 88
Tab. IV. VIII. Resultado evaluacin logotipo (E) 89
Tab. IV. IX. Resultado evaluacin imgenes (E) 90
Tab. IV. X. Resultado total evaluacin (E) 91
Tab. IV. XI. Resultado evaluacin contenido (SM) 91
Tab. IV. XII. Resultado evaluacin texto (SM) 92
Tab. IV. XIII. Resultado evaluacin animacin (SM) 93
Tab. IV. XIV. Resultado evaluacin botones (SM) 93
Tab. IV. XV. Resultado evaluacin logotipo (SM) 94
Tab. IV. XVI. Resultado evaluacin imgenes (SM) 95
Tab. IV. XVII. Resultado total evaluacin (SM) 96


INDICE DE FIGURAS

Figura

Pgina
Fig.II. 1. Autoconcepto 9
Fig.II. 2. Actividades- Intereses- Opiniones 10
Fig.II. 3. Beneficios Buscados 10
Fig.IV. 4. Bocetos biblioteca virtual 59
Fig.IV. 5. Organizacin Jerrquica Biblioteca Virtual 60
Fig.IV. 6. Retcula Biblioteca Virtual Fac. Mecnica 61
Fig.IV. 7. Sistema de Tablas Biblioteca Virtual. 62
Fig.IV. 8. Rectngulo ureo 63
Fig.IV. 9. Composicin engranaje mecnico 63
Fig.IV. 10. Diseo men 64
Fig.IV. 11. Diseo animacin 64
Fig.IV. 12. Archivo de imagen 64
Fig.IV. 13. Sello Escuela Superior Politcnica de Chimborazo 65
Fig.IV. 14. Gama colores ESPOCH 66
Fig.IV. 15. Gama colores Facultad de Mecnica 67
Fig.IV. 16. Valor de luminosidad del rojo 67
Fig.IV. 17. Imgenes Espoch -mecnica 68
Fig.IV. 18. Animacin Biblioteca Virtual 69
Fig.IV. 19. Imagen rollover en estado desactivado 69
Fig.IV. 20. Imagen rollover en estado activado 69
Fig.IV. 21. Interfaz 71
Fig.IV. 22. Imgenes banners 72
Fig.IV. 23. Animacin gif encabezado 72
Fig.IV. 24. Mens rollover en estado desactivado 73
Fig.IV. 25. Mens rollover en estado activado 73
Fig.IV. 26. Animacin engranajes 74
Fig.IV. 27. Logotipo biblioteca virtual 74
Fig.IV. 28. Icono texto completo 74
Fig.IV. 29. Banners - dintel 75
Fig.IV. 30. Proporcin dintel 75
Fig.IV. 31. Sistema de navegacin 75
Fig.IV. 32. Proporcin sistema de navegacin 76
Fig.IV. 33. Cuerpo de la pgina 76
Fig.IV. 34. Proporcin cuerpo de la pgina 77
Fig.IV. 35. Pie de pgina 77
Fig.IV. 36. Proporcin pie de pgina 77
Fig.IV. 37. Interfaz catalogo biblioteca virtual 78
Fig.IV. 38. Creacin de una tabla 79
Fig.IV. 39. Determinacin de campos 80
Fig.IV. 40. Determinacin de Registros 81
Fig.IV. 41. Ubicacin de los campos Biblioteca virtual 82
Fig.IV. 42. Ubicacin de registros 83
Fig.IV. 43. Promedio de evaluacin contenido 88
Fig.IV. 44. Promedio de evaluacin texto 88
Fig.IV. 45. Promedio de evaluacin animacin 89
Fig.IV. 46. Promedio de evaluacin botones 90
Fig.IV. 47. Promedio de evaluacin logotipo 91
Fig.IV. 48. Promedio de evaluacin imgenes 91
Fig.IV. 49. Promedio de evaluacin contenido 93
Fig.IV. 50. Promedio de evaluacin texto 93
Fig.IV. 51. Promedio de evaluacin animacin 94
Fig.IV. 52. Promedio de evaluacin botones 95
Fig.IV. 53. Promedio de evaluacin logotipo 95
Fig.IV. 54. Promedio de evaluacin imgenes 96











- 12-







CAPITULO I
GENERALIDADES

1.1 ANTECEDENTES
El antecedente histrico ms antiguo de la biblioteca est en Egipto y
Mesopotamia, culturas que florecieron mucho antes de la poca cristiana.
Estas culturas tenan bibliotecas cuyos acervos eran primitivas formas de
libros, tablas de barro y rollos de papiro. En aquella poca, las bibliotecas no
estaban abiertas al pblico sino que eran exclusivas para sacerdotes y
gobernantes.
En 1789 estall la Revolucin Francesa y con ella las ideas de libertad,
igualdad y fraternidad las cuales determinaron el derecho a la lectura y al libre
acceso a la informacin, gracias a esto las bibliotecas se abrieron a todo tipo
de personas. Hoy en da, las bibliotecas son un servicio al pblico gratuito
destinado a comunidades o individuos de cualquier raza, religin, sexo y
posicin econmica.
En la Escuela Superior Politcnica luego de haberse creado la biblioteca
general, en 1986 se deriva la biblioteca de la Facultad de Mecnica, cuyo
- 13-

director inicial es el Lic. Vctor Bentez y como bibliotecaria la Sra. Cecilia
Alcocer.
La biblioteca de la Facultad de Mecnica cuenta con un fondo bibliogrfico de
mas o menos 5 000 unidades de los cuales se encuentran actualizados un
20%.
Hablar de la importancia de los documentos de tesis como fuente de consulta y
variante de las bibliotecas es fundamental en el desarrollo acadmico de los
estudiantes por lo tanto es necesario saber Como influye la baja calidad en la
presentacin de tesis digitales en el proceso de investigacin del futuro
profesional?; en la actualidad este proceso carece de aspectos importantes que
no permiten el uso de nuevas herramientas y recursos bibliogrficos que eleven
el nivel tecnolgico de la biblioteca.
Es por esta razn que se ha planteado el diseo y aplicacin de una biblioteca
virtual que mejore la entrega de informacin de tesis digitales, beneficiando a
los usuarios y dependientes de la biblioteca.

1.2 JUSTIFICACIN
Actualmente el sistema de bsqueda de tesis desarrolladas en la Facultad de
Mecnica, Escuela de Ingeniera Industrial, funciona a travs de una base de
datos que no facilita al usuario la visualizacin directa de las Tesis.
Con el diseo y aplicacin de una Biblioteca Virtual se facilita el acceso,
almacenamiento y envo rpido de la informacin y a la vez se ayudar a los
bibliotecarios aprovechar de mejor forma la tecnologa de Informacin,
- 14-

beneficiando a los usuarios de la biblioteca quienes a su vez mejorarn el
proceso de obtencin y aprovechamiento de la informacin.
Adems la Biblioteca de la Facultad de Mecnica mejorar sus servicios
bibliotecarios a los estudiantes, adquiriendo un nivel de atencin elevado y
dejando la posibilidad de que otras bibliotecas de la ESPOCH se vean en la
necesidad de implementar sistemas similares, permitiendo al estudiante
gestionar su propio proceso de aprendizaje.

1.3 OBJETIVOS

1.3.1 Objetivo general
Disear y aplicar una biblioteca virtual que permita una mejor visualizacin,
y aprovechamiento en la consulta de tesis en formato digital en la Escuela
de Ingeniera Industrial.

1.3.2 Objetivos especficos
Disear un sitio web de acuerdo a los requerimientos establecidos
previamente.
Obtener servicios bibliotecarios adaptados a las caractersticas
demogrficas, sicogrficas y conductuales del los usuarios.
Recopilar la informacin de tesis digitales existente.
Disear el interfaz web estableciendo elementos grficos apropiados.
Elaborar cdigos cromticos icnicos y lingsticos para la creacin de
la biblioteca Virtual.
- 15-







CAPITULO II
2 INVESTIGACIN DE MERCADO

2.1 SEGMENTACIN DE MERCADO
Segmentacin de mercados es la esencia de dividir grandes grupos en otros
ms pequeos y ms homogneos.
El marketing mini masivo es el nombre con que Lester Wunderman design
la realizacin del perfil e identificacin de clientes con caractersticas comunes
y el hecho de agruparlos en segmentos.








- 16-

Variables de segmentacin.- Existen cuatro grandes grupos de variables de
segmentacin.

Geogrficos Demogrficos Conductuales Psicogrficos
. Regin
. Tamao del
condado
. Urbano/Suburbano
. Clima
. Estaciones
. Cdigo postal
. Edad
. Sexo
. Ingreso
. Tamao de la
familia
. Ciclo de la
vida familiar
. Ocupacin
. Raza
. Escolaridad
. Religin
. Nacionalidad
. Ocasin de la
compra
. Beneficios
buscados
Estatus del
usuario
. Tasa de uso
. Estatus de
lealtad
. Etapa de
madurez
. Actitud ante el
producto
. Compra real
. Estilos de
vida
. Clase social
. Personalidad

Tabla I. Variables de segmentacin




- 17-

2.2 PROCESO DE SEGMENTACION DE MERCADOS
2.2.1 Objetivo de la investigacin
Determinar las variables demogrficas, psicogrficas y conductuales de los
estudiantes de la facultad de mecnica - escuela de ingeniera industrial.
2.2.2 Determinar la poblacin
Fuentes de informacin: Secundaria: Secretara de la escuela de Ingeniera
Industrial
Datos obtenidos (Ver anexo1)

PERIODO NIVEL POBLACIN
Marzo Agosto 2008 Primero Noveno 308

Tabla II. Poblacin
2.2.3 Tamao de la muestra
p = 0,5
1-p = 0,5
Z = 1,96
Nc = 95%
E = 5% - 0,05
N = 308
p(1-p)
n =
E
2
+ p(1-p)
Z
2
N
- 18-

0,5(0,5)
n =
(0,05)
2
+ 0,5(0,5)
(1,96)
2
308

0.25
n =
0,0025 + 0.25
3,8416 308

0.25
n =
0,0006507705123 + 0,0008116883117

0.25
n =
0,001462458824

n = 171

2.2.4 Aplicacin de un mtodo de muestreo
Se aplic el muestreo por conglomerados, realizando la encuesta a todos los
estudiantes de la escuela de ingeniera industrial (clientes reales) que acuden a
la biblioteca de mecnica solicitando tesis.
- 19-

2.2.5 Obtencin de la informacin
Para recolectar la investigacin, se utiliz la tcnica de la encuesta
(Ver anexo 2)
2.2.6 Anlisis e interpretacin de la informacin
Se aplic el cuestionario a 171 personas de la muestra dando como resultado
los siguientes datos:
a. Demogrficos
Al analizar el entorno de los estudiantes de la escuela de Ingeniera
industrial se determina la variable demogrfica como: estudiantes -
hombres - con una edad de 19 a 30 aos.
b. Psicogrficos
Autoestima elevada
Actividad el estudio, inters la familia y sus opiniones se orientan al
deporte.
0%
10%
20%
30%
40%
50%
60%
EXCELENTE BUENO MUY BUENO REGULAR

Figura 1. Autoconcepto
- 20-

0%
10%
20%
30%
40%
50%
60%
ESTUDIO FAMILIA DEPORTE TRABAJO DIVERSION

Figura 2. Actividades- Intereses- Opiniones

c. Conductuales
Los beneficios buscados son:
Facilidad de acceso a la informacin
Rapidez de visualizacin
0%
5%
10%
15%
20%
25%
30%
35%
40%
45%
50%
RAPIDEZ
VISUALIZACION
FACILIDAD DE
ACCESO
PRESENTACION CALIDAD DE
INFORMACION
Beneficios buscados
p
o
r
c
e
n
t
a
j
e
s

Figura 3. Beneficios Buscados
- 21-

CONCLUSIN:
Se establece como segmento de mercado a todos los estudiantes de la escuela
de Ingeniera Industrial hombres de clase media con una edad entre 19 y 30
aos, con autoestima elevada cuya actividad sea el estudio y su inters la
familia y el beneficio que ellos buscan en una biblioteca virtual es tener
facilidad de acceso a la informacin.

VARIABLES
Demogrficas. Psicogrficas Conductuales
Edad: 19-30 aos

Clase social: Media

Beneficios buscados:
Facilidad de acceso a la
informacin.

Sexo: Masculino

Estilos de vida:
Actividad = Estudio
Inters = Familia
Opiniones = Deporte

Ocupacin:
Estudiante

Auto concepto:
Elevado



Tabla III. Resultados segmentacin de mercado



- 22-







CAPITULO III
MARCO TERICO

3.1. CONCEPTOS WEB
3.1.1. Internet
Internet es la interconexin global de millones de redes y computadoras para
formar una red de rea extensa.
Lo que hace que el Internet funcione al Igual que dos personas necesitan
hablar el mismo idioma para poder tener una conversacin, todas las
computadoras que se encuentran conectadas a una red
1
necesitan tener un
lenguaje comn con el fin de poder comunicarse.
Al <lenguaje> capaz de hacer que las computadoras o las redes puedan
interactuar las unas con las otras se denomina protocolo.

Un protocolo es un conjunto de reglas de comportamiento que se encuentra
formalizado y aceptado para todo el mundo. Dentro de Internet, los protocolos
son los que hacen posible que cada computadora se pueda comunicar con

1
Conjunto de equipos conectados por medio de cables, seales, ondas o cualquier otro mtodo de transporte
de datos, que comparten informacin , recursos y servicios. GILSTER,R. y GILSTER, M.D. Construya su propia
red.
- 23-

cualquier otra. Existen 2 protocolos bsicos que hacen posible la comunicacin
y el intercambio de datos entre computadoras dentro de Internet. Se denomina
Protocolo de Control de Transmisin (TCP) y Protocolo Internet (IP).

Las tecnologas cliente/servidor hacen posible la distribucin de un trabajo
entre varias computadoras. Esencialmente, un nico trabajo se divide y se
procesa en ms de una computadora. Las computadoras a las que se hace
referencia como servidores son utilizadas habitualmente como almacenes de
recursos a los que acceden muchos usuarios. Los servidores esperan
pasivamente para llevar a cabo las peticiones de las computadoras clientes que
acceden a ellos.
El cliente es el que solicita la informacin o un recurso determinado al
servidor. Al igual que las computadoras que llevan a cabo tareas cliente/
servidor se denominan mquinas cliente o servidor, el software que se ejecuta
en estas computadoras se denomina software cliente o servidor.

El protocolo de transferencia de hipertexto (HTTP, HyperText Transfer
Protocol) es el protocolo usado en cada transaccin de la Web (WWW) sigue el
esquema peticin-respuesta entre un cliente y un servidor. Al cliente que
efecta la peticin (un navegador o un spider) se lo conoce como "user agent"
(agente de usuario). A la informacin transmitida se la llama recurso y se la
identifica mediante un URL. Los recursos pueden ser archivos, el resultado de
la ejecucin de un programa, una consulta a una base de datos, la traduccin
automtica de un documento, etc.
- 24-

HTTP es un protocolo sin estado, es decir, que no guarda ninguna informacin
sobre conexiones anteriores. El desarrollo de aplicaciones Web necesita
frecuentemente mantener un estado. Para esto se usan las cookies, que es
informacin que un servidor puede almacenar en el sistema cliente por un
tiempo indeterminado.

El trmino ancho de banda hace referencia a la cantidad de informacin que
puede ser transmitida y recibida en un determinado intervalo de tiempo. Un
enlace en Internet que tenga un ancho de banda elevado permite comunicar
mayor cantidad de informacin a ms usuarios en un intervalo de tiempo
mucho ms pequeo. El ancho de banda se mide en bits por segundo (bps),
kilobits por segundo (Kbps) o mega bits por segundo (Mbps).

3.1.2. El word wide web (www)
El Word Wide Web, tambin llamado < WEB >es una entidad que existe
dentro de Internet, contiene un nmero ilimitado de documentos utilizando una
gran diversidad de medios, desde documentos basados nicamente en texto
hasta documentos con efectos multimedia.
La principal caracterstica de los documentos WWW es que estos se
encuentran unidos a otros documentos mediante una tecnologa denominada
Hipertexto.

El Hipertexto permite ir de un documento a otro que se encuentre relacionado
con el primero pulsando sobre una palabra o sobre un grafico que ha sido
- 25-

configurado previamente como un enlace. Un enlace se indica normalmente
mediante una palabra o un grfico que se diferencia del resto del texto por
presentar un color diferente o por estar resaltado.
En funcin del destino los enlaces son clsicamente agrupados del siguiente
modo:
Enlaces internos: Los que se dirigen a otras partes dentro de las mismas
pginas.
Enlaces locales: Los que se dirigen a otras pginas del mismo sitio Web
Enlaces remotos: Los dirigidos hacia pginas de otros sitios Web.
Enlaces con direcciones de correo: Para crear un mensaje de correo
dirigido a una direccin.
Enlaces con archivos: Para que los usuarios puedan descargar ficheros.

Un explorador Web es un programa que proporciona una interfaz capaz de
acceder y visualizar los archivos que se encuentran dentro de Internet. Los
exploradores bsicamente hacen que la utilizacin de Internet sea un rea
cmoda y sencilla. Con el fin de poder visualizar los recursos de Internet es
necesario tener un explorador Web instalado en su computador. Conociendo la
localizacin de un documento concreto dentro de Internet, es posible escribir su
direccin Internet (denominada URL) en el explorador Web y ste se
encargar de llamar al recurso y presentarlo en pantalla.

El Localizador de recursos universal (URL) hace referencia a la localizacin
de un documento o archivo especfico dentro de Internet. Una de las
- 26-

caractersticas que hacen posible que Internet funcione como una pequea red
es que los URL proporcionan una forma estndar de hacer referencia a datos
especficos.

http://www.Guiware.com/di rectorio/archi vo. html
Protocolo Nombre del servidor Camino Nombre de archivo

FIGURA 4. Anatoma de un localizador de recursos universal

3.1.3. Pgina Web
Una pgina Web es una fuente de informacin adaptada para la World Wide
Web (WWW) y accesible mediante un navegador de Internet. Esta informacin
se presenta generalmente en formato HTML y puede contener hiperenlaces a
otras pginas Web, constituyendo la red enlazada de la World Wide Web.

HTML es un lenguaje utilizado para crear pginas Web que puedan ser ledas
por los exploradores WEB. Se trata de un lenguaje basado en guiones, que
quiere decir que utiliza secuencias especiales de caracteres denominados
etiquetas como rdenes. Las etiquetas que se aaden a una determinada
parte del texto determinan el estilo en el que aparecer el texto. Las etiquetas
tambin pueden ser utilizadas para indicar al explorador que debe cargar
grficos en determinadas posiciones y otro tipo de etiquetas tambin pueden
ser utilizadas para crear enlaces con otras pginas.

- 27-

3.1.3.1. Tipos de pginas Web
a. Pginas Web Estticas
Una pgina Web esttica es una pgina que no requiere de actualizaciones
constantes. Se Destaca por su sencillez, rapidez, comodidad aunque ofrecen
pocas ventajas tanto a los desarrolladores como a los visitantes, ya que slo
se pueden presentar textos planos acompaados de imgenes y contenidos
multimedia como pueden ser videos o sonidos Est formada slo por cdigo
HTML y un estilo (CSS).

b. Pginas Web Dinmicas
Las pginas Web dinmicas son aquellas que pueden acceder a bases de
datos para extraer informacin que pueda ser presentada al visitante
dependiendo de determinados criterios. Estos sistemas permiten cambiar el
contenido de la pgina Web sin tener que utilizar un programa de ftp
2
para
subir los cambios. Las pginas dinmicas son ms complejas y verstiles.
Existen diversos lenguajes de programacin que permiten agregar
dinamismo a una pgina Web tal es el caso de ASP
3
, PHP
4
, JSP y varios
mas.

3.1.4. Sitio Web
Un sitio Web (website) es un conjunto de pginas Web, comunes a un
dominio de Internet o subdominio en la World Wide Web en Internet.

2
Protocolo que copia o carga archivos a nuestro computador o a un ordenador remoto. KAHN, L. y LOGAN, L.
Construya su propio Web.
3
Permite crear pginas Web dinmicas combinando etiquetas HTML y contenido de texto con instrucciones
escritas en un lenguaje de comandos VBScript, Jscript. etc.
4
Es un procesador de hipertexto que permite generar contenidos de pginas Web sobre la marcha. JAMSA,K.
KING,K. y ANDERSON,A. Sperutilidades para HTML y diseo Web.
- 28-

3.1.5. Portal Web
Un portal de Internet es un sitio Web cuyo objetivo es ofrecer al usuario, de
forma fcil e integrada, el acceso a una serie de recursos y de servicios, entre
los que suelen encontrarse buscadores, foros, documentos, aplicaciones,
compra electrnica, etc. Principalmente estn dirigidos a resolver necesidades
especficas de un grupo de personas o de acceso a la informacin y servicios
de una institucin pblica o privada.

3.1.6. Intranet
La utilizacin de la tecnologa Internet no solo se limita a la conexin a Internet.
Actualmente, muchas empresas estn implementando internets privadas
utilizando TCP/IP y otro tipo de tecnologas Internet, como puede ser http con
el fin de mejorar la comunicacin entre los diferentes individuos y grupos que
forman parte de sus organizaciones. Estas redes privadas normalmente se
llaman intranets y estn creando un nuevo nivel de comunicacin slo posible
dentro de grandes empresas.
Como regla general, cualquier tipo de informacin que usted desee compartir
dentro de su organizacin, pero que no quiera publicar fuera de sta, es
material susceptible de formar parte de un nodo
5
de Internet
Poner a punto y mantener una intranet es mucho ms sencillo que en el caso
de un nodo Internet debido a que no es necesario llevar a cabo la conexin a
Internet. Cada grupo o individuo que contribuya a su intranet mantendr los
contenidos reduciendo de esta manera el personal necesario para mantener la

5
Una estacin de trabajo o cualquier otro dispositivo unido a la red. GILSTER, R. y GILSTER, M.D. Construya
su propia red
- 29-

intranet y repartiendo los recursos a lo largo de toda la empresa en vez de
concentrarlos en un nico departamento. Debido a que su intranet no se
podr ver desde fuera de la organizacin y a que es posible disponer de
rpidas conexiones entre el servidor y las estaciones de trabajo, es posible
publicar algunos contenidos que no seran apropiados en Internet el crear y
mantener una intranet tambin puede dar la informacin base necesaria para
posteriormente pasar a formar parte del Internet.

3.1.6.1 Seguridad en una intranet
En un nodo intranet, la seguridad se puede considerar poco importante por un
lado y muy importante por otro: es menos importante debido a que el sistema
no se encuentra abierto a Internet y es ms importante debido a las posibles
brechas que se puedan producir desde dentro de su organizacin y debido al
tipo de informacin de que disponga en la intranet. Por lo dems todo lo que
debe tener en cuenta relativo a la seguridad de su nodo intranet es idntico a lo
dicho en su nodo Internet. Slo ser necesario que haga las consideraciones
respecto a su audiencia de un modo un poco diferente y desarrolle su plan de
seguridad de acuerdo a esto.

3.2. CONCEPTOS DISEO WEB
3.2.1. Imgenes digitales
Las imgenes digitales son el resultado de una mezcla de colores cada uno
definido por una serie precisa de nmeros.

- 30-

3.2.1.1. Tipos de imgenes
En el mundo grafico hay dos tipos de archivo de imagen digital, los Raster o
mapa de bits y los vectoriales.

a. Vectorial
En este tipo de archivos cada elemento de la imagen, con su posicin,
tamao y caractersticas esta definido por una funcin matemtica. Permite
modificar las caractersticas de cada elemento sin afectar el resto de la
imagen. Son tiles para representar smbolos, esquemas o dibujos lineales.

b. Raster o mapa de bits
En estas las imgenes se dividen en pequeos puntos (pixeles)
6
colocados
en forma de rejilla y cada uno almacena por separado la informacin
referida al color exacto de ese punto.

Profundidad de bit
7
, tambin se llama profundidad de color. Describe el
tamao de la paleta de color utilizada para crear una imagen digital por
ejemplo, 8 bits, 16 bits y 24 bits.
3.2.1.2. Modos de imagen
CMYK (Cian, Magenta, Yelow, Black) es el sistema mas empleado en
imgenes impresas.

6
Unidad de construccin de una imagen digital. Los pixeles tienen generalmente, forma cuadrada
7
Porcin mnima de datos digitales. LPEZ, J. Sistemas digitales de informacin
- 31-

RGB (Red, Green, Blue) es el sistema empleado por los monitores,
independientemente de la imagen as se representa en pantalla y cada pxel
incluye un porcentaje de cada color que vara de 0 a 256.
Escala de grises, en este sistema disponemos de un sistema de
gradaciones que va del blanco puro al negro puro. Los datos de una imagen
de escala de grises ocupan tres veces menos espacio que los de una
imagen RGB.
LAB, espacio de color terico utilizado para procesar imgenes. Las
imgenes LAB estn divididas en tres canales uno para la luminosidad y dos
para el color.
Resolucin: Es la relacin mnima entre pixeles y tamao de la ampliacin.
Alta resolucin, dcese de las imgenes formadas, generalmente. Por un
milln de pixeles o ms y se utilizan para hacer copias de gran calidad. Estas
imgenes ocupan mucho espacio.
Baja resolucin, se aplica a las imgenes que tienen un tamao de archivo
reducido, cuyas copias son de baja calidad.

3.2.1.3. Formatos de archivo
Las imgenes digitales se pueden crear y guardar en muchos formatos que
estn diseados para poder usar las imgenes en diferentes medios, como
correo electrnico, impresin y pginas Web.
Es importante preparar y guardar las imgenes en el formato correcto para su
integracin con otros programas.
- 32-

Los formatos de archivo que se identifican con una nica extensin de archivo
aparece como un cdigo de tres dgitos al final de su nombre: ejemplo, retrato.
tif. Sin embargo, los formatos de archivo especiales, desarrollados para una
sola aplicacin como por ejemplo, Photoshop. psd, estn restringidos a la
aplicacin original y a otras pocas bajo licencia.

La compresin de los archivos sirve para que las imgenes sean manejables
en internet.
Las conexiones de banda ancha, las redes ultra rpidas y los medios de
almacenamiento de alta capacidad pueden haber reducido la necesidad de
comprimir las imgenes digitales por sistema, aunque todava sigue siendo
esencial para su uso en internet.

3.2.2. FORMATOS GRFICOS WEB
JPEG Acrnimo de Joint Photographic Experts Group. Formato de archivo
universal utilizado para comprimir imgenes.
El nivel de compresin se puede seleccionar en una escala desde 1 a 99,
siendo la compresin 1 la de mnima perdida de informacin y 99 la
compresin ms elevada. Es el formato de imagen mas usado en la Web.
JPEG es una rutina de compresin con prdida pues la calidad se deteriora
cada vez que la imagen se vuelve a guardar. Esta perdida de calidad se
aprecia especialmente en las gradaciones sutiles.
GIF Graphic Interchanged Format fue desarrollado por CompuServe
exclusivamente para la Web. Se usa comnmente con imgenes grficas de
- 33-

colores slidos y formas ntidas para internet. El formato gif esta pensado
para la visualizacin en pantalla debido a su reducida paleta cromtica. El
formato GIF est basado en una rutina de compresin sin prdida, por lo
que las imgenes se pueden volver a guardar sin disminucin de calidad.
Otras variaciones, como el formato GIF89a, permiten usar un fondo
transparente alrededor de motivos irregulares para fusionarlos con el color
de fondo de la pgina Web.
PNG es el ltimo formato de compresin aparecido en la Web. Nace en
1994, tiene lo mejor de los dos formatos por excelencia GIF y JPG.
La compresin que utiliza es de alta calidad, logra reduccin en los tiempos
de descarga. Esto calidad afecta tanto al poco tamao que llega a pesar en
kilobytes
8
como el resultado visual de la imagen una vez comprimida. El
efecto de transparencia fondo/ figura es mejor ya que no se basa en un color
de fondo sino en la mscara de canales alfa.

3.2.3. EL COLOR EN LA WEB
Para definir el color en una pgina Web disponemos de 2 sistemas, el
hexadecimal y el nombre directo.
En el sistema hexadecimal se emplea en la nomenclatura #rrrggbb empleando
la rr para los valores del rojo gg para los valores del verde y bb para los valores
del azul.
Algunos colores hexadecimales son: #FF0000, #FFFFFF
Con un nombre directo tenemos: red, blue, yellow.

8
Unidad que equivale a 1.024 bytes de informacin digital. LPEZ, J. Sistemas digitales de informacin
- 34-

3.2.3.1. Teora del color para Web
El color, adems de su funcin esttica y de carcter comunicacional, ofrece al
usuario seales de navegacin, organizacin del contenido, jerarquizacin,
reas activas etc.
Segn los estudios, el visitante de un website forma su primera impresin
sobre un Web durante los primeros nueve segundos de su visita, por tanto,
resulta crtico encontrar un esquema de color adecuado para el contenido y los
visitantes, capaz de potenciar el contenido sin distraer o confundir a los
usuarios.

3.2.3.2. Percepcin y experiencia
Como en cualquier otra experiencia, nuestra reaccin y relacin con el color y
los elementos grficos de un site se desarrolla principalmente en un nivel
subconsciente.
Expresar el tono y la personalidad significa que los colores deben reforzar la
comunicacin de los valores y la personalidad del Site y la compaa,
institucin o elemento que representa.

3.2.3.3. Contexto emocional y cultural
Antes de ponernos a disear debemos asegurarnos de tener el mejor
conocimiento posible de la audiencia a la que esta destinado y la eleccin de
colores finales se basar en el conocimiento del entorno cultural y emocional.
Colores segn el gnero son otro punto importante a la hora de tomar una
desicin sobre el conjunto de colores finales a emplear ser el grupo target del
- 35-

Website segn su gnero. En <el significado del color para los gneros> de
Natalia Khow, se apuntan algunas teoras interesantes derivadas de estudios
acadmicos sobre color y gnero, por ejemplo:
Los hombres prefieren el naranja al amarillo y las mujeres prefieren amarillo
al naranja.

Yuxtaposicin de colores.- Un color determinado en solitario puede ser
demasiado agresivo, pero puede resultar acertado cuando esta combinado con
otros colores.

3.2.3.4. Colores y sus asociaciones
Significados y asociaciones de los colores:
El rojo se socia a la sangre, y a las sensaciones de energa, excitante,
apasionado o ertico. La mayora de los colores llevan implicaciones positivas y
negativas. El rojo evoca sensaciones agresivas, sugiriendo clera o violencia.
El naranja es el color de la carne, o el calor cmodo del fuego del hogar. Las
implicaciones positivas de este color sugieren falta de formalidad.
El amarillo es el color del sol. Este color es optimista moderno. La energa del
amarillo puede llegar a ser abrumadora. Por lo tanto, el amarillo no es un color
aconsejable para dominar periodos de tiempo largos.
El verde en su modo positivo sugiere naturaleza, vida, bosques, plantas,
estabilidad, ecologa.
- 36-

El azul sugiere modernidad, distancia, espiritualidad o elegancia quiz
exclusividad. En su lado negativo, podemos pensar en la implicacin de
tristeza, de pasividad, de enajenacin o depresin.
El violeta es el color de la fantasa, de la alegra, de lo impulsivo, y de estados
ideales. En su modo negativo, puede sugerir pesadillas o locura
Utilizar el blanco y espacio (descanso visual), el blanco en su vaco acta
como equilibrador maravilloso entre los colores. Cuantos ms espacios de
<descanso visual> tengan nuestros diseos, ms fcil hacemos la visualizacin
de los mismos; esto es especialmente importante si los documentos son
densos en contenido (mucho texto). Se aconseja usar un lmite una paleta de
colores 2 o 3 colores y sus variaciones de luminosidad.

3.2.4. TIPOGRAFIA EN LA WEB
Debemos tener presente que el objetivo de una pgina Web correctamente
diseada es ayudar al usuario a navegar por la informacin y el correcto uso
de la tipografa da carcter y mejora nuestra capacidad de transmisin de
ideas.

3.2.4.1. Clases de tipografas y fuentes
La tipografa es el estudio y clasificacin de las diferentes familias o tipos de
letras y diseo de caracteres.
La fuente es el grupo de caracteres con cualquier diseo, cuerpo o estilo. Estos
caracteres suelen incluir letras, nmeros, ligaduras, signos.

- 37-

Espaciado (kerning).- Cualquier programa grafico, tiene la capacidad de
modificar el espacio entre letras, ajustndolo a nuestro antojo hasta que el texto
se visualice correctamente.

Interlineado.- El interlineado es el espacio entre las lneas de texto, debe ser
proporcional al tipo de letra y su tamao, as como al tipo de pblico al que va
dirigido el diseo.

3.2.4.2. Tamao del texto
No utilices la misma fuente para todos los tamaos, algunas fuentes no se
visualizan bien en tamaos de menos de 10 o 12 puntos.
Por legibilidad, el tamao de las letras no puede ser ni muy grande ni muy
pequeo.

3.2.4.3. Tipografa y color
Debe existir contraste entre el color de los tipos y el fondo, adems los colores
de ambos deben ser compatibles. Para elegir las combinaciones de color mas
adecuadas para texto y fondo se tiene en cuenta una serie de reglas:
Contraste de tonos (clidos y fros)
Contrastes de valor (luminosos y oscuros)
Contrastes de saturacin (vivos y apagados)
El contraste de valor es el ms importante, tenemos que visualizar en trminos
de claridad y oscuridad, no en tonos de color.

- 38-

Alineacin del texto.- A veces el texto justificado puede resultar ms esttico
y ms adecuado. Pero se debe tener especial cuidado con la separacin y
evitar las lneas apretadas o demasiado separadas.
La alineacin a la derecha es correcta en textos cortos y funciona bien en
algunos casos por necesidades del diseo. Pero para textos extensos no es
recomendable, dificulta la lectura y no ofrece una gua del inicio de cada lnea.
El alineado al centro, es tambin indicado para textos cortos, pero resulta fatal
para textos largos.
Longitud de lneas de texto.- Las lneas de texto no deben ser muy largas, ni
muy cortas cansan al usuario por extender demasiado su visin, o por estar
saltando continuamente de lnea.

3.2.4.4. Normas bsicas de tipografa
a. Algunas fuentes slo funcionan en tamaos grandes: emplalos tan solo
para ttulos, nunca para bloques de texto.
b. No mezcles muchas fuentes en un diseo. 1 o 2 estar bien: salvo
excepciones un nmero mayor resultar un confuso desastre.

3.2.5. ELEMENTOS GRAFICOS WEB
Los elementos grficos introducen a la composicin informacin visual que
complementa en gran medida el mensaje que se desea transmitir, y que a
veces es tan importante en el diseo como los contenidos textuales del mismo.

- 39-

Los iconos.- Los conos son uno de los elementos grficos ms usados,
cuya misin fundamental es ofrecer, sin distraer, una informacin visual
concreta. Para poder desempaar acertadamente esta misin, un icono
debe reunir una serie de caractersticas, entre las que destacan las
siguientes:
Debe ser lo ms sencillo posible, con los suficientes detalles como para
expresar lo que debe, pero no ms.
Debe seguir los modelos ya aceptados por el pblico tipo que los va a
visualizar.
Debe estar perfectamente concebido para la informacin concreta que
va a representar.
Como elementos grficos en los documentos y pginas Web. Los iconos
sirven para identificar secciones, situar puntos visuales interactivos, ampliar
la informacin de enlaces textuales a los que acompaan.
Se recomienda que el icono sea pequeo, ya que el usuario asocia por
costumbre los iconos con elemento grficos de dimensiones limitadas siendo
normal que oscilen entre 10 x 10 pixeles.
Si el icono se acompaa de un texto, ste debe quedar limitado a una sola
palabra, dos a lo sumo, que indiquen literalmente y sin confusiones la
finalidad del icono.
Ilustraciones.- La ilustracin es uno de los recursos ms usados en diseo
clsico, pues al no estar sometidas frreamente a un modelo natural,
permiten al ilustrador dibujar libremente el motivo que ms se adapte a la
composicin.
- 40-

En las pginas Web las ilustraciones aportan esttica e informacin. No
obstante en ciertos casos pueden ser importantes elementos grficos que
complementan la informacin que aporta la pgina.
Logotipos.- El logotipo es un distintivo o emblema formado por letras,
abreviaturas, objetos grficos, etc. Peculiar de un empresa, marca o
producto, a los que representa e identifica de forma unvoca.
El logotipo debe funcionar en diferentes medios. Su diseo debe permitir su
correcta visualizacin en medios impresos y en pantalla.
Las fotografas.- La fotografa es actualmente uno de los elementos ms
importantes en diseo grfico, debido principalmente a sus propiedades
nicas.
En primer lugar, las fotografas representan de modo excepcional el mundo
real que nos rodea.
La fotografa en la Web se suele utilizar para los siguientes fines:
Como elemento compositivo de la pgina principal, sobre todo cuando
esta pgina sirve meramente de presentacin del sitio Web.
Formando parte integrante de dinteles superiores, generalmente como
fondos de los mismos. Es este un uso muy acertado, dotando a la
pgina de una identidad propia muy acusada, debiendo el tema de la
fotografa est directamente relacionado con el espritu del sitio Web. Es
pues un elemento identificador del sitio, debiendo aplicarse a todas y
cada una de las pginas del mismo.
Como elemento identificador de un sitio, una seccin o una pgina de
primer nivel.
- 41-

Formando parte del cuerpo de la pgina normalmente acompaada de
contenidos textuales. En estos casos cada fotografa se encuentra
directamente relacionada con el texto que la rodea, sirviendo de refuerzo
informativo al mismo.
Una de las principales limitaciones al uso de las fotografas en las pginas
Web es el peso de los ficheros grficos que originan. Por lo tanto, si
queremos o necesitamos incluir este tipo de contenidos en una pgina Web
habr que optimizar al mximo los ficheros grficos, poniendo especial
cuidado en el tipo de formato elegido, en las dimensiones fsicas de las
fotografas y en su resolucin.
Textos como imgenes.- Se usan textos como grficos para solventar las
fuertes limitaciones que presenta la Web en lo que respecta a familias
tipogrficas. Presentando los textos como imgenes tambin podemos
conseguir vistosos efectos imposibles de aplicar a los textos simples, como
degradados, filtros, transparencias.
Botones grficos.- Los botones grficos son elementos exclusivos de las
aplicaciones informticas, en las que tienen bsicamente la misin de
capturar eventos realizados por el usuario para lanzar acciones de respuesta
adecuadas.
El uso comn de los botones grficos es el de representacin de opciones
en un men de navegacin. Los sistemas de navegacin suelen estar
formados por enlaces textuales, a los que, como mucho, se les cambia el
estilo propio de este tipo de elementos (color azul y subrayado cuando estn
- 42-

inactivos, color morado y subrayado cuando han sido ya visitados). Este
sistema es muy efectivo, permitiendo configurar los textos como deseemos.
El uso de elementos grficos como opciones de men permite realizar uno
de los efectos visuales ms apreciados en las pginas Web. La creacin de
rollovers, elementos grficos creados con dos o ms imgenes diferentes
que permiten hacer botones que cambian cuando el usuario sita el puntero
del ratn encima de ellos y cuando los pulsa.
Los banners.- Un banner es un anuncio que habitualmente se presenta en
una pgina Web. Se suelen colocar en una pgina Web para anunciar una
empresa producto o servicio, cobrando el propietario del sitio Web una
cantidad variable por ello.
Un banner se presenta como una imagen que muestra informacin muy
concreta sobre un producto o servicio. A la hora de disear un banner hay
que tener en cuenta que es fundamentalmente un recurso comercial,. Que
cuesta dinero a la empresa que lo publica y que a cambio espera vender
productos o crear marca.
La efectividad de un banner se mide por medio de CTR (Clic Through Ratio),
nmero de veces que un banner es visualizado dividido por el nmero de
veces que es pinchado.
Cliparts y dingbats.- Un clipart es una imagen ya diseada que podemos
utilizar en un diseo, directamente o tras haber sido retocado en un
programa grfico. Los clipart pueden ser vectoriales o de mapa de bits.
La temtica de los dingbats es variada, pudiendo encontrarse material
figurativo realista, smbolos estandarizados, signos, formas geomtricas, etc.
- 43-

Las animaciones.- las animaciones son un recurso cada vez mas utilizado
en el diseo de pginas Web, tanto en su versin clsica de GIF animado
como en la mas actual e interactiva pelcula flash (formato SWF). Las
animaciones GIF poseen las ventajas de ser admitidas por cualquier
navegador sin necesidad de plugins especiales, ofrecen generalmente una
rpida descarga.
Las animaciones o pelculas SWF, ofrecen funcionalidades adicionales que
las hacen ms verstiles y operativas: trabajo con grficos vectoriales,
interactividad, posibilidad de programacin mediante cdigo script
(ActionScript).
Imgenes de fondo.- una imagen de fondo bien empleada puede recrear
un ambiente determinado una poca, un entorno de trabajo, un grupo social
etc. Aportando una informacin visual propia que no se puede conseguir con
el uso exclusivo de colores de fondo.
Las imgenes utilizadas como fondos en las pginas Web son elementos
grficos en formato GIF, JPG o PNG que se sitan en una pgina como
fondo de algn elemento contenedor
El principal inconveniente de usar imgenes de fondo es que pueden llegar a
entorpecer la correcta visualizacin de los contenidos situados encima de
ellas siendo por ello necesario en estos casos elegir imgenes
cuidadosamente, con objeto de que los contenidos textuales que se sitan
encima de ellas tengas el suficiente contraste como para poder ser ledos
con comodidad.
- 44-

Otros elementos grficos.- Adems de elementos grficos ya
mencionados, en el diseo de una pgina Web, podemos utilizar otros
componentes, entre los que destacamos los siguientes:
Lneas horizontales.- Su misin es separar bloques de contenido, creando
un lmite visual entre ellos. Es mejor incluir lneas simples, de un solo color y
sin sombra, evitando lneas animadas, pues distraen al usuario de los
contenidos importantes.
Bullets o topos.- son pequeos elementos grficos que se utilizan para
marcar un punto concreto de la pantalla o para acompaar al texto,
principalmente en listas sin ordenar precediendo a cada uno de los
elementos de la misma. La ventaja principal de este tipo de construcciones
es que permiten la construccin de rollovers con los topos, pudiendo cambiar
estos de color cuando se pasa el puntero sobre su texto asociado.

3.2.6. INTERFAZ WEB
El interfaz es el medio de comunicacin entre los navegantes que acceden a
una pgina Web y el sitio Web completo, el conjunto de sus pginas y las
aplicaciones que corren por debajo de forma transparente al usuario
Cuando uno de los sistemas que se comunican es un ser humano pasamos al
concepto de interfaz de usuario. Por un lado tenemos un sistema fsico o
informtico y por otro a una persona que desea interaccionar con l, darle
instrucciones concretas, siendo la interfaz de usuario la herramienta que
entiende a ambos y es capaz de traducir los mensajes que se intercambian.
- 45-

Composicin Web.- Los elementos grficos fundamentales normalmente no
se presentan aislados, sino que se agrupan en entidades lgicas y funcionales,
tratando de expresar cada una de ellas algn tipo de informacin concreta al
espectador.

3.2.6.1. El dintel
Se entiende por dintel una zona de la interfaz Web situada en la parte superior
de la misma, de anchura generalmente igual a la de la pgina y altura variable,
en la que se ubica generalmente el logotipo del sitio Web o de la empresa
propietaria, acompaado generalmente de un texto identificador de la misma y
de otros elementos de diseo como fotografas (simples o formando un
montaje), formularios de login (entrada de claves de acceso al sistema),
banners publicitarios, etc.
Las misiones principales del dintel en la interfaz son:
Identificar el sitio Web en el que se encuentra el usuario, mediante el
logotipo y el nombre del mismo, de la empresa propietaria o de la marca que
representa.
Dar personalidad propia al sitio, definiendo un estilo propio que exprese su
naturaleza e identidad, generalmente basado en los colores corporativos de
la empresa o marca.
Identificar cada una de las pginas pertenecientes al sitio Web, ya que el
dintel suele ser comn en todas ellas, creando con ello un elemento de
referencia comn.
- 46-

Crear una separacin visual entre el borde superior de la interfaz y el
contenido central de la misma, haciendo ms cmoda su visualizacin y
lectura.
El motivo por el que el dintel se encuentra situado en la zona superior de la
interfaz y el logotipo en su parte izquierda obedece a consideraciones de
jerarqua visual. En la cultura occidental estamos acostumbrados a leer de
arriba hacia abajo y de izquierda a derecha, por lo que la parte superior
izquierda de una pgina es la primera a la que dirige el usuario la vista, con lo
que situando en ella el logotipo nos aseguramos que sea el primer elemento
grfico que el espectador observe.
La forma ms comn del dintel es rectangular, aunque tambin es posible
encontrar dinteles con trazados curvos, planos y con sombras, a un solo color o
policromticos, aislados o fundidos con otras partes de la interfaz.
Su color o colores deben ser los adecuados para que el logotipo destaque de
forma clara sobre el fondo del mismo. Suelen utilizarse colores que contrasten
lo suficiente con el logotipo como para que ste se visualice con claridad.

3.2.6.2. Sistemas de navegacin
Generalmente se presentan como mens formados por diferentes opciones,
con las que el usuario puede interaccionar; al hacer click sobre cada una ellas
es cargada una pgina o seccin de la misma diferente
Cada men de navegacin puede estar formado por opciones textuales,
grficas o mixtas, siendo frecuente utilizar en ellas efectos dinmicos para
acentuar el carcter interactivo de las mismas. El efecto ms habitual es el
- 47-

conocido rollover, en el que todos los componentes una opcin o algunos de
ellos cambian de aspecto al situar el usuario el puntero sobre ella (evento
mouseover), volviendo la opcin a su estado inicial al abandonarla el puntero
(efecto mouseout).
Un tipo de men muy aceptado es el de pestaas, que simula el aspecto de un
clsico archivador de carpetas, apareciendo en primer plano la pestaa activa,
en un color diferente y unido visualmente a la base comn o al cuerpo de la
pgina.

Un formato de men cada vez ms usado es el de tipo "migas de pan", sobre
todo en pginas de contenidos eminentemente textuales, que presenta en
forma textual una serie de enlaces que describen la ruta que ha seguido el
usuario para llegar a la pgina actual a partir de la home o pgina de inicio,
permitiendo regresar a cualquiera de ellas rpidamente. Estos mens poseen
la ventaja adicional de ubicar al visitante en el total del sitio, con lo que ste
sabe en cada momento dnde se encuentra y cmo ha llegado all.

Sean los mens estticos o dinmicos, grficos o textuales, lo que no hay que
olvidar nunca es que son uno de los elementos ms importantes de una
interfaz Web, ya que son las herramientas que ofreceremos a los visitantes
para poder navegar por las diferentes pginas que forman el sitio Web y para
localizar la informacin que busca.
Es por tanto muy importante su diseo. Deben tener un aspecto visual que los
identifique como parte de la pgina, guardando los estilos generales de sta,
- 48-

pero teniendo la suficiente carga visual como para ser localizados de forma
rpida, aunque sin pasarse, pues no deben distraer la atencin del usuario de
los contenidos principales.
Su ubicacin en la interfaz debe permitir un cmodo acceso a las opciones
(enlaces) que lo forman, pero sin llegar a estorbar al resto de elementos de la
misma.
No tiene porqu existir un solo men en una pgina, siendo a veces
conveniente dividir el sistema de navegacin en dos mens (no son
aconsejables ms). Caso de ser necesario, el segundo men o men
secundario deber disearse de forma que se identifique claramente como tal,
siendo habitual mantener el men principal como elemento general de
navegacin del sitio Web completo y utilizar el men secundario para permitir la
navegacin entre las diferentes pginas de una seccin o nivel concreto.
Sistemas dobles muy comunes son los formados por un men principal lateral y
uno secundario ubicado en la zona superior del cuerpo principal de la pgina,
que puede ser de tipo "migas de pan", y los formados por un men principal
horizontal bajo el dintel y uno secundario en el lateral, aunque es posible
cualquier combinacin lgica y funcional.

3.2.6.3. El cuerpo de la pgina
El cuerpo de la pgina es la parte de la interfaz Web que presenta a los
usuarios informacin especfica sobre un tema concreto. Por lo tanto, es la
parte de la pgina que la identifica e individualiza frente a las dems de un sitio
Web.
- 49-

Si el dintel identifica en sitio Web y los sistemas de navegacin permiten al
usuario navegar por los contenidos del mismo, el cuerpo de la pgina va a ser
el escaparate donde visualizar la informacin que anda buscando, el punto
donde podemos comunicarnos con l directamente sobre una cuestin
concreta y determinada.
Al ser la parte ms importante de la interfaz, el espacio destinado a ella debe
ser el mayor de todos, ocupando generalmente entre el 50% y el 85% del total.
Su ubicacin es siempre central, bajo el dintel (si lo hay) y al lado del men
lateral de navegacin (si lo hay).
Por ejemplo, es habitual que el cuerpo central lleve un ttulo que identifique
claramente la pgina a la que ha accedido el usuario. Este ttulo se situar en
la parte superior de esta zona, y puede ser reforzado mediante un men de
navegacin tipo "migas de pan".
El tamao de las letras del ttulo de pgina debe ser superior al del resto de los
contenidos, de tal forma que destaque sobre ellos, efecto que puede
aumentarse dando al mismo un color que le aporte un mayor peso visual. En
este caso no es imprescindible que el ttulo de pgina sea de mayor tamao,
siempre que por su contraste de colores destaque lo suficiente.
Todos los elementos grficos que situemos dentro del cuerpo de pgina deben
presentar un aspecto similar al del resto de elementos de la interfaz,
respetando sus estilos generales de diseo.



- 50-

3.2.6.4. El pie de pgina
El pie de pgina es un elemento opcional, que suele contener informacin muy
concreta. Si la pgina es muy alta, de tal forma que el usuario se vea obligado
a utilizar la barra de desplazamiento vertical del navegador, el pie de pgina
suele contener un men auxiliar que permita al usuario continuar navegando
por el sitio Web sin tener que volver a buscar el men principal.
Tambin puede contener un men especfico, en el que sueles mostrar enlaces
a servicios muy particulares del sitio Web, como contratacin de publicidad,
formulario de contacto, ofertas de empleo, condiciones de uso, polticas de
seguridad, etc.
Uno de los usos ms comunes del pie de pgina en la actualidad es mostrar
informacin sobre la empresa propietaria del sitio Web o de su responsable
directo. Se muestra en cada pgina el nombre de la empresa o responsable y
una direccin fsica o de correo electrnico vlida. Esta informacin se suele
complementar con el nmero de telfono y fax e informacin sobre copyright de
los contenidos de la Web.
Los contenidos del pie de pgina pueden aparecer alineados de cualquiera de
las formas aceptadas (a la izquierda, centrados, a la derecha o justificados),
aunque lo normal es que aparezcan centrados en pantalla. Caso de que
aparezcan alineados a la derecha o a la izquierda, conviene siempre hacerlo
con respecto a los dems elementos de la pgina que definan la lnea principal
de alineaciones en ese lado.
Aunque no es obligatorio poner pie de pgina en una pgina Web, s que es
aconsejable, ya que aparte de mostrar informacin concreta, a la que muchos
- 51-

usuarios estn ya acostumbrados, establece una delimitacin del final del
documento, que ayuda al espectador a definir visualmente las diferentes zonas
de la pgina y evita el mostrar contenidos "pegados" a la parte inferior de la
ventana del navegador Web.

3.2.7. USABILIDAD WEB
Usabilidad se refiere a la experiencia del usuario al interactuar con un sitio
Web.
Un sitio Web con usabilidad es aqul que muestra todo de una forma clara y
sencilla de entender para el usuario. Aunque es imposible crear un sitio que
sea claro y eficiente para cada usuario, el diseador debe esforzarse para
mostrar las cosas tan claramente como sea posible, de tal modo que reduzca al
mnimo cualquier aspecto que pueda ser confuso.
Diseo general de la pagina Web
Estructurar bien las pginas, mediante ttulos y subttulos, manteniendo una
presentacin clara y consistente a lo largo de todo el sitio Web.
La pgina de inicio debe ser atractiva.
Es mejor no incluir ninguna referencia a la actualidad de los datos.
Identificar la pgina en todo momento, y ms an en la pgina principal. En
la pgina de inicio debe aparecer de forma clara y prioritaria el logotipo de la
empresa o una forma de identificarla, preferiblemente en la zona superior
izquierda, que suele ser el sitio ms habitual. En el resto de pginas
interiores, el logotipo tambin debe estar presente, aunque sea en un
formato reducido.
- 52-

La direccin URL de la pgina. Esta direccin es la identificacin dentro de
todos los contenidos de Internet de nuestra pgina. Por ello se ha de elegir
una denominacin fcil de recordar y que tenga relacin con los contenidos
que ofrece
El nombre del dominio no debe ser demasiado largo ya que dificultar que
sea recordado y complicar su escritura en el navegador.
Para los dominios con mltiples palabras. Existen diversas opciones para
estos casos: escribirlas todas juntas (guionmultimedia.com), abreviarlas
(gmultimedia.com) o separarlas por un guin (guion-multimedia.com).
Parece ser que la opcin ms aceptada en la actualidad es la primera,
siendo el uso de un guin la prctica ms desaconsejable ya que dificulta
la transmisin oral de la direccin.

3.2.7.1. Organizacin de los Contenidos
Los nodos Web pueden ir desde aquellos con una organizacin estrictamente
lineal a aquellos sin ningn tipo de organizacin aparente. La gente organiza
habitualmente sus pginas de acuerdo con estructuras jerrquicas, lineales o
en forma de tela de araa. En vez de de imponer desde el principio una
estructura rgida a su informacin, debera asegurarse que los enlaces son los
lgicos y que son capaces de llevar al usuario a la informacin que este se
encuentra buscando. Sobre todo debe asegurarse de que la navegacin por su
nodo Web es sencilla de cara al usuario. Teniendo esto en cuenta, descubrir
que una combinacin de las diferentes aproximaciones de organizacin de la
informacin es lo que da mejores resultados.
- 53-

a. Organizacin jerrquica
La estructura jerrquica o en forma de rbol dispone de un punto de entrada
al nodo y otras pginas que se ramifican a partir de este nodo. Esta
aproximacin puede funcionar muy bien si las pginas pueden agruparse de
forma sencilla por categoras o subcategoras.

b. Organizacin lineal
Los usuarios pueden leer la informacin como si de un libro o revista se
tratara, o cuando quiera que el usuario de su nodo Web siga un flujo
determinado desde el principio hasta el final de su nodo Web, deber optar
un diseo lineal, una determinada pgina podr tener enlaces con notas o
columnas laterales, pero ser necesario que los usuarios vuelvan a esa
pgina para poder continuar adelante.
c. Aproximacin de tela de araa
Una organizacin de la informacin similar a una tela de araa ser
probablemente la que mejores resultados proporcione. Con esta estructura,
las pginas Web se enlazan entre ellas cuando se encuentran relacionadas
contextualmente. Pueden existir varios enlaces a una nica pgina y, por lo
general, todos los documentos dispondrn de por lo menos dos formas de
llegar hasta ellos.
Desde un punto de vista meramente orientado a la navegacin, este tipo de
nodos es muy utilizado. Permite a los usuarios el viajar por el nodo
rpidamente y disfrutar de una experiencia mucho ms libre de forma de su
nodo. La principal desventaja de esta aproximacin es que presenta la
- 54-

oportunidad que los usuarios pueden perderse parte del nodo si no siguen
todos los enlaces.

3.2.7.2. Textos
En su origen, las pginas Web eran nicamente en formato texto. Poco a poco
fueron evolucionando al incluir imgenes y otros elementos multimedia. Pero el
texto sigue siendo por el momento el principal vehculo de comunicacin en la
Web.
Presentacin del texto.
Se debe presentar el texto de la manera ms elegante y sencilla.
La longitud de la pgina no debera superar una pantalla y media. Un
desplazamiento vertical continuado acaba cansando al usuario. Si la longitud
del texto es superior, se recomienda dividirlo en diversas pginas,
enlazadas entre ellas y con un ndice para poder acceder directamente a
una determinada seccin.
En cuanto a su anchura, no debe superar los 800 pxeles, y esto siendo
generosos. Un tamao de pantalla de 800x600 pxeles suele ser el habitual
en los ordenadores domsticos, y se tiende a resoluciones de 1024x768.
Se ha de separar el texto en prrafos, lo cual facilita la lectura de textos
largos en una pantalla.
Formato del texto.
No utilizar textos en tamao exageradamente grande o pequeo, ya que
dificultar la lectura del texto.
- 55-

Jams se ha de subrayar texto que no sea un enlace, ya que esto confundir
al usuario que est acostumbrado a que los enlaces se representen de
esta forma.
No se debe escribir todo con maysculas ni en cursiva, por las dificultades
que esto entraa en su legibilidad.
No se han de usar ms de dos fuentes distintas en una misma pgina.

3.2.7.3. Enlaces
La regla general es escribir como si no hubiese enlaces, integrndolos as en
el propio texto. Se elige frases o palabras significativas para el enlace, se da
una idea de donde se llegar si se pulsa en el, de manera que no sea
necesario leer todo el prrafo para comprender el significado del enlace.
Un enlace demasiado largo es perjudicial ya que dificulta la lectura del texto.
Cuando se realizan enlaces consecutivos similares, conviene resaltar la
informacin que diferencia unos enlaces de otros.
En ningn caso se ha de saturar la pgina con enlaces.
Nunca conviene cambiar el color de los enlaces. Aunque est permitido, se
evitar confundir al lector si no se cambian los colores por defecto de los
enlaces, puesto que el usuario est acostumbrado a ellos y asocia cada
color a su significado: los tonos azules con los sitios no visitados y los rojos o
morados con los que si han visto anteriormente.



- 56-

3.2.7.4. Grficos
Las imgenes de una pgina Web se han convertido en una parte fundamental
de ella. Su uso permite dotar a la pgina de una mayor vistosidad, a las
empresas hacer publicidad y en general, permiten un mayor grado de
comunicacin del mensaje que se quiere transmitir. Pero su uso indiscriminado
tambin es perjudicial. Existen recomendaciones para el correcto uso de los
grficos que harn que una pgina Web sea ms usable.
El principal problema que acarrea el uso de imgenes es, debido a su
tamao, los efectos que pueden tener en la velocidad de carga de una
pgina.
Conviene usar imgenes pequeas. Esto resulta tan til a efectos de
velocidad como de esttica.
En cuanto al tamao de la propia imagen, hay de mantenerlo en torno a 20
KB o 50KB como mximo. Si se utilizan imgenes de mayor tamao es
preferible utilizar una imagen en miniatura que sea un enlace a la imagen de
tamao mayor, indicando a su lado su tamao para que el usuario tenga una
idea de lo que va a descargar.
Siempre hay que proporcionar un breve texto alternativo o en su defecto
descripciones textuales ms amplias de las imgenes empleadas.
En cuanto a los fondos de la pgina, hay que utilizar imgenes simples, y
preferiblemente colores planos y con suficiente contraste con respecto al
color del texto.
No debe abusar de los grficos esto quiere decir que debe utilizar los
grficos es sus pginas Web si contribuyen a mejorar los contenidos.
- 57-

No se puede llenar la pantalla con un nico grafico, no es una buena idea
dar a los usuarios algo de texto para que vayan leyendo mientras se
descarga un grafico.

3.2.7.5. Color
Evita los colores de fondo. Los elementos de diseo con color de fondo son
ignorados por los usuarios, interpretados como publicidad, informacin de
contexto o esttica. Los elementos con fondo blanco, por el contrario, son
interpretados como contenidos reales del sitio donde se encuentran lo que el
usuario busca.
Es aconsejable utilizar colores de fondo para separar unas reas de otras y
crear rupturas que ayuden a jerarquizar y separar los contenidos. Utilizar
pequeos elementos de color sobre un fondo mayoritariamente blanco es
una manera de separar contenidos y que no se confundan.
Cuando se coloque un texto sobre un color de fondo, hay que tener en
cuenta que ser ignorado y por tanto este texto no debe ser importante para
la comprensin de la pgina Web.

Navegacin
Todo navegador de Internet dispone de unos controles de navegacin bsicos
(pgina anterior y siguiente) pero esto no es suficiente. Se deben proporcionar
ayudas de navegacin adicionales que permitan el acceso, ms o menos
directo, a cualquier contenido de nuestro sitio Web.
- 58-

Los mens basados en solapas. Con ellos se consigue identificar claramente
en que seccin de la pgina nos encontramos actualmente.
Otra estructura que resulta de mucha ayuda son las llamadas barras de
navegacin. Dichas barras muestran la ruta jerrquica completa desde la
pgina de inicio hasta el nivel de la pgina actual, separando tpicamente
cada nivel mediante una flecha o un smbolo de mayor que >.
Una ltima consideracin que mejora la navegacin, sobre todo en pginas
con grandes bases de datos, es incluir algn tipo de utilidad de bsqueda.
Los resultados se deben presentar de manera clara y ordenada.

3.2.7.6. Otros factores que Influyen en la usabilidad
Tener en cuenta las caractersticas tcnicas del equipo de nuestros usuarios.
La regla general es no hacer nunca las pginas para las ltimas tecnologas
aparecidas, pues ser poca la gente que disponga de ellas.
Habr que controlar el tamao total de la pgina para evitar tiempos de
descarga excesivos. Lo principal es conseguir que el usuario perciba un
tiempo de respuesta corto. Segn algunos estudios, dichos tiempos son los
siguientes: Una dcima de segundo es el lmite aproximado para hacer sentir
al usuario que el sitio est reaccionando instantneamente. Un segundo es
el lmite que hay para que el usuario piense que no hay interrupcin, aunque
ste se d cuenta de la demora. Diez segundos es el lmite mximo para
mantener la atencin del usuario centrada en la pgina. Si es superior, los
usuarios se ocuparn de otras tareas.
- 59-

Otro aspecto del hardware del usuario a tener en cuenta es el tamao de su
pantalla y, ms an, su resolucin. Hay que disear las pginas con
independencia de la resolucin, a ser posible evitando los tamaos fijos de
imgenes y tablas y utilizando porcentajes en su lugar. Los estudios indican
que la resolucin de 640x480 est prcticamente abandonada y que la de
800x600 empieza a abandonarse a favor de los 1024x768 pxeles. Est claro
que es muy difcil, por no decir imposible disear una pgina que sirva tanto
para un monitor de ordenador de sobremesa como para un dispositivo
porttil, pero hay que esforzarse en ello. Por lo menos se ha de intentar
conseguir que los mens de navegacin queden siempre a la vista y que los
elementos no estn descolocados por la pantalla.

3.3. BIBLIOTECA
3.3.1. Evolucin de la biblioteca - virtual
La biblioteca (del griego biblion = libro y thekes = caja), puede traducirse desde
un punto de vista estrictamente etimolgico como el lugar donde se guardan los
libros.
El uso de la biblioteca se identifica con la satisfaccin de las necesidades de
los usuarios, esto es la obtencin del documento o de la informacin
demandada.

El origen y evolucin de las bibliotecas se limit a los libros en principio
manuscritos, luego impresos. Posteriormente se incorporaron las publicaciones
peridicas y otros impresos. Luego material cartogrfico, elementos grficos,
- 60-

audiovisuales, microfichas, msica etc. En un paso siguiente se incorporaron
los ficheros electrnicos en soportes fsicos almacenados en la biblioteca y hoy
da gracias al desarrollo de las telecomunicaciones e Internet, las bibliotecas
empiezan a tener acceso a documentos que nunca poseern fsicamente, pues
se hallan albergados en servidores remotos, en distintos puntos del planeta.
Ello ha dado origen a la aparicin de un nuevo concepto, el de biblioteca virtual.
Las bibliotecas ms prestigiosas del mundo tienen su correlato en el mundo
digital, donde los formatos impresos se presentan junto a otros multimedia -
como audio o video- que los complementan, y que estn asociados a otro
modo de produccin, organizacin, distribucin y apropiacin de la informacin.
Sin embargo, lo que habitualmente llamamos bibliotecas digitales se distinguen
de las virtuales, que abren un nuevo mundo de servicios en lnea, adaptados a
las demandas de los usuarios.
En un principio fueron las bibliotecas electrnicas, que permitieron acceder a la
informacin en formato digital, con todas las ventajas que esto supuso en el
acceso pero sin desarrollar otras potencialidades de lo virtual.

Las bibliotecas virtuales son un recurso de informacin necesario para el
acceso y manejo de informacin digitalizada.
La ventaja que ofrece una biblioteca virtual radica en que todos los usuarios
tienen iguales posibilidades de acceso a los recursos de la biblioteca, con
independencia de las coordenadas espaciales y temporales del usuario, porque
es un servicio permanente al que se puede acceder desde cualquier parte y a
- 61-

cualquier hora. As, se crea una comunidad virtual que puede acceder a todos
los servicios conocidos de la biblioteca presencial
Biblioteca virtual es un sistema innovador de educacin, orientado a mejorar la
comunicacin e incentivar el aprendizaje interactivo y personalizado.
Adems se denomina biblioteca virtual cuando las colecciones y servicios
bibliotecarios en sus diversas modalidades comienzan a integrarse en un
espacio en red.

3.3.2. Catalogacin
Todo proceso de digitalizacin comienza con la elaboracin de un catlogo,
que deber actualizarse peridicamente, y se completa con la trascripcin de
las obras de referencia, libros y otras publicaciones.
La finalidad principal de la catalogacin de un documento es la de asegurar su
identificacin en el conjunto de la base documental a la que pertenece con el
propsito de asegurar su localizacin para, en definitiva, posibilitar la
recuperacin, pertinente y en el momento preciso.
Objetivos de la catalogacin
Facilitar el acceso de informacin al usuario
Lograra la normalizacin de todo tipo de documento
Facilitar la automatizacin, manejo y transferencia de la informacin

3.3.2.1. Catalogacin automatizada
Cada vez es ms frecuente encontrar centros informativos que han
automatizado sus servicios.
- 62-

La enorme masa documental existente, las necesidades de los usuarios y las
enormes ventajas que ofrece la informtica aplicada a este campo, hacen que
est entre de lleno en los parmetros de los profesionales de la Informacin.
Entre las ventajas que presenta hoy la catalogacin automatizada, destacan las
siguientes:
Evita la redundancia en el trabajo: cada documento slo se cataloga una
vez.
Se reducen, por lo tanto, los costos econmicos de la catalogacin
Es ms fcil la correccin de errores y puesta al da de nuevos datos.
Se asegura la calidad y rapidez de la difusin.
Entre las acciones que se pueden automatizar en el marco de la catalogacin,
tenemos:
Entrada de nuevos documentos al sistema
Modificacin, adicin o eliminacin de la informacin en los documentos ya
almacenados
Creacin de otros documentos a partir de los ya existentes.

3.3.2.2. Catlogos en lnea
Los catlogos en lnea son sistemas computarizados de acceso pblico que
permiten la bsqueda, la consulta y la visualizacin de los registros
bibliogrficos y no bibliogrficos de una biblioteca, estn diseados para
interactuar con los usuarios y son parte esencial de los sistemas de
automatizacin de las bibliotecas.

- 63-

3.3.2.3. Tipos de catlogos en lnea
Existen 3 tipos de catlogos en lnea segn la tipologa de red que utilizan:

Catlogos en lnea para redes de rea local.
Solo de consulta en los ambientes de la biblioteca requieren de una red de
computadoras de nivel local.
Catlogos en lnea para Internet
Son de consulta a escala mundial, requieren de software de comunicaciones
como telnet, Netscape, Internet Explorer u otro software para Internet que
permite visualizar en entorno Web, entorno a telnet o en torno de otro cliente
de comunicaciones.

Catlogos en lnea basados en Z39,50
Requiere de un programa cliente, de un protocolo de comunicaciones y de
un programa de servidor que cumpla la norma americana de recuperacin
de la informacin. La utilidad de los programas cliente protocolo Z39,50 es
que permite buscar simultneamente un libro hasta en ms de 430
servidores.

3.3.3. Formas de bsqueda
a. Bsqueda simple.- Es la bsqueda por un criterio simple como ttulo,
autor, materia, clasificacin de un tem de biblioteca.
b. Bsqueda avanzada.- esta bsqueda utiliza conectores lgicos como Y,
O y No. Es conocida como Booleana. Esta bsqueda permite conseguir
- 64-

mayor precisin, combina distintos trminos en el mismo o en diferentes
ndices.
c. Bsqueda libre.- Esta bsqueda es por cualquier palabra y utiliza
cualquiera de los campos indizados como: editorial, titulo de la serie, lugar
de publicacin, resmenes, notas de contenido. Esta forma de bsqueda
puede recuperar hasta cientos de miles de registros.

3.3.4. Nivel de descripcin Bibliogrfica
El nivel de descripcin bibliogrfica permite la recuperacin de la informacin
este nivel vara segn el tipo de bibliotecas y del nivel de detalle de informacin
que requiera los usuarios al momento de decidirse al encontrar un tem.

Comprende los siguientes niveles:
a. Primer nivel.- Es el nivel bsico y elemental para describir una obra
bibliogrfica comprende: autor, titulo, edicin, editorial, ao y extensin del
tem. Este nivel es utilizado en las bibliotecas escolares y publicas.
b. Segundo nivel.- El segundo nivel es detallado, incluye adems de los
elementos antes sealados, otros que se puedan encontrar tanto en el
mismo tem como fuentes auxiliares tal es el caso de los extremos
cronolgicos de los autores. Requiere de notas y describir cualquier otro
detalle de importancia para el investigador. Este nivel es utilizado en las
bibliotecas universitarias.
- 65-

c. Tercer nivel.- Para el tercer nivel de descripcin, se incluye todos los
elementos y detalles sealados en las reglas de catalogacin
angloamericanas, es propio de las bibliotecas nacionales.

3.4. BASES DE DATOS
Podramos definir una base de datos como un conjunto de datos estructurados,
fiables y homogneos, organizados independientemente en cada mquina,
accesibles a tiempo real, compartibles por usuarios concurrentes que tienen
necesidades de informacin.
En este sentido, una biblioteca puede considerarse una base de datos
compuesta en su mayora por documentos y textos impresos en papel e
indexados para su consulta.
3.4.1. Objetos de una base de datos
Tablas.- Unidad donde crearemos el conjunto de datos de nuestra base de
datos. Estos datos estarn ordenados en columnas verticales. Aqu
definiremos los campos y las caractersticas.
Consultas.- Aqu definiremos las preguntas que formularemos a la base de
datos con el fin de extraer y presentar la informacin resultante de diferentes
formas.
Formulario.- Elemento en forma de ficha que permite la gestin de datos de
una forma ms cmoda y visiblemente ms atractiva.
Macro.- Conjunto de instrucciones que se pueden almacenar para
automatizar tareas repetitivas.
- 66-

3.4.2. Conceptos bsicos de una base de datos
Campo.- Unidad bsica de una base de datos. Un campo puede ser, por
ejemplo, el nombre de una persona. Los nombres de los campos, no pueden
empezar con espacios en blanco y caracteres especiales. No pueden llevar
puntos, ni signos de exclamacin o corchetes. Si pueden tener espacios en
blanco en el medio. La descripcin de un campo, permite aclarar informacin
referida a los nombres del campo. El tipo de campo, permite especificar el tipo
de informacin que cargaremos en dicho campo, pueden ser:

Texto: para introducir cadenas de caracteres hasta mximo de 255
Memo: para introducir un texto extenso. Hasta 65.535 caracteres
Numrico: para introducir nmeros
Fecha/hora: para introducir datos en formato fecha u hora
Moneda: para introducir datos en formato nmero y con el signo
monetario
Autonumrico: en este tipo de campo, numera automticamente el
contenido.
Si/no: campo lgico. Este tipo de campo es slo si queremos un
contenido del tipo si/no, Verdadero/ Falso, etc.
Objeto OLE: para introducir una foto, grfico, hoja de clculo, etc.
Hipervnculo: podemos definir un enlace a una pgina Web
Asistente para bsquedas: crea un campo que permite elegir un valor
de otra tabla o de una lista de valores mediante un cuadro de lista o un
cuadro combinado.
- 67-

Registro: es el conjunto de informacin referida a una misma persona u objeto.
Un registro vendra a ser algo as como una ficha.
Campo clave: campo que permite identificar y localizar en registro de manera
gil y organizada.




















- 68-







CAPITULO IV
4. DISEO BIBLIOTECA VIRTUAL

4.1. Requerimientos bsicos
Para empezar con el diseo de un sitio Web se requieren los siguientes
requisitos:
Computador PC o Macintosh
Programa editor de pginas Web
Son programas creados para diseo Web que permiten el control absoluto
del aspecto grfico de un sitio, permitiendo crear un interfaz totalmente visual.
El programa editor utilizado en el desarrollo de esta investigacin es
Dreamweaver.
Programa editor de archivos grficos.
Adobe Ilustrador y photoshop.




- 69-

4.2. Bocetos y prototipos
A partir de la definicin de las formas propias de la facultad y la institucin se
crean bosquejos de posibles bibliotecas virtuales (Ver figura 4) partiendo de
formas planas y lineales.



Figura 4. Bocetos biblioteca virtual


- 70-

4.3. Contenidos
Los contenidos deben estar organizados de tal forma que los visitantes
encuentren lo que buscan.
Organizacin de contenidos:
1. Pgina de inicio (presentacin)
2. Catlogo

Escuela Ing. Industrial
Escuela Ing. Mecnica
Escuela Ing. Mantenimiento
Escuela Ing. Automotriz
3. Contactos
4. Mapa del sitio
4.3.1. Estructura de organizacin de la biblioteca virtual


Figura 5. Organizacin Jerrquica Biblioteca Virtual
- 71-

4.4. La retcula
La retcula es la base visual para organizar la informacin de una pgina
Web.
El sistema plano de referencia habitual en los seres humanos es el formado por
un eje horizontal y otro vertical, es decir, por dos rectas que se cortan en un
ngulo de 90. En este sistema, el eje horizontal aporta equilibrio y estabilidad,
mientras que el vertical facilita la elevacin de la vista, marcando prioridades o
niveles en la composicin. (Ver figura 6)

Figura 6. Retcula Biblioteca Virtual Fac. Mecnica

Mediante el reticulado se sitan los bloques de contenido que formarn la
composicin: zonas principales y secundarias, ttulos y subttulos, bloques de
texto, fotografas, ilustraciones, grficos, sistemas de navegacin, botones,
iconos, etc. Dando con ello un estilo propio visualmente lgico a la misma.
- 72-

Esta estructura lgica creada con el reticulado debe mantenerse luego en todas
las pginas que forman el sitio Web, proporcionando con ello consistencia y
homogeneidad al mismo.
Tablas.- Las Tablas HTML. Ofrecen al diseador Web dos valiosas
herramientas; una para ubicar texto e informacin y otra colocar objetos en
una pgina Web de manera precisa.
Se ubica el contenido de la pgina en la estructura de filas y columnas de la
tabla, en el lugar donde el diseador desea que aparezca cada elemento en la
pgina Web.
En la siguiente figura (Ver figura7) se muestra la construccin del sitio en 4
tablas de acuerdo al siguiente orden.
Tabla 1.- Dintel
Tabla 2. Men horizontal
Tabla 3. Men vertical y cuerpo de la pgina
Tabla 4. Pie de pgina











Figura 7. Sistema de Tablas Biblioteca Virtual.

Tabla 3
< Tabla 1 >
< Tabla 2 >
< Tabla 3 >
< Tabla 4 >
- 73-

4.5. Proporcin
El rectngulo ureo (Ver figura 8) se establece como referencia de diseo.

Figura 8. Rectngulo ureo

4.6. Aspecto formal
La forma puede definirse como el borde que rodea un objeto.
La rueda mecnica dentada es el ideograma de las metas de la ESPOCH de
engranar sus conquistas cientficas y tecnolgicas alcanzadas. (Ver figura 9)


Figura 9. Composicin engranaje mecnico
- 74-

Vivimos en un mundo donde dominan las lneas rectas edificios, carreteras etc.
Las formas simples y regulares son las que se perciben y recuerdan con mayor
facilidad. Las formas simtricas estn presentes en la naturaleza.
(Ver figura 10)

Figura 10. Diseo men

El tamao de un elemento, en relacin al resto, tambin presenta diferentes
definiciones. Las formas grandes, anchas o altas, se perciben cmo, ms
fuertes, pero las ms pequeas, finas o cortas, simbolizan la debilidad y
delicadeza. (Ver figura 11)


Figura 11. Diseo animacin

4.7. Tipografa
Las letras rectas, sin serifa o terminacin, tambin llamadas de palo seco
(como helvtica arial o verdana) son ms legibles en pantalla, como es el caso
de los Websites; los monitores no presentan una buena resolucin y los
remates emborronan el aspecto de los tipos. (Ver figura 12)

Figura 12. Archivo de imagen
- 75-

El estilo: Arial Rounded Mt Bold - contenido Arial ejemplo:



4.8. Color
Los colores primarios son visualmente impactantes y siempre crean imgenes
interesantes.
Los colores del sitio Web cuenta con gamas del logotipo de la facultad y de
la institucin. El sello de la institucin est concebido de acuerdo a los
postulados acadmicos de la ESPOCH y a las normas de la herldica. (Ver
figura 13)

Figura 13. Sello Escuela Superior Politcnica de Chimborazo

La descripcin simblica de los colores se encuentra desarrollada por la
herldica realizada por el Dr. Arturo Nina Len.
A continuacin los cdigos de los colores corporativos en sistemas de color
RGB y su equivalencia en sistema hexadecimal.

La Biblioteca de la Facultad de Mecnica de la Escuela Superior Politcnica de
Chimborazo pone a disposicin de estudiantes y docentes la Biblioteca Virtual
de Tesis Digitales.
- 76-

Rojo
R = 255
G = 0
B = 0
Verde
R = 51
G =153
B = 51
Blanco
R = 255
G = 255
B = 255
De investigaciones anteriores se establecen las siguientes gamas utilizadas
en el sitio de la ESPOCH y sus facultades (Ver figura 14).


Figura 14. Gama colores ESPOCH


verde
azul
blanco
rojo
# FF0000
# 339933
# FFFFFF
- 77-

Estableciendo as la gama de color de la facultad de mecnica (Ver figura15)

Figura 15. Gama colores Facultad de Mecnica

Las Asociaciones del rojo evocan sensaciones fuertes de toda ndole, el rojo
corporativo es de intensidad no recomendada, es por esta razn que se
realiza una disminucin de luminosidad. Un pigmento de un color determinado
puede aclararse u oscurecerse aadindole blanco o negro. En la siguiente
figura (Ver figura16) se utiliza el valor de luminosidad del rojo para establecer
un color de mejor visualizacin.


Figura 16. Valor de luminosidad del rojo

ROJO SOBRE BLANCO
El color rojo parece ms plido sobre un fondo blanco. La
observacin de contraposicin cromtica es el punto de partida
para comprender la naturaleza relativa del color. La relacin entre valores,
ROJO
NEGRO
BLANCO
- 78-

saturaciones y temperaturas de las distintas tonalidades provoca diferencias
notables en la percepcin del color.

4.9. Elementos grficos Web
Las imgenes deben visualizarse en formato JPEG usando el ajuste de
mxima calidad (80-100%) con una resolucin de 150dpi. (Ver figura17)





Figura 17. Imgenes Espoch -mecnica
- 79-


Las animaciones gif. Es la secuencia de una serie de imgenes digitales
reunidas. Y se crea para informar al usuario el nombre del sitio. (Ver figura 18)

Figura 18. Animacin Biblioteca Virtual

Rollovers.- Los rollovers dan mayor interactividad a las pginas y son dos
archivos de imagen casi idnticos que intercambian posiciones cada vez que el
cursor pasa sobre ellos. (Ver figura19 - 20)


Figura 19. Imagen rollover en estado desactivado

Figura 20. Imagen rollover en estado activado


4.10. Interfaz grfica (Ver figura21)
DINTEL


- 80-

SISTEMAS DE NAVEGACION

CUERPO DE LA PGINA


PIE DE PGINA

- 81-


Figura 21. Interfaz

4.11. Evaluacin y prueba biblioteca virtual
Se prueba y evala la biblioteca virtual observando durante el proceso fallas
en el diseo y sistema para los cuales se realizan cambios que aportan con el
mejoramiento de la biblioteca.

Se aaden fotografas que junto a las anteriores se unifican para definir la
creacin de banners. (Ver figura 22).

- 82-





Figura 22. Imgenes banners

Ampliacin de la animacin gif con la finalidad de mejorar y aumentar la
informacin (Ver figura 23).


Figura 23. Animacin gif encabezado


- 83-

Cambio en los mens rollovers para mejorar la navegacin y dar mejor
integracin al contenido (Ver figura 24 - 25)



Figura 24. Mens rollover en estado desactivado



Figura 25. Mens rollover en estado activado
Logotipo Adicionalmente se cambia la animacin web de la rueda mecnica
por un logotipo propio de la biblioteca que permita identificar ms al sitio web
y se generan posibles bocetos (Ver figura 26).

< Botones superiores
< Botones laterales
< Botones superiores
< Botones laterales
- 84-


Figura 26. Bocetos y cambio engranajes por logotipo.
La proceso de creacin de logotipo tiene como fundamento unir el engranaje
mecnico con la biblioteca (representada por libros), estableciendo una lnea
de simetra. El texto es una tipografa de mquina que representar el concepto
mecnico. En cuanto a la cromtica se establecen colores del sitio web para
dar unidad a los elementos grficos.

Adems se vectorizan y aaden los sellos de las Escuelas de la Facultad de
Mecnica y la ESPOCH para identificar grficamente cada una (Ver figura
27).


Figura 27. Sellos escuelas de la Facultad de Mecnica y ESPOCH.

Se aade un cono cuya tarea es ampliar la informacin en texto completo y
reemplazar el hipervnculo anterior. ../industrial/pdf/85A00007.pdf
(Ver figura 28).

Figura 28. Icono texto completo
< Rueda mecnica
< Logotipo biblioteca virtual
- 85-

Los banners son creados para mostrar informacin muy concreta en el caso de
la Biblioteca Virtual son fotografas y se muestran sectorizadas.




4.11.1. Interfaz resultante
DINTEL (Ver figura 29 - 30)




Figura 29. Banners - dintel

En la pgina de presentacin se
encuentra un banner que identifica la
localizacin geogrfica de la biblioteca
virtual.
Las pginas de catlogo muestran
tesis de la Facultad de Mecnica
tanto digital como impresa.
En contacto el banner representa
una referencia fsica de los
usuarios y bibliotecarios.

- 86-


Figura 30. Proporcin dintel

SISTEMA DE NAVEGACIN (Ver figura 31-32)


Figura 31. Sistemas de navegacin

- 87-


Figura 32. Proporcin sistema de navegacin
CUERPO DE LA PGINA (Ver figura 33-34)


Figura 33. Cuerpo de la pgina
< Presentacin
< Logotipo escuelas
facultad de mecnica > < Bsqueda
< Catlogo
< Contenido
- 88-

Mapa del sitio >>
Mapa del sitio >>

Figura 34. Proporcin cuerpo de la pgina


PIE DE PGINA (Ver figura 35 - 36)


Figura 35. Pie de pgina


Figura 36. Proporcin pie de pgina
Derecho de Autor
Ao
Facultad
ESPOCH
Sellos
Facultad de
Mecnica y
ESPOCH
Sello Biblioteca
Mecnica
- 89-

INTERFAZ BIBLIOTECA VIRTUAL (Ver figura 37)


Figura 37. Interfaz biblioteca virtual

4.12. Diseo de base de datos
El primer paso para crear una base de datos, es planificar el tipo de
informacin que se quiere almacenar en la misma. Teniendo en cuenta dos
aspectos: la informacin disponible y la informacin que necesitamos.
La planificacin de la estructura de la base datos, en particular de las tablas
(Ver figura 38), es vital para la gestin efectiva de la misma. El diseo de la
estructura de una tabla consiste en una descripcin de cada uno de los
campos que componen el registro y los valores o datos que contendr cada
uno de los campos.
Mapa del sitio >>
- 90-


Figura 38. Creacin de una tabla
Los campos (Ver figura 39) son los distintos tipos de datos que componen la
tabla, por ejemplo: nombre, apellido. La definicin de un campo requiere: el
nombre del campo, el ancho del campo etc.

Figura 39. Determinacin de campos
- 91-

Los registros (Ver figura 40) constituyen la informacin que va contenida en
los campos de la tabla, por ejemplo: el nombre del usuario, el apellido del
usuario y la direccin de este.

Figura 40. Determinacin de Registros

En resumen, el principal aspecto a tener en cuenta durante el diseo de una
tabla es determinar claramente los campos necesarios, definirlos en forma
adecuada con un nombre especificando su tipo y longitud.

4.12.1. Base de datos biblioteca virtual
La base de datos para la biblioteca virtual est hecha en Microsoft Access
debido las facilidades tcnicas que presenta y no requiere mayores
conocimientos de programacin.
Descripcin de los campos (Ver figura 41):
- 92-

Cdigo de ingreso: Se considera como un campo que permite la ubicacin
fsica del la informacin.
La codificacin de tesis es: 85A0007

85 A 0007
Clave Facultad elemento audiovisual #de registro de tesis

Ttulo de la tesis: Campo indispensable para la localizacin de la informacin
Autor: Formas de orientacin bsica de la informacin.
Descriptores: Dan una idea al lector de lo que encontrar al abrir el
documento.
Texto completo: Es el objetivo principal de esta investigacin. Visualizacin
directa de la informacin.
Director de tesis: Referencia de responsabilidad de desarrollo de la
investigacin.
Ao: Determina la antigedad de la informacin.

Figura 41. Ubicacin de los campos Biblioteca virtual
- 93-

Los datos se organizan bajo un mismo estndar y se llenan en la tabla de
base de datos (Ver figura 42).

Figura 42. Ubicacin de registros
La presentacin de los soportes digitales es la siguiente:
Cartula
Hoja Examinacin de tesis
Tabla de contenidos
Sumario (ingls y espaol)
Cuerpo de la tesis (captulos)
Se toman en cuenta los datos bsicos debido que no todos los soportes
digitales llevan el desarrollo completo de la tesis.
Se unen los datos y en algunos casos se llenan basndose en el desarrollo
escrito entregado a los bibliotecarios.
- 94-

De esta manera se lograron reunir tesis con caractersticas similares. Una vez
unificada y organizada la informacin de manera correcta se convierten en
PDF con el propsito de no permitir la copia de las mismas.

4.13. Conexin
ADO (Microsoft ActiveX Data Objects) es un mecanismo que utilizan los
programas para comunicarse con las bases de datos. Forma parte de
lenguajes como Visual Basic, Delphi, ASP, etc. Provee una capa entre los
lenguajes de programacin y las bases de datos OLE, lo que permite a los
programadores escribir programas que accedan a datos, sin saber cmo est
implementada la base de datos, tampoco es necesario conocer sobre SQL
cuando se usa ADO.
ADO fue introducido por Microsoft en 1996, y sustituy tanto a DAO (Data
Access Object), como a RDO (Remote Data Object), ambos sistemas se
utilizaban antes para acceder a las bases de datos locales y remotas
respectivamente. La versin ADO.NET forma parte de la plataforma de
programacin .NET de Microsoft.

En base a este mecanismo se realiza la conexin de base de datos donde se
establece una variable que especifica lo que traer de la tabla de base de
datos programando paso a paso e identificando la informacin por celdas todo
esto requiere de un conocimiento en programacin PHP.
- 95-

Para la paginacin se define mediante variables que indiquen de que registro
a que registro se mostrarn en el catlogo, dicha variable se indica de 0-5 y
se continan a partir de la quinta.
La tabla se imprime con un comando php que escribe cdigo HTML, primero
se establece un estilo para las celdas de la tabla en el cuerpo de la pgina se
establece la informacin que presentar en cada una de las celdas y se
aplicara la variable en caso de necesitar conectarse a la base de datos se
cierra la tabla se establecen los links de las paginas en cuanto a vnculos y
paginas anterior y siguiente. Se cierra la conexin de base de datos y el cdigo
php. (Ver anexo3)

4.14. Aplicacin biblioteca virtual
El da 14 de enero se aplica la biblioteca virtual de tesis digitales en la
biblioteca de la facultad de mecnica. A partir de esta fecha se realiza la
evaluacin de la misma.

4.14.1. Evaluacin biblioteca virtual facultad de mecnica
Del interfaz y contenido del sitio web se realizan las encuestas. Y se toman
en cuenta las reacciones del usuario ante el sistema

Se puede considerar que un usuario es capaz de usar un sistema con xito si:
El sistema le ayuda en gran medida a cumplir sus metas
El sistema es fcil de emplear
El sistema es fcil de aprender
- 96-

La actitud del usuario ante el sistema
Solo se podr afirmar que los usuarios son capaces de utilizar con xito un
sistema si se ha realizado una evaluacin que apruebe este hecho.
La evaluacin es un procedimiento estrictamente conectado con los ciclos de
diseo y desarrollo de un sistema y se puede realizar durante distintas fases
dentro de estos ciclos. Adems y de acuerdo con los resultados de la
evaluacin se debera modificar el sistema que est en desarrollo de manera
que se d lugar a un diseo iterativo
Es posible identificar diferentes mtodos para la evaluacin de un sistema en
particular Benyon (1990) distingue cinco categoras.

1. Evaluacin analtica
2. Evaluacin experta
3. Evaluacin por observacin
4. Evaluacin por examen
5. Evaluacin experimental

4.14.1.1. Identificar los datos
Los datos a evaluarse en la biblioteca virtual son los siguientes:
Contenido
Interfaz
- Texto
- Animacin
- Botones
- 97-

- Logotipo
- Imgenes

4.14.1.2. Realizacin de la evaluacin
Para la evaluacin del interfaz y sistema se desarrolla el formato de evaluacin
y se plantea un focus group de expertos y usuarios mismos que debern
calificar en un rango de 1-5 (1 bajo 5 bueno) (Ver anexo 4).

4.14.1.3. Tabulacin de la informacin
Los resultados tabulados servirn para la comprobacin de la hiptesis.

a) Expertos
1. Contenido
Caractersticas Calificacin Total Promedio
Acceso 55544445 36 4.5
Organizacin 45545554 37 4.63
Velocidad de presentacin 44434443 30 3.75
Total 4.29

Tabla IV. Resultado evaluacin contenido (E)
- 98-


Figura 43. Promedio de evaluacin contenido
2. Interfaz
Texto
Caracterstica Calificacin Total Promedio
Legibilidad 44445445 34 4.25
Total 4.25

Tabla V. Resultado evaluacin texto (E)

Figura 44. Promedio de evaluacin texto
- 99-

Animacin
Caractersticas Calificacin Total Promedio
Tiempo de duracin 34444544 32 4
Velocidad 54445444 34 4.25
Total 4.12

Tabla VI. Resultado evaluacin animacin (E)


Figura 45. Promedio de evaluacin animacin

Botones
Caracterstica Calificacin Total Promedio
Navegabilidad 44555455 37 4.62
Total 4.62

Tabla VII. Resultado evaluacin botones (E)
- 100-


Figura 46. Promedio de evaluacin botones

Logotipo
Caractersticas Calificacin Total Promedio
Cromtica 44335544 32 4
Pregnancia 55444435 34 4.25
Forma 44455555 37 4.63
Tamao 44554444 34 4.25
Total 4.28

Tabla VIII. Resultado evaluacin logotipo (E)

- 101-


Figura 47. Promedio de evaluacin logotipo
Imgenes
Caractersticas Calificacin Total Promedio
Visibilidad 44553454 34 4.25
Tamao 55444345 34 4.25
Total 4.25

Tabla IX. Resultado evaluacin imgenes (E)

Figura 48. Promedio de evaluacin imgenes
- 102-

RESULTADO TOTAL DE LA EVALUACIN

ELEMENTOS PROMEDIO PORCENTAJE
Contenido 4.29 86%
Interfaz
Texto 4.25 85%
Animacin 4.12 83%
Botones 4.62 93%
Logotipo 4.28 86%
Imgenes 4.25 85%



Tabla X. Resultado total evaluacin (E)
La evaluacin aporta como resultado que el 93% de los evaluados (focus
group) consideran que la Navegabilidad de la Biblioteca Virtual de tesis
digitales de la Facultad de Mecnica (Escuela de Ingeniera Industrial) es de
fcil comprensin, seguida por el contenido y el diseo del logotipo con un
86%, en general los resultados dan porcentajes satisfactorios al uso del
sistema y diseo del interfaz.







- 103-

b) Segmento de mercado
1. Contenido
Caractersticas Calificacin Total Promedio
Acceso 45453455 35 4.37
Organizacin 55454554 37 4.62
Velocidad de presentacin 44444443 31 3.87
Total 4.28

Tabla XI. Resultado evaluacin contenido (SM)


Figura 49. Promedio de evaluacin contenido
2. Interfaz
Texto
Caracterstica Calificacin Total Promedio
Legibilidad 55444445 35 4.37
Total 4.37
Tabla XII. Resultado evaluacin texto (SM)
- 104-


Figura 50. Promedio de evaluacin texto
Animacin
Caractersticas Calificacin Total Promedio
Tiempo de duracin 34444454 32 4
Velocidad 44554334 32 4
Total 4

Tabla XIII. Resultado evaluacin animacin (SM)

Figura 51. Promedio de evaluacin animacin

- 105-

Botones
Caracterstica Calificacin Total Promedio
Navegabilidad 45555455 38 4.75
Total 4.75

Tabla XIV. Resultado evaluacin botones (SM)

Figura 52. Promedio de evaluacin botones
Logotipo
Caractersticas Calificacin Total Promedio
Cromtica 44445545 35 4.37
Pregnancia 44445444 33 4.13
Forma 54555444 36 4.5
Tamao 44435444 32 4
Total 4.25

Tabla XV. Resultado evaluacin logotipo (SM)
- 106-


Figura 53. Promedio de evaluacin logotipo
Imgenes
Caractersticas Calificacin Total Promedio
Visibilidad 55444455 36 4.5
Tamao 44554445 35 4.37
Total 4.43

Tabla XVI. Resultado evaluacin imgenes

Figura 54. Promedio de evaluacin imgenes

- 107-


RESULTADO TOTAL DE LA EVALUACIN
ELEMENTOS PROMEDIO PORCENTAJE
Contenido 4.28 86%
Interfaz
Texto 4.37 87%
Animacin 4 80%
Botones 4.75 95%
Logotipo 4.25 85%
Imgenes 4.43 88%



Tabla XVII. Resultado total evaluacin (SM)
La evaluacin al segmento de mercado proporciona un resultado del 95 % en
navegabilidad es decir no hay perdidas del usuario en el sistema seguido por
el diseo de imgenes con un 88%. En general la evaluacin cuenta con
porcentajes del 80% y ms, estos resultados dan satisfaccin al uso del
sistema y diseo del interfaz.








- 108-


CONCLUSIONES Y RECOMENDACIONES
CONCLUSIONES
Durante el desarrollo del presente trabajo se determina las siguientes
conclusiones.

1. El diseador grafico necesita desarrollar ms conocimientos de
programacin o a la vez interactuar junto con un equipo de trabajo.
2. El estudio preliminar define las caractersticas bsicas aplicadas al
diseo de la biblioteca virtual de tesis digitales final.
3. Es necesario para la recopilacin de la informacin contar con la
colaboracin de los beneficiados de la biblioteca virtual.
4. Las bibliotecas virtuales requieren funcionalidad y esttica
simplificada.
5. Para la creacin de una biblioteca virtual se debe acompaar los
conocimientos de diseo con otras ciencias como bibliotecologa,
marketing, programacin.







- 109-

RECOMENDACIONES
En esta investigacin se encuentran algunas dificultades en el desarrollo
del mismo por lo que se dan las siguientes recomendaciones.

1. Implementar las tesis digitales de las dems escuelas de la
facultad de mecnica e incentivar a la creacin de bibliotecas
virtuales en las dems unidades acadmicas de las facultades.
2. Implementar la biblioteca virtual de tesis digitales de la facultad
de mecnica en el departamento de sistemas y telemtica
(desitel).
3. Actualizar peridicamente la biblioteca virtual para contar con
informacin de tesis renovadas semestralmente.
4. Invitar a los estudiantes y usuarios de la biblioteca virtual a la
utilizacin de este tipo de recursos para futuras investigaciones.
5. Cambiar la forma de presentacin de las tesis digitales siguiendo
un esquema establecido que permita identificar de forma completa
los datos correspondientes a las tesis, de esta forma se optimiza
tiempo en la publicacin de las mismas.
6. Incentivar a las autoridades institucionales para el desarrollo de
este tipo de investigaciones en coordinacin con el desitel y las
personas encargadas de la parte informtica de cada unidad
acadmica.


- 110-


RESUMEN

Se disea el interfaz de la biblioteca virtual para la Facultad de Mecnica,
Escuela de Ingeniera Industrial de la ESPOCH con el objetivo de proporcionar
a los estudiantes e interesados en general, un ambiente de consulta de tesis
digitales visualmente esttico organizado y funcional.
Para el diseo se requiri de un anlisis preliminar del sistema actual con el fin
de determinar los problemas y oportunidades de mejora. Posteriormente,
mediante investigacin directa al segmento de mercado, se establecen los
cdigos cromticos y elementos grficos que se aplicaron en el sitio web
implementado con la herramienta de diseo Dreamweaver CS3.
Luego se aplic el sitio web en la Biblioteca de la Facultad de Mecnica
obteniendo un 87% de aceptacin en cuanto al diseo de interfaz y un 86% en
la organizacin del contenido, respecto al funcionamiento los usuarios
presentan un nivel de aceptacin satisfactorio. Alcanzando de esta forma
una mejora en la presentacin y funcionamiento que facilita el proceso de
consulta e investigacin optimizando el volumen de informacin y el tiempo.
Es recomendable que esta biblioteca virtual se implemente y mantenga en
beneficio de los usuarios.




- 111-

























- 112-











ANEXOS













- 113-

ANEXO 1.
Listado de estudiantes matriculados en la escuela de ingeniera industrial.











- 114-

ANEXO 2.
Formato de estudio de mercado facultad de mecnica (escuela de ingeniera industrial)

ESCUELA SUPERIOR POLITECNICA DE CHIMBORAZO


OBJETIVO
La presente encuesta tiene como objetivo establecer el segmento de mercado,
resultados que sern aplicados para el desarrollo de un proyecto de importancia para
la facultad.

DATOS INFORMATIVOS

GENERO: Masculino Femenino


Estudiante Egresado


EDAD:..aos


CUESTIONARIO

MARQUE CON UNA X LA OPCIN CON LA CUAL SE IDENTIFICA


1. Como calificara su desempeo como estudiante en la ESPOCH

EXCELENTE MUY BUENO

BUENO. REGULAR..


CON UNA ESCALA DE VALORES DEL 1 AL 5, TOMANDO EN CUENTA QUE 1
ES EL MENOS IMPORTANTE Y 5 EL MS IMPORTANTE, ORDENE SEGN
SUS PRIORIDADES.

2. Cual es su prioridad, ordene las siguientes opciones de mayor a menor

Estudio ..
Familia .
Deporte .
Trabajo
Diversin .

- 115-



3. Cual es el beneficio que usted busca en una biblioteca virtual de tesis digitales

Rapidez en la visualizacin de las tesis .
Facilidad de acceso a la informacin
Presentacin atractiva del sitio
Calidad de la informacin



GRACIAS POR SU COLABORACIN




































- 116-

ANEXO 3.
Cdigo php biblioteca virtual

- 117-


- 118-


ANEXO 4.
Formato de Evaluacin Biblioteca Virtual de tesis digitales facultad de Mecnica (escuela
ingeniera industrial).







INTRUCCIONES DE EVALUACION
A. El rango de calificacin de cada una de las caractersticas de los elementos
mencionados van de 1 a 5 (1 bajo 5 bueno).
B. Escribir un solo dgito por caracterstica.




1. CONTENIDO

CARACTERISTICAS CALIFICACION
Acceso
Organizacin
Velocidad de presentacin




2. INTERFAZ


TEXTO

CARACTERISTICA CALIFICACION
Legibilidad


ANIMACION

CARACTERISTICAS CALIFICACION
Tiempo de duracin
Velocidad



Evaluacin Biblioteca Virtual de Tesis Digitales Escuela
de Ingeniera Industrial


- 119-

LOGOTIPO

CARACTERISTICA CALIFICACION
Cromtica
Pregnancia
Forma
Tamao


IMAGENES

CARACTERISTICA CALIFICACION
Visibilidad
Tamao


BOTONES

CARACTERISTICA CALIFICACION
Navegabilidad




GRACIAS POR SU COLABORACIN























- 120-







BIBLIOGRAFA
BICKERTON, P; BICKERTON, M. y HOLLEY, S.K. Ciberestrategia. Mxico:
Pearson Educacin, 2000. pp. 143-174.
BORRERO, J. C. Fundamentos de marketing. Lima: San Marcos, s.f. pp.
123-129.
FRASER, T. y BANKS, A. Color la gua ms completa. Barcelona: Evergreen,
2005. pp. 22-202.
GILSTER, R. y GILSTER, M.D. Construya su propia red. Medellin: McGraw-
Hill, 2001. p. 10.
JAMSA, K; KING, K. y ANDERSON,A. Sperutilidades para HTML y diseo
Web. Madrid: McGraw-Hill, 2002. 739 p.
KAHN, L. y LOGAN, L. Construya su propio Web. Madrid: McGraw-Hill,
1997 pp. 2-4.
CENTRO DE COMPUTACIN PROFESIONAL. MEXICO. Multimedia en
internet. 4ta. ed. Mxico: McGraw-Hill, 2006. pp. 10-31.
DIGITAL COMUNICACIN. MEXICO. Curso de diseo Web. Buenos Aires:
Conasur, s.f. 260 p.
- 121-

NOWELL, F. Las nuevas reglas del marketing. Mxico: McGraw-Hill, 1997
pp. 49-51.
LPEZ, J. Sistemas digitales de informacin. Madrid: Pearson Prentice Hall,
2006. pp. 144-205.
TIM, D. Enciclopedia de fotografa digital. Barcelona: Blume, 2005. 288 p.
VALERA, J. Construya sus imgenes para la Web. Lima: Macro, 2003. pp. 7-
43.

Bibliografa Internet
BIBLIOTECAS VIRTUALES
http://www.bibliotecas virtuales adaptables un desafo de la sociedad de la
informacin.htm.20080814.
DISEO DE PGINAS WEB
http://es.wikipedia.org/wiki/Dise%C3%B1o_de_p%C3%A1ginas_web.200
81026
TIPOS DE PGINAS WEB
http://www.asperuweb.com/pagina_web_estatica.htm.20081118.
CONEXIONES A BASES DE DATOS
http://www.conexiones a Bases de Datos ADO_NET.htm.20090125





- 122-


MANUAL DEL USUARIO

ESTE MANUAL PRETENDE FACILITAR AL USUARIO LA INVESTIGACIN DE TESIS
DIGITALES DESARROLLADAS POR ESTUDIANTES DE LA FACULTAD DE MECNICA
A TRAVEZ DEL INTERNET.
CONTIENE LAS EXPLICACIONES NECESARIAS PARA LOCALIZAR Y VISUALIZAR
LAS TESIS DIGITALES, ADEMAS DE ENSEAR DE LA FORMA MS CLARA POSIBLE
LAS OPCIONES QUE OFRECE LA PGINA WEB.



1. PESTAA BIBLIOTECA
Es la primera pgina y muestra una breve presentacin del sitio web.


2. PESTAA CATLOGO
Esta pgina contiene un catlogo de tesis digitales desde el ao 2004 y
un sistema de bsqueda.
- 123-



PARA REALIZAR LA BSQUEDA DE ACUERDO A CUALQUIER CRITERIO
TENER EN CUENTA LOS CARACTERES ESPECIALES COMO LA Y LA
TILDE.
Si desea encontrar una tesis referente a un ttulo especfico escribir las
palabras en el siguiente campo de texto.

Para buscar una tesis por autor escribir el nombre completo o parte del
mismo en el siguiente campo de texto.

Si busca una tesis de acuerdo al director escriba en el siguiente campo
de texto.

Para buscar una tesis de acuerdo al cdigo (y lo conoce) escriba el mismo
en el campo de texto.

- 124-

Se desea buscar una tesis de acuerdo al ao de realizacin escriba en el
siguiente campo de texto.

Una vez introducido el criterio de bsqueda clic en el BOTON BUSCAR

A continuacin aparecer una ventana donde se muestra el resultado de
su bsqueda ejemplo.

Para visualizar la tesis clic en el cono texto completo.

Si desea visualizar o revisar el catlogo hacer clic en el sistema de
numeracin situado en la parte inferior del catlogo.

En el men lateral derecho se puede seleccionar la escuela de la cual se
quieren consultar las tesis.
- 125-



3. PESTAA CONTACTO
Hace referencia a las personas responsables de la biblioteca y sus
direcciones electrnicas en caso de sugerencias.

En la parte inferior se muestra un vnculo del mapa del sitio.

Donde se muestran todas las pginas ya mencionadas anteriormente en
este catlogo.


- 126-

MANUAL TCNICO

ESTE MANUAL LE GUIAR AL ADMINISTRADOR DEL SISTEMA ACTUALIZAR LA BASE
DE DATOS CON NUEVAS TESIS INGRESADAS A LA BIBLIOTECA DE LA FACULTAD DE
MECNICA.


ACTUALIZACION DE LA BASE DE DATOS
1. Abrir la unidad de disco C.

2. Seleccionar la carpeta correspondiente a la escuela en la que se van
actualizar los datos.

3. Abrir el archivo base haciendo doble clic.

- 127-

4. Abrir tabla.

5. Ingresar los nuevos datos de acuerdo a los campos especificados.

6. Guardar base de datos (Ctrl+G) actualizada y cerrar programa
ESTE PROCEDIMIENTO SER EJECUTADO POR EL ADMINISTRADOR.

CREACIN Y ADICIN PDF

1. Abrir archivo digital y transformarlo a PDF con los siguientes pasos:
Opcin imprimir (Ctrl+P).

- 128-

Seleccionar en la pestaa nombre PDF.

Seleccionar botn propiedades y localizar pestaa Configuracin de
adobe PDF.

En la opcin seguridad de pdf colocar la opcin USAR LTIMA
CONFIGURACIN DE SEGURIDAD CONOCIDA.

Clic en el botn editar.

- 129-

1. En el rea de permisos ACTIVAR la opcin RESTRINGIR LA EDICIN Y LA
IMPRESIN DEL DOCUMENTO.

2. Colocar la contrasea en el cuadro de contrasea de permisos.

3. En la opcin impresin permitida escoger la opcin ninguno.

4. En la opcin cambios permitidos escoger la opcin ninguno.

- 130-

5. Desactivar las opciones copiar texto e imgenes y activar acceso a texto
de dispositivos.

6. Pulsar en aceptar en todos los cuadros abiertos y modificados.





- 131-

7. Al aceptar la impresin le aparecer la ventana denominada GUARDAR
ARCHIVO PDF COMO.

8. Seleccionar la unidad de disco C y la carpeta de la escuela a la que
pertenece el PDF.

9. Abrir la carpeta PDF.

10. En la pestaa nombre escriba el cdigo de la tesis.

- 132-

11. Clic en guardar


ACTUALIZACIN DEL SITIO WEB
1. Llevar las carpetas de las respectivas escuelas en formato digital
2. Reemplazar las carpetas en el servidor