Academia versión 12 App Android/Flutter: Visor Libros, Stripe, Modo Picture in Picture y más

Te hablo sobre todos los cambios realizados desde las últimas versiones en la app móvil de Academia

Hola por aquí quería comentarte un poco sobre las últimas actualizaciones que he hecho en la aplicación de Academia sobre todo la aplicación móvil que es la que más he trabajado en las últimas semanas así que bueno no es las que estás viendo en pantalla obviamente ya que esto es un visual estudio code aún así quería antes de nada mencionarte aquí un poquito cuáles son los cambios en sí el modo picture in picture seguramente lo conoces Pero de igual manera Ahorita te lo muestro ya que es más fácil mostrarte lo que hablar sobre él errores en generales como siempre

Actualización 12

Tambien el visor para libros y ahorita te lo muestro como quien dice estoy en la primera fase

Implemente Strpie también esto ya lo hice realmente en versiones anteriores lo que pasa es que yo no grabo un video por versión es decir cada vez que yo subo una versión no estoy grabando uno de estos videos esto lo hago cuando veo que vale un poquito la pena para promocionarla y demás

También he trabajado un poco en la vista de detalle del curso que le faltaba un poquito cariño 

Recuerda que yo he trabajado mucho también con lo que es un producto mínimo viable es decir yo voy lanzando la aplicación como quien dice a lo en lo mínimo y poco a poco voy agregando más funcionalidades esto también en caso de que quieras saber yo lo hago es decir todo este trabajo recuerda que yo hago todo este trabajo yo solo un poco como me gusta también organizarme espero más adelante también tener poder contratar a algunas personitas para que me ayuden en ciertas cosas claves pero yo todo todo esto yo lo hago desde cero es decir y lo hago yo solo el desarrollo de las aplicaciones el desarrollo de mis libros tanto en inglés como en español y también las grabaciones del del contenido para los cursos la preparación de todo el contenido todo esto lo manejo Yo solo al menos de momento para el momento en el cual estoy diciendo estas palabras así que yo voy poco a poco es lo un poco lo que yo también quiero llegar en todo esto y precisamente espero ir creciendo poco a poco en todo esto y yo creo que lo principal no solamente ese producto que es una pieza clave es decir los cursos o libros los cuales he ido trabajando poco a poco todos los años otra vez también con los libros y demás yo ve con un producto mínimo viable sobre todo con los libros que es un poco más complicado por la redacción y demás pero en los últimos años literalmente años tampoco tanto pero 2 3 años los libros que he tenido de base no he sacado así como quien dice nuevas publicaciones he trabajado sobre todo dando mucho más contenido en los cursos o libros actuales libros actuales sobre todo porque curso usualmente lo regraba desde cero cuando no hay una versión importante Por ejemplo Como hizo con larabel Entonces ya tengo más o menos mis productos entonces trabajé un poco más en la presentación y en la presentación me refiero a cómo los vendo si lo vendo por udem y demás no hay mucho cambio pero también recuerda que yo desde un solo lado y eso lo hice el año pasado el 2024 logré colocar todo mi contenido en una sola aplicación ya sea la aplicación móvil o ya sea la aplicación web y te voy a mostrar ahorita la aplicación móvil que sería el equivalente a la aplicación web O al menos es su intento bueno aclarado es un poquito para que como quien dice conozcas un poquito el contexto de todo eh aquí tenemos al demonio aquí tenemos lo que es los últimos post Esta es la primera pantalla que te aparece cuando entres a la aplicación que está Solamente disponible al menos de momento en al momento en el cual estoy grabando este este video para Android ya más adelante pienso lanzarla para iOS y todo lo demás ya que la app de Flutter también le estoy implementando más que todo para bueno la he probado bastante también en modo escritorio Aunque realmente no tiene mucho sentido escritorio porque para eso vaj la we y ya pero est de gratis pues la he hecho adaptativa precisamente sobre todo pensando en eso para que sea adaptativa los errores en generales cualquier cosita que yo vea por ahí eso no viene mucho al caso pero sobre todo es a veces un overflow alguna funcionalidad que se me quedó apagada cuando implemente otra o alguna cosita que vi fallando etcétera entonces ve aquí un poquito el contenido 

