45

Progreso actual de nuestra App para Android

6019Puntos

hace 2 años

Curso de React Native 2016
Curso de React Native 2016

Curso de React Native 2016

Construir apps nativas nunca fue tan fácil. Aplica tus conocimientos de JavaScript y React para crear una app de iOS y Android reutilizando el mismo código, manteniendo los componentes nativos para cada plataforma.

Aplicación de Platzi para Android

Platzi está comprometido con lograr que la educación sea en línea por defecto y que podamos tener el siguiente millón de profesionales en la industria tecnológica. Por esa razón es nuestro deber llevar los cursos a la mayor cantidad de dispositivos posibles como teléfonos Android, iOS, Chromecast.

En la actualidad soy el Product Manager de la aplicación móvil tanto en Android como en iOS y te quiero contar retos interesantes que hemos tenido y que estamos teniendo -y batallando- con la aplicación móvil.

Platzi Android

Para comenzar, me gustaría contarte todas las características de Platzi que tenemos disponible en la Play Store:

Carreras y cursos

Si tienes una suscripción podrás disfrutar de todos los cursos y carreras. Si estás disfrutando del curso de Programación Básica también tienes acceso a través de la aplicación en Android.

Descarga de clases (Solo disponible en la aplicación)

Una de las características más solicitadas es la descarga de las clases, desde la aplicación puedes descargar clases de manera individual o si deseas, puedes descargar todo el curso con un solo tap.

Esta característica está disponible para todos los dispositivos Android sin acceso al usuario root. Activar root en un celular Android no es buena idea si piensas en la seguridad de tu información.

Buscador de cursos

Tenemos más de 100 cursos y debe existir una manera sencilla de poder encontrar lo que deseas, desde la aplicación móvil podrás buscar entre todos los cursos que Platzi te ofrece.

Modo offline (Solo disponible en la aplicación)

Sumado a la descargas de cursos, el modo offline te permite poder disfrutar de los cursos de Platzi estés donde estés, en el metro, el autobús hacia la universidad o el trabajo, una reunión familiar. El modo offline se activa cuando la aplicación detecta que has perdido conexión a internet y te permite navegar a todas las clases que hayas descargado en tu celular.

Lo que Tú quieras

Seguimos mejorando la aplicación para Android y iOS y queremos tu opinión, puedes escribir en los comentarios al finalizar este artículo la característica que deseas para la aplicación.

Retos

Durante el desarrollo de la aplicación hemos tenido grandes momentos y algunos momentos un poco amargos, te contaré todo lo que hemos aprendido y lo que estamos resolviendo para que tengas la mejor experiencia con la aplicación en tu celular.

Nativo o no nativo

native-vs-hybrid.jpg

Cuando empezamos a desarrollar la aplicación para Android y iOS hicimos desarrollo tanto en Java como en Swift, esto nos permitió tener una aplicación 100% nativa. Sin embargo, es complejo escalar la aplicación en características o hacer cambios grandes en diseño porque hay que hacerlo dos veces. Esto último no es necesariamente malo pero dentro del equipo creíamos que podíamos hacer algo mejor para atacar ese problema y allí empezamos a trabajar con React Native.

React Native

En Platzi el 90% de nuestro front-end está construido en React, era natural escoger una tecnología como React Native por todo el conocimiento adquirido en los últimos cuatro años de trabajo con React.

Leonidas Esteban (@LeonidasEsteban en Twitter) se postuló junto a Victor Aliaga (@8766Dart en Twitter, Backend - Android/iOS developer) para migrar toda la aplicación móvil actual a React Native.

21k2yf.jpg

Fue complejo pero al final se logró, enlace https://platzi.com/blog/platzi-react-native/ el 30 de Agosto de 2017 teníamos ya nuestra primera versión de la app de Platzi hecha 100% en React Native + algo de código nativo.

Y desde entonces hemos tenido mejoras sustanciales sobre todo en UI. Muchos más usuarios activos están usando la aplicación en Android en este momento versus cuando teníamos la aplicación 100% nativa en Java + Swift, ¿Por qué? Porque lanzamos actualizaciones mucho más seguido y los usuarios se enteran más de nosotros. Christian Van Der Henst (COO de Platzi nos insistía mucho en ese punto y sencillamente tenía razón), así que actualicen constantemente la aplicación y verán como aumenta la cantidad de usuarios en su aplicación.

