Reordenamiento dinámico de elementos usando drag & drop en Laravel-11 y Livewire-3

Resumen

Cada categoría y subcategoría de software publicada en el “Portal de Software UNAM” es mostrada al usuario conforme al parámetro “orden_tienda”. Este valor se define previamente en el Módulo de Gestión de Categorías y Subcategorías de Software de la herramienta web en desarrollo denominada “Censo TIC”. Durante el desarrollo de dicho módulo, se implementó un control de interfaz de usuario (widget) que, con sólo arrastrar y soltar elementos de una lista con el puntero del ratón (widget drag & drop), permite actualizar de manera automática el valor de “orden_tienda” dentro de la base de datos; Esto resultó en una interfaz interactiva, fácil de usar y eficiente, que brinda la posibilidad de una menor cantidad de clics, un menor desplazamiento entre distintas pantallas para obtener datos y visualizar toda la información relacionada entre sí de cada categoría y sus subcategorías. El empleo de este tipo de controles permite una mejor experiencia de usuario (UX), enfocada en todo momento en la facilidad de uso, la eficiencia, la utilidad, la satisfacción y la emoción que el usuario experimenta durante la interacción con la interfaz web.