jacintogl82

Últimamente está muy de moda compartir archivos en "la nube" o lo que es lo mismo, subirlos a un servidor "on cloud", aquí os traigo un manual para instalar nuestra propia nube, espero que os guste y lo lleve alguien a cabo. ¿Qué es ownCloud? Empezaré por decir que ownCloud está pensado para la sincronización de ficheros en empresas, olvidándose estas de pagos innecesarios por este tipo de servicios. OwnCloud es un servicio gratuito de software libre, con el que podemos crear un espacio de almacenamiento en la nube en nuestros propios servidores. ¿Instalación de ownCloud? Lo único que necesitamos para instalar ownCloud y disponer del almacenamiento que queramos en la nube es un servidor con PHP5 y MySQL o SQLLite. Estos son los requisitos: php5 (> = 5.3) php5-gd php-xml-parser php5-intl Y como dependencias opcionales: php5-sqlite (> = 3) php5-mysql smbclient curl libcurl3 php5-curl Para instalar ownCloud basta con descargar la versión que queramos de ownCloud server y descomprimirlo en nuestro servidor PHP5. Después de descomprimir la versión de ownCloud server solo nos faltaría asignar permisos de escritura y seguir el asistente de instalación que proporciona ownCloud. (Se recomienda habilitar .htaccess y mod_rewrite si se ejecuta en Apache) Abra su navegador Web y vaya a la instancia ownCloud. Si va a instalar owncloud en la misma máquina desde la que accede al asistente de instalación de la url será: http://localhost/ (o http://localhost/owncloud ), siga los pasos de instalación y listo, ya podemos disfrutar de un servicio de almacenamiento en la nube. Conclusión Visto queda que se puede disponer de tanto almacenamiento como necesitemos en la nube, además de disponer de cliente web y móvil. Basta con disponer de un servidor con acceso desde internet para disfrutar de todos los servicios que ofrece ownCloud.

Bienvenidos de nuevo al tutorial que estoy siguiendo con vosotros sobre creación de aplicaciones para dispositivos móviles con Titanium Appcelerator, en esta ocasión veremos como crear nuestra primera aplicación con Titanium. Una vez que hemos inicializado nuestro Titanium Appcelerator, comprobaremos que lo hemos configurado y estamos trabajando correctamente creando una aplicación y lanzándola a un dispositivo móvil virtual. Creando nuestro proyecto Para crear un nuevo proyecto seleccionaremos en el menú de nuestro Titanium Studio la opción File -> New -> Mobile Project En la siguiente ventana seleccionaremos un template “Classic” del tipo “Single Window Application” como muestra el dibujo. En la pantalla Template Location completaremos los campos prestando atención a lo siguiente: Project name:* debería no incluir caracteres no alfanuméricos App ID:* debe estar en formato reverse Fully Qualified Domain Name (FQDN). Por ejemplo, com.example.yourAppName. No debería incluir caracteres no alfanuméricos Company/Personal URL:* URL completa en el siguiente formato, http://www.exmaple.com Nota: Si queremos tener nuestro proyecto en la nube (on cloud) seleccionaremos la pestaña “cloud-enable this application”. Navegando por nuestro proyecto En la siguiente ventana que nos aparece veremos un breve resumen de nuestra aplicación, los datos de inicio que hemos introducido; aquí podremos cambiar el logo de la aplicación, la descripción, añadir y eliminar módulos, etc… Toma nota de las siguientes opciones de uso: para ver cada proyecto individualmente o una vista de todos, cambia entre las vistas App Explorer y Project Explorer. el menú “Run”, sirve para lanzar una app. el menú “Debug”, sirve para lanzar una app en modo debug (lo explicaremos en siguientes tutoriales). el botón Link with Editor, cambia automáticamente el foco de la vista Project/App Explorer a el fichero abierto en la vista de código. Disposición de ficheros de sistema en nuestro proyecto En la navegación del sistema de ficheros del proyecto son importantes las siguientes áreas: todos los scripts y recursos de la aplicación estarán en la carpeta Resources los scripts y recursos específicos de cada plataforma estarán en las carpetas android e iphone app.js es el script de arranque de la aplicación, desde el que todos los demás ficheros son invocados tiapp.xml permite configurar la configuración del proyecto, tal como versiontes de Titanium SDK y Platform SDK. Corresponde a la ventana inicial que se nos abre al crear nuestro proyecto. Lanzando nuestra aplicación Nota: Antes de lanzar nuestra aplicación por primera vez verifica que Android SDK es compatible con la versión de Titanium SDK que estés usando. Selecciona o abre un fichero en el proyecto que quieres lanzar. Haz click en “Run” en la barra de herramientas y selecciona el dispositivo donde lanzarás la aplicación. Por ejemplo, Android Emulator y/o iOS Simulator. Ten en cuenta que un iPhone Simulator y un iPad Simulator no pueden lanzarse a la vez. En la opción “Run Configurations…” podremos inicializar los parámetros de un dispositivo específico para el que queramos lanzar nuestra aplicación. Para probar las aplicaciones en Android desde Mac recomendamos dejar el emulador de Android abierto, ya que tarda algo de tiempo en inicializar el emulador e instalar la aplicación en él. Con esto acaba este tutorial, en el siguiente comenzaremos a descubrir Alloy Framework. Gracias y espero que os haya sido fácil seguir este tutorial.

