Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo utilizar las API de hipermedia para entregar HTML con diseño web adaptable

 

Concepto de diseño web receptivo.  Vector

Gustaf Kotte, de la consultora de innovación de software Jayway, describe HTML como el mínimo común denominador en un mundo donde la cantidad de dispositivos crece constantemente . Sin embargo, actuamos como si fuera lo contrario, los clientes móviles aumentan de peso mientras que las interfaces de programación de aplicaciones (API) se reducen.

En realidad, las API y el HTML se pueden unir de forma inteligente para obtener un resultado fantástico. Las API de hipermedia pueden hacer precisamente eso. Con una API de hipermedia, no solo crea una API CRUD JSON normal, sino que incluye enlaces y controles para trabajar con recursos. Las API de hipermedia se pueden mejorar con CSS y JavaScript para que también sean amigables para los humanos.

Si usamos API HTML hipermedia junto con diseño web adaptativo , las API pueden convertirse en una fuerza poderosa detrás del desarrollo móvil , lo que a su vez permitirá que las aplicaciones nativas y otros clientes tengan ciclos de desarrollo mucho más cortos con aplicaciones más ligeras para el usuario final.

Dos dilemas comunes de programación

Kotte explica cómo las API de Hypermedia pueden ser la solución a dos dilemas principales que afectan a los desarrolladores de aplicaciones en la actualidad:

Problema n. ° 1: ¿Cómo podemos escalar el desarrollo de aplicaciones?

Solución: desarrolle API-first con HTML Hypermedia para escalar más fácilmente. Entonces, el cliente es libre de tener un código más ligero y centrarse más en la experiencia del usuario .

Problema n. ° 2: ¿Cómo podemos hacer que nuestro sitio web funcione en todos los navegadores? ¿En todos los dispositivos? ¿En todas las plataformas?

Solución: las API de hipermedia pueden ayudar a aplicar el diseño web adaptable (AWD) para que el diseño sea receptivo, adaptable y accesible para múltiples dispositivos.

Al permitir que las API HTML de hipermedia se construyan teniendo en cuenta el diseño web adaptable, estas dos soluciones separadas se combinan para crear una potente arquitectura de dos puntos. Una mayor inversión en la API da como resultado un precio unitario mucho más económico para los clientes, y AWD conduce a una mejor experiencia de usuario para integradores, clientes e incluso los usuarios finales que no tienen que preocuparse por desperdiciar datos valiosos y teléfonos o teléfonos limitados. espacio de memoria de la tableta en aplicaciones voluminosas.

Gustaf Kotte de Jayway dio una charla sobre el uso de API de Hypermedia entregando HTML junto con Diseño Web Adaptable en un evento de APIs nórdicas en Estocolmo .

Revertir el proceso común de desarrollo móvil

En la actualidad, la mayoría de los desarrolladores crean primero aplicaciones nativas y luego sitios web móviles. Para los productos diseñados específicamente para un dispositivo móvil, Kotte cree que deberíamos considerar revertir este proceso común haciendo lo siguiente:

  1. Comience con la construcción del sitio web móvil, que actúa como una API impulsada por hipermedia.
  2. Cree una aplicación nativa para los principales casos de uso. Para el resto de la aplicación, inserte un navegador y apúntelo a la página web correspondiente.
  3. Siga este mismo proceso para otros dispositivos móviles.

Según el patrón de desarrollo actual, Android, iOS y otros clientes son lo que Kotte llama "gordos". Estas aplicaciones requieren mucha información y actividad, ya que la API solo expone el almacén de datos, no los flujos de trabajo ni los procesos comerciales. Los clientes de aplicaciones ven una gran cantidad de código duplicado, lo que provoca un desarrollo ineficaz e ineficiente y una experiencia de usuario típicamente disminuida. Además, los cambios menores generalmente se aplican dentro de cada cliente individual, lo que puede conducir a resultados diferentes y un largo proceso de corrección de errores. Si se hicieran cambios dentro de la API, todos los clientes se actualizarían inmediatamente.

Beneficios de usar HTML sobre JSON u otros formatos

Según Stephen Mizell , programador de la industria manufacturera y experto en hipermedia , el enfoque de desarrollo de API primero está ganando popularidad, ya que sirve JSON y utiliza verbos CRUD y HTTP para trabajar con recursos. Cuando se utiliza una API de hipermedia con HTML, se crea esta API CRUD JSON típica, pero se le agregan enlaces y controles potenciales para que pueda trabajar con los recursos. Kotte dice que esto se puede hacer usando REST Nivel 3 , que contiene controles hipermedia que le permiten exponer los procesos a los clientes. Mizell sostiene que HTML es un tipo de medio de transporte más óptimo que JSON porque un navegador lo entiende de forma nativa.

