Metodología para evaluar la calidad de aplicaciones web dinámicas mediante templates

Tamaño: px
Comenzar la demostración a partir de la página:

Download "Metodología para evaluar la calidad de aplicaciones web dinámicas mediante templates"

Transcripción

1 Metodología para evaluar la calidad de aplicaciones web dinámicas mediante templates Lic. Esteban Calabria Universidad Abierta Interamericana Análisis y Evaluación de Aplicaciones Web esteban.calabria (at) gmail.com Abstract El presente trabajo propone una forma de evaluar aplicaciones web mediante una plantilla que define un conjunto de características concretas a analizar. Dicha plantilla debe ser adaptada a cada desarrollo en particular. Su objetivo es medir cuantitativamente la calidad para evaluar aplicaciones existents, guiar desarrollos nuevos, ayudar en las estimaciones y medir el impacto de temas de calidad en tiempos y costos. 1. Introduction El desarrollo de una aplicación web de contenido dinámico propone sus desafios particulares. Desde el apartado técnico está el amplio abanico de tecnologías que se deben manejar. Además del esquema peticion-respuesta del protocolo HTTP[7],.la tecnología de generación de contenido dinámico elegida (php, servlets, jsp, asp, asp.net, etc) y el lenguaje html, aparecen las hojas de estilo (Css) y el javascript. Si a este escenario agregamos las RIA (rich internet application) la cosa no termina ahi,. Aparecen tecnicas de programación como ajax (Asynchronous JavaScript and XML), un uso aún mas intensivo de Javascript y tecnologías como flash, flex, silverlight, entre otras. A lo técnico se le suma el alcance que suele tener este tipo de aplicaciones donde muchas veces el usuario final de la misma no está claramente diferenciado. Es por ello que cada vez se hace mas necesario aplicar técnicas de ingeniería [6] al desarrollo de este tipo de aplicaciones para poder lidiar con su complejidad. Además de que el producto cumpla con los requerimientos funcionales y este libre de bugs es necesario aplicar métodos y herramientas que midan la calidad del producto que se desarrolla [6]. Para ese problema, este trabajo propone una forma de medir la calidad basándose en una plantilla o template adaptable a una aplicación web en particular. El presente trabajo comienza abordando el tema de calidad de aplicaciones web estableciendo un marco conceptual. Bajo ese entorno se describe la plantilla de calidad como propuesta para cuantificar la calidad de un sitio web. A la explicación de la planilla se le suma una segunda sección con una guia de buenas practicas, técnicas y sugerencias a incluir como parte del template. Para que la plantilla sea de utilidad debe ser adaptada y aplicada y de eso trata la última sección del trabajo. Analiza las distintas formas de adaptar la plantilla a un sitio web y de que forma influye su evaluacion en el sitio. Por ultimo se deja abierta la puerta para trabajos futuros 2. Calidad en aplicaciones web El tema de la calidad [8] es un tema recurrente en el desarrollo de software. Ya que la misma no es un concepto absoluto debemos encontrar una forma de medirla cuantitativamente y enmarcarla en un marco conceptual. La ISO 9126 propone un modelo para esto ultimo. Figura 1. Marco conceptual para el modelo de calidad Este trabajo tomará ese modelo como referencia pero dejará de lado la parte functional y se centrará mas en aspectos de mantenibilidad, usabilidad y calidad interna Organización del trabajo

2 3. Plantilla de calidad Como primera aproximación, este trabajo propone la generación de un template. En este trabajo nos referiremos como plantilla, template de plan de calidad o template en forma indistintas. Uno de sus objetivos es hacer tangible el concepto de calidad y cuantificar su evaluación. Se trata de un documento técnico que abstrae el conocimiento de un equipo técnico u organización sobre los puntos que influyen en la calidad de una aplicacion web. Para ello define una lista de características cuantificables que se pueden evaluar en una aplicación web. Lo más común es que evalue la presencia/ausencia de dicha característica, aunque alternativamente a veces se define un valor entre 0 y 100 que dice que porcentaje de ella se cumple. Por ejemplo una característica a evaluar puede ser: todos los links de una página X deben funcionar. Para ello la plantilla primero debe decir que pasos hay que seguir para ver que eso ocurrra, por ejemplo, utilizando algún servicio de verificación de links como link valet[5]. A la hora de evaluar dicha característica, en el caso de que todos los links funciones se le otorgará un valor de 100, mientras que por otro lado se valuará como 0 si algún link falla. La forma de determinar la valoración es arbitraria y debe formar parte de la definición de la plantilla. El template es de naturaleza genérica y cubre un universo de características aplicables a la mayor cantidad posibles de aplicaciones web. Como se verá más adelante una instancia posterior contemplará adaptarlo a un sitio en particular Actualización el template El template propuesto no es algo fijo sino que es dinamico y se debe ir actualizando con la esperiencia del cada proyecto. A medida que la experiencia del equipo u organización crezca dicho aumento debe ser plasmado en el template en forma de características nuevas Características a evaluar Cada característica a evaluar debe estar definida de la forma menos ambigua possible. Con ese fin debe estar acompañada con un instructivo que detalle la forma de evaluarla. Se recomienda que cada característica tenga un nombre corto facil de recordar, una descripción detallada además del tutorial de como evaluarla. Un aspecto a incluir es en que momento realizar la evaluación de cada característica. Lo más recommendable es que sea parte del proceso de integración continua y se haga en forma automática. Otra alternativa menos segura es hacer reviews periodos de código. Sobre este aspecto Franca Garzotto presenta una clasificación de las diferentes formas de evaluación [12]: 1. Automáticos: aplicando software que realizan evaluación. 2. Métodos empíricos: observando usuarios que usan el sistema. En el caso de los métodos podría ser aplicando los métodos a casos reales y así verificando las propiedades de los mismos. 3. Métodos Informales: expertos observan el sistema (o el método). 4. Métodos formales: técnicas que formalizan el proceso de evaluación. A esta altura si es conveniente incluir una noción de los siguientes puntos Riesgo de no evaluarla : cada característica debe tener una razón de ser y el riesgo de no tenerla en cuenta debe estar claramente identificado. Por ejemplo no evaluar cierta característica puede hacer que el sitio no soporte cierta cantidad de usuarios. También puede hacer que los tiempos de desarrollo se extiendan por no tener este punto en cuenta. Beneficios de Evaluarla : de igual manera debe existir alguna justificación que abogue por la inclusión de dicha característica. Se sugiere documentarla para poder argumentar sobre su inclusion en un proyecto en particular. Impacto en tiempos y costos de su evaluación: elegir incluir una característica como parte del plan de calidad no es gratis. El costo se traduce en el tiempo de desarrollo de la aplicación que se incrementarán por considerar y evaluar dicha característica. A diferencia de los riesgos que pueden hacer que el los tiempos se incrementen de forma impredecible, este punto busca definir un incremento de tiempo del proyecto de modo que justifiquen los beneficios, minimicen los riesgos y aumente la predicibilidad. A continuación se resumen en un cuadro en un ejemplo de las distinton puntos a tener en cuenta a la hora de definir una característica Característica Codigo Nombre Corto Descripcion Alcance Status Paginas livianas [Completar] Paginas livianas Definir el tamaño máximo que debe ocupar cada página Cada pagina del sitio Definir si es obligatoria o deseable

3 Forma de Evaluar [Completar] Responsible Cumplirla [Completar] Responsible Evaluarla [Completar] Cuando Cumplirla [Competar] Ponderación Entre 0 y 1 Beneficio de Evaluarla Se aseguran que cada página sea liviana y no cargue rápido en el cliente Riesgo de no evaluarla Se pueden generar páginas muy pesadas que afecten la performance de la aplicación Impacto en tiempos y costos Estimacion un 5% más de tiempo y un 5% más de costos en el desarrollo de cada página Posible definición de una caracteristica Para algunos puntos a completar, como por ejemplo la forma de evaluar y cuando cumplirla, si bien su implementación dependerá del sitio en particular, resultará útil definir distintas alternativas para facilitar la aplicación del template Elementos del template Basándose en el marco conceptual descripto en la sección 2, y haciendo una adaptación del mismo, el template agrupa las distintas características a evaluar en las siguientes secciones: Estructura Temporal Usabilidad Calidad Interna Para cada sección se estudiará más adelante puntos técnicos concretos que se sugieren incluir en el template Plantillas Internas El template define las una serie de plantillas internas. La primer plantilla define las características generales que tendrá el sitio. Contiene aquellas que influirán en la evaluación de la calidad del mismo. Característica Valor Entorno Intranet / Internet Tipo de Aplicación Webcomerce, Educacion, Portal Usuario Final Vel. Prom. Conexión Usuario Final Usuarios Concurrentes a Soportar Tecnología.NET / Java / Php Planilla de las características generales del sitio Otra plantilla se completará con las páginas web que contendrá el sitio Página Campo Template <Página 1> <Página 2> <Página N> Planilla de las páginas de la aplicación Dicha plantilla se utilizará como herramienta para evaluar ciertas características. Por ejemplo si una característica a evaluar es que cada página de nuestra aplicación debe pesar menos de 100K, esta plantilla nos servirá como herramienta. Esta plantilla tambien nos permite diferenciar características según la página. Indicar cosas como: la home de nuestro sitio debe pesar menos de 100K, no obstante el resto de las páginas deben pesar menos de 1000K. Cabe aclarar que el template define esta grilla pero no su contenido. Es el momento en el que se adapata a un sitio en particular cuando se deberá completar su contenido reemplazando página n por el nombre de la página real de la aplicación. Otra plantilla interna sera la de navegación o contraste entre páginas <Página 1> <Pagina 2> <Pag. N> <Página 1> <Página 2> <Pág. n> Plantilla de navegación o contraste Es una herramienta que se utilizará para evaluar aquellas características, como la navegabilidad del sitio, que dependen de más de una página. Por ejemplo para evaluar la característica de que el usuario debe tener una forma en cualquier momento de navegar a la home del sitio Variables En conjunto con las plantillas internas, el template define ciertas variables que deben recibir un valor a la hora de derivar del template un plan de calidad como se verá más aadelante. Para aquellas variables que se enuncian de la forma para cada página debe utilizar la plantilla de las páginas de la

