Cómo instalar Whatsapp Web en PC o Tablet

Objetivo:

Conseguir visualizar Whatsapp por fin en nuestro ordenador o tablet.

Mucho hemos luchado por ésta opción, y finalmente se hizo oficial la posibilidad de utilizar esta aplicación de mensajería en nuestro PC: “Whatsapp Web”

En anteriores entradas se contruyeron listas de compatibilidades de Whatsapp en diferentes tablets: http://www.tutorialandroid.com/trucos/tablets-android-compatibles-con-whatsapp, ahora por fin podremos probar las no compatibles con esta versión Web de la aplicación (lo que implica que deberemos usar un navegador de internet para ello).

¿Como se “instala” Whatsapp Web en el ordenador?

  1. [Desde el móvil] Actualiza Whatsapp a través de  Google Play: actualizar (en iOS tendremos que esperar un poco todavía).
  2. [Desde el móvil] Entra en Whatsapp, y pulsa “Menú” -> “Whatsapp Web”. Ahora el móvil nos pide escanear un código que está en nuestro ordenador.
  3. [Desde el PC] Entrar en un navegador (Chrome o Firefox u Opera o Safari) en la web https://web.whatsapp.com/
  4. [Desde el móvil] Escanea el código que aparece en la pantalla de tu PC, y si todo ha ido bien, ya aparecen todos tus contactos y chats y puedes usar Whatsapp desde tu ordenador.

¿Como se “instala” Whatsapp Web en una tablet?

  • Exactamente igual que los pasos anteriores para un ordenador, pero en lugar de arrancar el navegador en el PC, lo hacemos desde la tablet.
  • ¿Qué problema podríamos encontrarnos en una tablet? Que al entrar en https://web.whatsapp.com no se vea el código QR para escanear.
    • Solución: [Desde la tablet] una vez dentro de Firefox, pulsamos “Menú” -> “Pedir sitio de Escritorio” (abajo dejo una captura de pantalla)
  • Yo ya lo he probado en mi Tablet Onda v989, con navegador Firefox, y funciona 100%. Dejo unas capturas de pantalla:

manual_uso_whatsapp_tablet_tutorialandroid_com

usar_whatsapp_en_tablet_tutorialandroid_com

¿Qué navegadores son compatibles con Whatsapp Web?

  • Google Chrome
  • Firefox
  • Opera
  • Safari (recientemente añadido)

Espero vuestros comentarios con problemas y soluciones de nuevo, y gracias por la colaboración siempre!

Montar un control de versiones SVN (subversion) para nuestro codigo en 1and1

Objetivo: montar una web donde podamos controlar las versiones de nuestro código de aplicaciones Android (aunque es aplicable a cualquier proyecto: PHP, .NET…). Nuestro SVN (Subversion) lo montaremos en 1and1, dada su facilidad. Tras montarlo, damos ejemplos de uso, y aplicamos nivel de seguridad HTACCESS para el acceso por HTTP.

MONTAR EL DIRECTORIO SVN EN 1AND1:

– Descargar servidor SVN para controlar versiones por navegador:

    http://websvn.tigris.org/servlets/ProjectDocumentList

– Descargamos el fichero (websvn-2.3.3.zip en mi caso), lo subimos a 1and1 y lo descomprimimos, por ejemplo, en la carpeta websvn/

– Creamos en 1and1 un subdominio (o dominio) que apunte a dicho directorio y accedemos a él por navegador. Por ejemplo: svn.prueba.com.

– Veremos un mensaje de error, ya que se necesita un fichero de configuración. Para dicho fichero, hacemos copia del fichero /includes/distconfig.php y lo llamamos config.php

