Campus Food

0:01

S… Speaker 1 (Campus Food)

Hola a todos y bienvenidos a este análisis a fondo.

0:04

S… Speaker 1 (Campus Food)

Hoy vamos a desarmar un proyecto súper interesante llamado Campus Food Premium.

0:08

S… Speaker 1 (Campus Food)

Es,

0:08

S… Speaker 1 (Campus Food)

literal, el ejemplo perfecto de cómo las barreras para crear tecnología

0:13

S… Speaker 1 (Campus Food)

se están esfumando frente a nuestros ojos.

0:15

S… Speaker 1 (Campus Food)

Vamos a ver paso a paso cómo se estructuró todo esto,

0:18

S… Speaker 1 (Campus Food)

desde el diseño visual hasta el código profundo.

0:20

S… Speaker 1 (Campus Food)

Así que, arranquemos.

0:22

S… Speaker 1 (Campus Food)

Pero antes,

0:23

S… Speaker 1 (Campus Food)

piensen en esto.

0:24

S… Speaker 1 (Campus Food)

¿Qué tan rápido creen que se puede armar una app de entregas?

0:27

S… Speaker 1 (Campus Food)

O sea, algo comercial y que de verdad funcione sin saber absolutamente

0:31

S… Speaker 1 (Campus Food)

nada de ingeniería de software.

0:33

S… Speaker 1 (Campus Food)

Históricamente,

0:34

S… Speaker 1 (Campus Food)

hacer una plataforma con un carrito de compras dinámico,

0:37

S… Speaker 1 (Campus Food)

opciones de pago y una interfaz bonita tomaba meses o hasta

0:41

S… Speaker 1 (Campus Food)

años de estudio.

0:42

S… Speaker 1 (Campus Food)

Pero,

0:43

S… Speaker 1 (Campus Food)

¿y si metemos herramientas de inteligencia artificial en la ecuación?

0:46

S… Speaker 1 (Campus Food)

Tengan esta pregunta en mente a lo largo del recorrido,

0:49

S… Speaker 1 (Campus Food)

porque la respuesta es francamente sorprendente.

0:52

S… Speaker 1 (Campus Food)

Nuestra hoja de ruta de hoy es súper clara.

0:54

S… Speaker 1 (Campus Food)

Veremos el alcance y diseño,

0:55

S… Speaker 1 (Campus Food)

repasaremos el flujo de navegación completo,

0:58

S… Speaker 1 (Campus Food)

nos meteremos de lleno en el desarrollo con IA y cerraremos revisando

1:02

S… Speaker 1 (Campus Food)

las pruebas y los resultados finales.

1:03

S… Speaker 1 (Campus Food)

Pasemos a la primera parte,

1:05

S… Speaker 1 (Campus Food)

el alcance de la aplicación y toda la estrategia detrás de su diseño visual.

1:10

S… Speaker 1 (Campus Food)

Toda gran herramienta digital nace de un dolor de cabeza real,

1:13

S… Speaker 1 (Campus Food)

¿verdad? En este caso el proyecto apunta a un problema clásico y muy humano en

1:17

S… Speaker 1 (Campus Food)

cualquier universidad,

1:18

S… Speaker 1 (Campus Food)

querer comer algo rico y rápido entre clases interminables.

1:22

S… Speaker 1 (Campus Food)

Esta app se pensó para estudiantes,

1:24

S… Speaker 1 (Campus Food)

profesores y el personal que,

1:26

S… Speaker 1 (Campus Food)

seamos sinceros,

1:27

S… Speaker 1 (Campus Food)

no tienen tiempo para hacer filas.

1:29

S… Speaker 1 (Campus Food)

Nadie quiere gastarse sus únicos 15 minutos de descanso esperando un sándwich.

1:33

S… Speaker 1 (Campus Food)

Es una cuestión de pura eficiencia logística dentro del campus.

1:37

S… Speaker 1 (Campus Food)

Y para solucionar ese problema,

1:39

S… Speaker 1 (Campus Food)

la estética tenía que estar a la altura.

1:41

S… Speaker 1 (Campus Food)

No bastaba con que la app funcionara,

1:43

S… Speaker 1 (Campus Food)

tenía que verse súper profesional.

1:44

S… Speaker 1 (Campus Food)

Aplicaron principios modernos de diseño,

1:47

S… Speaker 1 (Campus Food)

o UI.

1:47

S… Speaker 1 (Campus Food)

Y ojo con esto,

1:48

S… Speaker 1 (Campus Food)

el uso de tonos naranjas no es casualidad.

1:51

S… Speaker 1 (Campus Food)

Sabemos que los colores cálidos están ligados psicológicamente al apetito y a la energía.

1:55

S… Speaker 1 (Campus Food)

Un truco clásico pero efectivo.

1:57

S… Speaker 1 (Campus Food)

A esto le sumaron botones grandes que son facilísimos de tocar en el celular,

2:01

S… Speaker 1 (Campus Food)

bordes redondeados y animaciones muy fluidas para que todo se sienta moderno.

2:05

S… Speaker 1 (Campus Food)

Bien, ahora veamos cómo se siente usarla realmente.

2:08

S… Speaker 1 (Campus Food)

Hablemos del flujo completo de navegación.

2:10

S… Speaker 1 (Campus Food)

La primera impresión lo es todo.

2:13

S… Speaker 1 (Campus Food)

Nos recibe una pantalla de bienvenida,

2:15

S… Speaker 1 (Campus Food)

oscura y minimalista,

2:16

S… Speaker 1 (Campus Food)

donde el botón principal salta a la vista inmediatamente.

2:19

S… Speaker 1 (Campus Food)

Imaginemos que un usuario cualquiera entra.

2:22

S… Speaker 1 (Campus Food)

Simplemente pone su nombre,

2:23

S… Speaker 1 (Campus Food)

digamos Felipe,

2:24

S… Speaker 1 (Campus Food)

y le da al botón enorme de entrar.

2:26

S… Speaker 1 (Campus Food)

Cero fricción.

2:27

S… Speaker 1 (Campus Food)

Nada de crear cuentas largas ni llenar formularios tediosos.

2:31

S… Speaker 1 (Campus Food)

Va directo al grano.

2:33

S… Speaker 1 (Campus Food)

Inmediatamente después,

2:34

S… Speaker 1 (Campus Food)

el sistema organiza la información de forma impecable.

2:36

S… Speaker 1 (Campus Food)

Tenemos una cuadrícula con restaurantes como Pizza Campus o

2:41

S… Speaker 1 (Campus Food)

Sushi Woo.

2:41

S… Speaker 1 (Campus Food)

Y al elegir uno,

2:43

S… Speaker 1 (Campus Food)

pum, aparece el menú correspondiente al instante.

2:45

S… Speaker 1 (Campus Food)

Lo genial aquí es cómo los platillos funcionan como tarjetas interactivas.

2:49

S… Speaker 1 (Campus Food)

Digamos que elegimos el Salmón Roll.

2:51

S… Speaker 1 (Campus Food)

En ese microsegundo,

2:52

S… Speaker 1 (Campus Food)

el sistema ya está procesando los datos en el fondo para llevarnos al siguiente paso

2:56

S… Speaker 1 (Campus Food)

sin que nos demos cuenta.

2:57

S… Speaker 1 (Campus Food)

Y así de fácil llegamos al carrito.

3:00

S… Speaker 1 (Campus Food)

Aquí se actualiza el total al instante,

3:02

S… Speaker 1 (Campus Food)

mostrando por ejemplo 28 mil pesos,

3:05

S… Speaker 1 (Campus Food)

y nos da las opciones de pago.

3:06

S… Speaker 1 (Campus Food)

Lo que realmente brilla en esta etapa es la claridad total de las instrucciones.

3:11

S… Speaker 1 (Campus Food)

Te dice exactamente cómo puedes pagar,

3:13

S… Speaker 1 (Campus Food)

en efectivo al recibir tu pedido o pidiendo que el repartidor lleve un datáfono.

3:17

S… Speaker 1 (Campus Food)

Es súper intuitivo,

3:18

S… Speaker 1 (Campus Food)

no deja espacio para dudas antes de presionar ese botón verde brillante de

3:22

S… Speaker 1 (Campus Food)

confirmar pedido.

3:24

S… Speaker 1 (Campus Food)

Para cerrar el ciclo de compra con broche de oro aparece un ticket digital súper elegante

3:28

S… Speaker 1 (Campus Food)

que funciona como recibo instantáneo.

3:30

S… Speaker 1 (Campus Food)

Tiene absolutamente todos los detalles.

3:32

S… Speaker 1 (Campus Food)

Quien pidió,

3:33

S… Speaker 1 (Campus Food)

en qué restaurante,

3:34

S… Speaker 1 (Campus Food)

a qué hora,

3:35

S… Speaker 1 (Campus Food)

cómo va a pagar y,

3:36

S… Speaker 1 (Campus Food)

lo más importante para alguien con hambre,

3:38

S… Speaker 1 (Campus Food)

el tiempo estimado de entrega,

3:39

S… Speaker 1 (Campus Food)

que aquí marca unos 20 minutos.

3:41

S… Speaker 1 (Campus Food)

Es un flujo que,

3:42

S… Speaker 1 (Campus Food)

visual y lógicamente,

