1 00:00:00,760 --> 00:00:06,639 Bueno, vamos a hacer un tutorial con la última de las aplicaciones de App Inventor. 2 00:00:07,200 --> 00:00:11,220 Yo creo que vamos a cerrar este ciclo de App Inventor en cuarto. 3 00:00:12,519 --> 00:00:16,579 Es una aplicación que implica inteligencia artificial, 4 00:00:17,399 --> 00:00:20,539 los últimos sensores más conocidos de App Inventor. 5 00:00:21,539 --> 00:00:24,120 Eso sería una especie de traductor simultáneo. 6 00:00:24,120 --> 00:00:30,300 Se puede incluso complicar más porque se puede conectar con servicios de Google 7 00:00:30,300 --> 00:00:41,899 que, bueno, nos pueden cambiar la voz Google y Google es uno de los que presenta estos servicios, ¿vale? 8 00:00:42,179 --> 00:00:51,640 De momento nos vamos a conformar con que nos grabe la voz, nos escriba, nos cambie la frecuencia y la velocidad 9 00:00:51,640 --> 00:00:57,259 con lo cual ya cuando salga la voz de lo que nosotros hemos dicho ya nos ha cambiado la voz 10 00:00:57,259 --> 00:01:05,280 y que nos la traduzca a algún idioma, por ejemplo al inglés, que es como de los más conocidos. 11 00:01:06,019 --> 00:01:14,359 Entonces comenzamos entrando en App Inventor, esta es la final, esta ya está terminada. 12 00:01:15,640 --> 00:01:26,040 Entonces pues como siempre lo que haremos será crear una pantalla, vamos aquí en Screen, 13 00:01:26,040 --> 00:01:28,640 la vamos a llamar mi traductor 14 00:01:28,640 --> 00:01:34,040 como vemos aquí 15 00:01:34,040 --> 00:01:36,959 la alineación tanto central como vertical 16 00:01:36,959 --> 00:01:38,879 la hemos escogido 17 00:01:38,879 --> 00:01:41,219 centrada 18 00:01:41,219 --> 00:01:43,480 color de fondo 19 00:01:43,480 --> 00:01:47,000 yo no he puesto ninguno porque me he cogido una imagen 20 00:01:47,000 --> 00:01:49,280 si queréis poner una imagen 21 00:01:49,280 --> 00:01:50,900 bien, no es necesario 22 00:01:50,900 --> 00:01:53,340 no es obligatorio escoger un color de fondo 23 00:01:53,340 --> 00:01:55,159 si creéis que eso va a ser 24 00:01:55,159 --> 00:02:02,920 mejor para vosotros, ¿vale? Luego aquí, pues hay conocidos, o sea, ahí tenemos por 25 00:02:02,920 --> 00:02:11,819 un lado tres botones, uno, dos y tres, ¿vale? Que es el botón hablar, el botón cambiar 26 00:02:11,819 --> 00:02:18,560 la voz y el botón traducir. Ya los hemos usado en otras ocasiones, no son nuevos para 27 00:02:18,560 --> 00:02:26,699 nosotros. Luego tenemos dos cuadros de texto, que son estos dos, que tampoco son nuevos 28 00:02:26,699 --> 00:02:34,460 para nosotros, ya los hemos usado. En uno vamos a poner mi texto, que es lo que yo hable, 29 00:02:35,340 --> 00:02:41,479 él lo escribe, ¿vale? Y en el otro vamos a poner texto traducido, el texto que he traducido. 30 00:02:41,479 --> 00:02:47,139 Tenemos también dos etiquetas que también ya las conocemos 31 00:02:47,139 --> 00:02:50,180 Label 1 que sería la de velocidad 32 00:02:50,180 --> 00:02:52,979 Label 2 que sería frecuencia 33 00:02:52,979 --> 00:02:58,620 ¿Cómo se configuran los botones? Ya lo sabemos 34 00:02:58,620 --> 00:03:02,400 No voy a repetirlo, ya lo sabéis 35 00:03:02,400 --> 00:03:06,620 ¿Cómo se configuran los cuadros de texto? Tampoco voy a repetirlo 36 00:03:07,759 --> 00:03:10,020 Cuidado con el hinge, es mejor que no lo pongáis 37 00:03:10,020 --> 00:03:11,460 Que si lo hay hay que quitarlo 38 00:03:11,460 --> 00:03:14,099 Y como he sacado fibras etiquetas 39 00:03:14,099 --> 00:03:16,379 Pues tampoco, porque ya sabemos 40 00:03:16,379 --> 00:03:19,120 Una vamos a poner una etiqueta para velocidad 41 00:03:19,120 --> 00:03:21,740 Y otra para frecuencia 42 00:03:21,740 --> 00:03:22,979 ¿Vale? 43 00:03:23,439 --> 00:03:24,699 Este elemento de aquí 44 00:03:24,699 --> 00:03:26,860 Pues si es un elemento nuevo 45 00:03:26,860 --> 00:03:27,580 ¿Vale? 46 00:03:28,319 --> 00:03:29,539 Ese elemento de ahí 47 00:03:29,539 --> 00:03:33,259 Es esto que tenemos aquí 48 00:03:33,259 --> 00:03:34,379 Que le vamos a llamar velocidad 49 00:03:34,379 --> 00:03:36,719 Y esto le vamos a llamar volumen 50 00:03:36,719 --> 00:03:38,159 Estos elementos 51 00:03:38,159 --> 00:03:57,840 Son estos que tenemos aquí 52 00:03:58,960 --> 00:04:08,699 son estos diales que tenemos aquí, estos sliders, a uno le vamos a llamar velocidad y a otro le vamos a llamar volumen, 53 00:04:09,840 --> 00:04:27,500 en realidad es velocidad y frecuencia, son dos moduladores o dos diales que nos van a permitir cambiar la velocidad y la frecuencia de un sonido. 54 00:04:28,959 --> 00:04:34,000 Yo le he puesto de ancho 75%, ¿vale? 55 00:04:34,480 --> 00:04:39,079 Y valor máximo y mínimo 10.0 56 00:04:39,079 --> 00:04:44,399 Y la posición del dial, pues si queréis la podéis poner 5 57 00:04:44,399 --> 00:04:48,100 Para que esté más o menos en el medio, ¿vale? 58 00:04:49,060 --> 00:04:51,740 Para ambos, el otro es lo mismo 59 00:04:51,740 --> 00:04:56,240 Uno va a ser para la velocidad 60 00:04:56,240 --> 00:04:58,699 Y el otro es para la frecuencia 61 00:04:58,699 --> 00:05:09,560 Vale, pues estos son elementos, no es más, es otro elemento que tenemos aquí, ¿vale? Tampoco tiene mayor problema. 62 00:05:10,860 --> 00:05:18,360 Luego, también hay tres elementos que también son bastante novedosos. 63 00:05:18,360 --> 00:05:48,990 Este de aquí, que es el Speech Recognizer, que le tenemos en media, el Speech Recognizer es capaz de grabar una voz y después el texto Speech lo que hace es convertir un texto en una conversación. 64 00:05:48,990 --> 00:05:58,709 Entonces, aquí ya digamos que no son elementos, son elementos que no son exactamente de inteligencia artificial. 65 00:05:59,209 --> 00:06:02,050 El que es más inteligencia artificial es el traductor. 66 00:06:02,629 --> 00:06:09,689 El traductor, que también es otro elemento que vamos a poner, o sea, vamos a poner estos nuevos elementos que están en media. 67 00:06:10,610 --> 00:06:14,470 Speech Recognition, Text to Speech y Translator. 68 00:06:14,470 --> 00:06:21,949 Estos son elementos un poco novedosos y son elementos que funcionan en cierto sentido con inteligencia artificial. 69 00:06:21,949 --> 00:06:27,569 Incluso podríamos hablar de más elementos 70 00:06:27,569 --> 00:06:33,110 Ya os digo que se pueden contratar servicios de inteligencia artificial 71 00:06:33,110 --> 00:06:34,269 Aquí en extensión 72 00:06:34,269 --> 00:06:38,889 Nosotros podemos importar todas las extensiones que queramos 73 00:06:38,889 --> 00:06:47,790 Son archivos que tienen un formato que el App Inventor es capaz de interpretar 74 00:06:47,790 --> 00:06:52,709 entonces van a tener sus propios bloques de código 75 00:06:52,709 --> 00:06:57,050 entonces pues ahí podemos meter un montón de cosas 76 00:06:57,050 --> 00:07:00,529 ya en internet ya se encuentran bastantes 77 00:07:00,529 --> 00:07:05,329 el speech recognizer como vemos es que no tiene 78 00:07:05,329 --> 00:07:11,089 no tiene ninguna propiedad que podamos delimitar 79 00:07:11,089 --> 00:07:14,569 este le vamos a dejar tal y como está 80 00:07:14,569 --> 00:07:19,470 Tenemos country, language, pitch and speed rate 81 00:07:19,470 --> 00:07:26,670 Pitch and speed rate es lo que nosotros vamos a controlar con estos dos diales 82 00:07:26,670 --> 00:07:29,089 Que es la frecuencia y la velocidad 83 00:07:29,089 --> 00:07:33,990 Y translator, que como vemos es 84 00:07:33,990 --> 00:07:38,230 Lo único que aparece es que 85 00:07:38,230 --> 00:07:40,610 Lo que pasa es que aquí ya viene incorporado 86 00:07:40,610 --> 00:07:43,649 Es este archivo, tenemos aquí un archivo 87 00:07:43,649 --> 00:07:51,449 que nos incluye todos los códigos y todos los bloques 88 00:07:51,449 --> 00:07:54,170 que corresponden a este elemento. 89 00:07:55,550 --> 00:07:55,730 ¿Vale? 90 00:07:56,689 --> 00:07:57,329 Vale. 91 00:07:58,029 --> 00:07:59,370 Pues vamos con la programación. 92 00:08:00,750 --> 00:08:22,360 A ver, tenemos un primer botón, que es el botón habla, 93 00:08:22,360 --> 00:08:33,100 que lo que va a hacer es, pues nosotros pulsamos ese botón, hablamos y llamamos a este sensor 94 00:08:33,100 --> 00:08:40,500 que es el Speak Recognizer para que nos pase lo que nosotros hemos dicho a texto. 95 00:08:40,500 --> 00:08:48,820 Entonces, cuando ya ha hecho esa operación, ¿qué hacemos? 96 00:08:48,820 --> 00:08:58,860 Hacemos que mi texto sea el resultado de lo que ha hecho esta especie de sensor, este speech record mixer. 97 00:09:00,659 --> 00:09:06,500 Él ha escuchado lo que tú le has dicho y lo ha escrito. 98 00:09:06,500 --> 00:09:13,620 De hecho, esto es una operación que se ha incluido hace poco en el Office. 99 00:09:14,480 --> 00:09:16,799 El dictado. Tú dictas y él escribe. 100 00:09:18,519 --> 00:09:22,879 Bueno, ahora ya tenemos escrito el texto. 101 00:09:23,620 --> 00:09:30,299 Y ahora vamos a reproducir ese texto, pero cambiando las características del texto. 102 00:09:31,139 --> 00:09:35,480 Y para ello tenemos otro botón, que es el botón Cambia Voz. 103 00:09:36,500 --> 00:09:56,879 Cuando yo pincho en el botón cambia voz, lo que va a hacer es estos dos diales que tenemos, uno para frecuencia y otro para velocidad, pues ponerlo a la posición a la que yo quiera, en la posición a la que yo quiera, que corresponderá a una escala de 0 a 10, ¿vale? 104 00:09:56,879 --> 00:10:16,419 tanto de frecuencias como de velocidades y entonces va a llamar al texto speech que es este otro que tenemos aquí para que hable y lea el mensaje que hemos puesto previamente en este cuadro de texto 105 00:10:16,419 --> 00:10:19,019 ¿De acuerdo? 106 00:10:19,940 --> 00:10:21,200 O sea que lo que hace es 107 00:10:21,200 --> 00:10:22,360 Cambiar 108 00:10:22,360 --> 00:10:25,360 Y la voz desde luego 109 00:10:25,360 --> 00:10:27,480 Es la voz de Siri o la voz de la 110 00:10:27,480 --> 00:10:29,840 Inteligencia artificial que tengáis en vuestro teléfono 111 00:10:29,840 --> 00:10:31,120 Entonces 112 00:10:31,120 --> 00:10:32,320 Te cambia la voz 113 00:10:32,320 --> 00:10:35,320 Le cambia la frecuencia y la velocidad 114 00:10:35,320 --> 00:10:37,519 Y reproduce 115 00:10:37,519 --> 00:10:39,279 El mensaje que tú 116 00:10:39,279 --> 00:10:41,500 Le has hablado y que él te ha escrito 117 00:10:41,500 --> 00:10:42,080 En el texto 118 00:10:42,080 --> 00:10:43,799 ¿Vale? 119 00:10:44,899 --> 00:10:47,700 Ahora finalmente vamos a traducir 120 00:10:47,700 --> 00:10:51,580 y seguimos el mismo patrón 121 00:10:51,580 --> 00:10:56,179 pero esta vez lo que hacemos es pinchar al botón traduce 122 00:10:56,179 --> 00:10:58,379 y llamar al traductor 123 00:10:58,379 --> 00:11:06,860 el traductor necesita saber a qué lenguaje vamos a traducir ese texto 124 00:11:06,860 --> 00:11:12,039 el texto que nos habían escrito previamente 125 00:11:12,039 --> 00:11:17,960 Entonces para decirle que lenguaje utilizamos este código 126 00:11:17,960 --> 00:11:22,399 Es, que es de español, a inglés 127 00:11:22,399 --> 00:11:24,620 Que es mi texto 128 00:11:24,620 --> 00:11:27,399 Y cuando ya lo ha traducido 129 00:11:27,399 --> 00:11:30,120 ¿Qué es lo que hago? 130 00:11:30,720 --> 00:11:34,460 Pues pongo el texto traducido, la traducción 131 00:11:34,460 --> 00:11:39,879 Este de aquí, del GetTranslated, igual que el otro, se saca del propio bloque 132 00:11:39,879 --> 00:11:49,000 Hacemos que el texto traducido sea esa traducción 133 00:11:49,000 --> 00:11:56,179 Y volvemos a llamar al texto speech para que hable 134 00:11:56,179 --> 00:12:01,960 Claro, si no hemos cambiado la velocidad y la frecuencia 135 00:12:01,960 --> 00:12:04,600 Pues nos va a dar la traducción 136 00:12:04,600 --> 00:12:07,799 Pues que la velocidad y la frecuencia que tengamos en el diario 137 00:12:07,799 --> 00:12:11,639 Eso hay que tener un poquito de cuidado 138 00:12:11,639 --> 00:12:14,919 Como veis 139 00:12:14,919 --> 00:12:16,419 En realidad no es muy difícil 140 00:12:16,419 --> 00:12:18,200 No es muy difícil 141 00:12:18,200 --> 00:12:20,500 Porque lo difícil realmente 142 00:12:20,500 --> 00:12:22,980 Sería o ha sido 143 00:12:22,980 --> 00:12:24,059 O ya nos lo han hecho 144 00:12:24,059 --> 00:12:26,559 El meter estos sensores que tenemos aquí 145 00:12:26,559 --> 00:12:29,360 El de texto speech 146 00:12:29,360 --> 00:12:30,080 Etcétera 147 00:12:30,080 --> 00:12:33,059 Eso ya, eso si es difícil 148 00:12:33,059 --> 00:12:34,919 Pero una vez que ya tengamos 149 00:12:34,919 --> 00:12:36,940 Esos sensores, lo único que tenemos 150 00:12:36,940 --> 00:12:38,720 Que saber hacer es utilizar 151 00:12:38,720 --> 00:12:45,120 los bloques y saber utilizar los bloques, como vemos, no tiene ninguna dificultad, ¿vale? 152 00:12:45,840 --> 00:13:09,639 Bueno, pues ahora vamos a ver cómo funciona esta aplicación. Voy a poner esto un poquito 153 00:13:09,639 --> 00:13:19,259 más grande para que se me vea. Hola. Bueno, yo creo que la podéis ver, se puede ver aquí, 154 00:13:19,259 --> 00:13:31,799 Se puede apreciar que tenemos el fondo, tenemos los tres botones y los dos cuadros de texto 155 00:13:31,799 --> 00:13:36,440 Y los dos diales, yo creo que se aprecia bastante bien 156 00:13:36,440 --> 00:13:49,220 Vamos a hacerla funcionar 157 00:13:49,220 --> 00:13:52,460 Lo primero que tenemos que hacer es pinchar aquí 158 00:13:52,460 --> 00:13:57,399 Al pinchar aquí, vemos que nos dice que comencemos a grabar 159 00:13:57,399 --> 00:14:02,379 Hay un botón para empezar a grabar y otro para finalizar de grabar 160 00:14:02,379 --> 00:14:06,399 Voy a hacer una frase corta, porque si no, esto se alarga mucho 161 00:14:06,399 --> 00:14:11,940 Hola, mi nombre es Isabel 162 00:14:11,940 --> 00:14:18,259 Vale, entonces, veis aquí ha escrito 163 00:14:18,259 --> 00:14:27,240 Es que con la luz, a ver, a ver ahí 164 00:14:27,240 --> 00:14:29,779 veis que ha escrito la frase 165 00:14:29,779 --> 00:14:32,559 en ese cuadro de texto 166 00:14:32,559 --> 00:14:33,399 vale 167 00:14:33,399 --> 00:14:36,720 vamos a cambiar, vamos a hacer que reproduzca 168 00:14:36,720 --> 00:14:38,220 pero como 169 00:14:38,220 --> 00:14:40,019 pues a la velocidad 170 00:14:40,019 --> 00:14:41,259 vamos a ponerle mucha velocidad 171 00:14:41,259 --> 00:14:44,539 y mucha frecuencia 172 00:14:44,539 --> 00:14:46,100 a la velocidad y frecuencia 173 00:14:46,100 --> 00:14:47,500 ves 174 00:14:47,500 --> 00:14:49,220 ahí 175 00:14:49,220 --> 00:14:58,399 a ver 176 00:14:58,399 --> 00:15:02,039 ves que hemos puesto los diales 177 00:15:02,039 --> 00:15:04,659 vale, pues si yo ahora le pulso 178 00:15:04,659 --> 00:15:06,919 al botón este de cambio a voz 179 00:15:06,919 --> 00:15:15,139 se oye raro 180 00:15:15,139 --> 00:15:16,240 si yo 181 00:15:16,240 --> 00:15:19,480 le cambio aquí 182 00:15:19,480 --> 00:15:28,350 vale 183 00:15:28,350 --> 00:15:30,509 ahora le vamos a dar que 184 00:15:30,509 --> 00:15:32,570 a que me lo traduzca 185 00:15:32,570 --> 00:15:33,970 ¿veis? 186 00:15:33,970 --> 00:15:34,610 al 187 00:15:34,610 --> 00:15:37,990 al traducir, al dar al botón 188 00:15:37,990 --> 00:15:38,809 de traducir 189 00:15:38,809 --> 00:15:41,450 Me escribe el texto 190 00:15:41,450 --> 00:15:42,009 Ahí 191 00:15:42,009 --> 00:15:45,970 Con la luz 192 00:15:45,970 --> 00:15:50,330 ¿Veis? Me escribe el texto en inglés 193 00:15:50,330 --> 00:15:55,889 Y al darle al botón 194 00:15:55,889 --> 00:16:02,009 Le lo que está escrito 195 00:16:02,009 --> 00:16:04,169 Claro, si lo que está escrito no tiene nada que ver 196 00:16:04,169 --> 00:16:05,970 Sí que es cierto que 197 00:16:05,970 --> 00:16:06,830 Tiene fallos 198 00:16:06,830 --> 00:16:09,590 Sobre todo 199 00:16:09,590 --> 00:16:12,370 A la hora de reconocer los mensajes 200 00:16:12,370 --> 00:16:14,129 Hablados 201 00:16:14,129 --> 00:16:18,250 pero bueno esto ya sabéis que la inteligencia artificial 202 00:16:18,250 --> 00:16:20,289 tiene que madurar mucho 203 00:16:20,289 --> 00:16:22,250 y que es lo que hay 204 00:16:22,250 --> 00:16:23,190 de momento 205 00:16:23,190 --> 00:16:26,129 y bueno pues yo lo que os animo 206 00:16:26,129 --> 00:16:27,850 es a que sigáis investigando 207 00:16:27,850 --> 00:16:28,990 porque ya os digo que 208 00:16:28,990 --> 00:16:31,250 esto es muy sencillo 209 00:16:31,250 --> 00:16:33,850 pero que por ahí por internet hay varios 210 00:16:33,850 --> 00:16:35,870 foros y hay varios sitios 211 00:16:35,870 --> 00:16:37,190 en donde incluso 212 00:16:37,190 --> 00:16:39,750 pues se han ampliado y se han hecho 213 00:16:39,750 --> 00:16:40,710 pues otras 214 00:16:40,710 --> 00:16:43,370 aplicaciones que ya pues tienen 215 00:16:43,370 --> 00:16:44,509 inteligencia artificial 216 00:16:44,509 --> 00:16:47,269 incorporada y estas cosas 217 00:16:47,269 --> 00:16:48,629 también en Scratch 218 00:16:48,629 --> 00:16:51,049 se está intentando meter 219 00:16:51,049 --> 00:16:52,029 inteligencia artificial 220 00:16:52,029 --> 00:16:55,090 y bueno, nosotros vamos a hacer esto 221 00:16:55,090 --> 00:16:56,629 un poco en plan 222 00:16:56,629 --> 00:16:59,330 más, pues eso 223 00:16:59,330 --> 00:17:00,950 un poco para que veáis 224 00:17:00,950 --> 00:17:03,190 hasta donde se puede llegar con App Inventor 225 00:17:03,190 --> 00:17:05,430 hay muchísimas 226 00:17:05,430 --> 00:17:07,549 aplicaciones y yo creo que esta ya va a ser 227 00:17:07,549 --> 00:17:09,970 la última que hagamos