– Toca configurar el fichero:

  • Descomentamos y modificamos (o simplemente agregamos esta linea al principio): $config->setSvnConfigDir(‘tmp’);
  • Descomentamos y modificamos (o simplemente agregamos esta linea al principio): $config->addRepository(‘Titulo de una carpeta de mi respositorio’, ‘file:///kunden/homepages/3/g147851711/htdocs/websvn/proyectos_svn’);

– En consola (SSH):

  • Como vemos, se ha tenido que poner la ruta completa del directorio (ver con pwd). También hace falta crear el directorio tmp/ dentro de la carpeta websvn/: mkdir /kunden/homepages/3/g347851712/htdocs/websvn/tmp
  • Creamos el directorio-repositorio con la propiedad de svnadmin:  svnadmin create /kunden/homepages/3/g147851711/htdocs/websvn/proyectos_svn

– Listo, ya pdemos usar en nuestro navegador la url http://svn.prueba.com el listado de directorios que tenemos bajo control de versiones. Mirando bien el fichero config, se pueden añadir directorios separados, proyectos,y muchas más cosas…

HACER CHECKOUT:

– Con un checkout del proyecto en local (con la ayuda de Netbeans por ejemplo), podremos descargarlo y trabajar sobre él, haciendo los commits al ir finalizando tareas.
– Un checkout del proyecto en producción (se suele tener que hacer bajo línea de comandos), si no lo teníamos todavía subido (si es al contrario habría que hacer el add), nos hará tener bajo control de versiones el proyecto que todo el mundo podrá visitar vía web.

HACER COMMIT, UPDATE… :

– Ahora vamos a ver como, por ejemplo, desde NetBeans, metemos un proyecto en control de versiones:

  • Teniendo un proyecto ya en NetBeans, vamos a meterlo en SVN: botón derecho en el proyecto -> Versioning -> Import into Subversion Repository
  • En los parámetros, debemos meter:

Repository URL: svn+ssh://prueba.com/kunden/homepages/3/g147851711/htdocs/websvn/proyectos_svn

     Username: <user>

     Password: <pass>

Nota: ver como no se pone svn.prueba.com, sino solamente prueba.com (el nombre del host).  El <user> y <pass> son los mismos que el usuario de SSH de 1and1

Y listo, seguir el Wizard y lo tendremos en control de versiones ;)

PROTEGER NUESTRA URL DE SVN EN 1AND1:

– Imaginaos que queremos proteger, al menos con usuario/password de htaccess la url svn.prueba.com. Iríamos al directorio websvn/ y hacemos:

  • Creamos usuario de htpasswd: htpasswd -c .htpasswd manolitogafotas
  • Con eso se ha creado el fichero .htpasswd, con el par usuario:md5(password). Vamos a crear otro, para ver que los siguientes es distinto: htpasswd .htpasswd jaimito
  • Ahora creamos el fichero .htaccess, que apuntando al .htpasswd, nos protegera el directorio: vim .htaccess

AuthType Basic
AuthName “Acceso al SVN de Prueba”
AuthUserFile /kunden/homepages/3/g147851711/htdocs/websvn/.htpasswd
Require valid-user
AddHandler x-mapp-php5 .php3 .php4 .php .phtml

  • Salimos y grabamos. Ya tenemos protección.

Como guardar preferencias en mi aplicación con SharedPreferences sin usar base de datos

Objetivo:

Guardar preferencias en mi aplicación sin usar base de datos, de forma que podremos consultar los datos guardados en la misma aplicación, o incluso desde otras, ajustando parámetros.

Para esto, Android dispone de una clase SharedPreferences. Instanciando objetos de la misma, podremos guardar datos en nuestra aplicación para poder consultarlos más tarde.

Esta solución y rápida y muy simple, con lo que ahorraemos muchísimo tiempo. Los datos se guardarán automáticamente en un fichero XML en la ruta de nuestra aplicación con las preferencias en su interior, pero no tenemos que preocuparnos porque lectura y escritura son manejados por la clase SharedPreferences.

Dichas preferencias podrían compartirse con otras aplicaciones si lo deseamos, pasando un parametro a la hora de instanciar el objeto:

  • MODE_PRIVATE: sólo nuestra aplicación podrá leer y escribir datos de configuración en el fichero XML.
  • MODE_WORLD_READABLE: sólo nuestra aplicación podrá escribir datos de configuración, el resto de aplicaciones del dispositivo Android podrá leer los datos de configuración pero no modificarlos.
  • MODE_WORLD_WRITEABLE: todas las aplicaciones del dispositivo Android podrán leer y escribir datos de configuración en el fichero XML.
  • MODE_MULTI_PROCESS: no suele usarse, puede servir cuando la aplicación tiene múltiples procesos (para la comunicación entre ellos).

Antes de poner un ejemplo, es importante saber que la forma adecuada para las llamadas es en los métodos onStart y onDestroy de la aplicación Android, para leer y guardar respectivamente las preferencias.

Para obtener, insertar o modificar preferencias: get o put correspondientes al tipo de dato de cada preferencia.
Por ejemplo getString(“usuario”, “pepito_por_defecto”) accederia al elemento con indice/clave “usuario”. Si no se devuelve valor, pondria por defecto “pepito_por_defecto”.

Creamos un ejemplo completo donde guardamos una cadena en las preferencias al salir de la aplicación, y la leemos al arrancar ésta. Observaremos cómo la primera vez que la arrancamos no está guardada, y las siguientes ya sí. Creamos varias funciones (cargarPreferencias y guardarPreferencias) para hacerlo más entendible.

Código fuente Java:

[sourcecode language=”java”]
package sharedpreferences.tutorialandroid.com;
import android.app.Activity;
import android.content.Context;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.widget.Toast;

public class TutorialAndroid_SharedPreferencesActivity extends Activity {
String preferencias1;
String preferencias2;
boolean preferenciasGuardadas;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}

// al abrir la aplicación, guardamos preferencias
@Override
public void onDestroy(){
super.onDestroy();
guardarPreferencias();
}

// al abrir la aplicación, cargamos preferencias
@Override
protected void onStart() {
super.onStart();
cargarPreferencias();
// para ver el funcionamiento, imprimimos preferencias si existen
String mensaje = "";
if (this.preferenciasGuardadas) {
mensaje = "Las preferencias fueron guardadas ya";
} else {
mensaje = "Las preferencias todavia no se guardaron";
}
Toast.makeText(this, mensaje, Toast.LENGTH_SHORT).show();
}

//guardar configuración aplicación Android usando SharedPreferences
public void guardarPreferencias(){
SharedPreferences prefs = getSharedPreferences("preferenciasMiApp", Context.MODE_PRIVATE);
SharedPreferences.Editor editor = prefs.edit();
editor.putBoolean("preferenciasGuardadas", true);
editor.putString("preferencia1", "Hola estoy guardando esto");
editor.putString("preferencia2", "y tambien esto");
editor.commit();
Toast.makeText(this, "guardando preferencias", Toast.LENGTH_SHORT).show();
}

//cargar configuración aplicación Android usando SharedPreferences
public void cargarPreferencias(){
SharedPreferences prefs = getSharedPreferences("preferenciasMiApp", Context.MODE_PRIVATE);
this.preferencias1 = prefs.getString("preferencia1", "valor por defecto");
this.preferencias2 = prefs.getString("preferencia1", "valor por defecto");
preferenciasGuardadas = prefs.getBoolean("preferenciasGuardadas", false);

}
[/sourcecode]

Descárgate el código aquí

En el código descargable se encuentra el proyecto completo.

¡Espero que os sirva de ayuda, saludos!

Aplicaciones de mensajeria o llamadas gratuitas alternativas a Whatsapp

Objetivo:

Revisar las aplicaciones gratuitas de mensajería que podemos instalar en un dispositivo Android, ya que Whatsapp, aun siendo la más famosa todavía, no es la única buena que podemos encontrar en Google Play.

Echando un ojo a Google Play podemos encontrar rápidamente aplicaciones alternativas a Whastapp, que añaden diferentes funciones muy interesantes y útiles a la hora de comunicarse: poder pegar un grito a todo el mundo alrededor, puntuar a personas, enviar varias imágenes al mismo tiempo, realizar llamadas de voz gratuitas, tener una red social, mostrar o ver biografía de tus contactos… son algunas de las interesantes propuestas de dichas aplicaciones, que entran fuerte y prometen ser buenas competidoras del famoso Whatsapp.

Dado que últimamente se habla de rumores sobre Whatsapp de pago, o se han detectado errores en algunos servicios (como la consulta del estado de amigos), se ha creado este post para ver las alternativas que poseemos en caso de tener un segundo cliente de mensajería instantánea gratuito en nuestro dispositivo Android. También viene bien si tras intentar instalar Whatsapp en el tablet (aquí podéis ver el tutorial para instalarlo) no terminó de cuajar, y desees al menos instalar alguno.