3:43

S… Speaker 1 (Campus Food)

compite sin problemas con las grandes plataformas comerciales que usamos todos los días.

3:47

S… Speaker 1 (Campus Food)

Pasemos a la sección 3.

3:49

S… Speaker 1 (Campus Food)

Y prepárense porque aquí es donde la cosa se pone verdaderamente alucinante,

3:53

S… Speaker 1 (Campus Food)

el desarrollo impulsado por inteligencia artificial.

3:57

S… Speaker 1 (Campus Food)

Agárrense, ¿por qué esta app tan pulida que acabamos de desmenuzar no la hizo

4:01

S… Speaker 1 (Campus Food)

un equipo de desarrolladores senior de una gran empresa tecnológica?

4:05

S… Speaker 1 (Campus Food)

La construyó de principio a fin un estudiante de primer semestre de

4:09

S… Speaker 1 (Campus Food)

medicina.

4:10

S… Speaker 1 (Campus Food)

Así es,

4:10

S… Speaker 1 (Campus Food)

fue un proyecto para una materia de transformación digital.

4:13

S… Speaker 1 (Campus Food)

Este simple hecho rompe por completo el molde de quién puede y no

4:17

S… Speaker 1 (Campus Food)

puede crear tecnología funcional hoy en día.

4:19

S… Speaker 1 (Campus Food)

Es una verdadera revelación.

4:21

S… Speaker 1 (Campus Food)

Para lograr esta hazaña se usó un arsenal de herramientas súper accesibles.

4:26

S… Speaker 1 (Campus Food)

El cerebro de toda la operación fue ChatGPT,

4:29

S… Speaker 1 (Campus Food)

actuando como el motor de IA generativa.

4:31

S… Speaker 1 (Campus Food)

Esta herramienta se encargó de escribir la lógica compleja en el lenguaje Python

4:35

S… Speaker 1 (Campus Food)

y de armar la interfaz visual con una librería llamada Gradio.

4:38

S… Speaker 1 (Campus Food)

Y la cereza del pastel,

4:40

S… Speaker 1 (Campus Food)

ni siquiera se necesitó instalar programas pesados.

4:43

S… Speaker 1 (Campus Food)

Todo el proyecto corrió directamente en la nube utilizando Google Colab.

4:47

S… Speaker 1 (Campus Food)

Y pensar que todo este sistema comenzó con una simple frase en lenguaje natural.

4:51

S… Speaker 1 (Campus Food)

El primer prompt o instrucción fue directísimo.

4:54

S… Speaker 1 (Campus Food)

Genera una web app en Python usando Gradio inspirada en Rappi y

4:58

S… Speaker 1 (Campus Food)

Uber Eats para pedidos universitarios de comida.

5:00

S… Speaker 1 (Campus Food)

Al mencionar a gigantes de la industria,

5:02

S… Speaker 1 (Campus Food)

la inteligencia artificial entendió a la primera qué modelo de latos necesitaba,

5:06

S… Speaker 1 (Campus Food)

restaurantes,

5:07

S… Speaker 1 (Campus Food)

menús y flujos de carritos.

5:09

S… Speaker 1 (Campus Food)

Ese breve texto fue el plano arquitectónico de todo el código.

5:12

S… Speaker 1 (Campus Food)

Claro, la primera versión siempre es una estructura básica.

5:16

S… Speaker 1 (Campus Food)

Para mejorarla,

5:17

S… Speaker 1 (Campus Food)

el proceso iteró con una nueva instrucción.

5:19

S… Speaker 1 (Campus Food)

Haz la interfaz más moderna y visual,

5:21

S… Speaker 1 (Campus Food)

agrega imágenes a los restaurantes y efectos interactivos.

5:24

S… Speaker 1 (Campus Food)

Aquí es donde entró la magia estética.

5:26

S… Speaker 1 (Campus Food)

Con ese prompt,

5:27

S… Speaker 1 (Campus Food)

la IA fue capaz de inyectar los bordes redondeados,

5:30

S… Speaker 1 (Campus Food)

colocar imágenes apetitosas y programar esos efectos donde los botones reaccionan

5:34

S… Speaker 1 (Campus Food)

de forma natural.

5:35

S… Speaker 1 (Campus Food)

Fue un proceso de ir puliendo el diamante capa por capa.

5:38

S… Speaker 1 (Campus Food)

El empujón final y curiosamente el que suele dar más dolores de cabeza en la programación

5:43

S… Speaker 1 (Campus Food)

clásica fue la logística del cierre.

5:45

S… Speaker 1 (Campus Food)

Le pidieron a la IA.

5:47

S… Speaker 1 (Campus Food)

integra métodos de pago como efectivo y datáfono contra entrega

