Aplicaciones Ricas de Internet 1

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

Download "Aplicaciones Ricas de Internet 1"

Transcripción

1 Aplicaciones Ricas de Internet 1 Mundo Flex 1 Aplicaciones Ricas de Internet La Web 2.0 nos ha traido nuevo trabajo a los desarrolladores Web, entre ellos, el reemplazo de las clásicas páginas estáticas por un nuevo concepto conocido como Aplicaciones Ricas de Internet o RIA (del inglés, Rich Internet Applications). Flex es uno de los frameworks que generan este tipo de aplicaciones, por ello, primero definamos qué son estas aplicaciones y qué las diferencian de las clásicas aplicaciones Web. Qué son? Las Aplicaciones Ricas de Internet pueden ser el término más fuerte de la Web 2.0 para los diseñadores y desarrolladores. Sin embargo, es sólo uno de los conceptos de la Web 2.0 y no debe confundirse como su sinónimo. Entonces, una Aplicación Rica de Internet es un cruce entre las aplicaciones Web y las de escritorio, que deriva en cierto comportamiento hacia el cliente, que se comunica con el servidor sólo en casos necesarios. Además, implica superar las limitaciones de HTML 4, por lo que se puede ofrecer todo tipo de controles ricos y una nueva experiencia al usuario. El término lo designó en 2002 la empresa Macromedia, en la actualidad Adobe, creadora de la herramienta Flash. En ese momento, Macromedia anunciaba que con su plataforma Flash era posible crear una nueva experiencia de uso en los sitios Web que no era posible con HTML y promovió el uso de este nuevo concepto. Tuvieron que pasar varios años antes de que realmente se empezaran a utilizar estos conceptos y su plataforma Flex apareciera en el mercado.

2 2 1- Mundo Flex Si se engloban las características de los conocidos como clientes ricos (aplicaciones de escritorio, como Microsoft Excel o Adobe Photoshop) y las de los denominados clientes livianos (aplicaciones Web tradicionales) quedan dos conjuntos. El objetivo de las Aplicaciones Ricas de Internet es tomar las ventajas de los clientes ricos y los clientes livianos para formar un conjunto nuevo que las englobe. Características De esta forma, las RIA, como se las suele conocer en forma abreviada, engloban las siguientes características: Experiencia rica del usuario: implica hacer uso de nuevos conceptos en la Web, como controles ricos de ingreso (selectores de fecha, deslizadores, ingreso de texto con formato), servicios de drag and drop y evitar demoras al usuario en la utilización del sitio Web. Capacidad offline: permite que una aplicación Web siga funcionando aunque se haya perdido conectividad con el servidor o con Internet. Por supuesto, esto será posible en algunos casos; asimismo, si la conexión se retoma, seguirá su uso normal. Productividad alta del desarrollador: enhorabuena! Se acordaron de nosotros, y los entornos de trabajo y las herramientas para desarrollar aplicaciones Web evolucionaron hasta encontrarse, en la actualidad, cercanas a la productividad en una aplicación de escritorio. Tendremos capacidades drag and drop, desarrollo rápido de aplicaciones, capacidad de debugging, refactoring y otras soluciones que permitirán el desarrollo de sitios Web de manera más eficiente. Respuesta: se acabaron las esperas para el usuario. Las aplicaciones Web responden con rapidez y es posible interactuar con la aplicación, aun cuando se espera una respuesta del servidor. Flexibilidad: los nuevos sitios Web permiten una interfaz flexible con la posibilidad de modificar la apariencia, el contenido y los servicios disponibles de una manera sencilla y rápida. Fácil de distribuir y actualizar: actualizar una RIA es tan simple como publicar los nuevos archivos en el servidor. Incluso, hasta se podría actualizar con cientos de usuarios conectados. Fácil de administrar: no hay metodologías de instalación complejas, DLL ni instaladores; asimismo, la complejidad de las metodologías de instalación no es mucho mayor que la de cualquier aplicación Web normal.

3 Aplicaciones Ricas de Internet 3 En una RIA, el cliente adquiere un uso más intensivo, no sólo para pequeñas validaciones. El browser también administrará el flujo de la aplicación, los módulos y la interacción con el servidor. Todas las comunicaciones al servidor no serán invocadas en forma directa por el clic del usuario, sino por el código de cliente. Estas peticiones al servidor se harán detrás de escena, o sea, el usuario no será consciente de la petición, a no ser que se active de manera explícita un cartel que indica. Tipos de aplicación Hay dos tipos de Aplicaciones Ricas de Internet: las RIA completas y las RIA embebidas. Las primeras son aplicaciones en las que se utiliza por completo el nuevo modelo RIA. Manejan una o dos direcciones (URL o Unique Resource Location) para todo el sitio Web. Escapan al clásico concepto de página Web, para convertirse en aplicación Web. Las RIA embebidas, en realidad, son una mezcla entre las aplicaciones clásicas y las Web 2.0. Siguen comportándose como páginas Web normales, con hipervínculos interconectados, hasta llegar a un punto en el que, por funcionalidad, se convierten en una RIA, mejorando la experiencia del usuario en ese punto. Ventajas Las ventajas son muchas y algunas de ellas ya se mencionaron. La más importante es la posibilidad de ofrecerle al usuario una experiencia más rica con el sitio Web. Es factible ofrecer controles de trabajo y servicios nuevos, como la posibilidad de autoguardar la información. Quién no escribió alguna vez un durante 20 minutos para que se cierre la página, se apague el equipo o, al enviarlo, el servidor indique que se cerró la sesión y se debe empezar de nuevo? En el presente, con las Aplicaciones Ricas de Internet, se puede ofrecer el servicio que hizo famoso a Microsoft Word: la posibilidad de autoguardar lo que se va escribiendo cada algunos segundos. También se puede elegir la manera en que se desea realizar una acción en el sitio Web, mediante un clic en un vínculo, presionando un atajo de teclado o arrastrando y soltando un objeto. Además, se redujo la transferencia de datos desde el servidor hacia el cliente, lo que ahorra tiempo de carga de la página, cantidad de bytes transferidos y tiempo de navegación total.

4 4 1- Mundo Flex Es así que está comprobado que la tasa de conversión aumenta en grado notable cuando se trabaja con aplicaciones ricas. A qué se llama tasa de conversión? Se trata de una acción del usuario que implica un hito en el sitio Web, por ejemplo, una suscripción, una compra o el registro del usuario en el sitio. Hasta se comenta a modo de chiste (con su parte de verdad) que el usuario ahora tiene menos tiempo para arrepentirse. Desventajas Las desventajas de las RIA son menos conocidas que las ventajas, pero es importante tenerlas presentes. Capacidad de uso El usuario hace, por lo menos, 10 años que navega por Internet y eso implica que sabe cómo utilizar un sitio Web 1.0 sin problemas. Sabe que debe ir haciendo clic en hipervínculos, que debe esperar cada recarga, sabe completar un formulario con campos de texto y listas de selección y está acostumbrado al famoso botón. Ahora bien, sabrá utilizar el nuevo sitio Web 2.0 enriquecido? Es necesario hacer un estudio de capacidad de uso mucho más extensivo que antes o, incluso, educar al usuario acerca de cómo utilizar la aplicación. El botón Atrás del navegador Todos conocemos el concepto de historial del navegador. Con cada clic en el botón correspondiente se puede retroceder y volver de a una página. Sin embargo, ahora ya no existe el concepto de página, sino que cada clic, en realidad, puede conllevar cualquier tipo de acción en el sitio o la aplicación Web, como abrir un menú o borrar una foto, y siempre nos encontramos en la misma página o URL (si lo pensamos con el viejo sistema de trabajo). Es así que en los primeros sitios RIA el botón hacía salir al usuario de la aplicación, a pesar de que hubiera realizado 100 clics o más en la misma URL. Favoritos o marcadores El uso de favoritos y marcadores se hizo muy común entre los usuarios y nos permite agregar cualquier información que vemos a nuestra lista. Ahora bien, cuando ingresamos de nuevo en ese favorito, pretendemos ver la misma información que teníamos en pantalla cuando lo agregamos. Pero si siempre es la misma URL física? Este problema también tiene consecuencias cuando queremos enviarle la dirección de lo que vemos a un amigo por , mensajería instantánea o red