4 aplicacion para definir su valor dependiendo de la página de nuestro sitio web. Las variables que se definen en el template son <TIEMPO_ACTUALIZACION> : Para cada página de nuestro sitio se definen cada cuanto tiempo se espera que su contenido se actualice. <TIEMPO_RESPUESTA> : Para cada página se define en cuanto tiempo se espera renderice el contenido al usuario final <PESO DE CADA PAGINA> : Para cada página se define el peso máximo que debe tener <CANTIDAD REQUESTS> : Para cada página define la cantidad máxima de requests que debe realizar Las variables por si sola no hacen nada sino que sirven como input a aquellas características que las utilicen. 4. Estructura del template Basándonos en la estructura del template propuesta se estudiarán a continuación una guia de buenas prácticas, técnicas y sugerencias a incluir como parte del template Estructura del sitio : links Jackob Nielsen [3] define una guía de como mostrar los links en una página web. A pesar de algunas excepciones sugiere que los links siempre estén coloreados y subrayados para mejorar la percepción del usuario de que allí es donde se puede hacer click. En la siguietne tabla se resumen aquellos puntos a tener en cuenta de los links de la aplicación: Funcionan los links Se marcan con otro color los links visitados Los links estan subrayados Evita usar imágenes como links Si No Resumen de las características que tienen que ver con links a evaluar La major forma de asegurarse que los puntos anteriores se cumplan es utilizando el tag <a> para los links en lugar de botones e imagines: muchos desarrollos los utilizan en forma incorrecta como reemplazo de los links Estructura del sitio : css Las hojas de estilo son una forma elegante de separa la presentación del contenido en nuestro sitio. Como tal su uso se encuentra ampliamente recomendado y estandarizado hoy en día. Los css son una reomendación de la w3c. El uso de los css viene acompañado de unas recomendaciones básicas. La primera de todas es que las hojas de estilo sean válidas, es decir, que respeten el estandar. Una manera de verificar la validez de las hojas de estilo es utilizar el validador online de la W3C [11]. Otra sugerencia es que las hojas de estilo se incluyan al principio de la página para evitar problemas de renderizados progresivos. Esto ocurre cuando primero se muestra el contenido y, una vez que el usuario lo pudo visualizar, se le applica el estilo produciendo un efecto poco agradable. Se sugiere tambien que los archivos CSS sean externos para failitar la mantenibilidad y que esten minimificados. Este es un proceso al cual se somete un archivo de texto y mediante el cual se eliminan caracteres redundantes, espacios y comentarios, haciendo que el archivo ocupe mucho menos espacio. Si a esto le sumamos la posibilidad de comprimir el archivo de estilos mediante el algoritmo gzip, se disminuirá mucho su tamaño y por lo tanto el tiempo que tarde en transmitirse a través de la red. A continuación se resumen aquellos elementos de css a evaluar: Utiliza CSS El CSS es válido El CSS está al principio de la página (YL) Hay elementos en el html que deberían definirse en el css El Css está mimificado El Css está gzipeado Evita expresiones css Si No El Css esta en un archivo esterno Usar una sola hoja de estilo para todos las paginas del sitio Resumen de las características que tienen que ver con hojas de estilo a evaluar El punto complicado de esto es asegurar que las hojas de estilo se utilicen correctamente y que todo lo que tenga que ver con la presentación se describa en ellas. Si el color de fondo de un elemento html se define en el tag del elemento y no mediante estilos por más que tengamos un archivo de estilos no lo estaremos utilizando correctamente.

5 Es conveniente que para todo el sitio exista un solo archivo de estilos que compartan todas las páginas y, de esa forma, asegurar la consistencia a travéz del sitio. Las expresiones css son un elemento de las hojas de estilo cuyo uso se recomienda ser evitado 4.3. Estructura del sitio : javascript Es sabido que el javascript es una fuente de errors y por lo tanto cuanto menos abusemos de esa herramienta mejor sera. Hoy en día, más aún con el advenimiento de las RIA y AJAX, cada vez se usa más este lenguaje. Como reomendación en este aspecto podemos sugerir evitar tener javscripts duplicados y ponerlos al final para que la pagina se renderice lo antes possible. Las mismas recomendaciones de mimificación y compression mediante el algoritmo gzip aplican a los archivos javascript. Recordar que los navegadores de internet no suelen paralelizar mucho la bajada de los javascript y es por ello que ultimamente se estan popularizando mucho técnicas para bajar el javascript [21] de forma dinámica que proven un grado mucho mayor de paralelización Estructura del sitio : html Si desarrollamos una aplicación web vamos a tener que lidiar en mayor y menor medida con el lenguaje html. Definir de que manera vamos a utilizar dicho lenguaje puede aportar mucho a la calidad del producto. Como primera medida se recomienda definir un estandar de identación y documentación del html de modo de facilitar la lectura y mantenibilidad del mismo. Un error muy comúm que se observa en las páginas web es evitar poner el tag <title> dentro de la cabecera de la página. Los primeros sitios solían definir el layout mediante el componente table. Hoy en día, con la incorporación de las hojas de estilo, se estan dejando de usar dicho componente para pasar a definir el layout de la página mediante divs y css. De esta manera se logra una flexibilidad mucho mayor. Una forma muy utilizada para definir el layout fueron los frames y los iframes. La experiencia mostró que dichos components trajeron bastantes problemas. Por ejemplo la posibilidad de agregar una página a favoritos y el funcionamiento de los botones adelante y atras del navegador. Por esas razones su uso se encuentran desaconsejados. Otras recomendaciones son utilizar tags semánticos, aquellos como em, h1, h2, que definen el objetivo del texto pero delegan en navegador y las hojas de estilo la decisión de como renderizar dichos elementos. En cuanto a las dimensiónes de los elementos html, se recomeinda escribirlas como porcentajes en lugar de unidades fijas. Para las imagines hay dos recomendaciones: definir el atributo alt para el contenido alternativo y evitar escalar imagines para hacerlas más chicas. Asi se se puede optimizar el uso de la red. A continuación se resumen las características descriptas: Todas las páginas definen el tag <TITLE> Evita el uso del componente TABLE y utiliza DIV + css en su lugar Valida como xhtml Evita el uso de los frames Evita el uso de los iframes Utiliza tags semanticos Si No Las dimensiones se escriben en porcentajes en lugar de pixels u otra escala Las imagenes definen el tag alt con contenido alternativo Evitar escalar imagenes mas chicas El html esta identado de acuerdo al estandar definido Resumen de las características que tienen que ver con html a evaluar 4.5. Temporal Temporal. Cubre aspectos de calidad que tienen que ver con alguna variable temporal. Se subdivide en dos subsecciones: Actualizaciones por un lado y Performance y tiempo de respuestas por el otro Actualizaciones La frecuencia con la que se actualice el contenido de la página y el porcentaje del tiempo que la misma debe estar disponible online son dos variables importantes de identificar. Si la página se actualiza seguido es possible que debamos considerar el algún mecanismo mediante el cual los usuarios finales se enteren de las actualizaciones. Las subscripciones ya sea para recibir las novedades o a los feeds rss suelen ser una alternatica muy utilizada. Junto con el contenido actualizado viene la forma de que el usuario identifique rápidamente el contenido nuevo y lo diferencie de aquel permanente y menos volatil. El porcentaje del tiempo que nuestra página debe estar online disponible es un dato que hay que tener en cuenta.