Jon Moore de Comcast sostiene que HTML garantiza la accesibilidad. Moore compara la accesibilidad HTML con las rampas en las aceras, que están diseñadas para discapacitados, pero también alivian las luchas de ciclistas, repartidores con carretillas de mano y viajeros con equipaje con ruedas. HTML es el formato más accesible y también incluye otros beneficios ...

Si bien la gente siempre intentará poner HTML en su lugar como solo para la presentación, Moore también enumera muchas formas en que se puede usar HTML para crear una semántica más rica que encuentra inmediatamente útil en una API programática. Él argumenta que deberíamos aprovechar los beneficios del historial de uso generalizado de HTML en lugar de pasarlo por un lenguaje de programación más nuevo y llamativo. No se puede negar que la edad de la doble década del HTML significa que es un formato ubicuo y estandarizado . Su simplicidad también significa que más desarrolladores lo entienden que cualquier otro lenguaje.

Ciertamente, HTML tiene más controles hipermedia para escenarios de lectura y escritura que cualquier otra opción. Al usar HTML, puede lograr una representación mucho más visual de la API y cómo interactúa dentro del navegador web, ya que HTML está equipado con la capacidad de probar en computadoras de escritorio y en dispositivos móviles. También ayuda a que HTML se pueda sincronizar con el soporte de herramientas útiles para notificar a un desarrollador de errores.

HTML para API también tiene en cuenta el objetivo del diseño móvil primero. Sin diseñar primero las aplicaciones móviles nativas, puede seguir los principios móviles primero de código más ligero y velocidades de procesamiento más altas .

¿Por qué es atractivo el diseño web adaptativo?

vector de escaleras mecánicas

AWD se basa en la mejora progresiva, también conocida como la " teoría de la escalera mecánica " : si una escalera mecánica se rompe, simplemente se convierte en escalera. El diseño web adaptativo comienza con una API fundamental que es lo suficientemente simple como para funcionar en cualquier navegador. Luego, se construyen mejoras para mejorar la experiencia del usuario. Entonces se vuelve lógico aplicar los valores agregados de las API HTML hipermedia bajo el paraguas del diseño web adaptativo.

Para acceder a los datos, los clientes móviles tienen la opción de usar HTML como lo harían normalmente, o pueden representarlo en una vista web. Luego, eligen ciertos casos de uso para renderizar desde la vista web para aplicaciones nativas específicas para aumentar la experiencia del usuario. Esto significa que los desarrolladores de aplicaciones nativas tienen más flexibilidad sobre qué priorizar dentro de una aplicación. Añádase a esto que el navegador web se puede desarrollar para que responda naturalmente desde el principio.

Pero, ¿qué pasa si en el futuro no desea que la API, la aplicación móvil nativa y el navegador web estén interconectados permanentemente? Kotte sostiene que es una suposición justa que, en el futuro, es posible que desee separar estas piezas del rompecabezas. Él dice que esta estrategia de salida se puede lograr simplemente usando URL separadas que apunten al mismo punto final. También puede crear alertas dentro del código para indicarle qué acción está sucediendo con qué flujo.

Juntos, el dúo dinámico de API AWD y HTML permite el mismo código y plantillas compartidas tanto para web como para API, pero con URL separadas, todo lo cual está optimizado para ambas perspectivas.

La API HTML Hypermedia no es una solución para todo

A veces, es posible que desee tener una API más liviana y clientes más gordos. Si bien Kotte aboga por invertir en API para tomar decisiones estratégicas más sólidas, esto debe hacerse caso por caso. En general, combinar la API de hipermedia HTML con el diseño web adaptable actúa como una estrategia bastante buena para que muchas aplicaciones móviles escalen el desarrollo de manera rentable, eficiente y con menos errores. Para las diapositivas de esta discusión, puede ver lo siguiente a continuación:

¿Ha utilizado HTML Hypermedia API como columna vertebral para crear aplicaciones nativas? Si no es así, ¿de qué manera revertir el proceso de desarrollo de su aplicación ayudaría o dificultaría su desarrollo? ¿Afecta la experiencia del usuario?

Si este controvertido tema te hizo querer reunirte con otros desarrolladores para debatir, ¡te animamos a que lo hagas! Este año estamos reuniendo a expertos en API en una gira mundial por Copenhague, Múnich, Londres y Seattle

Publicar un comentario

0 Comentarios