| Tabla de contenidos |
|---|
...
Alcance
El objetivo de esta mejora es implementar un nuevo front-end para el flujo de hoteles de Netsuite basado en los servicios de NetCoreApi. El nuevo diseño y alcance abarca el flujo de Sólo Hotel para versión Mobile & Desktop y las instancias de página de resultados, el detalle del hotel, detalle de habitaciones y la página de pasajeros.
¿Qué es el Front-end?
El Front-end de hoteles es un nuevo flujo gráfico Nueva experiencia de venta para el flujo de reserva de hoteles basado en los servicios de las APIS de Netactica llamadas NetCoreApi. El nuevo diseño y alcance abarca el flujo de Sólo Hotel para versión Mobile & Desktop y las instancias de página de resultados (mapa incluido), el detalle del hotel, detalle de habitaciones y la página de pasajeros.
Beneficios
...
Nuevo flujo gráfico
Mejoras significativas en los tiempos de respuesta de la búsqueda
Mejoras en la experiencia de usuario en cuanto a navegación, visualización y performance
Tiene su propio versionado (no depende de una versión de Netsuite)
Funcionalidades implementadas
NOTAS:
{DestinationPoint} → puede ser un LocationId antepuesto por la l, por ejemplo: l190928. O un HotelId antepuesto por una h, por ejemplo: h77617
{Occupancy} → Las habitaciones son distinguidas por "!". Las personas son distinguidas por "-". El primer número de cada habitación es la cantidad de adultos. Cada "-" después de la cantidad de adultos debe presentar la edad de un niño. Ejemplo: Una búsqueda para dos habitaciones:
Habitación 1: 2 adultos y 1 niño de 6 años
Habitación 2: 1 adultos, 1 niño de 2 años y un niño de 0 años
"2-6!1-2-0"
{BranchCode} → Es opcional
{noHeaders=true/false} → Por defecto queda false, por eso creamos como "NoHeader". Así se pone true para sacar el header, en caso de que no se ponga nada entonces se presenta el header.
Estructura de los tokens:
Estructura del token página de detalles
btoa(culture/userService/destination/checkin/checkout/occupancy/hotelId/apiTokenId/searchId)Estructura del token página de pasajeros
btoa(culture/userService/destination/checkin/checkout/occupancy/hotelId/rateId/apiTokenId/searchId)btoa - Función que crea una string base64-encoded (edited)
Widget de búsqueda
...
Página de resultados
...
Página de detalle del hotel
...
Página de detalle de las habitaciones
...
Página de pasajeros
...
Nuevo flujo gráfico para página de resultados, detalle del hotel, detalle de habitaciones y página de pasajeros utilizando el flujo de venta vía API
Visualización de resultados por lista y por mapa
Flujo para Sólo Hotel
Funciona sólo con Static Content encendido
Versión Desktop y Versión Mobile
Manejo de idiomas en Español, Ingles y Portugues con la posibilidad de customizar los recursos
Multiples tipo de filtros:
Por nombre de hotel
Por rango de precios
por categoría
Por calificación (Score)
Servicios de NetCoreAPI utilizados
search (SC) → Nuevo autocomplete de SC
HotelSearchV3 → Búsqueda de hotel
HotelResultsV2 → Página de resultados
GetDetails (SC) → Detalle del hotel y habitación
HotelValidate → Página de pasajeros
Estructura de la URL del nuevo flujo de hotel
Con la implementación del nuevo Front-end de hoteles definimos una nueva estructura de url para flujo de hoteles, con un nuevo sufijo que acompañará al flujo de hoteles desde la búsqueda, detalle del hotel hasta página de pasajeros.
Las 3 instancias de páginas del Front-end serán:
...
Página de resultados → results
...
Página de detalle del hotel → details
...
Front-end
...
Tipo de Request NetCoreAPI
...
Estructura URL Front-end
...
Ejemplo
...
Página de resultados
...
HotelSearchV3/ HotelResultsV2
...
var url = $"{AgencyDomain}”+
ns-hoteles +
esults +
$"/{Culture}" + $"/{UserService}" + $"/{DestinationPoint}" +
$"/{CheckIn}" + $"/{CheckOut}" + $"/{Occupancy) + $"/{noHeaders=true/false} + $"/{BranchCode}
...
...
Página de detalle hotel
...
HotelDetails
...
var url = $"{AgencyDomain}" +
ns-hoteles +
details +
$"/{Hotelname}" + $"/{noHeaders=true/false) + $"/{BranchCode}
...
...
Página de pasajeros
...
HotelValidate
...
var url = $"{AgencyDomain}" +
ns-hoteles +
passengers +
$"/{Hotelname}" +$"/{noHeaders=true/false} + $"/{BranchCode} +
...
Por tipos de reembolso
Por tipos de alimentación
Por tipos de comodidades (Amenities)
Por zonas
Por etiquetas
Por tipos de propiedad
Activación por sucursal para canales B2C y B2B
Activación para búsqueda desde Netadmin
Manejo de scripts customizados
Visualización desglose de precios en páginas de resultados y detalle del hotel
Visualización de calificación (Score) en páginas de resultados y detalles del hotel
Visualización de calificación por servicio (Meta Reviews) en página de detalles del hotel
Visualización de comentarios (reviews de hoteles) en página de detalles del hotel
Visible el RefundableType (Cancelación flexible/No Reembolsable) desde página de resultados
Nueva pantalla para ver el detalle de las habitaciones (imágenes, descripciones, amenities)
Flujo de venta de hoteles
Cuenta con tres páginas principales:
Página de resultados
En esta página podra visualizar los hoteles disponibles para reservar, permitiendo buscar el hotel de su preferiencia a traves de multiples filtros y por ubicación en el mapa.
Widget
En la parte superior aparece el widget con la finalidad de poder lanzar nuevas búsquedas desde la página de resultados
...
Mapa
Posibilidad de buscar hoteles en el mapa aplicando filtros
...
Filtros
Multiples tipos de filtros como nombre de hotel, rango de precios, calificación, tipos de alimentación, etc
...
Resultados
Cada hotel es presentado en un card donde se puede presentar la siguiente información:
Nombre del hotel
5 Imágenes donde tambien se presentan el resultado de la aplicación de reglas de negocio de tipo etiquetas y textos
Categoría (cantidad de estrellas)
Descripción corta del hotel
Calificación
Iconografía de las comodidades destacadas (amenities highlight)
Información de la búsqueda (cantidad de noches y de habitaciones solicitadas)
Información correspondiente a la habitación mas economica del hotel
Tipo de alimentación
Strikethrough
Precio total con su moneda
Desglose de precio
Etiqueta para informar si incluye o no impuestos
Tipo de reembolso
Texto promocional
El ordenamiento por defecto es “Recomendación” y corresponde a las reglas de negocio de tipo orden que se configuren en NetSuite. Se puede ordenar por “Recomendación”, “Precio (de menor a mayor)”, “Precio (de mayor a menor)“, “Categoría (de menor a mayor)“, “Categoría (de mayor a menor)“, “Calificación (de menor a mayor)“, “Calificación (de mayor a menor)“, “Alfabética (A-Z)“
...
Página detalle del hotel
Una vez seleccionado el hotel de su preferencia podra tener acceso a información mas detallada del hotel como la dirección, descripción mas extensa, información de comodidades del hotel y comodidades de las habitaciones, galeria de imágenes, detalle de calificaciones del hotel y sus servicios, hasta comentarios del hotel con posibilidad de ordenarlos por varios criterios.
Widget
En la parte superior aparece el widget con la finalidad de poder lanzar nuevas búsquedas desde la página detalle del hotel
...
Información del hotel
En este apartado se encuentra información del hotel como el nombre, la categoría, la dirección, la calificación (con posibilidad de ver el detallado de esta información), acceso a la galería de imagenes, etc
...
Galería
Imágenes del hotel
...
Comodidades
Listado de comodidades del hotel
...
Habitaciones
Listado de todas las habitaciones disponibles para reservar con la posibilidad de ver información adicional de la habitación como galería de imágenes y comodidades exclusivas de la habitación.
...
Ubicación
Ubicación y dirección del hotel en el mapa
...
Calificaciones y comentarios
Se visualiza la siguiente información
Calificación por servicio (Meta Reviews) en página de detalles del hotel
Comentarios (reviews de hoteles) en página de detalles del hotel
...
Página pasajeros
En esta página contara con la información de detalles de precio e información de la reserva (hotel, checkin, checkout, ocupación de habitaciones, etc), politicas de cancelación, información adicional importante y terminos de condiciones. Para crear una reserva es necesario ingresar la información de pasajeros, información de contactos y peticiones especiales (disponible para algunos proveeedores).
Detalles del precio
Información de la tarifa, cargos, descuentos y precio total de la reserva
...
Información de la reserva
...
Para ver la información del detalle de la reserva en versión mobile es necesario ingresar al card del hotel o al dar clic para ver el detalle del itinerario
...
Ingreso información pasajeros
Ingreso de la información de los huespedes de la reserva
...
Información de contacto
...
Peticiones especiales
Solicitud de peticiones especiales a los hoteles (solo disponible en versión destkop)
...
Políticas de cancelación
Información de monto y fecha en la que se aplicaran las penalidades correspondientes a las politicas de cancelación
...
Información adicional
Información importante adicional (comment contracts). Esta información tambien aparecerá en el display de la reserva y en el voucher de servicios confirmados.
...
Para ver la información adicional en versión mobile es necesario ingresar al card del hotel o al dar clic para ver el detalle del itinerario
...
Términos y condiciones
La información de términos y condiciones corresponde a lo configurado en este apartado dentro de NetAdmin. Para poder crear la reserva es necesario aceptar los términos y condiciones descritos.
...
Para ver la información de términos y condiciones en versión mobile es necesario ingresar al card del hotel o al dar clic para ver el detalle del itinerario
...
En versión mobile el botón reservar se encuentra al final de la página principal
...