UNIVERSIDAD AGRARIA DEL ECUADOR

FACULTAD DE CIENCIAS AGRARIAS

CARRERA DE CIENCIAS AGRARIAS

TRABAJO AUTONOMO

MATERIA

TALLER DE PROYECTOS DE SOFTWARE AGRÍCOLA II

AUTORES
ALAVA BARCHI FRANCISCO JOSE

GUAYAQUIL – ECUADOR

AÑO
2018-2019
•Mencione las ventajas y desventajas de los estilos de interacción.
Estilos de interacción. ventajas
Manipulación Directa: Lo conceptos están en
forma visual
Facilita el aprendizaje y el las acciones a su 100%
reconocimiento
Tiene pocos errores
Logra que los usuarios
sientan que tienen el
control sobre todo
Lenguaje Natural: Facilita el uso y la
intuición de los usuarios
para que no necesiten
aprender las reglas
sintácticas de comandos ni que el sistema entienda
seleccionar opciones de un
menú
Selección de menús Al escribir poca cantidad
referente a las otras
interacciones esta logra
tener pocos errores
Rellenado de formularios Es sencillo el
almacenamiento de los
datos
lenguaje de comandos poderoso y flexible
desventajas
No se puede describir
todas las tareas y ejecutar
No es aún un estilo de
interacción práctico
porque se requiere
aprender cómo usar frases
Es lenta para usuarios
experimentados a tal punto
que puede llegar a ser
compleja si existen
muchas opciones de menú
Tiene poca familiaridad
con la interfaz al ocupar
mucho espacio de pantalla
y no logra acoplar las
opciones de usuario
Es difícil gestionar los
errores ya que su
aprendizaje es complejo
•En que consístelos lineamientos generales para diseñar sitios Web, de buenos
formularios web y de pantalla, diseño de páginas de intranet e internet
Navegabilidad URI. Intente que la URI de entrada al
sitio sea tan corta como pueda.
Barra de navegación. Ofrezca en la
cabecera de la página sólo la navegación
mínima necesaria.
Recursos externos. Intente que los
enlaces a recursos externos sean los
mínimos posibles.
Navegación. Ofrezca mecanismos de
navegación consistentes.
Equilibrio de enlaces. Valore el tener
muchos vínculos en una página y que el
usuario tenga que seguir muchos enlaces
hasta encontrar lo que busca.
Teclas de acceso. Proporcione atajos de
teclado (accesskeys) a los enlaces de
navegación y a las funciones más usadas.
Enlaces. Identifique de forma clara el
destino de cada enlace.
No cambie el formato de los enlaces a
menos que sepa que el dispositivo es
compatible con la modificación.
Mapas de imagen. No utilice mapas de
imagen a menos que sepa que el
dispositivo los soporta. En cualquier
caso, piense en vías alternativas para
poder mostrar la información.
Ventanas emergentes (Pop-Up). No
utilice ventanas emergentes. No cambie
la ventana actual sin informar al
usuario.
Control del usuario Recarga automática. No haga que las
páginas se recarguen automáticamente
cada cierto tiempo, a menos que se
informe al usuario de ello y se ofrezca
una forma para poder detener dicha
acción
Redireccionamiento. No utilice código
que redireccione automáticamente las
páginas. En lugar de eso, configure el
servidor para que encargue de
redireccionarlas. Pulsaciones de teclas.
Intente que las teclas que tenga que
pulsar el usuario sean las mínimas
necesarias.
Contenido Adecuación. Compruebe que el
contenido es apropiado para su uso en un
contexto móvil. Claridad. Use un
lenguaje claro y simple. Limitación.
Limite el contenido al que el usuario
solicita.
Títulos de las páginas. Cree títulos de
páginas cortos pero descriptivos.
Consistencia. Cerciórese de que el
contenido es consistente cuando se
accede desde diferentes dispositivos.
Jerarquía semántica. Verifique que el
contenido más importante de la página
aparece antes que el contenido
secundario.
Imágenes Imágenes. No use imágenes para lograr el
posicionamiento de elementos, crear
espacios, etc.
Tamaño de imágenes. No utilice
imágenes que no puedan mostrarse en el
dispositivo. Evite imágenes grandes o
detalles de alta resolución. Defina el
tamaño de las imágenes en el marcado si
poseen una medida específica.
Imágenes de fondo. Cuando utilice
imágenes de fondo, verifique que el
contenido sigue siendo legible.
Escalado de imágenes. Si se deben
escalar las imágenes a una medida
específica, redimensiónelas desde el
servidor.
Color Uso del color. Compruebe que la
información transmitida por medio del
color sigue estando disponible sin él
Contraste del color. Compruebe que los
colores de primer plano y del fondo
contrastan lo suficiente.
Diseño Página limitada. Divida la página en
partes cuyos tamaños sean fáciles de
utilizar en el dispositivo.
Peso limitado. Asegúrese de que el peso
total de las páginas es el adecuado para
las limitaciones de memoria del
dispositivo. Desplazamiento. Limite el
desplazamiento de la página a una
dirección, a menos que el desplazamiento
secundario pueda evitarse. Medidas. No
use medidas definidas en píxeles. No
utilice medidas absolutas en los valores
 de los atributos del marcado ni en los
