capítulo iiivirtual.urbe.edu/tesispub/0102483/cap03.pdf · 2016. 9. 28. · 1.2 diagramaciÒn la...
TRANSCRIPT
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