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