Proyecto web y móvil con AngularJS y Cordova. De parguela a parguela. Por. Jon Oyanguren López AngularJS de parguela a parguela
|
|
- Jaime San Segundo Acosta
- hace 8 años
- Vistas:
Transcripción
1 Proyecto web y móvil con AngularJS y Cordova. De parguela a parguela Por Jon Oyanguren López AngularJS de parguela a parguela
2 Qué se va a aprender En este curso se aprenderán los conceptos básico de AngularJS. Se realizará una aplicación demostrativa paso a paso durante el curso. Se creará una aplicación desde cero y completa paso a paso. Cosas que necesitas Editor de texto plano. En el curso se utilizará WebStorm. Conocimientos de HTML5 y CSS3 Conocimientos de Javascript Para quien es este curso Para todos aquellos que quieran empezar a utilizar AngularJS no es necesario ser un experto en esta tecnología. De hecho este curso se va a realizar desde 0, viendo todos los pasos necesarios para empezar. 1
3 Tabla de contenido Qué se va a aprender... 1 Cosas que necesitas... 1 Para quien es este curso... 1 Qué es AngularJS?... 3 Ventajas de usar AngularJS... 3 Por dónde empiezo?... 3 Instalar AngularJS... 5 La aplicación angular... 5 Rutas, rutas y más rutas... 6 El patrón Modelo Vista Controlador de AngularJS... 8 Nuestro primer controlador... 8 $scope, ese gran amigo... 9 Empieza el jaleo Anatomía de la aplicación Pero yo lo quiero en el móvil Cordova Instalar y crear una aplicación con Cordova Cordova y AngularJS Se llevan bien?
4 Qué es AngularJS? AngularJS es Javascript. Es un proyecto de código abierto, realizado en Javascript que contiene un conjunto de librerías útiles para el desarrollo de aplicaciones web y propone una serie de patrones de diseño para llevarlas a cabo. Lo que toda la vida se ha llamado Framework. Contiene muchas librerías y herramientas pre-cocinadas para el desarrollo de toda la parte front-end de una aplicación web. Ventajas de usar AngularJS Utiliza el patrón MVC (Modelo Vista Controlador). Permite incluir testing muy fácilmente. Millones de librerías útiles, que luego sirven en la vida real, más allá de la teoría. Llamadas a una API REST sencillas. Apoyo de compañías gordas (Google). Documentación muy buena. Por dónde empiezo? Esta pregunta tiene muy fácil solución. Por crear una carpeta ordenada. En este curso vamos a utilizar el editor de texto WebStorm, pero vamos, no vamos a tocar nada más que archivos y carpetas así que cualquier texto plano es recomendable (Notepad++, Sublime,.). Lo primero es lo primero, y vamos a crear una carpeta con nuestro nombre del proyecto, como por ejemplo AngularJSParguelas. Muy importante el orden, quiero esta carpeta como los chorros del oro. Hay una forma de crear un proyecto HTML5 fácil sencillo y para toda la familia. Entrad en y crearos un proyecto html5. 3
5 4 Nos descargará algo como esto:
6 Bien, pues vamos a crear una carpeta nueva que llamaremos AngularAPP y dentro meteremos esto: Ya iremos viendo qué vamos metiendo en cada carpeta y para qué sirve cada una. Pues ya tenemos nuestro proyecto creado. Tampoco era tan difícil e? Instalar AngularJS Puedes descargarte el archivo javascript y referenciarlo en el index.html. Pero teniendo el CDN pues vamos a usar esto. Añadimos al final de nuestro body el siguiente script. Para copiar y pegar, no os quejéis. <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> Se comenta por el barrio que meter todos los scripts al final de la etiqueta body (pero dentro) acelera mucho la carga de la página. La aplicación angular AngularJS va un poco a su rollo y necesita crear una aplicación para todas sus cositas. Digamos que tenemos que decir dónde va a participar AngularJS en nuestra aplicación web. En nuestro caso vamos a utilizar Angular desde la misma etiqueta body, pero podemos crear la app angular desde cualquier etiqueta hija de body. Para ello vamos a tener que utilizar la directiva ng-app en la etiqueta body: <body ng-app="angularapp"> Vale, ya tenemos escrito desde dónde tiene que empezar a montar AngularJS su estructura. Ahora hay que crear esa estructura. Para todos los temas de configuración y creación de la apliación angular hemos creado previamente el archivo app.js. Antes que nada vamos a incluirlo en nuestro index.html. <script src="angularapp/app.js"></script> Siempre después del script de angular. 5
7 Ahora ya podemos crear la app de angular en el código. var demoapp = angular.module('angularapp', []); Guardamos la app en una variable (demoapp) global para luego poder utilizarla en el resto de nuestro proyecto web. Si os fijáis bien hemos tenido que especificar el nombre que hemos puesto antes en la etiqueta body. Aquí no salen las cosas por que sí. Rutas, rutas y más rutas Una de las cosas que más me gustan de este framework es el enrutamiento. Con solo una línea de código vamos a poder dirigir nuestro proyecto web a la dirección que queramos. Ahora veremos cómo. Lo primero es lo primero. Para todo el tema del enrutamiento, Angular depende de una librería propia suya llamada angular-route.js para instalarla vamos a hacer lo mismo que cuando instalamos angular. Tendríamos una cosa del estilo: <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.js"></script> <script src="angularapp/app.js"></script> Lo Segundo que habría que hacer es empezar a utilizer el enrutamiento. Para ello tenemos que seguir rellenando el archivo app.js. var demoapp = angular.module('angularapp', ['ngroute']); demoapp.config(['$routeprovider', function ($routeprovider) { $routeprovider.when('/', { templateurl: 'AngularApp/Templates/start.html' }).when('/usuarios', { templateurl: 'AngularApp/Templates/usuarios.html' }).otherwise({ redirectto: '/' }); }]); Con esto habríamos hecho 3 cosas: Incluir la dependencia ng-route. Los caracteres - en angular no existen dentro del javascript (sí dentro del html) por lo que para referenciar a ng-route tenemos que escribir ngroute. Crear la configuración del proyecto. Utilizar el enrutamiento. El routerprovider se puede leer así. Cuando en la url venga / me vas a cargar la plantilla start.html (especificándole la ruta). Si no coincide ninguna, vuelve a la dirección /. 6
8 Y ya por último. Dónde se va a cargar esa plantilla? Todavía no se lo hemos especificado. Vamos a ver qué html tenemos. NAVBAR CONTENIDO Nosotros vamos a querer que la navbar sea siempre la misma y que lo que vaya cambiando sea el contenido de la página. Pues tal y como tenemos la plantilla voy a borrar las capas container y jumbotron. Ahora viene la magia (y esto entra para el examen). Vamos a decirle a angular dónde cargar las plantillas. Sencillamente con la directiva ng-view. Tal que así: <div class="main" ng-view></div> Ahora, todas las plantillas que vayamos creando se meterán ahí. Vamos a crear la primera. Si vemos el archivo app.js nada más entrar en la web cargaríamos la plantilla AngularApp/Templates/start.html. Pues vamos a crear el susodicho archivo. Dentro vamos a copiar solamente esto, a ver si funciona. <h2>index</h2> 7
9 A mí me va como un tiro. Sobre enrutamiento un apunte más. A la hora de indicar el atributo href en los enlaces para indicarle que utilice el enrutamiento sería así: <a href= #/usuarios >Usuarios</a> De otra forma iría a buscar el archivo usuarios.html que no existe en la raíz del proyecto. DEBERES: Crear un par de páginas más y enlazarlas con el menú. Ver si todo funciona correctamente. El patrón Modelo Vista Controlador de AngularJS Breve resumen del MVC que tiene AngularJS, ya veremos luego más cuando según nos vayamos pegando con cosas prácticas. [Tal cual de la Wikipedia] El modelo vista controlador (MVC) es un patrón de arquitectura de software que separa los datos y la lógica de negocio (Modelo) de una aplicación de la interfaz de usuario (Vista) y el módulo encargado de gestionar los eventos y las comunicaciones (Controlador). Donde nosotros tendríamos: Modelo -> El $scope (ya veremos más adelante qué es). Vista -> Todos los htmls creados. Controlador -> Cada vista html va a tener asociado un controlador javascript. Este patrón además de separar estos tres conceptos importantes nos obliga a tener un código ordenado donde cada parte tiene solamente unas funciones. Esto es muy importante. Nuestro primer controlador Yo voy a seguir con mi archivo de start.html que lo he creado pero no tengo controlador asociado. Supongo que os habréis dado cuenta de que los controladores van a ir dentro de la carpeta Controllers. 8
10 Norma: Los controladores se van a llamar igual que el html seguido de la palabra Controller. En este caso, vamos a crear un archivo javascript llamado startcontroller.js. Lo que acabamos de crear es un archivo vacío, y no es nada más que un javascript pobre. Menos mal que con estas líneas de código le vamos a hacer todo un hombre: demoapp.controller('startcontroller', ['$scope', function ($scope) { //Aquí irá todo el código que queramos ejecutar }]); En esta sencilla línea de código ya especificamos a este archivo como un controlador de angular. Nos falta enlazarlo con el html. Para ello vamos a especificar en una etiqueta de la plantilla start.html cuál es su controlador mediante la directiva ng-controller. Dentro del archivo start.html escribimos esto: <div ng-controller="startcontroller"> <h2>index</h2> </div> No hará falta decir que el nombre dentro de la directiva es el nombre del controlador. Solo nos falta una cosa! Referenciar el archivo en el start.html, y no el de la plantilla, el archivo principal. Debajo de los scripts. <!--Controllers--> <script src="angularapp/controllers/startcontroller.js"></script> Ala! Ya tenemos nuestro controlador listo para usar. El controlador sigue siendo un archivo javascript, así que podemos utilizar cualquier función dentro de este archivo. demoapp.controller('startcontroller', ['$scope', function ($scope) { var saludo = "Hola equipo"; alert(saludo); }]); Y al que no le funcione es un parguela! $scope, ese gran amigo El $scope es un objeto especial que tiene angular, y que nos va a dar la vida en la mayoría de los casos. Esta variable está enlazada con el html. Y no podemos explicar el $scope sin explicar el concepto de two data way binding. 9
11 Este concepto es bastante novedoso y consiste en la sincronización de la vista con el modelo automáticamente. Lo vemos mejor con un ejemplo. En nuestro indexcontroller creamos una variable con un nombre. $scope.nombre = "Jon Oyanguren"; Y en nuestro start.html vamos a sincronizar esta variable y de dos formas: <p>{{ nombre }}</p> <input type="text" ng-model="nombre"/> La primera y mediante las {{ }} (dobles llaves) simplemente escribimos el valor de la variable nombre del $scope en el html. En la segunda forma, vinculamos un input de tipo texto a dicha variable mediante la directiva ng-model de esta forma, si cambiamos el input, se sincroniza directamente con la variable. Como conclusión, podemos decir que el $scope es un objeto que vamos a poder utilizar tanto en los controladores como en la vista. Empieza el jaleo Bueno, siempre he dicho que a saltar se aprende saltando (con todas las hostias que conlleva). Así que vamos a empezar a saltar y a hacer una aplicación de verdad. Una aplicación web que lo va a petar por todo lo alto, que va a ser más descargada que el Candy Crush y el Flappy Bird juntos. Sí, estoy hablando de la aplicación de PURETISMOS. Qué es un puretismo? Un puretismo es algo que si no lo entiendes quiere decir que todavía eres joven. Pero qué te crees, que soy Brabender?. Si no has entendido esto todavía eres joven, pero si te estás partiendo la caja ahora mismo, no hay duda, tienes ya una avanzada edad. Anatomía de la aplicación Vamos a pensar qué va a tener nuestra aplicación. Lo básico. Se abre y aparece en la pantalla un puretismo aleatorio. Si clickas en la pantalla se pone otro aleatorio. Vamos a empezar con esto. 10
12 Pero yo lo quiero en el móvil Seguro que alguno ya se ha quejado jode, yo quiero eso en el móvil. Venga, pues para que se calle, vamos a utilizar la misma tecnología que hemos visto hasta ahora para crear una app móvil multiplataforma. Para esto hay que ver un par de cositas más. Va a ser rapidito y sin dolor. Cordova Cordova es una plataforma que permite crear aplicaciones nativas de móvil utilizando tecnologías HTML, CSS y Javascript (en nuestro caso con AngularJS). La palabra nativas se refiere a que mediante estas tecnologías vamos a poder acceder a cosas del propio teléfono como la cámara, el acelerómetro, el dispositivo, etc. Tal cual, con esto ya vale. Instalar y crear una aplicación con Cordova No me quiero enrollar mucho con este tema ya que la documentación está muy muy muy bien. Es de tener en cuenta que es necesario tener instalado nodejs. Una vez instalado todo esto podemos crear un proyecto con la consola de la siguiente forma $ cordova create puretismos $ cd puretismos $ cordova platform add ios $ cordova platform add android Y hasta aquí nos vale, ya tendremos nuestro Proyecto creado. El tema de compilaciones y demás lo vamos a ver cuándo se presente la ocasión. 11
13 Cordova y AngularJS Se llevan bien? Y tanto que se llevan bien! Son amigüitos de los que no se enfadan por tonterías y pueden convivir juntos en la misma casa. DEBERES: Repetir el proceso de creación de una app AngularJS que hemos visto antes pero ahora en este proyecto de cordova. PISTA: Todos los archivos que hay que tocar son los que están dentro de la carpeta www. 12
Copyright 2015 Pepa Cobos. Todos los derechos reservados.
Copyright 2015 Pepa Cobos. Todos los derechos reservados. Puedes imprimir una copia de este documento para tu uso personal. Excepto para ese fin, ninguna parte de esta publicación puede ser reproducida,
Más detallesPrograma diseñado y creado por 2014 - Art-Tronic Promotora Audiovisual, S.L.
Manual de Usuario Programa diseñado y creado por Contenido 1. Acceso al programa... 3 2. Opciones del programa... 3 3. Inicio... 4 4. Empresa... 4 4.2. Impuestos... 5 4.3. Series de facturación... 5 4.4.
Más detallesManual CMS Mobincube
Manual CMS Mobincube CMS Mobincube Qué es? El CMS (Sistema de Gestión de Contenidos) es un completo website que permite la creación y actualización de contenido remoto. De esta forma, una vez creada una
Más detallesCómo instalar fácilmente tu WordPress tras contratar un hosting en Hostalia
Cómo instalar fácilmente tu WordPress tras contratar un hosting en Hostalia Cardenal Gardoki, 1 48008 BILBAO (Vizcaya) Teléfono: 902 012 199 www.hostalia.com La puesta en marcha de WordPress es muy sencilla,
Más detallesCómo acceder a Google Drive? Tiene más funcionalidades una cuenta de Google?
Manual de Qué es Google Drive? Qué es Google Drive? Google Drive es un servicio web que le permite almacenar, modificar, compartir y acceder a sus archivos y documentos independientemente de dónde se encuentre
Más detallesAGREGAR UN EQUIPO A UNA RED Y COMPARTIR ARCHIVOS CON WINDOWS 7
Tutoriales de ayuda e información para todos los niveles AGREGAR UN EQUIPO A UNA RED Y COMPARTIR ARCHIVOS CON WINDOWS 7 Como agregar a una red existente un equipo con Windows 7 y compartir sus archivos
Más detallesControles parentales. 2. App recomendadas. - Tower Math / tabla periodica /Roma - Como buscar y descargar una App - www.eduapps.es
Curso Productividad Padres 1 Controles parentales 1. Accede al menú de Restricciones 2. 2. Activa las restricciones 3. 3. Desactiva el borrado de apps y las compras 4. 4. Restringe contenidos por edad
Más detallesCOMO 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
Más detallesPaso a Paso S7-1200 Step 7 Basic v10.5
Paso a Paso S7-1200 Step 7 Basic v10.5 Paso a Paso para la configuración de un proyecto completo Versión 1.0 15/Sep/09 Para cualquier sugerencia diríjanse al siguiente Email: sistemas-automatizacion.es@siemens.com
Más detallesApuntes para hacer páginas Web con FrontPage
1 ASIGNATURA: USOS MATEMÁTICOS DE INTERNET PARA SECUNDARIA Y BACHILLERATO CURSO: Cursos y acciones de postgrado, 2004-2005 PROFESORA: Inés M. Gómez-Chacón CARÁCTER/CRÉDITOS: 3 DEPARTAMENTO: ÁLGEBRA FACULTAD
Más detallesCÓMO HACER MI PROPIO BLOG
CÓMO HACER MI PROPIO BLOG El blog o weblog es una página de Internet que nos permite publicar contenidos y comentarios sobre cualquier tema que nos interese. Estas páginas están pensadas para que los usuarios
Más detallesINSTRUCCIONES PARA SUBIR FOTOS AL SERVIDOR FOROPICOS.NET Por Tolanu Septiembre 2008
INSTRUCCIONES PARA SUBIR FOTOS AL SERVIDOR FOROPICOS.NET Por Tolanu Septiembre 2008 Bueno, las instrucciones para subir fotos al servidordel foro son sencillas, pero aquí va una explicación personal :
Más detallesGuia de realización de un GIG personal en nuestra página web (http://zunzuneguibhi.net):
Crear un GIG en la web del instituto Zunzunegui (v2) Guillermo Hierrezuelo Guia de realización de un GIG personal en nuestra página web (http://zunzuneguibhi.net): PREÁMBULO: entrar a nuestra página; navegadores
Más detalles1 Itinerario. 2 Descripción y funcionalidades principales. Google Docs. 1.1 Qué vamos a hacer? 1.2 Qué pasos vamos a seguir?
Google Docs 1 Itinerario 1.1 Qué vamos a hacer? En este tutorial aprendemos a manejar la herramienta Google Docs, de esta forma nos introduciremos en el llamado cloud computing, que podemos traducir como,
Más detallesCreando una webquests
Creando una webquests 1. LO PRIMERO EL PROGRAMA Para crear paginas web necesitamos el software apropiado. Hay muchas formas y programas para hacerlo, pero por su facilidad de uso y por ser software libre
Más detallesCITRIX 4.5 - Citrix Application Streaming
1 de 39 01/12/2007 1:06 CITRIX 4.5 - Citrix Application Streaming Es la caracteristica principal de la versión 4.5 de Citrix, el Application Streaming, en este documento se explica cómo usarlo. Application
Más detallesPREPARANDO EL ENTORNO DE DESARROLLO PARA PROGRAMAR EN PHP. DESCARGAR E INSTALAR NOTEPAD++ (CU00808B)
APRENDERAPROGRAMAR.COM PREPARANDO EL ENTORNO DE DESARROLLO PARA PROGRAMAR EN PHP. DESCARGAR E INSTALAR NOTEPAD++ (CU00808B) Sección: Cursos Categoría: Tutorial básico del programador web: PHP desde cero
Más detallesUTILIZACIÓN DE UNA CUENTA DE CORREO ELECTRÓNICO (NUEVO) Acceso al correo electrónico
Acceso al correo electrónico Pasamos ahora a lo que sería usar la cuenta de correo que nos hicimos en la clase anterior. Lo primero que hacemos es entrar en la página web de Yahoo y localizar el icono
Más detallesMarta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE
. Marta Soler Tel: 902 33 12 12 Fax: 93 352 36 14 http://www.interdigital.es acc@interdigital.es TUTORIAL DEL GESTOR DE CONTENIDOS DOTNETNUKE El entorno de trabajo La página tiene como base una plantilla
Más detallesActualmente existen dos maneras de enviar y publicar las estadísticas en la página web de la Federación Española de Baloncesto:
MANUAL ENVÍO Y PUBLICACIÓN DE ESTADÍSTICAS: Este manual está orientado a todos aquellos estadísticos de clubes que actualmente NO realizan Jornada Virtual a través de http://baloncestoenvivo.feb.es. Como
Más detallesUna App para Facebook
Una App para Facebook Static HTML: Iframes Tabs Laboratorio de Excelencia Digital Facebook Marketing 1 Una App para Facebook. Static HTML: Iframes Tabs Facebook Marketing El objetivo de este articulo es
Más detallesTUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER
TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER Existen muchos proveedores de servicios para crear un blog. En nuestro caso se ha decidido crear uno en Blogger, que es, a su vez, donde muchas
Más detallesMANUAL PARA GESTIÓN DE INCIDENCIAS INFORMÁTICAS
MANUAL PARA GESTIÓN DE INCIDENCIAS INFORMÁTICAS En este manual aprenderemos a introducir un Ticket de Soporte (Incidencia Informática) y ver todo el proceso hasta que se resuelve. Para poder escribir Tickets
Más detallesVoy a intentar explicar por encima cómo funciona el Foro.
Voy a intentar explicar por encima cómo funciona el Foro. Cuando entráis al foro desde NUESTRA PAGINA o desde donde sea, por ejemplo a través de esta URL: http://server3.foros.net/index2.php?mforum=bmwcruisers
Más detallesTutorial: copia de seguridad (o imagen) de una partición con Clonezilla
Tutorial: copia de seguridad (o imagen) de una partición con Clonezilla Posted: 13 enero 2010 in Linux, Windows Etiquetas: Clonezilla, Copias de seguridad, Linux, Particionado, Tutorial, Windows 53 Ahora
Más detallesTutorial del administrador de la web del departamento
Tutorial del administrador de la web del departamento Antes de leer este tutorial, debes leer el tutorial del profesor. Observa que en la parte inferior de la página de INICIO de tu departamento aparece
Más detallesManual de NVU Capítulo 5: Las hojas de estilo
Manual de NVU Capítulo 5: Las hojas de estilo Pág. 1 Manual de NVU Capítulo 5: Las hojas de estilo Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero (Universidad de
Más detallesEL PROGRAMA DE PRESENTACIONES IMPRESS (I)
Bollullos del Cdo. (Huelva) Centro TIC/DIG EL PROGRAMA DE PRESENTACIONES IMPRESS (I) Introducción Básicamente Impress es un programa de presentaciones proyectadas a través de diapositivas (pantallas completas)
Más detallesMANUAL DE CREACIÓN DE CARPETAS PARA ACCESO POR FTP DE CLIENTES EN UN NAS
MANUAL DE CREACIÓN DE CARPETAS PARA ACCESO POR FTP DE CLIENTES EN UN NAS Vamos a explicar en varios pasos cómo crear una carpeta para que un cliente concreto con un usuario y una contraseña acceda sólo
Más detallesMANUAL BASICO DE WEBEX
MANUAL BASICO DE WEBEX Webex es un servicio de web conferencias y soluciones de colaboración, lo que significa que nos permite crear una conferencia por internet en la cual además de vernos los unos a
Más detallesEl almacén: sistema de archivos
1 de 9 19/09/2011 13:49 El almacén: sistema de archivos Como dispones ya de una plataforma Moodle y has hecho una configuración concreta, ya sea por temas, semanas o cualquier otra, el paso siguiente es
Más detallesGestor de contenidos de la plataforma web
Gestor de contenidos de la plataforma web 2011 1 de 24 Funcionamiento del gestor de contenidos Acceso Para acceder al la extranet es necesario ir a la dirección web: http://www.tudominio.com/adm e introducir
Más detallesCapítulo 0. Introducción.
Capítulo 0. Introducción. Bueno, por fin está aquí el esperado (espero!!) Capítulo Cero del Tutorial de Assembler. En él estableceremos algunos conceptos que nos serán de utilidad a lo largo del Tutorial.
Más detalles1 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
Más detallesMANUAL DE AYUDA MODULO TALLAS Y COLORES
MANUAL DE AYUDA MODULO TALLAS Y COLORES Fecha última revisión: Enero 2010 Índice TALLAS Y COLORES... 3 1. Introducción... 3 CONFIGURACIÓN PARÁMETROS TC (Tallas y Colores)... 3 2. Módulos Visibles... 3
Más detallesCómo sabes si tus esfuerzos en Social Media te están dando resultados? Para eso hay que medir, y Google Analytics ha venido a ayudarnos.
Cómo sabes si tus esfuerzos en Social Media te están dando resultados? Para eso hay que medir, y Google Analytics ha venido a ayudarnos. Hoy en día, las piedras angulares de los negocios son las páginas
Más detallesMarketing y Estadística 1. 2. 3. 4. Listados de clientes con selección de criterios Generación de Cartas, SMS y Etiquetas Estadísticas Avanzadas, GIO BI Gestión de Avisos 1. Listados de clientes con selección
Más detallesPara trabajar este tema vamos a situarlo un poco más en el lenguaje común:
Curso de Internet a distancia para sacerdotes, religiosos y religiosas Material de apoyo para las teleclases - Viernes,18 de noviembre2011 Vea los vídeos resúmenes en: www.medioscan.es y www.teleiglesia.es
Más detallesManual de uso de la plataforma para monitores. CENTRO DE APOYO TECNOLÓGICO A EMPRENDEDORES -bilib
Manual de uso de la plataforma para monitores CENTRO DE APOYO TECNOLÓGICO A EMPRENDEDORES -bilib [Manual de uso de la plataforma para monitores] 1. Licencia Autor del documento: Centro de Apoyo Tecnológico
Más detalles3 Errores fatales que cometen muchos autónomos
3 Errores fatales que cometen muchos autónomos Hola! Que alegría me da que te hayas bajado este documento. Eso quiere decir que estas realmente comprometido a llevar tu negocio a una nueva dimensión. Una
Más detallesTarea # 5 Valor 10 Puntos. Mapa conceptual Aprendo a pensar
Tarea # 5 Valor 10 Puntos. Mapa conceptual Aprendo a pensar Cómo estructuramos un mapa conceptual? 1) Identificar los conceptos clave del contenido que se quiere ordenar en el mapa. Estos conceptos se
Más detallesControl Remoto de Ordenadores: Por Manuel Murillo García
Control Remoto de Ordenadores: Por Manuel Murillo García Quien no ha tenido la necesidad o curiosidad de tomar el control remoto de un ordenador vía Internet. Es difícil? Hay que configurar muchas cosas?
Más detallesInstalar y configurar W3 Total Cache
Instalar y configurar W3 Total Cache en WordPress Cardenal Gardoki, 1 48008 BILBAO (Vizcaya) Teléfono: 902 012 199 www.hostalia.com La velocidad de carga de una web influye mucho a la hora de mejorar el
Más detallesManual básico para poner un Enlace Web en el Aula Virtual de Helvia.
Manual básico para poner un ENLACE WEB en el Aula Virtual de Helvia. (PASITO a PASITO) Por supuesto, lo primero que debemos hacer es, como ya sabemos, entrar en Helvia. Para ello debemos escribir en el
Más detallesIntroducción a la extensión de scripting en gvsig 2.0
Introducción a la extensión de scripting en gvsig 2.0 2012 gvsig Association Este documento se distribuye con la licencia Creative Commons 1 2 Índice de contenido 1 Introducción... 3 Instalación de la
Más detallesCorreo Electrónico: Webmail: Horde 3.1.1
CONTENIDOS: PAGINA Qué es Webmail?. 2 Acceder a Webmail. 2 Instilación del Certificado UCO. 4 Instilación Certificado I.explorer. 4 Instilación Certificado Firefox. 7 Opciones Webmail. 8 Opciones Información
Más detallesCapítulo 2. Google Calendar
Capítulo 2. Google Calendar Google Calendar es un espacio personal gratuito que ofrece Google a todos aquellos que disponen de una cuenta de GMail para que puedan crear, gestionar y compartir eventos dentro
Más detallesTutorial 2 LAS UNIDADES (I)
Tutorial 2 LAS UNIDADES (I) 2.1.- Introducción En el pasado tutorial aprendimos a hacer carpetas, copiar y mover ficheros, a eliminarlos y a cambiarles el nombre. Ahora vamos a ver algo parecido. Cómo
Más detallesDescuartiza un módulo de Magento
Descuartiza un módulo de Magento Diego Mestre AUMENTA TUS HABILIDADES Academy geekshubsacademy.com 1. Qué es? GeeksHubs es una comunidad geek, apoyamos a startups y freelancers. Nuestro objetivo es crear
Más detallesFigura 4.6: Prototipo de la pantalla de inicio.
Por lo tanto el siguiente paso ha sido realizar el prototipo a más alto nivel del sitio web, para conocer cómo quiere la empresa que se estructure el contenido y qué aspecto darle. Para ello se ha utilizado
Más detallesUso de Visual C++ Pre-Practica No. 3
Pre-Practica No. 3 Uso de Visual C++ Microsoft Visual C++ 2010 es una versión de Visual Studio específica para el lenguaje de programación C++. Es un entorno de desarrollo muy completo y profesional. Por
Más detallesEn términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas.
1 de 18 Inicio Qué es un foro En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas. En el campus virtual, el foro es una herramienta
Más detallesCÓMO CREAR NUESTRO CATÁLOGO
CÓMO CREAR NUESTRO CATÁLOGO Mediante la aplicación (http://www.prensasoft.com/programas/conline) podemos crear nuestros propios catálogos. Para crear un catálogo necesitamos: - Varios productos que mostrar,
Más detallesUn pequeñísimo tutorial para explicar cómo darse de alta al MEJOR SISTEMA de compartición, backup... en la web.
ALTA EN DROPBOX Un pequeñísimo tutorial para explicar cómo darse de alta al MEJOR SISTEMA de compartición, backup... en la web. DROPBOX EN LA RED Nos vamos a cualquiera de los navegadores que tengamos
Más detallesCurso de PHP con MySQL Gratis
Curso de PHP con MySQL Gratis Introducción Este mini curso o mini tutorial de PHP le ayudará a realizar cualquier sistema para que pueda insertar uno o varios registros a una base de datos con MySQL, este
Más detallesMANUAL DE AYUDA. SAT Móvil (Movilidad del Servicio Técnico)
MANUAL DE AYUDA SAT Móvil (Movilidad del Servicio Técnico) Fecha última revisión: Abril 2015 INDICE DE CONTENIDOS INTRODUCCION SAT Móvil... 3 CONFIGURACIONES PREVIAS EN GOTELGEST.NET... 4 1. INSTALACIÓN
Más detalles15 CORREO WEB CORREO WEB
CORREO WEB Anteriormente Hemos visto cómo funciona el correo electrónico, y cómo necesitábamos tener un programa cliente (Outlook Express) para gestionar los mensajes de correo electrónico. Sin embargo,
Más detallesUNIVERSIDAD 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
Más detallesTRABAJANDO CON NUESTRO BLOG DE AULA
TRABAJANDO CON NUESTRO BLOG DE AULA Tutorial sobre cómo crear un Blog de Aula mediante la plataforma Blogger Curso 2012/13 Daniel Mantilla Fernández Tutorial 1. Crear una cuenta de correo en Gmail Para
Más detallesAcá vamos a ocuparnos de cómo realizar la instalación de una red intra-aula sobre Linux, concretamente en la distribución de GNU/Linux Ubuntu 9.04.
Instalación de una red intra-aula sobre Linux (Ubuntu 9.04) Introducción La idea y la fundamentación de la creación de redes intra-aula, se puede encontrar en el siguiente enlace: http://www.fedaro.info/2009/06/29/redes-intra-aula/
Más detallesAnalítica para tu web
Analítica para tu web Mide, analiza y actúa para mejorar tus resultados Índice 1. Qué es la analítica web 2. Configura webmaker para utilizar tu herramienta de analítica web favorita 3. Métricas más habituales
Más detallesCómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes?
Preguntas frecuentes Cómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes? Atención! Esta opción es de configuración y solamente la prodrá realizar el administrador de la
Más detallesProgramación Gráfica 2D ( IV ) Tilemapping.
Autor: Sergio Hidalgo serhid@wired-weasel.com Introducción Programación Gráfica 2D ( IV ) Tilemapping. Con el último tutorial ya terminé de explicar el funcionamiento de SDL y la programación gráfica en
Más detallesSUBIR ARCHIVOS CON FTP. TRABAJAR EN UN SERVIDOR REMOTO. CREAR UNA PÁGINA WEB CON PROGRAMACIÓN PHP. (CU00814B)
APRENDERAPROGRAMAR.COM SUBIR ARCHIVOS CON FTP. TRABAJAR EN UN SERVIDOR REMOTO. CREAR UNA PÁGINA WEB CON PROGRAMACIÓN PHP. (CU00814B) Sección: Cursos Categoría: Tutorial básico del programador web: PHP
Más detallesIntroducción a Moodle
Instituto la Américas de Nayarit Ing. Elías Portugal Luna Qué es Moodle? Moodle es una aplicación web de tipo Ambiente Educativo Virtual, un sistema de gestión de cursos, de distribución libre, que ayuda
Más detallesIntroducción... 4. Cómo empezar a monetizar mi blog?... 7. Porqué son tan interesantes los ingresos por sistemas de afiliados?...
Aaaaa Contenido Introducción... 4 Cómo empezar a monetizar mi blog?... 7 Porqué son tan interesantes los ingresos por sistemas de afiliados?... 10 Cómo se pueden generar ingresos con un blog usando la
Más detallesSEGUNDA SESIÓN escaparate gadgets.
SEGUNDA SESIÓN Esta semana vamos a trabajar dentro del blog, lo vamos a preparar para que esté listo para usar en el aula y hacerlo público. Leed todo con atención y tomaros con tranquilidad las tareas.
Más detallesAPROVECHAR LA BASE DE DATOS BIBLIOGRÁFICOS REBECA CON EL PRO- GRAMA ABIES.
APROVECHAR LA BASE DE DATOS BIBLIOGRÁFICOS REBECA CON EL PRO- GRAMA ABIES. QUÉ ES REBECA? REBECA es una base de datos que contiene registros bibliográficos en formato Ibermarc. Está concebida como una
Más detallesIVOOX. 1º.-Subir y gestionar archivos.
IVOOX 1º.-Subir y gestionar archivos. Ivoox es un podcast que nos permite almacenar y compartir nuestros archivos de audio. Su dirección: http://www.ivoox.com/. Para utilizar Ivoox es necesario registrarse
Más detallesFilezilla: Qué es y para qué sirve un cliente FTP
Filezilla: Qué es y para qué sirve un cliente FTP Básicamente, y sin utilizar palabras ni lenguaje técnico, un cliente FTP es un programilla que nos permite conectarnos desde nuestro ordenador, a un servidor
Más detallesComo Solicitar y configurar tu web de DXN. Por: Jorge Calvo www.dxncanarias.com
Como Solicitar y configurar tu web de DXN Por: Jorge Calvo www.dxncanarias.com Paso 1: al poco tiempo de registrarte en DXN recibirás un email de intranet@dxn.hu con el asunto Acceso a intranet DXN en
Más detallesManual Configuración GlopDroid. Configuración del módulo GlopDroid para toma de comandas en tablets, móviles y tpv Android.
Manual Configuración GlopDroid Configuración del módulo GlopDroid para toma de comandas en tablets, móviles y tpv Android. El módulo para toma de comandas en Android de Glop se llama GlopDroid y con él
Más detallesGrupo: Documentación Tipo documento: Manual de Usuario V.1.0 /2011 René Darío Pacios Díaz
Proyecto - Rene Downloader v1.0 - Pág.1/7 Proyecto - Rene Downloader v1.0 - Pág.2/7 INDICE INDICE... 2 1. Introducción... 3 2. Instrucciones de manejo... 3 2.1. Controles básicos... 3 2.2. Estableciendo
Más detallesMANUAL COPIAS DE SEGURIDAD
MANUAL COPIAS DE SEGURIDAD Índice de contenido Ventajas del nuevo sistema de copia de seguridad...2 Actualización de la configuración...2 Pantalla de configuración...3 Configuración de las rutas...4 Carpeta
Más detallesGENERAR DOCUMENTOS HTML USANDO LENGUAJE PHP. EJERCICIO RESUELTO EJEMPLO SENCILLO. (CU00733B)
APRENDERAPROGRAMAR.COM GENERAR DOCUMENTOS HTML USANDO LENGUAJE PHP. EJERCICIO RESUELTO EJEMPLO SENCILLO. (CU00733B) Sección: Cursos Categoría: Tutorial básico del programador web: HTML desde cero Fecha
Más detallesCOMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS.
2011 2012 COMO CREAR UNA PÁGINA WEB 3-VÍNCULOS. IMÁGENES. FORMULARIOS. WWW.FAUBELL.COM vicente@faubell.com VÍNCULOS: Antes de proseguir hemos de repasar el concepto vínculo ya que vamos a utilizarlo mucho
Más detalles3.1. Guardar un libro de trabajo
Vamos a ver las operaciones referentes a archivos como abrir, nuevo, guardar, guardar como y cerrar para poder manejarlas sin problemas a la hora de trabajar con libros de trabajo de Excel. Básicamente
Más detallesLa 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
Más detallesHostaliawhitepapers. Usar Plesk para, poner en marcha nuestro dominio.
Usar Plesk para, poner en marcha nuestro dominio. Cardenal Gardoki, 1 48008 BILBAO (Vizcaya) Teléfono: 902 012 199 www.hostalia.com Dominio y alojamiento web Registrar un dominio no es sinónimo de tener
Más detallesEl Manual del Afiliado en Etic-etac.com
El Manual del Afiliado en Etic-etac.com Bienvenid@ a nuestro programa de afiliados! Si tienes en tus manos este manual, es porque te has decidido a ganar dinero recomendando nuestros productos. Enhorabuena!
Más detallesL204 DVD-ROM 1 Audio transcripts: Unidad 1
L204 DVD-ROM 1 Audio transcripts: Unidad 1 Tema 1 (Ruido de fondo en un bar) Carmen Carmen. Entrevistadora Carmen, y por qué decidiste inscribirte en estos cursos de la UNED? Carmen Pues porque es una
Más detallesTUTORIAL DE PUBLICACIÓN PARA REDACTORES
TUTORIAL DE PUBLICACIÓN PARA REDACTORES Fitfusion, pretende ser un punto de encuentro entre profesionales y adictos al fitness, donde compartimos conocimiento sobre nuestra pasión, el ejercicio físico
Más detallesManual aplicación móvil iphone y Android
Manual aplicación móvil iphone y Android Índice Para qué sirve la aplicación? 1 Sirve para mi teléfono? 1 Dónde la puedo descargar? 2 Registrarse en la aplicación 3 Pantalla de Inicio 5 El Club 6 Reservar
Más detallesGestión de Retales WhitePaper Noviembre de 2009
Gestión de Retales WhitePaper Noviembre de 2009 Contenidos 1. Introducción 3 2. Almacén de retales 4 3. Propiedades de los materiales 6 4. Alta de retales 8 5. Utilización de retales en un lote de producción
Más detallesHerramientas CONTENIDOS. MiAulario
Herramientas CONTENIDOS MiAulario CONTENIDOS Qué es Contenidos Ver un ejemplo Añadir la herramienta al sitio Añadir contenido en la página Páginas principales / subpáginas Criterios de visibilidad Configuración
Más detallesGimp - Segunda parte. En qué formatos puede grabar GIMP mi imagen? Guardar una imagen
Gimp - Segunda parte En qué formatos puede grabar GIMP mi imagen? Gimp puede guardar en su propio formato que es.xcf y mantendrá de esta forma las capas que hayamos añadido. Además puede exportar la imagen
Más detallesMi correo con OUTLOOK
Mi correo con OUTLOOK En este manual vamos a ver los pasos necesarios para configurar nuestra cuenta de correo. En primer lugar, ejecutaremos nuestro cliente outlook. Si es la primera vez que ejecutamos
Más detallesCitrix Conferencing Manager
1 de 21 07/05/2008 23:13 Citrix Conferencing Manager Instalación y configuración de Citrix Conferencing Manager, Conferencing Manager permite organizar reuniones en tiempo real en entornos Citrix Presentation
Más detallesLiLa Portal Guía para profesores
Library of Labs Lecturer s Guide LiLa Portal Guía para profesores Se espera que los profesores se encarguen de gestionar el aprendizaje de los alumnos, por lo que su objetivo es seleccionar de la lista
Más detallesTUTORIAL PHP WEBQUEST
TUTORIAL PHP WEBQUEST CURSO TIC CEIP ANDALUCÍA POSADAS (Córdoba) 1 TUTORIAL SOBRE PHP WEBQUEST PHP Webquest es un programa educativo pensado para realizar Webquest, Miniquest y Cazas del Tesoro sin necesidad
Más detallesManual de uso. Manual de uso - citanet 1
Manual de uso Manual de uso - citanet 1 1. Requisitos previos a la instalación... 3 2. Primer inicio de la aplicación.... 3 2.1. Pantalla de inicio de sesión.... 3 2.2. Datos de la empresa y configuración
Más detallesCONFEDERACIÓN DE EMPRESARIOS DE MÁLAGA
GUÍA DEL ALUMNO 1 Introducción 2 Acceso a la plataforma 3 Cerrar sesión 4 Estructura del curso virtual 5 Foros 5.1 No quiero recibir copias de los foros en mi email 6 Mensajería Interna 7 Como subir tareas
Más detallesCOPIAS DE SEGURIDAD CON COBIAN BACKUP INSTALACIÓN Y CONFIGURACIÓN
COPIAS DE SEGURIDAD CON COBIAN BACKUP INSTALACIÓN Y CONFIGURACIÓN Qué es Cobian Backup? Cobian Backup es un programa multitarea que podemos usar para crear y restaurar copias de seguridad de nuestros archivos
Más detallesMINI MANUAL PARA CREAR FORMULARIOS CON PHP Marzo 2007
MINI MANUAL PARA CREAR FORMULARIOS CON PHP Marzo 2007 Servicio de Informática y Comunicaciones Para poder diseñar un formulario y que éste nos envíe los resultados a nuestro correo electrónico, necesitamos
Más detallesModulo 3: Miaulario y Google Sites
Modulo 3: Miaulario y Google Sites Mi aulario : algunas sugerencias de uso.. 1.- Mi sitio Visitar las diferentes opciones del menú de Mi sitio: 2.- Nuestras asignaturas. Para cada una de nuestras asignaturas
Más detallesUso de varias pantallas y pantalla Splash
Uso de varias pantallas y pantalla Splash Índice 1. USO DE VARIAS PANTALLAS... 3 2. CREACIÓN DE PANTALLA DE INICIO O DE SPLASH... 10 2 1. Uso de varias pantallas Vamos a explicar como se crean aplicaciones
Más detallesCapí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
Más detalles