Creamos "Periodika", una aplicación móvil en la que puedes imprimir tus álbumes de fotos, instantáneas y postales. Para ayudar a todos los que toman fotografías con el iPhone, hemos seleccionado 8 de las mejores aplicaciones de edición de fotografías que lo ayudarán a ajustar el brillo y el contraste, aplicar un filtro, ajustar la perspectiva y hacer todo lo posible para enviar hermosas fotografías para imprimir.

VSCOcam

VSCOcam es una de las aplicaciones de procesamiento de imágenes más populares de los últimos tiempos y la razón es que debe su éxito a los filtros creados junto con fotógrafos, directores de arte y empresas de la industria creativa. Además, el programa cuenta con todas las herramientas necesarias para la imagen a la perfección: corrección de color, recorte, balance de blancos, brillo, contraste, etc.

en VSCOcam puedes procesar una foto una vez y luego aplicar esta configuración a todas las fotos similares al mismo tiempo, lo que ahorra mucho tiempo.

VSCOcam es también una comunidad donde miles de usuarios comparten sus momentos. También puedes llevar un diario en VSCOcam, creando historias fotográficas sencillas con tarjetas y texto. Los seguidores de la aplicación se pueden encontrar usando las etiquetas #vsco, #vscomoscow, #vscocam, #vscorussia en Instagram.

La aplicación es gratuita junto con el paquete inicial de filtros, el resto se compran por separado. Pero antes de comprar, puedes averiguar cómo se verán las fotografías en el nuevo procesamiento. Es difícil recomendar un conjunto específico de efectos: elige según tus gustos. Compartamos nuestros favoritos: C2, 04, 05 y F1.

Cuarto oscuro

La aplicación Darkroom es adecuada para quienes necesitan una corrección de color importante. La característica principal de Darkroom es la “curva”, la misma que utilizan los profesionales cuando trabajan con Adobe Lightroom. Sin embargo, no está incluido en el set inicial; debe adquirirse por separado. Pero tienes acceso a un conjunto de herramientas de edición de fotografías, que tiene todo lo que necesitas para el procesamiento básico.

Recuperación de la vista

Afterlight ha sido popular entre los fotógrafos móviles desde su introducción. ¿Cuál es el secreto? Una interfaz amigable, un montón de herramientas de edición y, por supuesto, marcos, texturas y otras decoraciones.
Afterlught también está en orden con todo lo demás. Todo lo que necesitas para editar, paquetes de hermosos filtros de desarrolladores y fotógrafos móviles, conjuntos de marcos y texturas. Algunos se venden por separado.

Semilla instantánea

Snapseed es una herramienta indispensable si necesitas realizar ajustes precisos en una foto. Capaz de trabajar con una fotografía completa y con áreas individuales. Puede aclarar un área demasiado oscura u oscurecer un área demasiado clara.
El editor de fotografías tiene herramientas básicas de procesamiento en su arsenal: recorte, corrección de color, viñeteado. Además de efectos interesantes: desenfoque grunge, noir y otros.

Pixelmator

Pixelmator es el “monstruo” de nuestra selección. Los propios desarrolladores lo posicionan como un editor de imágenes completo. Por supuesto, también es adecuado para fotografías.
La característica principal de la aplicación es la compatibilidad con capas, como en los editores de fotografías de escritorio. Esto le permite experimentar: "mezclar" varias imágenes, agregar texto, formas geométricas. Pixelmator tiene buenas plantillas para crear collages, tarjetas y carteles.

Mezclas

Mextures te dará la sensación de un cuarto oscuro y de experimentación. La aplicación contiene efectos interesantes que pueden (y deben) mezclarse. Dado que cada filtro tiene muchas variaciones, una misma foto con el mismo efecto se verá diferente. Lo principal es detenerse en el momento adecuado y no exagerar con los filtros.

Litely

Litely es un editor de fotografías fácil de aprender con hermosos filtros. Son adecuados para paisajes, fotografías de naturaleza y arquitectura. A los fanáticos de las fotografías en blanco y negro les encantará el paquete con efectos noir.
Puedes probar el kit de inicio gratis, pero tendrás que pagar más por el resto. Antes de comprar, puedes mirar ejemplos de efectos en fotografías reales y decidir lo que necesitas.

SKRWT

SKRWT — una cura para las manos torcidas. En serio, en un iPhone sin trípode es difícil tomar una foto inicialmente "directa" con las proporciones correctas de los objetos y un horizonte sin obstáculos. Fotografiamos lo que vemos, sin pensar en la composición y construcción del encuadre.

La aplicación cuenta con herramientas para corregir la perspectiva, el volumen de los objetos, la disposición vertical y horizontal del marco. Para el autor del blog Periodicals, esta aplicación ha guardado más de una vez imágenes aparentemente perdidas, por lo que recomienda SKRWT a todos los fotógrafos móviles.

Las posibilidades de la fotografía móvil son muy amplias: mediante aplicaciones se puede tomar, procesar, diseñar e imprimir una fotografía. Continuaremos presentándole ideas para procesar fotografías y su uso posterior. ¡Manténganse al tanto! Agréganos en Instagram —

