Archivos de la categoría iOS

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 😉

 

Códigos promocionales de tu App para iOS en la App Store

Hola a todos, hoy vengo a hablaros de los códigos promocionales para las apps de iOS.

Los códigos promocionales son códigos que permiten descargar gratuitamente nuestra aplicación cuando es de pago.

Normalmente se utilizan cuando queremos promocionar nuestra app y queremos que nos hagan una review en un blog o web especializada o cualquier otro canal donde normalmente nos van a pedir un código promocional si la app es de pago.

También puedes utilizarlo para regalarsela a un amigo, regalarlo en un sorteo… etc.

Cada código solo puede utilizarse una vez y si no se utiliza caduca a las 4 semanas de haberse generado.

A día de hoy apple permite generar 100 códigos gratuitos por cada app y se pueden utilizar en cualquier territorio donde se venda la app.

Aunque el proceso para crear códigos promocionales es muy sencillo, la primera vez que queremos generar uno puede que nos cueste un poco encontrar desde donde se accede.

Vamos a ver como crear esos códigos promocionales y también os explicaré cómo hay que usarlos en la App Store ya que si se lo queréis regalar a un familiar o amigo puede que les tengas que explicar cómo tienen que usarlo.

Bien, lo primero que tenemos que hacer es entrar en itunes connect: https://itunesconnect.apple.com

Nos pedirá nuestro usuario (Apple ID) y contraseña de nuestra cuenta de desarrollador de apple.

Una vez dentro tenemos que hacer click en Mis apps.

Seleccionamos la app de la que deseamos obtener códigos promocionales en caso de tener mas de una.

Ahora tenemos que seleccionar la pestaña Prestaciones:

Captura de pantalla 2016-08-03 a las 9.13.13

Ahora seleccionamos códigos promocionales en el menú de la izquierda (1).

Después debemos introducir el número de códigos que queremos obtener (2).

Por último pulsaremos sobre el botón Generar códigos (3).

Captura de pantalla 2016-08-03 a las 9.20.27

Se abrirá una ventana para que aceptemos las condiciones de uso, aceptamos las condiciones y pulsamos el botón Generar códigos.

Se abrirá una ventana con la lista de códigos generados que deberás copiar, dando la opción también de descargar esos códigos en un archivo .txt.

Hasta aquí hemos visto cómo generar los códigos promocionales como desarrolladores, ahora vamos a ver cómo se utilizan para descargar nuestra aplicación gratis en la app store como usuarios.

Bien, desde nuestro iPhone o dispositivo iOS debemos acceder a la aplicación App Store que tenemos instalada por defecto en el dispositivo.

Una vez dentro, tenemos que acceder a la sección Destacado.

Dentro de la sección destacado tenemos que desplazar la pantalla hacia abajo hasta llegar al final y veamos un botón que pone Canjear.

Ahora pulsamos el botón Canjear y nos aparecerá una pantalla como esta:

IMG_1780

Podemos introducir el código manualmente o utilizar la cámara para escanear.

Una vez introducido el código pulsamos en Canjear y la aplicación se instalará gratuitamente en nuestro dispositivo.

Como veis es un proceso bastante sencillo, pero como se suele decir una vez de visto todo el mundo es listo ;-P.

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 😉

Como pasar tus contactos de iPhone a Android

Hola a todos,

Una de las cosas que mas pereza da cuando cambias de teléfono es importar los contactos.

