• Página 2 de 2
  • «
  • 1
  • 2
Moderador del foro: ZorG  
sitio PDA
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 16 | 2:24 PM
Háptica en iOS

iPad, iPad, iPad… otro nuevo dispositivo para cautivar a los ávidos consumidores, pero que por lo menos trae interesantes nuevas tecnologías. Aparte de que crean que es un iPhone gigante, tiene varias innovaciones que permiten darle mucha rienda a la imaginación de los creadores de contenido específico para esta plataforma. Una de las que más me han interesados, corresponde a los eventos gestuales.

Este artículo abordará todos los eventos disponibles para iPad y que ocurren cuando el usuario interactúa con una página web en iOS. Aunque puedes visualizar los ejemplos con Safari 5 para escritorio o el mismo iPhone, la mejor interacción la puedes lograr desde un iPad mismo por la dimensión y calidad de su superficie táctil (o en su defecto con su simulador).

Eventos Multitouch
Puedes usar classes de eventos touch de tipo DOM en Javascript que ya están disponibles en iOS. Si quieres registrar estos eventos, el sistema envía objetos TouchEvent a aquellos elementos DOM mientras los dedos se mueven por sobre la superficie. Una secuencia multitouch comienza cuando un dedo toca por primera vez la superficie. La secuencia termina cuando el último de esos dedos se levanta de la misma superficie. Éstos eventos son similares a los usuales eventos de mouse[/], excepto que puedes tener toques simultáneos en la superficie en diferentes lugares de la misma. Un objeto de evento [b]touch es utilizado para encapsular todos los toques que existen en un mismo momento en la pantalla. Cada dedo es representado por un objeto touch y las típicas propiedades que encuentras en un evento de mouse están en un evento touch, pero no el objeto mismo.