Esta es una aplicación de edición de fotografías sencilla pero potente. Puedes modelar transformaciones corporales, mejorar tu apariencia para las redes sociales o darles a tus amigos un cambio de imagen divertido. Todo lo que necesitas hacer es arrastrar, agrandar o reducir las partes del cuerpo que deseas cambiar. Mira cómo te verías con una nariz, un mentón, unos glúteos diferentes, menos peso...

Nuestra aplicación ya ha sido descargada 10 millones de veces desde todas las plataformas existentes y tiene 2 características únicas:

1) El algoritmo de distorsión utilizado proporciona transiciones muy suaves, comparables sólo con las aplicaciones profesionales de Liquify, que son cientos de veces más caras.
Esta es una aplicación de distorsión de fotografías simple pero poderosa. Puedes usarlo para simular transformaciones corporales, mejorar tu apariencia en las redes sociales o divertirte deformando personas.

2) El modo de vista dual clona su imagen en la segunda mitad de la pantalla cuando gira el dispositivo y le permite cambiarla para que su dedo no cubra el área de trabajo. ¡Esto es ideal para dispositivos táctiles pequeños como su teléfono inteligente!

Nueva característica: ¡ahora puedes guardar animaciones transformadoras como archivos de video!

CARACTERÍSTICAS DE LA APLICACIÓN
********************************

Este editor de fotos te permite procesar todas las partes de la cara y el cuerpo:

Cambiar la forma de la nariz;
aumento de labios
Cambiar el contorno del mentón y la cara.
Reducción de peso, liposucción.
agrandamiento muscular
¡Cirugías en cualquier parte del cuerpo que se pueda cambiar, agrandar o reducir!

Nuestra aplicación es apta tanto para quienes quieren divertirse como para quienes están interesados ​​en verse con una apariencia diferente.

USO DE LA APLICACIÓN
**************************************

Usar la aplicación es muy sencillo incluso en pantallas pequeñas:

Importe una foto de rostro o de cuerpo completo desde su cámara o la biblioteca de imágenes de su dispositivo. Es aconsejable que la persona sea fotografiada sobre un fondo de un solo color, con suficiente iluminación para que los contornos de las partes del cuerpo sean claramente visibles.

Utilice su dedo para arrastrar, agrandar o reducir las partes del cuerpo que desea cambiar. Por ejemplo, puede eliminar una verruga en la nariz, agrandar sus senos o incluso adelgazar.

Al girar el dispositivo, puede pasar de ver una imagen a dos y así comparar las imágenes de antes y después en una pantalla.

Amplíe y vea dos imágenes para crear un "espejo" de su área de trabajo para que pueda verla sin que su dedo se interponga en su camino. ¡Esta es una gran solución para aquellos que desean editar fotografías con precisión en una pantalla pequeña!

Ejecute una animación de transformación entre la foto original y la foto modificada para ver la transición de su aspecto anterior al nuevo.

Descarga la aplicación ahora. Y verás cómo podrías lucir con una apariencia cambiada. Toda persona tiene derecho a la belleza.

Dmitry Dementiy

¿Dudas si vale la pena invertir en el desarrollo de aplicaciones móviles? Puedes hacerlo tú mismo y absolutamente gratis. Es posible que termine con una versión de prueba que pueda usarse para evaluar convenientemente la efectividad de su estrategia móvil. Y si lo intentas, crearás una aplicación móvil decente que se convertirá en la principal herramienta para la interacción en línea con los propietarios de teléfonos inteligentes y tabletas.

Solo tenga en cuenta que incluso la mejor aplicación móvil no puede ser la única herramienta de promoción. Sólo el marketing integral en Internet ofrece los máximos resultados en términos de tráfico y ventas.

¿Vale la pena crear tu propia aplicación móvil?

Costos. Si no cree en mi palabra, aquí hay algunos datos:

• Según Flurry Analytics y comScore, los propietarios de teléfonos inteligentes y tabletas utilizan el navegador sólo el 14% del tiempo total que pasan trabajando con el dispositivo. Y dedican el 86% de su tiempo a diferentes aplicaciones.
• La aplicación instalada es su canal directo de comunicación con el consumidor. Solo piense: no necesita gastar dinero en publicidad ni esperar a que una persona lo encuentre usando Yandex. Todo lo que queda es respaldar la funcionalidad que el usuario necesita y brindarle contenido relevante.
• El número de compras realizadas mediante tabletas y teléfonos inteligentes está creciendo tanto en Internet en general como en RuNet. Según la agencia de marketing Criteo, ya en 2016 más de la mitad de las transacciones online en RuNet se realizarán mediante dispositivos móviles.

Si lo deseas, la aplicación es un navegador móvil en el que solo se abre tu sitio web. ¿En qué caso instalaría un usuario un navegador de Internet de este tipo? Sólo si está interesado en su producto o información. Por tanto, recuerde: el cliente que instaló la aplicación es un representante leal y dispuesto a comprar del público objetivo.

En este caso, ¿vale la pena correr el riesgo y ofrecer aplicaciones DIY a clientes leales en lugar de programas personalizados creados por profesionales para Android e iOS? Vamos a resolverlo.

¿Cuándo puedes crear una aplicación tú mismo?

¿Recuerdas lo que necesitan los visitantes del sitio web? Vienen por el contenido o la funcionalidad del recurso. La gente quiere obtener información, comprar algo, mirar y comentar las fotos de sus amigos, etc. Los usuarios de aplicaciones móviles necesitan lo mismo. Están buscando información o realizando algún tipo de transacción.

