Menu

Curso De Desarrollo En Kodular

Lecciones del Curso Gratuito

Introducción a Kodular

Saludos comunidad informática hoy vamos a dar inicio al curso de desarrollo de aplicaciones móviles en codolar espero que les sirva y sin más claridad pónganse cómodos que este curso va a comenzar bueno supo que cómodo está alrededor has escuchado o estás finalizado con android estudio lo sé de tan solo decir ese nombre ya más empezando a enojar pero porque bueno realmente androide suyo es un buen entorno de desarrollo para aplicaciones móviles el problema es depende de donde lo instales y que tengas una buena conexión a internet pero no se preocupen nos vamos a utilizar a ese maldito vamos a utilizar una plataforma web llamada modular que para los desarrolladores de aplicaciones móviles es el milagro bueno no es tanto el milagro como que digamos pero al menos no te consume tantos recursos como ciertos software que acabo de mencionar lo único que necesitamos es un navegador web ya desde google chrome firefox opera o cualquier otro pero que ni se les ocurra usar internet explorer.

Control de Botones

El vídeo tutorial pero nosotros en cambio de que la mayoría usos en red de estudio decidimos usar modular para crear nuestro tutoriales bueno aquí podemos apreciar que es una plataforma en línea y vamos a pasar arrastrando tres botones en el lado derecho podemos ver pronunciando la pantalla y las propiedades que corresponden al al botón color fondo y bueno por ejemplo podemos darle como un color diferente al botón como tal hicimos rojo y también podemos cambiarle o por ende el texto que lleva el botón entre el sí mismo o también se lanzó sus dimensiones entonces lo vamos a dejar a una vuelta podemos escoger la cantidad de píxeles o porcentaje para el dominio del botón y bueno como decía podemos cambiar el texto del botón vamos a poner pre precisión o configuración que le podemos poner es alineación del texto que se puede ver ligeramente el movimiento en este último también podemos ponerle un color diferente al texto y lo ponemos en negro blanco bermejo al sol hemos quedado mejor y ahora vamos al aporte correspondiente al [Música] si vamos a insertar un notificador en él bueno en la flexión como podemos ver aquí abajo se alcanza a ver aérea componentes no visibles notificador y aquí en esta área vemos los componentes ahora nos vamos a la parte de la razón de la función escogemos el botón 1 y aquí aparece el listado de los la lista de los posibles eventos que vamos a usar y arrastramos lo que corresponde cuando así sea literalmente cuando el botón uno está clic hacer y aparece el el bloque a quien le corresponda y mismo podemos arrastrar a otros elementos como el notifica tal uno y vamos a escoger el elemento para sacar una notificación de que haga llamar el notificador vamos a tomar él mostrar mensajes de diálogo y lo arrastramos dentro de lo que de realizar el botón luego podemos ver el la acción de llamar al notificador no se realiza exactamente cuando se da clic sobre el botón 8 y podemos poner textos diferentes bueno agarramos totalmente del aporte de texto podemos cambiar el mensaje que va a aparecer le pongo si en benito a mi aplicación y luego el toulon podemos poner mensaje bueno realmente esto es muy sencillo con lo que estamos programando técnicamente lo único que son estos programas al darle clic en el botón de puedes cenar aquí realiza el llamado al notificador 1 el cual regresará y luego para exportar él proyecto le damos a exportar y lo exporta bajo el código de cuerda esperamos a que no termine sí creo que ya está terminado ya termino de exportarlo sí sí así que con esto tenemos que usar un lector de código correr 3 un deporte de vídeo será más rápido tenemos que acceder a la aplicación de cocinar una vez o aj el teléfono y tenemos el código qr que nos dejó como resultado a la exportación anterior esto bueno esto es sencillo al acceder al código qr nos descarga en la p cada correspondiente a la aplicación que hemos desarrollado como podemos ver el hecho de que no usamos ni muchos elementos ni código ni batallas pues sólo 4.2 61 megas no es demasiado así que sólo tenemos que esperar y le damos clic abrir entonces empezamos a descargar la aplicación no obviamente como androides son poco sensibles a las aplicaciones que no tienen firma y esto nos dice que si lo que vamos a instalar por cuestiones de riesgo esperamos click esperamos sacar y ahí está bajo el botón de presión aquí el mensaje justo como lo habíamos dejado con la posibilidad de cancelar y un recuadro texto bueno esto es todo.

Control de RadioButtons

Bueno ahora voy a explicar ya dar un ejemplo del uso de los radio button un radio button es un botón de dos estados que puede marcarse o no una vez que ya he definido que es un rey button ahora vamos a colocar tres réditos en nuestra aplicación móvil entonces vamos a buscar radio pulso aquí está vamos a arrastrar 3-1 2 y 3 ok que a usted con estos 3 radio buttons volviendo vamos a hacer que una vez que seleccionamos cada radio button voy a cambiar el fondo del color de pantalla cómo hacer eso vamos a ver bueno seleccionamos este y vamos a definir un color que va a representar ese radio button en este caso vamos a ponerle como nombre rojo o sea una vez que presionamos este re debutan el color del fondo de pantalla se va a poner roja luego lo vamos a poner el color amarillo pero no y este lo vamos a poner de color azul siempre hay que fijarse de que los radios nunca estén seleccionados aquí lo podemos ver este seleccionado senado es el seleccionado ahora vamos a la programación ok como usted hace para que también el color de pantalla bueno vamos a seleccionar el botón vamos a escoger esta acción que dice que cuando el radio button cambie ha seleccionado qué es lo que va a ser necesario aquí no se sabe entonces vamos a proceder seleccionamos screen ahora vamos a la parte de abajo hasta abajo está abajo ok vamos a buscar un que dice se escrituró background color pero tiene que decir cada vez que se enfría que se va a establecer ok aquí está entonces una vez que cuando button cambia seleccionado va a hacer que el screen 1 con la pantalla uno cambie de color a que aquí no dice nada entonces vamos a la pestaña que dice colores y vamos a seleccionar el color que establecimos para el botón que es el rojo entonces vamos a arrastrar esté aquí entonces cuando el rey de bután uno cambie ha seleccionado que va a ser lo que va a establecer que la pantalla uno cambia de color rojo ok ya llevamos esta parte todo bien entonces aquí vamos a ver un programa qué pasa si hago lo mismo con nosotros desde sobre button ok entonces lo que pasará es que se van a seleccionar ambos los tres al mismo tiempo la mente oa lo mejor no bueno eso todavía no lo sabemos así que vamos a ver ok perfecto bueno para que esto no suceda porque a veces si suele pasar de 15 nuestro radio de botón.

Control de CheckBox

Bueno ahora empezaremos con el de uno de los check una vez más nos encontramos en la plataforma del codonal creator que en lo personal se me ha hecho una maravilla hasta ahora de lo que han manejado y vamos a insertarlos a las multas correspondientes para realizar bueno para demostrar el uso de estos datos vamos a poner un chip boots y aparece por default el texto de export and export sac boots y no tiene nada de elementos puntos vamos a aprender el texto mensaje los puntos hola marc jacobs y ahora arrastrar un segundo bus y él en los puntos adiós ahora puedo desarrollar un nuevo elemento un botón otro elemento más en el nuevo acuerdo que sección estaba así que lo buscamos en la tricolor y como ya saben el dictador se guarda con el 90 90 ahora vamos a la parte de programación vamos a agarrar el evento de clic al botón 1 y tenemos vamos a buscar en la sección de controles vamos a agarrar un condicional y como les vamos a agarrar los seguros todos agarrar los elementos del chef box que corresponde a si el chef oxxo no está marcado dice así que bien entonces le ponemos el notificador 1 y vamos a entrar a llamar el evento que yo creo que sí [Música] y y lo ponemos en la parte en la que teníamos el tema en caso de que nuestra condición según dijeron así que los agarramos en el área de textos y le ponemos el texto en blanco lo pegamos a la parte m no copiamos pegamos lo conocer un blog y copiamos pero nos lo ponemos en la puerta del botón extra mensaje que les vamos a poner este es el el cheque perdón y punto lo ponemos conocido en el título del texto check 1 hola y en el botón lo podemos aceptar ahora no no [Música] una nueva condición y copiamos la parte de la previsión y la pagamos y la colocamos en caso de que la segunda condición a no se cumpla ahora sólo tenemos los guardadores correspondiendo de elche pocos jackson y lo ponemos santos el notificador no cambia porque es el mismo y las variables que son puro texto pues esos podríamos dejar pero vamos a ponerlas y vamos a cambiar todo el boxeo por 2 y bueno básicamente sobre los cambios que tenemos que hacer y ahora con todo el cambio realizado al smi pesca continuando con lo último ahora vamos a ver la aplicación ya construida en el móvil ya la tenemos aquí así que vamos a acercar el mensaje a estos equipos con nuestro notificador aparece ahora si cambiamos de selección 2 lista dios este es el mensaje que dice adiós esto y si seleccionamos ambos pues por lo visto sale salen ambos certificadores porque vamos.

Control de ListView

En este capitulo del curso de Kodular, hoy les vamos a dar un ejemplo de como usar un listview. Apoya al canal con tu Suscripción y tu Like.

Control de Notificaciones

