_iphone_mango_ios_sdk_b

En Mango tenemos como objetivo principal generar soluciones de pago seguras y multi­dispositivo.

Siendo mobile una de las industrias de más rápido crecimiento en nuestra región y una donde no existen soluciones de fácil integración, nuestro foco es proveer herramientas para ayudar a desarrolladores y comercios a crear aplicaciones y servicios innovadores para trasladar sus cobros al ecosistema mobile.

Con la llegada de nuestro SDK para iOS que pueden encontrar en Github y cuya documentación está publicada en nuestro sitio para desarrolladores, la implementación de Mango en aplicaciones para iOS se torna mucho más sencilla. De esta manera, elevamos la experiencia en pagos mobile para productos y compañías en Latinoamérica, haciéndola sumamente transparente.

El SDK cuenta con métodos para simplificar el proceso de tokenización de tarjetas de crédito y CCVs, así como también diferentes validadores relacionados a los datos de tarjeta.

Para los desarrolladores de Android tendremos noticias muy pronto, así que estén atentos a novedades por publicarse en este blog.

Para mejorar la calidad de nuestras herramientas es muy importante obtener feedback de la comunidad.
Si tenés alguna consulta, sugerencia o comentario sobre este SDK o querés integrar Mango en alguna plataforma que te interesa, no dudes en contactarnos.

Mango_post_header_v3

Accepting online payments in Latin America is a complete headache.

It has been this way for years, and still is in the 21st Century, even though humanity has seen incredible technological advances decade after decade.

That’s why we started Mango a year ago.

We strongly believe that technology must enable an easier and more transparent way of accepting online payments for companies, government entities, NGOs and all kinds of organisations in Latin America.

And today we are very proud of announcing the official launch of Mango in Argentina and its Private Beta in Brazil and Colombia.

During this year we’ve been working very hard to develop an innovative product, using state of the art technology which is specially conceived and crafted for those who struggle with payments in any organisation: developers that implement online payment solutions and all the areas involved in the process: management, administration, finance and anyone who has to make a decision regarding payments.

And that’s why both the development community and the organisations as a whole will enjoy Mango’s features.

We’re working on a long roadmap of new features and products to make accepting online payments in Latin America an easier and even enjoyable experience.

We wish to extend a huge shoutout to our extraordinary team who made this possible: Silvia Vravo, Andrés Tarantini, Bruno Acselrad, Dan Zajdband, Francisco Felini, Guillermo Paz, Hernán Colmeiro, Ignacio Ricci, Jonatan Flores, Jonathan La Banca, José Luis Sarasola, Juan Rossi and Pablo Sánchez.

team_Mango_color copy 2

We’re also very grateful for the constant support of our advisors and investors: Adrián Kolonski, Eric Friedman, Eyal Shavit, Guillermo Rauch, Kima Ventures, Marcelo Ricci, Reuben Katz and Weston McBride.

Mango also has some great partners: American Express, Decidir, FirstData, NPS and Visa who helped us greatly along the way.

If your company needed a solution like Mango in Latin America, let’s start working together.

If you are passionate about creating products that solve really hard and challenging problems, join our team now!

Mango_post_header_v3

Aceptar pagos online en Latinoamérica es un dolor de cabeza.

Lo ha sido durante años y lo sigue siendo en el siglo XXI, a pesar de todos los avances tecnológicos que la humanidad ha experimentado década tras década.

Es por eso que hace aproximadamente un año empezamos Mango.

Creemos firmemente que la tecnología debe colaborar a que aceptar pagos online sea más simple y transparente para compañías, entidades gubernamentales, ONGs y diferentes organizaciones en Latinoamérica.

Por ello estamos muy orgullosos de anunciar el lanzamiento oficial de Mango en Argentina, y la Beta Privada en Brasil y Colombia.

Durante este año estuvimos trabajando intensamente para desarrollar un producto innovador, con tecnología actual y especialmente pensado para quienes tienen que lidiar con el problema “pagos” en una organización: los desarrolladores que implementan la solución de pagos online y los responsables de áreas gerenciales, administrativas o financieras que toman decisiones con la información provista por la solución.

Y por eso tanto los desarrolladores como las organizaciones experimentarán una gran alegría al conocer lo que Mango les ofrece.

Estamos trabajando con un extenso roadmap de nuevas funcionalidades y productos para hacer que aceptar pagos online en Latinoamérica sea una experiencia mucho más simple y placentera.