6 Una página que esté el 99% del tiempo disponible debe ser sustentada por una arquitectura que lo soporte. Resolver ese problema dista mucho de ser trivial Performance y Tiempo de Respuesta La performance de un sitio web es un tema muy amplio. En principio nos centraremos en cuanto tiempo tarda en responder el sitio a una accion del usuario y cuanto tiempo tarda en cargar una página. Para el primer caso el usuario espera un feedback inmediato que su petición esta siendo procesada y es aqui donde ajax trata de dar una solución. Para el segundo podemos aplicar una serie de técnicas que apuntan a un uso más eficiente de la red. Steve Souders [14] propone en su libro High Performance Web Sites un conjunto de 13 técnicas para mejorar la performance de un sitio web. Para evaluar dichas técnicas se puede incorporar una herramienta llamada YSlow [15] que funciona junto con el Firebug [16], un plugin del navegador Firefox. Ventana de evaluación del YSlow Se sugiere incluir la evaluación de dichas tecnicas con la herramienta YSlow como parte del template propuesto. Otro tema que consideraremos como parte de la performance es como manejar la escalabilidad de la aplicación agregando más servidores. Una opción generalmente utilizada es poner un load balancer que dividan el trabajo entre dos o más computadoras. Como cada característica del template deve evaluar con un valor entre 0 y 100 se toma la siguiente referencia para convertir entre valores del YSlow y valores esperados por el template Valor YSlow Valor Evaluacion A 100 B 80 C 60 D 40 E 20 F 0 Conversion entre valores del YSlow y del template Usuarios Concurrentes Otra medida que impacta en la performance es el tráfico al que somete la aplicación web y como se degrada la performance a medida que crece la cantidad de usuarios concurrentes. En este aspecto se sugiere que la plantilla contemple un estimado de visitas por período de tiempo y un numero de usuarios simultáneos que la aplicación debe soportar antes de que se degrade la performance. Dichos valores deben ir acompañados de un plan de contingencia que defina como proceder ante un aumento imprevisto de la demada. La velocidad de conexión del usuario final es otro factor a considerar. Lamentablemente muchas veces no se puede determinar de antemano. La estimación del tiempo, para que sea lo más precisa possible, debe diferenciarse por cada página web. No es el mismo tráfico el esperado para la home de nuestro sitio que para otro tipo de página. Analizar cuales son las páginas más visitadas una ves implantada nuestra aplicación puede servirnos para mejorar nuestras estimaciones iniciales. Una vez relevados los valores de tráfico esperado debemos darles su uso. Estos tiempos dependerán en gran medida de tres factores. 1) Velocidad de conexión del usuario final 2) Distancia del usuario final y el lugar del sitio 3) Hardware donde esta alojado el sitio 4) Diseño de la aplicación Para el primer punto debemos asumir una velocidad media de conexión de nuestros usuario final como hipótesis y en lo possible utilizarla como referencia a la hora de realizar los sucesivos test de performance, Una vez que el sitio se encuentre en producción podemos mejorar nuestra hipótesis original en base a mediciones que realicemos sobre el tráfico. El segundo punto tendrá impacto directo en la cantidad de saltos que deberán realizar los paquetes tcp/ip para llegar a destino. Se recomienda hostear nuestro sitio en un lugar cercano geograficamente a nuestros usuarios finales y en el caso de ser un sitio con un alcance geográfico

7 mayor utilizar CDN (Content Delivery Networks) o mirrors del sitio. Una medición del trafico recibido también pude ayudarnos a entender desde donde se acceder geograficamente a nuestro sitio El tercer punto icluira una descripción del harware donde estará alojado el sitio y evaluará la presencia de load balancers para distribuir la carga. Los primeros tres puntos tratados deberían servirnos de referencia para el cuarto. Este tendrá un impacto directo en el desarrollo de la aplicación Medir la performance La recomendación primero es medir como se comporta el sitio con páginas estáticas de distinto peso. El template puede incluir distintas páginas de prueba para realizar mediciones basicas. Por ejemplo se puede tener páginas html de 1K, 100K, 1000K de prueba y además probar distintas combinaciones con javascript y hojas de estilo. Dichas páginas son necesarias para tener una base de referencia. También sirven como una aproximación para definir el peso en bytes y características mínimas que deben tener de cada página para satisfacer los requerimientos de tráfico definidos. Para medir necesitamos herramientas. Load Impact [19] es una herramienta gratuita muy util para tal fin. A continuación podemos ver un ejemplo de un gráfico que genera. se hace dificil incluirlos como parte de la integración continua Usabilidad La usabilidad es un atributo de calidad que define cuan facil son de usar las interfaces de usuario [4] de nuestro sitio web. Mide cuán facil es de usar, cuan intuitiva y facil de entender entender y aprender es el usa y de la aplicación Web. El problema de la usabilidad radica en la dificultad de evaluar si un sitio es usable o no ya que no es algo fácil de medir. Muchas veces se recurre a realizar test de usabilidad. Debido al alcance de las aplicaciones web, muchas veces no se sabe cual va a ser el usuario final de las mismas. Esto dificulta aún más la tarea. Un desafío que se nos presenta es el del tema de la accesibilidad y de como hacer nuestro sitio fácil de usar a personas mayores, con problemas visuales. Debido a la dificultad que presenta evaluar la usabilidad de la aplicación, el template puede definir algunos aspectos concretos que mejoran la usabilidad de un sitio. Jakob Nielsen [17] estudia en profundidad el tema de la usabilidad y en su sitio web se puede encontrar mucha información al respecto del tema. El template sugiere atacar el problema de la usabilidad desde varios aspectos. Se divide en varias subsecciones: objetivo, navegación, accesibilidad, proceso, diseño, multiresolucion, multibrowser Objetivo Esta sección del template apunta a responder una pregunta concreta. El usuario final, al ver una aplicación web o al ver una página específica de un sitio, sabe para que sirve? Navegación Ejemplo de gráfico generado con la herramienta load impact Cabe aclarar que la versión gratuita nos similará hasta 50 usuarios finales mientras que si queremos una evaluación mas exhaustiva debemos recurrir a la versión paga. Una vez que midamos nuestras páginas de referencia podemos aplicar las mediciones a nuestro sitio web. Un problema que presentan las mediciones es que para una grán cantidad de usuarios concurrentes son calculus que demoran bastante tiempo en realizarse y por lo tanto En cuanto a navegación, el usuario final de la aplicación debe poder responder en cualquier instante mientras esté utilizando la aplicación : Dónde estoy? De dónde vine? Dónde puedo ir? Para responder a la primer pregunta debe poder identificarse claramente cual es la página donde el usuario está parado. Las páginas que no tienen un título claramente definido o cuyo contenido es confuso son un claro ejemplo de aquellas en las cuales al usuario no le queda bien claro donde está parado.

8 El uso de breadcrumbs como herramienta visual puede aportar mucho a saber de donde viene el usuario mientras que un esquema de navegación claro y facil de entender puede responderle al usuario a donde puede ir. En este ultimo aspecto es importante que esten claramente direrenciado los contenidos de navegacion de los contenidos dinámicos y los estáticos. Para facilitar la escaneabilidad una sugerencias es incluir encabezados que permitan ubicar rapidamente lo que uno busca. El uso de los scrolls merece un apartado especial. Segun estudios realizados[4] los usuarios no se llevan nada bien con los scroll horizontales por lo que su uso se recomienda ser evitado. Evita Scroll Vertical es un punto deseable ya que es mejor que de un vistazo se pueda ver toda la información disponible, aunque estudios realizados [4] muestran que el usuario final hoy en dia es más propenso a aceptar el uso del scroll vertical Un punto si a tener en cuenta es no utilizar scrolls interno dentro de scrolls. La presenia de varios scrolls confunde al usuario Accesibilidad El término accesibilidad en aplicaciones web se refiere a que personas mayores o condiscapacidades puedan comprender, aprender, navegar y usar nuestro sitio web. En la siguiente tabla se resumen los trastornos más communes que pueden afectar la forma de que el usuario final percibe nuestra página web. Visión o seguera o vision reducida o daltonismo Audicion o Sordera o Disminución del rango auditivo Trastornos físicos y motores Trastornos del habla Trastornos neurológicos y cognigtivos o Dislexia o Desorden de atencion o Poca memoria de corto plazo Trastornos relacionados con la edad La Web Accessibility Initiative (WAI) [18] del World Wide Web Consortium (W3C) resume gran cantidad de recursos de como hacer la web accesible Proceso Este punto del template define como se tendrá en cuenta los aspectos de usabilidad como parte activa del proceso de desarrollo. Para ello se sugiere que exista un diseñador gráfico o experto en usabilidad que pueda participar del proyecto. Cuanto más esté involucrado dicha persona en el proyecto, mejor sera siendo lo óptimo que se trate de un integrante activo del equipo que lleva adelante el proyecto. Se sugiere [4] que para evaluar la usabilidad se realicen prototipos o boquejos de las páginas del sitio web y los mismos se validen con los clientes y usuarios finales para ver si los mismos se sienten a gusto con el diseño y el esquema de navegación Diseño Tener algunos items a considerar sobre el diseño de la página servirá para poder evaluar el el prototipo visual del diseñador. Algunas sugerencias concretas consisten en tener siempre una página de error personalizada, no abusar de los gráficos, verificar que todos los controles en una misma columna tengan el mismo ancho y evitar todos los elementos del diseño que estén de más. Si en la página hay mucho para leer los tectos de lectura deben ser anchos y tener un contraste que facilite su lectura. En general el contraste Negro-Blanco es el que mejor funciona. La aplicación debe presentar un look and feel consistente a traves de toda la aplicación Multiresolucion Ultimamente los usuario usan cada ves resoluciones más altas. La ventaja que tiene que se puede mostrar más información en una página. La desventaja que se suele asumir que la aplicación se verá con una resolución determinada y se crearan sitios que dificultan su lectua en resoluciones superiors o inferiors a las que fueron desarrollados. Se sugiere que al desarrolar el sitio se tengan en cuenta distintas resoluciones posibles y que el contenido mostrado sea escalable independiente de la misma.