5 Entonces, qué es Flex? 5 social. Nuestra intuición de usuarios Web 1.0 indica que alcanza con copiar y pegar la dirección que vemos en el navegador. En Web 2.0 parece que no, o por lo menos no al principio. Manejo de errores Otra de las costumbres (malas, por cierto) que trajo la Web 1.0 fue que el usuario perciba directamente los errores del servidor: 404 cuando la página no existe, 500 cuando el servidor tiene un problema interno, etcétera. No obstante, si ahora las peticiones al servidor se hacen detrás de escena y los usuarios no ven su resultado directamente, cómo se enteran de que se produjo un error? Ahí viene nuestro trabajo como programadores para capturar y actuar ante errores que surjan en el servidor, que antes, feliz y lamentablemente, no podíamos manejar. Qué no es Flex? Para comprender mejor qué es Flex, primero listemos todas aquellas cosas que no es y que normalmente generan confusión en el mercado. Flex no es un lenguaje de programación. Flex no es un entorno de trabajo (IDE). Flex no es un lenguaje de marcado. Flex no es una plataforma de servidor. Flex no es una competencia para Flash. Entonces, qué es Flex? Adobe Flex es un framework de código abierto (open source) que permite crear Aplicaciones Ricas de Internet (RIA) basadas en el formato Adobe Flash. Con framework hablaremos de un conjunto de utilidades, conjunto de clases y controles y prácticas por utilizar. Una aplicación desarrollada con este framework puede ejecutarse en un navegador Web a partir del Adobe Flash Player, o como aplicación de escritorio utilizando la plataforma AIR (Adobe Integrated Runtime). El formato SWF (Shockwave Flash) es un formato binario creado por Macromedia, quien era entonces dueña de la herramienta Flash y el Flash Player, quien dio pie al surgimiento de las Aplicaciones Ricas de Internet y permitió durante muchos años sobrepasar las limitaciones del HTML en el navegador Web.

6 6 1- Mundo Flex Podemos decir que Flex es una forma alternativa de crear contenidos en formato SWF para usar en nuestras aplicaciones Web, ya que hasta su aparición esto sólo era posible utilizando el entorno de desarrollo comercial Flash Professional. Flex no es un lenguaje de programación, aunque las aplicaciones que desarrollemos sí deberán ser compiladas, proceso en el cual el código que utilice este framework se traduce al lenguaje ActionScript para luego formar un archivo binario de extensión SWF que puede ser reproducido con Flash Player. Esto hace posible ejecutar el mismo archivo en Windows, Mac o Linux sin mayores complicaciones, ya que el reproductor es quien se encarga de la compatibilidad para cada una de las plataformas. De la misma forma, Adobe AIR (del cual hablaremos más adelante) permite que la aplicación sea instalable y pueda acceder a determinados recursos adicionales del sistema. El concepto de framework define una arquitectura que provee un nivel más abstracto para trabajar sobre algún lenguaje de programación. En este caso, ActionScript simplifica la creación de aplicaciones robustas y de cierto nivel de complejidad. Al ser de código abierto, el código fuente de Flex está disponible de forma gratuita para adaptarlo o mejorarlo según los requerimientos, así como también existen muchas comunidades de usuarios alrededor del mundo que colaboran corrigiendo errores y añadiendo funcionalidades que, posteriormente, pueden formar parte de las próximas versiones del framework, previa aprobación por parte de Adobe. El Framework El Kit de Desarrollo de Flex (o SDK por sus siglas en inglés) está compuesto por un conjunto de clases del lenguaje ActionScript 3.0: una librería de componentes visuales como botones, grillas de datos y paneles, entre otros, que pueden ser manipulados mediante un lenguaje de marcado, denominado MXML; el compilador necesario para exportar las aplicaciones desarrolladas con Flex a formato SWF; y un depurador que nos permite probar y detectar errores en el código mientras estamos desarrollando la aplicación. Para desarrollar aplicaciones Flex podemos utilizar dos lenguajes: MXML: es un lenguaje de marcado declarativo basado en XML, similar al HTML en algunos aspectos, utilizado principalmente para el maquetado de los elementos visuales. ActionScript 3: Lenguaje de programación orientado a objetos, muy similar a JavaScript, ya que se basa en el mismo estándar (ECMAScript). Para crear aplicaciones Flex no es necesario comprar ninguna licencia ni herramienta; lo podemos hacer de forma gratuita, ya que el código MXML y ActionScript pueden ser editados utilizando cualquier editor de texto, como el

7 Historia de Flex 7 Bloc de Notas de Windows, y compilados con las herramientas incluidas en el SDK gratuito de código abierto. No obstante, algunos entornos de desarrollo disponibles simplifican estos procesos, los cuales analizaremos más adelante. Historia de Flex Flex 1.0 Flex fue lanzado por la empresa Macromedia en marzo de 2004 como una biblioteca de etiquetas para J2EE (Java Enterprise Edition) que compilaban los tags de Flex en el código JSP, dando como resultados contenidos Flash generados on the fly, durante la ejecución de la página. En las versiones 1.0 y 1.5 el framework distaba bastante de lo que tenemos disponible hoy en día: el código se compilaba en el servidor, para lo cual era necesario comprar licencias especiales de costos muy elevados, lo que hacía a Flex una tecnología exclusiva para las grandes aplicaciones de negocios. Cada licencia de servidor, incluía cinco licencias para Flex Builder, el entorno de desarrollo exclusivo de Flex, basado en ese entonces en el motor de Macromedia Dreamweaver. Flex 2.0 Con la adquisición de Macromedia por parte de Adobe, en octubre de 2005, se lanza la primera versión Alpha de Flex 2.0, siendo éste el primer producto de Macromedia que surgía bajo la marca de Adobe. La versión final de Flex 2.0 fue lanzada en junio de 2006 acompañando la salida de una nueva versión de ActionScript, la versión 3.0, y el reproductor Flash Player 9, requerido para ejecutar las aplicaciones generadas con el nuevo lenguaje. A partir de esta versión, Adobe cambió radicalmente la forma de trabajar con Flex. Surge el concepto de Flex Framework y se pone a disposición del público el SDK gratuito, que incluye un compilador, que permite generar archivos estáticos en formato SWF en nuestro equipo de desarrollo sin necesidad de procesamiento en el servidor, y las librerías de componentes de Flex. A partir de este momento es posible crear aplicaciones basadas en Flex sin necesidad de comprar ninguna licencia y se quita a Java como plataforma exclusiva para trabajar en el servidor. Ahora es posible trabajar con PHP, Java,.NET o cualquier otra tecnología de servidor.