¿Recuerdas cuando una empresa podía crear un sitio web por sí sola? Es justo cuando aún no tienes dinero para colaborar con profesionales, pero aún tienes el tiempo y las ganas de descubrir WordPress o Joomla. La misma situación ocurre con las aplicaciones. Los programas de creación propia para iOS y Android se pueden comparar aproximadamente con sitios web creados con motores de código abierto.

No es necesario registrarse para empezar a trabajar. Haga clic en el botón Crear ahora en la página principal o seleccione el menú Crear aplicación en la esquina superior derecha de cualquier página del servicio.

Seleccione la plantilla de aplicación adecuada. Si hablamos de un proyecto de contenidos, quizás te interesen las siguientes opciones:

• Manual. Esta plantilla le permite crear un programa guía.
• Blog. La aplicación ayudará a la audiencia de su blog a leer nuevas notas desde la pantalla de un teléfono inteligente o tableta.
• Sitio web. La plantilla convierte un sitio web en una aplicación.
• Paginas. Con esta plantilla puedes convertir cualquier contenido en una aplicación con una funcionalidad sencilla.
• Noticias. La plantilla le permite crear una aplicación que sea un agregador de noticias regionales o de la industria.
• Página. La plantilla convierte contenido fuera de línea, como un libro electrónico, en la aplicación.
• Página VK y página de Facebook. Cree una aplicación que le permita monitorear las actualizaciones de grupos abiertos en VKontakte y Facebook.
• YouTube. Utilice la plantilla para promocionar su canal de YouTube.

Cómo crear una aplicación de blog

Utilice la plantilla de blog. En el campo correspondiente, ingrese la URL de su blog o fuente RSS. Seleccione un color de título de nota.

Introduzca el nombre de la aplicación.

Añade una descripción.

Elija uno estándar o agregue un ícono personalizado. El tamaño de imagen apropiado es 512 por 512 píxeles.

Para crear un archivo de descarga, haga clic en el botón Crear aplicación. Después de esto, deberá registrarse en el sistema. Confirme su registro y vaya a su cuenta personal. Aquí puedes instalar la aplicación en tu dispositivo móvil, publicarla en Google Play y Amazon App Store. El sistema también ofrece una opción de monetización. Si utiliza esta función, se mostrarán anuncios en la aplicación.

Comprueba cómo funciona la aplicación en tu dispositivo móvil. En una tableta, el programa debería mostrar una lista de publicaciones de blog en formato de título y anuncio.

En su cuenta personal de AppsGeyser, puede monitorear la cantidad de instalaciones, crear notificaciones automáticas, publicar la aplicación en tiendas, monetizar el programa mediante publicidad y editar la aplicación.

¿Quieres más aplicaciones? Luego cree una aplicación de guía usando la plantilla Manual.

Después de editar el contenido, especifique el nombre de la aplicación, agregue una descripción y un ícono. Haga clic en el botón Crear aplicación. Después de crear el archivo de descarga, instálelo en su dispositivo móvil y verifique su funcionalidad.

Tenga en cuenta que la mayoría de los dispositivos móviles bloquean la instalación de aplicaciones de fuentes desconocidas de forma predeterminada. Si un usuario descarga un programa de su sitio o de un sitio de creación de aplicaciones, verá una advertencia de seguridad cuando intente instalarlo. Es probable que algunos clientes se nieguen a instalar el programa.

8 constructores similares a AppsGeyser

Si el constructor universal AppsGeyser no es adecuado para usted, preste atención a servicios similares:

• AppsMakerStore. Utilizando el servicio, puedes crear aplicaciones de varios tipos: desde programas para comercio electrónico hasta soluciones para proyectos de contenido. El diseñador crea aplicaciones para iOS y Android. La interfaz de servicio está rusificada. Para principiantes, existe una guía informativa sobre el uso del constructor. El servicio es pago.
• Mobincubo. Una herramienta para crear y monetizar aplicaciones para iOS y Android. La funcionalidad básica del servicio está disponible de forma gratuita. El diseñador te permite crear aplicaciones de diferentes tipos.
• Buen peluquero. Con este servicio puedes desarrollar aplicaciones para Android e iOS. Se paga al constructor, el costo de uso es de 16 USD por mes.

La mayoría de los servicios ofrecidos tienen una interfaz en inglés. Si no se siente cómodo trabajando con constructores en inglés, elija plataformas con contenido en ruso.

Diseñadores de aplicaciones: ¿un hacha de piedra o una herramienta moderna y delgada?

No vayas de un extremo a otro. Con la ayuda de los servicios propuestos, realmente puede crear aplicaciones funcionales funcionales. Los programas resultantes se pueden utilizar para resolver diversos problemas: desde facilitar el comercio en línea hasta distribuir contenido y educar al público. Las aplicaciones creadas en el diseñador se pueden publicar en Google Play y App Store, editar y monetizar mediante publicidad o instalaciones pagas.

No sobreestime los servicios ofrecidos. Su inconveniente evidente sigue siendo su naturaleza estereotipada. Estamos hablando tanto del diseño como de la funcionalidad de los programas. Además, se paga el acceso a plataformas con una funcionalidad decente. ¿Qué es mejor: pagar a los desarrolladores por su trabajo una vez o pagar a los propietarios del diseñador durante muchos años? Haz los cálculos por ti mismo.