9 4.8. Calidad Interna Multibrowser Más Alto 1024x x x480 Desconocido Hoy en día el mercado ofrece una gran cantidad de navegadores de internet. Si pretendemos ampliar el alcance de un sitio, ignorar un navegador seria darle la espalda a una gran cantidad de los usuarios finales que los usan. Los navegadores más usados hoy en dia son Internet Explorer 5, Internet Explorer 6, Internet Explorer 7, Internet Explorer 8, Mozilla, Netscape, Firefox, Opera, Safari y Chrome. A continuación se muestra el porcentaje uso de cada explorador segun [18] w3schols IE7 IE6 IE8 FireFox Chrome Safari Opera Porcentaje de uso segun navegador a Febrero del 2009 Fuente w3schols Una forma de evaluar el funcionamiento en multibrowser es programar los test de regression para que sean automatizados en distintos navegadores y de esa forma asegurarse que funionan no solo para uno sino para todos los navegadores para los que se desean. La calidad interna amide aquello que el usuario de la aplicacion no ve. La ISO 9126 define que la calidad interna del equipo del trabajo y del proceso influenciará la calidad interna del producto. Esto se traducirá en una major calidad percidida el usuario. En particular hablaremos de la calidad interna en cuanto al equipo de desarrollo y el producto en si Del equipo Mide aspectos que tienen que ver con el equipo y su forma de trabajar. Cubre aspectos como control de versions, metodologías utilizadas, metodos para evaluar la calidad. Un aspecto importante en el que se hace incapié es el del ambiente de integración continua ya que, como se menciono en su momento, muchas características definidas en el template pueden ser evaluadas en forma automatica de esa manera. Para mejorar la integración de los Fuentes generados por el equipo de desarrollo. y como requisito para implementar un ambiente de integración continua, de requiere tener un repositorio de control de versions. Los repositories mas utilizados hoy en día son el CVS, el SVN y el SubVersion. Como se mencionará mas adelante, buena parte de la productividad del equipo sera dadá por la adopción del el uso de los unit test y los test de regression como parte de un proceso de integración continua. Es una recomendadión tener ambientes de producción y pruebas separados Del producto Va directamente al código fuente de la aplicación y trata temas sobre estilos de codificación, arquitectura de la aplicación y documentación En un equipo heterogeneo de programadores es útil definir de antemano estándares de codificación y hacer reviews de código para verificar que dichos estándares se cumplan Una herramienta muy útil son los unit tests. De la mano de los unit test se pueden calcular la cobertura de código de forma de saber que porcentaje de nuestro código esta cubierto y testeado por unit test. El template de calidad puede requerir que al implementarlo se definan rangos deseables de cobertura de código. Junto con los unit test otra herramienta muy util para mejorar la calidad son los test de regression En cuanto a la calidad del producto cuanto más compleja sea la aplicación mayor sera la necesidad de definir una

10 arquitectura. Para las aplicaciones web se suele usar un estilo N-Layered. 5. Aplicar la plantilla a un desarrollo nuevo A partir de la plantilla derivaremos lo que daremos en llamar el plan de calidad de un sitio web. Adoptaremos ese nombre, si bien el concepto del plan de calidad generalmente cubre más aspectos de los que tratamos en este trabajo. Para aplicar la plantilla a un desarrollo nuevo se deben definir los siguientes pasos 1) Definir que caracteristicas definidas en el template van y cuales no van 2) Definir las variables que dice la plantilla 3) Generar instancia de la plantilla o plan de calidad Una vez generada la instancia de la plantilla a la que llamaremos plan de calidad estaremos en condiciones de aplicarlo a un sitio en particular 4) Aplicar instancia de la plantilla al desarrollo del proyecto Una parte importante de la aplicación de la plantilla es utilizar el nuevo conocimiento adquirido y los temas nuevos que surgan y usarlos para agregar características nuevas al template No siempre va a ser possible cumplir con toddas Las características. Las mismas pueden ser deseables, negociables u obligatorias. A continuación se ve como quedaría la característica definida en el template una vez generado el plan de calidad. Característica Codigo C01 Nombre Corto Paginas livianas Descripcion Las paginas no deben ocupar mas de 100K Alcance Cada pagina del sitio Status Obligatoria Forma de Evaluar Un proceso parte del ambiente de integracion continua se encargará de ver el tamaño de cada pagina y decidirá si cumple Responsible Cumplirla Desarrollador Responsible Evaluarla Ambiente Integracion Continua Cuando Cumplirla Cada vez que se haga commit Ponderación 1 Beneficio de Evaluarla Se aseguran que cada pagina sea liviana y no cargue rapido en el cliente Riesgo de no evaluarla Se pueden generar paginas muy pesadas que afecten la performance de la Impacto en tiempos y costos aplicación Estimacion un 5% mas de tiempo y un 5% mas de costos en el desarrollo de la pagina Derivar el plan de calidad a partir de la plantilla significa adaptar la misma a un sitio web en particular. Esto es concensuar con el equipo técnico que características del template resultan relevantes al la aplicacion web a evaluar/desarrollar y en que medida Aplicar la plantilla a un desarrollo nuevo persigue los siguientes objetivos 1) Concensuar la vision de calidad del sitio web 2) Tener una guia técnica que guie el desarrollo del sitio para los desarrolladores 3) Ayudar a estumar major los tiempos 4) Ayudar a estimar major los costos 5)Tener un criterio uniforme con la diseñadora gráfica de como debe entregar las cosas Para aplicar la plantilla diferenciaremos el caso que lo hagamos a un sitio nuevo o para evaluar la calidad de un sitio existente. 2. Formas de aplicar la plantilla. La plantilla definida se puede aplicar de dos formas distintas. La primera es para evaluar la calidad de una aplicación web existente. A esta forma la llamaremos forma reactiva de aplicar la plantilla.

11 La otra forma, a la que llamaremos proactiva, consiste en utilizar la plantilla para concensuar de antemano criterio de calidad a utilizar antes de desarrollar un sitio web. Triangulo de la negociación Ambas formas varían el objetivo para el que uno aplica la plantilla 2. Uso Plantilla de calidad La plantilal de calidad puede arrojar un valor entre 0 y 100 que sale de hacer un promedio ponderado del resultado de la evaluación de cada característica indivisual por su ponderación Se pueden definir valores minimos y aceptables más allá de definir que características son obligatorias. 4. Estimación El plan de calidad generado puede ser utilizado para mejorar la estimación de un proyecto. En los proyectos web a veces es común que se le quite importancia a ciertos temas que tienen que ver con la calidad y que se mire todo desde la complejidad de la lógica de negocios Es por ello que estimar el tiempo que va a llevar realizar una aplicación web no es lo mismo que estimar otro tipo de aplicaciones. En un equipo de desarrollo es habitual que se dediquen horas a temas técnicos, por ejemplo de algo que funciona en un explorador y en otro no. El plan de calidad ayuda bastante a estimar esto. A continuación vemos como influye el tema de la calidad en el triangulo de la negociación de administración de proyectos. A este triángulo se le incluyó en el medio el concepto de calidad Los lados del triangulo corresponden al alcance, el tiempo y los recursos. De este triangulo se pueden hacer lecturas del estilo: si lo quiero en un tiempo fijo voy a tener que negociar los recursos necesarios y el alcance que puedo cumplir. Aqui estamos considerando al alcance más desde el punto de vista de los requerimientos funcionales. Para hacer más visible el tema de la calidad se la agregó como una variable más a tener encuenta en las estimaciones. Por ejemplo decir que una aplicación funcionará de igual forma en todos los exploradores hará que el desarrollo lleve más tiempo. La plantilla pore sugiere documentar para cada característica a observar de una aplicación web el impacto que mantiene la misma y de esa forma utilizar la misma como una herramienta para mejorar estimacion de los costos y el tiempo que nos llevará realizar el proyecto. 6. Trabajos Futuros El presente trabajo trata de la evaluación de la calidad desde un punto de vista técnico. Se sugieren futuros trabajos que realicen un template con cara al usuario final y un mapeo entre distitnas caracteristicas no tecnicas de ese template y las caracteristicas técnicas propuestas en este template. 10. References [1] Steve Souders Even Faster Websites: Essential Knowledge for Frontend Engineers [2] [3] Jackob Nielsen, Guides for visualizing links, [4] [5]

12 [6] Magalí González, Silvia Abrahão, Joan Fons, Oscar Pastor, Evaluando la Calidad de Métodos para el Diseño de Aplicaciones Web [7] [8] as [9] [10] [11] [12] Garzotto F., Mainetti L. and Paolini P. Hypermedia Design, Analysis and Evaluation Issues, Comunication of the ACM, Vol. 38, Nro. 8, August [13] [14] Steve Souders, High Performance Web Sites [15] [16] https://addons.mozilla.org/es-es/firefox/addon/1843 [17] [18] [19] [20] [21] [22]

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL

ACCIÓN FORMATIVA FINANCIADA POR EL SERVICIO PÚBLICO DE EMPLEO ESTATAL MF0491_3: PROGRAMACIÓN WEB EN EL ENTORNO CLIENTE. (IFCD0210: DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB) 180 HORAS PRESENCIALES Nº DE EXPEDIENTE: FC/2013/0064 ACCION 141 GRUPO 1 ACCIÓN FORMATIVA FINANCIADA

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 3 Horas Objetivo General: Construir páginas Web en base

Más detalles

Capitulo VI. Conclusiones.

Capitulo VI. Conclusiones. Capitulo VI. Conclusiones. VI.I. Conclusiones. Finalmente como conclusiones tenemos que resaltar el uso de varias tecnologías aparte de Java, como lo son el uso de la librería O reilly para pasar archivos

Más detalles

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0

ADAPTAEMPLEO INFORME ACCESIBILIDAD. octubre 2013. Versión 1.0 ADAPTAEMPLEO INFORME ACCESIBILIDAD octubre 2013 Versión 1.0 1.0 Primera versión del documento. CONTROL DE CAMBIOS Índice de Contenido 1. ACCESIBILIDAD WEB...4 2. PUNTOS DE VERIFICACIÓN...5 2.1. IMÁGENES

Más detalles

DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB

DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB DENOMINACIÓN: CON TECNOLOGÍAS WEB Código: IFCD0210 Familia profesional: Informática y Comunicaciones Área profesional: Desarrollo Nivel de cualificación profesional: 3 Cualificación profesional de referencia:

