46

Capítulo III

ORGANIZACIÓN

CAPITULO III

ORGANIZACIÓN

1. DETERMINANTES DEL PROYECTO

El proyecto realizado, tiene como finalidad promover el desarrollo de un

sitio web informativo para plataforma Pc y móvil sobre clínicas y hospitales

de la Parroquia Juana de Ávila de Maracaibo. Es por ello que surgió el

planteamiento del desarrollo de este nuevo proyecto de diseño de sitio web,

el cual está compuesto por diversas páginas internas y enlaces informativos

que conformaran la hipermedia.

1.1 NAVEGACIÒN

La Navegación es el acceso a un software mediante el internet,

interpretando la información que se descarga (Canelón 2013); Según

Barroso (2012), Navegación debe ser accesar a internet mediante

un sencillo interface en el cual se ofrezca textos, imágenes, videos,

música entre otros aspectos. Se debe tomar en cuenta que la

navegación debe permitirle al usuario realizar actividades en el sitio web

como: enlazar a otro sitio, imprimir, enviar y recibir in formación entre otras

funcionalidades más.

47

48

1.2 DIAGRAMACIÒN

La diagramación en sitios web de acuerdo con Jones (2012), debe ser

el esqueleto de la web en cuanto a la organización y la forma en que se va a

mostrar la información. Según Gutiérrez (2012), es la programación del menú

de las páginas web y el formato que tendrán, con una buena diagramación

mediante jerarquías (importancia) se logra distribuir y organizar los

elementos del sitio web obteniendo as una exitosa fluidez.

1.3 . COLOR

Según Jones (2012), es la representación de matices variados. El color

es una tonalidad de la longitud de onda predominante captada por los ojos

de un individuo sobre un determinado objeto (González, 2009), el diseño de

una página web se deb basar no sólo en la composición o en las formas, sino

también en la combinación de colores. Muchos publicistas incluso indican

que la asociación de los colores a una marca es tan fuerte, que una mala

combinación puede llevar al fracaso.

1.4 IMAGEN

Son ilustraciones contenidas en las páginas web para proporcionar

información gráfica o para integrar un texto (Gutiérrez 2012). Por su parte

González (2012), explica que son formatos para represar una información

determinada. Las imágenes deben ser de calidad que acompañen a los

textos de los sitios web serán el punto focal para los usuarios teniendo en

49

cuenta que el cerebro humano es muy visual y siempre le llamara más la

atención un sitio web que conste de imágenes que logren abalar la

información textual que el mismo ofrezca.

1.5. TIPOGRAFIA

La tipografía es la forma gráfica de expresar el lenguaje (González

2012), de acuerdo con Barroso (2012) es el arte y técnica del manejo y

selección de tipos de impresión de acuerdo con su propósito.

1.6. ANÁLISIS COMPOSITIVO

El análisis compositivo según Román (2012), debe ser la comprensión

de la obra realizada en la página web a partir de sus elementos más

visuales, relacionados con la composición, mediante el uso de animaciones

interactivas. Según Romero (2013), es la activación y desactivación de los

diferentes elementos que componen la imagen, verificando como cambian e

influyen en la composición, su peso y su importación dentro del conjunto

1.7. LIMPIEZA

La limpieza, se debe plantear para evitar en cada una de las

páginas del sitio web a realizar, de acuerdo con Romero (2013), la

sobrecarga, tanto en información textual como en imágenes, ya que esto,

pudiera dar como resultado la poca comprensión del mensaje por

parte del público.

50

2. CRITERIOS DE DISEÑO

2.1 . NAVEGACIÒN

Es el proceso que va a permitirle al usuario ingresar a la plataforma web

y así poder acceder a sus diferentes páginas por medio del internet

permitiéndole al usuario interactuar con los servicios de asistencia médica

que ofrece la página web, para eso se organizó un mapa de navegación

mixto que le permita al usuario desplazarse por las paginas principales del

menú y por las demás paginas internas que tenga el sitio web.

2.2 . DIAGRAMACIÒN

Es la estructura grafica que le da forma al sitio web ofreciéndole al

usuario un fácil acceso para la obtención de datos con fácil organización,

teniendo en cuenta al momento de diagramar, ofrecerle al usuario una fácil

lectura de la plataforma; por tal motivo se realizó una diagramación

colocando como punto focal un banner de imágenes en constante

movimiento con el identificador y el menú principal en su parte superior y así

mismo en la parte inferior información acompañada de imágenes gráficas e

