Archivo de la categoría: Android

Bilbao Now, La guía turística y agenda cultural de Bilbao.

Hola a todos,

Me llena de alegr√≠a presentaros la app Bilbao now, el proyecto en el que he estado trabajando √ļltimanente junto con el gran Galder Segurola.

Bilbao Now es una guía turística y agenda cultural de Bilbao, si vives en Bilbao o tienes pensado visitar esta preciosa ciudad y quieres estar al tanto de toda la oferta cultural que te ofrece Bilbao, conocer sus lugares de interés o encontrar cualquier cosa que puedas necesitar esta es tu aplicación.

Bilbao now simplemente responde a esta pregunta:¬†¬†¬ŅQu√© me ofrece Bilbao aqu√≠ y ahora?

Podrás ver geolocalizados en el mapa o en formato lista tanto los eventos como los sitios de interés.

Puedes ver los eventos clasificados por categorías y seleccionar el rango de días que te interese.

 

Además los puntos de interés los puedes escuchar con voz, ¡es como tener un guía turístico en tu móvil!

La aplicación además nos permite guardar tanto lugares como eventos en favoritos para consultarlos posteriormente, puedes por ejemplo guardar los sitios de interés que quieres visitar antes de viajar a Bilbo y planear así tu viaje.

 

La aplicación también te ofrece la previsión del tiempo metereológico en Bilbao para los próximos tres días, así puedes organizar tus actividades en función del tiempo. Descubrirás (o no) que a veces sale el sol en Bilbao ;-P

 

Cada evento y cada lugar se puede compartir por redes sociales y también te permite abrir el navegador gps para llegar hasta el lugar elegido.

Algunos eventos te permiten acceder a la compra de entradas pulsando el botón comprar.

Adem√°s de eventos culturales y sitios de inter√©s tur√≠stico tambi√©n puedes encontrar otros sitios de utilidad para el visitante (y el aut√≥ctono) como farmacias, restaurantes, cajeros autom√°ticos, estaciones de metro, autobuses, tiendas… etc

 

La aplicaci√≥n se ofrece en cuatro idiomas, ingl√©s, franc√©s, espa√Īol y euskera.

Los eventos se recogen de varias fuente por lo que la oferta es ampia y variada.

Otra característica interesante de la app es que permite el uso offline de la aplicación, es decir con solo la abras unos segundos conectado al wifi del Hotel o a la tarifa de datos podrás consultarla el resto del día si conexión ya que dispone de un mapa offline y guarda los datos obtenidos para poder consultarlos sin conexión.

La app es gratuita y no tiene publicidad así que no tenéis excusa para no instalarla.

Bilbao now se encuentra disponible tanto para Android como para iOS, nos hac√©is un gran favor si la instal√°is y la valor√°is en google play o app store, esto ayuda a posicionarla mejor y que llegue a mas gente ūüėČ

 

Whataplace!!!, mi nueva App.

Hola a todos,

Hoy me toca hacer un poco de publicidad, vengo a presentaros la √ļltima app que he desarrollado: Whataplace!!!.

Screenshot_2016-04-29-09-30-11

Whataplace te permite guardar un sitio para poder luego llegar a él.

Whataplace guarda autom√°ticamente ¬†las coordenadas y la direcci√≥n del sitio donde te encuentras y te permite de manera opcional seleccionar una categor√≠a, una descripci√≥n y a√Īadir una foto del lugar.

Screenshot_2016-04-29-09-35-07

Una aplicaci√≥n clara es recordar por ejemplo donde hemos aparcado el coche, o si vemos un restaurante con un men√ļ me nos apetece y queremos volver m√°s tarde, una tienda donde hemos visto algo interesante o cualquier lugar al que queramos volver y recordar la direcci√≥n.

Yo soy bastante despistado y cuando estoy de viaje o en un sitio que no conozco me cuesta recordar el camino para volver un lugar determinado.

Whataplace te permite guardar tantos lugares como desees, pudiendo modificar su descripción, categoría y foto más tarde o eliminarlos si deseamos.

Después solo tenemos que seleccionar el sitio al que queremos volver y nos mostrará la ruta dándonos la opción de abrir el navegador gps de nuestro dispositivo con las coordenadas para llegar al lugar deseado.

Screenshot_2016-04-29-11-10-43

También podemos compartir nuestros lugares favoritos con nuestras amistade a través del correo electrónico, whatsapp, twitter, facebook, o cualquier otra red social que tengamos en nuestro móvil.

Puede servir por ejemplo para recomendar a alguien un lugar o para avisar a alguien de donde estamos exactamente para que vengan a buscarnos.

Pero todo esto es solo una parte de lo que ofrece Whataplace.

