CREACION DE INTERFACES GRAFICAS DE USUARIO (GUI) PARA LA WEB
|
|
|
- Marta Cárdenas Ferreyra
- hace 8 años
- Vistas:
Transcripción
1 CREACION DE INTERFACES GRAFICAS DE USUARIO (GUI) PARA LA WEB Universidad Surcolombiana Tecnología en Desarrollo de Software Factoría de Software Autor: Ing. Juan Antonio Castro Silva Versión: Beta 01 19NOV Introducción: En este modulo vamos a trabajar con Sencha ExtJs una librería de Objetivos: Al finalizar este modulo el estudiante estará en capacidad de: Crear una interface gráfica de usuario aplicando el paradigma de orientación a objetos(clases, atributos, métodos). Crear una grilla Crear barras de herramientas Manejar los eventos de botones Crear un formulario Crear Ventanas Crear Paneles Crear almacenes de datos Validar formularios Crear diferentes tipos de campos Crear una aplicación aplicando el patrón de diseño MVC (Modelo, Vista, Controlador)
2 INTRODUCCION Ext JS es una framework (marco de trabajo librería) RIA (Rich Internet Application - Aplicaciones Ricas de Internet) independiente del browser (crossbrowser), fácil de usar con componentes de interface de usuario (UI) ricos, utilizado por mas de un millón de desarrolladores alrededor del mundo. POR QUE USAR EXTJS??? LICENCIAMIENTO SOPORTE HERRAMIENTAS COMUNIDAD USUARIOS DESARROLLO EN EL TIEMPO - HISTORIAL JUSTIFICAR COMPARAR CON OTROS PRODUCTOS EJEMPLOS DE USO DOCUMENTACION EJEMPLOS
3 0. ANTES DE INICIAR Antes de iniciar con este modulo es necesario contar con un editor de texto y un navegador con algunas herramientas para desarrolladores. Recomendamos seguir usando el entorno de desarrollo integrado (IDE) eclipse y Firefox (con FireBug) o Google Chrome (con Developer Tools). Todos los ejemplos requieren el SDK (Software Development Kit) de Ext JS 4, el cual esta disponible como una descarga libre en el sitio web de Sencha Additionally, some make use of the Sencha SDK Tools, which can be downloaded from Si bien cada problema es un ejemplo independiente, necesitamos incluir el SDK y adicionar el método Ext.onReady a nuestro archivo HTML, el cual ejecutará la función pasada cuando todo sea plenamente cargado. Prepare un archivo HTML con lo siguiente, el cual puede ser usado como un punto de inicio para la mayoría de los ejemplos. <html> <head> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"> <script type="text/javascript" src="extjs/ext-all-debug.js"> </script> <script type="text/javascript"> Ext.onReady(function () { //El código fuente del ejemplo va aquí </script> </head> <body> </body> </html> El código fuente de los ejemplos suministrado con este modulo puede ser ejecutado como un proyecto independiente o importando cada carpeta de capitulo dentro de la carpeta de ejemplos.
4 1. INSTALACION PANTALLA DESCARGA EXPLICACION ARCHIVOS Y CARPETAS HOLA MUNDO MI PRIMER PROGRAMA EJEMPLO Crear una aplicación web en jboss 1. Descargue el SDK de Ext JS 4 desde el sitio web de Sencha 2. Descomprima el archivo descargado (ext-4xxx.zip). 3. Renombre la carpeta descomprimida y renombrela como extjs y cópiela dentro de la aplicación de jboss gui.war. La carpeta con el SDK de Ext JS contiene lo siguiente: El archivo ext-all.js y ext.js contienen el framework de Ext JS 4, El archivo ext.css contiene la hoja de estilos del SDK
5
6 Mi primer programa (Hola Mundo) Para probar el SDK Ext JS 4 vamos a crear un programa de ejemplo: Cree una carpeta llamada gui01 dentro del directorio de publicación y adicione un archivo HTML con el siguiente contenido: [gui01/index.html] <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css"> <script type="text/javascript" src="../extjs/ext-all-debug.js"> </script> <script type="text/javascript"> Ext.onReady(function () { //El código fuente del ejemplo va aquí Ext.Msg.alert('Aplicación', "Hola Mundo!"); </script> </head> <body> </body> </html> Para hacer uso del SDK debe incluir la hoja de estilos y los archivos java script necesarios mediante las siguientes lineas: <link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css"> <script type="text/javascript" src="../extjs/ext-all-debug.js"> El método Ext.onReady(function () { se ejecuta después que se han cargado los archivos *.css y *.js, como el nombre indica cuando la pagina web este lista preparada (onready). La linea Ext.Msg.alert('Aplicación', "Hola Mundo!"); muestra un cajón de mensaje con el titulo Aplicación y el mensaje Hola Mundo!. Para probar la pagina web abra un browser y apunte a la dirección donde esta publicada, para nuestro caso
![html] 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href=".](/docs-images/41/592750/images/page_6.jpg "./extjs/resources/css/ext-all.css\"> <script type=\"text/javascript\" src=\"../extjs/ext-all-debug.js\"> </script> <script type=\"text/javascript\"> Ext.")
7 1. ORIENTACION A OBJETOS 1.1 Crear una Clase Si bien JavaScript no es un lenguaje basado en clases, es posible simular clases usando su estructura prototipica. Ext JS 4 introduce una nueva forma de definir clases. En esta sección explicaremos como definir clases usando el nuevo sistema y se darán detalles de acerca de las características que este tiene para ofrecer. Lo haremos creando una clase personalizada para modelar una persona, con un método que muestra algunos detalles acerca de esta. Como hacerlo... El método Ext.define se utiliza para definir nuevas clases. Usa una definición basada en texto, dejando al framework el cuidado por el nombre del espacio (namespacing) y concretar la definición de la clase: 1. Llame al método Ext.define con nuestro nombre de clase y objeto de configuración. //Define una nueva clase Persona bajo el nombre del espacio de nombre Uscosoft Ext.define('Uscosoft.Persona', { //la configuración de la clase va aquí 2. Adicione atributos y métodos al objeto configuración: Ext.define('Uscosoft.Persona', { apellido: 'Einstein', nombre: 'Albert', getdetalles: function(){ alert('mi nombre es ' + this.nombre + ' ' + this.apellido); } 3. Ahora adicionamos el tercer parámetro opcional del método Ext.define, el cual es una función que es ejecutada después de que la clase ha sido definida, entre el ámbito (scope) de la nueva clase creada: Ext.define('Uscosoft.Persona', { apellido: 'Einstein', nombre: 'Albert', getdetalles: function(){ alert('mi nombre es ' + this.nombre + ' ' + this.apellido); } function(){ console.log('la clase Uscosoft.Persona esta definida!'); 4. Finalmente, creamos una instancia (objeto) de la nueva clase, mostramos el
8 valor del atributo apellido y llamamos su método getdetalles: var persona1 = Ext.create('Uscosoft.Persona'); alert(persona1.apellido); // alerts 'Einstein' persona1.getdetalles(); // alerts 'Mi nombre es Albert Einstein' Cree un archivo HTML con el siguiente contenido en una carpeta llamada gui02: [gui02/index.html] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css"> <script type="text/javascript" src="../extjs/ext-all-debug.js"> </script> <script type="text/javascript"> Ext.onReady(function () { //El código fuente del ejemplo va aquí Ext.define('Uscosoft.Persona', { apellido: 'Einstein', nombre: 'Albert', getdetalles: function(){ alert('mi nombre es ' + this.nombre + ' ' + this.apellido); } function(){ console.log('la clase Uscosoft.Persona esta definida!'); var persona1 = Ext.create('Uscosoft.Persona'); alert(persona1.apellido); // muestra 'Einstein' persona1.getdetalles(); // muestra 'Mi nombre es Albert Einstein' </script> </head> <body> </body> </html> El resultado en el browser Firefox con Firebug:
![html] 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.](/docs-images/41/592750/images/page_8.jpg "dtd\"> <html> <head> <meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\"> <link rel=\"stylesheet\" type=\"text/css\" href=\"../extjs/resources/css/ext-all.")
9 El resultado en el navegador Google Chrome con Herramientas para Desarrolladores: La instrucción console.log('la clase Uscosoft.Persona esta definida!'); utiliza método log() del objeto console para imprimir un mensaje de texto en el Firebug o en las Herramientas para Desarrolladores de los navegadores Firefox o Google Chrome respectivamente. Es importante resaltar que para que se pueda tener acceso al objeto console se debe usar el SDK de Ext JS 4 en modo depuración, incluyendo el archivo ext-all-debug.js: <script type="text/javascript" src="../extjs/ext-all-debug.js">
10 3. DISTRIBUCION DE LOS COMPONENTES (layout) En esta sección vamos a explorar el sistema de layout (distribución) en Ext JS 4 y demostraremos como usar estos layouts para ubicar sus componentes de la interface de usuario. Los layouts con los que trabajaremos son FitLayout, BorderLayout, HBox layout, VBox layout, ColumnLayout, TableLayout, AccoridionLayout, CardLayout, AnchorLayout, y AbsoluteLayout. El ejemplo final combinará un numero de estos layouts para crear un framework para una aplicación rica estilo escritorio. 3.1 FitLayout El FitLayout hace posible para usted expandir un componente para llenar su contenedor padre. El FitLayout es fácil de usar y no requiere configuración. El pantallazo (screenshot) abajo muestra como un FitLayout se puede usar para expandir automáticamente un panel para tomar toda el área de su contenedor (padre): Para crear una distribución de componentes tipo fit (ajustado) establecemos la propiedad layout como 'fit' (linea 06) Ext.onReady(function () { Ext.create('Ext.panel.Panel', { title: 'Fit Layout', width: 500, height: 200, layout: 'fit', items: { title: 'Panel Interno', html: 'Contenido del panel', bodypadding: 10, border: true renderto: Ext.getBody() Observe que el panel interno ocupa todo el espacio del panel que lo contiene:
11 3.2 Crear un layout vertical flexible con VBoxes El VBoxLayout le permite alinear componentes verticalmente hacia abajo en un contenedor. El pantallazo de abajo muestra tres paneles alineados verticalmente, dividiendo el espacio disponible entre ellos: propiedad layout como 'fit' (linea 06) Ext.onReady(function () { Ext.create('Ext.container.Viewport', { layout: { type: 'vbox', align: 'stretch', padding: 10 xtype: 'panel', title: 'Panel Uno', height: 80 xtype: 'panel', title: 'Panel Dos', flex: 1 xtype: 'panel', title: 'Panel Tres', frame: true, flex: 2 Observe que el panel interno ocupa todo el espacio del panel que lo contiene:
12 3.3 Crear un layout horizontal flexible con HBoxes En Código Ext.onReady(function () { Ext.create('Ext.container.Viewport', { layout: { type: 'hbox', align: 'stretchmax', padding: 10 xtype: 'panel', title: 'Panel Uno', height: 200, width: 100 xtype: 'panel', title: 'Panel Dos', flex: 1 xtype: 'panel', title: 'Panel Tres', width: 100
13 3.4 Mostrar contenido en columnas El eqfwr Código Ext.onReady(function () { Ext.create('Ext.Panel', { title: 'Layout en Columnas', width: 500, height: 200, layout: 'column', frame: true, defaults: { height: 165, frame: true title: 'Panel Uno', columnwidth:.2, html: 'Contenido del Panel Uno' title: 'Panel Dos', columnwidth:.8, margin: ' ', html: 'Contenido del Panel Dos' title: 'Panel Tres', width: 100, html: 'Contenido del Panel Tres', renderto: Ext.getBody()
14 3.5 Layouts colapsables con acordeones El layout tipo acordeón Código Ext.onReady(function () { Ext.create('Ext.panel.Panel', { title: 'Layout Acordeón', width: 350, height: 300, layout: 'accordion', renderto: Ext.getBody(), title: 'Análisis', html: 'La fase de análisis...' title: 'Diseño', html: 'El diseño comprende...' title: 'Construcción', html: 'Los lenguajes de programación...' title: 'Pruebas', html: 'Las pruebas de software...'
15 3.5 Mostrar componentes apilados con CardLayouts El CardLayout nos permite cdfvbnm,
16 Código Ext.onReady(function () { var card1 = new Ext.panel.Panel({ bodystyle: 'padding: 20px', title: 'Información Personal', xtype: 'textfield', fieldlabel: 'Nombre' xtype: 'textfield', fieldlabel: 'Apellido' xtype: 'textfield', fieldlabel: 'Dirección de Correo', vtype: ' ' var card2 = new Ext.panel.Panel({ bodystyle: 'padding: 20px', title: 'Información de la Cuenta', xtype: 'textfield', fieldlabel: 'Usuario' xtype: 'textfield', fieldlabel: 'Clave', inputtype: 'password' var card3 = new Ext.panel.Panel({ bodystyle: 'padding: 20px', title: 'Creación de la Cuenta Exitosa!', html: 'Exito!' var panel = Ext.create('Ext.panel.Panel', { title: 'Asistente de Creación de Cuentas - Layout Ficha', width: 350, height: 300, layout: 'card', renderto: Ext.getBody(), items: [card1, card2, card3], bbar: ['->', { xtype: 'button', text: 'Anterior', handler: function(btn){ var layout = panel.getlayout(); if (layout.getprev()) { layout.prev(); } } xtype: 'button', text: 'Siguiente', handler: function(btn){ var layout = panel.getlayout(); if (layout.getnext()) { layout.next(); } }
17 3.7 Crear aplicaciones de pantalla completa con el BorderLayout El BorderLayout permite crear un distribución de los componentes por regiones (Norte, Sur, Occidente, Centro, Oriente):
18 Código Ext.onReady(function () { Ext.create('Ext.container.Viewport', { layout: 'border', region: 'north', margins: 5, height: 100, title: 'West - Occidente', region: 'west', margins: ' ', flex:.3, collapsible: true, split: true, titlecollapse: true title: 'Center - Centro', region: 'center' title: 'East - Oriente', region: 'east', margins: ' ', width: 200, collapsible: true, collapsed: true title: 'South - Sur', region: 'south', margins: ' ', flex:.3, split: true
19 3.9 Combinando múltiples layouts Texto
20 Código Ext.onReady(function () { var mainmenu = Ext.create('Ext.panel.Panel', { title: 'Main Menu', region: 'west', margins: ' ', flex:.3, collapsible: true, titlecollapse: true, layout: 'accordion', layoutconfig: { animate: false, multi: true title: 'User Management' title: 'Settings' var card1 = new Ext.panel.Panel({ bodystyle: 'padding: 20px', title: 'Personal Info', border: false, xtype: 'textfield', fieldlabel: 'First Name' xtype: 'textfield', fieldlabel: 'Last Name' xtype: 'textfield', fieldlabel: ' Address', vtype: ' ' var card2 = new Ext.panel.Panel({ bodystyle: 'padding: 20px', title: 'Account Info', border: false, xtype: 'textfield', fieldlabel: 'Username' xtype: 'textfield', fieldlabel: 'Password', inputtype: 'password' var card3 = new Ext.panel.Panel({ bodystyle: 'padding: 20px', title: 'Account Creation Successful!', border: false, html: 'Success!'
21 var createuserwizard = Ext.create('Ext.panel.Panel', { title: 'Create User Wizard', layout: 'card', deferredrender: true, items: [card1, card2, card3], bbar: ['->', { xtype: 'button', text: 'Previous', handler: function(btn){ var layout = cardpanel.getlayout(); if (layout.getprev()) { layout.prev(); } } xtype: 'button', text: 'Next', handler: function(btn){ var layout = cardpanel.getlayout(); if (layout.getnext()) { layout.next(); } } var usermanagementpanel = Ext.create('Ext.panel.Panel', { title: 'User Management', layout: { type: 'hbox', align: 'stretch', padding: 10 defaults: { flex: 1 xtype: 'container', margins: ' ', layout: { type: 'vbox', align: 'stretch', animate: true defaults: { flex: 1, frame: true title: 'User Contact Information', margins: ' ' title: 'Session Log' xtype: 'container', layout: { type: 'vbox', align: 'stretch', animate: true
22 defaults: { flex: 1, frame: true title: 'Account Privileges', margins: ' ' title: 'Purchase History', var contentpanel = Ext.create('Ext.tab.Panel', { region: 'center', margins: ' ', items: [createuserwizard, usermanagementpanel] Ext.create('Ext.container.Viewport', { layout: 'border', region: 'north', margins: 5, height: 100, xtype: 'container', html: 'Logo Here' mainmenu, contentpanel]
MANUAL DE INSTALACIÓN DE HERRAMIENTAS DE DESARROLLO. Sistema de Control de Producción SICPROD V1.0
MANUAL DE INSTALACIÓN DE HERRAMIENTAS DE DESARROLLO Sistema de Control de Producción SICPROD V1.0 Autor: Joffre Danilo Vásquez Núñez Año: 2012 MANUAL DE INSTALACIÓN DE HERRAMIENTAS DE DESARROLLO 1. INTRODUCCIÓN
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
Instituto Tecnológico de Celaya PROCEDIMIENTO DE DESCARGA DE SOFTWARE DE AUTODESK PARA ALUMNOS Y PROFESORES
Instituto Tecnológico de Celaya PROCEDIMIENTO DE DESCARGA DE SOFTWARE DE AUTODESK PARA ALUMNOS Y PROFESORES Docentes del departamento de Ingeniería Mecánica gestionaron un contrato por medio del cual los
Bootstrap: Introducción práctico en el Diseño Web
Bootstrap: Introducción práctico en el Diseño Web Originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web
MANUAL DE USUARIO PANEL DE CONTROL Sistema para Administración del Portal Web. www.singleclick.com.co
MANUAL DE USUARIO PANEL DE CONTROL Sistema para Administración del Portal Web www.singleclick.com.co Sistema para Administración del Portal Web Este documento es una guía de referencia en la cual se realiza
Introducción a Sencha Touch
Índice 1 Introducción...2 2 Sencha Touch vs. JQuery Mobile...3 3 Instalar Sencha Touch... 4 4 Estructura de carpetas...5 5 Código HTML básico de una aplicación...6 6 Instanciar una aplicación... 8 7 Comprobando
Tutorial 4. Aplicaciones Web con NetBeans 5.0
Tutorial 4 Aplicaciones Web con NetBeans 5.0 Creación de un Proyecto Para crear un programa de consola en Java utilizando NetBeans 5.0 lo primero que hay que hacer es crear un proyecto. Un proyecto nos
Normas para realizar un Blog
Normas para realizar un Blog Normas Ejercicio 1 - Crear nuestro Blog. Ejercicio 2 - Crear una entrada para publicar un mensaje en el blog. Ejercicio 3 - Diseñar y Configurar nuestro blog. EJERCICIO 1 Crear
Creación de un Programa Ladder en el Simatic Manager
Creación de un Programa Ladder en el Simatic Manager 1. Ejecute el software Administrador SIMATIC desde el escritorio de la PC: 2. Vamos a crear un proyecto sin ayuda del asistente, es por ello que cancelaremos
UNIVERSIDAD DE MEDELLÍN NUEVO PORTAL WEB MANUAL DE USUARIO GESTOR DE CONTENIDOS
UNIVERSIDAD DE MEDELLÍN MANUAL DE USUARIO GESTOR DE CONTENIDOS NUEVO PORTAL WEB TABLA DE CONTENIDO Tabla de Contenido 2 Consideraciones Iniciales 3 Ingreso al Sistema 4 Opciones de Gestor de contenidos
MANUAL DE USUARIO DE CUENTAS DE CORREO
MANUAL DE USUARIO DE CUENTAS DE CORREO Existen dos formas de consultar el correo, por Interfaz Web (Webmail), la cual se realiza desde un navegador de Internet, o mediante un cliente de Correo, tal como
Cómo ingresar a la Intranet?
Tutorial para ingresar a la Intranet 2 Cómo ingresar a la Intranet? Podemos acceder a la nueva Intranet de SSMA Perú de dos diferentes formas: 1. Pueden acceder directamente a la intranet mediante este
Por. Bernardo C. Hermitaño Atencio www.aprendelibremente.org
JOOMLA EN FEDORA 17 Por. Bernardo C. Hermitaño Atencio www.aprendelibremente.org Sesión Nro. 01 Instalación Básica Lamp en Linux Fedora Ingresar como Usuario Root a la consola de linux. 1. Instalar Apache
1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES
Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho
Guía para Desplegar la Aplicación en Entorno de Producción
Guía para Desplegar la Aplicación en Entorno de Producción La siguiente Guía le dará las nociones y secuencia básica para realizar el despliegue de su aplicación en el entorno de producción, partiendo
La plantilla propone aprovechar esta estructura en común y sólo modificar el contenido del área del documento que sea diferente.
PLANTILLAS EN PHP El concepto de plantilla, es un criterio del desarrollo web que propone optimizar la cantidad de documentos HTML que se usan en el desarrollo de un sitio web. A lo largo de la navegación
ELABORACIÓN DE PÁGINAS WEB. CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ
CBTIS No. 02 ISC. RICARDO GARCÍA LÓPEZ Página1 CREACIÓN DE LA BASE DE DATOS EN MySQL REGISTRO DE USUARIOS UTILIZANDO PHP CON MYSQL Una vez instalada nuestro servidor local de Apache, procedemos a crear
Guí a Ra pida Dropbox.
Guí a Ra pida Dropbox. Software desarrollado para alojar y compartir archivos vía WEB. Ing. Verónica Lisset Nieto Quintanilla vlnietoq@gmail.com http://www.veronicalnieto.blogspot.com/ www.vlnieto.wikispaces.com
Diseño de páginas web 2011
Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero
Manual de Instalación del Certificado ACA en Windows 8.1
Manual de Instalación del Certificado ACA en Windows 8.1 1. Consideraciones previas: Antes de iniciar el proceso de instalación de nuestro certificado ACA, debemos tener claro cuales son las versiones
Abril 2011. WebApp STR- a3erp. Aplicación de registro de pedidos, albaranes y facturas para a3erp. Compatible con las principales plataformas
WebApp STR- a3erp Aplicación de registro de pedidos, albaranes y facturas para a3erp Alto ahorro de costes en empresas con representantes y/o técnicos móviles Compatible con las principales plataformas
Sistema Valefiel Todos los derechos reservados 2012
Sistema Valefiel Todos los derechos reservados 2012 Contenido 1. GENERALIDADES... 1 1.1 Que es VALEFIEL?... 1 1.2 Que es la tienda virtual?... 1 1.3 Configuración Técnica... 1 2. REGISTRO... 1 3. INGRESO/SALIDA
Inmediatamente se debe mostrar esta pantalla.
Para utilizar el Reporteador PUNube debe descargarlo desde nuestro sitio. Entre en http://neodata.mx/ y de ahí haga clic en el menú Neodata Nube, seleccione Descargas o ingrese en este link http://neodata.mx/page/descargas.
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
Manual de Administración del sitio web www.responsabilidadintegral.org. Noviembre 1 de 2012
Manual de Administración del sitio web www.responsabilidadintegral.org Noviembre 1 de 2012 1. Desarrollo y programación Para el desarrollo del sitio web se utilizaron lenguajes de programación de última
GABYBOT MANUAL DE INSTRUCCIONES
GABYBOT MANUAL DE INSTRUCCIONES INTRODUCCION Gabybot es el software que desde hoy será su asistente exclusivo para la publicación de avisos clasificados en los portales o páginas gratuitas más importantes
Universidad San Carlos de Guatemala Facultad de Ingeniería Escuela de Ciencias y Sistemas Gerenciales II Laboratorio
Universidad San Carlos de Guatemala Facultad de Ingeniería Escuela de Ciencias y Sistemas Gerenciales II Laboratorio 1 Carlos Enrique Rodas Gálvez 2002-12383 INDICE 2 TEMA No. PAGINA Definición. 3 Prerrequisitos.
Cómo Registrarse en una Cuenta:
Cómo Registrarse en una Cuenta: Para utilizar el sitio en línea de procesamiento de reclamaciones, debe: Tener acceso a internet, utilizando uno de los siguientes navegadores de Internet: o Microsoft Internet
COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER
2011 2012 COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER WWW.FAUBELL.COM vicente@faubell.com Hasta ahora hemos visto una pequeña introducción a la creación de las páginas web. No te preocupes por
Guía Práctica para el Uso del Servicio de Software Zoho CRM
Guía Práctica para el Uso del Servicio de Software Zoho CRM Parte 2 Cambio de Edición Personal a Empresarial Creación de Usuarios Adicionales Parametrizar datos de Empresa Personalizar su Espacio de Trabajo
JOOMLA MANUAL USUARIO Creación del portal
JOOMLA MANUAL USUARIO Creación del portal Versión 1.0.3 Área de Arquitecturas Unidad de Arquitectura Software de Aplicaciones Hoja de Control Título Documento de Referencia Responsable Creación del portal
Manual DEMO de Instalación Factureya CFDI www.factureya.com
Manual DEMO de Instalación Factureya CFDI www.factureya.com Hecho en México. Todos los Derechos Reservados 2010. Servicios Tecnológicos Avanzados en Facturación S.A. de C.V. Priv.Topacio 3505 401. Santa
Practica 1 Instalación del SGBD. Ing. María Elena Reyes Castellanos. Miguel Ángel Garduño Córdova Isaac Méndez Hernández
Investigación Practica 1 Instalación del SGBD Catedrático: Alumnos: Ing. María Elena Reyes Castellanos Miguel Ángel Garduño Córdova Isaac Méndez Hernández 1 ÍNDICE DE GENERAL INDICE DE TABLAS Y FIGURAS
TUTORIAL ACADÉMICO. Programación II- Taller de Programación I Fa.CENA. UNNE
TUTORIAL ACADÉMICO Programación II- Taller de Programación I Fa.CENA. UNNE Eclipse, es un Entorno de Desarrollo Profesional y Gratuito, que puede ser utilizado para varios lenguajes Java, C, C++, PHP,
Prácticas con Elastix Asterisk - Lab. 3
1-1-2015 Prácticas telefonía IP Prácticas con Elastix Asterisk - Lab. 3 Jesse Padilla Agudelo Adaptado por Ing. Pedro Alberto Arias Quintero SENA - CIMI Red de telefonía para práctica inicial a trabajar
Manual de Administración de Correo Electrónico
La administración de sus cuentas de correo, puede usarse desde cualquier navegador que utilice los formatos (HTML) Para ingresar a la administración de las cuentas se tienen que acceder mediante protocolo
Tutorial básico. Apunte creado por imedia Creativa www.imediacreativa.com
Tutorial básico Apunte creado por imedia Creativa www.imediacreativa.com Introducción Joomla CMS Su sitio Web está creado bajo un Sistema de gestión de contenidos CMS (Content Management Systems) Joomla.
INDEXHIBIT. Portfolios personalizables. Iván Martínez Toro
INDEXHIBIT Portfolios personalizables Iván Martínez Toro ÍNDICE DE CONTENIDOS Introducción. Instalación. Requisitos previos. Preparación. Procedimiento. Post-instalación. Utilización. Personalización.
Guía: Uso del Aula Virtual CIESI.ORG. A Primeros pasos. www.ciesi.org
Guía: Uso del Aula Virtual A Primeros pasos CIESI.ORG www.ciesi.org 2 ÍNDICE 1. Ingresar al aula virtual... 3 a. Vía página web del CIESI.org... 3 b. Vía independiente... 3 c. Pantallazo del inicio de
Manual de Desarrollado de Módulos en Español. Version 1.0-4 Beta. Escrito por: Bruno Macias V.
Manual de Desarrollado de Módulos en Español Version 1.0-4 Beta Escrito por: Bruno Macias V. (bomv.27@gmail.com) Introducción Módulo Developer Este gran módulo distribuido en tres submódulos hasta la presente
GUÍA PARA LA INSTALACIÓN DE MOODLE EN UN COMPUTADOR PERSONAL QUE USA EL SISTEMA OPERATIVO MS. WINDOWS
GUÍA PARA LA INSTALACIÓN DE MOODLE EN UN COMPUTADOR PERSONAL QUE USA EL SISTEMA OPERATIVO MS. WINDOWS Objetivo: El propósito de esta guía es indicarle como configurar un entorno moodle de prácticas en
Moodle para administradores de centro. Administradores de centro
Moodle para administradores de centro Administradores de centro INDICE 1. Acercamiento a la plataforma 2. Hojear lista de usuarios 3. Acciones masivas de usuario 4. Agregar usuario 5. Subir usuario 6.
PUCV - Pontificia Universidad Católica de Valparaíso
PUCV - Pontificia Universidad Católica de Valparaíso INICIO IBM QUICKR IBM Quickr es un software de colaboración en equipos, el cual permite compartir archivos e información de forma instantánea y directa
Pontificia Universidad Católica de Chile Escuela de Ingeniería Departamento de Ciencia de la Computación. IIC1102 Introducción a la Programación
Pontificia Universidad Católica de Chile Escuela de Ingeniería Departamento de Ciencia de la Computación IIC1102 Introducción a la Programación Tutorial eclipse TM Introducción al uso de eclipse TM Contents
PSI Gestión es un sistema multiusuario que le permite 2 tipos de configuraciones:
CARACTERISTICAS DEL SISTEMA PSI Gestión es un sistema multiusuario que le permite 2 tipos de configuraciones: Sólo Servidor: Una sola computadora con el sistema instalado en modo Administrador. Pueden
UNIVERSIDAD TECNOLOGICA CENTROAMERICANA
UNIVERSIDAD TECNOLOGICA CENTROAMERICANA PROYECTO DE GRADUACION MANUAL DE USUARIO Alejandro Corpeño Dubón 951050 corp@icomstec.com Tegucigalpa, MDC, Honduras, C.A. 15 de Diciembre 2000 Alejandro Corpeño
Formularios. Formularios Diapositiva 1
Formularios Crear un formulario utilizando el Asistente para formularios Modificación en vista Diseño Adición de Controles a un Formulario Adición de un Subformulario a un formulario Formularios Diapositiva
Cómo publicar el contenido del servidor All-In-One (AIO) a través de WMS o mediante el reproductor nativo
Cómo publicar el contenido del servidor All-In-One (AIO) a través de WMS o mediante el reproductor nativo ImaginArt 2010 Página 1 de 11 1. Publicar el Live Streaming (Windows Media Server - WMS) Esquema
PROCEDIMIENTO DE ENLACE NOMIPAQ
EXPORTAR PERIODOS, INCIDENCIAS Ó EMPLEADOS DE NOMIPAQ Una vez abierto nuestro sistema de nomina Nomipaq hacer lo siguiente: 1. Menú Interfaz opción importación y exportación. 2. Se abrirá siguiente ventana
SBConta.NET Manual de instalación. SBSS Consulting, S.A. 08010 Barcelona Telf. 93.268-0356, fax 93-268-0070 E-Mail: sbss@sbss.es, web www.sbss.
SBConta.NET Manual de instalación SBSS Consulting, S.A. 08010 Barcelona Telf. 93.268-0356, fax 93-268-0070 E-Mail: sbss@sbss.es, web www.sbss.es SBConta.NET C o n t e n i d o i Contenido 1. Introducción.
TUTORIAL: Cómo puedo instalar el Renault Media Nav Toolbox? TUTORIAL: Cómo puedo crear una "huella digital" del dispositivo en un dispositivo de
TUTORIAL: Cómo puedo instalar el Renault Media Nav Toolbox? TUTORIAL: Cómo puedo crear una "huella digital" del dispositivo en un dispositivo de almacenamiento USB? TUTORIAL: Cómo puedo empezar a utilizar
Páginas web ::: Cómo diseñar un menú de navegación? Diseño de materiales multimedia. Web 2.0. 1.14 Cómo diseñar un menú de navegación?
111 1.14 Cómo diseñar un menú de navegación? 112 1.14 Cómo diseñar un menú de navegación? En este apartado vamos a describir el procedimiento de creación de un menú de navegación para un sitio web con
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
Operación Microsoft Access 97
Trabajar con Controles Características de los controles Un control es un objeto gráfico, como por ejemplo un cuadro de texto, un botón de comando o un rectángulo que se coloca en un formulario o informe
BearSoft. SitodeCloud. Rafael Rios Bascón Web: http://www.bearsoft.com.bo Móvil: +591 77787631 Email: rafael.rios@bearsoft.com.bo
BearSoft Rafael Rios Bascón Web: http://www.bearsoft.com.bo Móvil: +591 77787631 Email: rafael.rios@bearsoft.com.bo CONTENIDO 1. Resumen. 3 2. Business Intelligence.. 4 3. Características del software.
http://www.oracle.com/technetwork/es/java/javase/downloads/index.html
Introducción En esta primera parte del taller iremos viendo paso a paso como poner a punto todo tu entorno de trabajo para poder empezar cuanto antes a desarrollar tu primera aplicación Android para luego
Manual de usuario del software de marketing de fidelización de clientes Hermes
Manual de usuario del software de marketing de fidelización de clientes Hermes Campus Telematika 1 0. Índice 1. Requisitos y recomendaciones... 3 2. Manejo de la aplicación... 3 2.1. Asistente... 3 2.2.
Administrar El Usuario Mediante Windows NT
Administrar El Usuario Mediante Windows NT Administración de usuarios El Administrador de usuarios es la utilidad estándar que ofrece Windows NT. Como su nombre indica, se encarga de la administración
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
GUÍA PARA LA INSTALACIÓN Y USO DE WORDPRESS BY MASTERHACKS. www.masterhacks.net. Guía de instalación y uso de Wordpress Página 1
GUÍA PARA LA INSTALACIÓN Y USO DE WORDPRESS BY MASTERHACKS www.masterhacks.net Guía de instalación y uso de Wordpress Página 1 Wordpress es un sistema muy utilizado para la creación de blogs. Este se puede
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/2015 GUIA DE LABORATORIO #4 Nombre de la Práctica: Creación de menús con Joomla Lugar de Ejecución: Centro de cómputo
SUBIENDO NUESTRA WEB CON MACROMEDIA DREAMWEAVER
SUBIENDO NUESTRA WEB CON MACROMEDIA DREAMWEAVER En Chamonix siempre intentamos poner las cosas lo más fáciles posibles a nuestros clientes. Por ello, a continuación le facilitamos unas instrucciones detalladas
Software PYMES Usted ha descargado la versión DEMOSTRACIÓN del software PYMES desarrollado por EXIDES.
Contenido Software PYMES... 1 Instalación del software PYMES en su versión DEMO... 2 Microsoft Explorer... 2 Google Chrome... 3 Instalación del Software... 4 Primera Ejecución... 7 Si selecciona la opción
INFORMACIÓN PARA LA INSTALACIÓN DEL CERTIFICADO
INFORMACIÓN PARA LA INSTALACIÓN DEL CERTIFICADO Si se desea realizar una solicitud a través del Registro electrónico de Clases Pasivas, es necesario tener importado el Certificado personal en el navegador
Manual de uso de correo por webmail
Manual de uso de correo por webmail Para ingresar a su cuenta de correo vía web; se debe utilizar un Navegador de Internet, entre los más comunes están Internet Explorer, Mozilla Firefox, Google Chrome,
CUADERNIA 2.0. CÓMO INSTALAR CUADERNIA 2.0 Para instalar Cuadernia debemos seguir los siguientes pasos:
CUADERNIA 2.0 Se trata de una herramienta fácil y funcional que nos permite crear de forma dinámica ebooks o libros digitales en forma de cuadernos compuestos por contenidos multimedia y actividades educativas
MANUAL DE NAVEGACIÓN DEL SIIA-WEB versión 1.0. http://148.216.31.29:8080/siia/ PRONAD
MANUAL DE NAVEGACIÓN DEL SIIA-WEB versión 1.0 http://148.216.31.29:8080/siia/ PRONAD II C o n t e n i d o 1 Tabla de contenido C o n t e n i d o... I 1. Bienvenido...III 2. Antes de Comenzar...III 3. Iniciando
EUROPIO ENGINE LAB: FORMULARIOS WEB Y TABLAS HTML EN SOLO
20 EUROPIO ENGINE LAB: FORMULARIOS WEB Y TABLAS HTML EN SOLO UNOS POCOS PASOS HACE APENAS MENOS DE UN MES, LANCÉ UNA NUEVA VERSIÓN ESTABLE DE EUROPIO ENGINE: LA 3.2.5. ESTO ME MOTIVÓ A TERMINAR DOS COMPLEMENTOS
Elaborando WebQuest usando Power Point
Módulo WebQuest Elaborando WebQuest usando Power Point 2.1.- Creación de WebQuest usando el Miscrosoft Power Point En el Power Point le colocamos un Estilo a nuestra Diapositiva para iniciar nuestra Creación
MANUAL SISTEMA ENCRIPTACIÓN DE HECHOS RESERVADOS
MANUAL SISTEMA ENCRIPTACIÓN DE HECHOS RESERVADOS Introducción El sistema de encriptación de hechos reservados nació por la necesidad de proveer un canal más seguro que el que anteriormente existía mediante
JOOMLA MANUAL USUARIO Creación del portal
JOOMLA MANUAL USUARIO Creación del portal Versión 1.0 Área de Aplicaciones Especiales y Arquitectura Software Hoja de Control Título Documento de Referencia Responsable Creación del portal JOOMLA_NORMATIVA
Manual de uso MiniPrinter
Manual de uso MiniPrinter Factureya Versión 1.0.0 Índice 1 Descarga del Instalador del Sistema MiniPrinter...4 2 Instalación...6 3 Configuración...8 4 Impresión de Comprobante Fiscal Digital por Internet
QUÉ SISTEMAS OPERATIVOS SOPORTA EL SERVICIO SEGURIDAD MOVISTAR?
Seguridad Movistar_Para Computadoras PREGUNTAS Y RESPUESTAS TÉCNICAS QUÉ SISTEMAS OPERATIVOS SOPORTA EL SERVICIO SEGURIDAD MOVISTAR? El programa soporta los siguientes sistemas operativos: Microsoft Windows
MANUAL DE CONFIGURACION DEL CORREO ELECTRÓNICO. Versión 1.0
MANUAL DE CONFIGURACION DEL CORREO ELECTRÓNICO Versión 1.0 Enero de 2009 CONTENIDO INTRODUCCIÓN 1. CONFIGURACIÓN DE OUTLOOK 1.1. Conceptos 1.2. Configuración de SMTP (envío) y POP3 (recepción) 2. USO DE
ELABORACIÓN DE TABLEROS DINÁMICOS DE COMUNICACIÓN CON EL PROGRAMA EDITOR TICO
ELABORACIÓN DE TABLEROS DINÁMICOS DE COMUNICACIÓN CON EL PROGRAMA (Tico 2.0) EDITOR TICO La idea principal que motivo este proyecto fue trasladar la definición tradicional de tablero de comunicación en
MANUAL DE INSTALACIÓN
MANUAL DE INSTALACIÓN SISTEMA DE INFORMACIÓN PARA EL INGRESO, MANTENIMIENTO Y SALIDA DE ESTIBAS JEYSON ANDRÉS GARCIA RODRIGUEZ MARIO SERGIO LANCHEROS SUESCÚN Fecha: 07 de Abril del 2013 PONTIFICIA UNIVERSIDAD
TUTORIAL PARA CREAR CUENTA DEMO Y USAR PROVEEDORES DE SEÑALES CON ZULUTRADE
TUTORIAL PARA CREAR CUENTA DEMO Y USAR PROVEEDORES DE SEÑALES CON ZULUTRADE 20/04/2013 TUTORIAL PARA OPERAR DIVISAS Y PROVEEDORES DE SEÑALES CON ZULUTRADE Tabla de Contenido: COMO CREAR LA CUENTA Y USAR
ÍTEMS DEL MENÚ CREACIÓN Y GESTIÓN (Última revisión: lunes, 9 de marzo de 2009)
JOOMLA! ÍTEMS DEL MENÚ CREACIÓN Y GESTIÓN (Última revisión: lunes, 9 de marzo de 2009) Es necesario comentar que este manual ha sido diseñado en su mayor parte por comunidadjoomla.org. Este manual es una
Anexos Manual de Instalación
Anexos Manual de Instalación ÍNDICE DE CONTENIDOS 1. MANUAL DE INSTALACIÓN... 3 1.1. Requisitos mínimos... 3 1.2. Manual de Instalación de Oracle 11g Xe... 3 1.3. Crear esquema en Oracle 11g Xe... 7 1.3.1.
Docentes. www.blogger.co. web 2.0. asisvirtual@mail.ustabuca.edu.co. asisvirtual@mail.ustabuca.edu.co. Para comenzar, ingrese al sitio de blogger:
1. Para comenzar, ingrese al sitio de blogger: www.blogger.co Al ingresar a esta página encontrará la pantalla que ve a continuación, oprima el botón que dice CREAR UN BLOG. 2. En el paso No.1 para la
http://cdf-de.googlecode.com/files/cde-bundle-1.0-rc3.tar.bz2
1 HERRAMIENTAS DASHBOARDS PENTAHO COMMUNITY EDITION Pentaho Community Edition ofrece un conjunto de herramientas para diseñar diversos Dashboards (cuadros de mando) interactivos, las cuales están integradas
Ayuda para la instalación Componente Firma Digital INDICE. 1 Configuración previa...2. 1.1 Configuración Internet Explorer para ActiveX...
INDICE 1 Configuración previa...2 1.1 Configuración Internet Explorer para ActiveX...2 1.2 Problemas comunes en sistema operativo Windows...8 1.2.1 Usuarios con sistema operativo Windows XP con el Service
Manual de NetBeans y XAMPP
Three Headed Monkey Manual de NetBeans y XAMPP Versión 1.0 Guillermo Montoro Delgado Raúl Nadal Burgos Juan María Ruiz Tinas Lunes, 22 de marzo de 2010 Contenido NetBeans... 2 Qué es NetBeans?... 2 Instalación
1.- GENERAL. 2.- INGRESO AL SISTEMA.
Contenido 1.- GENERAL.... 3 2.- INGRESO AL SISTEMA.... 3 2.1.- Ingreso y uso del sistema.... 3 3.- AMBIENTE DE TRABAJO.... 4 4.- GESTIÓN DE COMPROBANTES.... 5 4.1.- AGREGAR COMPROBANTE.... 5 4.1.1.- Agregar
Manual de uso de la Consola de Administración para usuarios Administradores.
Manual de uso de la Consola de Administración para usuarios Administradores. I. ACCESO A LA CONSOLA DE ADMINISTRACIÓN 1. Para acceder a la consola de administración abra desde Internet Explorer la dirección
CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3
ver. 3 Diseño de cajas de esquinas redondeadas y ancho fijo para Diseño WEB _TICO 1º Bachillerato página 1/10 CAJA DE ESQUINAS REDONDEADAS Y ANCHO FIJO ver. 3...1 Procedimiento 1: Diseño con Gimp de una
Curso Capacitación Consular. Guía para el registro
Curso Capacitación Consular Guía para el registro 1 Antes de iniciar el curso, es preciso aclarar que puede abrir el sitio desde cualquier navegador. Sin embargo, para ilustrar el procedimiento que debe
G uía de Usuario Mi EBSCOhost
G uía de Usuario Mi EBSCOhost Qué es Mi EBSCOhost? Mi EBSCOhost es una carpeta personal donde es posible guardar resultados de búsqueda, enlaces persistentes, alertas de búsqueda, alertas de publicaciones
Desarrollo de apps para móviles Android. Entorno de desarrollo
Desarrollo de apps para móviles Android Entorno de desarrollo Entorno de desarrollo Las aplicaciones Android van a ser implementadas en Java usando Android SDK. El software necesario para realizarlas es
Al descomprimir su archivo en una carpeta podrá observar los documentos:
Instructivo para el uso de la plantilla de tesis En este documento usted encontrará una guía para el uso de la plantilla de tesis. Esperamos responder la mayoría de las preguntas que puedan surgir. A lo
Universidad Nacional del Santa E.A.P. DE INGENIERIA DE SISTEMAS E INFORMATICA INSTALACIÓN E INTERFAZ GRÁFICA DE LA HERRAMIENTA DE PROGRAMACIÓN
Universidad Nacional del Santa FACULTAD DE INGENIERIA E.A.P. DE INGENIERIA DE SISTEMAS E INFORMATICA INSTALACIÓN E INTERFAZ GRÁFICA DE LA HERRAMIENTA DE PROGRAMACIÓN NETBEANS 7.0 1 INSTALACION DEL NETBEANS
CIF-KM. GUÍA DE LOS PRIMEROS PASOS
CIF-KM. GUÍA DE LOS PRIMEROS PASOS Secciones 1. CONCEPTOS PREVIOS. 2. INSTALAR CIF-KM. 2.1 Descargar e instalar CIF-KM. 2.2 Configuración de CIF-KM. 2.3 Acceso externo al servidor de CIF-KM. 3. PRIMERA
Administración de Dominios CGP 5.1
1 Ingeso a la Aplicación de Administración Para ingresar a la administración de su correo electrónico deberá acceder por la url https://mail.sudominio:901 posterior a ello seleccionar la pestaña nombrada
Tutorial de desarrollo de Aplicaciones Web con XUL
Tutorial de desarrollo de Aplicaciones Web con XUL Aprende a Desarrollar Aplicaciones web fácil y rápidamente con la Potencialidad que posee XUL (XML User Interface Language). Que es esto de XUL... Como
JOOMLA MANUAL USUARIO Creación del portal
JOOMLA MANUAL USUARIO Creación del portal Versión 1.0.1 Área de Aplicaciones Especiales y Arquitectura Software Hoja de Control Título Documento de Referencia Responsable Creación del portal JOOMLA_NORMATIVA
Introducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 3: CSS, maquetación y estilos alternativos 1. Objetivos Aprender a maquetar una página web con CSS. Aprender a emplear estilos alternativos en una página
CONFIGURACIÓN DE SOFTPHONES
CONFIGURACIÓN DE SOFTPHONES Ahora podemos disfrutar del servicio Newcall también en nuestro móvil/tablet o PC. Solo necesitamos tener acceso a Internet a través de Wi-Fi o por 3G / 4G. A continuación se