Comentamos dichas aplicaciones, con enlaces de descarga oficiales a Google Play por supuesto, y numerando las ventajas y desventajas de las mismas:

SpotBros SpotBros

  • Desarrollador: SpotBros Technologies S.L.
  • Categoría: comunicación
  • Instalaciones: 500.000 – 1.000.000
  • Precio: Gratis
  • Análisis: esta app, creada por españoles, ha conseguido llegar rápidamente a muchos usuarios. Posee puntos fuertes a destacar:seguridad (han cuidado que las conversaciones estén cifradas y borran datos mensualmente de sus servidores), comunicación original con otros usuarios (por ejemplo el uso de Shouts para dar un grito a las personas que tienes alrededor, aunque no sean amigos), mezcla con redes sociales (puedes votar a otros usuarios), optimizado de batería (en geolocalización se posee la opción de uso de red móvil para no consumir tanto con el GPS). Además, se puede avisar a todos tus contactos de Whatsapp automáticamente, para que sepan que ya usas la app.
Dejamos un video promocional para que os lo cuenten sus autores:

 

Captura de pantalla de Spotbros:
SpotBros captura

Line Line

  • Desarrollador: Naver.
  • Categoría: comunicación
  • Instalaciones: 10.000.000 – 50.000.000
  • Precio: Gratis
  • Análisis: posiblemente el mayor rival de Whatsapp. En muy poco tiempo ha alcanzado un alto porcentaje de las instalaciones. Ello podría estar causado por asuntos que han manchado a Whatsapp últimamente (problemas con la visión del estado de amigos, o los rumores de típicos de que sería de pago próximamente). Line fue creado en Japón en la época del tsunami. Las redes móviles habían caido, y la comunicación era por Wifi. En este sentido, parece una app muy estable. Posee una ventaja de momento crucial: puedesrealizar llamadas. De momento dicha propiedad funciona perfectamente, por lo que se suman puntos para la app. También posees un apartadoHome, donde puedes compartir (al estilo biografía de Facebook) tu estado con fotos, etc. En Line se usan laspegatinas , que vienen a ser dibujos que puedes incrustar en fotografías. Incluso hay una tienda donde puedes conseguir más por si no te parecen suficientes. Otra ventaja es que dado que se basa en nombres de usuario (Whatsapp sólo con números de teléfono), se puede agregar a personas sin tener que dar los números de teléfono. Además, se pueden agregar personas leyendo códigos QR. Otra funcionalidad (con la que mucha gente confunde el doble check de Whatsapp todavía) es poder ver cuando un amigo ha leido tu mensaje. Como contrapartida, tras algunas pruebas, la batería parece consumirse mucho antes con esta aplicación. De todas formas se siguen haciendo pruebas para verificarlo, aunque parece que es algo generalizado.
Captura de pantalla de Line:
Line captura

Viber Viber

  • Desarrollador: Viber Media Ltd
  • Categoría: Comunicación
  • Instalaciones: 50.000.000 – 100.000.000
  • Precio: Gratis
  • Análisis: Viber es bastante conocido. Comenzó con una ventaja principal sobre Whatsapp: las llamadas, po r lo que podría asimilarse a Skype, aunque se debe tener una buena conexión de red de datos o Wifi para que todo vaya bien. No llegó a sustituir a Whatsapp, entre algunas razones, porque éste último sigue siendo más cómodo. Una desventaja en sus comienzos fue que no estaba en muchas plataformas (sólo Android y iPhone), aunque más tarde se extendió. Por otra parte el asunto de los mensajes es más completo en Whatsapp. Es decir, no podríamos pensar realmente en Viber como un competidor, sino más bien en otra de las aplicaciones a instalar, sin quitar la de Whatsapp.
Captura de pantalla de Viber:
Viber captura

Joyn Joyn

  • Desarrollador: WIT-Softwarec
  • Categoría: Comunicación
  • Instalaciones: 10.000 – 50.000
  • Precio: Gratis
  • Análisis: Joyn, el llamado WhatsApp de los operadores, viene como apuesta de las compañias telefónicas para competir por un puesto en apps de comunicación. La experiencia de usuarios que se encuentra en la red no es muy buena, puede que por la espectativa creada. Supuestamente el punto fuerte con el que viene esta app es la accesibilidad (se integrará directamente en los terminanes). A destacar información como que algunos servicios irán como llamada “gratuita” sin consumir red de datos para algunas empresas (Movistar o Vodafone), mientras en que en otras sí consumirá datos de internet (Orange). Se observan pocos usuarios, aunque la app acaba de nacer. Estaremos pendientes de su evolución.
