Ads 468x60px

Perfil

martes, 30 de julio de 2013

Herramientas gratuitas para optimizar tiempo en tus actividades

La productividad es un tema muy importante en nuestros labores diarios, para quienes se distraen fácilmente les comparto tres de las mĂşltiples herramientas y aplicaciones para mejorar su rendimiento:

1.Pocket

En ocasiones encontramos contenido interesante en Internet pero no siempre es el mejor momento para leerlo. Pocket es una herramienta que te permite almacenar artĂ­culos, vĂ­deos y otro tipo de contenido creando una lista de informaciĂłn que tendrás a tu disposiciĂłn cuando tengas el tiempo necesario para revisarlo.
Disponible para iPhone y iPadAndroid y extensiĂłn para Google Chrome.

2.Rescue Time

rescue-time
Rescue Time es un software que realiza seguimiento de los sitios que visitas y cuánto tiempo inviertes en ellos creando un reporte de productividad. El objetivo de la herramienta es detectar cuales son tus distracciones principales que impiden realizar las tareas laborales a diario.
La descarga tiene dos versiones una gratuita y otra pro, la diferencia de ambas es que la segunda tiene más caracterĂ­sticas, por ejemplo “nubes” de alertas al pasar mucho tiempo en alguna distracciĂłn, deshabilitar sitios por un perĂ­odo de tiempo, entre otras.

3.Lift

lift-do
Muchas de las actividades que realizamos a diario son parte de una rutina laboral o personal, para cumplir con cada una de ellas debemos tener enfoque y ser constantes creando, eventualmente un hábito. Lift es una herramienta gratuita en dĂłnde puedes esquematizar tus actividades diarias con el objetivo de que al finalizar el dĂ­a des “check” a cada actividad que realizaste.
En ella puedes ver qué días eres más productivo, qué actividades avanzaste más y en cuál estás fallando. También puedes unirte a grupos en relación a categorías o hábitos en los que estés trabajando. En un inicio será difícil pero es importante que seas consciente ya que aunque la herramienta te ofrece un seguimiento diario, depende mucho de ti realizarlo.
Las distracciones limitan nuestro ritmo de trabajo y no se trata solamente de probar todas las herramientas o leer extensa informaciĂłn sobre productividad si no lo ponemos en práctica. Despejar tu mente y concretar ideas a corto plazo puede ser más efectivo que organizar tu dĂ­a en una aplicaciĂłn.

viernes, 26 de julio de 2013

Aplicaciones mĂłviles para crear divertidos fotomontajes

A todos nos gusta hacernos fotos. O en todo caso, ver las fotografĂ­as de nuestros amigos. De ahĂ­ el Ă©xito de Facebook, Instagram o Flickr. Con los telĂ©fonos mĂłviles, es facilĂ­simo retratarte o sacar una imagen estĂ©s donde estĂ©s, con tus amigos, solo o incluso en el trabajo. Pero ahĂ­ no queda todo el potencial del celular, ya que además de usar la cámara, puedes crear montajes fotográficos al más puro estilo Photoshop. Además de los habituales editores de imagen, hay aplicaciones especializadas en crear fotomontajes con el mĂłvil que apenas requieren conocimientos tĂ©cnicos y que tan sĂłlo te piden elegir una imagen y tocar uno o dos botones.
fotomontajes con el mĂłvil
Las aplicaciones que mostramos a continuaciĂłn están pensadas para ser usadas por cualquiera. La gran mayorĂ­a cuenta con vista previa que te muestra cĂłmo queda la fotografĂ­a original al aplicar el fotomontaje. Además, la selecciĂłn de filtros y efectos que suelen tener estas aplicaciones nada tienen que envidiar a los filtros de Photoshop y otros programas profesionales de retoque fotográfico, incluyendo tambiĂ©n la posibilidad de añadir textos, crear collages e incluso compartir los resultados en Internet.
  • PHOTO2fun (AndroidiOS): Empezamos por una de las aplicaciones más completas para colocar una imagen en cualquier lugar que puedas imaginar consiguiendo sorprendentes fotomontajes con el mĂłvil: un museo, en mitad de la calle de una ciudad donde nunca has estado, una parada de autobĂşs, la portada de un diario… La selecciĂłn de efectos es impresionante, con resultados muy buenos en cuestiĂłn de segundos. Además, permite compartir el resultado en redes sociales.
  • PhotoMontager (AndroidiOS): Esta aplicaciĂłn está más enfocada a los marcos, aunque Ă©stos son en 3D y ocupan prácticamente toda la pantalla, por lo que tu imagen irá en un pequeño rincĂłn. Los hay para todos los gustos y los resultados son muy logrados. Como ventaja, permite importar tus fotografĂ­as de Facebook.
  • BeFunky Photo Editor (AndroidiOS): Ya hemos hablado de BeFunky en otra ocasiĂłn, ya que desde su página web puedes editar tus fotos. TambiĂ©n es posible lograr divertidos fotomontajes con el mĂłvil usando esta aplicaciĂłn para iOS y Android. Tiene una gran selecciĂłn de efectos y filtros, asĂ­ como marcos y la posibilidad de añadir textos.
  • Split Camera HD (Android): Esta aplicaciĂłn está especializada en un tipo concreto de fotomontaje, que consiste en fotografiar un objeto o persona dos veces para que parezca que está repetido en la misma fotografĂ­a. Es muy fácil de usar y con un poco de pericia conseguirás buenos resultados sin que se note el efecto gracias a su corrector de color y saturaciĂłn.
  • imikimi Photo Frames Free (iOS): Otra aplicaciĂłn repleta de efectos, filtros y marcos, algunos gratuitos y otros de pago, con los que dejar irreconocible una fotografĂ­a aburrida y convertirla en un fotomontaje divertido y sorprendente. Los efectos vienen organizados por categorĂ­as y la vista previa permite ver en todo momento cĂłmo quedará el montaje. Jugando con sus herramientas obtendrás un buen resultado con poco esfuerzo.
  • Deco Face Free (Windows Phone): Esta curiosa aplicaciĂłn está pensada para decorar caras o cualquier objeto que se te ocurra con ojos, narices, bocas, gafas, barbas y cualquier otro complemento que se te ocurra. Aunque puede parecer algo limitado, trasteando un poco con la galerĂ­a de dibujos encontrarás lo que necesitas para decorar fotografĂ­as de manera original.
  • Face Swap (Windows Phone): Para terminar, una aplicaciĂłn que cambia tu cara por la de la personaque tengas al lado. Seleccionas la fotografĂ­a, indicas dĂłnde están los dos rostros a intercambiar, y la aplicaciĂłn los reconocerá y cambiará de forma más o menos acertada. En cualquier caso, el resultado es muy divertido.

