1
00:00:00,880 --> 00:00:07,400
Hola chicos, voy a subiros un par de vídeos para explicaros cómo conectar el móvil y la placa Zoom.

2
00:00:07,639 --> 00:00:11,080
Voy a dividirlo en dos, uno para el front-end y otro para el back-end.

3
00:00:11,699 --> 00:00:20,739
Empezamos por el front-end, en la página de App Inventor, en vuestro usuario, en la zona del diseñador.

4
00:00:21,839 --> 00:00:24,000
Necesitamos poner primero qué vamos a utilizar.

5
00:00:24,000 --> 00:00:27,199
Aquí ya acabo de sacar, voy a borrarlo.

6
00:00:27,199 --> 00:00:38,079
sacamos un botón que vamos a utilizar para desconectar el móvil y la placa

7
00:00:38,079 --> 00:00:43,079
y para conectarlo vamos a tener aquí que se vea otro botón

8
00:00:43,079 --> 00:00:45,820
pero en realidad aunque tiene la misma pinta no es un botón

9
00:00:45,820 --> 00:00:52,460
es un list speaker porque necesitamos buscar con el bluetooth a lo que queremos conectarnos

10
00:00:52,460 --> 00:00:57,939
entonces como lo vamos a poner un poquito más bonito

11
00:00:57,939 --> 00:01:06,319
lo ponemos los dos para que tenga la misma forma que las fotos que os he subido al archivo del drive

12
00:01:06,319 --> 00:01:10,239
lo vamos a poner dentro de una estantería que está aquí

13
00:01:10,239 --> 00:01:14,099
cogemos una estantería horizontal y la ponemos aquí

14
00:01:14,099 --> 00:01:19,439
y dentro vamos a poner los dos botones

15
00:01:19,439 --> 00:01:28,959
para que ocupe todo el espacio ya lo hemos hablado

16
00:01:28,959 --> 00:01:31,840
vamos aquí a anchura

17
00:01:31,840 --> 00:01:33,239
y en vez de poner automática

18
00:01:33,239 --> 00:01:35,659
ponemos fill parent

19
00:01:35,659 --> 00:01:38,099
estamos en el botón

20
00:01:38,099 --> 00:01:39,620
le damos a ok

21
00:01:39,620 --> 00:01:41,840
ahora al list picker

22
00:01:41,840 --> 00:01:43,760
también lo ponemos que ocupe todo

23
00:01:43,760 --> 00:01:45,219
ok

24
00:01:45,219 --> 00:01:47,859
y en la estantería

25
00:01:47,859 --> 00:01:50,180
también

26
00:01:50,180 --> 00:01:55,260
ahora ya tenemos

27
00:01:55,260 --> 00:01:57,840
que ocupa todo el espacio

28
00:01:57,840 --> 00:02:00,099
también podéis cambiar los colores

29
00:02:00,099 --> 00:02:02,000
y todo lo que queréis para hacerlo más bonito

30
00:02:02,000 --> 00:02:04,159
Pero en el vídeo vamos a ir a lo básico.

31
00:02:04,859 --> 00:02:09,759
Vamos a cambiar los nombres de los botones para que sepamos qué es lo que hace cada uno.

32
00:02:11,039 --> 00:02:18,699
Aquí, en texto, ponemos conectar, porque es el del list picker.

33
00:02:19,180 --> 00:02:28,400
Vamos a poner, y ya, pone conectar.

34
00:02:29,360 --> 00:02:32,840
Y en el botón vamos a poner desconectar.

35
00:02:42,870 --> 00:02:43,550
Vale, muy bien.

36
00:02:43,550 --> 00:02:49,590
También vamos a cambiarle el nombre para la zona del programa

37
00:02:49,590 --> 00:02:52,650
Pero como ahora mismo no me acuerdo de cómo lo he llamado

38
00:02:52,650 --> 00:03:02,139
Vale, al list picker le he llamado

39
00:03:02,139 --> 00:03:03,780
Le vamos a tener que nombrarle aquí