Transmisión de video

No es un secreto la cantidad de versiones de Android y la fragmentación que existe, esto no es culpa del usuario.

Al existir tantas versiones de Android en una cantidad enorme de dispositivos hace que transmitir video sea algo complejo.

En la aplicación web de Platzi nosotros ofrecemos diferentes opciones de videos según el navegador, actualmente usamos nuestro propio CDN más un proveedor adicional en caso de que el CDN principal falle y tenemos como protocolos de transmisión:

  • HLS para Safari iOS y MacOS y Edge.
  • MPEG-Dash para Google Chrome, Firefox y Opera.

-Si usas un navegador que no está en la lista probablemente estás disfrutando las clases de Platzi a través de HLS.-

Para el caso de aplicación para Android tenemos una opción de protocolo, HLS/ HLS en algunas versiones de Android tiene algunos problemas y estamos mejorando la transmisión de los videos para aumentar la compatibilidad con la mayor cantidad de dispositivos con Android posibles.

Hemos aprendido de muchos dispositivos desde gama baja hasta gama alta y en Android cada dispositivo es un mundo. Si deseas comentar en este artículo puedes dejar al final el modelo de celular y la versión de Android que usas.

Rendimiento de la aplicación

Este es un punto clave en cualquier aplicación, los usuarios necesitan tener una aplicación que tenga tiempos de respuestas muy corto para disfrutar al máximo la experiencia de las animaciones, transiciones, reproducción de videos.

En Platzi nos hemos tomado esto muy en serio y hemos logrado optimizar la aplicación para una gran cantidad de dispositivos, probablemente en algunos celulares puede existir algún lag y podrá ser normal porque hay que tener en cuenta las aplicaciones en background.

Aún así no nos rendimos y dejamos al usuario la responsabilidad de eliminar lo que no use de la memoria o las aplicaciones en segundo plano para que ejecute mejor la aplicación, por esa razón seguimos investigando y tratando de sacarle el mejor provecho a React Native junto a complementos nativos para aumentar al máximo la velocidad de ejecución con la menor cantidad de recursos posible en cada dispositivo.

Manejo de los errores

Sin duda cualquier sistema, sin excepción podrá tener algún error o bug en el ciclo de vida de dicha aplicación y es por eso que se debe crear una estrategia para reaccionar lo más rápido posible ante cualquier error.

En web es más sencillo porque un deploy se puede hacer en cualquier momento y ya todos los usuarios tendrán disponible el cambio, en Platzi hacemos en promedio unos 15 despliegues -deploys- al día.

Esto no es tan sencillo en el caso de aplicaciones móviles ya que depende del tiempo de respuesta de cada tienda, en el caso de Android es un poco más sencillo que en iOS porque puede estar disponible en cuestión de minutos un cambio, aunque hay que tener en cuenta que los usuarios no actualizan todos los días las aplicaciones así que pasarán algunos días hasta que todos los usuarios puedan tener la versión más actualizada de la aplicación.

Muchos usuarios en Android o iOS usarán el sistema de review de la tienda de aplicaciones para reportar un bug, esto es normal, muchos de ellos actualizarán el review una vez se haya solucionado el problema y por eso es importante contactarlos para que puedan darnos más estrellas.

Android es la mayoría

No podemos tapar el sol con un dedo, Android es la mayoría en el mercado de sistemas operativos para celulares. Antes se creía que se debía lanzar primero en iOS y luego Android, ahora mismo eso no aplica y se debe tratar de dar una experiencia similar tanto en Android como en iOS.

Más allá de la fragmentación y la cantidad abismal de dispositivos, la gran mayoría de nuestros usuarios usan Android, por lo tanto seguiremos trabajando para que disfruten el mejor contenido de Platzi en sus celulares.

Si aún no tienes instalada la aplicación, puedes hacerlo a través de la Play Store https://play.google.com/store/apps/details?id=com.platzi.platzi&hl=es. No olvides calificar la aplicación con cinco estrellas. Te lo agradeceremos con cada actualización futura.

Beta tester

Si deseas ayudarnos, probando la aplicación en sus versiones Beta, puedes ingresar a esta URL con tu cuenta de Google -la misma que usas en Play Store- y registrarte para ser Beta tester de nuestra aplicación en Android. https://play.google.com/apps/testing/com.platzi.platzi