jueves, 25 de julio de 2013

Cómo diseñar aplicaciones móviles desde la web

Las aplicaciones mĂłviles están en su mejor momento. Se cuentan por miles, las hay para todos los gustos y cubren prácticamente cualquier necesidad. Y aunque parezca fácil crearlas, no lo es. Detrás de una aplicaciĂłn mĂłvil que pueda parecer muy sencilla, hay un trabajo de diseño y de programaciĂłn. Por suerte, cada vez es más fácil crear tu propia app, y existen proyectos como AppsBuilder, del que ya hablamos y que consiste en diseñar aplicaciones mĂłviles siguiendo un práctico formulario y sin necesidad de saber programar. Pues bien, este servicio no está solo, y en la actualidad hay muchos proyectos similares. Los repasamos a continuaciĂłn.
diseñar aplicaciones móviles
El objetivo de estas páginas es ayudarte a diseñar aplicaciones mĂłviles a partir de una idea sin limitarte por no saber programar. La imaginaciĂłn es infinita, pero no siempre contamos con el recurso humano que entienda de la tecnologĂ­a necesaria para hacer posible la aplicaciĂłn que queremos crear. Estas páginas permiten, a travĂ©s de plantillas, cubrir esa carencia tĂ©cnica con resultados más que aceptables. Veamos algunos ejemplos.
  • Mobincube: Junto con AppsBuilder, es de los servicios de este tipo más populares, y es que ofrece unentorno muy cĂłmodo para crear tus aplicaciones mĂłviles con el ratĂłn. Tiene un plan gratuito y dos de pago, en funciĂłn de tus necesidades, y los resultados son notorios. Una de sus ventajas es que puedesdiseñar la interfaz con un editor, colocando los elementos como creas conveniente. Además, te facilita la publicaciĂłn en Google play, Apple Store y la Tienda de Windows Phone.
  • UppSite: Aunque está disponible sĂłlo en inglĂ©s, esta página te ayudará a crear tu propia aplicaciĂłn. Como en casos anteriores, permite integrar contenido de tu blog o muro de fotografĂ­as en formato aplicaciĂłn mĂłvil. Con la cuenta gratuita, podrás publicarla en una tienda propia para Android/iOS, y con los paquetes de pago, tendrás la posibilidad de publicar en las tiendas oficiales de iOS, Android y Windows Phone.
  • Creapp: Esta página en español tan sĂłlo cuenta con servicio de pago, pero aĂşn asĂ­ merece la pena para publicar aplicaciones en la App Store y en Google Play. A travĂ©s de cinco sencillos pasos, seleccionas las funciones que tendrá, de dĂłnde extraer el contenido, quĂ© aspecto tiene, compruebas que el resultado es el que deseas, y ya podrás solicitar su publicaciĂłn en las tiendas oficiales de iOS y Android. Como en otros casos, el sistema modular permite añadir y quitar elementos fácilmente, dando pie a aplicaciones distintas entre sĂ­.
  • TouchDevelop: Microsoft ofrece esta interesante herramienta online con la que craer aplicaciones mĂłviles multiplataforma (iOS, Android, Windows, Mac y Windows Phone). En este caso, sĂ­ que hay quesaber programar, al menos en HTML5, pero la gracia del servicio es que adapta el cĂłdigo para que sea compatible como aplicaciĂłn independiente en distintas plataformas. Como ayuda no está mal.
  • AppMakr: Al entrar a esta página leerás que no necesita cĂłdigo. AppMakr te ayuda con la ardua tarea de crear una aplicaciĂłn mĂłvil para iOS (iPhone iPad, iPod touch), aunque tambiĂ©n ofrece soporte para Windows Phone y para Android, en pruebas. Introduces el nombre de tu página o blog, y este serviciohará prácticamente todo el trabajo, recopilando el material (texto, imagen, vĂ­deo) y creando la aplicaciĂłn por ti. Luego, podrás personalizar el resultado y adaptarlo a tus necesidades. Además, tiene un plan gratuito y otro de pago.
  • BlackBerry App Generator: Para terminar, la propuesta de BlackBerry para diseñar tus propias aplicaciones mĂłviles para esta plataforma. La página indica que tardarás 10 minutos en crear una aplicaciĂłn para BlackBerry sin conocimientos de programaciĂłn. Indicas de dĂłnde extraer el contenido (YouTube, Tumblr, Blogger, un RSS, Flickr...), eliges un diseño de las plantillas disponibles, añades la descripciĂłn y tendrás tu app en minutos.