8 8 1- Mundo Flex Se lanza también una nueva versión del entorno de desarrollo Flex Builder, basada en Eclipse y separada en dos versiones: Estándar y Profesional, incluyendo en el segundo caso una librería de componentes de gráficos. Eclipse es un entorno popular en el ámbito del desarrollo y cuenta con un gran número de plugins, componentes adicionales que permiten añadir funcionalidades, como soporte para otros lenguajes, clientes FTP, integración con sistemas de control de versiones o gestor de base de datos, entre otras tantas herramientas. De hecho, Flex Builder puede ser incorporado al entorno Eclipse como un plugin. Los servicios que se encontraban disponibles en 1.X utilizando la tecnología de servidor pasaron a formar parte de nuevos productos llamados Flex Data Services, que permitían crear servicios de sincronización y manejo de datos entre el servidor y la aplicación Flex. Sin embargo, estas tecnologías ya no son requerimiento para utilizar el framework. Flex 3.0 En junio de 2007 surge la primera beta pública de Flex Framework 3, acompañado de una nueva versión del entorno de desarrollo Flex Builder 3. A partir de esta versión, el framework pasó a formar parte del proyecto open source de Adobe. El código fuente y toda la documentación del SDK pueden ser descargados para realizar adaptaciones o corregir errores que pueden ser reportados a Adobe mediante un sistema de seguimiento que también se puso a disposición del público. En comparación con la versión 2, Flex 3 no introdujo cambios significativos en el framework. Más bien, las mejoras fueron notorias en el compilador, ya que se redujo el tiempo de compilación y se optimizó el peso de los archivos reunidos utilizando una propiedad llamada Persistent Framework Caching (caché persistente de framework). Éste se encarga de guardar las librerías de Flex en un único archivo externo que puede ser almacenado en la memoria caché del navegador al ingresar por primera vez a la aplicación, por lo que en futuros accesos no es necesario volver a descargarlo. Si bien se realizaron algunas mejoras en los componentes, se incluye uno nuevo denominado Advanced DataGrid, que ofrece una versión avanzada de la grilla de datos ya existente en Flex. Esta versión también incorpora soporte nativo para trabajar con AIR (Adobe Integrated Runtime), la plataforma de Adobe que permite exportar aplicaciones RIA como las de escritorio. Flex Builder 3 también incluye un asistente para la creación y exportación de proyectos AIR. En cuanto a la integración con otros programas, aparece Flash CS3 Components Kit, un agregado para Flash que permite exportar componentes personalizados para utilizar en Flex. Asimismo, Flex Builder 3 ofrece un asistente para importar contenidos generados en Flash para facilitar el diseño de interfaces. La versión final de Flex 3 no se vio hasta febrero de 2008.

9 Historia de Flex 9 Flex 4 A diferencia de sus antecesores, Flex 4 (denominado por su nombre en código Gumbo) fue creado teniendo en cuenta tres objetivos principales que surgieron de investigaciones y análisis de casos a fin de mejorar la productividad: Diseño en mente: es común encontrar una similitud entre las diversas aplicaciones Flex que existen actualmente en la Web. Esto se debe a que muchos desarrolladores prefieren utilizar el estilo base de las anteriores versiones de Flex, denominado Halo, a la hora de personalizar el look & feel de sus aplicaciones. Según estudios realizados por Adobe, sólo el 22% de quienes utilizan Flex estilizan realmente sus aplicaciones, mientras que el 46% sólo hacen algunos ajustes. Flex 4.x permite una mejor integración entre el diseñador y el desarrollador, incorporando la posibilidad de importar el diseño, mientras que el desarrollador se encarga de la lógica. Algunos de los aspectos que se tienen en cuenta para este punto son: Proveer una arquitectura de componentes y skinning (estilización) fácil de implementar. Mejorar el manejo de estados, efectos y modelado de la aplicación. Los componentes de Flex 3 deben poder coexistir con los componentes de Flex 4.x. Por lo cual, Flex 4.x ofrece un nuevo modelo de estados, componentes, efectos y transiciones que se adaptan a la arquitectura de la aplicación y facilitan su utilización. Productividad para el desarrollador: Flex debe brindar características similares a las de otros lenguajes, cumpliendo los requisitos solicitados por la mayoría de los programadores. Se debe optimizar la performance del compilador. Se mejora la vinculación interna de datos, añadiendo la vinculación de 2-vías (más conocido como 2-way data binding) que permite el intercambio mutuo de información entre componentes. Evolución del framework: Flash Player 10 introduce importantes mejoras que deben ser contempladas en el framework de Flex para optimizar los componentes. Flex 4.x incorpora componentes mejorados de texto con soporte bidireccional, requerido para algunos idiomas, y uno nuevo de video. No obstante, también soporta las nuevas características de AIR 2. Teniendo en cuenta estos pilares, en los próximos capítulos repasaremos cada una de las características del framework.

10 10 1- Mundo Flex Dónde encaja Flex en la arquitectura de un sitio Web? La aplicación Flex En un modelo multicapa Flex representa la capa de presentación, encargándose de dar formato y mostrar en pantalla la información generada por la lógica de su programación. Como cualquier aplicación que está basada en Flash, es posible crear contenidos que interactúen con el servidor de manera asincrónica, sin necesidad de recargar el contenido de la página, enviando y recibiendo información a través de diversos protocolos que lo sitúan como una mejor alternativa ante tecnologías HTML como PHP, ASP.NET o Java ya que reduce, en muchos casos, el tráfico requerido para la transferencia de datos. El archivo SWF se almacena en la memoria caché del navegador, evitando su descarga cada vez que el usuario accede a la aplicación. Publicación de contenidos En el proceso de compilación de una aplicación Flex, el código MXML se traduce en clases de ActionScript que, mediante ese proceso, se convierten en uno o más archivos binarios de extensión SWF que se alojan en el servidor Web, y son embebidos en archivos HTML que el usuario accede mediante su navegador Web, donde al detectar contenidos en formato SWF los reproducirá utilizando el plugin Adobe Flash Player (Fig. 1-1). Dónde encaja Flex en la tarea de un diseñador? Flex es una tecnología destinada principalmente a la parte lógica del desarrollo. Podríamos definirlo como un esqueleto sobre el cual se colocarán los diferentes recursos que componen la aplicación hasta darle la forma estipulada. En las RIA es crítico el diseño de la interfaz y la interactividad, y es el punto donde entra en juego el rol de los diseñadores. El diseñador es una parte vital en la creación de RIA. Debe interpretar el trabajo solicitado por el cliente aplicando reglas de usabilidad e interacción, definiendo el comportamiento de cada píxel de la pantalla frente a los usuarios. Estas decisiones deben ser trasladadas al equipo de desarrollo, por lo que el flujo de trabajo en un equipo interdisciplinario es constante.

11 Dónde encaja Flex en la tarea de un diseñador? 11 En el flujo de trabajo clásico el diseñador crea la interfaz gráfica de la aplicación utilizando las herramientas de diseño como Photoshop, Illustrator o Fireworks, definiendo cada estado posible y su comportamiento ante la interacción de los usuarios. Una vez finalizado su trabajo, la composición es desglosada en pequeños recursos visuales y enviados al equipo de programación, donde se aplicará la lógica necesaria para finalizar el proyecto. Si bien parece sencillo y rápido, esta tarea a veces puede ser un poco tediosa si surgen modificaciones en el transcurso del trabajo, debiendo retroceder en el flujo, creando tareas cíclicas que se repiten una y otra vez hasta finalizar. La figura 1.2 muestra el flujo de trabajo entre diseñador y programador. El diseñador debe conocer los limites y posibilidades de Flex para poder establecer las interacciones que se van a utilizar durante la aplicación. Debe consultar con los desarrolladores la posibilidad y restricciones para alcanzar los objetivos, ya que una aplicación excesivamente compleja en interactividad puede complicar las cosas para el equipo de desarrollo. Fig Proceso de compilación y publicación de una aplicación Flex.