40
00:03:03,780 --> 00:03:07,520
Le he llamado list picker

41
00:03:07,520 --> 00:03:11,560
Para que recordéis que es un list picker, no es un botón

42
00:03:11,560 --> 00:03:15,479
Y conectar, porque es con el list picker que vamos a conectar

43
00:03:15,479 --> 00:03:26,199
Ok. Y al botón le he llamado botón desconectar.

44
00:03:27,219 --> 00:03:29,840
Botón en inglés, porque deja igual, desconectar.

45
00:03:33,370 --> 00:03:39,930
Estos son con los nombres con los que los vais a ver cuando nos vayamos a la zona de bloques.

46
00:03:40,750 --> 00:03:47,009
Aquí en bloques tenemos el list ticker conectar y el botón desconectar.

47
00:03:48,069 --> 00:03:49,849
Vale, volvemos al diseñador.

48
00:03:50,810 --> 00:03:53,189
Tenemos un botón para conectar y uno para desconectar.

49
00:03:54,409 --> 00:04:01,870
Como lo que vamos a hacer con la placa con BitBlock es encender y apagar un LED,

50
00:04:02,310 --> 00:04:07,909
vamos a poner también un botón que sea el que cuando le doy se encienda el LED

51
00:04:07,909 --> 00:04:10,069
y otro que cuando le doy se apague el LED.

52
00:04:10,069 --> 00:04:23,040
Entonces vamos a poner estos en una vertical, creo que le he puesto, un momento, en una estantería vertical para cambiar un poco

53
00:04:23,040 --> 00:04:38,060
Y ponemos aquí dos botones, vamos a 206, un botón y otro botón, vale

54
00:04:38,060 --> 00:04:54,069
Los cambiamos el nombre también, al botón 1 le llamamos conectar, le vamos a llamar encender porque conectar ya hemos llamado a luz

55
00:04:54,069 --> 00:05:13,240
Vale, el botón 2, venimos aquí, borramos esto, y le nombramos como apagar.

56
00:05:18,629 --> 00:05:20,269
Aquí lo vamos a llamar igual también.

57
00:05:20,990 --> 00:05:34,129
Pero recordad que el nombre que tiene aquí no tiene por qué ser el mismo que el que se ve en la pantalla del móvil.

58
00:05:34,350 --> 00:05:38,990
El que tiene aquí tiene que ser un nombre que os resulte cómodo a la hora de programar.

59
00:05:38,990 --> 00:05:47,610
Vale, pues ya tenemos lo que necesitamos

60
00:05:47,610 --> 00:05:50,730
Un botón para conectar, un botón para desconectar

61
00:05:50,730 --> 00:05:53,110
Un botón para encender, un botón para apagar

62
00:05:53,110 --> 00:05:56,529
Os recomiendo que practiquéis un ratito y le cambiéis de color

63
00:05:56,529 --> 00:06:01,290
Por ejemplo, al apagar le llamemos, le pongamos gris

64
00:06:01,290 --> 00:06:06,110
Y al encender, pues como los LEDs suelen ser de color verde

65
00:06:06,110 --> 00:06:08,910
Les podemos poner verde o el color que más os guste

66
00:06:08,910 --> 00:06:12,389
Le podéis poner circular, le podéis poner que ocupe más espacio

67
00:06:12,389 --> 00:06:15,569
bueno, podéis jugar con ellos y hacerlo como más os guste

68
00:06:15,569 --> 00:06:18,629
pero lo que es importante es que estén los cuatro botones

69
00:06:18,629 --> 00:06:21,149
uno para conectar y otro para desconectar

70
00:06:21,149 --> 00:06:24,009
y uno para encender el LED y otro para apagar el LED

71
00:06:24,009 --> 00:06:28,709
por ahora en este vídeo nada más

72
00:06:28,709 --> 00:06:31,970
voy a seguir con el otro en el que vamos a ver

73
00:06:31,970 --> 00:06:35,389
qué hacemos con la parte de la programación en el backend

74
00:06:35,389 --> 00:06:36,370
hasta luego