Más detalles

Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net)

Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net) Análisis de la accesibilidad del sitio web del Ayuntamiento La Joyosa (www.lajoyosa.net) Danny J. Rivera I. Sergio Luján Mora 24 de Marzo de 2011 Esta obra está bajo una licencia de Creative Commons Reconocimiento-SinObraDerivada

Más detalles

UF1302 Creación de páginas web con lenguajes de marcas

UF1302 Creación de páginas web con lenguajes de marcas UF1302 Creación de páginas web con lenguajes de marcas TEMA 1. Los lenguajes de marcas TEMA 2. Imágenes y elementos multimedia TEMA 3. Técnicas de accesibilidad y usabilidad TEMA 4. Herramientas de edición

Más detalles

Desarrollo y servicios web

Desarrollo y servicios web Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2015-1 Qué vimos la clase pasada? 1.Presentación general 2. Presentación del curso 3. Conceptos introductorios e ingeniería web 4. Arquitectura web

Más detalles

INGENIERÍA TÉCNICA INFORMATICA DE GESTIÓN. Proyecto WikiGames. Documento de Previsión. Realizado por: Navarro Ortega. Álvaro Sirodey Mazón, Adrián

INGENIERÍA TÉCNICA INFORMATICA DE GESTIÓN. Proyecto WikiGames. Documento de Previsión. Realizado por: Navarro Ortega. Álvaro Sirodey Mazón, Adrián INGENIERÍA TÉCNICA INFORMATICA DE GESTIÓN Proyecto WikiGames. Documento de Previsión Realizado por: Navarro Ortega. Álvaro Sirodey Mazón, Adrián Dirigido por: González Romero, José Mariano Departamento:

Más detalles

Accesibilidad PID_00167609

Accesibilidad PID_00167609 Accesibilidad PID_00167609 FUOC PID_00167609 Accesibilidad Ninguna parte de esta publicación, incluido el diseño general y la cubierta, puede ser copiada, reproducida, almacenada o transmitida de ninguna

Más detalles

DISEÑO Y DESARROLLO DE PÁGINA WEB

DISEÑO Y DESARROLLO DE PÁGINA WEB DISEÑO Y DESARROLLO DE PÁGINA WEB TOTAL HORAS: 200 HORAS (100 PRESENCIALES 100 INVESTIGACIÓN) TOTAL CICLO: 16 SÁBADOS INTRODUCCIÓN En este Diplomado se establecen las bases y el método de trabajo necesario

Más detalles

Usabilidad y accesibilidad.

Usabilidad y accesibilidad. Usabilidad y accesibilidad. 6 de mayo. Salón de Grados de la Facultad de Derecho. «Gestión del Ciclo de Vida de un desarrollo Web Accesible: Factores a tener en cuenta», de David Zanoletty y Miguel Ángel

Más detalles

Curso XHTML/HTML/HTML5. Curso XHTML/HTML/HTML5

Curso XHTML/HTML/HTML5. Curso XHTML/HTML/HTML5 Curso XHTML/HTML/HTML5 Curso XHTML/HTML/HTML5 Página Web del curso Pagina del curso www.bbsoftpy.net/cursohtml2013 Repaso Clase Anterior Curso XHTML/HTML/HTML5-2013 Listas Curso XHTML/HTML/HTML5-2013 Listas

Más detalles

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA

DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA DESCRIPCIÓN ESPECÍFICA NÚCLEO: COMERCIO Y SERVICIOS SUBSECTOR: INFORMÁTICA Nombre del Módulo: DISEÑO DE PAGINAS WEB CON HTML Código: CSTI0085 total: 63 Horas Objetivo General: Construir páginas Web a partir

Más detalles

Introducción a WebMathematica

Introducción a WebMathematica Introducción a WebMathematica WebMathematica es una nueva tecnología que permite la generación de contenido web dinámico con Mathematica. Se integra en Mathematica a través de un servidor web. WebMathematica

Más detalles

CICLO SUPERIOR DESARROLLO DE APLICACIONES MULTIPLATAFORMA

CICLO SUPERIOR DESARROLLO DE APLICACIONES MULTIPLATAFORMA CICLO SUPERIOR DESARROLLO DE APLICACIONES MULTIPLATAFORMA PROGRAMACIÓN DIDACTICA ANUAL Parte específica del módulo: 0485. Programación Departamento de Familia Profesional de Informática Curso: 2014-15

Más detalles

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4

Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Modalidad: Distancia, On-Line Duración: 154 horas Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos

Más detalles

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes

PROGRAMA FORMATIVO. Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes PROGRAMA FORMATIVO Diseño y desarrollo web con HTML 5, CSS y Dreamweaver CS4 - Obra completa - 2 volúmenes Sector: Desarrollo Web Multimedia Modalidad: Distancia Duración: Objetivos: Código: 4356 Dotar

Más detalles

La importancia de la accesibilidad Web

La importancia de la accesibilidad Web Olga Revilla David Provencio plataforma.net Es mi sitio Web accesible? En las administraciones públicas o grandes empresas nos encontraremos siempre con el requisito obligatorio de que las aplicaciones

Más detalles

Desarrollo de Aplicaciones con Tecnologías Web

Desarrollo de Aplicaciones con Tecnologías Web Desarrollo de Aplicaciones con Tecnologías Web Código: Modalidad: Distancia Duración: 100 Horas. Objetivos: La presente formación se ajusta al itinerario formativo del Certificado de Profesionalidad IFCD0210

Más detalles

Web Mastering y Design

Web Mastering y Design Web Mastering y INTRODUCCIÓN Propósito de este documento El presente documento contiene el programa del curso online de Web Mastering y. OBJETIVOS Y MÉTODO DE USO Y EVALUACIÓN Objetivo y métodos de uso

Más detalles

Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo

Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo Anexo I: Detalles sobre Diseño WEB y Diseño Interactivo... 1 1. Los ejes alrededor de un diseño interactivo... 2 2. Los problemas de Adobe Flash...

Más detalles

METODOLOGÍA DE DESARROLLO DE CONTENIDOS WEB ACCESIBLES ÍNDICE DE CONTENIDO

METODOLOGÍA DE DESARROLLO DE CONTENIDOS WEB ACCESIBLES ÍNDICE DE CONTENIDO ÍNDICE DE CONTENIDO Metodología de desarrollo de contenidos web accesibles...1 Estándares de accesibilidad de la UE...2 Desglose por roles...2 Creación de contenidos...2 Diseño...3 Programación...4 Anexo

Más detalles

Guías de Diseño para el Servicio del World Wide Web Recinto Universitario de Mayagüez

Guías de Diseño para el Servicio del World Wide Web Recinto Universitario de Mayagüez Guías de Diseño para el Servicio del World Wide Web Recinto Universitario de Mayagüez Elementos de interfase y otros requisitos de diseño I. Objetivos El Internet es un medio oficial de publicación en

Más detalles

Programa. Programa: Aspectos Técnicos Previos. Sistemas de Gestión de Contenidos (CMS) La Imagen del Site. Usabilidad y Accesibilidad

Programa. Programa: Aspectos Técnicos Previos. Sistemas de Gestión de Contenidos (CMS) La Imagen del Site. Usabilidad y Accesibilidad Programa Programa: Aspectos Técnicos Previos Sistemas de Gestión de Contenidos (CMS) La Imagen del Site Usabilidad y Accesibilidad La Importancia del Contenido Optimización del Código Fuente Las Claves

Más detalles

PROGRAMA: Diseño y desarrollo Web con HTML 5,

PROGRAMA: Diseño y desarrollo Web con HTML 5, PROGRAMA: Diseño y desarrollo Web con HTML 5, CSS y Dreamweaver CS 4 Objetivos: Diseño y desarrollo Web con HTML 5 y CSS Dotar al alumno de conocimientos teóricos y prácticos para poder desarrollar un

Más detalles

Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea. República de Colombia - Derechos Reservados

Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea. República de Colombia - Derechos Reservados MANUAL DEL USO DE LAS PLANTILLAS PARA MANTENER EL ESTILO GOBIERNO EN LINEA TERRITORIAL- GELT FASE TRANSACCIONAL Área de Desarrollo Programa Agenda de Conectividad Estrategia de Gobierno en línea República

Más detalles

JavaScript,, AJAX y otras tecnologías web. Área de Ingeniería Telemática

JavaScript,, AJAX y otras tecnologías web. Área de Ingeniería Telemática JavaScript,, AJAX y otras tecnologías Contenidos JavaScript AJAX Flash 2 JavaScript Lenguaje interpretado como PHP, pero se ejecuta en cliente no en servidor Sintaxis semejante a la del lenguaje Java y

Más detalles

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES

DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar

Más detalles

Internet - Web. Internet - Web. Internet. Internet. Diseño de Sitios Web Desarrollo de Paginas Web. Qué es la Internet? - Qué es la Web?

Internet - Web. Internet - Web. Internet. Internet. Diseño de Sitios Web Desarrollo de Paginas Web. Qué es la Internet? - Qué es la Web? Desarrollo de Paginas Web Internet - Web Internet - Web Qué es la Internet? - Qué es la Web? Internet: Una red de computadoras a nivel mundial Web: Una forma de organizar la información existente en Internet

Más detalles

DISEÑO DE INTERFACES GRÁFICAS ELEMENTOS DEL ENTORNO DIGITAL