Y una cosa más: si no tienes tiempo para crear tú mismo una aplicación móvil, contacta con nuestra empresa. Desarrollamos aplicaciones móviles y .

Contáctenos¿Lo discutimos? Solicite una consulta gratuita

Después de tomar fotos o grabar videos desde nuestro teléfono o iPad, nos gustaría encontrar una manera de tomar videos fotográficos directamente en nuestros dispositivos móviles para compartirlos mejor. Ya sea editando vídeos o haciendo vídeos, existen aplicaciones para crear vídeos, que te permiten hacerlos como un profesional en teléfonos iPad, iPhone y Android. En este artículo, veremos los 10 principales creadores de vídeos musicales de la industria.

Recomendación: el mejor software de escritorio para la creación de vídeos y música

Incluye muchas características útiles: soporte para la opción de arrastrar y soltar, recortar, recortar y rotar video, puede mejorar el video agregando efectos de texto como Mosaico entre muchas características interesantes. Y puedes agregar pistas de audio o música al video y editar la música fácilmente. Una cosa importante de Filmora Video Editor es que brinda a los usuarios la opción de exportar a cualquier otro formato de video como WMV, MOV y FLV. De hecho, la interfaz del editor de vídeo Filmora se puede utilizar sin ningún problema.

Parte 1. Las 5 mejores aplicaciones de creación de vídeos para dispositivos iPad/iPhone

1. Vídeos con inclinación y desplazamiento

Un creador de vídeos fotográficos muy sencillo y fácil de usar con aplicación de música para iPad y iPhone. La aplicación TiltShift Video te ayuda a convertir tus videos habituales en videos inclinados y sin estrés. Algunas de las mejores características de esta aplicación de video son la capacidad de cambiar la velocidad del video, crear videos en cámara lenta y en tiempo.

2. VidLab – Realizador de vídeos y películas

Magisto es ideal para aquellos usuarios que sólo quieren añadir algunos filtros a sus vídeos. No ofrece muchas funciones y funciones de edición, pero tiene algunos efectos interesantes que puedes aplicar en tu vídeo con un simple clic. La mejor parte de usar Magisto es que puedes guardar todos tus videos en la nube, para poder editarlos en cualquier momento desde un simple navegador web. En otras palabras, si no eres un YouTuber profesional, deberías probar esta aplicación para aplicar algunos efectos básicos y funciones habituales de edición de vídeo.

3. Estudio Stop Motion

Stop Motion Studio es un creador y editor de vídeo profesional para tu iPad y iPhone. Es gratis y puede reproducir videos HD y HD en su iPhone y iPad y guardarlos en resolución completa. También tienes la opción de exportar como formato de imagen GIF.

4. Magisto – Editor de vídeo mágico

Este es uno de los mejores creadores de videos para iPhone y iPad y puedes obtenerlo gratis en la tienda de aplicaciones. Esta aplicación se puede crear a partir de tus videos y fotos. La aplicación Magisto es una aplicación de edición de vídeo profesional, fácil de usar y de calidad. Tenga en cuenta que la aplicación Magisto no tiene las mismas funciones que iMovies; sin embargo, necesita Internet para usar la aplicación.

5.iPelícula

iMovie es una de las aplicaciones de fotografía y vídeo más populares para iPad y iPhone. Ayuda a los usuarios a crear videos HD sin mucho estrés. También tiene la capacidad de hacer películas de Hollywood al estilo cinematográfico. Los vídeos creados con la aplicación iMovies se pueden publicar en Vimeo, Facebook y YouTube directamente desde la aplicación. Es fácil de usar y viene con la capacidad de guardar videos en resolución completa.

Parte 2. Las 5 mejores aplicaciones de creación de videos para dispositivos Android

1. Magisto

La aplicación de creación y edición de videos Magisto es uno de los mejores creadores de videos con música para dispositivos Android. La aplicación tiene la capacidad de crear presentaciones de diapositivas a partir de archivos multimedia como imágenes, bandas sonoras e imágenes. La aplicación está diseñada utilizando una interfaz sencilla. Otras características presentes en la aplicación incluyen estabilización automática de video, filtros, efecto de detección de rostros y transición. Definitivamente disfrutarás usándolo.

Descargar desde Google Play: https://play.google.com/store/apps/details?id=com.magisto

2. Editor de vídeo AndroVid

Este es un creador de videos fotográficos profesional con música para Android que puede ayudarte a cortar, recortar y agregar música en cualquier momento al crear videos usando esta aplicación en tu teléfono Android. Con esta aplicación es fácil recortar y eliminar cualquier parte del vídeo que no sea necesaria. Esta aplicación te brinda la posibilidad de agregar texto, marcos y efectos especiales a tus videos. Otras características de esta aplicación incluyen la conversión gratuita de cualquier vídeo a mp3, la reproducción de videoclips en cámara lenta y más.

Descargar desde Google Play: https://play.google.com/store/apps/details?id=com.androvid

3. Creador de vídeos profesional

Video Maker Pro es una aplicación de estudio de películas para crear videos fotográficos en Android y editar, recortar y agregar archivos multimedia en la película. Es fácil de usar y por supuesto no tendrás ningún problema al utilizar la aplicación. También cuenta con un creador de presentaciones de diapositivas que le da un efecto a cada imagen. Esta es una aplicación increíble con una buena calificación de usuario.