12 12 1- Mundo Flex Fig Flujo de trabajo diseñador-programador. Cuándo utilizar Flex en un proyecto? Al surgir el concepto de aplicaciones Web (a diferencia de la clásica página Web), los desarrolladores se enfrentaron con el desafío de crear sitios que además de mostrar información en pantalla, lo hagan mediante una interfaz de usuario (comúnmente llamada UI, del inglés User Interface). Ante este desafío, las aplicaciones basadas en Flash son una buena alternativa, permitiendo crear diseños abstractos e interactuando con servicios Web del lado del servidor con todo el potencial de ActionScript 3. Flex fue concebido para desarrollar aplicaciones orientadas a datos mediante componentes preestablecidos como grillas de datos, listas o calendarios que pueden ser personalizados para ser utilizados en diversos contextos. Los componentes de Flex reducen considerablemente los tiempos de desarrollo, evitando a los programadores la necesidad de codificar decenas, cientos o miles de líneas, dejándoles a cargo la lógica de la aplicación que se encargará de obtener, modificar o transportar los datos. Para qué se utiliza? Flex se utiliza para crear sitios Web altamente interactivos, aplicaciones Web expresivas y en las que deben publicarse datos provenientes de alguna fuente de información.

13 Arquitectura de una aplicación Flex 13 Podemos hacer una breve enumeración de los casos de uso típicos de aplicaciones Flex: Visualización de datos: aplicaciones que obtienen datos de una o más fuentes de información y los dispone en una interfaz interactiva. Configuración de catálogos: permiten personalizar un producto publicado mediante un asistente que indica los pasos que se han de seguir. Autoservicio: de la misma forma que un catálogo, pero orientado a la información que el usuario puede modificar y guardar. Recolección de datos: formularios de ingreso de datos interactivos, que incluyen validaciones sofisticadas y estructuras que rompen la disposición normal de un formulario Web. Esta enumeración no es excluyente, puede haber muchos otros casos en los que Flex represente una buena alternativa. Arquitectura de una aplicación Flex Las aplicaciones Flex están constituidas por un conjunto de archivos de diversos formatos que se conjugan en un único archivo SWF durante el proceso de compilación del proyecto. Antes de comenzar con un nuevo proyecto Flex debemos sentar las bases sobre las cuales vamos a trabajar con los archivos que la componen, creando una estructura modular y escalable que se pueda adaptar al futuro crecimiento de la aplicación. En la primera etapa del desarrollo de una nueva aplicación debemos tener en cuenta los patrones de diseño que podemos emplear según la estructura que vamos a utilizar. Los patrones de diseño son modelos de organización que plantean soluciones ante problemas típicos de programación. Haciendo uso de los patrones podemos facilitar el proceso de montaje de nuestra aplicación. Dentro de los patrones de diseño, uno de los modelos más utilizados con Flex es el MVC (Model-View-Controller) que separa las capas de contenidos, vista y controlador en contextos claramente definidos. Este patrón permite crear componentes reutilizables, ya que modificando únicamente la capa de elementos visuales podremos cambiar el aspecto manteniendo la lógica (programación) intacta. En un modelo MVC las capas se componen de la siguiente manera: Modelo: representa los datos que serán utilizados por la aplicación. Pueden estar almacenados en archivos o bases de datos indistintamente. Todos los datos representan al modelo.

14 14 1- Mundo Flex Vista: es la capa visible por el usuario; la que compone la interfaz de usuario. En la capa visual se muestran los datos almacenados en el modelo, formateados según el diseño. Flex facilita la creación de la capa de vista con una variedad de componentes visuales. Controlador: se encarga de la lógica de negocios de la aplicación. No necesariamente tiene que conocer la existencia del modelo y de la vista, sin embargo, ambas se ejecutarán sobre el controlador. De forma nativa, Flex cuenta con distintos componentes que representan cada una de las capas del modelo MVC: componentes visuales que permiten mostrar datos en pantalla, como, o ; componentes que constituyen la capa modelo como o ; y componentes que funcionan como controlador conectando con servicios remotos como o. Aplicaciones modulares Una aplicación Flex puede ser fragmentada en diversos archivos SWF llamados módulos que pueden ser utilizados únicamente dentro de una o más aplicaciones Flex. Curiosamente no pueden ser ejecutados de forma independiente. La utilización de módulos en la aplicación tiene una serie de beneficios en el producto final: Reduce el tiempo de carga inicial: los módulos no se descargan hasta su utilización. Si durante el ciclo de vida de la aplicación no son requeridos tampoco serán descargados. Reduce el peso del archivo SWF: además del tiempo de carga, la exclusión de los módulos del archivo principal también reducen el peso. Encapsulación de componentes: los diferentes fragmentos de la aplicación pueden ser separados en distintos módulos; además, pueden ser reutilizados en diferentes proyectos. En el capítulo 2 nos introduciremos por completo en el framework y los elementos que componen una aplicación Flex, mientras que en el capítulo 3 veremos los componentes que ofrece para crear la interfaz visual. Productos, entornos y herramientas Los archivos que componen una aplicación Flex pueden ser generados utilizando cualquier editor de texto plano, como el Bloc de Notas en Windows; sin embargo, es común manejar entornos de desarrollo integrados (también denominados IDE) para ayudar a nuestro trabajo.

15 Productos, entornos y herramientas 15 En la actualidad existen numerosas aplicaciones para la creación y manipulación de proyectos Flex aunque, por obvias razones, las soluciones de Adobe, como Adobe Flash Builder, son las que más soporte brindan sobre cada aspecto del desarrollo sobre Flex. Amethyst Al momento de escribir este libro, el proyecto Amethyst se encuentra en la beta. Se trata de un plugin gratuito para el entorno Visual Studio, de Microsoft, que añade soporte para la creación de proyectos Flex y AIR. Para quienes programan en ASP.NET o están familiarizados con este entorno puede resultar interesante disponer del soporte de código IntelliSense para ActionScript, así como opciones de refactoring, que permiten realizar cambios de forma automatizada en el código fuente de nuestra aplicación. Amethyst puede ser descargado desde el sitio Web de la empresa. En comparación con el resto de los entornos alternativos a los de Adobe, Amethyst es el único, hasta el momento, que provee una vista en modo diseño, logrando ser una buena alternativa para quienes desean tener una perspectiva aproximada del resultado a la hora de desarrollar. FDT Al igual que Flash Builder, FDT está basado en el entorno Eclipse, lo que hace que tenga características similares. No obstante, este plugin ofrece soporte mejorado para el trabajo con código ActionScript y Flex, gráficos de dependencias de clases, y vistas de paquetes de clases. También incluye un potente depurador propio para detectar y corregir los errores. Este entorno es comercial, sin embargo, desde el sitio Web se puede descargar la última versión para probarla por 30 días:. FlashDevelop Si bien es un entorno pensado primeramente para Flash, de a poco se incorporaron plugins que permiten trabajar con código MXML de Flex, hasta que en la versión 3 se incorporó finalmente el soporte integrado para código Flex. Se trata de uno de los entornos más utilizados por los programadores de ActionScript, aunque no dispone de una vista en modo diseño, FlashDevelop brinda un amplio soporte de código y depuración, y se integra automáticamente con Flash Professional. También ofrece soporte para código XML, HTML, PHP, JavaScript y CSS.

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

e-planning - Estudio de frameworks para la creación de interfaces gráficas -

e-planning - Estudio de frameworks para la creación de interfaces gráficas - e-planning - Estudio de frameworks para la creación de interfaces gráficas - Elaborado por Rodrigo Testillano Tordesillas Versión del documento: 1.0 Página 1 de 12 Índice INTRODUCCIÓN... 3 JSF.... 4 SOBRE

Más detalles

Desarrollo de Rich Entreprise Applications con Flex

Desarrollo de Rich Entreprise Applications con Flex Desarrollo de Rich Entreprise Applications con Flex Desarrollo de Rich Entreprise Applications con Flex Aplicaciones empresariales orientadas a web. Qué hemos ganado con las aplicaciones web Total ubicuidad.

Más detalles

CS3. Jorge A. Villa Saravia 2011. www.jalbertovsa.net 1