Whataplace cuenta además con un buscador donde podemos buscar lugares de interés cercanos a donde nos encontramos.Estos datos los obtenemos de Google Places.

Screenshot_2016-04-29-09-31-39

Esto es muy √ļtil si por ejemplo nos encontramos de viaje y queremos buscar un Cajero autom√°tico, un restaurante, una farmacia… etc.

Screenshot_2016-04-29-09-31-58

Cuenta con una serie de b√ļsquedas habituales ya predefinidas donde solo tienes que pulsar un bot√≥n para obtener un listado de los sitios que b√ļscas, tienes tambi√©n un buscador donde puedes escribir texto libre para buscar cosas que no aparezcan en los predefinidos como un veterinario o cualquier cosa que necesites en un momento dado.

Los lugares que encuentres mediante la b√ļsqueda los puedes a√Īadir tambi√©n a tu lista de sitios para ir m√°s tarde, compartirlo etc.

Screenshot_2016-04-29-09-32-53

Cuando entramos en la descripción de un lugar que hayamos buscado nos mostrará la web y el teléfono del sitio si está disponible, asi podemos con un click llamar al lugar para reservar una habitación en un hotel o hacer un pedido de comida rápida por ejemplo, y si cuenta con ello también mostrará el horario de apertura y cierre.

Screenshot_2016-04-29-12-24-38

Adem√°s muestra valoraciones de los usuarios del sitio, lo que puede ayudarnos a elegir el mejor sitio.

Resumiendo Whataplace cumple una doble funci√≥n, recordar sitios a los que deseas regresar y buscar sitios de inter√©s cercanos a donde te encuentras, por lo que es una herramienta muy √ļtil cuando est√°s de viaje o un un lugar que no conoces muy bien.

La app se encuentra disponible gratuitamente para los dispositivos Android en  google Play: https://play.google.com/store/apps/details?id=com.edurevilla.whataplace

Y ya se encuentra tambien disponible para iOS por solo 0.99‚ā¨ que no le descuadra el presupuesto a nadie ūüėČ en la app store:¬†https://itunes.apple.com/us/app/whataplace-place-finder/id1139108223?ls=1&mt=8

La app va evolucionando y mejorando en cada actualización,  me gustaría que la probaseis y me dejaseis en los comentarios vuestra opinión y sugerencias para mejorar en futuras versiones.

También me ayudais si probais y valorais la app en google play.

Muchas gracias.

Beheading Zombies – Disponible para iOS, Android y Windows Phone

ico_beheading_wp     ico_beheading_ios      ico_beheading_android

Hola a todos hoy vengo a presentaros mi nuevo juego Beheading Zombies.

cap1_768x1024

Esta vez tenemos que defender la ciudad de un ataque zombie cort√°ndoles la cabeza con una estrella ninja.

Pero debes proteger a la gente inocente que llega huyendo de los zombies, por lo que tienes que tener cuidado de no cortarles la cabeza por error o perderás un cerebro.

cap2_768x1024

Para poder evitar a los inocentes y matar a los zombies tienes que  hacer rebotar la estrella contra las paredes buscando el ángulo correcto.

Al iniciar la partida cuentas con tres cerebros pero:

  • Cada vez que mates a un inocente perder√°s un cerebro.
  • Si un zombie consigue entrar en la ciudad perder√°s un cerebro.
  • Si un zombie atrapa a un inocente perderas un cerebro.

De vez en cuando aparecen bolas con letras que van cambiando, ¬†si consigues juntar la palabra “BRAIN” (cerebro en ingl√©s) conseguir√°s un cerebro extra.

Tambien conseguiras un cerebro extra si consigues 1000 puntos. La verdad es que no es fácil llegar a esa puntuación.

¡Intenta conseguir la mayor puntuación y entrar en el top 10 de los records!

Beheading Zombies para Android: https://play.google.com/store/apps/details?id=com.revigames.beheadingzombies&hl=es

Beheading Zombies para iOs: https://itunes.apple.com/us/app/beheading-zombies/id914285906?l=es&mt=8

Beheading Zombies para Windows Phone: http://www.windowsphone.com/es-es/store/app/beheadingzombies/39725e3e-ee78-498e-96da-f715844ddce0

Aqu√≠ pod√©is ver un peque√Īo video de demostraci√≥n:

Es un juego sencillo pero espero que os guste ūüėČ

Evitar rotación de pantalla en android

Hola a todos:

Hoy vamos a ver como podemos impedir que la aplicación que estemos desarrollando para android no rote al cambiar de posición el dispositivo móvil.

Para ello tenemos que editar el archivo AndroidManifest.xml de nuestro proyecto android y en la etiqueta activity lo siguiente:

android:screenOrientation=”portrait”

Con esto le estamos indicando que nuestra aplicación se mostrará solo en vertical.

Un ejemplo de como quedaría el archivo AndroidManifest.xml seria:

<?xml version='1.0' encoding='utf-8'?>

<manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1" android:windowSoftInputMode="adjustPan" package="com.reviapps.prueba" xmlns:android="http://schemas.android.com/apk/res/android">

<supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" android:xlargeScreens="true" />
<uses-permission android:name="android.permission.INTERNET" /><uses-sdk android:minSdkVersion="10" android:targetSdkVersion="19" />
<application android:hardwareAccelerated="true" android:icon="@drawable/icon" android:label="@string/app_name" android:allowBackup="true">
<activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/app_name" android:screenOrientation="portrait" android:launchMode="singleTop" android:name="Prueba" android:theme="@android:style/Theme.Black.NoTitleBar">

    <intent-filter>
        <action android:name="android.intent.action.MAIN" />

        <category android:name="android.intent.category.LAUNCHER" />
   </intent-filter>
</activity>
</application>
</manifest>

Marcado en rojo vemos el parametro que tenemos que a√Īadir.

Si en lugar de verticalmente queremos forzar que el contenido de nuestra app se muestre horizontalmente sustituiremos portrait por landscape:

¬† android:screenOrientation=”landscape”

Como vemos es algo muy sencillo pero es una duda muy com√ļn cuando nos enfrentamos por primera vez a un proyecto android.

 

Ocultar barra de estado en Android

Hola a todos:

Hace alg√ļn tiempo escrib√≠ una entrada sobre como¬†Ocultar barra de estado en¬†iOS, hoy vamos a ver como hacer lo mismo en Android:

Por defecto cuando hacemos un proyecto en Eclipse para Android este se ejecuta con la barra de estado superior quitándonos espacio para la aplicación. En este caso vamos a hacer que nuestro programa se ejecute en pantalla completa ocultando la barra de estado. Para este ejemplo usamos un proyecto creado con Apache Cordova (PhoneGap).

En nuestro proyecto nos vamos al directorio src ‚Üí nombre-proyecto ‚Üí archivo.java y lo editamos. A√Īadimos la l√≠nea import android.view.WindowManager;¬† en los imports y luego a√Īadimos despu√©s de savedInstanceState lo siguiente:

getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN |WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);

Eso debe bastar para que al ejecutar nuestra aplicación se abra en pantalla completa, sin la barra de estado superior (reloj, estado de red, etc).

Un ejemplo de como quedaría el código completo seria:

package com.reviapps.prueba;
import android.os.Bundle;
import android.view.WindowManager;
import org.apache.cordova.*;
public class Prueba extends CordovaActivity
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        super.init();
          getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,        WindowManager.LayoutParams.FLAG_FULLSCREEN |        WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);               // Set by <content src="index.html" /> in config.xml        super.loadUrl(Config.getStartUrl());        //super.loadUrl("file:///android_asset/www/index.html");   
    }
}

Las lineas marcadas en rojo son las que tenemos que a√Īadir.

De esta sencilla manera conseguiremos que no aparezca la barra de estado ganando espacio en nuestra app o juego.

Abrir mapa nativo en iOS, Android y Windows Phone desde un link

 

Hola a todos:

A veces nos interesa poner el t√≠pico enlace de “Como llegar” en nuestra web, o en una app que estemos construyendo por ejemplo con Phonegap, y nos interesa que la direcci√≥n que le indicamos se abra en la aplicaci√≥n nativa ¬†de mapas del m√≥vil, que suele funcionar mejor y la interfaz resulta mas familiar para el usuario que esta acostumbrado a utilizar su plataforma m√≥vil.

Veamos las diferentes tipos de url que podemos utilizar en los liks para abrir mapas.

Por defecto:

Sabemos que tenemos el link estándar de google maps que podría ser algo así:

<a href="http://maps.google.com?q=laubideta+16+matiena+abadiano">Mostrar mapa</a>

iOS:

Sin embargo para que nos abra la aplicacion de mapas nativa de iOS (iPhone) deberemos poner una url como esta:

<a href="http://maps.apple.com/maps?q=laubideta+16+matiena+abadiano">Mostrar Mapa en iOS</a>

Y si queremos que nos trace una ruta  desde el punto en el que nos encontramos hasta un punto  de destino tenemos que usar una url como esta:

 <a href="http://maps.apple.com/maps?saddr=Current%20Location&daddr=Universidad+de+deusto+bilbao">como llegar Ios</a>