5:51

S… Speaker 1 (Campus Food)

y genera un ticket final elegante.

5:53

S… Speaker 1 (Campus Food)

¡Y listo!

5:54

S… Speaker 1 (Campus Food)

La herramienta generativa armó toda esa maraña lógica necesaria para procesar

5:58

S… Speaker 1 (Campus Food)

la confirmación y diseñó ese recibo dinámico que vimos hace un momento.

6:02

S… Speaker 1 (Campus Food)

Por supuesto,

6:03

S… Speaker 1 (Campus Food)

no podemos hablar de un buen software sin probarlo al extremo.

6:06

S… Speaker 1 (Campus Food)

Llegamos a la sección 4,

6:08

S… Speaker 1 (Campus Food)

pruebas y resultados finales.

6:10

S… Speaker 1 (Campus Food)

El análisis de depuración fue sumamente riguroso y académico.

6:15

S… Speaker 1 (Campus Food)

Básicamente intentaron romper la aplicación cometiendo errores de usuario a

6:19

S… Speaker 1 (Campus Food)

propósito.

6:19

S… Speaker 1 (Campus Food)

Probaron qué pasaba si alguien intentaba avanzar sin poner su nombre,

6:22

S… Speaker 1 (Campus Food)

si no elegía un restaurante o si olvidaba seleccionar el método de pago.

6:26

S… Speaker 1 (Campus Food)

Y los resultados fueron perfectos.

6:28

S… Speaker 1 (Campus Food)

En cada caso,

6:29

S… Speaker 1 (Campus Food)

el código generado por IA logró bloquear el avance y pedir la información faltante,

6:34

S… Speaker 1 (Campus Food)

garantizando que el sistema no va a colapsar frente a un usuario distraído.

6:38

S… Speaker 1 (Campus Food)

Ahora, seamos justos,

6:40

S… Speaker 1 (Campus Food)

tampoco fue magia perfecta desde el segundo uno,

6:42

S… Speaker 1 (Campus Food)

hubo algunos obstáculos.

6:43

S… Speaker 1 (Campus Food)

Al principio,

6:44

S… Speaker 1 (Campus Food)

el botón de entrada no hacía la transición correcta a la siguiente pantalla,

6:47

S… Speaker 1 (Campus Food)

y a veces el ticket final se quedaba escondido.

6:50

S… Speaker 1 (Campus Food)

Pero lo verdaderamente fascinante aquí es que también usaron a ChatGPT como

6:54

S… Speaker 1 (Campus Food)

técnico de soporte.

6:55

S… Speaker 1 (Campus Food)

Le pasaron los errores,

6:56

S… Speaker 1 (Campus Food)

la IA analizó su propio código en Python y solucionó los problemas solita,

7:01

S… Speaker 1 (Campus Food)

cerrando la brecha entre un prototipo con fallas y un producto impecable.

7:05

S… Speaker 1 (Campus Food)

Para ir resumiendo,

7:06

S… Speaker 1 (Campus Food)

este análisis de Campus Food Premium nos deja una lección gigantesca.

7:10

S… Speaker 1 (Campus Food)

Esto ya no se trata solo de una app para pedir un almuerzo rápido.

7:14

S… Speaker 1 (Campus Food)

Es la prueba tangible de que la inteligencia artificial está acelerando

7:18

S… Speaker 1 (Campus Food)

a fondo la creación de software.

7:20

S… Speaker 1 (Campus Food)

Está empoderando a personas brillantes de cualquier disciplina para que resuelvan

7:24

S… Speaker 1 (Campus Food)

problemas logísticos y reales sin necesidad de ser ingenieros de sistemas.

7:28

S… Speaker 1 (Campus Food)

Así que nos despedimos con esta gran incógnita.

7:31

S… Speaker 1 (Campus Food)

Si un estudiante de medicina en su primer semestre puede construir desde cero

7:35

S… Speaker 1 (Campus Food)

una plataforma interactiva como esta en un par de iteraciones,

7:38

S… Speaker 1 (Campus Food)

¿cuál es el verdadero límite ahora?

7:41

S… Speaker 1 (Campus Food)

Parece que el techo ya no es cuántos lenguajes de programación dominamos,

7:45

S… Speaker 1 (Campus Food)

sino qué tan creativos somos para identificar problemas y pedirle a

7:49

S… Speaker 1 (Campus Food)

la inteligencia artificial que nos ayuda a solucionarlos.

7:52

S… Speaker 1 (Campus Food)

Muchísimas gracias por acompañar este recorrido analítico y hasta

7:56

S… Speaker 1 (Campus Food)

la próxima.

Buod

> Magtanong sa AI Tungkol sa Transcript na Ito