Cuatro son los principales eventos touch:

  • ontouchstart
    ocurre cada vez que un dedo se posa sobre la pantalla.

  • ontouchmove
    ocurre cuando un dedo que ya está en la pantalla se mueve sobre ella.

  • ontouchend
    ocurre cada vez que un dedo sale de la pantalla.

  • ontouchcancel
    el sistema puede cancelar los eventos en ciertas ocasiones, como por ej. cuando recibes un SMS mientras estás arrastrando un elemento.

    Para registrarlos con Javascript:

    Quote
    element.addEventListener("touchstart", touchStart, false);
    element.addEventListener("touchmove", touchMove, false);
    element.addEventListener("touchend", touchEnd, false);
    element.addEventListener("touchcancel", touchCancel, false);

    Y si lo quieres implementar como una función:

    Quote
    function touchStart(event) {
    // tomemos las coordenadas del dedo cuando toca la pantalla
    var x = event.touches[0].pageX;
    var y = event.touches[0].pageY;
    alert('X = '+x+',Y = '+y);
    }

    Ver ejemplo 1

    Un simple evento: arrastra un elemento cuando mueves el dedo:

    Quote
    function touchMove(event) {
    event.preventDefault();
    var touch = event.touches[0];
    var node = touch.target;
    node.style.position = "absolute";
    node.style.left = touch.pageX + "px";
    node.style.top = touch.pageY + "px";
    }

    Ver ejemplo 2

    Detalle: por defecto, si arrastras un dedo sobre la pantalla es probable que la página comience a moverse (peor si ésta tiene scroll). Por suerte agregaron la función preventDefault() que hace que la página se quede quieta si lo necesitamos.

    Las listas de eventos agrupan estos objetos, y contiene información para cada dedo que está tocando la pantalla. Además, contiene 2 otras listas: una que tiene información para los dedos que se originan del mismo elemento y otro que contiene sólo información para los dedos asociados al mismo evento. Estas listas están disponibles para cada evento touch, y son:

  • touches
    una lista para cada dedo que está posado actualmente sobre la pantalla.

  • targetTouches
    tal como touches, pero filtra sólo la información para los dedos que comienzan del mismo elemento.

  • changedTouches
    lista la información para cada dedo involucrado en el mismo evento.

    Las propiedades que contienen estas listas son:

  • clientX
    coordenada X del toque relativa al viewport (pantalla visible).

  • clientY
    coordenada Y del toque relativa al viewport.

  • screenX
    coordenada X relativa a la pantalla.

  • screenY
    coordenada Y relativa a la pantalla.

  • pageX
    coordenada X relativa a la página completa (incluye offset del scroll).

  • pageY
    coordenada Y relativa a la página completa.

  • target
    elemento donde el evento touch fue originado.

  • indentifier
    número identificados, único para cada evento touch.

    Para entender mejor, veamos el siguiente caso:

    1. Cuando pongo un dedo en la pantalla, las 3 listas tendrán la misma información en sus propiedades, pero changedTouches fue el que originó el evento.
    2. Cuando pongo el segundo dedo, touches tendrá 2 items (uno para cada dedo); targetTouches tendrá 2 items sólo si el segundo dedo es posado en el mismo elemento del primero; changedTouches tendrá información relacionada al segundo dedo, porque fue lo que causó el evento.
    3. Si pongo 2 dedos exactamente al mismo tiempo, tendré 2 items en changedTouches: uno para cada dedo.
    4. Si muevo mis dedos, la única lista que cambiará es changedTouches y va a tener información relacionada a cada dedo que se vaya moviendo (al menos uno).
    5. Cuando levanto un dedo, será eliminado de touches y targetTouches y aparecerá en changedTouches ya que fue el que originó el evento.
    6. Si quito el último dedo se vaciarán touches y targetTouches, y changedTouches tendrá la información para ese ultimo dedo.

    Eventos Gestuales
    Eventos multitouch pueden ser combinados para crear eventos de gestos. Los objetos GestureEvent son enviados durante una secuencia multitouch y contienen información de dimensiones y rotaciones.

    Para registrarlos en HTML:

    Quote
    <div
    ongesturestart="gestureStart(event);"
    ongesturechange="gestureChange(event);"
    ongestureend="gestureEnd(event);"
    >

    Y mediante Javascript:

    Quote
    element.addEventListener("gesturestart", gestureStart, false);
    element.addEventListener("gesturechange", gestureChange, false);
    element.addEventListener("gestureend", gestureEnd, false);

    Comencemos con un ejemplo simple:

    Quote
    function gestureStart(event) {
    // tomamos el angulo y tamaño del elemento
    var angle = event.rotation;
    var scale = event.scale;
    alert('angulo: '+angle+', dimension: '+scale);
    }

    Ver Ejemplo 3

    Ahora escalamos y rotamos un elemento:

    Quote
    function gestureChange(event) {
    event.preventDefault();
    event.target.style.width = (200 * event.scale) + "px";
    event.target.style.height = (200 * event.scale) + "px";
    event.target.style.webkitTransform = 'rotate(' + event.rotation + 'deg)';
    }

    Ver Ejemplo 4

    Creo que esto es un buen comienzo para que te interese esta plataforma, la que implementa un tipo de interacción háptica poco usual y con un gran potencial comercial.


    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
  • GUARAGUAO
    Mensajes: 2362
    Reputación: 81
    Mensaje Nº 17 | 6:20 PM
    Cómo crear sitios web optimizados para móviles

    Introducción

    Hace un tiempo se decía que el futuro de la Internet eran los móviles. Les traigo noticias, el futuro ya llegó y los móviles son la nueva tendencia en el desarrollo web. Si aun no sabes como hacer un sitio optimizado para móviles aun no es tarde para ti, este mini-curso te dará las nociones mas básicas para dar el primer paso.

    Me enfocaré hacia las buenas practicas móviles. No va dirigido a una plataforma especifica, por el contrario el documento que vamos a desarrollar debería funcionar correctamente en la mayoría de equipos disponibles en el mercado.

    Un sitio que solo se ve en iPhone/Android NO es realmente un sito para móviles

    Actualmente hay muchos tutoriales sobre desarrollo para iPhone o Android específicamente, pero ¿Sabias que estos smartphones aun no superan el 20% de los equipos que tienen acceso a Internet? Mira el siguiente cuadro:

    Crear un sitio web que solo funciona para Android / iPhone no es hacer una web movil. Por el contrario , muy posiblemente le darás una mala experiencia a tus visitantes en las demás plataformas y eso significa que tu pagina que se ve tan cool en iPhone es una pesadilla inusable para mas del 80% de los usuarios reales de web móvil. Es el equivalente a desarrollar un sitio web que solo funciona para un browser especifico, al mejor estilo de los inicios de la web.

    El largo y tortuoso camino de un developer para móviles

    El mercado de los dispositivos móviles esta infinitamente fragmentado, hay miles y miles de equipos y cada uno es un mundo, con browsers, soportes y capacidades distintas. Si pensabas que testear tu web en explorer, firefox, chrome, opera y safari era tedioso, bienvenido al infierno! Pronto veras esos tests como un juego de niñitas.

    Puede parecer intimidante al inicio y francamente lo es, pero ten calma. Existen varias técnicas para crear sitios que puedan ser visualizados si no en todos los equipos, en al menos la gran mayoría de ellos. En este mini-curso vamos a ver brevemente las mas importantes de ellas.

    Temas del mini-curso

    Para un mejor manejo de la información, he aquí un curso en 3 secciones, estos serán los temas de los que hablaremos:
    • Herramientas y programas para desarrollo
    • Reglas generales para el contenido de sitios móviles
    • Técnicas y herramientas para testear tu sitio.

    Al final del proceso, tendrás las habilidades básicas para crear un verdadero sitio móvil. Espero que disfrutes el viaje.


    Emuladores y herramientas

    Fragmentación de dispositivos y estándares

    Mas que cualquier herramienta de trabajo te recomiendo seguir los estándares de la W3C, te ahorrarás muchísimo tiempo y sufrimiento.

    Como ya sabemos, el mercado está muy fragmentado y cada equipo es un mundo, piensa que un dispositivo móvil no tiene las mismas capacidades que tu ordenador, cada fabricante debe jugar con variables como la potencia, el espacio y el precio para definir que características soportar, por eso, así como cambian los precios y los tamaños, también cambian las capacidades del equipo.

    Lo único que tienen en común la gran mayoría de los equipos, es que sus browsers fueron creados a partir de las reglas comunes que definió la W3C (o al menos eso intentan). Al apegarte tu también a estas reglas existe una enorme posibilidad que tu código se muestre apropiadamente en cualquier equipo moderno. (mas adelante te daré detalles sobre estos estándares)

    Webkit: Tu nuevo mejor amigo

    Los smartphones son el eje de toda la revolución móvil y afortunadamente la gran mayoría de ellos usa webkit como navegador nativo.

    Eso significa que no necesitas vender un riñón y comparte un iphone/ipad/Blackberry/Droid y hacer pruebas. Simplemente tienes que revisarlo en cualquier browser que tenga como base este motor de render, eso incluye a Chrome, Safari o Konqueror entre otros.

    Sin embargo si piensas trabajar seriamente en esto, es mejor que instales el nightly build de webkit, está en constante actualización y tiene algunos trucos especialmente útiles para desarrolladores.

    Recuerda que cada equipo tiene diferentes características (memoria, procesador, disco duro...) y eso significa que existen muchas implementaciones distintas de webkit que pueden dar diferentes resultados, una vez más, la clave está en seguir los estándares y buenas prácticas.

    Emuladores y validadores para probar tus sitios móviles

    Una parte fundamental del desarrollo web móvil, son las pruebas exhaustivas, no solo debes seguir los estándares y buenas prácticas, también debes realizar pruebas de render en la mayor cantidad de equipos físicos y emuladores. Como mínimo necesitas al menos un validador y un par de emuladores para hacer pruebas.

    Mobile Toolkit

    En mi trabajo diario me di cuenta que tenía que hacer cientos de veces todas estas pruebas y no encontré ninguna herramienta especializada que me facilitara el trabajo en móviles, así que se ha desarrollado el Mobile toolkit, que agrupa las herramientas básicas que necesitas en un toolbar, incluye lo básico: validadores de código, emuladores de móviles y referencias de lenguaje.

    Se espera en el futuro próximo ir ampliando sus funciones. Recomiendamos usarlo en conjunto con la Web Developer Toolbar, Firebug y User Agent Switcher .

    Aun esta en fase beta, pero esta disponible tanto para Firefox como para Chrome.

    Conclusión

    En este punto ya debes estar arañando las paredes esperando a que comencemos a trabajar en el código, pero ten calma, es mucha información nueva.

    Ya comprendes porque no debes hacer sitios solo para smartphones, sabes la importancia de seguir los estándares para ofrecer una experiencia consistente en equipos móviles y ya tienes acceso a las herramientas básicas de validación y prueba

    Vamos por buen camino, a ser desarrolladores móviles.

    Ahora que tenemos buenas bases, en la próxima lección vamos a empezar a crear nuestro primera web optimizada para móviles.


    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
    GUARAGUAO
    Mensajes: 2362
    Reputación: 81
    Mensaje Nº 18 | 11:29 AM
    Diseño de sitios web para teléfonos móviles: Estructura HTML

    Vamos a construir nuestro sitio móvil revisando las principales diferencias con un sitio web tradicional. Los cambios más notables están en el header. En este tutorial veremos la estructura básica de una web móvil.

    DOCTYPE XHTML para móviles
    Asumo que la mayoría está familiarizada con el término, pero para definirlo brevemente, el Doctype hace parte de la estructura XHTML y es una instrucción que permite vincular nuestro archivo con un tipo específico de documento, así los browsers interpretan sus características basados en reglas específicas.

    Por ejemplo, algunos sitios usan XHTML 1.0 Transitional y usan este Doctype:

    Code
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Prácticamente todos los SmartPhones tienen soporte para manejar este tipo de documentos, pero como hemos mencionado anteriormente, los SmartPhones (al momento de escribir esto) no son la mayoría del mercado móvil y debemos tratar que nuestro sitio sea accesible para la mayor cantidad de equipos, por eso, la W3C tiene un subset específico para dispositivos móviles: el XHTML 1.1 Basic[b/], este es el [b]doctype que usa:

    Code
    <?xml version="1.0"?>  
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"  
         "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">

    Por otro lado la OMA ( Open Mobile Alliance ) antiguamente, guardián del WAP, tiene su propio doctype: el XHTML Mobile Profile, que es también un subset de XHTML y su doctype se ve así:

    Code
    <?xml version="1.0"?>  
    <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"  
      "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

    Ambos son muy similares, son perfectamente standard y tienen un amplio soporte en dispositivos móviles, personalmente te recomiendo usar el Mobile Profile, he descubierto tiene mejor soporte con dispositivos mas restringidos.

    Content-Type XHTML para teléfonos móviles
    Para que nuestro documento se pueda visualizar consistentemente en la mayoría de dispositivos móviles y aumentar aun mas su compatibilidad, debemos definirle el tipo de contenido que vamos a mostrar y el encodeado que utilizaremos, esto lo logramos agregando esta instrucción

    Code
    <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=utf-8" />

    Recomendaciones de Cache al hacer sitios móviles
    El ancho de banda es un asunto serio para desarrollo móvil , no todos los usuarios tienen planes ilimitados de datos y un sitio pesado puede tener un costo monetario alto. Si tu sitio se vuelve costoso, alejarás a tus visitantes. Usando cache ayudamos a nuestros usuarios a ahorrar ancho de banda al no bajar varias veces los mismos datos. En todo sitio móvil se recomienda como buena práctica incluir una instrucción de cache, en este caso le daremos 24 horas de cache a nuestro contenido.

    Code
    <meta http-equiv="Cache-Control" content="max-age=86400"/>

    Código de nuestra primera pagina para móviles!
    Uniendo los elementos que acabamos de revisar, por fin podemos hacer la base de lo que sera nuestro primer sitio móvil, este es el código:


    Click on the image to view it in full size.

    Hemos analizado las principales modificaciones que debemos hacerle a un sitio para aumentar al máximo su compatibilidad y soporte, a partir de ahora ya sabes como hacer un sitio verdaderamente orientado a todo tipo de dispositivos móviles y no solo para SmartPhones. Pero como todo buen geek sabe, con un gran poder viene una gran responsabilidad...


    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
    GUARAGUAO
    Mensajes: 2362
    Reputación: 81
    Mensaje Nº 19 | 12:45 PM
    Consejos de diseño web para móviles

    – Parte 1 -


    Actualmente en las empresas se está desarrollando la versión móvil de una aplicación web bastante compleja (una mezcla entre Facebook y Brain Training). Esto nos ha obligado a investigar más a fondo el tema, puesto que la aplicación y el diseño son más complejos que la mayoría de webs móviles que se ha realizado. Algunas de las cosas que estoy aprendiendo están en este y el siguiente artículo.

    Entender la web móvil
    La web móvil requiere saber condensar la información en espacios pequeños, primar la usabilidad y saber comprender qué es lo verdaderamente importante en una web. Hay una gran diferencia entre diseñar una página web que será visible en un ordenador y diseñar una que será visible en un dispositivo móvil. Esta diferencia es cuantiosa ya que no se puede establecer un formato específico para móvil, debido a la gran cantidad de modelos, tamaños y grandes diferencias de resolución en los diferentes tipos de dispositivos móviles.

    Ante esta situación, la mejor opción es que tomemos como referencia a la hora de diseñar nuestro sitio web para móviles, la mayor cantidad posible de dispositivos móviles, de tal manera que nuestro diseño pueda ser visto desde casi cualquiera de estos dispositivos. Para ello debemos asegurarnos principalmente de hacer un diseño fluido, que pueda adaptarse a diferentes anchuras sin romperse o desaprovechar espacio.

    Consejos de diseño web para móviles
    En el futuro, se espera que la navegación web en teléfonos móviles se convierta en la plataforma más importante de acceso a Internet, por lo que recomiendo tener en cuenta algunos consejos que harán nuestro trabajo más simple, fácil y atractivo para los usuarios:

  • Resolución de pantalla:
    Como hemos indicado, la resolución de pantalla cambia según el dispositivo móvil en el que vayamos a visualizar una web, por lo tanto necesitamos adecuarnos a un estándar de resolución para que la web móvil se adapte a la mayoría de pantallas.
  • Asegurarnos que el desarrollo del contenido sea el adecuado:
    Debemos utilizar lenguajes de programación comunes y formatos de documentos conocidos por los usuarios, asegurarnos de la correcta codificación de los caracteres y utilizar hojas de estilo.
  • Es conveniente no poner mucha información en una pantalla:
    Se recomienda dividir el contenido de la página en pequeñas porciones fáciles de entender, resumir textos y hacer bien visibles las llamadas a la accion, tales como botones y enlaces.
  • Desarrollar un diseño sencillo para facilitar el uso:
    Es muy importante que la visualización de la web en un dispositivo móvil sea simple y claro, pues esto significará que el usuario vea atractivo y fácil navegar por la web.
  • Dinamismo en los enlaces:
    Darle al usuario la opción de poder volver a la página inicial de la web, haciendo clic en un botón que aparecer en cada página a la que acceda. Esto hará que el usuario retome rápidamente el rumbo de la navegación en caso de haberlo perdido.
    Además que el usuario pueda siempre diferenciar, por ejemplo mediante un color diferente, los enlaces que ya haya visitado de lo que no, para que la navegación sea más clara y dinámica.
  • Que el usuario necesite escribir lo mínimo:
    Para hacer más ágil la navegación web en un dispositivo móvil, es conveniente que el usuario no se vea obligado a escribir texto.
    Lo recomendable es utilizar opciones de menú desplegable que muestren las diferentes alternativas de acceso a los diferentes niveles del recorrido web
  • No utilizar páginas emergentes (pop-us):
    Los navegadores móviles no soportan las ventanas emergentes y si así fuera, el espacio para mostrarlo sería muy reducido. Se recomienda no utilizarlos para la comodidad del usuario y para una mejor estética del diseño web móvil.
  • Ser lo más claro posible en la navegación del usuario:
    Esto es muy importante. El usuario debe encontrar las mayores facilidades tanto en la navegación web como en el sentido de esta. Para ello, debemos tener muy clara la distribución del contenido en el desarrollo de la web, logrando el correcto equilibrio entre la estética y la funcionalidad.

    Cuando el usuario accede a Internet a través de un dispositivo móvil, busca algo específico y urgente, por lo tanto el diseño que desarrollemos debe ser mucho más simple que el desarrollado para un sitio web estándar. De esta manera podremos contribuir en el presente al desarrollo del futuro, un futuro llamado Web móvil.
    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
  • GUARAGUAO
    Mensajes: 2362
    Reputación: 81
    Mensaje Nº 20 | 11:50 AM
    Consejos de diseño web para móviles

    – Parte 2 -


    No ha pasado mucho tiempo desde que para promocionarte o promocionar tu negocio y estar al día, solamente necesitabas tener una buena página web. Ahora, con lo rápido que ha avanzado la tecnología, hace falta mucho más que eso, hace falta tener actividad en las principales redes sociales y, sobretodo, contar con un sitio web compatible con dispositivos móviles.

    Actualmente un alto porcentaje de las búsquedas en motores tales como Google y Yahoo, se hacen desde dispositivos móviles como iPads y smartphones, y solamente el 1% de los sitios web del mundo pueden ser visualizados en un dispositivo móvil sin ningún problema.

    En la Parte 1 de este artículo, dimos algunos consejos para que tu sitio web sea totalmente compatible con dispositivos móviles, a continuación te damos algunos más que harán que tu sitio web móvil sea aún mejor:

  • Olvida el auto-play y la auto-descarga:
    Los dispositivos móviles tienen menos capacidades técnicas que los ordenadores y no pueden manejar el mismo flujo de datos. La regla de oro es hacerlo simple.

  • Evita la sobrecarga de imágenes:
    Si utilizas menor cantidad de imágenes será mejor para tu sitio web móvil, ya que esto no solamente facilitará la rapidez de las descargas, sino también hará que las imágenes que si sean necesarias sean mucho más fáciles de ver. ¿Quieres un dato técnico? Mantén tus imágenes aproximadas a los 72 dpi, 640px en 960 de altura.

  • Ajustar los elementos visuales:
    Reducir los tamaños de los textos y el tamaño de las imágenes para que tu sitio web móvil tenga un correcto funcionamiento y sea rápido al cargar no es lo único que necesitas. También es importante que utilices imágenes de menor resolución, videos más cortos y elementos visuales mucho más sencillos.

  • Navegación vertical:
    Siempre utiliza una misma dirección para el scrolling, pues si ya es bastante incómodo manejar un scrolling en doble dirección en una página web estándar, lo será mucho más en un sitio web móvil.

  • Olvídate del Flash o Javascript:
    No todos los dispositivos móviles son compatibles con Flash o Javascript, así que la recomendación es que toda tu información se encuentre en HTML / CSS para lograr la mejor funcionalidad de tu sitio web en los dispositivos móviles. Hay que primar la usabilidad y accesibilidad más si cabe que en un ordenador.

  • Decide correctamente los colores que usarás:
    En una web estándar los colores son de importancia para resaltar el contenido de tu información, pero recuerda que la pantalla de algunos dispositivos móviles puede ser de bajo contraste y eso hará que los colores y, por consiguiente, tu sitio web no se visualice tal como lo esperabas. Asegurate de que los textos y colores que utilizas son los adecuados y tengan un buen contraste.

    Teniendo en cuenta que la tecnología WAP está en constante desarrollo y crecimiento, es inevitable que requiera de sitios web diseñados cumpliendo todos los requisitos básicos para complacer a la creciente cantidad de usuarios que día a día se hace más extensa.

    Diseñar sitios web para dispositivos móviles exige un gran desafío y requiere un enfoque estratégico del diseñador web y el desarrollador.

    La mayor ventaja del Internet móvil es que puedes acceder a él desde cualquier lugar que te encuentres: desde el coche, el autobús, el supermercado, el campo de fútbol o los lugares menos pensados. Por esta razón estamos seguros que, en poco tiempo, aquel 1% de sitios web totalmente visibles en dispositivos móviles crecerá de tal manera, que llegará el momento en que la gran mayoría de accesos a internet será mediante estos dispositivos y entonces el porcentaje de sitios web móviles será incluso mayor al de sitios webs convencionales. Y este futuro no es lejano.

    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
  • angelkeppis25
    Mensajes: 1
    Reputación: 0
    Mensaje Nº 21 | 7:58 PM
    es bueno tener la ultima vercion para descargar la aplicacion
    https://playstore.gratis/descargar/
    • Página 2 de 2
    • «
    • 1
    • 2
    Búscar: