Accesibilidad web e inteligencia artificial: el reto de construir una universidad digital realmente inclusiva

Por
Imagen
La transformación digital está cambiando profundamente la educación superior. Plataformas educativas, aplicaciones móviles, videoconferencias, servicios en la nube y, más recientemente, inteligencia artificial generativa forman ya parte de la experiencia cotidiana de estudiantes y profesores. Sin embargo, existe una pregunta que deberíamos hacernos con mayor frecuencia: ¿Digitalizar significa necesariamente incluir? La respuesta es no. Podemos tener una universidad tecnológicamente avanzada y, al mismo tiempo, mantener barreras digitales que impidan a determinados estudiantes utilizar plenamente sus servicios. Y aquí aparece un concepto que quienes trabajamos en informática, desarrollo web, experiencia de usuario e inteligencia artificial deberíamos incorporar como un requisito fundamental de nuestros sistemas: la accesibilidad digital. Cuando el software funciona, pero el usuario no puede utilizarlo Pensemos en situaciones relativamente sencillas. Un estudiante ciego intenta entregar ...
Publicar un comentario

La Inteligencia Artificial en el Desarrollo Web Front-end, Crea componentes Web utilizando IA.

Por

Resulta interesante el auge que ha tenido la Inteligencia Artificial (IA) en todos diferentes giros profesionales, desde la generación de imágenes, edición para mejorar su calidad, elaboración de presentaciones en Power Point, elaboración de ensayos con ChatGPT3, la generación de código fuente como sugerencia en algunos editores como Visual Studio Code y hoy particularmente de lo que hablaremos es de la generación de código HTML y CSS para el Front-end (parte del desarrollo web que se dedica al diseño de un sitio web, desde la estructura del sitio hasta los estilos como colores, fondos, tamaños hasta animaciones y efectos) de tu WebApp.

Entre las curiosidades al navegar, leer por ahí, etc. me he encontrado con CLONE UI, una IA capaz de generar código fuente para nuestro Web Design. Clone UI te permite generar elementos de vista con un prompt. Esta herramienta de IA lo único que tienes que hacer es: escribir en el prompt lo que quieres y te generará una vista con su código fuente.

Entre las herramientas para crear componentes Web utilizando IA encontré:
En este post, utilicé Clone UI para generar un formulario de inicio de sesión para una aplicación Web, este es el resultado.


Este fue el resultado......nada del otro mundo, pero bueno, fue solo una prueba.


Este es el código generado....


El nivel de complejidad del componente o código fuente generado tendrá que analizarse en otro post, tengo como tarea pendiente hacer un análisis de este tipo de herramientas que ahora la IA nos ha brindado. Claro, la recomendación es primero aprender a hacerlo uno mismo, y después buscar herramientas para agilizar nuestros proyectos.

Es cuanto.

Si quieres citar este artículo en tu texto, documento, etc. puedes hacerlo de la siguiente forma:

Aguilar-Calderón, J. A. (27 de septiembre de 2023). La Inteligencia Artificial en el Desarrollo Web Front-end, Crea componentes Web utilizando IA. ANOVA LAB MX.  https://anovalabmx.blogspot.com/2023/09/la-inteligencia-artificial-en-el.html


*
Ubicación: Mazatlán, Sinaloa, México

Comentarios

Publicar un comentario

Gracias por tu comentario ;) Ayúdanos a difundir este blog !!

Mi foto
José Alfonso Aguilar
Mazatlán, Sinaloa, Mexico
Me gusta aprender y escribir sobre tecnología y desarrollo. Soy Ingeniero en Sistemas Computacionales, trabajo como Profesor-Investigador en la Facultad de Informática Mazatlán, de la Universidad Autónoma de Sinaloa. México. Me gusta combinar la docencia-investigación con el giro profesional del desarrollo de software y gestión de proyectos de innovación.

Entradas más populares de este blog

Todo lo que debes saber sobre el Model-View Controller (MVC) para Aplicaciones Web

Por
Imagen
En esta entrada del blog explicaré un poco lo que es el patrón de diseño Model-View-Controller (MVC) ……Además, aclararé si es una arquitectura o un patrón de diseño o en que contexto aplica su concepción.  El Modelo-Vista-Controlador es un patrón en el diseño de software comúnmente utilizado para implementar interfaces de usuario, datos y lógica de control. Enfatiza una separación entre la lógica de negocios y su visualización. MVC es comúnmente utilizado en el desarrollo de aplicaciones web para separar las preocupaciones (concerns) y mejorar la mantenibilidad del código fuente.  Primero, aprenderemos un poco de la historia del Model-View-Controller (MVC), de donde viene, etc. después ahondaremos en detalles. El MVC nace por aquellos años de los famosos hippies en la década de 1970 y está fuertemente relacionado con el desarrollo de interfaces de usuario. MVC fue “conceptualizado” por Trygve Reenskaug (foto a continuación), quién según Wikipedia, es informático noruego y pro...
Ver >>

Stateful vs Stateless Design - ¿Cuál es la diferencia?

Por
Imagen
Hoy hablaremos de dos conceptos que suelen confundirse un poco pero que son indispensables hoy en día para el desarrollo de software: Stateful (con estado) y Stateless (sin estado).      Cuando hablamos de Stateful y Statelees nos referimos a conceptos arquitectónicos o principios de diseño que describen como un software o sistema administra las interacciones entre sus componentes. Básicamente su diferencia es en como se maneja el estado dentro de un sistema o aplicación. Se considera muy importante en el diseño de software porque afecta directamente la calidad del software, particularmente entre los requisitos no-funcionales como el rendimiento, escalabilidad y facilidad de un software.      La diferencia entre Stateful (con estado) y Stateless (sin estado) radica en cómo se maneja el estado dentro de un sistema o aplicación. Este concepto es fundamental en el diseño de software y tiene implicaciones significativas en términos de rendimiento, escalabili...
Ver >>

Conceptos Básicos de la Arquitectura REST (REpresentational State Transfer)

Por
Imagen
En esta entrada del blog les compartiré los conceptos básicos de la arquitectura REST, utilizada con APIs (Application Programming Interfaces). Durante el contenido de esta entrada explicaremos de forma muy simple los conceptos de REST, HTTP, Las peticiones HTTP más utilizadas y la diferencia entre API, API REST y Web Service. Veamos... Un API REST (Interfaz de Programación de Aplicaciones basada en Transferencia de Estado Representacional) es un conjunto de reglas y convenciones que permite la comunicación entre sistemas a través de la web. REST es un estilo arquitectónico que utiliza los principios fundamentales de la World Wide Web y se ha convertido en un enfoque popular para diseñar servicios web debido a su simplicidad y escalabilidad. Su uso creció exponencialmente gracias a la proliferación de aplicaciones móviles pues nos permite separar el front del back, programar una sola vez la lógica de nuestra aplicación o sistema y usar las APIs REST para distintas plataformas, distinta...
Ver >>