Bueno ahora empezaremos con el de uno de los check una vez más nos encontramos en la plataforma del codonal creator que en lo personal se me ha hecho una maravilla hasta ahora de lo que han manejado y vamos a insertarlos a las multas correspondientes para realizar bueno para demostrar el uso de estos datos vamos a poner un chip boots y aparece por default el texto de export and export sac boots y no tiene nada de elementos puntos vamos a aprender el texto mensaje los puntos hola marc jacobs y ahora arrastrar un segundo bus y él en los puntos adiós ahora puedo desarrollar un nuevo elemento un botón otro elemento más en el nuevo acuerdo que sección estaba así que lo buscamos en la tricolor y como ya saben el dictador se guarda con el 90 90 ahora vamos a la parte de programación vamos a agarrar el evento de clic al botón 1 y tenemos vamos a buscar en la sección de controles vamos a agarrar un condicional y como les vamos a agarrar los seguros todos agarrar los elementos del chef box que corresponde a si el chef oxxo no está marcado dice así que bien entonces le ponemos el notificador 1 y vamos a entrar a llamar el evento que yo creo que sí [Música] y y lo ponemos en la parte en la que teníamos el tema en caso de que nuestra condición según dijeron así que los agarramos en el área de textos y le ponemos el texto en blanco lo pegamos a la parte m no copiamos pegamos lo conocer un blog y copiamos pero nos lo ponemos en la puerta del botón extra mensaje que les vamos a poner este es el el cheque perdón y punto lo ponemos conocido en el título del texto check 1 hola y en el botón lo podemos aceptar ahora no no [Música] una nueva condición y copiamos la parte de la previsión y la pagamos y la colocamos en caso de que la segunda condición a no se cumpla ahora sólo tenemos los guardadores correspondiendo de elche pocos jackson y lo ponemos santos el notificador no cambia porque es el mismo y las variables que son puro texto pues esos podríamos dejar pero vamos a ponerlas y vamos a cambiar todo el boxeo por 2 y bueno básicamente sobre los cambios que tenemos que hacer y ahora con todo el cambio realizado al smi pesca continuando con lo último ahora vamos a ver la aplicación ya construida en el móvil ya la tenemos aquí así que vamos a acercar el mensaje a estos equipos con nuestro notificador aparece ahora si cambiamos de selección 2 lista dios este es el mensaje que dice adiós esto y si seleccionamos ambos pues por lo visto sale salen ambos certificadores porque vamos.

Conexión a Bases de Datos

Volvemos a todos sean bienvenidos a esta hacerte una parte del curso de cola pero no es mucho por la demorada por subir este vídeo realmente tuve algunos asuntos pendientes que hacer y por eso no tuve tiempo de realizar este vídeo pero pues bueno ya estamos aquí de regreso y ahora el día de hoy les voy a enseñar cómo conectar una aplicación a una base de datos es todo menos vio un usuario ya que también tenía esa duda de cómo conectar hacia una base de datos no suena este para comenzar vamos a ver este cómo crear un nuevo proyecto porque codolar ha cambiado mucho vamos a crear un nuevo proyecto tienen project new project y vamos a ponerle la tarde luego dejar estas características por default ya que al final todo siempre se puede cambiar pero en general esperamos el inicio del proyecto aquí está como pueden ver este es actualizado colo ahora se llama acumulará y luego subir un vídeo sobre de las nuevas novedades que trajo este tipo y la nueva interfaz que mejorar dijo que mejoró con la interfaz.

Consultar, Modificar, Eliminar y Actualizar.

Sean todos bienvenidos a esta octava parte del curso de cola en esta ocasión vamos a hacer la actividad de consultar agregar modificar y eliminar datos aquí ya tengo los cuatro botones que sería de agregar consultar modificar y eliminar para empezar este episodio vamos a tener que crear 45 ventanas para lo que podremos aquí agregarla a todos consultarlos eliminarlos modificarlos y el menú principal muy bien bueno ahora lo que voy a enseñarles serán los elementos que he ocupado para escapar a cada tipo de pantalla cada uno de sus elementos botones espacios etcétera recuerden que hay que tener en cuenta mucho todavía la conexión a base de datos que los deje en el capítulo anterior y lo han visto muy bien podemos ya proceder para continuar con nuestra costa bueno nosotros expliqué lo que sería el varios buques o más o menos bueno básicamente el police bucket sería como nuestra en nuestro y de dónde podemos borrar varios datos o varias cuentas.

Radio Online

Saludos a todos ustedes hoy les traigo un nuevo episodio sobre el curso de color en esta ocasión les traje cómo hacer una radio online pues varios de ustedes ya me lo han solicitado como como tres usuarios si no me equivoco ya me lo pidieron bueno en fin vamos a explicar los elementos visuales que yo utilicé para esta aplicación lo que yo utilicé fue varios horizontal bar y en cada uno de ellos tienen ciertos elementos por ejemplo el primero es un live wood en lo cual me va a estar notificando cuando la radio está en vivo en el otro podemos agregar básicamente la url con un text box y un botón en el otro le puse un leaf view para poder agregar varias opciones el sobre de radios con la salud darle un clic se va a reproducir automáticamente bueno y en el otro que puse que estación de radio vamos escuchando con un ‘label aquí lo podemos ver así que cada vez que se reproduzca una sesión de radios ellos va a poner su nombre en el otro pulse un botón de navegador aquí lo vamos a nombrar navegación en el otro le puse un reproductor y disculpen este de yemen o eliminar esta si una disculpa ahora sí vayamos a ver cómo podemos extraer la url de una radio pero en esta ocasión yo fui a la página que sería de emisoras puntocom y escoge mi país que sería mexico ustedes también pueden escoger su país en donde viven y podrán mostrar una lista de los reyes que se escuchan en su país.