Visor de Libros

Vamos para la parte de libros para comenzar con el visor estoy comenzando con el visor este sí ya viene siendo un poquito un producto mínimo viable tampoco va a poder agregar muchas funcionalidades al menos de momento pero ahí vamos voy a seleccionar este tenía un pequeño error ahí ojo que esta aplicación tampoco es todavía bueno está un poquito más adelantada ya que como te digo yo voy lanzando poco a poco mientras tanto también voy implementando otras funcionalidades por ejemplo esta cosita que estoy trabajando en esto esto como te digo es la primera parte esto no está la última aplicación o la aplicación en producción esto es para trabajar aquí un poquito con el zoom de contenido es decir la barra de opciones pero eso no está la aplicación final estoy implementando ahorita entonces ya que es el el proyecto que estoy lanzando es el emulador ya esto se encuentra ahí ya disponible pero esto ahorita no está esto es el visor tal cual puedes ver aquí tienes el listado de los capítulos y simplemente lo seleccionas 

Aquí también coloqué para que recordar en base al scroll y también en base al capítulo seleccionado cuando tú vuelves a abrirlo se supone que que se va a parar aquí todavía se lo estoy implementando no está la última versión Pero bueno aquí ya puedes leer todo el contenido sin problemas tal cual puedes ver entonces no hace falta si tienes el teléfono y adquiriste ese libro desde academia tienes aquí una visualización entonces son cositas que como te digo voy agregando ya que si lo compras en Google Book bueno esa creo que se una aplicación realmente nunca he comprado un libro en Google dot e Pero bueno ya lo puedes ver desde un solo lugar no tienes que tener una aplicación paralela tanto los cursos como los libros me refiero si la compras en Amazon también tiene su libro eh digo su aplicación pero no te da el fuente Google Book creo que también es igual a Amazon entonces ahí tienes esta des ventaja por ejemplo 

En Academia te doy tanto acceso al a los archivos es decir el punto epub como el PDF y también tienes aquí el visor cosa que usualmente no logras con el resto de las aplicaciones un poco lo mismo simplemente te da acceso a los a lo principal que es el los archivos para que siempre lo tengas ahí pero no tienes un visor entonces otra vez aquí ya lo tienes de gratis obviamente me gustaría agregar otra funcional pero es un poquito complicado porque la parte del html es fregado de manejar desde esta aplicación haciendo también un pequeño paréntesis 

Los webviews en Flutter

Hace mucho tiempo grabé no tanto tiempo hace unos meses grabé un video mencionando que en la cual colocaba el infierno de los webviews que es la forma que tenemos para visualizar contenido html en flurer sobre todo era para Mac pero por suerte este mismo plugin que es el que yo estoy empleando para Android y también aunque no he lanzado la aplicación ya está funcionando también para rama Quest entonces al menos hay un porque Bueno ya con eso me quito nada más que Windows que también el visor que tiene bastante bueno en el webview bueno aquí tienes el libro básicamente ahí no hay mucho misterio con esto damos atrás esto también lo mejoré ese era un errorcito que dejé de la versión anterior que cuando le daba atrás cerraba la aplicación porque puse un puse replacement para el detalle y también para el visual entonces aquí ya lo arreglé son como te digo detallitos que van quedando por ahí ese es el visor recuerda que la parte de como quien dice de Academia es la que dice academia aquí está los cursos y los libros esto viene siendo el blog que es lo primero que tengo aquí arriba qué más tenemos por acá 

Stripe

Para la parte de la compra que vamos a ver si encuentro aquí algún libro que no tenga asignado esta cuenta e vamos a ver creo que hay algún menos uno aquí hay uno le damos a comprar y aquí tenemos la opción de PayPal y Stripe que también otra vez voy trabajando un poquito con la interfaz todavía le falta pero ahí va y la Stripe le das aquí obviamente te aparece el panel de Stripe no hay mucho misterio con eso per ahí está la parte que he trabajado un poco más es precisamente la de cursos que siempre es la más complicada obviamente porque bueno la parte de visualización de contenido secciones categorías tod ese montón de cosas voy a seleccionar alguno que tenga la implementación con vimo por ejemplo esta voy a bajarle aquí el volumen es 

Full Screen, Picture in Picture y vídeo adaptado

Como quien dice el modo full screen bueno no full screen ya que aquí también incorporé modo full scen en la cual quita aquí la barra claro aquí no se ve mucho voy a girarla ahí giró en este aspecto si tiene un poquito más de sentido Recuerda que esto realmente no es el plugin o el paquete específico para vimo para aquí para móvil es simplemente un visor html tal cual con el el webview aquí tenemos el modo al menos quita la barra de arriba para tener un poquito más de espacio puedes visualizar el contenido de una mejor manera antes el problema era que el contenido se me estiraba y eso es la parte que coloco aquí que es la vista bueno adaptada el video adaptado a pantalla en la cual antes el video se estiraba completamente a los lados por lo tanto el el alto era más alto del video que la pantalla del dispositivo por lo tanto se cortaba el video Entonces ya hice los cálculos para que el la distribución del video sea a partir del alto Entonces ahora se ve de la siguiente forma es decir se ve proporcionalmente correcto aquí te aparecería en teoría si por ejemplo ves YouTube sería las barras negras pero lo tienes el modo picture in picture es lo otro que también mejoré por acá como te digo está la pantalla que si acaso Tuvo más cambios ya que estuve trabajando tanto en la parte de full screen como trabajar aquí en el detalle del video por lo demás aquí siguen las opciones esto era ya ni me acuerdo Bueno aquí tenemos para lo mismo de siempre esto ya estaba de antes realmente no me acuerdo ahorita la reviso pero no viene ahorita el caso este es el picture in picture simplemente lo reproduces por ejemplo aquí lo dasas reproduciendo vienes aquí a la miniatura y ahí se queda fíjate que se adapta automáticamente aquí también puedes utilizar los dedos Solo que no sé cómo hacerlo desde el emulador para crecer aquí un poquito el modo picture in picture pero es eso básicamente hay que dar reproduciendo el video claro cuando se acaba tienes que volver a la aplicación le das ahí un click aquí Fíjate que le das un click por Dios y se sigue visualizando sin problemas y vuelves el modo picture Bueno aquí seleccionas el video que quieras seguir vuelves al modo picture in picture y la ventaja que tiene esto que yo lo utilizo muchísimo y es por eso que lo coloo aquí es que puedes ir navegando o haciendo otra cosa en el dispositivo yo por ejemplo tengo un iPad y por lo tanto lo aprovecho mucho para ver otros contenidos por ejemplo en Emi fue la que me gustó ahí la tiene en el iPad la tiene ya también implementada entonces mientras yo voy revisando otras cosas puedo ir al menos viendo por encima Ya que en la mayoría de los cursos que yo veo es simplemente verlo de manera referencial y cuando Yo quiero agarrar algo de ahí entonces simplemente bueno guardo ese video como favorito o lo selecciono lo guardo por su por el número de clase o lo que sea pero ya lo referenció rapidito ya que la mayoría de las cosas que yo estoy viendo ahí ya son básicas es decir si estoy viendo un video en un real la mitad del curso ya me lo sé simplemente para ver cosas puntuales y para eso que lo aprovecho no lo veo así desde ser en la computadora dedicado entonces este este formato para mí es excelente poral motivo por lo demás es eso básicamente los cambios que tiene como te digo más espero más adelante también poder lanzar para iOS así que sin más que decir si no tienes la aplicación Recuerda que la puedes descargar en la web de desarrollo libre vienes aquí aplicación en Android y por aquí la tienes sin más que decir nos vemos en otro video

09-02-2025 - Andrés Cruz

In english