Captura de pantalla de Joyn:
Joyn captura

Kakao Talk Kakao Talk

  • Desarrollador: Kakao
  • Categoría: Comunicación
  • Instalaciones: 50.000.000 – 100.000.000
  • Precio: Gratis
  • Análisis: la primera impresión es de una app más de mensajería. Los contactos son accesibles al estilo Whatsapp, aunque con la ventaja de poder buscar usuarios también con id’s (nombres de usuario). Configuraciones como poder poner contraseña a la app, fondo configurable para cada chat, y sencillez han hecho que valore realmente esta aplicación. No se ha analizado por nuestra parte el consumo de batería, pero está pendiente para poder calificar esta app como muy recomendable.
Captura de pantalla de Kakao:
Kakao talk captura

Como crear version móvil y aplicación android de mi web sin programar

Objetivo:

Crear versión móvil de mi web sin conocimientos de programación, de forma que podamos crear en menos de 10 minutos una versión denuestra web bien formateada para dispositivos como móviles o tablets, sin saber programar, de nuestra página web (ya sea blog, galería imágenes, tienda…) mediante un asistente o tutorial vía web. Este formateo se realiza automáticamente y desde dispositivos Android, iPhone, Blackberry… se visualiza perfectamente. No afectará a nuestra web, ya que el contenido se aloja en otro servidor, por lo que se puede habilitar o deshabilitar fácilmente.

Antes de proseguir, podéis ver un ejemplo de como ha quedado este blog:

http://mobile.dudamobile.com/site/tutorialandroid

Os dejo también una captura de pantalla de cómo queda:

TutorialAndroid Version Movil

En este post anterior se comentaba una sencilla forma de crear una aplicación móvil de nuestro blog en WordPress.  En aquella ocasión se creaba un fichero con nuestra aplicación, y podríamos subirlo a Google Play.

En esta ocasión vamos a crear una versión móvil de nuestra web, con lo que haciendo un par de retoques, todo aquel que entre en nuestra web desde un móvil o tablet, lo verá perfectamente adaptado. Además, vamos a aconsejar crear una aplicación Android enlazando a dicha versión web, con lo que además tendremos una aplicación en Google Play apuntando a nuestra web, con lo que el incremento a nuestro sitio en la red estará asegurado ;)

Esta nueva versión móvil de nuestra web se alojará automaticamente en el servidor de la compañía que nos ofrece esta opción, por lo que nos quitamos el problema de tener que estar moviendo ficheros (sobre todos para aquellos que no saben manejarse con este asunto). Como desventaja, el asunto de posicionamiento SEO (en algún sitio debía flaquear).

Es gratuito durante un año. El registro no te pide datos de facturación ni nada por el estilo, y si deseas seguir con ello más de un año, sí debes realizar un contrato. Sinó, la cuenta no seguirá activa.

Para ello, vamos a seguir estos sencillos pasos:

  • Entramos en la web gomo.dudamobile.com e introducimos nuestra URL. Seguimos los sencillos pasos que nos da el tutorial para configurar correctamente la versión móvil de nuestro sitio web.
  • Tras esto, se nos proporciona una dirección web (url), con la versión web de nuestro blog (por ejemplo http://mobile.dudamobile.com/site/tutorialandroid)
  • Ahora podemos hacer varias cosas:
  1. Crear una aplicación Android que apunte a dicha dirección. Con ello tendríamos nuestra web en Google Play. Para proceder debemos seguir los sencillos pasos del post para crear una WebView.
  2. Añadir un código en php a nuestra página, que detecte si alguien entra desde un dispositivo móvil, y en tal caso que lleve a la url nueva. Dicho código se debe colocar al comienzo del fichero index.php de nuestra web (si está programada en php), y se puede descargar aquí.

Espero vuestros comentarios ;)

¡Hasta otra!