Curso de React Native 2016
Curso de React Native 2016

Curso de React Native 2016

Construir apps nativas nunca fue tan fácil. Aplica tus conocimientos de JavaScript y React para crear una app de iOS y Android reutilizando el mismo código, manteniendo los componentes nativos para cada plataforma.
Yohan
Yohan
@yograterol

6019Puntos

hace 2 años

Todas sus entradas
Escribe tu comentario
+ 2
Ordenar por:
6
21763Puntos

Pues claro, seria un honor ser betatester de platzi en android. 😁

3
6019Puntos
2 años

Desde la Play Store te puedes registrar al programa de Beta testers, sería un honor tener más usuarios probando las versiones tempranas de la aplicación.

6
33474Puntos

¡Hey Yohan!
¡Felicidades por los logros y al team!

2
33474Puntos
2 años

Hey, por cierto … no consideraron que incorporando al sitio web actual de Platzi todo el enfoque y tecnología de Progressive Web Apps, hubieran podido (probablemente) atender y resolver todos los requerimientos que planteas … y todo con una sola tecnología? … incluso sin abandonar todo el core en React … 😃 … por cierto @LeonidasEsteban es un crack y seguramente en el futuro lleguen a esa actualización naturalmente!! Felicidades al equipo!

2
33474Puntos
2 años

Jeje … soy un poco #fanBoy de ProgressiveWebApps como habrás notado!

0
33474Puntos
2 años

Echen el ojo sólo a una única estadística de acceso a la plataforma … cuál es el % de usuarios que acceden a Platzi.com usando Google Chrome como navegador desktop (desktop y mobile) … en relación a otros navegadores … 🤓🤘

1
6019Puntos
2 años

Con PWA podemos resolver muchos de los problemas ciertamente sin embargo para ciertas necesidades que tenemos por ejemplo descarga de las clases o un reproductor más personalizado para Android, PAW se queda corto.

Es maravilloso PAW, sin duda.

1
207Puntos
2 años

PWA son maravillosas pero siento que un no han explotado todo su potencial. y si chrome destina una maquina virtual estilo a la de electron que a través de una API o un archivo extra pueda llamar a funciones del propio core de chrome y asi con añadir un poco mas de codigo a nuestras web tengamos una app movil nativa. seria como desmontar chrome y usarlo como un punto de partida para nuestras apps webs

0
33474Puntos
2 años

Interesante enfoque Emely, creo que la debilidad en este momento de PWA es que no ha convencido al resto de navegadores de darle soporte completo a las características necesarias para funcionar, principalmente a los ServiceWorkers … pero al igual que pasó con HTML5 … hay una posibilidad de que W3C de un espaldarazo a esta tecnología y proponga incluirla (como hizo con HTML5) … en el estándar universal de HTML! … quizás HTML6/7/next … traiga sorpresas

1
20848Puntos
2 años

ServiceWorkers ya es un estándar, que todos los navegadores no lo soporten todavía no quiere decir que no lo sea.

Ver todas las respuestas

4
2391Puntos

Estos momentos en los que mis padres no paran de usar netflix y youtube me vendría bien la función descargar para PC. 😦

3
8193Puntos

Hola me gustaría ser betatester de la aplicacion en android también.

1
6019Puntos
2 años

Por supuesto, en Android debes ir a la tienda y debe haber una opcion para escribirte como Beta tester. Es abierto en Android.

2
214Puntos

El App está muy bien, pero una característica que le falta es la descarga a la memoria Micro SD!
Ojalá la puedan implementar pronto.

1
6019Puntos
2 años

Sin duda es algo que tendremos pronto, lo están pidiendo mucho y hay que escuchar a los usuarios 😃

2
14581Puntos

Muchas gracias por todo su esfuerzo y tener actualizada la aplicación, me encanto cuando sacaron la nueva versión de la aplicación. Y en verdad esperaba la posibilidad de utilizar mi Chromecast con esta aplicación.

2
6019Puntos
2 años

Ya tenemos la opción de ChromeCast, qué tal te ha ido con esa versión?

2
1328Puntos