Bienvenidos a la nueva entrega de este tutorial de programación para Android e iOS, en esta entrega comenzaremos a profundizar en el framework Alloy para Titanium Appcelerator. Instalación de Alloy Para comenzar con el tutorial empezaremos instalando el framework Alloy en nuestro Titanium Studio, para ello solo tenemos que escribir el comando “sudo npm install –g alloy” en la consola de Titanium Appcelerator “NPM Packages Installer”, nos pedirá confirmación del password para obtener permisos de instalación y listo, tendremos el framework de alloy instalado y listo para comenzar a desarrollar nuestras aplicaciones. Creando nuestro proyecto Para crear nuestro proyecto Alloy solo tendremos que hacer lo siguiente: 1.- Desde el menú selecciona File -> Menú -> Mobile Project para mostrar el asistente de proyectos. 2.- Selecciona Alloy en la caja de plantillas disponibles, selecciona una plantilla y haz click en Next. 3.- Completa los campos y pulsa el botón Finish. Se generará un nuevo proyecto Alloy, las carpetas de recursos están ocultas desde el App y Project Explorer. Todo el trabajo para un proyecto Alloy se hace en el directorio app. Nota: En este punto se recomienda lanzar la aplicación en el simulador iPhone para comprobar que se ha creado correctamente. Comenzando el desarrollo de nuestra app En este punto tenemos que explicar la estructura de nuestro directorio app y para qué sirven los ficheros que se encuentran en él. alloy.js -> Este fichero es el primero que se ejecuta en nuestra aplicación, nosotros lo utilizaremos para inicializar nuestra aplicación y crear variables y funciones globales, esto lo haremos de la siguiente forma: Alloy.Globals.someGlobalFunction = function(){}; config.json -> Se utiliza para especificar valores globales, condiciones de entorno y valores de la plataforma de despliegue (iOS, Android, Blackberry,…), y las dependencias de widgets. views -> En esta carpeta estarán los ficheros de interfaz de usuario (GUI). El siguiente código define una ventana con una imagen y una etiqueta, y para nuestro desarrollo lo escribiremos en el fichero index.xml de la carpeta views. index.xml <Alloy> <Window> <ImageView id=”imageView” onClick=”clickImage”/> <Label id=”l”>Haz click en la imagen</Label> </Window> </Alloy> styles -> En esta carpeta estarán los ficheros que dan formato y estilos de los components de los ficheros view. En el siguiente código definimos un color de fondo de la ventana; posición, dimensiones y color de etiquetas; y posición, dimensiones y localización de la imagen. index.tss “Window”: { backgroundColor:”white” }, “#l”:{ bottom:20, width: Ti.UI.SIZE, height: Ti.UI.SIZE, color:’#999? }, “#imageView”:{ image:”/images/logo-app.png”, width:24, height:24, top:100 } ” controller -> En esta carpeta estarán los ficheros de la lógica de presentación, los cuales responden a los movimientos del usuario. El código siguiente crea un controlador de diálogo de alerta cuando el usuario hace clic en la imagen y se abre la ventana cuando se inicia la aplicación. index.js function clickImage(e) { Titanium.UI.createAlertDialog({title:’Image View’, message:’You clicked me!’}).show(); } $.index.open(); assets -> En esta carpeta se encuentran los recursos de la aplicación, imágenes, vídeos, música,… Para nuestro ejemplo crearemos una carpeta “images” dentro del directorio del sistema para el que queremos crear nuestra aplicación dentro de assets donde copiaremos una imagen, en mi caso copiaré el logo (https://github.com/desarrollowebstudio/appcelerator/blob/master/logo-app.png?raw=true) dentro de los directorios “assets/android/images” y ”assets/iphone/images”. Con esto tendremos creada nuestra primera aplicación con el framework Alloy, aquí tenéis el resultado. Espero se os haya hecho sencillo este tutorial y os espero en el siguiente. Un saludo.