CS3. Jorge A. Villa Saravia 2011. www.jalbertovsa.net 1 DREAMWEAVER CS3 Jorge A. Villa Saravia 2011 www.jalbertovsa.net www.jalbertovsa.net 1 1. INTRODUCCIÓN A DREAMWEAVER CS 3... 2 1.1. FLUJO DE TRABAJO DE DREAMWEAVER PARA LA CREACIÓN DE SITIOS WEB... 2 1.2.

Más detalles

Tema 3. 3.3 Tecnologías de Desarrollo

Tema 3. 3.3 Tecnologías de Desarrollo Tema 3 3.3 Tecnologías de Desarrollo HTML pronto pasa a ser insuficiente para todas las posibilidades de la Red No se puede interactuar con el servidor Aparecen los primeros scripts para propocionar dichar

Más detalles

VISIÓN GENERAL HERRAMIENTAS COMERCIALES

VISIÓN GENERAL HERRAMIENTAS COMERCIALES VISIÓN GENERAL El servidor de MS SQL se ha convertido en un estándar en muchas partes de la América corporativa. Puede manejar volúmenes de datos grandes y se integra bien con otros productos de Microsoft.

Más detalles

Curso de Android con Java

Curso de Android con Java Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 1 Este es un tiempo único para el mundo de los celulares, en particular de los Smartphones. Este tipo de dispositivos

Más detalles

Características de OpenCms

Características de OpenCms Características de OpenCms Se basa en Java y Xml OpenCms está totalmente desarrollado en java bajo el estándar servlet. Por lo tanto, se puede integrar fácilmente en entornos hardware y software existentes,

Más detalles

DREAMWEAVER El programa Dreamweaver, de la empresa Macromedia/Adobe, es un sencillo y a la vez completísimo editor de sitios y aplicaciones web.

DREAMWEAVER El programa Dreamweaver, de la empresa Macromedia/Adobe, es un sencillo y a la vez completísimo editor de sitios y aplicaciones web. DISEÑO WEB, DREAMWEAVER, FLASH, FIREWORKS. Curso destinado al Diseño Web, con los tres programas más utilizados DreamWeaver, Flash y Fireworks, todos de la marca Adobe/Macromedia. Con este curso el alumno

Más detalles

Ejemplo práctico de instalación del programa JCLIC en red