Saludos al equipo encargado de la aplicacion movil y felicitarlos por su dedicación.
Me encanta la aplicacion en especial cuando estoy en el autobus camino al trabajo por que puedo reforzar o adelantar algunos temas del curso que estoy tomando y ademas que lo puedo tener en modo offline. Como sugerencia seria bueno que agreguen una opcion para que uno mismo pueda hacer una lista de los cursos o carreras que quiere tomar y ademas dar sugerencias de cursos que sigan o complemente a los cursos tomados, y de esta forma crear con su ayuda nuestro propio camino en Platzi.

1
6019Puntos
2 años

Estamos experimentando con Machine Learning ahora mismo, ya tenemos sugerencia de cursos en tu perfil desde la plataforma web, el siguiente paso es portar eso a móvil e igual o característica para construir tu ruta profesional, muchas gracias por tu sugerencia.

1
2867Puntos

Hola como esta, soy una afortunada al poder contar con Platzi, siempre e soñado con mi propia empresa y se que platzi es el camino correcto para avanzar, quiero desarrollar un proyecto comprendo la diferencia entre aps híbrida, bridge y nativas, quisiera su valiosa opinión en esto: Mi proyecto requiere de una aplicación que pueda obtener acceso al giroscopio, acelerómetro, GPS, cámara, brújula, servicios de geoposición en tiempo real.

¿Podría llevarse a cabo con Reac Native? que tecnologia me aconsejan teniendo en cuenta Kotlin, Dart, Java, React Native, y React Native sí podría utilizar eficazmente estos recursos?

Espero algun dia presentarles este proyecto. Gracias Platzi y comunidad.

1
6025Puntos

Hola una característica genial que me gustaría sería que el reproductor de la app fuera como el de la web, es decir que estoy viendo un video de 5 minutos y por alguna razón tuve que parar y retomar más tarde, que cuando retome empiece donde lo deje la última vez, por ejemplo en el minuto 3:45.

1
6019Puntos
2 años

Tienes toda la razón, esto es algo qué hay que tener y muchas gracias por recalcarlo, lo vamos agregar al roadmap.

1
2391Puntos

En la app para Android (Nexus 6 Motorola). Quizá en UX sería bueno que las descargas presentarán un orden. Me parece que es en el orden de descarga pero estaría mejor que tuvieran el número de clase y se dividieran con la sección del temario a la que pertenecen. También me gustaría que hubiera una pestaña o una sección de Mis clases, los cursos que estoy tomando así como en la página para que aparezcan primero. Espero sirvan mis comentarios. Muy buen trabajo Yohan. 😉

1
6019Puntos
2 años

Muchas gracias! Ya Leonidas está en eso con el equipo. Ciertamente un orden hace que el proceso de ver las clases offline sea mejor.

1
3422Puntos

Buenas con la parte de
"Esta característica está disponible para todos los dispositivos Android sin acceso al usuario root. Activar root en un celular Android no es buena idea si piensas en la seguridad de tu información."

quiere decir que no se puede descargar los videos para ver en offline si se es usuario root ?

1
13858Puntos
2 años

Así es. No se puede.

0
3422Puntos
2 años

Pero por mas que desinstale todo rastro de root de igual forma no me deja, reinstale la app de platzi y nada.
Por otro lado por que no lo permiten si android es bueno por la personalización que permite el sistema, es solo una duda, igual si alguien usa root por voluntad propia algo de seguridad debe saber.

0
3422Puntos
2 años

gracias por responder 😉

1
20848Puntos
2 años

Si sos root podrías acceder a los vídeos descargados y copiarlos a cualquier lado.

Ver todas las respuestas

1
1891Puntos

Me encantaría que además, se incluya un botón para activar el Modo Offline, estilo Spotify.
También que se pudieran visualizar los textos en modo offline 😃 Saludos y felicidades.

1
2864Puntos

Cuando se descarga los vídeos estos deberían de quedar en segundo plano y en una especie de Queue, para poder seguir navegando por la aplicación, es molestoso descargar y esperar que se complete la descarga, ademas aparece un mensaje que indica “Descargado X Materiales”, hago click y aun no se ha realizado la descarga por completo.

1
7458Puntos

ME encantaría que incorporaran el blog en la aplicación =D

1
2860Puntos

Yo Estaría encantado en ser beta tester

1
2860Puntos