DISEÑO DE INTERFACES GRÁFICAS ELEMENTOS DEL ENTORNO DIGITAL Unidad 3 DISEÑO DE INTERFACES GRÁFICAS ELEMENTOS DEL ENTORNO DIGITAL La interfaz gráfica Diseño centrado en el usuario Contexto Usuario Tecnología Diseñador La interfaz gráfica (GUI Grafical User Interface)

Más detalles

Indice. Indice: Acerca de emblue. Cómo comienzo a usar emblue? El entorno emblue. Creación de una campaña de email marketing. Listas de contactos

Indice. Indice: Acerca de emblue. Cómo comienzo a usar emblue? El entorno emblue. Creación de una campaña de email marketing. Listas de contactos Indice Indice: Pág 3-4 Pág 5-6 Pág 7 Pág 8-18 Pág 19-20 Pág 21-23 Pág 24 Acerca de emblue Cómo comienzo a usar emblue? El entorno emblue Creación de una campaña de email marketing Listas de contactos Reportes

Más detalles

Puntuaciones y factores explicativos

Puntuaciones y factores explicativos Puntuaciones y factores explicativos Sitio web Estructura Estructura estándar Cuando la estructura de un sitio web es convencional y se ajusta a lo habitual en su sector, el visitante sabe de antemano

Más detalles

desarrollo. Dentro del desarrollo de la tesis el proceso de modelado del sistema fue hecho con el

