Beruflich Dokumente
Kultur Dokumente
Mao, Valverde
Agosto, 2016
TTULO:
Desarrollo de Pginas Web para el acceso a la
informacin desde cualquier dispositivo de navegacin
(caso: Diseo de pgina web de la Asociacin de
Productores de Banano las Mercedes).
CAPITULO I
ASPECTOS GENERALES
1.3 OBJETIVOS:
1.3.1 GENERAL:
Demostrar la importancia del desarrollo de pginas web para el
acceso a la informacin desde cualquier dispositivo de navegacin.
1.3.2 ESPECFICOS:
1. los principios bajo los cuales se debe estructurar.
2. Identificar los diferentes tipos de dispositivos de navegacin
actuales.
3. Identificar las herramientas y tcnicas que hacen posible
desarrollar pginas webs que sean accesibles desde cualquier
dispositivo de navegacin.
4. Identificar los diferentes tipos de dispositivos de navegacin
actuales en la bsqueda, obtencin y difusin de la informacin en
los diferentes tipos y estilos de pginas web y cuales herramientas
y tcnicas hacen posible su desarrollo para que sean accesibles
desde cualquier dispositivo de navegacin.
5. Identificar las ventajas, desventajas e importancia que representa
para la ASOCIACION DE BANANOS LAS MERCEDES
la
implementacin de una pgina web que se ajuste a cualquier
dispositivo de navegacin.
6. Identificar las ventajas, desventajas e importancia que representa
la implementacin de pginas web que se ajuste a cualquier
dispositivo de navegacin.
7. Implementar el diseo web que sea accesible desde cualquier
dispositivo de navegacin para la ASOCIACION DE BANANOS LAS
MERCEDES.
1.4 ANTECEDENTES:
En el trabajo de John Allsopp (2000) titulado A Dao of Web Design (El
Camino del Diseo Web) sobre las dificultades de controlar el diseo
cuando trabajamos en un medio como la web, podemos ver que los
diferentes tamaos de pantalla y capacidades de los dispositivos, hacen
que no nos podamos enfrentar a un proyecto de diseo de este tipo con
las mismas concepciones con las que nos enfrentbamos a un proyecto
cuya finalidad era la impresin. Ya no tenemos el control del tamao, los
colores o las tipografas. Diseando para la web tenemos la necesidad
de adaptarnos. Se empezaban a trabajar los conceptos que culminaran
en el diseo web adaptativo.
Ethan Marcotte (2009), public un artculo sobre diseo web con rejillas,
en
la
prestigiosa
revista
digital
alistapart.com
(http://alistapart.com/article/responsive-web-design o traduccin de la
misma al espaol http://xn--diseowebresponsive-q0b.org/). Este artculo
define el concepto de diseo web fluido con exactitud, como solucin
para adaptar a la pantalla de cada dispositivo la maquetacin de una
pgina web. Podramos decir que esta filosofa de diseo es uno de los
pasos previos al diseo web adaptativo o Responsive Web Design.
En el 2011, Jeremy Keith, a travs de dos conferencias (One Web y
There Is No Mobile Web; en espaol Una Web y No hay Ninguna
Web Mvil), plantea el diseo adaptativo como solucin a los errores
cometidos hasta el momento en cuanto a la concepcin del diseo web.
Hemos de tener claro, cuando diseamos una pgina web, que no lo
estamos haciendo para un dispositivo determinado; no hay una web
para un ordenador de escritorio o una web para un dispositivo mvil.
Existe un nico contenido, una sola web sobre la que s tenemos que
trabajar para adecuar su usabilidad, adaptndola a las caractersticas de
cada dispositivo.
En ese mismo ao (2011), el Boston Globe, con el diseo de su pgina
web adaptable, caus una gran sensacin en el mundo del diseo web.
Fue el primer gran medio de comunicacin que apostaba por este tipo
de solucin y demostr su utilidad, independientemente del tipo de sitio
que se estuviese diseando. Su perfecta realizacin y cuidado diseo,
hizo ms que la labor evangelizadora de los diseadores de vanguardia.
En el 2012, Miguel ngel lvarez, en su conferencia sobre El Diseo
Web Para Dispositivos Mviles, muestra cules son las corrientes de
diseo ms actuales que nos permiten encarar un desarrollo que sea
compatible con la web en movilidad. Propone hacer sitios web que se
ven correctamente en todos los dispositivos y ordenadores de escritorio.
Variables
Indicadores
Definicin
Pgina web.
Principios de
diseo web.
Pgina Web:
Internet.
Navegaci
n.
Navegador.
Pgina web:
Documento que forma
parte de un sitio
web y que suele
contar
principios
bajo los
cuales se
debe
estructurar.
Identificar
los
diferentes
tipos de
dispositivos
de
navegacin
actuales en
la bsqueda,
obtencin y
difusin de
la
informacin
en los
diferentes
tipos y
estilos de
pginas web
y cuales
herramienta
s y tcnicas
hacen
posible su
desarrollo
para que
sean
accesibles
desde
cualquier
dispositivo
Dispositivo
de
navegacin
web.
Tcnicas de
diseo web.
Herramienta
s de diseo
web.
Host.
Multimedia
.
W3C.
Principios de
diseo web:
Usabilidad.
Esttica.
Balance.
Contraste.
nfasis.
Repeticin
o ritmo.
Proximidad
o unidad.
Dispositivos de
navegacin:
Escritorio.
Mvil.
Tableta.
Tcnicas de
diseo web:
Maquetaci
n.
HTML.
Lenguaje
de
programaci
n.
Lenguaje
de Base
datos.
Herramientas de
diseo web:
Hojas de
estilo.
Framework
.
Libreras.
Editor de
texto
especializa
Dispositivo de
navegacin: Tipos de
computadora de
tamaos diversos, con
capacidades de
procesamiento,
con conexin a
Internet ,
con memoria,
diseado
especficamente para
una funcin, pero que
pueden llevar a cabo
otras funciones ms
generales.
Tcnica de diseo:
hacen que los
programas sean ms
fciles de escribir,
verificar, leer y
mantener.
Herramientas de
diseo web: conjunto
de herramientas que
permiten el diseo
asistido por
computador.
de
navegacin.
Identificar
las ventajas,
desventajas
e
importancia
que
representa
la
implementa
cin de
pginas web
que se
ajuste a
cualquier
dispositivo
de
navegacin.
Ventajas.
Desventajas
.
Importancia.
Implementar
el diseo
web que sea
accesible
desde
cualquier
dispositivo
Implementa
de
cin de la
navegacin
pgina web.
en la pgina
web de la
ASOCIACION
DE
BANANOS
LAS
MERCEDES.
do.
Editor de
texto con
ventanas
de vista
previa.
Editor
WYSIWYG.
SGBD.
Ventajas:
Comparati
va.
Competitiv
a.
Desventajas:
Comparati
va.
Competitiv
a.
Importancia:
Relativa.
Subjetiva.
Marco lgico.
Ventaja: condicin
favorable que algo o
alguien tiene.
Desventaja:
Circunstancia que
hace que una persona
o cosa sea peor o est
en peor situacin que
otras.
Importancia: trmino
que permite hacer
referencia a algo o
alguien relevante,
destacado o de mucha
entidad.
Implementacin:
instalacin de una
aplicacin informtica,
realizacin o la
ejecucin de un plan,
idea, modelo
cientfico, diseo,
especificacin,
estndar, algoritmo o
poltica