domingo, 14 de julio de 2013

ColecciĂłn de Chuletas de Lenguajes de ProgramaciĂłn

Cada lenguaje de programaciĂłn, programa, framework, tipo de datos y muchos otros aspectos de la informática requieren aprender un lenguaje especĂ­fico, con signos y expresiones que hacen que el cĂłdigo sea válido. Algunos son muy parecidos entre si (por ejemplo los diferentes lenguajes de programaciĂłn comparten muchas estructuras, tipos de datos, formatos, etc.) pero cada uno tiene sus especificidades, con lo que un programador / desarrollador / diseñador de software debe memorizar muchas palabras clave y formas de llamar a mĂ©todos para cada lenguaje que conoce o encontrar una forma fácil de recordarlo. Para esto nacieron los ‘cheat sheets’  o chuletas que resumen visualmente los principales aspectos de cada lenguaje o programa. AquĂ­ un resumen de algunos de ellos que os pueden ser Ăştiles:

Lenguajes de ProgramaciĂłn

PHP:
php-cheat-sheet
HTML5
HTML5-Cheatsheet-1000px
CSS
MySQL
mysql-cheat-sheet-v1
Jquery
Ruby on Rails
ruby-on-rails-cheat-sheet-v1

Diseñadores

CĂłdigo RGB
rgb-hex-cheat-sheet-v1
Fonts

web-safe-fonts-cheat-sheet

Ăštiles

Microformatos
microformats-cheat-sheet-v1
Expresiones Regulares
regular-expressions-cheat-sheet-v2
Mod_rewrite
mod_rewrite-cheat-sheet-v1mod_rewrite-cheat-sheet-v2
SEO
seo
Buscadores
seo_cheatsheet

miércoles, 3 de julio de 2013

ProgramaciĂłn Android: Hola Mundo


Antes de empezar, quiero comunicar que todas las entradas relacionadas con los tutoriales de Android los colocarĂ© en la página Android.
En esta entrada vamos a empezar directamente con el tĂ­pico Hola Mundo (Hello World):

CREANDO EL PROYECTO

Arrancamos eclipse con todo configurado correctamente y vamos a Archivo->nuevo->Proyecto Android:
crear Proyecto Android
Despues de esto se nos mostrará un dialogo para configurar el proyecto, debemos introducir:
  • El nombre del proyecto. en este caso Hola Mundo
  • Donde queremos crear el proyecto (normalmente dentro del workspace).
  • VersiĂłn Android a la que irá destinada la aplicaciĂłn, en este caso Android 2.2
  • Nombre de la aplicaciĂłn (El que se mostrará al usuario una vez instalada, Hola Mundo).
  • El Nombre del paquete que se usa como espacio de nombres y estructura de organizaciĂłn del cĂłdigo, “app.tutorial.holaMundo”
  • Marcamos la opciĂłn Crear Actividad para que eclipse cree la clase que se lanzará al ejecutar la aplicaciĂłn. Normalmente a esta clase se le llama MainActivity.
  • VersiĂłn MĂ­nima del SDK es la versiĂłn mĂ­nima necesaria del SDK para ejecutar la aplicaciĂłn, a menor nĂşmero, la aplicaciĂłn correrá en más terminales, pero no podremos usar las Ăşltimas caracteristicas de Android.
  • Una vez rellenado todo, le damos a finalizar.