Ejemplo práctico de instalación del programa JCLIC en red Ejemplo práctico de instalación del programa JCLIC en red Una red local permite optimizar los recursos, tanto en relación al espacio (los programas se pueden colocar en el disco duro del servidor y ser

Más detalles

Framework para el desarrollo ágil de aplicaciones

Framework para el desarrollo ágil de aplicaciones Framework para el desarrollo ágil de aplicaciones 1 Índice INTRODUCCIÓN... 3 QUÉ ES UN FRAMEWORK?... 3 VENTAJAS DE UTILIZAR UN FRAMEWORK... 4 DESVENTAJAS DE UTILIZAR UN FRAMEWORK... 5 CARACTERÍSTICAS DE

Más detalles

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6

Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 Modalidad Curso de Técnico Superior Diseño Web Profesional con Dreamweaver CS6 cod / EU 0518 A Distancia Duración 300 Horas Objetivos Aportar al alumno todas las competencias y conocimientos necesarios

Más detalles

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6

TÉCNICO PROFESIONAL EN DISEÑO WEB PROFESIONAL CON DREAMWEAVER CS6 Modalidad: Distancia Duración: 77 Horas Objetivos: En la actualidad Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web. Estos materiales

Más detalles

Novedades en Crystal Reports XI

Novedades en Crystal Reports XI Novedades en Crystal Reports XI Introducción Introducción Esta sección proporciona información de alto nivel sobre los componentes, las funciones y las ventajas que ofrece la última versión de Crystal

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

Elección de tecnología para la capa de presentación de SOA. Huibert Aalbers Senior Certified Software IT Architect

Elección de tecnología para la capa de presentación de SOA. Huibert Aalbers Senior Certified Software IT Architect Elección de tecnología para la capa de presentación de SOA Huibert Aalbers Senior Certified Software IT Architect IT Insight podcast Este podcast pertenece a la serie IT Insight Pueden suscribirse al podcast

Más detalles

Técnico Especialista en Diseño Web Profesional con Dreamweaver CS6

Técnico Especialista en Diseño Web Profesional con Dreamweaver CS6 Técnico Especialista en Diseño Web Profesional con Dreamweaver CS6 TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico Especialista en Diseño

Más detalles

Introducción a Javato

Introducción a Javato Introducción a Javato Fº. Javier Pereñiguez Steria Iberica 20/02/2008 Índice Introducción Arquitectura Ejemplo arquitectura Plataforma Desarrollo Ejemplo de entorno de desarrollo Vías futuras Casos de

Más detalles

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación

Paso 1 de 10. Paso 2 de 10. Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Guía de aprendizaje de Flash CS5 Tutorial 13 - Publicación y exportación Paso 1 de 10 Una vez que hemos creado una película Flash, sea una animación, un juego, un recurso educativo, etc., el último paso

Más detalles

Capítulo 5. Implementación y Tecnologías Utilizadas

Capítulo 5. Implementación y Tecnologías Utilizadas Capítulo 5. Implementación y Tecnologías Utilizadas Cada vez más, se está utilizando Flash para desarrollar aplicaciones basadas en Web, pues permite la construcción de ambientes con mayor interacción.

Más detalles

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

Software libre complementario

Software libre complementario Software libre complementario Ministerio de Educación. ITE. Software libre complementario. 1 Módulo 4. Software libre complementario En este apartado vamos a contemplar algunos programas de acceso libre

Más detalles

Técnico Profesional en Diseño con Adobe Dreamweaver CC 2015 (Curso Homologado con Titulación Universitaria + 20 Créditos tradicionales LRU)

Técnico Profesional en Diseño con Adobe Dreamweaver CC 2015 (Curso Homologado con Titulación Universitaria + 20 Créditos tradicionales LRU) Técnico Profesional en Diseño con Adobe Dreamweaver CC 2015 (Curso Homologado con Titulación Universitaria + 20 Créditos tradicionales LRU) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO

Más detalles

Adobe Flex 3 - curso online

Adobe Flex 3 - curso online Adobe Flex 3 - curso online Índice Bienvenido Presentación de la formación y el formador. Lo más básico Fundamentos de uso de Flex: su entorno, el MXML y el AS3. Control de los proyectos Descripción de

Más detalles

CREIX AMB INTERNET. Crear Widgets para la web 2.0

CREIX AMB INTERNET. Crear Widgets para la web 2.0 CREIX AMB INTERNET Crear Widgets para la web 2.0 2 1. Widgets. 1.1. Qué son los Widgets. Esencialmente un widget es un conjunto de documentos HTML/CSS/JavaScript locales. Decimos locales, por que una vez

Más detalles

Certificación IT en Adobe Dreamweaver CC 2015 (Online)

Certificación IT en Adobe Dreamweaver CC 2015 (Online) Certificación IT en Adobe Dreamweaver CC 2015 (Online) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Certificación IT en Adobe Dreamweaver CC 2015

Más detalles

Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015

Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Guía del Curso Certificación IT en Adobe Dreamweaver CC 2015 Modalidad de realización del curso: Número de Horas: Titulación: Online 140 Horas Diploma acreditativo con las horas del curso OBJETIVOS Este

Más detalles

CAPÍTULO 3 VISUAL BASIC

CAPÍTULO 3 VISUAL BASIC CAPÍTULO 3 VISUAL BASIC 3.1 Visual Basic Microsoft Visual Basic es la actual y mejor representación del viejo lenguaje BASIC, le proporciona un sistema completo para el desarrollo de aplicaciones para

Más detalles

Arquitectura Java para el Cuarto Ejercicio. José Antonio Ruano Ampudia Técnico Superior de Proyecto Informático

Arquitectura Java para el Cuarto Ejercicio. José Antonio Ruano Ampudia Técnico Superior de Proyecto Informático Arquitectura Java para el Cuarto Ejercicio José Antonio Ruano Ampudia Técnico Superior de Proyecto Informático Sumario Introducción Arquitectura en n-capas Arquitectura y el Cuarto Examen Java y su modelo

Más detalles

Curso Superior de Diseño Web

Curso Superior de Diseño Web Curso Superior de Diseño Web Duración: 60 horas. Objetivos: En la actualidad, Dreamweaver es uno de los principales programas utilizados por los profesionales para el diseño y maquetación de páginas web.

Más detalles

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8

PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 PROGRAMA FORMATIVO MACROMEDIA STUDIO 8 www.bmformacion.es info@bmformacion.es Objetivos Se estudia la suite Macromedia Studio 8, que está formada por un conjunto de aplicaciones utilizadas por diseñadores

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

Joomla! 3.3 Cree y administre sus sitios Web

Joomla! 3.3 Cree y administre sus sitios Web Capítulo 1: Descubrir Joomla! A. Razones para crear un sitio con Joomla! 9 B. Documentarse sobre Joomla! 9 C. La hoja de ruta de Joomla! 10 D. Qué es un CMS? 12 E. HTML y XHTML 12 F. Diferenciar el contenido

Más detalles

Especialista en Creación de Portales Web con Joomla 3.3

Especialista en Creación de Portales Web con Joomla 3.3 Especialista en Creación de Portales Web con Joomla 3.3 TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Especialista en Creación de Portales Web

Más detalles

COLEGIO DE BACHILLERES ELABORADO POR: ING. IVETT ZARZA HIDALGO Y LIC. CLAUDIA HERNÀNDEZ ALPÍZAR PROFA. DE INFORMATICA Y DE CECAT-INFORMATICA

COLEGIO DE BACHILLERES ELABORADO POR: ING. IVETT ZARZA HIDALGO Y LIC. CLAUDIA HERNÀNDEZ ALPÍZAR PROFA. DE INFORMATICA Y DE CECAT-INFORMATICA Visual Basic.NET es la última versión del sistema de desarrollo Visual Basic. Antes de empezar a crear aplicaciones en Visual Basic.NET, le será útil conocer y entender algunos conceptos básicos de.net.

Más detalles

Capítulo III. Análisis y diseño.

Capítulo III. Análisis y diseño. Capítulo III. Análisis y diseño. 3.1 Análisis. El análisis es el intermediario entre los requisitos del sistema y el diseño, esta sección definiremos el análisis con una serie de modelos técnicos del sistema,

Más detalles

CURSO DE DISEÑO DE PÀGINAS WEB

CURSO DE DISEÑO DE PÀGINAS WEB CURSO DE DISEÑO DE PÀGINAS WEB Fireworks CS3 DREAMWEAVER CS3 FLASH CS3 Objetivo: Aplicar los conocimientos aprendidos en el diplomado para desarrollar sitios web atractivos con navegación sencilla, interactiva

Más detalles

Capítulo 4. Requisitos del modelo para la mejora de la calidad de código fuente

Capítulo 4. Requisitos del modelo para la mejora de la calidad de código fuente Capítulo 4. Requisitos del modelo para la mejora de la calidad de código fuente En este capítulo definimos los requisitos del modelo para un sistema centrado en la mejora de la calidad del código fuente.

Más detalles

Guía del Curso Especialista TIC en Diseño Web. Nivel Profesional

Guía del Curso Especialista TIC en Diseño Web. Nivel Profesional Guía del Curso Especialista TIC en Diseño Web. Nivel Profesional Modalidad de realización del curso: - Número de Horas: 300 Horas Titulación: Diploma acreditativo con las horas del curso OBJETIVOS Formación

Más detalles

Manual de Firefox Instalación y uso

Manual de Firefox Instalación y uso Manual de Firefox Instalación y uso Servicio de Información Mesoamericano de Agricultura Sostenible ÍNDICE Qué es Firefox?... Cómo lo descargo a mi computadora?... Instalación... Comenzar a utilizar Mozilla

Más detalles

Entorno. @xavipalu. Multimedia

Entorno. @xavipalu. Multimedia Entorno Multimedia 07 World Wide Web World Wide Web Qué es? Cómo funciona? Lenguaje Tipologias World Wide Web / Qué es? World Wide Web WWW Sistema de distribución de información basado en hipertexto o

Más detalles

Microsoft. Febrero de 2006

Microsoft. Febrero de 2006 Microsoft Febrero de 2006 Tabla de contenido Información general de Microsoft Office InfoPath 2007...1 Incorpore eficacia a sus formularios comerciales...1 Amplíe el alcance de sus formularios comerciales...2

Más detalles

INICIANDO CON FLASH ESPACIO DE TRABAJO

INICIANDO CON FLASH ESPACIO DE TRABAJO ESPACIO DE TRABAJO INICIANDO CON FLASH Teniendo instalado el programa podemos ejecutarlo desde el botón de inicio, buscando la carpeta de adobe, dentro de ella seleccionamos el programa de Flash CS4 (básico

Más detalles

Novedades de Adobe Dreamweaver CS5

Novedades de Adobe Dreamweaver CS5 Durante el mes de mayo del 2011, se produjo el lanzamiento de la versión estable de Adobe Dreamweaver CS5. Como es de suponerse, antes de realizar la compra del nuevo producto (o la actualización desde

Más detalles

UNIDAD 4 HIPERENLACES

UNIDAD 4 HIPERENLACES UNIDAD 4 HIPERENLACES OBJETIVO El alumno será capaz de crear, modificar y probar hipervínculos personalizados en un documento de Dreamweaver. TEMARIO 4.1 CONCEPTO Y TIPOS DE ENLACES 4.2 PERSONALIZAR NUEVOS

Más detalles

Utilización de Fireworks con otras aplicaciones

Utilización de Fireworks con otras aplicaciones Utilización de Fireworks con otras aplicaciones Tanto si se crea contenido Web o contenido multimedia, Macromedia Fireworks MX 2004 es un componente esencial de la caja de herramientas de cualquier diseñador.

Más detalles

Programación Aplicada II Ing. Héctor Abraham Hernández

Programación Aplicada II Ing. Héctor Abraham Hernández Programación Aplicada II Ing. Héctor Abraham Hernández Guía #7 Fecha: 28/02/2011 Introducción al Visual Web Developer 2008 Objetivo: Conocer cual es el ambiente de web Developer. Microsoft Visual Web Developer

Más detalles

Un Banner es un gráfico, generalmente elaborado en un formato de archivo.gif o JPG, de aproximadamente 400 x 40 pixeles, el cual se coloca como un encabezado o una representación de una "Página en un Website".

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

INTRODUCCIÓN AL WEB. Pag. 1 de 10

INTRODUCCIÓN AL WEB. Pag. 1 de 10 INTRODUCCIÓN AL WEB La World Wide Web o simplemente WWW o Web es uno de los métodos más importantes de comunicación que existe en Internet. Consiste en un sistema de información basado en Hipertexto (texto

Más detalles

AS237 - Dreamweaver CS5

AS237 - Dreamweaver CS5 AS237 - Dreamweaver CS5 Características Modalidad: Online Horas: 56 Objetivos Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y

Más detalles

Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online)

Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) Técnico Especialista TIC en Diseño de Páginas Web con Adobe Dreamweaver CS5 (Online) TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Técnico Especialista

Más detalles

CATALOGO PRODUCTOS ADOBE PARA EL SECTOR EDUCATIVO FAMILIA ACROBAT

CATALOGO PRODUCTOS ADOBE PARA EL SECTOR EDUCATIVO FAMILIA ACROBAT CATALOGO PRODUCTOS ADOBE PARA EL SECTOR EDUCATIVO FAMILIA ACROBAT Acrobat X Estándar Con Acrobat Dynamic PDF podrá crear y compartir formularios de cumplimentación y archivos PDF de última generación Acrobat

Más detalles

Uso de ADOBE CONTRIBUTE CS5

Uso de ADOBE CONTRIBUTE CS5 Uso de ADOBE CONTRIBUTE CS5 Avisos legales Avisos legales Para ver los avisos legales, consulte http://help.adobe.com/es_es/legalnotices/index.html. iii Contenido Capítulo 1: Novedades Capítulo 2: Configuración

Más detalles

56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web

56h DREAMWEAVER 8 OBJETIVOS DEL CURSO. ÍNDICE 1 Conociendo Macromedia Dreamweaver. 2 Creación de sitios y páginas Web 56h DREAMWEAVER 8 OBJETIVOS DEL CURSO Dreamweaver es el programa líder en la edición profesional de páginas Web. Es el software más utilizado para la creación y mantenimiento de páginas Web por los principales

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

Programación con PHP y MySql Instituto CBTech 5/14

Programación con PHP y MySql Instituto CBTech 5/14 Programación con PHP y MySql Instituto CBTech 5/14 Programación con PHP y MySql Instituto CBTech 6/14 Qué es una aplicación web? Una aplicación web es un sistema informático que los usuarios utilizan accediendo

Más detalles

Introducción a macros en Excel 2007

Introducción a macros en Excel 2007 MACROS CON EXCEL Capítulo 1 Introducción a macros en Excel 2007 A lo largo de este primer capítulo comenzaremos a recorrer el camino de las macros en Excel 2007. Para eso, conoceremos las herramientas

Más detalles

Técnico Profesional en Diseño Web Profesional con Dreamweaver CS6 (Online)

Técnico Profesional en Diseño Web Profesional con Dreamweaver CS6 (Online) Técnico Profesional en Diseño Web Profesional con Dreamweaver CS6 (Online) Titulación certificada por EUROINNOVA BUSINESS SCHOOL Técnico Profesional en Diseño Web Profesional con Dreamweaver CS6 (Online)

Más detalles

CL_55010 Sharepoint Designer 2010 - Customizing and Branding SharePoint 2010 and Office 365

CL_55010 Sharepoint Designer 2010 - Customizing and Branding SharePoint 2010 and Office 365 Sharepoint Designer 2010 - Customizing and Branding SharePoint 2010 and Office 365 www.ked.com.mx Av. Revolución No. 374 Col. San Pedro de los Pinos, C.P. 03800, México, D.F. Tel/Fax: 52785560 Introducción

Más detalles

Cristian Blanco www.cristianblanco.es

Cristian Blanco www.cristianblanco.es INSTALACIÓN Y USO DE ENTORNOS DE DESARROLLO 2.1 ENTORNO DE DESARROLLO INTEGRADO Un entorno de desarrollo integrado (en inglés integrated development environment) es un programa informático compuesto por

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

De principiante a Desarrollador Web. casivaagustin@gmail.com

De principiante a Desarrollador Web. casivaagustin@gmail.com De principiante a Desarrollador Web casivaagustin@gmail.com Que Veremos? La Internet y la Web El desarrollo Web La vida de un proyecto Web Tecnologías Del lado del cliente Del lado del Server Herramientas

Más detalles

Ajax. Asynchronous JavaScript And XML No es un lenguaje de programación Varias tecnologías unidas de manera muy potente:

Ajax. Asynchronous JavaScript And XML No es un lenguaje de programación Varias tecnologías unidas de manera muy potente: Ajax Asynchronous JavaScript And XML No es un lenguaje de programación Varias tecnologías unidas de manera muy potente: XHTML y CSS (presentación basada en estándares) DOM (visualización dinámica e interacción)

Más detalles

Capítulo 2. Marco Teórico

Capítulo 2. Marco Teórico Capítulo 2. Marco Teórico 2.1. Frameworks para Aplicaciones Web en Java Con el crecimiento exponencial de Internet en los últimos años, las aplicaciones Web se han convertido en una parte básica y común

Más detalles

POTENCIAL DE MACROMEDIA FLASH EN EL ENTORNO DOCENTE

POTENCIAL DE MACROMEDIA FLASH EN EL ENTORNO DOCENTE POTENCIAL DE MACROMEDIA FLASH EN EL ENTORNO DOCENTE (1) Juan A. Juanes Méndez; (2) Alberto Prats Galino, (3) Mª José Rodríguez Conde; (4) Sandra y David Martínez-Juanes (1)Dpto. de Anatomía Humana. Facultad

Más detalles

Requisitos del sistema: servidor? Qué tipo de software necesita su servidor para funcionar? Algunos sistemas no tienen ningún requisito.

Requisitos del sistema: servidor? Qué tipo de software necesita su servidor para funcionar? Algunos sistemas no tienen ningún requisito. Criterios de CMS Cuando vaya a decidirse por un nuevo sistema de gestión o manejo de contenido (Content Management System en inglés, abreviado CMS), es imperativo que considere las necesidades de su organización

Más detalles

Manual de usuario Versión: 1.3 Edición: 05/02/2015 1

Manual de usuario Versión: 1.3 Edición: 05/02/2015 1 Manual de usuario Versión: 1.3 Edición: 05/02/2015 1 Índice Formula Integration Manual de Usuario... 3 1. Introducción... 3 1.1. Funcionalidades... 3 2. Instalación... 3 2.1. Requisitos mínimos... 3 2.2.

Más detalles

ÍNDICE. 11 Ediciones y Precio...9 12 Mantenimiento y Actualizaciones...9 12.1 Mantenimiento...9 12.2 Actualizaciones...10. 13 contacto...

ÍNDICE. 11 Ediciones y Precio...9 12 Mantenimiento y Actualizaciones...9 12.1 Mantenimiento...9 12.2 Actualizaciones...10. 13 contacto... ÍNDICE 1 Introducción...2 2 Kentico cms...2 3 Cómo Puede Ser Usado?...2 4 características...3 5 Características incluidas...3 6 funcionalidad y ecosistema...5 7 Seguridad y Membresía...5 8 Desarrollo...6

Más detalles

Introducción a AJAX y visión global de la práctica

Introducción a AJAX y visión global de la práctica Introducción a AJAX y visión global de la práctica Modelo de aplicaciones Web clásico (1) La mayor parte de las interacciones del usuario causan una petición HTTP al servidor Web El servidor Web procesa

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

Introducción a Internet

Introducción a Internet Introducción a Internet 1 Índice de contenido Licencia y condiciones de uso...3 Introducción...4 Qué es FTP?...5 Obtención e instalación de Filezilla...6 Qué es Filezilla?...6 Obtención e instalación...7

Más detalles

Experto en Diseño Web Profesional con Dreamweaver CS6

Experto en Diseño Web Profesional con Dreamweaver CS6 Experto en Diseño Web Profesional con Dreamweaver CS6 TITULACIÓN DE FORMACIÓN CONTINUA BONIFICADA EXPEDIDA POR EL INSTITUTO EUROPEO DE ESTUDIOS EMPRESARIALES Experto en Diseño Web Profesional con Dreamweaver

Más detalles

CÓMO CREAR Y DISTRIBUIR INFORMES REPLETOS DE INFORMACIÓN CON UN FORMATO DE VISUALIZACIÓN IMPACTANTE

CÓMO CREAR Y DISTRIBUIR INFORMES REPLETOS DE INFORMACIÓN CON UN FORMATO DE VISUALIZACIÓN IMPACTANTE PRODUCTS CRYSTAL REPORTS 2008 WHAT S NEW Características clave de Crystal Reports 2008 Ordenación y reformateo de informes Filtrado paramétrico de informes Integración con Flash Potentes cruces de variables

Más detalles

INTERFAZ GRAFICA DE LINUX Y ENTORNO GRAFICO DE WINDOWS.

INTERFAZ GRAFICA DE LINUX Y ENTORNO GRAFICO DE WINDOWS. INTERFAZ GRAFICA DE LINUX Y ENTORNO GRAFICO DE WINDOWS. Entorno de Linux Como primera medida debemos tener en cuenta las utilidades que utiliza la interfaz gráfica de Linux, el KDE (K Desktop Environment),

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

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso.

Nombre. El nombre corto del recurso. Éste será mostrado en la página principal de curso. 4.4. ENLAZAR UN ARCHIVO O UNA PÁGINA WEB 4.4.1. Características El contenido de un curso no sólo se limita a los creados mediante los editores de Moodle, puesto que este tipo de recursos permite enlazar

Más detalles

Internet: El navegador Web

Internet: El navegador Web Internet: El navegador Web Un navegador web (del inglés web browser) es un programa que interpreta el código HTML con el que está escrita la página web y presenta su información en pantalla (documentos

Más detalles

SQL Server Reporting Services 2000 y 2005

SQL Server Reporting Services 2000 y 2005 SQL Server Reporting Services 2000 y 2005 Este artículo presenta SQL Server Reporting Services. Se presentan primero las funcionalidades de la primera versión de esta herramienta y después las mejoras

Más detalles

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 8: Publicación.

Ministerio de Educación, Cultura y Deporte. HTML5 en la educación. Módulo 8: Publicación. Ministerio de Educación, Cultura y Deporte. HTML5 en la educación Módulo 8: Publicación. Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado 2012 Publicación de un proyecto web

Más detalles

Especialista en Creación de Portales Web con Joomla 3.3

Especialista en Creación de Portales Web con Joomla 3.3 Especialista en Creación de Portales Web con Joomla 3.3 Titulación certificada por EUROINNOVA BUSINESS SCHOOL Especialista en Creación de Portales Web con Joomla 3.3 Especialista en Creación de Portales

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

TFM Comunicación, Redes y Gestión de Contenidos

TFM Comunicación, Redes y Gestión de Contenidos TFM Comunicación, Redes y Gestión de Contenidos Aplicación móvil hibrida para control de asistencia y servicio técnico a domicilio y gestión de partes de trabajo Autor: Patricia Paguay Lara Tutorizado

Más detalles

Evaluación de entornos integrados de desarrollo 1. Funciones de un entorno de desarrollo

Evaluación de entornos integrados de desarrollo 1. Funciones de un entorno de desarrollo Tema 3 Evaluación de entornos integrados de desarrollo 1. Funciones de un entorno de desarrollo Un entorno de desarrollo integrado (en inglés integrated development environment o IDE) es un programa informático

Más detalles

Selección de arquitecturas y herramientas de programación

Selección de arquitecturas y herramientas de programación 1 Selección de arquitecturas y herramientas de programación Objetivos del capítulo 44 Caracterizar y diferenciar los modelos de ejecución de código en un entorno cliente/servidor. 44 Conocer los mecanismos

Más detalles

Introducción a ADOBE elearning SUITE 6

Introducción a ADOBE elearning SUITE 6 a ADOBE elearning SUITE 6 Avisos legales Avisos legales Para consultar los avisos legales, consulte http://help.adobe.com/es_es/legalnotices/index.html. iii Contenidos Componentes de Adobe elearning Suite

Más detalles

Visualización y modelado de elementos geográficos en dispositivos móviles. Capítulo 5: Aplicaciones cliente

Visualización y modelado de elementos geográficos en dispositivos móviles. Capítulo 5: Aplicaciones cliente Capítulo 5: Aplicaciones cliente 46 5.1 La aplicación cliente en la Pocket PC La aplicación desarrollada para el cliente en un dispositivo móvil como corresponde a la Pocket PC necesita una capa muy delgada

Más detalles

CATÁLOGO DE FORMACIÓN 2011-2012

CATÁLOGO DE FORMACIÓN 2011-2012 Soluciones FORMACION CATÁLOGO DE FORMACIÓN 2011-2012 SAGA FORMACIÓN C/ Salado 11 local 10 CP 41010 Sevilla 954 45 72 75 F. 954 45 75 72 formacion@sagasoluciones.com 00 Presentación La Formación, un factor

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

IT CONSULTING, tiene a bien hacerle llegar la oferta de Capacitación de DISENO DE SITIOS WEB & BLOGS CON JOOMLA + WORDPRESS + MAGENTO

IT CONSULTING, tiene a bien hacerle llegar la oferta de Capacitación de DISENO DE SITIOS WEB & BLOGS CON JOOMLA + WORDPRESS + MAGENTO Señor(a): Cliente. Presente.- Santa Cruz, 23 de Octubre del 2012 REF.: COTIZACION CURSO DISENO DE SITIOS WEB & BLOGS CON JOOMLA + WORDPRESS + MAGENTO Distinguido Señores: IT CONSULTING, tiene a bien hacerle

Más detalles

Arquitectura. 1.- Aplicaciones Web. Definición. Arquitectura clásica. Contenidos. 1.- Aplicaciones Web

Arquitectura. 1.- Aplicaciones Web. Definición. Arquitectura clásica. Contenidos. 1.- Aplicaciones Web Arquitectura 1.- Aplicaciones Web Definición Contenidos 1.- Aplicaciones Web 2.- Arquitectura de aplicaciones Web Lo que distingue una aplicación Web de una mero sitio Web reside en la posibilidad que

Más detalles

CREACION DE PÁGINAS WEB

CREACION DE PÁGINAS WEB PRESENTA: CREACION DE PÁGINAS WEB OBJETIVO Conocer la aplicación de los paquetes mas utilizados para la implementación t diseño de una pagina Web. DIRIGIDO A: Estudiantes de informática, Ofimática y Personas

Más detalles

ÍNDICE 1 LA NUEVA EDICIÓN DE QUIVIR...1 1.1 ENTORNO WEB...2 1.2 FIABILIDAD Y ROBUSTEZ...4 2 WEBFACING...6 3 MÁS VENTAJAS DEL USO DE LA EDICIÓN WEB...

ÍNDICE 1 LA NUEVA EDICIÓN DE QUIVIR...1 1.1 ENTORNO WEB...2 1.2 FIABILIDAD Y ROBUSTEZ...4 2 WEBFACING...6 3 MÁS VENTAJAS DEL USO DE LA EDICIÓN WEB... QUIVIR WEB EDITION ÍNDICE 1 LA NUEVA EDICIÓN DE QUIVIR...1 1.1 ENTORNO WEB...2 1.2 FIABILIDAD Y ROBUSTEZ...4 2 WEBFACING...6 3 MÁS VENTAJAS DEL USO DE LA EDICIÓN WEB...8 4 CONCLUSIONES FINALES...10 Página

Más detalles

online Master Programación Java SE y Java EE

online Master Programación Java SE y Java EE online Master Programación Java SE y Java EE Objetivos Mejorar las competencias en todo lo relacionado con Visual studio.net y su framework para trabajar con componentes Windows y Web, crear aplicaciones

Más detalles

Entre los más conocidos editores con interfaz de desarrollo tenemos:

Entre los más conocidos editores con interfaz de desarrollo tenemos: Herramientas de programación Para poder programar en ensamblador se precisa de algunas herramientas básicas, como un editor para introducir el código, un ensamblador para traducir el código a lenguaje

Más detalles

MAESTRO DE PHP PHP NIVEL 1

MAESTRO DE PHP PHP NIVEL 1 MAESTRO DE PHP MAESTRO DE PHP es el curso más completo diseñado para que aprendas desde 0 hasta poder desarrollar aplicaciones robustas utilizando Frameworks. Incluye los Cursos PHP Nivel 1 y PHP Avanzado

Más detalles