Descargar desde Google Play: http://download.cnet.com/Video-Maker-pro/3000-2139_4-75792548.html

4. Editor de vídeo de Andromedia

Esta aplicación de creación y edición de videos es una de las mejores herramientas para crear y editar videos en diferentes formatos de forma profesional. La aplicación es gratuita y puede crear vídeos HD en 320px, 480px y 720px. Combina las mismas características de otras aplicaciones de creación de videos con algunas características adicionales, como soporte para otros formatos como MOV, WAV y otros. Tiene un diseño simple y es bastante fácil de usar.

Descargar desde Google Play: https://play.google.com/store/apps/details?id=com.catflow.andromedia

5.VidTrimPro

Una de las aplicaciones de creación de vídeos más populares para usuarios de Android y otras plataformas. Generalmente se considera la mejor aplicación en esta categoría con muchas funciones excelentes y un diseño de interfaz fácil de usar. Otras características de esta aplicación incluyen transcodificar sus videos, capturar fotogramas y recortar. Aunque en realidad no es gratis. Sin embargo, hay una versión de prueba disponible para ayudarte a confirmar si realmente la necesitas antes de comprar la aplicación.

Descargar desde Google Play: https://play.google.com/store/apps/details?id=com.goseet.VidTrimPro&hl=en

Precio: Gratis

Aprender un nuevo lenguaje y entorno de desarrollo es lo mínimo que se requiere de usted si desea escribir su primera aplicación móvil. Tomará al menos un par de semanas esbozar una lista básica de tareas pendientes para Android o iOS sin copiar el ejemplo del libro. Pero no se puede dominar Objective-C o Java y aun así desarrollar rápidamente aplicaciones para teléfonos inteligentes si se utilizan tecnologías como PhoneGap.

Si ha estudiado detenidamente las innovaciones que nos esperan en Windows 8, se habrá dado cuenta de que será posible desarrollar aplicaciones en HTML5. De hecho, la idea no es nueva: las tecnologías que implementan el mismo enfoque para las plataformas móviles se están desarrollando a pasos agigantados. Uno de estos marcos, que le permite desarrollar aplicaciones para teléfonos inteligentes utilizando una gran cantidad de HTML, JavaScript y CSS familiares, es PhoneGap. Una aplicación escrita con su ayuda es adecuada para todas las plataformas populares: iOS, Android, Windows Phone, Blackberry, WebOS, Symbian y Bada. No necesitará aprender los detalles de programación para cada plataforma (por ejemplo, Objective-C en el caso de iOS), ni lidiar con varias API y entornos de desarrollo. Todo lo que necesita para crear una aplicación móvil multiplataforma es conocimiento de HTML5 y una API especial de PhoneGap. En este caso, el resultado no será una estúpida página HTML “enmarcada” en la interfaz de la aplicación, ¡no! La API del marco le permite utilizar casi todas las capacidades del teléfono que se utilizan durante el desarrollo con herramientas nativas: acceso al acelerómetro, brújula, cámara (grabación de video y fotografía), lista de contactos, sistema de archivos, sistema de notificación (notificaciones estándar en el teléfono). , almacenamiento, etc. etc. Finalmente, una aplicación de este tipo puede acceder sin problemas a cualquier dirección entre dominios. Puede recrear controles nativos utilizando marcos como jQuery Mobile o Sencha, y el programa final parecerá escrito en un idioma nativo (o casi) en un teléfono móvil. Lo mejor es ilustrar lo anterior en la práctica, es decir, escribir una aplicación, por lo que le sugiero que comience a practicar de inmediato. Controle el tiempo: todo le llevará poco más de media hora.

¿Qué crearemos?

Tomemos iOS como plataforma de destino; sí, sí, el dinero está en la AppStore y, por ahora, es mejor monetizar sus desarrollos allí :). Pero déjame aclararlo de inmediato: lo mismo, sin cambios, se puede hacer, digamos, para Android. Pensé durante mucho tiempo qué ejemplo considerar, ya que no quería escribir otra herramienta para realizar un seguimiento de la lista de tareas pendientes. Entonces decidí crear una aplicación llamada “Georemembrance”, un programa de navegación cuyo propósito se puede describir en una frase: “Avísame cuando esté aquí otra vez”. La AppStore tiene muchas utilidades que permiten “recordar” el lugar donde el usuario estacionó el auto. Es casi lo mismo, sólo que un poco más simple. Puede señalar un punto en el mapa de una ciudad, establecerle un radio determinado y programar un mensaje. La próxima vez que caiga dentro del círculo con el radio especificado, la aplicación le notificará y el punto se eliminará. Procederemos de acuerdo con este plan: primero crearemos una aplicación web simple, la probaremos en el navegador y luego la transferiremos a la plataforma iOS usando PhoneGap. Es muy importante crear un prototipo y probar la mayor parte del código en un navegador en una computadora, ya que depurar una aplicación en un teléfono es mucho más difícil. Usaremos el marco jQuery JS con jQuery Mobile (jquerymobile.com) como marco y Google Maps v3 como motor de mapas. La aplicación constará de dos páginas: un mapa y una lista de puntos.

