A pesar de que el eslogan es más que cursi, mi compañero tenía razón. Desde entonces, las empresas y organizaciones han invertido importantes sumas de dinero para comercializar sus negocios y atraer clientes potenciales, primero a través de sitios web de folleto que ofrecen contenido estático, y luego utilizan los sitios de tipo web de aplicación web socialmente atractivos que no solo informan sino que también involucran a los usuarios en una dinámica, “de ida y vuelta” informativa libre para todos.
Hoy en día, las aplicaciones web ofrecen muchas funciones a los usuarios que les permiten compartir todos los aspectos de sus vidas con amigos y extraños por igual. Dadas sus respectivas estrategias, está claro que los creadores de los principales navegadores se dan cuenta de que a los usuarios no les importa el navegador, sino las aplicaciones.
Ya es hora.
- Si quiero crear solo una aplicación de software o aplicación web o aplicación móvil, solo una aplicación y ganarme la vida vendiéndola, ¿qué haría esa aplicación?
- ¿Qué acuerdos debe tener un desarrollador externo al firmar su aplicación, como incluir un NDA y una asignación de todos los derechos de su trabajo, incluido el código y las ideas en el proyecto para mí como la persona que contrata?
- ¿Tiene una aplicación web móvil como un sitio web que ejecuta la aplicación o la aplicación funciona como un navegador web?
- ¿Cómo buscaría y contrataría de manera inteligente a un desarrollador de aplicaciones para crear una aplicación de comercio con Parse and Stripe?
- ¿Hay alguna herramienta analítica web móvil que ofrezca mapas de calor para la experiencia del navegador iOS y Android?
Entonces, ¿qué están haciendo los grandes para llevar su navegador a un nivel superior?
- Internet Explorer 9 de Microsoft tiene integración con Windows 7 a través de sitios anclados y aceleración de hardware
- Mozilla tiene PRISM, una aplicación nativa que descargas para iniciar sitios desde tu barra de tareas
- El navegador Chrome de Google tiene una tienda web
Cada navegador también es compatible con HTML5, que solo proporciona herramientas necesarias para crear aplicaciones web atractivas que rivalizan con lo que es posible con aplicaciones nativas y móviles.
Para cualquiera que busque construir una aplicación web o convertir sus sitios web existentes más en aplicaciones web, las diferentes características de cada navegador tienen el potencial de llegar a sus usuarios de una manera que nunca antes había tenido, lo que significa más compromiso (y potencial de ganar dinero) para su sitio. Pero también significa fragmentar su base de código para aprovecharla. Algunas características son más fáciles de implementar que otras y tienen una recompensa mayor para su sitio. Echemos un vistazo más profundo a las últimas funciones del navegador y cómo hacer que su sitio web sea más parecido a una aplicación:
Microsoft Internet Explorer
Internet Explorer 9 (IE 9) puede ayudar a difuminar las líneas entre las aplicaciones nativas y la web mediante la implementación de Sitios anclados. Los Sitios anclados permiten a un usuario arrastrar un acceso directo a su sitio y colocarlo en la barra de tareas de Windows (consulte la Figura 1). Una vez anclado, cada vez que el usuario abre su sitio web desde el icono anclado, IE9 abre el sitio en una ventana separada. Todos los complementos están deshabilitados para que su sitio capte mejor la atención. También aísla su aplicación de otras instancias del navegador y la protege en caso de bloqueo.
Figura 1. Los elementos de la interfaz de usuario disponibles en IE + Windows.
Además, cuando se abre un sitio anclado, IE 9 cambia el color de los botones de retroceso y avance para que coincida con el color del sitio y coloca el favicon de los sitios en la esquina superior izquierda. El resultado es que su sitio web comienza a parecerse rápidamente a una aplicación en lugar de a un sitio web (consulte la Figura 2). Los desarrolladores pueden crear esto en aproximadamente cinco minutos a través de unas pocas líneas de metadatos e iconos HTML.
Figura 2. Facebook se muestra como sitio anclado en IE9
Si eso fuera todo lo que hicieron los sitios anclados de IE 9, no sería demasiado interesante. Pero los sitios anclados brindan a los desarrolladores la capacidad de abrir notificaciones fuera del navegador y crear acciones personalizadas a través del jumplist a través de un conjunto de API de Windows 7. Estas acciones le permiten dar al usuario acceso rápido a las funciones clave de su aplicación web. Todo lo que el usuario debe hacer es hacer clic con el botón derecho en el sitio anclado en la barra de tareas de Windows (consulte la Figura 3). Dado que los usuarios no necesitan descargar un complemento o una aplicación nativa por separado, es fácil imaginar que los usuarios fijen sus sitios favoritos y los inicien de esta manera.
Figura 3. Las acciones de Jump List para Facebook cuando se fijan a la barra de tareas de Windows.
Cuando implementa características proporcionadas por sitios anclados y da cuenta de la aceleración de hardware incluida en IE9, puede comenzar a imaginar cierta interactividad convincente y una mejor participación en el sitio desde su aplicación web. Microsoft informó algunos resultados intrigantes de los principales sitios que utilizaron la fijación:
- Business Insider: lea un 57 por ciento más de páginas, pase un 95 por ciento más de tiempo en el sitio.
- Flixster: lee un 34 por ciento más de páginas, pasa un 57 por ciento más de tiempo en el sitio.
- Dorado: visite el 39 por ciento más a menudo, agregue 160 por ciento más artículos al carrito de compras, complete un 45 por ciento más de transacciones de ventas.
- The Killers: lee un 65 por ciento más de páginas, pasa un 103% más de tiempo en el sitio.
- hi5: responde 200% más solicitudes sociales (como amigos, juegos, notificaciones).
- Huffington Post: pase un 49 por ciento más de tiempo en el sitio.
IE también tiene la Galería IE , que funciona como una tienda web que muestra sitios anclados. Los usuarios pueden arrastrar y anclar sitios a su barra de tareas. Puede publicar su sitio en él para obtener una mayor exposición de los usuarios cuando los usuarios lo descargan y lo visitan.
Mozilla Firefox
La estrategia de aplicación web de Mozilla se ha implementado a través de una aplicación separada llamada Prism. Prism permite a los usuarios lograr esencialmente en el navegador lo que IE y Chrome permiten a los usuarios hacer de forma nativa. Es decir, para crear una aplicación web “separada” de otras instancias del navegador, elimine el cromo del navegador y dé la apariencia de que el sitio es una aplicación. Prism ahora está disponible como una extensión de Firefox, pero no es compatible con las versiones 4 y 5 de Firefox.
Al igual que IE 9, Prism proporciona acceso a una aplicación web a través de la barra de tareas de Windows. También muestra un icono de bandeja e insignias. Con la API de Prism, puede crear alertas emergentes para alertar a los usuarios sobre eventos relacionados con su aplicación, pero eso es todo. Si está buscando más funciones, debe buscar construir una extensión a través del paquete de tiempo de ejecución XULRunner.
Google Chrome
La respuesta de Google a las aplicaciones web es su Chrome Web Store. Le permite publicar su sitio web como una aplicación web a través de uno de dos métodos.
Figura 4. La tienda web de Google Chrome
Método No. 1 es publicar su sitio como un sitio alojado. En este escenario, aloja el sitio y luego crea un archivo de metadatos que carga en la Tienda Web. Este escenario es el más adecuado para aplicaciones web que no implementan características específicas de Chrome. Le permite aprovechar la exposición que puede proporcionar la tienda web y, al mismo tiempo, mantener una aplicación web que funcione con todos los navegadores.
El método No. 2 es crear una aplicación empaquetada que el usuario descargue de la tienda web. Esta aplicación tiene la opción de usar las API de extensión de Chrome para cambiar la interfaz de usuario de Chrome o modificar el comportamiento de Chrome. Las aplicaciones empaquetadas también ofrecen capacidades sin conexión, lo que le permite convertir su aplicación web en, esencialmente, una aplicación de escritorio.
Vale la pena señalar que Chrome proporciona un método para fijar un sitio a la barra de tareas de Windows, pero la función no es obvia para los usuarios. Para anclar el sitio, el usuario debe hacer clic en el botón de herramientas de la barra de herramientas y luego seleccionar Herramientas -> Crear accesos directos a aplicaciones. Chrome ofrece al usuario la opción de colocar el acceso directo en el Escritorio, el Menú de inicio y la Barra de tareas. Una vez fijado, Chrome también aísla la aplicación web en una instancia de navegador separada y coloca un icono en la barra de tareas. Chrome no proporciona un medio para personalizar la lista de salto.
Comparación de características
Con la implementación de diferentes funciones por parte de los distintos navegadores, puede ser difícil discernir qué navegador proporciona cada función. Cada proveedor usa diferentes nombres para la función dada e incluso entonces, la función, si bien puede ser similar al navegador de otros proveedores, no funciona exactamente igual. Son “similares pero diferentes”. Aquí hay un resumen digerible de las características de cada navegador para crear su aplicación web:
Nombre de la Característica
ES DECIR
Cromo
Firefox
Sitios anclados
Y
(Integración de Windows)
Y
(Atajos de aplicaciones)
Y
(Aplicación Prism)
Navegación centrada en el sitio?
Y
Y
Y
Requiere instalación del usuario
norte
Y
Y
Listas de salto
Y
norte
norte
Fijado
Localizaciones
Barra de tareas
Menu de inicio
Escritorio
Barra de tareas
Menu de inicio
Escritorio
Barra de tareas
Escritorio
Tienda virtual
Y
(Galería IE)
Y
(Tienda)
norte
Superposiciones de iconos
Y
Y
norte
Ícono personalizado
Y
Y
Y
Controles de miniaturas personalizados
Y
norte
norte
HTML 5
Y
Y
Y
Aceleracion de hardware
Y
norte
norte
Conclusión
El soporte del navegador para crear aplicaciones web recién ahora está ganando impulso, ya que los Tres Grandes (Google, Microsoft y Mozilla) se han dado cuenta recientemente de la importancia de estas características para las empresas, los desarrolladores y los usuarios. Algunos son más valiosos para los sitios que otros.
La dirección que tome cuando busque crear experiencias web que atraigan a su audiencia depende en gran medida de los navegadores que los visitantes estén usando y de cómo la tecnología disponible se alinee con su modelo de negocio. Una cosa es segura: si tiene un sitio web, no debe ignorar tomar algunos pasos sencillos para que se parezca más a una aplicación web. Obtenga más información sobre cómo convertir sus activos web existentes o futuros en aplicaciones web atractivas en los siguientes lugares:
- Build My Pinned Site: centro de Internet Explorer para sitios anclados y cómo aprovechar la integración de Windows
- Prism: sitio de experimentos de Mozilla Labs y otras mejoras
- Tienda web: árbol de decisiones prácticas de Chrome en tiendas web y en su sitio
- Apple iPhone 6s (oro rosa, 32 GB)