Hace poco he “perdido/me han robado”? el móvil, en este caso un iPhone 5, aprovecho para para mandar un cariñoso saludo a  la persona que lo tenga ahora y que no se digna en devolvermelo :(.

Bueno, después de asumir con jubilo y alegría  la perdida del terminal  y dedicarme a la amena tarea de cambiar todas mis contraseñas me dispuse a pedir un duplicado de la tarjeta SIM para poder seguir comunicado, cogí uno de los terminales Android que tenía por casa y cuando me disponía ha hacer una llamada para contar mi desdicha a un amigo caí en la cuenta de que no tenía ningún contacto.

Para hacer la importación necesitamos tener una cuenta de gmail.

Sí tenias activada la opción  de sincronizar tus contactos en iCloud en el iPhone como afortunadamente es mi caso tienes tus contactos a salvo, si no es así, en tu iPhone vete a ajustes y después a iCloud, si no esta seleccionada la opción “Contactos” la seleccionas para que se sincronicen tus contactos en iCloud.

Una vez tengamos nuestros contactos en iCloud debemos entrar desde el navegador  de tu PC en https://www.icloud.com/ y pinchar en Contactos.

Captura de pantalla 2014-10-13 09.31.15

 

Una vez dentro en la pestaña “Todos los contactos” debemos seleccionar todos, para ello nos ponemos sobre el primer contacto y hacemos click, después bajamos la lista hasta el último y con la techa shift (Flecha hacia arriba) pulsada hacemos click en el ultimo. Con todos los contactos seleccionados  pinchamos en el icono de preferencias (la tuerca que hay abajo a la izquierda).

Captura de pantalla 2014-10-13 09.38.24

Seleccionamos “Exportar vCard” y nos descargará el archivo con nuestros contactos.

Ahora entramos en nuestra cuenta de gmail y en contactos elegimos importar contactos. Seleccionamos el archivo vCard que hemos descargado y tendremos todos nuestros contactos en nuestra cuenta de gmail.

Por último en nuestro teléfono con android vamos a contactos, pulsamos la tecla menú y seleccionamos  “Importar/exportar”.

Donde nos dice “Seleccione el origen del que desea copiar los contactos” seleccionamos nuestra cuenta de gmail y por fin tendremos todos nuestros contactos en el móvil Android.

Espero que os sea util.

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

Como añadir anuncios de Google AdMob en iOS

Hola a todos.

Os os voy a mostrar como añadir un banner de Google AdMob en iOS.

Antes de nada por supuesto tendremos que tener creada una cuenta en google Admob. Si todabía no tienes creada una cuenta entra en http://www.google.es/ads/admob/ y pincha en registrarse en Admob.

Una vez tengamos nuestra cuenta creada debemos entrar en nuestra cuenta de admob y en la pestaña Monetizar pincharemos sobre el botón “+ Monetizar una aplicación nueva” que se encuentra en el lateral izquierdo.

Captura de pantalla 2014-03-29 a la(s) 17.23.40

Si aún no hemos publicado la aplicación elegimos Añadir aplicación manualmente.

Escribimos el nombre de nuestra aplicación y seleccionamos la plataforma iOs.

Captura de pantalla 2014-03-29 a la(s) 17.26.27

Hacemos click en el botón Añadir aplicación y en el siguiente paso seleccionamos banner como formato de anuncio.

Dejamos los valores por defecto en Actualización automática y Estilo de anuncio de texto e introducimos el nombre del bloque de anuncios, puedes poner el nombre que quieras, aunque conviene que sea descriptivo.

Pulsamos en guardar y apuntamos el ID del bloque de anuncios ya que lo vamos a necesitar mas adelante.

Una vez que hemos genera el ID del bloque de anuncios en admob toca añadir el banner a nuestra app.

Lo primero que tenemos que hacer es descargarnos la última  versión del SDK de google Admob de aquí.

Tenéis que seleccionar la pestaña iOS y descargar el archivo GoogleMobileAdsSdkiOS.zip.

Captura de pantalla 2014-01-20 a la(s) 19.41.57

Descomprimimos el archivo y  en Xcode tenemos que hacer click con el botón derecho en el proyecto y elegir  “Add Files To (El nombre de tu proyecto)”.

Captura de pantalla 2014-01-20 a la(s) 19.47.04

En mi caso Add To SnowSoccer que es mi proyecto.

Elejiremos todos los archivos salvo la carpeta Add-ons, salvo que la vayamos a utilizar.

La carpeta Add-ons contiene las cabeceras para DFP así como las librerías de Analitics etc.

Captura de pantalla 2014-01-20 a la(s) 19.54.55

Para añadir el framework teneis que hacer click en el nombre de nuestro proyecto, luego selecionar la pestaña Buid Phases y expandir la opción Link Binary With Libraries.

Captura de pantalla 2014-01-20 a la(s) 20.09.09

Hacemos clic en el botón de añadir “+” y añadimos las siguientes librerías:

AdSupport
AudioToolbox
AVFoundation
CoreGraphics
CoreTelephony
MessageUI
StoreKit
SystemConfiguration

Añadiendo  código:

Ahora editamos el archivo MainViewController.h  que se encuentra dentro de la carpeta Classes y añadimos el import:

#import "GADBannerView.h"

y añadimos la declaración del banner view:

@interface MainViewController: CDVViewController {
  GADBannerView *bannerView_;
}
@end

Añadimos la definición del id de nuestro banner en la parte superior del archivo MainViewController.m.

#define MY_BANNER_UNIT_ID @"YourPublisherId"

Cambiamos “YourPublisherId” por el ID del bloque de anuncios que hemos creado en admob.

Después de [super viewDidLoad]  añadimos el siguiente código:

// Crear una vista de tamaño estándar en la parte inferior de la pantalla.
bannerView_ = [[GADBannerView alloc] initWithAdSize:kGADAdSizeBanner];

    CGRect screenRect = [[UIScreen mainScreen] bounds];
    [bannerView_ setCenter:CGPointMake(kGADAdSizeBanner.size.width/2,screenRect.size.height - kGADAdSizeBanner.size.height/2)];
    // Aqui especificamos el id del banner.
    bannerView_.adUnitID = MY_BANNER_UNIT_ID;

    bannerView_.rootViewController = self;
    [self.view addSubview:bannerView_];

    GADRequest *request = [GADRequest request];
    // Borra la siguiente linea cuando vayas a publicarlo en la app store
    request.testing = YES;
    [bannerView_ loadRequest:request];

Si todo a ido bien deberá aparecer un banner en la parte inferior de nuestra app.

Eso es todo, espero que tengáis mucho éxito con vuestras apps y consigais monetizarlas. 🙂

Como abrir Google Play y App Store desde Phonegap (Apache Cordova)

 

Hola a todos,

En ocasiones nos puede interesar enlazar con otra aplicación nuestra o que muestre todas las apps que tenemos publicadas en Google Play o en la App Store de apple desde nuestra aplicación creada con Phonegap.

En Android:

Para acceder nuestras aplicaciones en Google Play desde javascript  usamos:

window.location.href="market://search?q=pub:<nombre_publicador>";

En mi caso escribiría:

window.location.href="market://search?q=pub:Eduardo+Revilla+Vaquero";

Tenéis que sustituir lógicamente  “Eduardo+Revilla” por vuestro nombre de publicador.

Si lo que queremos es enlazar con una app en concreto tenemos que escribir lo siguiente:

window.location.href="market://details?id=<nombre_paquete>"

Por ejemplo:

window.location.href="market://details?id=com.revigames.SnowSoccer"

En iOS:

Si estamos desarrollando para iOS y queremos enlazar con otra aplicación en la App Store tenemos que escribir algo como esto:

window.location.href="itmss://itunes.apple.com/us/app/galactic-insects/id806472599?ls=1mt=8"

Una forma de saber la url que debemos poner es:

  1.  Desde iTunes Connect seleccionamos Manage your Apps.
  2. Selecciónamos la app a la que queremos enlazar y en links pulsamos botón derecho sobre View in App Store.
  3. Copiamos la dirección del enlace.
  4. sustituimos https:// por itmss://

Por cierto, os animo a que probéis mis juegos: 😉

 

Ocultar barra de estado en iOS

Hola a todos,

Hoy vamos a ver como ocultar la barra de estado en tus apps para iOS.

Cuando empezamos a desarrollar aplicaciones o juegos para iOS (iphone o iPad), puede que nos surja la duda de como ocultar la barra de estado que se muestra en la parte superior de la pantalla.

Bueno pues vamos a ver la manera de conseguirlo:

En Xcode desplegamos la carpeta de nuestro proyecto y dentro de la carpeta Resources encontraremos un archivo con el nombre de nuestro proyecto + “-info.plist”.

cap1

En mi caso el proyecto se llama SnowSoccer.

Hacemos doble click en este archivo y se abrirá una ventana con opciones de configuración.

Nos ponemos sobre la ultima opción y pulsamos botón derecho y elegimos la opción “Add Row”

Captura de pantalla 2014-01-28 a la(s) 12.47.15

Y en la nueva opción que nos crea elegimos  “View controller-based status bar appearance” y ponemos su valor a “NO”.

cap2

Ahora si no existe en la lista añadimos la opción “Status bar is initially hidden” y la ponemos a “YES”.

Captura de pantalla 2014-01-28 a la(s) 13.01.56

Guardamos los cambios con “cmd + s” y ejecutamos y si todo ha ido bien comprobaremos que ya no aparece la barra.

Eso es todo, espero que os sirva de ayuda.

¡¡¡Mi primer juego para móviles Android y Windows Phone 8!!!

Inicio este blog con este primer post para dejar constancia de que por fin he publicado mi primer juego en la play store.

He actualizado este post para añadir que ahora también he sacado una versión para Windows Phone 8.

Han sido largas pero apasionantes horas de diseño y programación para poder ver por fin mi juego publicado.

La criatura en cuestión se llama “Galactic Insects” y la podéis descargar gratis desde la play store de google para dispositivos android:

https://play.google.com/store/apps/details?id=com.revigames.galacticinsects

y ahora también para Windows Phone:

http://www.windowsphone.com/es-es/store/app/galactic-insects/fcb149d0-462e-4e2e-b419-c415d36e0a47

Portada Galactic Insect
Portada Galactic Insect

El juego es un arcade de tipo clásico donde cobra sentido la frase “matar moscas a cañonazos” ya que se trata de eso precisamente, de matar moscas y otros insectos inmundos a base de cañonazos.

Captura Galactic Insect
Captura Galactic Insect

Dispones de seis cañones, y un tiempo y número de bombas limitado para acabar con todo lo que se mueve.

Al principio puede costar un poco cogerle el truco ya que tienes que calcular la fuerza con la que se dispara el cañón, si lo mantienes demasiado tiempo pulsado la bomba pasará de largo y explotara lejos.

Captura Galactic Insects
Captura Galactic Insects

Aquí os dejo también el video promocional.

Ah, se me olvidaba…. el juego es gratis.

Espero que lo disfrutéis 😉

Download Galactic Insects / Android