valores de las hojas de estilos.
Fuentes. No confíe en la compatibilidad
de las fuentes tipográficas que se
declaran en los estilos.
Capacidades. Aproveche las capacidades
del dispositivo para ofrecer una
experiencia de uso óptima.
Pruebas. Haga pruebas tanto con
dispositivos reales como con emuladores
Tecnologías y marcado Marcado válido. Cree documentos que
sean válidos con los estándares y
tecnologías del W3C.
• Minimice. Use un marcado conciso y
eficaz.
• Marcos. No use conjuntos de marcos.
• Estructura. Use las características del
lenguaje de marcado para indicar la
estructura lógica del documento. Haga
uso de un marcado semántico.
• Tablas
ƒ No utilice tablas a menos que
sepa que el dispositivo
es compatible con ellas.
ƒ No utilice tablas anidadas.
ƒ No use las tablas para la
maquetación.
ƒ Cuando sea posible, ofrezca
alternativas a la presentación de datos
tabulados.
• Scripts, objetos, applets y plug-ins. No
use elementos incrustados en las páginas
a menos que sepa que van a funcionar en
el dispositivo. En cualquier caso, ofrezca
alternativas para los usuarios que no
puedan verlos.
• Alternativas no textuales. Ofrezca
alternativas textuales para cada elemento
no textual.
• Compatibilidad con la codificación de
caracteres. Verifique que el contenido
está codificado con un juego de
caracteres
que va a ser soportado por el dispositivo.
• Codificación de caracteres. Indique el
juego de caracteres que está utilizando.
• Mensajes de error. Ofrezca mensajes de
error informativo y significativo, con los
mecanismos de navegación necesarios
 para salir del error y volver a la
información útil.
• Cookies. No confíe en que las cookies
estén siempre disponibles.
• Caché. Intente guardar en memoria la
información de las respuestas HTTP.
• Formato del contenido. Cuando sea
posible, envíe el contenido en un formato
preferido y que sepa que va a ser
compatible con el dispositivo.
• Incompatibilidades. Sea prudente a la
hora de trabajar con implementaciones
deficientes.
Hojas de estilos Use hojas de estilos para controlar la
presentación, a menos que el dispositivo
no sea compatible con ellas.
Organice los documentos de tal forma
que sean legibles sin hojas de estilos.
Intente que las hojas de estilo sean
pequeñas (en peso).
Formularios Valores por defecto. Ofrezca valores
preseleccionados por defecto y evite la
introducción libre de texto cuando sea
posible.
Modo de entrada. Si el dispositivo es
compatible, especifique una forma por
defecto de insertar texto, idioma y/o
método de introducción.
Orden de tabulación. Cree un orden
lógico entre los enlaces, controles de los
formularios y objetos.
Etiquetado de controles. Etiquete
adecuadamente todos los controles de los
formularios y asocie explícitamente cada
etiqueta a su control.
Posición de los controles. Coloque las
etiquetas de tal forma que se muestren
correctamente y en correspondencia con
los controles de formulario a los que se
refieren

•Explique cada uno componentes de un sitio web