información actualizada.

2.3 . COLOR

Dentro de los sitios web se hace uso del color en formato RGB (Con sus

siglas en español RVA Rojo, Verde y Azul), tomando en cuenta que el color

51

da vida y estilo al sitio web el cual en este caso se basó en los colores fríos

como lo son el azul y el verde correspondientes a la representación en el

ámbito de salud que transmite el sitio web.

2.4 . IMAGEN

Las imágenes implementadas dentro del sitio web fueron tomadas

directamente a los centros de asistencia médica y hospitales de la Parroquia

Juana De Ávila del Municipio Maracaibo con el fin de captar el mensaje que

se quiere transmitir. Estas imágenes se presentan en formato .jpeg para un

mejor manejo de las mismas manteniendo su calidad visual.

2.5 . TIPOGRAFIA

Se hizo uso de tipografía sencilla y de fácil lectura como lo es Arial y

Century Gothic en sus textos principales para el público en general, ya que

para la difusión del mensaje por los medios seleccionados, se cuenta con un

tiempo de percepción y lectura por parte del usuario.

2.6 . ANÁLISIS COMPOSITIVO

Al momento de la creación del sitio web informativo optimizado para

plataforma PC y móvil sobre clínicas y hospitales, se manejó un análisis

compositivo comunicacional vinculado con los sistemas de información, con

el objeto de convertir los datos en formas visuales, teniendo en cuenta los

procesos perceptivos mediante la creación de imágenes, botones, texto y

animaciones funcionales con fines netamente informativos.

52

2.7. LIMPIEZA

Durante la realización del sitio web se determinó el uso de colores

fríos (Verde y Azul) para generar un efecto visual de limpieza y claridad para

el usuario sin sobrecargar el sitio de imágenes ni texto manteniendo así una

clara y amplia comprensión por parte del público del mensaje a transmitir.

3. METODO DE DISEÑO SELECCIONADO

Para la realización del proyecto, se tomó como base de partida el

método de investigación de Archer (2009), propuso el método

sistemático para diseñadores, destacó como definición de diseño

"...seleccionar los materiales correctos y darles forma para satisfacer las

necesidades de función y estéticas dentro de las limitaciones de los medios

de producción disponibles".

Gráfico 10. Método de Diseño Seleccionado

53

En la primera etapa de este método de estudio se encuentra: definición,

en la que se estudia y se ubica todo lo relacionado con el problema,

definiéndose el mismo y los elementos relacionados con este. El

problema es el diseño de sitio web informativo optimizado para

plataforma pc y móvil sobre clínicas y hospitales de la Parroquia Juana de

Ávila de Maracaibo. La segunda etapa de este método es la obtención de

datos, en la cual se busca obtener toda la información necesaria relacionada

con ese problema.

Luego se procede al análisis y síntesis de toda la información

recolectada con anterioridad de manera objetiva para un mayor y mejor

desarrollo del proyecto. En consecuencia los prototipos, es como

su nombre lo indica, el proceso de creación de diseño sobre el cual

estará basado el sitio web. Seguidamente se verifica mediante su

preparación todo lo correspondiente al diseño y estructura del sitio web,

cumpliendo con los objetivos para ser ejecutada y finalmente culminado

mediante su presentación.

4. SOPORTE Y FORMATO DEL PROYECTO

4.1. ECONÓMICO

El diseño del sitio web para plataforma pc y móvil sobre clínicas y

hospitales está basado en un presupuesto de Bs.F.: 15.000 tomando en

cuenta la parte digital e impresa que requiere el producto.

54

4.2. HUMANO

Para llevar a feliz término el presente producto se ha contado con la

capacitación intelectual y física de tutores en la parte metodológica:

Licenciado Luís González y académica la Licenciada Alaisa Pirela, así como

personal altamente calificado para la elaboración del producto final

encabezado por el bachiller Carlos Chávez, que en este caso es el sitio web.

4.3. TECNOLOGICO

El diseño de este sitio web, está bajo el lenguaje HTML5 combinado con

CSS3 ambos con principales estándares.

La visualización de dispositivos móviles se utilizara tecnología MEDIA

QUERY, que permite adaptar a dispositivos móviles y sin necesidad de un

programador.

Basado en los estándares de W3C, que según Rosales (2012), se

indica que más del 50 % de los usuarios trabajan con una resolución no

mayor a 13600 px de ancho. Se puede indicar, que la resolución óptima para

este sitio web es de 1024 px