Suena mucho trabajo!

1
2614Puntos

deberiais incluir un chat comunitario en cada video de cada curso como haceis desde la web, se me hace muy util ver las opiniones de otras personas y muchas veces estoy fuera de casa y al usar la app echo en falta el chat

1
97Puntos

Instalado en ASUS ZENFONE 2
Android 6.0.1

Estoy descargando las clases de un curso, pero la notificación al parecer se bloqueo, sigue apareciendo descargando…
pero en la app ya aparecen todas con el botón eliminar.

0
6019Puntos
2 años

Y las puedes ver sin problema?

1
3038Puntos

Claro que quiero ser BetaTester en Android!! 😄

0
6019Puntos
2 años

Ya actualicé el artículo con la URL para registrarse como Beta tester.

1
1764Puntos

¡Hola, me encantaría ser uno de sus beta testera en Android! Llevo 3 años siendo betatester en el programa insider de Microsoft porque me apasiona mucho ver como van evolucionando los sistemas y app. Espero me tomen en cuenta, un gran saludo a todos!.

1
6019Puntos
2 años

Desde la Play Store te puedes registrar al programa de Beta testers, voy a modificar el artículo para explicar cómo hacerlo, pero genial que ayudes a grandes compañías a mejorar el producto eso es muy valioso.

1
25915Puntos

Aprovechando este post sobre la App, resulta que yo tengo el Acatel A30 Plus y se me ha hecho imposible ver los videos desde allí, el video se reproduce pero se queda en negro y solo se escucha el audio, la única solución es que descargue la clase y luego si la reproduzca pero muchas veces falla, tengo una tablet con muchísimo menos hardware y ahí si he podido verlos.

0
225Puntos

Tengo un Huawei P10 Lite y la app se cierra cuando voy a reproducir un vídeo

0
1755Puntos

Estaba viendo el esfuerzo que llevan en la app para Android y se agradece mucho. A modo de sugerencia:

  • Estaría bueno contar con la vista de mensajes de cada clase (como así lo que haya escrito el profesor).
  • Contar con una lista unificada de los cursos en favoritos, solo lo puedo ver desde la web y eso obliga a tener que re-navegar entre las carreras para volver a encontrar un curso en la app.

Me acabo de unir al grupo de Beta para ayudarlos a probar futuras versiones. Se agradece nuevamente la dedicación por ofrecer un producto mejor.

0
348Puntos

Muy buena app pero no se que le pasa pero en tableta no me funciona saben algo del tema…

0

Estoy desde un Nexus 6pz última versión de Android a la fecha.
Y cuando estoy viendo un vídeo , si hago swipe a la derecha el audio ni el vídeo se detiene y al volver atrás el vídeo se queda entre portrait.
Adicional, deberían agregar la opción de bolsa de empleo.

Saludos

0
2101Puntos

Yohan muy bueno el artículo! Quería preguntarte que librería utilizan para la reproducción de video con react-native?

Saludos!

0
704Puntos

Hola.

La app en iOS (iPad) tiene muchísimos problemas.
1.- Estando en landscape la pantalla rota (regresa a portrait) cada vez que hago una acción en la app.
2.- No tengo forma de ver los comentarios hechos en las clases.
3.- No puedo acceder a la lista de cursos que estoy cursando y su avance (como si lo puedo ver en la web).
4.- He visto muchos pequeños detalles que no se alinean a las reglas de diseño de Apple en el Human interface guideline.

Nos vemos.

0

Gracias por compartir sus experiencias. Johan y cómo ha sido el tema de los periféricos del dispositivo con React Native? Han encontrado buenos plugins? O han tenido que manejar eso nativamente?. Saludos

0
446Puntos

Una crítica constructiva. Es horrible el logo de platzi al abrir la aplicación (agrandando y con poca calidad). Después aparece el logo con un tamaño normal que se ve muy bien (Que a mi punto de vista debe ser la única que debería mostrar).

0
435Puntos

Felicidades por la aplicación funciona muy bien. Lo de descargar es un recurso que utilizo mucho cuando no estoy en casa.
Cómo sugerencia, cuando descargas una clase automáticamente te la marca como vista aunque no la hayas visto, me gustaría que no marcará las clases descargadas como vistas ya que descargo muchas y a veces me lío. Gracias.