Clase. geniería de la Computación. Departamento de Ciencias e Ing. Diego C. Martínez - DCIC-UNS
|
|
|
- Carmen Julia Rojas Saavedra
- hace 8 años
- Vistas:
Transcripción
1 Ingeniería de Ap plicaciones Web Clase 12 Diego C. Martínez Departamento de Ciencias e Ing geniería de la Computación Universidad Nacional del Sur
2 Web Performance Las aplicaciones web son, a veces, propen nsas a ostentar una performance no óptima: existe un procesamiento remoto el servidor debe comunicarse con el cliente de una manera no bidireccional el cliente solicita recursos adicionales al servidor el cliente debe procesar y mostrar parte de la información La experiencia de uso se ve afectada naturalmente por las tecnologías del cliente, mas las tecnologías del servidor, mas las condiciones de la red. Algunos tests demuestran que al visitar (sin cache) los sitios más conocidos se gasta un 20% de tiempo sólo en el HTML, el resto en los recursos asociados.
3 Web Performance Si bien algunos de esos factores sin difíciles (sino imposibles) de controlar, existen algunas reglas ampliamente aceptadas que se pueden seguir. La mayoría de ellas centradas en el front-end y en la estructura de los datos. Diferentes autores identifican reglas variadas, aunque en general todas están destinadas a los mismos objetivos: Minimizar la cantidad de información n transferida Minimizar los actos de comunicaciónn cliente-servidor Mejorar el armado y visualización de los componentes en el navegador Evitar usos excesivos de la red Best Practices for Speeding Up Your Web Site Web Performance Best Practices com/speed/pag ge-speed/docs/rules_intro.html High Performance Web Sites Steve Souders
4 Regla: Minimizar pedidos HTTP Hay varias técnicas que pueden ayudarnos CSS Sprites a minimizar los pedidos HTTP Una de las causas más comunes de la abun ndancia de requests es la carga de imágenes del documento. Una técnica que minimiza estos pedidos es CSS Sprites. La idea es utilizar una sola imagen que es visualizada parcialmente. posx posy Se deben especificar la posición de inicio (n negativos) y el tamaño (positivos) como pares de pixels.
5 Regla: Minimizar pedidos HTTP Imágenes inline Es posible incluir el contenido de una imagen explícitamente en el documento HTML. El atributo src del elemento img define la secuencia de bytes que conforman la imagen, en lugar de la dirección ió del recurso. La imagen debe estar codificada en base64 Es especialmente util cuando la imagen es pequeña. <IMG SRC="data:image/gif;base64 data:image/gif;base64,r0 0lGODlhDAAMALMLAPN8ffBiYvWWlvrK y/fvcpewso9vvfajo+w6o/zl5estlv/8/aaaaaaaaaaaaaaaach5baeaaasalaaaa AAMAAwAAAQzcElZyryTEHyTUgknHd9xGV+ +qksyirkkwdyikdbiatt2h1kblqrfija IKywRgmhwAIlEEADs="> La imagen no podrá quedar en la cache y deberá ser retransmitida si se la necesita. Puede localizarse también en el CSS.img1 { background-image: url(data: image/gif;base64,ageevdfadfasd..);}.img2 { background-image: age: url(data: image/gif;base64,gdefghsagjjj...);} g GJJJ...);}
6 Regla: Minimizar tiempos de carga Ordenar apropiadamente los recursos CSS y Javascript Los navegadores demoran el renderizado de algunas partes de la página (ya cargada) hasta que algunos scripts terminen de cargarse. Depende de la estructura t de la página. <head> <link rel="stylesheet" es eet type="text/ te t/ /css" href="stylesheet1.css" es eet /> <script type="text/javascript" src="scriptfile1.js" /> <script type="text/javascript" src="scriptfile2.js" /> <link rel="stylesheet" type="text/ /css" href="stylesheet2.css" /> <link rel="stylesheet" type="text/ text/ /css" href="stylesheet3 stylesheet3.css css" /> </head> <head> <link rel="stylesheet" type="text/ /css" href="stylesheet1.css" /> <link rel="stylesheet" type="text/ /css" href="stylesheet2.css" /> <link rel="stylesheet" type="text/ /css" href="stylesheet3.css" /> <script type="text/javascript" src="scriptfile1.js" /> <script type="text/javascript" src="scriptfile2.js" /> </head>
7 Regla: Minimizar tiempos de carga En general se desea que el navegador mu estre progresivamente los contenidos de la página web solicitada. Funciona como "progress bar". provee una referencia del sist tema trabajando provee una estimación de completitud de la tarea provee algo para ver. El rendering progresivo en el navegador se posterga hasta que los CSS estén completamente cargados. Si los stylesheets no están cargados todavía, es un desperdicio invertir en renderizar contenido pues deberá redibujarse nuevamente. FOUC (Flash of Unstyled Content) Por esa razón los CSS deben ser vincula ados en el <head> del documento.
8 Regla: Minimizar tiempos de carga En el caso de los scripts, el rendering progresivo se posterga para todo lo que esté debajo del script. El estándar HTTP 1.1, sugiere que los clientes limiten la cantidad de conecciones simultáneas a un servidor: A single-user client SHOULD NOT maintainn more than 2 connections with any server or proxy. (...) These guidelines are intended to improve HTTP response times and avoid congestion Mas aún, cuando se descarga un script, no se abrirán nuevas conexiones. Ubicar los CSS lo más arriba posible. Ubicar los scripts lo más abajo posible.
9 Regla: Minimizar tiempos de carga estilo1.css javascript1.js j javascript2.js estilo2.css estilo1.css estilo2.css javascript1.js j javascript2.js
10 Regla: Minimizar tiempos de carga El uso de JavaScript en una página web equiere Cargar el código fuente Implica transferir el recurso externo, si corresponde. Parsear el código descargado Esto ocurre aún cuando no es necesario ejecutar el código desde la IU. Se realiza antes del disparo del evento onload. Es posible minimizar el tiempo de carga de una página difiriendo el parsing del código JavaScript. Utilizar defer o async (HTML5) en el elemento script Estos atributos permiten la carga asincrónica de los scripts. Iniciar la carga de scripts luego del evento onload Una vez que la página ha sido cargada, una función modifica el DOM agregando elementos <scri ipt>. Cargar JavaScript en comentarios o strings Luego se interpretan con la funciónn eval()
11 Regla: Minimizar tiempos de carga Utilizar defer o async (HTML5) en el elem mento script El atributo defer es utilizado por IE hace varios años, de aceptación general paulatina. El atributo t async es incluido id en HTML5. Los dos permiten cargar los scripts sin detener el parsing de HTML. <script> Script Parser fin net exec <script defer> Script Parser fin <script async> Script Parser fin
12 Regla: Minimizar tiempos de carga Iniciar la carga de scripts luego del evento onload En cualquier lugar del documento puede agregarse esta porción de JavaScript que provoca la carga de otro script (lazy loa ad) <script> var node = document.createele eate ement('script'); e node.type = 'text/javascript'; node.src = 'example.js'; // insertar en el DOM </script> Esto no bloquea el resto del parsing, aunque puede que la parte inferior i del documento provoque errores de JavaScript antes de que finalice la carga.
13 Regla: Minimizar tiempos de carga Cargar JavaScript en comentarios o stringss Puede realizarse la carga a mano, via AJAX para luego interpretarla con eval() <script type="text/javascript"> function loadfile(url) { function callback() { if (req.readystate t == 4) { // 4 = Loaded d if (req.status == 200) { eval(req.responsetext); } else { // Error } } }; var req = new XMLHttpRequest(); req.onreadystatechange = callback; req.open("get", url, true); req.send(""); } </script>
14 Regla: Minimizar tiempos de carga Otra alternativa utilizada por Google: <script id="lazy"> /* Sentencias comentadas de JavaScript */ </script> <script> function lazyload() { var lazyelement = document..getelementbyid('lazy'); y var lazyelementbody = lazyelement.innerhtml; var jscode = stripoutcommentblock(lazyelementbody); eval(jscode); } </script> <div onclick=lazyload()> Lazy Load </div> </html>
15 Regla: Minimizar pedidos HTTP Evitar multiplicidad de recursos combinable s La existencia de varios recursos adicionales deriva en varios HTTP requests. En particular los scripts y los css podrían combinarse en uno solo o en pocos. Al fin y al cabo serán todos consolidados en el resultado final. No siempre es factible la mezcla. A veces los recursos provienen de diferentes fuentes. Tal vez podrían ser combinados por un script del lado servidor. js js js css js js css css css css
16 Regla: Minimizar pedidos HTTP En el objetivo de minimizar HTTP requests.. es preferible CSS y JavaScript inline o en recursos externos? Un recurso inline no generará requests adicionales. La respuesta tendrá, sin embargo, mayor tamaño. Un recurso externo generará requests y respuestas adicionales. Sin embargo, estos recursos podrán quedar en la caché del navegador. cuando utilizar uno o el otro? Si la frecuencia de un visitante es poca, preferiblemente inline. Si la frecuencia de un visitante es mucha, preferiblemente externo. Si la permanencia en el sitio es extensa, visitando varias páginas, preferiblemente utilizar recursos externos. Para home-pages como Google o Yahoo! preferiblemente inline.
17 Regla: Optimizar el uso de la cache Muchos de los recursos utilizados por una página no cambian frecuentemente. CSS, imágenes de encabezados y pie de página, banners, etc Los navegadores proveen una cache donde los recursos pueden ser recuperados en lugar de solicitarlos al servidor nuevamente. Los Internet Service Providers (ISP) también proveen proxies con cache para los recursos transferidos. cliente cache proxy Internet cliente cach he cache El uso de cache (local o proxy) tiene varios beneficios: minimiza la cantidad de HTTP requests. minimiza i i la transferencia de informació ión desde d el servidor. libera ancho de banda para otras aplicaciones.
18 Regla: Optimizar el uso de la cache Utilizar los encabezados de caché Algunos navegadores utilizan heurísticas para decidir qué queda en la cache. Pero también puede indicarse explícitamente en los headers. Expires: Thu, 15 Jun : 00:00 GMT La respuesta indica al cliente la fecha de expiración del recurso transportado Cache-Control: max-age= La respuesta indica al cliente el períodoo de validez del recurso transportado El navegador NO solicitará el recurso (GET) mientras sea válido o no haya expirado. Puede configurarse el servidor para que fije la fecha o el max-age automáticamente Last-Modified: 15 Sep :43:00 GMT La respuesta indica al cliente la fecha de modificación del recurso El cliente puede solicitar el recurso en el futuro con el tag: If-Modified-Since: 15 Sep :43:00 GMT
19 Regla: Optimizar el uso de la cache Pueden utilizarse también Entity Tags (Etag gs). Son headers identificadores de recursos, independientes del tiempo. Incluídos en HTTP 1.1 GET /imagenes/logo.gif HTTP/1.1 Host: unsitio.com HTTP/ OK Last-Modified: Tue, 2 Nov :06:00 GMT ETag: "10c24bc-4 4ab-457e1c1f" 457e1c1f" Content-Length: 1532 GET /imagenes/logo.gif HTTP/1.1 Host: unsitio.com If-Modified-Since: Tue, 2 Nov :06:00 GMT If-None-Match: "10c24bc-4ab-457e1c1f" 4 b f" HTTP/ Not Modified
20 Regla: Optimizar el uso de la cache Los Etags son construídos con particularida ades de cada servidor. Para un mismo recurso, el Etag no será el mismo en IIS que en Apache. No son los mismos incluso en servidores de la misma tecnología. Se utilizan datos como el inode, tamaño y timestamp del recurso en el servidor. Si se provee hosting de multiples servidores, puede ser contraproducente. Es posible configurar la conformación del etag, por ejemplo solo con el timestamp
21 Regla: Optimizar el uso de la cache Los navegadores pueden variar en el tratamt miento de la cache. Firefox, por ejemplo, guarda TODO en la cache. Inclusive aquello que se recibe con el header Cache-control: no-cache. Asigna a todos los recursos una fechadeexpiración expiración (posiblemente en el pasado) Cuando un recurso en la cache alcanza la expiración, es revalidado o recargado nuevamente. la revalidación confirma la validez del recurso. método fuerte: If-non-match (Etags) método débil: Last-modifiedd respuesta posible: 304 Not modified la recarga implica solicitar completamente el recurso al servidor.
22 Regla: Minimizar la cantidad de información del servidor Las respuestas desde el servidor transporta an mayor información que los requests. El tamaño de la respuesta también causa un impacto en las demoras totales. Aceptar información comprimida Los navegadores pueden recibir información comprimida: gzip y deflate, indicando Accept-Encoding: gzip p, deflate El servidor indica que la respuesta está comprimida utilizando el header Content-Encoding: t gzip Es ventajoso comprimir HTML, CSS, JavaScript, XML NO es ventajoso comprimir imágenes o doc cumentos PDF. Los servidores (como Apache) incluyen la funcionalidad de compresión y es posible indicar qué recursos deben ser comprimidos antes de enviarse al cliente.
23 Regla: Minimizar la cantidad de información del servidor Compactar recursos de texto Una técnica simple a observar es mantener en mínimo tamaño los recursos de texto, ya que usualmente contienen información descartable. Esto se denomina a veces minification (com mo consecuencia, uglyfication) En JavaScript es posible eliminar todos los espacios en blanco y los saltos de línea entre sentencias. Existen herramientas para minificar JavaScript: JSMin, Closure Compiler En CSS deben eliminarse los estilos no utilizados. Google Page Speed permite detectar estilos innecesarios para una página En HTML pueden eliminarse i caracter res superfluos. Aun falta un optimizador de HTML automatizado
24 Regla: Minimizar la cantidad de información del servidor Usar apropiadamente p las imágenes Algunas aplicaciones gráficas agregan información adicional a las imágenes. Algunos formatos son mejores que otros en cuanto a tamaño y definición PNG es mejor que GIF en general. Posee mayor grado de transparencia. No se renderiza apropiadamente en navegadores viejos. GIF es apropiado para imágenes pequeñas (iconos, bullets) JPG debe utilizarse para imágenes grandes y fotografías. No usar nunca BMP y TIFF, formatos sin compresión. Ofrecer imágenes en el tamaño en el que se visualizarán. Usar thumbnails y posponer la imagen en detalle si es necesario Evitar fondos grandes. Aprovec char las propiedades de mosaico. Usar y mantener pequeño el favicon.ico Aunque no lo usemos, el brows ser igual lo pedirá!
25 Regla: Minimizar redirecciones A veces es necesario realizar redirecciones en los pedidos del cliente. Posibles motivos: los recursos fueron movidos a otra dirección se mantiene alguna convención sobre la estructura de las URLs interconexion entre partes de la aplicación web capturar URLs mal escritas o alias previsibles. Hay dos formas de hacer redirecciones: del lado del servidor, indicando un mensaje 301 Moved permanently 302 Moved temporarily del lado cliente, enviando un mensaje 200 OK con un HTML con el meta-tag <meta http-equiv= refresh content= seg;url > un JavaScript con window.setlocationn En la medida de lo posible, evitar redirecciones. De no ser posible, preferir las del lado servidor.
Parte III: AJAX y REST
Tema 3: Javascript Parte III: AJAX y REST Texto http://www.flickr.com/photos/kosmar/62381076 Cómo hacer peticiones al servidor desde Javascript, usando el estilo REST AJAX 2 Asynchronous Javascript And
Javascript parte II: AJAX
Tema 3 Javascript parte II: AJAX Texto http://www.flickr.com/photos/kosmar/62381076 Asynchronous JavaScript and XML. O cómo hacer peticiones al servidor desde Javascript AJAX (Asynchronous JavaScript And
HTTP Introducción. Redes de Datos Ing. Marcelo Utard / Ing. Pablo Ronco FACULTAD DE INGENIERIA UNIVERSIDAD DE BUENOS AIRES
Introducción Protocolo de capa de aplicación utilizado para la transferencia de Recursos u objetos. Opera sobre TCP típicamente en el puerto 80 Simple Stateless Genérico Utiliza las extenciones MIME. Transporte
Ataques Web Automáticos: Identificación, Engaño y Contraataque
Ataques Web Automáticos: Identificación, Engaño y Contraataque Mariano Nuñez Di Croce mnunez@cybsec cybsec.comcom Noviembre 2005 CIBSI 05 Valparaíso, Chile Agenda - Introducción a las Herramientas Automáticas.
Optimización de Tiempos de Respuesta como Estrategia de Incremento del Número de Visitas
Optimización de Tiempos de Respuesta como Estrategia de Incremento del Número de Visitas 5 de mayo de 2004 Juan de Bravo Diez 1 AGENDA La importancia del tiempo de respuesta en el diseño de un sitio web
Desarrollo de Aplicaciones Web con AJAX Huibert Aalbers Senior Certified Software IT Architect
Desarrollo de Aplicaciones Web con AJAX Huibert Aalbers Senior Certified Software IT Architect IT Insight podcast Este podcast pertenece a la serie IT Insight Pueden suscribirse al podcast a través de
Instalar y configurar W3 Total Cache
Instalar y configurar W3 Total Cache en WordPress Cardenal Gardoki, 1 48008 BILBAO (Vizcaya) Teléfono: 902 012 199 www.hostalia.com La velocidad de carga de una web influye mucho a la hora de mejorar el
PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet. Revisión 1.1 Fecha 2006-08
PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet Revisión 1.1 Fecha 2006-08 Índice 1. Acceder 2. Menú 3. Gestión Básica 3.1 Añadir 3.2 Editar 3.3 Eliminar 3.4 Eliminación de registros
Redes de Computadoras Práctica 4: World Wide Web
World Wide Web Redes de Computadoras DCyT, UNQ Redes de Computadoras Práctica 4: World Wide Web Temas PANORAMA DE LA ARQUITECTURA, DOCUMENTOS WEB ESTÁTICOS, DOCUMENTOS WEB DINÁMICOS, HTTP PROTOCOLO DE
Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora
Plataforma e-ducativa Aragonesa Manual de Administración Bitácora ÍNDICE Acceso a la administración de la Bitácora...3 Interfaz Gráfica...3 Publicaciones...4 Cómo Agregar una Publicación...4 Cómo Modificar
Introducción a los sitios de SharePoint en Office 365
Introducción a los sitios de SharePoint en Office 365 Universidad Central del Este Contenido 1. QUÉ ES UN SITIO SHAREPOINT?... 3 2. CÓMO INGRESAR AL ÁREA DE SITIOS?... 3 3. DESCRIPCIÓN GENERAL DEL ÁREA
Desarrollo y servicios web
Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2015-1 Qué vimos la clase pasada? 1. Fin tutorial HTML 2. Nombres de dominio 3. URLs 3 Sesión 4. Método GET - POST Qué haremos hoy? 1. Tipos de solicitudes
Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda.
Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda. En estas secciones, te enseñamos a: Configurar el sitio para varios dispositivos, que los motores de búsqueda comprendan la
Status Enterprise Guía de Usuario. Parte 9 - Alarmas
Guía de Usuario Parte 9 - Contenidos 1 RESUMEN 1.1 Tipos de... 3 1.1.1 de Desviación... 3 1.1.2 Alarma de Nivel... 3 1.1.3 Alarma de Límite... 3 1.1.4 Alarma de Tasa de Cambio... 3 1.1.5 Alarma Fuera de
ATEL ASESORES C.A IP Multimedia Subsystem Prof. Diógenes Marcano
SIP Capítulo 3 Pág. 1 SIP es un protocolo para señalización definido por el IETF según el RFC3261. SIP permite establecer, liberar y modificar sesiones multimedia y está basado en un modelo de transacciones
Sociedad de Seguros de Vida del Magisterio Nacional. Sistema de Pignoraciones Web. Manual de Usuario. Marzo, 2012.
Sociedad de Seguros de Vida del Magisterio Nacional Sistema de Pignoraciones Web Manual de Usuario Marzo, 2012. Elaborado por: Ing. Isaías Chavarría Mora. 1 Contenido 2 Introducción... 4 3 Consideraciones
MANUAL DE USUARIO DE LA APLICACIÓN DE ACREDITACION DE ACTIVIDADES DE FORMACION CONTINUADA. Perfil Entidad Proveedora
MANUAL DE USUARIO DE LA APLICACIÓN DE ACREDITACION DE ACTIVIDADES DE FORMACION CONTINUADA Perfil Entidad Proveedora El objetivo del módulo de Gestión de Solicitudes vía Internet es facilitar el trabajo
TRANFERENCIA DE DATOS ENTRE EL SISTEMA INTEGRAL DE GESTIÓN Y EVALUACIÓN (SIGEVA) Y EL CVAR INDICE
TRANFERENCIA DE DATOS ENTRE EL SISTEMA INTEGRAL DE GESTIÓN Y EVALUACIÓN (SIGEVA) Y EL CVAR INDICE TRANFERENCIA DE DATOS ENTRE EL SISTEMA INTEGRAL DE GESTIÓN Y EVALUACIÓN (SIGEVA) Y EL CVAR... 1 INDICE...
EXTENSIÓN DE UML PARA APLICACIONES WEB
EXTENSIÓN DE UML PARA APLICACIONES WEB 1. Descripción Esta extensión de UML define un conjunto de estereotipos, valores etiquetados y restricciones que nos permiten modelar aplicaciones web. Los estereotipos
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
Almacenamiento de CFD de Proveedores
Almacenamiento de CFD de Proveedores v. 1.4 Mayo 2011 Act. Julio 2011 Act. Agosto 2011 I N D I C E Contenido PREPARAR EL SISTEMA PARA USARLO... 1 NAVEGADOR... 1 CONFIGURACIÓN... 1 QUÉ HAGO SI EL SISTEMA
O C T U B R E 2 0 1 3 SOPORTE CLIENTE. Manual de Usuario Versión 1. VERSIÓN 1 P á g i n a 1
SOPORTE CLIENTE Manual de Usuario Versión 1 VERSIÓN 1 P á g i n a 1 Contenido Contenido... 2 INTRODUCCIÓN... 3 DESCRIPCIÓN ACTIVIDADES... 4 1. INICIO... 4 2. REGISTRAR NUEVO CLIENTE... 5 1.1 INGRESO DE
Programa. Conceptos básicos: variables, valores y objetos predefinidos, operadores, etc. etc. Callbacks, eval(), etc.
Programa Programa 1. Introducción. Repaso HTML-CSS. Orientaciones Generales. 2. Javascript: Qué es? Dónde se ejecuta? Cómo se ejecuta? Conceptos básicos: variables, valores y objetos predefinidos, operadores,
G R U P O S INDICE Cómo crear una cuenta en ARQA? Cómo tener un grupo en ARQA? Secciones y funcionalidades de los grupos Configuración del grupo
INDICE Cómo crear una cuenta en ARQA? 4 Cómo tener un grupo en ARQA? 5 Secciones y funcionalidades de los grupos 6 Muro del Grupo 6 Compartir Textos 8 Compartir Imágenes 9 Compartir videos 10 Compartir
Clase. geniería de la Computación. Departamento de Ciencias e Ing. Diego C. Martínez - DCIC-UNS
Ingeniería de Ap plicaciones Web Clase 10 Diego C. Martínez Departamento de Ciencias e Ing geniería de la Computación Universidad Nacional del Sur AJAX AJAX es un término familiar en otros conte extos...
BANNERS CÍCLICOS CON JAVASCRIPT
BANNERS CÍCLICOS CON JAVASCRIPT ÍNDICE 1. INTRODUCCIÓN. 2. BANNERS CÍCLICOS. 2.1.BANNER CÍCLICO. 2.2.BANNERS CÍCLICOS CON CAMBIO DE COLOR DEL FONDO DE LA PÁGINA. 2.3.AÑADIR VÍNCULOS A LOS BANNERS CÍCLICOS.
Comisión Nacional de Bancos y Seguros
Comisión Nacional de Bancos y Seguros Manual de Usuario Capturador de Pólizas División de Servicios a Instituciones Financieras Mayo de 2011 2 Contenido 1. Presentación... 3 1.1 Objetivo... 3 2. Descarga
Plataforma E-Learning E- Incorporate
Plataforma E-Learning E- Incorporate Proceso de Registro de Participante Los participantes en la plataforma deben registrarse desde el portal Escuela.E-Incorporate.org, cumplimentando el formulario de
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
COPIAS DE SEGURIDAD AUTOMÁTICAS DE DIRECCIONES CALLEÇPAÑA
COPIAS DE SEGURIDAD AUTOMÁTICAS DE DIRECCIONES CALLEÇPAÑA Autor: Carlos Javier Martín González. Licenciado en Física Teórica por la Universidad Autónoma de Madrid. Analista programador y funcional. Desarrollador
Anexos de Bases de Presentación de Propuestas. Consultoría para la implementación de sistemas de gestión de contenidos para comunidades de RedCLARA
Anexos de Bases de Presentación de Propuestas Consultoría para la implementación de sistemas de gestión de contenidos para comunidades de RedCLARA Julio 2011 Anexo A. Requisitos funcionales A1. Para el
MANUAL GESTIÓN CMS ONLINE
MANUAL GESTIÓN CMS ONLINE Índice 1. ACCESO A LA APLICACIÓN... 4 2. CONTENIDO WEB... 5 2.1 GESTIÓN PÁGINAS... 5 2.1.1 Crear una página nueva... 7 2.1.2 Modificar una página... 7 2.1.3 Borrar una página...
COMPRAS CEPAS A TRAVÉS DE INTERNET PORTAL CEPAS
COMPRAS CEPAS A TRAVÉS DE INTERNET PORTAL CEPAS Es un sistema que describe las funcionalidades claves a través de Internet. Se pueden efectuar las compras, ver la trazabilidad de los pedidos y visualizar
MANUAL TECNICO DE EMAILING BIZBOX
MANUAL TECNICO DE EMAILING BIZBOX 1.- Verificar Registro SPF El dominio desde el que envía su coreo no puede ser cualquier dominio, debe ser un dominio aprobado y verificado para enviar correos, estos
Sistemas de Caché. Para mejorar la velocidad de carga de una web. papers. acens
Sistemas de Caché Para mejorar la velocidad de carga de una web Calle San Rafael, 14 28108 Alcobendas (Madrid) 902 90 10 20 www..com Introducción Llega el momento en la vida de un sitio web que debido
GUIA COMPLEMENTARIA PARA EL USUARIO DE AUTOAUDIT. Versión N 02 Fecha: 2011-Febrero Apartado: Archivos Anexos ARCHIVOS ANEXOS
ARCHIVOS ANEXOS Son los documentos, hojas de cálculo o cualquier archivo que se anexa a las carpetas, subcarpetas, hallazgos u otros formularios de papeles de trabajo. Estos archivos constituyen la evidencia
Práctica 6 - Página Web
Práctica 6 - Página Web Teoría. Una Página Web es un recurso de información que esta diseñada para la Word Wide Web (Red Mundial) y puede ser vista por medio un Navegador Web. Esta información se encuentra
TEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA
TEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA AREA DEL TEMA: INGENIERÍA DE SOFTWARE OBJETIVO GENERAL Desarrollar aplicaciones web utilizando
GUIA RAPIDA PRIMEROS PASOS CONSTRUCTOR DE SITIOS IPLAN PROFESIONAL CONTENT
GUIA RAPIDA PRIMEROS PASOS CONSTRUCTOR DE SITIOS IPLAN PROFESIONAL CONTENT INTRODUCCION... 3 Beneficios... 3 Descripción General y Alcance... 3 GUIA RAPIDA PRIMEROS PASOS... 4 Cómo elijo la estructura
Manual del Usuario. Sistema de Help Desk
Manual del Usuario Sistema de Help Desk Objetivo del Manual El siguiente manual tiene como objetivo proveer la información necesaria para la correcta utilización del sistema Help Desk. Describe los procedimientos
Clase. geniería de la Computación. Departamento de Ciencias e Ing. Diego C. Martínez - DCIC-UNS
Ingeniería de Ap plicaciones Web Clase 2 Diego C. Martínez Departamento de Ciencias e Ing geniería de la Computación Universidad Nacional del Sur Internet y sus servicios Internet define una forma de conexión
Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado.
Estándares Técnicos para la Creación, Mantenimiento y Operación de sitios Web del Gobierno del Estado. ABRIL 2012 CONTENIDO 1 Introducción 2 Estructura a. Diagrama de la Estructura de la Página Principal
Manual de usuario para Facturación Electrónica 2011
Contenido Manual de usuario Facturación Electrónica.... 2 Requisitos... 2 Registro de usuario.... 2 Inicio de sesión.... 4 Cerrar Sesión.... 4 Mi cuenta.... 5 Datos Personales.... 5 Información Fiscal...
Universidad Autónoma de Nayarit
1 PRESENTACION. El presente documento tiene como finalidad describir la forma en la que se registrará el Programa Operativo Anual (POA) en el Sistema de Información del POA 2015 de las dependencias universitarias.
Aporta. Manual de uso para administradores de contenido Este manual le enseñará rápidamente a usar las distintas herramientas de su sitio web
Aporta Manual de uso para administradores de contenido Este manual le enseñará rápidamente a usar las distintas herramientas de su sitio web CMS Desarrollado por CIBOS Limitada. INDICE 1. QUÉ ES APORTA
PREGUNTAS FRECUENTES DEL SISTEMA DE FONDOS
PREGUNTAS FRECUENTES DEL SISTEMA DE FONDOS 1. EL SISTEMA NO ME PERMITE INGRESAR CON MI USUARIO Y CONTRASEÑA... 2 2. CÓMO ACCEDO A MI SOLICITUD?... 9 3. PARA QUÉ SIRVEN LAS LUPAS?...15 4. EXISTEN LIMITANTES
Bluecoat Reporter Guía de Usuario
Bluecoat Reporter Guía de Usuario Índice 1. DESCRIPCIÓN... 2 2. ACCESO A LA CONSOLA DE MANAGEMENT REPORTER... 3 3. EL DASHBOARD... 4 3.1 VENTANAS DE REPORTES... 6 3.2 AGREGANDO REPORTES... 6 4. REPORTES...
Aplicateca. Manual de Usuario: Ilion Factura Electrónica. Espíritu de Servicio
Aplicateca Manual de Usuario: Ilion Factura Electrónica Espíritu de Servicio Índice 1 Introducción... 4 1.1 Qué es Ilion Factura electrónica?... 4 1.2 Requisitos del sistema... 4 1.3 Configuración del
DISPOSITIVO DE BANDA ANCHA
Como funciona un ISP Un ISP es un canalizador de información, puede canalizar la información desde Internet y hacia Internet, es decir brinda acceso a paginas de Internet y a el correo electrónico (utilizando
Contenido. Email: capacitacion@u cursos.cl / Teléfono: 9782450
GMI Contenido PUBLICAR AVISO... 3 CREAR PROCESO DE SELECCIÓN... 6 VER/ELIMINAR AVISOS PUBLICADOS... 8 ETAPAS DE UN PROCESO DE SELECCIÓN... 10 SECCIONES DE LOS PROCESOS DE SELECCIÓN (GPS)... 21 PERSONALIZAR
INTERCAMBIO DE OBJETOS
Departament d Arquitectura de Computadors INTERCAMBIO DE OBJETOS HTTP: Hypertext Transfer Protocol Protocolo de comunicaciones estandarizado que comunica servidores, proxies-cachés y clientes. Permite
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......
Conciliación bancaria en CheqPAQ Cargado de estado de cuenta
Conciliación bancaria en CheqPAQ Cargado de estado de cuenta Introducción Con la finalidad de mantenerte informado respecto a todos los cambios y mejoras de los productos de CONTPAQ i, ponemos a tu disposición
Parte 3 - Consultas SQL + Servicios Web + Índices
Parte 3 - Consultas SQL + Servicios Web + Índices 12450 Estructuras de Datos y de la Información 2 Prácticas Laboratorio - Curso 2008-2009 3.1 Consultas SQL: Ernesto Arroyo Jesús Bisbal Philippe Roussel
MANUAL DE USUARIO COOPERATIVAS
MANUAL DE USUARIO COOPERATIVAS TABLA DE CONTENIDO 1 INTRODUCCIÓN... 3 2 INGRESO AL SISTEMA... 4 2.1. PANTALLA Y RUTA DE ACCESO...4 2.2. REGISTRO DE USUARIOS...5 2.3. CAMBIAR CONTRASEÑA...9 2.4. RECORDAR
Introducción a la Firma Electrónica en MIDAS
Introducción a la Firma Electrónica en MIDAS Firma Digital Introducción. El Módulo para la Integración de Documentos y Acceso a los Sistemas(MIDAS) emplea la firma digital como método de aseguramiento
3. Número inicial y número final de mensajes mostrados en la página actual.
Sistema WEBmail El sistema WEBmail permite el acceso rápido y sencillo a su buzón de correo utilizando un navegador de páginas Web. Normalmente es usado como complemento al lector de correo tradicional,
MANUAL DE USUARIO SICVECA DESKTOP. Código: R-02-I-IF-312 Versión: 1.0 1 de 19 SICVECA DESKTOP. Manual de Usuario Versión 1.0.
Código: R-02-I-IF-312 Versión: 1.0 1 de 19 Manual de Usuario Versión 1.0 Página 1 Código: R-02-I-IF-312 Versión: 1.0 2 de 19 Tabla de Contenido Descripción General del Sistema... 3 Pasos iniciales... 3
Análisis del Proxy-Cache y Reverse-Proxy
Análisis del Proxy-Cache y Reverse-Proxy Alberto Pesquera Martín Documentación en progreso Historial de revisiones Revisión 0.1 22-Feb-2003 Revisado por: apm Creación Tabla de contenidos 1. Introducción
SPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es)
SPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es) 1. Arquitectura de SPIP SPIP es un sistema para la publicación digital de documentos en un sitio web. Tanto la creación de nuevos
Detectar y solucionar infecciones en un sitio web
Detectar y solucionar infecciones en un sitio web Cardenal Gardoki, 1 48008 BILBAO (Vizcaya) Teléfono: 902 012 199 www.hostalia.com Las infecciones que sufren los sitios web son uno de los principales
la red de Internet PRODIGY para poder tener acceso al sistema RAGNVALD vía Internet
Capítulo 5. Monitoreo Remoto En este capítulo se detallará lo referente a la configuración del instrumento virtual y la red de Internet PRODIGY para poder tener acceso al sistema RAGNVALD vía Internet
Cómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes?
Preguntas frecuentes Cómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes? Atención! Esta opción es de configuración y solamente la prodrá realizar el administrador de la
Capítulo 1 Documentos HTML5
Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs
Campos de tareas. Costo real (campo de tareas) Duración real (campo de tareas) Fin real (campo de tareas)
s de tareas indica que el campo es nuevo en Project 2007. Campo Costo real (campo de Duración real (campo de Fin real (campo de En el campo Costo real se muestran los costos del trabajo ya realizado por
SISTEMA DE REGISTRO DE TRANSACCIONES BURSATILES BAGSA MANUAL DE USUARIO
SISTEMA DE REGISTRO DE TRANSACCIONES BURSATILES BAGSA MANUAL DE USUARIO Consideraciones Iniciales I. El sistema está desarrollado bajo un entorno web por lo que puede ser accedido desde cualquier cliente
Manual del uso del DVR por internet
Manual del uso del DVR por internet Prefacio Para poder entrar al DVR de manera remota se debe configurar el DVR en 2 fases, La primera fase es el servidor. Este proceso suele variar dependiendo de la
Manual de INTRANET. Introducción... 2. Objetivo de este Manual... 2. Convenciones y estándares a utilizar... 2. Convenciones de formato de texto...
Manual de INTRANET Introducción... 2 Objetivo de este Manual... 2 Convenciones y estándares a utilizar... 2 Convenciones de formato de texto... 2 Convenciones del uso del mouse... 2 Convenciones del uso
PROPÓSITO... 2 DETERMINANTES PARA UNA BUENA EXPERIENCIA DE USO...
Tabla de Contenido PROPÓSITO... 2 DETERMINANTES PARA UNA BUENA EXPERIENCIA DE USO... 2 1. LA PRESENCIA DE INFORMACIÓN Y AYUDA ÚTIL PARA COMPLETAR LOS TRÁMITES EN LÍNEA.... 2 2. LA DISPONIBILIDAD DE DIVERSOS
UNIVERSIDAD COOPERATIVA DE COLOMBIA POSTGRADO MULTIMEDIA PARA LA DOCENCIA ELECTIVA I CREACIÓN DE AMBIENTES VIRTUALES
UNIVERSIDAD COOPERATIVA DE COLOMBIA POSTGRADO MULTIMEDIA PARA LA DOCENCIA ELECTIVA I CREACIÓN DE AMBIENTES VIRTUALES MODULO DE CONTENIDOS DE MATERIALES En prácticamente cualquier tipo de asignatura existirá
Introducción a las Redes de Computadoras. Obligatorio 2 2011
Introducción a las Redes de Computadoras Obligatorio 2 2011 Facultad de Ingeniería Instituto de Computación Departamento de Arquitectura de Sistemas Nota previa - IMPORTANTE Se debe cumplir íntegramente
Servidores Web E2B2C. Leandro Radusky Esteban Lanzarotti. Nov 2014
Servidores Web E2B2C Leandro Radusky Esteban Lanzarotti Nov 2014 Agenda Mañana HTTP: Arquitectura Cliente/Servidor: introducción teórica. Elementos de una página web: HTML, JavaScript y CSS básicos. python-bottle:
GUÍA DE COMUNICACIÓN DE PROBLEMAS DE SUMINISTRO DE MEDICAMENTOS DE USO HUMANO
GUÍA DE COMUNICACIÓN DE PROBLEMAS DE SUMINISTRO DE USO HUMANO Versión: 17/07/2009-1 - ÍNDICE 1 Descripción general de comunicaciones de Desabastecimiento... 3 2 Requisitos técnicos del navegador internet...
Almacenamiento virtual de sitios web HOSTS VIRTUALES
Almacenamiento virtual de sitios web HOSTS VIRTUALES El término Hosting Virtual se refiere a hacer funcionar más de un sitio web (tales como www.company1.com y www.company2.com) en una sola máquina. Los
Forms Composer. Document Producer 1. Document Producer
1 de Lexmark versión 3.0 combina software de diseño de formularios electrónicos con una aplicación de servidor de formularios electrónicos. Ahora puede crear formularios personalizados y combinarlos con
ENTORNO DE DESARROLLO MICROSOFT.NET 2010
ENTORNO DE DESARROLLO MICROSOFT.NET 2010 UNIDAD 2 Estructura de contenidos: 1. Conociendo ASP 2. Sitio Web y Proyecto Web 3. WebForm 4. Características de los webforms 5. Entorno del.net 6. Controles básicos
HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional
LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52)
LENGUAJES DE PROGRAMACIÓN WEB (PHP1, HTML52) Sesión No. 2 LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5) 1 Nombre: Lenguaje de marcado Objetivo: Identificar qué es, cómo funciona y representa el lenguaje de
Manual de uso del Taglib de Template Saga
1 Manual de uso del Taglib de Template Saga www.sagasoluciones.com info@sagasoluciones.com C/ Salado 11 Local 10. 41010 Sevilla T. + 34 954 45 72 75 F. + 34 954 45 75 72 CONTROL DEL DOCUMENTO Realizado
Desarrollo y servicios web
Desarrollo y servicios web Luisa Fernanda Rincón Pérez 2014-2 2 Sesión 3. Arquitectura web básica parte 2 Qué haremos hoy? 3 1. La era post pc 2. Nombres de dominio 3. URL 4.HTTP( GET / POST) La era post-pc
Manual de Usuario Sistema de Médicos. Proyecto:
Manual de Usuario Sistema de Médicos Proyecto: Cliente: Septiembre de 2012 Contenido Generalidades... 3 Acceso al sistema... 3 Generalidades de los módulos... 5 Seguridad... 8 Registro en línea... 8 Perfil
Manual de usuario para Facturación Electrónica 2011
Contenido Manual de usuario Facturación Electrónica.... 2 Requisitos... 2 Registro de usuario.... 2 Inicio de sesión.... 4 Cerrar Sesión.... 4 Mi cuenta.... 5 Datos Personales.... 5 Información Fiscal...
Luis Villalta Márquez
- Alojamiento virtual basado en IPs. - Alojamiento virtual basado en nombres. - Alojamiento virtual basado en puertos. - Alojamientos híbridos. Luis Villalta Márquez El término Hosting Virtual se refiere
Manual de Usuario Comprador. www.iconstruye.com. Módulo Reportes
Manual de Usuario Comprador www.iconstruye.com Módulo Reportes Descripción General Toda transacción realizada a través de Iconstruye queda registrada y puede ser consultada por los usuarios para un posterior
Unidad Didáctica 12. La publicación
Unidad Didáctica 12 La publicación Contenido 1. Desarrollar y explotar 2. Definición del Sitio 3. Alojar nuestra primera página Web 4. Configurar la conexión FTP U.D. 12 La publicación 1. Desarrollar y
Maxpho Commerce 11. Gestión CSV. Fecha: 20 Septiembre 2011 Versión : 1.1 Autor: Maxpho Ltd
Maxpho Commerce 11 Gestión CSV Fecha: 20 Septiembre 2011 Versión : 1.1 Autor: Maxpho Ltd Índice general 1 - Introducción... 3 1.1 - El archivo CSV... 3 1.2 - Módulo CSV en Maxpho... 3 1.3 - Módulo CSV
IMÁGENES. Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web.
IMÁGENES Todas las páginas web acostumbran a tener un cierto número de imágenes, que permiten mejorar su apariencia, o dotarla de una mayor información visual. Existen una serie de formatos de imagen más
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples
UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE
PROGRAMA: TUTORÍA VIRTUAL EN AMBIENTES DE APRENDIZAJE UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE 1 USO DE LOS RECURSOS EN MOODLE 1. Tipos de Recursos 2. Editar Páginas de Texto o Web 3. Enlazar
Web. Web Diapositiva 1
Web Servicio WorldWideWeb Historia de la Web URL Dominios Dominio de alto nivel Cómo funciona? Hipertexto e Hipervínculos Sitios Web y Páginas de Inicio Cómo identificar los hipervínculos? Navegador Web
Manual de Usuario Administración Web INIA
Manual de Usuario Administración Web INIA 19 de mayo de 2008 1 Tabla de contenido Introducción...3 A quien esta dirigido...3 Conocimientos Previos...3 Sitio Web...4 Estructura Sitio Web General...4 Estructura
Gastos Reales Web Manual de Usuario
Gastos Reales Web Manual de Usuario Unidad Informática Diciembre 2009 1 Índice de contenido 1Invocación al guardar un formulario...3 2Invocación desde una grilla...5 3Ingreso por primera vez...6 4Procesamiento
UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN
UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS ESCUELA DE COMPUTACIÓN CICLO: 02/2011 GUIA DE LABORATORIO #1 Nombre de la Práctica: Adquisición de servicio webhosting Lugar de Ejecución: Centro
SISTEMA DE RASTREO Y MARCADO ANTIRROBO
SISTEMA DE RASTREO Y MARCADO ANTIRROBO DESCRIPCIÓN Y MANUAL DE USO Enlaces - Centro de Educación y Tecnología IMPORTANTE En caso de robo de un computador, y para su posterior recuperación, es imprescindible
Qué necesito saber para tener mi sitio web en Internet?
Qué necesito saber para tener mi sitio web en Internet? Introducción Antes es importante tener en cuenta que Es importante considerar lo siguiente: Definir claramente tu actividad en Internet Establecer
Para poder navegar en Internet debes primeramente elegir el navegador que vas a utilizar, que puede ser:
Módulo 2 Herramientas para la búsqueda virtual en Internet Navegadores Web Para establecer conexiones con los servidores electrónicos y obtener la información y los servicios que éstos prestan, el usuario
SOFTWARE INVENTARIO MOBILIARIO INSTITUCIONAL (SIMI v3.5)
SUPERINTENDENCIA NACIONAL DE BIENES ESTATALES GERENCIA DE PLANEAMIENTO Y DESARROLLO (JEFATURA DE SISTEMAS) SOFTWARE INVENTARIO MOBILIARIO INSTITUCIONAL (SIMI v3.5) - MANUAL DE USUARIO - 1 INDICE I. INTRODUCCIÓN...
PRÁCTICA FINAL TECNOLOGÍA MULTIMEDIA 3 DE JUNIO DE 2015. ENDIAN LIN [Dirección de la compañía]
![PRÁCTICA FINAL TECNOLOGÍA MULTIMEDIA 3 DE JUNIO DE 2015. ENDIAN LIN [Dirección de la compañía]](/thumbs/26/7890273.jpg "PRÁCTICA FINAL TECNOLOGÍA MULTIMEDIA 3 DE JUNIO DE 2015. ENDIAN LIN [Dirección de la compañía]")
PRÁCTICA FINAL TECNOLOGÍA MULTIMEDIA 3 DE JUNIO DE 2015 ENDIAN LIN [Dirección de la compañía] Índice Introducción... 3 Diseño... 3 Aspecto general... 3 Diagrama de páginas... 4 Herramienta externa... 4
Círculo de Actualización Profesional
Círculo de Actualización Profesional 3. Requerimientos tecnológicos para acceder tus cursos. 1 3. Requerimientos tecnológicos para acceder a tus cursos. Los cursos del Círculo de Actualización Profesional
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