Estructura
La estructura de la web es compleja y evolución caen el tiempo. Hay desde sectores
altamente conectados hasta islas que sólo conocen algunos buscadores. La estructura
puede ser usada por los buscadores para jerarquizar los resultados en base a las páginas
más referenciadas utilizando heurísticas
Contenido
Lo más importante y fundamental de una buena página. Lo que mantiene al visitante
cautivo e interesado. Si el contenido es malo o poco interesante, abandonará la página
en pocos segundos. Para eso, debe estar centralizado y enfocado y a la primera vista. El
mejor lugar debe ser para los contenidos. Para Google, el contenido es el rey.
Texto
Aunque las páginas que viajan por la red son excelentes plataformas multimedia, no
cabe duda que cualquier página va a tener texto y datos y listas. Este sitio que estás
visitando es un claro ejemplo de ello. En la introducción veíamos que el texto no debe
ser lo predominante en una página web, y que si es indispensable que nuestra página
tenga mucha literatura lo mejor es distribuirla y organizarla de manera que no se vea un
panorama demasiado árido.
Leer en la pantalla de un ordenador causa cierto rechazo, y en una pantalla de móvil no
digamos. Estas páginas, por ejemplo, normalmente serán leídas en sobremesa, portátil o
tablet. Así que es necesario buscar formas de distribuir el texto por la página de forma
que no parezca demasiado compacto. Además de, por supuesto, seguir unas guías de
estilo adecuadas.
Gráficos
Es un aspecto de gran importancia. La imagen transmitida por el diseño de una página
web debe causar una impresión positiva en el visitante del sitio web y debe captar su
atención, ofreciendo una imagen que genere confianza en dicho visitante. Los estudios1
demuestran que, al igual que cuando los usuarios se disponen a comprar un libro tienden
a juzgarlo por su portada, los usuarios tienden a juzgar la credibilidad y la confianza que
les ofrece una página web en base a aspectos como su diseño visual.

Existen otros muchos aspectos que hacen que una página web genere una sensación de
confianza y credibilidad entre sus visitantes, como por ejemplo:

La calidad de la información contenida en la página web.

La frecuencia con la que esta información se actualiza.
La usabilidad del sitio web.
El tiempo de carga de las páginas.
La cantidad de errores perceptibles en el sitio web (faltas de ortografía, enlaces que no
funcionan, etc.)
Fondos claros y sencillos:

Los fondos claros o totalmente blancos facilitan la visualización, pero también dan un
aspecto despejado a la página resaltando las imágenes.
Existe la tendencia a utilizar fondos negros para lecturas largas, para no cansar al lector
con la luz del monitor.

Navegación
Que importante es la navegación y el menú que la contiene. La forma más aceptada y
fácil, es el menú horizontal, que siempre tiene a mano lo más importante del sitio web.
Los menús verticales pueden usarse como complementos o sub menús, de los
horizontales, y siempre cerca de la línea horizontal del menú principal y deben ser
visibles en el primer pantallazo, al entrar.
Enlaces a redes:
Es de gran ayuda para los usuarios colocar enlaces a redes sociales con las cuales
interactúan con facilidad. Esto ayuda además a crear comunidad
Promoción.
Puede resultar beneficioso para una empresa tomar ventaja de los medios de marketing
ya existentes, en especial el medio papel (tarjetas comerciales, formularios de
presupuestos, catálogos y folletos), e imprimirles su URL. (ccm, s.f.)

Bibliografía
Alliey, A. M. (2009). DISEÑO DE LA INTERFAZ GRAFICA WEB EN FUNCIÓN DE
LOS DISPOSITIVOS MÓVILES. Buenos Aires: UNIVERSIDAD DE
PALERMO. Obtenido de
https://www.palermo.edu/dyc/maestria_diseno/pdf/tesis.completas/43.luzardo.pd
f
Baeza-Yates, R. (s.f.). Excavando la web. El profesional de la in-formación. Obtenido
de http://personales.dcc.uchile.cl/~rbaeza/inf/EPIexcavando.pdf
ccm. (s.f.). ccm. Obtenido de https://es.ccm.net/contents/774-promocion-de-sitios-web
Centro ISYS, E. d. (09 de 2012). Técnicas o Estilos de Interacción. Obtenido de
http://www.ciens.ucv.ve:8080/genasig/sites/interaccion-humano-
comp/archivos/clase10-IHCII2012-TecnicasInteraccion.pdf
neothek. (s.f.). Obtenido de https://blog.neothek.com/10-reglas-de-oro-para-el-diseno-
de-tu-pagina-web/
paredro. (s.f.). paredro. Obtenido de https://www.paredro.com/11-reglas-para-disenar-
una-pagina-web/
Red Gráfica Latinoamérica. (2010). VirtualiaNet. Obtenido de Diseño web: Los 8
elementos que toda página debe tener: https://blog.virtualianet.com/diseno-web-
los-8-elementos-imprescindibles/
redgrafica. (s.f.). Obtenido de http://redgrafica.com/Elementos-del-diseno-web-estilos-y
Sommerville, I. (2005). Ingeniería del software.
Suez, G. (2013). Joomla! Community Magazine. Obtenido de Estructura y Composición
de un Sitio Web: https://magazine.joomla.org/es/ediciones-anteriores/julio-
2013/item/1398-estructura-y-composicion-de-un-sitio-web