En el par√°metro saddr ponemos Current%20Location para indicar que el punto de inicio es el sitio donde nos situamos en este momento, podemos indicar una direcci√≥n de inicio de la ruta en lugar de “Current Location” , y en saddr ponemos la direcci√≥n de destino.

Tambien podemos indicarle la dirección mediante coordenadas de latitud y longitud:

<a href="http://maps.apple.com/maps?saddr=Current%20Location&daddr=43.12955890000001,-2.542329300000006">Como  llegar en IOs - coordenadas</a>

Android:

Para que se abra directamente la aplicación de mapas de Android usaremos:

<a href="geo:0,0?daddr=Laubideta+16+Abadiano+bizkaia">como  llegar Android</a>

Si lo que queremos es indicar la dirección por sus coordenadas seria:

<a href="geo:43.1689947,-2.608256200000028">Como llegar Android - Coordenada</a>

Por desgracia este tipo de url no permite indicarle un punto de inicio para establecer una ruta, una vez abierto el mapa el usuario deberá seleccionar en la aplicación  que le indique la ruta si así lo desea.

Windows Phone:

Las urls anteriores no funcionan en Windows Phone, que utilizan su propio formato:

<a href="maps:Elorrio+Bizkaia">Abrir mapa en Windows Phone</a>

Por coordenadas sería:

<a href="maps:43.1689947,-2.608256200000028">Abrir mapa en Windows phone por coordenadas</a>

De esta manera podemos elegir que url nos interesa.

Si estamos trabajando con Phonegap/Apache Cordova elegiremos la que se ajuste a la plataforma para la que estemos utilizando.

A modo de información os comento que otra forma de hacerlo en Phonegap puede ser utilizar InAppBrowser de la siguiente manera:

window.open("http://maps.google.com/?q="+ address,"_system");

Si estamos desarrollando una web en php  una  opción es detectar la plataforma y mostrar el link con la url que corresponda dependiendo de este.

Para detectar dispositivos móviles en php se puede utilizar la clase php-mobile-detect que dispone de los siguientes metodos: isAndroid(), isAndroidtablet(), isIphone(), isIpad(), isBlackberry(), isBlackberrytablet(), isPalm(), isWindowsphone(), isWindows(), isGeneric(), isMobile().

Un ejemplo de como la  podríamos usar para mostrar un enlace dependiendo del dispositivo seria  este:

<?php
include('Mobile_Detect.php');
$detect = new Mobile_Detect();
if( $detect->isAndroid() ) {
 // Android
 $url="geo:0,0?daddr=Universidad+de+deusto+bilbao";
} elseif ( $detect->isIphone() ) {
 // iPhone
 $url="http://maps.apple.com/maps?saddr=Current%20Location&daddr=Universidad+de+deusto+bilbao";
} elseif ( $detect->isWindowsphone() ) {
 // Windows Phone
 $url="maps:Universidad+de+deusto+bilbao";
} else{
 // Por defecto
 $url = 'http://maps.google.com?daddr=Universidad+de+deusto+bilbao';
}
 echo '<a href="'.$url.'">Mostrar Mapa</a>';
?>

 

Ahora os mostraré un sencillo ejemplo de como podemos hacer esto con javascript:

Primero vamos a crear una función en javascript  que he llamado showMap:

Para hacer un ejemplo de forma rápida podéis pegar este código en el head.

 // ****************************************************************//
 // * Función: showMapa() *//
 // * Descripción: Abre el mapa nativo del dispositivo móvil *//
 // * Autor: Eduardo Revilla Vaquero *//
 // ****************************************************************//

 showMap=function(q)
 {
 var device = navigator.userAgent;
 var url = 'http://maps.google.com?daddr='+q;
 if (device.match(/Iphone/i) || device.match(/iPhone|iPad|iPod/i))
 {
 // iOs
 url='http://maps.apple.com/maps?saddr=Current%20Location&daddr='+q;
 }
 else if(device.match(/Android/i))
 {
 // Android
 url='geo:0,0?q='+q;
 }
 else if(device.match(/Windows Phone/i))
 {
 // windows phone
 url='maps:'+q;
 }

 window.location.href = url;
 }

Y después en el body donde queramos mostrar el enlace al mapa podremos algo como esto:

<a href="#" onclick="showMap('Universidad+de+Deusto+Bilbao')">Mostrar mapa</a>

Y solo con este peque√Īo¬†c√≥digo podemos redirigir la petici√≥n y abrir el mapa nativo del m√≥vil independientemente de la plataforma en la que nos encontremos.

Sencillo ¬Ņno? ūüėČ

Y…. eso es todo por hoy.

Espero vuestros comentarios.

Un saludo.

√ćndice ¬† – ¬† <– Cap√≠tulo Anterior