configuracion proyecto Android
Ya hemos creado nuestro primer proyecto Android, ahora vamos a ver de qué se compone:

COMPONENTES DEL PROYECTO

Los proyectos de Android siguen una estructura fija de carpetas que debemos respetar. Podemos ver esta estructura con la vista Package Explorer que proporciona eclipse:
Estructura proyectos Android

Carpeta src (de fuentes)

Esta carpeta contiene el código fuente organizado en paquetes. Aquí irán las clases java de nuestra aplicación.

Carpeta gen (archivos generados)

AquĂ­ van los archivos que genera el compilador en sus pasadas, como el archivo de recursos R, esta carpeta normalmente no se debe tocar.

Carpeta assets (De recursos varios)

Almacena recursos que pueda necesitar nuestra aplicaciĂłn, como ficheros de mĂşsica etc.
Podremos acceder a ellos fácilmente con la clase del sistema AssetManager

Clase de recursos (res)

Esta carpeta es una de la que más vamos a usar junto con src, contiene todos los recursos necesarios para la aplicaciĂłn. Todos los archivos de esta carpeta son indexados por el compilador y se genera el fichero de recursosR, que nos permite acceder a ellos de una forma rápida.
Está dividida en subcarpetas:
  • anim: Ficheros XML para la definiciĂłn de Animaciones.
  • color: Ficheros XML de definiciĂłn de colores.
  • drawable: Ficheros bitmap(.png, .9.png, .jpg, .gif) o XML con contenidos que se dibujarán (fondos, botones etc).
  • layout: Ficheros XML que definen la capa de interfaz de usuario.
  • menu: Ficheros XML con la definiciĂłn de los menĂşs de la aplicaciĂłn.
  • raw: Binarios que no se pueden colocar en las otras carpetas.
  • values: Ficheros XML para la definiciĂłn de estilos, cadenas de texto para localizaciĂłn etc.
  • xml: Ficheros XML que pueden ser accedidos en tiempo de ejecuciĂłn.
Algunas carpetas pueden tener varias versiones para adaptarse a diferentes tamaños de pantallas, idiomas etc.

El archivo Manifest (AndroidManifest.xml)

Todos los proyectos tienen un archivo como este, en Ă©l se detallan las caracterĂ­sticas principales (mĂłdulos, permisos, nombre, icono…).
Ahora que hemos explicado la estructura de un proyecto Android, veamos el ejemplo Hola Mundo al detalle

Profundizando en el “Hola Mundo”

package app.tutorial.holaMundo;
 
import android.app.Activity;
import android.os.Bundle;
 
public class MainActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}
Al crear el proyecto dimos nombre a una Actividad (MainActivity), estas clases son las encargadas de mostrar las interfaz gráfica al usuario, deben extender de la clase Activity.
Al crear una activity Android llama a su mĂ©todo onCreate() que hace lo necesario para mostrar la pantalla al usuario. Tal y como está la actividad al crear el proyecto. Hace una llamada a setContentView(), que tiene como parámetro el identificador de una vista ya creada.
Por lo tanto, R.layout.main referencia a un archivo xml situado en la carpeta ./res/layout (ficheros de definiciĂłn de pantalla).

Archivo ./res/layout/main.xml

< ?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<textview android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/hello"
    />
</linearlayout>
En este archivo se define una pantalla en la que los elementos se agruparán de forma lineal (LinearLayout) y con un componente de texto (TextView). Al componente de texto le fijamos el texto a mostrar con la referencia@string/hello (valor del item en ./res/values/strings.xml)

Archivo ./res/values/strings.xml

< ?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">Hello World, MainActivity!</string>
    <string name="app_name">Hola Mundo</string>
</resources>
Para que la aplicaciĂłn funcione es necesario crear el AndroidManifest:
< ?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="app.tutorial.holaMundo"
      android:versionCode="1"
      android:versionName="1.0">
    <uses -sdk android:minSdkVersion="8" />
 
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".MainActivity"
                  android:label="@string/app_name">
            <intent -filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent>
        </activity>
 
    </application>
</manifest>
En este archivo se definen el paquete por defecto, datos de versión, icono (mediante una referencia). El nombre de la aplicación (otra referencia al fichero strings.xml). Despues se define el comportamiento de la aplicación. Se añaden dos filtros para que la actividad que definimos anteriormente sea usada como principal (android.intent.action.MAIN) y para que sea incluida en el menú de aplicaciones (android.intent.category.LAUNCHER)