desarrollo. Dentro del desarrollo de la tesis el proceso de modelado del sistema fue hecho con el Capitulo II. Análisis de herramientas y tecnologías de desarrollo. Dentro del desarrollo de la tesis el proceso de modelado del sistema fue hecho con el lenguaje de Modelo de Objetos llamado UML (Unified

Más detalles

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores

TEMA. Diseño orientado a la web. Internet y las páginas web. [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores Diseño orientado a la web. Internet y las páginas web [9.1] Cómo estudiar este tema? [9.2] Internet y los navegadores [9.3] Accesibilidad e interactividad [9.4] Resolución de pantalla [9.5] Optimización

Más detalles

Copyright 2015 Endalia, S.L. Todos los derechos reservados.

Copyright 2015 Endalia, S.L. Todos los derechos reservados. Copyright 2015 Endalia, S.L. Todos los derechos reservados. Este documento contiene información propietaria de Endalia, S.L. Se emite con el único propósito de informar proyectos Endalia, por lo que no

Más detalles

Estándares Web: XHTML y CSS - Usabilidad - Accesibilidad. Desarrollo de Sitios Web de Calidad, Usables, Seguros, Válidos y Accesibles

Estándares Web: XHTML y CSS - Usabilidad - Accesibilidad. Desarrollo de Sitios Web de Calidad, Usables, Seguros, Válidos y Accesibles Estándares Web: XHTML y CSS - Usabilidad - Accesibilidad Desarrollo de Sitios Web de Calidad, Usables, Seguros, Válidos y Accesibles Versión actualizada en http://www.usabilidadweb.com.ar/cursos_esp.php

Más detalles

O3 Requerimientos de Software y Hardware

O3 Requerimientos de Software y Hardware IdeaSoft Uruguay S.R.L. Phone: +598 (2) 710 4372 21 de Setiembre 2570 Fax: +598 (2) 710 4965 Montevideo http://www.ideasoft.com.uy Uruguay O3 Requerimientos de Software y Hardware Uso de memoria, espacio

Más detalles

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web

Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Adobe Dreamweaver CS3 - Curso online Creación profesional de sitios web Índice Conceptos básicos En este capítulo se enseñan los conceptos básicos de trabajo en Adobe Dreamveaver CS3. También se describen

Más detalles

MÉTRICAS DE USABILIDAD EN LA WEB

MÉTRICAS DE USABILIDAD EN LA WEB MÉTRICAS DE USABILIDAD EN LA WEB 3.1 Definición Una métrica (medida) es un valor numérico o nominal asignado a características o atributos de un ente computado a partir de un conjunto de datos observables

Más detalles

Servicios Web Ministerio del Interior N10

Servicios Web Ministerio del Interior N10 Servicios Web Ministerio del Interior N10 Introducción Propósito. Definir e indicar a los usuarios, los requerimientos y buenas prácticas para la implementación de los servicios y tecnologías utilizadas

Más detalles

UF1304 Elaboración de plantillas y formularios

UF1304 Elaboración de plantillas y formularios UF1304 Elaboración de plantillas y formularios Tema 1. Formularios en la construcción de páginas web Tema 2. Plantillas en la construcción de páginas web OBJETIVOS: - Confeccionar plantillas para las páginas

Más detalles

Tutorial de Webquest Creator

Tutorial de Webquest Creator Tutorial de Webquest Creator (Se recomienda que el RTIC Técnico introduzca en su uso y luego extienda el presente tutorial como material de apoyo no presencial) Contenido: Introducción Qué es Webquest

Más detalles

SEO para los sitios web de la Universidad Nebrija

SEO para los sitios web de la Universidad Nebrija SEO para los sitios web de la Universidad Nebrija Noviembre 2013 Introducción al SEO El posicionamiento en buscadores o SEO se puede definir como las acciones que persiguen colocar referencias a sitios

Más detalles

Negocios Electrónicos 3ra parte Planeando el website de la empresa exportadora

Negocios Electrónicos 3ra parte Planeando el website de la empresa exportadora Negocios Electrónicos 3ra parte Planeando el website de la empresa exportadora Alexis Reátegui www.prompex.gob.pe www.perumarketplaces.com sae@prompex.gob.pe sae1@prompex.gob.pe Gerencia de Servicios de

Más detalles

Estándares para el Uso de Herramientas de Desarrollo y Plataformas de Aplicaciones Web

Estándares para el Uso de Herramientas de Desarrollo y Plataformas de Aplicaciones Web Secretaría de Planificación Estratégica Oficina de Informática Estándares para el Uso de Herramientas de Desarrollo y Plataformas de Aplicaciones Web VERSIÓN 4 Julio 2009 Índice 1. Generalidades... 3 1.1

Más detalles

Antes de comenzar un sitio. Empezar un sitio web

Antes de comenzar un sitio. Empezar un sitio web Antes de comenzar un sitio Es muy recomendable realizar la siguiente actividad, de evaluación de páginas web, para tener ideas y recursos. http://www.uamvirtual.es/mod/assignment/view.php?id=3228 Empezar

Más detalles

Índice de contenidos:

Índice de contenidos: Tutorial de wik.is Wik.is es el servicio en línea de Deki Wiki de Mindtouch: http://wiki.opengarden.org/deki_wiki Índice de contenidos: Registro para tener nuestro wiki... 2 Primeros cambios que debemos

Más detalles

eboe: Boletín Oficial del Estado, edición electrónica. Ministerio de la Presidencia.

eboe: Boletín Oficial del Estado, edición electrónica. Ministerio de la Presidencia. eboe: Boletín Oficial del Estado, edición electrónica. Ministerio de la Presidencia. DATOS GENERALES Antecedentes del servicio Las ediciones BOE y BORME en formato papel, así como el BOE en internet como

Más detalles

Cursos de DISEÑO DE PÁGINAS WEB. Empresa Colaboradora: [ ] Diseño de Páginas Web

Cursos de DISEÑO DE PÁGINAS WEB. Empresa Colaboradora: [ ] Diseño de Páginas Web Cursos de DISEÑO DE PÁGINAS WEB [ ] Diseño de Páginas Web DISEÑO DE PÁGINAS WEB El Curso de Diseño de Páginas Web permite dotar a los trabajadores de la formación necesaria que les capacite y prepare para

Más detalles

Estándares y lenguajes de marcado para el desarrollo de aplicaciones web orientadas a dispositivos moviles Esteban Saavedra Lopez

Estándares y lenguajes de marcado para el desarrollo de aplicaciones web orientadas a dispositivos moviles Esteban Saavedra Lopez Estándares y lenguajes de marcado para el desarrollo de aplicaciones web orientadas a dispositivos moviles Esteban Saavedra Lopez email: estebansaavedra@yahoo.com http://jesaavedra.opentelematics.org Agenda

Más detalles

ESTÁNDARES WEB Y LA W3C

ESTÁNDARES WEB Y LA W3C ESTÁNDARES WEB Y LA W3C W3C WORLD WIDE WEB CONSORTIUM ESTÁNDARES WEB WEB VENTAJAS COMPATIBILIDAD INTERNET ES INFORMACIÓN. EL DESARROLLADOR DEBE POR TANTO PREOCUPARSE DE QUE LA INFORMACIÓN EN SU WEB SEA

Más detalles

UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008. Gestión de Información Web

UNIVERSIDAD TECNOLÓGICA ECOTEC. ISO 9001:2008. Gestión de Información Web Gestión de Información Web Características deseables de CMS Arquitectura técnica: Tiene que ser fiable y permitir la escalabilidad del sistema para adecuarse a futuras necesidades con módulos o extensiones.

Más detalles

Escuela Provincial de Educación Técnica N 1 UNESCO. Planificación Anual 2015 Ciclo Superior Secundario

Escuela Provincial de Educación Técnica N 1 UNESCO. Planificación Anual 2015 Ciclo Superior Secundario Escuela Provincial de Educación Técnica N 1 UNESCO Planificación Anual 2015 Ciclo Superior Secundario Especialidad: Técnico en Informática Personal y Profesional - Espacio Curricular: Programación Web

Más detalles

Informe sobre la accesibilidad del sitio web del Consorcio de Turismo del Ayuntamiento de Sevilla

Informe sobre la accesibilidad del sitio web del Consorcio de Turismo del Ayuntamiento de Sevilla SERVICIOS AVANZADOS PARA LAS INSTITUCIONES C.I.F. B-91052142 Informe sobre la accesibilidad del sitio web del Consorcio de Turismo del Ayuntamiento de Sevilla Julio de 2005 Introducción Consorcio de Turismo

Más detalles

Ais Web Accessibility:

Ais Web Accessibility: Ais Web Accessibility: Manual rápido de usuario Fecha: 06/09/2006 Referencia: EJIE S.A. Mediterráneo, 3 Tel. 945 01 73 00* Fax. 945 01 73 01 01010 Vitoria-Gasteiz Posta-kutxatila / Apartado: 809 01080

Más detalles

DESARROLLO WEB EN ENTORNO CLIENTE

DESARROLLO WEB EN ENTORNO CLIENTE DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 1: Selección de arquitecturas y herramientas de programación Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández

Más detalles

Curso básico de creación de páginas web

Curso básico de creación de páginas web Curso básico de creación de páginas web Programa de formación docente UAM 2005-2006 Miguel Sevilla Callejo Abril 2006 Departamento de Geografía Universidad Autónoma de Madrid Objetivos Desarrollar las

Más detalles

PLIEGO DE PRESCRIPCIONES TÉCNICAS DEL PROCEDIMIENTO SIMPLIFICADO PARA LA CONTRATACIÓN DE LOS SERVICIOS DE UNA EMPRESA PARA la INTEGRACIÓN DE

PLIEGO DE PRESCRIPCIONES TÉCNICAS DEL PROCEDIMIENTO SIMPLIFICADO PARA LA CONTRATACIÓN DE LOS SERVICIOS DE UNA EMPRESA PARA la INTEGRACIÓN DE PLIEGO DE PRESCRIPCIONES TÉCNICAS DEL PROCEDIMIENTO SIMPLIFICADO PARA LA CONTRATACIÓN DE LOS SERVICIOS DE UNA EMPRESA PARA la INTEGRACIÓN DE CONTENIDOS DE LA WEB DEL INSTITUTO DE CRÉDITO OFICIAL EN UN

Más detalles

Solicitud de Requerimiento No. Fecha de Solicitud: 01-08-2010

Solicitud de Requerimiento No. Fecha de Solicitud: 01-08-2010 Solicitud de Requerimiento No. Fecha de Solicitud: 01-08-2010 NOMBRE DEL IDENTIFICACIÓN DEL ÁREA SOLICITANTE: SOLICITANTE: Monica Serna Vasquez OPC OFICINA DE PRENSA Y COMUNICACIONES NOMBRE DEL REQUERIMIENTO:

Más detalles

HTML & Fila Zilla. Temario:

HTML & Fila Zilla. Temario: HTML & Fila Zilla Conocer la estructura de tus páginas te permite tener un control total sobre estas, sin mencionar, que también te permite modificar la apariencia de tus sitios con CSS y mejorar tu presencia

Más detalles

Servicios de accesibilidad Web

Servicios de accesibilidad Web experiencias reales, soluciones reales Servicios de accesibilidad Web Ref.: SER_ACC_V3_julio_ 2009 w w w. o b s e r v a l i a. c o m Índice 1. Introducción a la accesibilidad [ 3] 2. Auditorías de accesibilidad

Más detalles

TABLA DE CONTENIDO 1. REQUERIMIENTOS NO FUNCIONALES... 2

TABLA DE CONTENIDO 1. REQUERIMIENTOS NO FUNCIONALES... 2 TABLA DE CONTENIDO Pág. 1. REQUERIMIENTOS NO FUNCIONALES... 2 1.1 ATRIBUTOS DE CALIDAD DEL SISTEMA... 2 1.2 OTROS REQUERIMIENTOS NO FUNCIONALES... 4 1.3 REQUERIMIENTOS NO FUNCIONALES PARA HERRAMIENTAS

Más detalles

Contratación de la migración de portales web estáticos a la plataforma de gestión de contenidos y portales OpenText del Banco de España

Contratación de la migración de portales web estáticos a la plataforma de gestión de contenidos y portales OpenText del Banco de España Dirección General de Servicios Abril 2015 Contratación de la migración de portales web estáticos a la plataforma de gestión de contenidos y portales OpenText del Banco de España Pliego de prescripciones

Más detalles

Jornadas de Accesibilidad

Jornadas de Accesibilidad Christian González (Diseño y estándares web) Jornadas de Dispositivos móviles. Navegadores móviles. Antes de comenzar a meter código. Estructura de maquetación. Buenas prácticas. Enlaces. Muchas gracias.

Más detalles

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C

Dreamweaver CS6 para PC/Mac Sitios completamente CSS conforme a los estándares del W3C Introducción Internet en la actualidad 7 El World Wide Web Consortium y los estándares 7 Los programas de creación de sitios web 7 Objetivo del libro 8 Interfaz de creación El entorno del sistema 9 La

Más detalles

Tecnologías y Programación en el Internet

Tecnologías y Programación en el Internet Tecnologías y Programación en el Internet Prof. Miguel Vélez Rubio C y C++ / Base de todo C Comenzó su implementación en 1972, surgiendo del lenguaje B Asociado inicialmente a Unix Considerado difícil

Más detalles

NOCIONES Y DESAFÍOS QUE INVOLUCRA EL DESARROLLO WEB.

NOCIONES Y DESAFÍOS QUE INVOLUCRA EL DESARROLLO WEB. NOCIONES Y DESAFÍOS QUE INVOLUCRA EL DESARROLLO WEB. Badwin Arévalo Ingeniero de Sistemas Docente catedrático Universidad Francisco de Paula Santander Ocaña Sin duda la Web se ha convertido en una herramienta

Más detalles

Monografía. Adecuación gráfica a nivel de íconos de un sitio web

Monografía. Adecuación gráfica a nivel de íconos de un sitio web Monografía Adecuación gráfica a nivel de íconos de un sitio web Curso: Estrategia de Evaluación para Comprender y Mejorar la Calidad en Uso de Aplicaciones Web Doctorado en Ciencias Informáticas Facultad

Más detalles

DISEÑO WEB (I y II) CONTENIDO TEMÁTICO

DISEÑO WEB (I y II) CONTENIDO TEMÁTICO DISEÑO WEB (I y II) CONTENIDO TEMÁTICO 1. Historia de internet 2. Introducción a las aplicaciones web 3. Estructura de un sitio web 4. Accesibilidad web a. Normas de accesibilidad del World Wide Web Consortium

Más detalles

Introducción a RIA. Andrés Pastorini. TRIA Tecnólogo Informático

Introducción a RIA. Andrés Pastorini. TRIA Tecnólogo Informático a RIA Andrés Pastorini TRIA Tecnólogo Informático El objetivo principal de la asignatura es forma al estudiante en el diseño y desarrollo de aplicaciones web ricas. Los objetivos de la asignatura son:

Más detalles

Módulo Profesional 01: Bases de datos (código: 0484).

Módulo Profesional 01: Bases de datos (código: 0484). Módulo Profesional 01: Bases de datos (código: 0484). Actividades de enseñanza-aprendizaje que permiten alcanzar los objetivos del módulo. Interpretar diseños lógicos de bases de datos. Realizar el diseño

Más detalles

Abordar el diseño de un sitio web

Abordar el diseño de un sitio web Abordar el diseño de un sitio web Experiencias y Reflexiones Ricardo Castillo negro www.rcgrafica.com Índice 1 2 3 4 5 Objetivo Temática Usabilidad Navegación Colores 6 7 8 9 Logotipo Composición Accesibilidad

Más detalles

Prototipo web de alerta temprana. Proyecto Fin de Carrera Ingeniería Informática Autor: Sergio Herranz Huertas Tutor: David Díez Cebollero

Prototipo web de alerta temprana. Proyecto Fin de Carrera Ingeniería Informática Autor: Sergio Herranz Huertas Tutor: David Díez Cebollero Prototipo web de alerta temprana Proyecto Fin de Carrera Ingeniería Informática Autor: Sergio Herranz Huertas Tutor: David Díez Cebollero RemerWeb 2 Profesionales y expertos que trabajan en base a unos

Más detalles

TRADUCCIÓN DEL CHECKLIST PARA AUDITORÍA DE LA PARTE TÉCNICA DEL SEO de Geoff Kenyon publicado en el blog de Moz

TRADUCCIÓN DEL CHECKLIST PARA AUDITORÍA DE LA PARTE TÉCNICA DEL SEO de Geoff Kenyon publicado en el blog de Moz TRADUCCIÓN DEL CHECKLIST PARA AUDITORÍA DE LA PARTE TÉCNICA DEL SEO de Geoff Kenyon publicado en el blog de Moz Visón General Chequear páginas indexadas Site: Búsqueda en Google Homepage es el primer resultado(o

Más detalles

Diseño Web para dispositivos Móviles con HTML5 ING. YIM ISAIAS APESTEGUI FORENTINO

Diseño Web para dispositivos Móviles con HTML5 ING. YIM ISAIAS APESTEGUI FORENTINO Diseño Web para dispositivos Móviles con HTML5 Accesibilidad a la Web móvil Movilidad desde la Web accesible Accesibilidad a la Web móvil W3C lanzó a mediados del 2005 la Iniciativa Web Móvil. La Iniciativa

Más detalles

Capítulo I. Marco Teórico

Capítulo I. Marco Teórico 1 Capítulo I. Marco Teórico 1. Justificación Hoy en día existe una gran diversidad de aplicaciones que corren sobre la World Wide Web (WWW o Web), y cada una orientada a un fin en particular, el cuál depende

Más detalles

1. Capítulo 1: Herramientas de Software para el sistema

1. Capítulo 1: Herramientas de Software para el sistema 1. Capítulo 1: Herramientas de Software para el sistema 1.1 Conceptos Generales 1.1.1 Joomla.- Es un sistema dinámico que gestiona y administra contenidos de código abierto, y permite desarrollar sitios

Más detalles

UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica

UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA Departamento de Información Académica Ensenada, Baja California Mayo 2010 Qué es un Sitio Web? Es un conjunto de PÁGINAS WEB que están hospedadas (almacenadas o

Más detalles

CAPÍTULO III. ANÁLISIS DE LA SITUACIÓN ACTUAL DE WEB SITE PSICOM

CAPÍTULO III. ANÁLISIS DE LA SITUACIÓN ACTUAL DE WEB SITE PSICOM CAPÍTULO III. ANÁLISIS DE LA SITUACIÓN ACTUAL DE WEB SITE PSICOM Podemos definir la usabilidad de un sistema (producto o servicio) como la medida en la cual puede ser usado para conseguir objetivos concretos

Más detalles

Usabilidad web en la recuperación de Información

Usabilidad web en la recuperación de Información Usabilidad web en la recuperación de Información La Usabilidad Web Esta página web se centra en el concepto de usabilidad web, y está creada por Ismael Sanz Avilés, alumno de la Licenciatura en Documentación

Más detalles

AUDITORÍA DE ACCESIBILIDAD Y USABILIDAD WEB INFORME EJECUTIVO

AUDITORÍA DE ACCESIBILIDAD Y USABILIDAD WEB INFORME EJECUTIVO Auditoría de Accesibilidad Web WCAG 1.0 WAI XHTML 1.0 CSS 2 AUDITORÍA DE ACCESIBILIDAD Y USABILIDAD WEB INFORME EJECUTIVO 1. INTRODUCCIÓN... 3 2. AUDITORÍA DE ACCESIBILIDAD WEB. DESIGN FOR ALL... 4 2.1.

Más detalles

Introducción a la Accesibilidad Web

Introducción a la Accesibilidad Web Introducción a la Accesibilidad Web Ricardo Borillo Domenech borillo@uji.es Índice Introducción. Referencias. Marco legislativo. Herramientas. Comprobación de la accesibilidad en un sitio web. Principales

Más detalles

Introducción. Minería de datos (data mining): Minería de la Web (Web mining): Técnicas de Crawling

Introducción. Minería de datos (data mining): Minería de la Web (Web mining): Técnicas de Crawling unidad I unidad II Introducción Historia de la Web Motivación para la minería de la Web Recuperación de la información Caracterización formal de modelos de recuperación de la información Métodos clásicos

Más detalles

Propuesta para estándares de sitios web gubernamentales

Propuesta para estándares de sitios web gubernamentales Propuesta para estándares de sitios web gubernamentales Garantía de acceso a la información pública Introducción La estandarización de sitios web gubernamentales tiene como objetivo establecer principios

Más detalles

Accesibilidad en el Diseño de Aplicaciones Web

Accesibilidad en el Diseño de Aplicaciones Web Accesibilidad en el Diseño de Aplicaciones Web Sergio Luján Mora CÓMO HAGO QUE MI SITIO WEB SEA ACCESIBLE? 1 El WAI 10 consejos breves WCAG 1.0 Contenido Método de aplicación Niveles de conformidad WCAG

Más detalles

Modulo I. Introducción a la Programación Web. 1.1 Servidor Web.

Modulo I. Introducción a la Programación Web. 1.1 Servidor Web. Modulo I. Introducción a la Programación Web. 1.1 Servidor Web. Antes de analizar lo que es un servidor Web y llevara a cabo su instalación, es muy importante identificar diferentes elementos involucrados

Más detalles

PONTIFICIA UNIVERSIDAD CATÓLICA DEL PERÚ

PONTIFICIA UNIVERSIDAD CATÓLICA DEL PERÚ PONTIFICIA UNIVERSIDAD CATÓLICA DEL PERÚ FACULTAD DE CIENCIAS E INGENIERÍA DESARROLLO DE UN SISTEMA DE CONSTRUCCIÓN DE WEBS 2.0 E INTEGRACIÓN CON UN SISTEMA DE VENTA DE DOMINIOS Tesis para optar por el

Más detalles

PLIEGO DE CONDICIONES TÉCNICAS PARA LA CREACIÓN DE LA WEB CORPORATIVA DE LA FUNDACIÓN PARA LA CIUDADANÍA CASTELLANA Y LEONESA EN EL EXTERIOR Y LA

PLIEGO DE CONDICIONES TÉCNICAS PARA LA CREACIÓN DE LA WEB CORPORATIVA DE LA FUNDACIÓN PARA LA CIUDADANÍA CASTELLANA Y LEONESA EN EL EXTERIOR Y LA PLIEGO DE CONDICIONES TÉCNICAS PARA LA CREACIÓN DE LA WEB CORPORATIVA DE LA FUNDACIÓN PARA LA CIUDADANÍA CASTELLANA Y LEONESA EN EL EXTERIOR Y LA COOPERACIÓN AL DESARROLLO Página 1 1. ANTECEDENTES La Fundación

Más detalles

Tema 1: Introducción a las Aplicaciones Web. Contenidos:

Tema 1: Introducción a las Aplicaciones Web. Contenidos: Tema 1: Introducción a las Aplicaciones Web. Contenidos: 1. Esquema de funcionamiento. 1.1. Modelo Cliente/Servidor. 1.1.1. Componentes de un Servidor (WAMP, LAMP). 1.1.2. Navegadores. 1.2. Conceptos.

Más detalles

Manual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4

Manual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4 Manual del Sistema de XML Whois de Neubox Versión 9.12.4 1 Índice Sección Página I. Introducción........ 3 II. Contenido del paquete............ 4 III. Instalación y uso....... 5 1. Cómo comprobar la plantilla......

Más detalles

GUÍA DE TRABAJO GRADO 11 Programación de. Software Ing. Néstor Raúl Suarez Perpiñan Página 1 de 6. Tema: DESARROLLO WEB CON HTML

GUÍA DE TRABAJO GRADO 11 Programación de. Software Ing. Néstor Raúl Suarez Perpiñan Página 1 de 6. Tema: DESARROLLO WEB CON HTML Página 1 de 6 Objetivo: Tema: DESARROLLO WEB CON HTML Reconocer al Lenguaje de Marcado de Hipertexto (HTML) como la base para el desarrollo de páginas Web 1. PÁGINA WEB I. CONCEPTOS FUNDAMENTALES Una página

Más detalles

UNIVERSIDAD CATÓLICA DEL NORTE PROGRAMA DE ESTUDIOS I. IDENTIFICACIÓN DE LA ASIGNATURA

UNIVERSIDAD CATÓLICA DEL NORTE PROGRAMA DE ESTUDIOS I. IDENTIFICACIÓN DE LA ASIGNATURA UNIVERSIDAD CATÓLICA DEL NORTE PROGRAMA DE ESTUDIOS I. IDENTIFICACIÓN DE LA ASIGNATURA Nombre: Aplicaciones Computacionales Código: CC-215 Fecha Actualización: Septiembre 2004 Unidad Responsable: Departamento

Más detalles

Mi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades:

Mi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades: Propósito del prototipo: Mi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades: 1º. Mostrar noticias y eventos propios del grupo de personas que administren la Web.

Más detalles

4 F s. Funcionalidad Fluidez Feedback Fidelización. Web 1.0. Web 2.0. Web 3.0. Cuándo una web es perfecta?

4 F s. Funcionalidad Fluidez Feedback Fidelización. Web 1.0. Web 2.0. Web 3.0. Cuándo una web es perfecta? 2 Sitios web Cuándo una web es perfecta? 4 F s Funcionalidad Fluidez Feedback Fidelización Web 1.0 Web 2.0 Web 3.0 Personas conectándose a la Web Personas conectándose a personas RED SOCIAL Aplicaciones

Más detalles

Elaboración de un Formulario Web utilizando ASP.NET desde cero.

Elaboración de un Formulario Web utilizando ASP.NET desde cero. Elaboración de un Formulario Web utilizando ASP.NET desde cero. Realizado por: Fabricio.A.Santillana.V. 2-718-1147 TABLA DE CONTENIDO Pág. Introducción...3 Objetivos...4 Contenido...5 1. Introducción a

Más detalles

Acerca de emblue. Dentro de las características de emblue se encuentran:

Acerca de emblue. Dentro de las características de emblue se encuentran: 1 Índice Acerca de emblue 3 Cómo comienzo a usar emblue?...3 El entorno emblue 3 Creación de una campaña de email marketing 7 Listas de contactos 22 Reportes emblue 24 Contacto 2 Acerca de emblue emblue

Más detalles

Informe Técnico Etapa 3

Informe Técnico Etapa 3 Consultoría Desarrollo de un Sistema de Información Web de Apoyo al Proceso de Gestión del Fondo Regional de Iniciativa Local del GORE de Los Ríos Informe Técnico Etapa 3 www.perceptum.cl Contenidos 1.

Más detalles

Premios TECNIMAP 2010

Premios TECNIMAP 2010 Premios TECNIMAP 2010 Nueva versión de la Página Web del OAR. Diputación de Badajoz DATOS GENERALES Antecedentes del servicio Servicio disponible desde 2002, como servicio con diseño, implantación y mantenimiento

Más detalles