Queremos agradecer enormemente a nuestro fantástico equipo de trabajo que hizo posible la existencia de este gran producto: Silvia Vravo, Andrés Tarantini, Bruno Acselrad, Dan Zajdband, Francisco Felini, Guillermo Paz, Hernán Colmeiro, Ignacio Ricci, Jonatan Flores, Jonathan La Banca, José Luis Sarasola, Juan Rossi y Pablo Sánchez.

team_Mango_color copy 2

También agradecemos a nuestros advisors e inversores por su invaluable apoyo: Adrián Kolonski, Eric Friedman, Eyal Shavit, Guillermo Rauch, Kima Ventures, Marcelo Ricci, Reuben Katz y Weston McBride.

Nos acompañan en este camino nuestros partners en American Express, Decidir, FirstData, NPS y Visa a quienes estamos especialmente agradecidos.

Si tu organización necesitaba una solución como Mango, empecemos a trabajar juntos.

Si te apasiona el desarrollo de productos innovadores para solucionar problemas importantes en el mundo, estamos esperándote para sumarte a nuestro equipo!

phone

Hace unos años leí sobre la API de vibración, la cual nos permite hacer vibrar los dispositivos de nuestros usuarios utilizando solamente JavaScript.

Lo primero que se me viene a la mente al pensar en esta API son juegos. Pero si nos ponemos a pensar o a buscar un poco por la web podemos encontrar casos interesantes para usar en nuestras aplicaciones.

El objetivo principal al hacer vibrar un dispositivo es dar feedback a los usuarios cuando ocurre un evento, por ejemplo: cuando usamos el teclado, tocamos algún botón, indicar que tenemos una llamada entrante o una notificación pendiente de leer.

Teniendo en cuenta esto -y sumado a que en Mango estamos trabajando mucho con formularios- es como encontramos un caso de uso muy útil: indicarle al usuario mediante una vibración cuando un formulario contenga errores.

A continuación, vamos a ver lo simple que es implementar la API de vibración con unas pocas líneas de código.

Vibration API

La API es muy sencilla de usar, cuenta con un sólo método que nos permite hacer toda la magia:

// Genera una vibración de 2000 milisegundos.
navigator.vibrate(2000);

// Genera una vibración de 3000ms, espera 2000ms y vuelve a vibrar 1000ms
navigator.vibrate([3000, 2000, 1000]);

Para asegurarnos que el navegador soporta la API, tenemos que comprobar si el método “vibrate” está definido en el objeto “navigator”:

var hasVibration = "vibrate" in navigator;
if (hasVibration) {
  navigator.vibrate(2000);
}

Así de simple es utilizar la API de vibración.

A vibrar los formularios

Ahora vamos a incluir estas líneas de código en la validación de un formulario para lograr el efecto que les comentaba antes:

(function(window) {

  var hasVibration = 'vibrate' in navigator;

  var container = document.getElementById('demoPayment');
  var successMsg = document.getElementById('msg-success');
  var email = document.getElementById('df-email');
  var amount = document.getElementById('df-amount');
  var form = document.getElementById('d-form');

  function showError() {
    container.classList.add('shake');

    if (hasVibration) {
      navigator.vibrate(200);
    }

    setTimeout(function() {
      container.classList.remove('shake');
    }, 200);
  }

  email.addEventListener('invalid', showError);
  amount.addEventListener('invalid', showError);

  form.addEventListener('submit', function(eve) {
    eve.preventDefault();
    this.setAttribute('hidden', 'hidden');
    successMsg.removeAttribute('hidden');
  });

}(this));

Los invito a todos aquellos que tienen Android a probar la demo y ver el resultado final con algunas magias de CSS.

Pueden revisar todo el código del ejemplo en el repo de Github: demo-vibration-api.

Soporte

Por ahora podemos utilizarla en Chrome y Firefox en Android. Las pruebas que hice sobre Safari y Chrome en IOS no tuvieron resultados positivos.

Es así de simple como con una pequeña interacción podemos darle a los usuarios un guiño mientras usan nuestra aplicación.

Estas pequeñas interacciones se las conoce como micro-interacciones. Los invito a ver una excelente charla que dió @pixelbeat en la meetup BAFrontend sobre este tema.

Cualquier duda que tengan pueden consultarme vía Twitter a @pazguille.

¡Hasta la próxima!