• Se coloca un marcador de su posición actual en el mapa. Al hacer clic en el mapa, se crea un punto al que se adjunta un mensaje (como "coche cerca"). Se puede eliminar un punto haciendo clic en él. Para mover el marcador de una persona en el mapa, se utiliza una API de geonavegación.
• En la página con una lista de puntos debería haber un botón adicional "Eliminar todos los puntos", y al lado de cada punto debería haber un botón "Eliminar este punto". Si hace clic en un elemento de la lista, el punto correspondiente se mostrará en el mapa. Guardaremos la configuración del usuario y la lista de puntos en localStorage.

Marcos de interfaz de usuario

Por supuesto, jQuery Mobile no es el único marco para crear una interfaz móvil. El sitio web de PhoneGap tiene una lista enorme de bibliotecas y marcos que puede usar (phonegap.com/tools): Sencha Touch, Impact, Dojo Mobile, Zepto.js, etc.

Marco de aplicación

Explicaré inmediatamente por qué usaremos jQuery Mobile. Esta biblioteca JS nos proporciona elementos de interfaz de aplicaciones móviles listos para usar (lo más parecidos posible a los nativos) para una variedad de plataformas. ¡Necesitamos que el resultado sea una aplicación móvil y no una página de un navegador! Descargue la última versión de JQuery Mobile (jquerymobile.com/download) y transfiera los primeros archivos de aplicación que necesitamos a la carpeta de trabajo:

• imágenes/ (mueva aquí todas las imágenes de la carpeta de archivo jq-mobile del mismo nombre);
• índice.css;
• índice.html;
• index.js;
• jquery.js;
• jquery.mobile.min.css;
• jquery.mobile.min.js.

Es necesario hacer que los recursos sean principalmente locales para que el usuario no desperdicie Internet móvil en el futuro. Ahora creamos el marco de la página en el archivo index.html. El siguiente código describe la parte superior de la página con un mapa, la inscripción "Recordatorio geográfico" y el botón "Puntos".

Página del mapa

El atributo de página data-dom-cache="true" es necesario para garantizar que no se descargue de la memoria. El botón Puntos utiliza data-transition="pop" para que la página Lista de puntos se abra con un efecto emergente. Puede leer más sobre cómo se estructuran las páginas de jQuery Mobile en un buen manual (bit.ly/vtXX3M). Por analogía, creamos una página con una lista de puntos:

Página de lista de puntos

Para el botón “Mapa”, también escribiremos data-transition="pop", pero agregaremos el atributo data-direction="reverse" para que la página “Mapa” se abra con el efecto “Fundido”. Escribiremos los mismos atributos en la plantilla de puntos. Eso es todo, nuestro marco está listo.

Creando una aplicación

Ahora necesitamos mostrar el mapa, para lo cual usaremos la API estándar de Google Maps, que utilizan millones de sitios diferentes:

Var latLng = new gm.LatLng(this.options.lat, this.options.lng); this.map = new gm.Map(element, ( zoom: this.options.zoom, // Seleccione el centro de zoom inicial: latLng, // Establezca el centro inicial mapTypeId: gm.MapTypeId.ROADMAP, // Mapa normal enableDoubleClickZoom: true, // Deshabilita el zoom automático tocando/doble clic enableDefaultUI: true // Deshabilita todos los elementos de la interfaz));

Aquí Gm es una variable que hace referencia al objeto de Google Maps. Comenté bien los parámetros de inicialización en el código. El siguiente paso es dibujar un marcador de hombre en el mapa:

This.person = new gm.Marker(( mapa: this.map, icono: new gm.MarkerImage(PERSON_SPRITE_URL, new gm.Size(48, 48)) ));

La dirección de la persona sprite de Google Panoramas se utiliza como PERSON_SPRITE_URL. Su dirección estática es maps.gstatic.com/mapfiles/cb/mod_cb_scout/cb_scout_sprite_api_003.png. El usuario agregará puntos haciendo clic en el mapa, por lo que para dibujarlos escucharemos el evento de clic:

Gm.event.addListener(this.map, "click", function (evento) ( self.requestMessage(function (err, message) ( // Método que devuelve el texto ingresado por el usuario if (err) return; // Método agrega un punto a la lista activa y // lo dibuja en el mapa self.addPoint(event.latLng, self.options.radius, message); self.updatePointsList(); // Redibuja la lista de puntos )); ), FALSO);

Proporciono la mayor parte del código; busque el resto en el disco. A continuación, debemos enseñarle a la aplicación a mover el ícono de usuario en el mapa. En el prototipo utilizamos la API de Geolocalización (la que también se utiliza en los navegadores de escritorio):

If (navigator.geolocation) ( // Compruebe si el navegador admite la función de geolocalización gpsSuccess(pos) ( var lat, lng; if (pos.coords) ( lat = pos.coords.latitude; lng = pos.coords.longitude; ) else ( lat = pos.latitude; lng = pos.longitude; ) self.movePerson(new gm.LatLng(lat, lng)); // Mueve el icono de usuario ) // Cada tres segundos solicitamos la // posición actual de el usuario window.setInterval (function () ( // Solicita la posición actual navigator.geolocation.getCurrentPosition(gpsSuccess, $.noop, ( enableHighAccuracy: true, MaximumAge: 300000 )); ), 3000); )

El método movePerson utiliza un procedimiento simple getPointsInBounds() para verificar si el usuario se encuentra en algún punto activo. Última pregunta: ¿dónde guardar la lista de puntos? HTML5 introdujo la capacidad de usar localStorage, así que no lo descuidemos (dejaré que usted mismo descubra estas partes del código, que he comentado bien). Entonces, ¡la aplicación que se ejecuta en el navegador está lista!

Lanzar una aplicación web

Como dije antes, la depuración debe realizarse principalmente en la computadora. El navegador más adecuado para probar aplicaciones web en una computadora es Safari o Chrome. Después de depurar en estos navegadores, puede estar seguro de que su aplicación no funcionará en el navegador de un teléfono móvil. Ambos navegadores son compatibles con la mayoría de los navegadores web móviles porque están integrados en el motor WebKit al igual que ellos. Después de eliminar todos los errores, puede proceder a iniciar la aplicación web móvil directamente en su teléfono. Para hacer esto, configure su servidor web (incluso Denwer o XAMPP) para que sirva la página creada y ábrala en el navegador de su teléfono móvil. La aplicación debería verse similar a la que se muestra en la figura. Es importante entender aquí que la futura aplicación móvil compilada para la plataforma móvil usando PhoneGap se verá casi idéntica, excepto que la barra de navegación del navegador no se mostrará en la pantalla. Si todo está bien, puede comenzar a crear una aplicación iOS completa desde la página. Tenga en cuenta que hasta este momento ni siquiera hemos tocado PhoneGap y el IDE para desarrollo móvil.

Preparación

Para crear una aplicación para iOS, necesita una computadora con el sistema operativo Mac OS 10.6+ (o una máquina virtual en Mac OS 10.6), así como el entorno de desarrollo Xcode con el SDK de iOS instalado. Si no tiene el SDK instalado, deberá descargar una imagen de disco del sitio web de Apple que incluye Xcode y el SDK de iOS (developer.apple.com/devcenter/ios/index.action). Ten en cuenta que la imagen pesa unos 4 GB. Además, deberá registrarse en el sitio web de Apple como desarrollador (si no va a publicar su aplicación en la AppStore, puede omitir este requisito). Con este conjunto, puede desarrollar aplicaciones en el lenguaje nativo de iOS Objective-C. Pero decidimos buscar una solución y usar PhoneGap, por lo que aún necesitamos instalar el paquete PhoneGap para iOS. Simplemente descargue el archivo desde fuera del sitio (https://github.com/callback/phonegap/zipball/1.2.0), descomprímalo y ejecute el instalador en la carpeta de iOS. Cuando se complete la instalación, el icono de PhoneGap debería aparecer en el menú de proyectos de Xcode. Después del lanzamiento, deberá completar varios formularios, pero muy pronto verá el espacio de trabajo IDE con su primera aplicación. Para comprobar si todo funciona, haga clic en el botón Ejecutar; debería iniciarse el emulador de iPhone/iPad con la aplicación de plantilla PhoneGap. El programa ensamblado generará un error que indica que no se encontró index.html; esto es normal. Abra la carpeta en la que guardó los archivos principales del proyecto y busque la subcarpeta www en ella. Arrástrelo al editor, haga clic en el ícono de la aplicación en la lista de la izquierda y en la ventana que aparece, seleccione "Crear referencias de carpeta para las carpetas agregadas". Si ejecuta el programa nuevamente, todo debería funcionar. Ahora podemos copiar todos los archivos de nuestro prototipo a la carpeta www. Es hora de modificar nuestro prototipo para que funcione en un teléfono inteligente utilizando el procesamiento PhoneGap.

Transferencia de prototipo

En primer lugar, debes incluir phonegap-1.2.0.js en tu archivo de índice. PhoneGap le permite limitar la lista de hosts disponibles para visitar. Sugiero crear una “lista blanca” de inmediato. En el menú del proyecto, abra Supporting Files/PhoneGap.plist, busque el elemento ExternalHosts y agréguele los siguientes hosts a los que accederá nuestra aplicación (estos son servidores de Google Maps): *.gstatic.com, *.googleapis.com, mapas .google.com. Si no los especifica, el programa mostrará una advertencia en la consola y no se mostrará el mapa. Para inicializar la versión web de nuestra aplicación, utilizamos el evento DOMReady o el asistente jQuery: $(document).ready(). PhoneGap genera un evento de dispositivo listo, que indica que el dispositivo móvil está listo. Sugiero usar esto:

Document.addEventListener("deviceready", function () ( new Notificator($("#map-canvas")); // Si el usuario no tiene Internet, // avisarle si (navigator.network.connection. tipo = == Conexión.NONE) ( navigator.notification.alert("Sin conexión a Internet", $.noop, TÍTULO); ) ), false);
Evitemos el desplazamiento: document.addEventListener("touchmove", función (evento) ( event.preventDefault(); ), false);

Luego reemplazaremos todas las llamadas de alerta y confirmación por las nativas que nos proporciona PhoneGap:

Navigator.notification.confirm("¿Eliminar punto?", función (button_id) ( if (button_id === 1) ( // Botón OK presionado self.removePoint(punto); ) ), TÍTULO);

Lo último que debemos cambiar es el bloque de código que mueve el ícono de usuario por el mapa. Nuestro código actual también funciona, pero funciona de manera menos óptima (mueve el ícono incluso si las coordenadas no han cambiado) y no proporciona datos tan ricos como su contraparte de PhoneGap:

Navigator.geolocation.watchPosition(función (posición) ( self.movePerson(new gm.LatLng(position.coords.latitude, position.coords.longitude)); ), función (error) ( navigator.notification.alert("código: " + error.code + "\nmessage: " + error.message, $.noop, TITLE); ), ( frecuencia: 3000 ));

Este código es más elegante: solo genera un evento cuando las coordenadas han cambiado. Haga clic en el botón Ejecutar y asegúrese de que la aplicación que acabamos de crear funcione perfectamente en el simulador de dispositivo iOS. Es hora de comenzar a ejecutarlo en un dispositivo real.

Iniciar en el dispositivo

Conecte su iPhone, iPod o iPad a una computadora que ejecute Xcode. El programa detectará un nuevo dispositivo y pedirá permiso para usarlo para el desarrollo. No tiene sentido rechazarla :). Permítanme repetirlo una vez más: para ejecutar una aplicación escrita en iOS, debe ser un desarrollador de iOS autorizado (en otras palabras, estar suscrito al Programa de Desarrolladores de iOS). Esto sólo te molestará si estás desarrollando aplicaciones para productos Apple, con otras plataformas (Android, Windows Phone) todo es mucho más sencillo. Quienes estudian en una universidad tienen la posibilidad de acceder al programa de forma gratuita gracias a algunos beneficios. Todos los demás deben pagar $99 por año para participar en el programa. Apple emite un certificado con el que puedes firmar tu código. La aplicación firmada puede iniciarse en iOS y distribuirse en la App Store. Si no eres estudiante y aún así sientes lástima por los 99 dólares de experimentos inocentes, entonces hay otra manera: engañar al sistema. Puede crear un certificado autofirmado para la verificación del código y ejecutar el programa móvil en un dispositivo iOS con jailbreak (no me detendré en esto, porque todo se describe con el mayor detalle posible en este artículo: bit.ly/tD6xAf) . De una forma u otra, pronto verá una aplicación funcional en la pantalla de su teléfono móvil. Detén el cronómetro. ¿Cuánto tiempo te llevó?

Otras plataformas

Además de PhoneGap, existen otras plataformas que te permiten crear aplicaciones móviles sin utilizar idiomas nativos. Hagamos una lista de los mejores jugadores.

Appcelerator Titanio (www.appcelerator.com).

Titanium puede crear aplicaciones principalmente para Android y iPhone, pero también afirma ser compatible con BlackBerry. Además del marco en sí, el proyecto proporciona un conjunto de widgets nativos e IDE. Puedes desarrollar aplicaciones en Titanium de forma gratuita, pero tendrás que pagar por el soporte y los módulos adicionales (desde $49 por mes). El precio de algunos módulos de terceros alcanza los 120 dólares al año. Los desarrolladores de Appcelerator Titanium afirman que se han escrito más de 25 mil aplicaciones basadas en su marco. El código fuente del proyecto se distribuye bajo la licencia Apache 2.

SDK de Corona (www.anscamobile.com/corona).

Esta tecnología es compatible con las principales plataformas: iOS y Android. El marco está dirigido principalmente al desarrollo de juegos. Por supuesto, los desarrolladores afirman que hay una optimización de alta calidad en OpenGL. La plataforma no tiene una versión gratuita y el precio es bastante elevado: 199 dólares al año por una licencia para una plataforma y 349 dólares al año para iOS y Android. Corona ofrece su propio IDE y emuladores de dispositivos. Las aplicaciones Corona están escritas en un lenguaje similar a JavaScript.

Conclusión

Creamos una aplicación web móvil sencilla y la trasladamos a la plataforma iOS utilizando PhoneGap en unos sencillos pasos. No escribimos una sola línea de código Objective-C, pero obtuvimos un programa de calidad decente, dedicando un mínimo de tiempo a migrar y aprender la API PhoneGap. Si prefiere otra plataforma, por ejemplo Android o Windows Mobile 7, puede crear nuestra aplicación con la misma facilidad, sin realizar ningún cambio para estas plataformas (para cada una de ellas hay un buen manual introductorio y un vídeo tutorial: phonegap.com/ comenzar) . Para verificar la viabilidad de la plataforma, puede consultar las aplicaciones listas para usar en PhoneGap, que los desarrolladores de tecnología han recopilado en una galería especial (phonegap.com/apps). De hecho, PhoneGap es una plataforma ideal para crear al menos un prototipo de una aplicación futura. Sus principales ventajas son la velocidad y los costes mínimos, que son utilizados activamente por las startups con recursos limitados en todos los aspectos. Si la aplicación falla y por alguna razón ya no está satisfecho con los componentes internos de HTML+JS, siempre puede migrar la aplicación a un idioma nativo. No puedo evitar decir que PhoneGap fue desarrollado originalmente por Nitobi como un proyecto de código abierto (el repositorio se encuentra en GitHub: github.com/phonegap). El código fuente seguirá abierto, aunque Adobe compró Nitobi el pasado mes de octubre. ¿Necesito decir qué perspectivas tiene el proyecto con el apoyo de un gigante así?