1 00:00:00,000 --> 00:00:07,160 Bueno, pues empezamos. Estamos grabando. Buenos días Maribel. Buenos días Sabina. Hoy día 2 00:00:07,160 --> 00:00:12,920 17 de enero a las 12.50 estamos convocados a través de jefatura de departamento para 3 00:00:12,920 --> 00:00:18,280 la defensa del módulo profesional del proyecto del ciclo formativo de grado superior de administración 4 00:00:18,280 --> 00:00:22,880 de sistemas informáticos en red. Te informo de que esta grabación se usará en el entorno 5 00:00:22,880 --> 00:00:27,600 cerrado de Educamadrid con fines educativos y sólo estará a disposición de los profesores 6 00:00:27,680 --> 00:00:32,160 evaluadores en el aula virtual para llevar a cabo la evaluación y calificación de la defensa 7 00:00:32,160 --> 00:00:37,000 del proyecto. En el aula virtual de proyectos habéis sido informados de los criterios y 8 00:00:37,000 --> 00:00:42,680 rubrica de calificación. El orden de la presentación del proyecto es el siguiente, 15 minutos máximo 9 00:00:42,680 --> 00:00:48,000 para defender el proyecto y cinco minutos para preguntas por parte del tribunal. Dicho esto, 10 00:00:48,000 --> 00:00:53,160 tu tiempo de exposición comienza a partir de que empieces a compartir la pantalla. Mucha suerte. 11 00:00:53,560 --> 00:01:01,520 Vale, pues me estáis viendo ahora en la pantalla compartida. Te veo a ti, no veo la pantalla. 12 00:01:11,120 --> 00:01:18,080 Bueno, iniciamos. Este es mi proyecto, lo presento, es una tienda online de carcasas 13 00:01:18,080 --> 00:01:23,640 de PC de escritorio. Esta es mi imagen de portada y pues analizando un poco el contexto por qué 14 00:01:23,640 --> 00:01:28,920 nace este proyecto, vamos a suponer o imaginar un supuesto grupo de jóvenes emprendedores que se 15 00:01:28,920 --> 00:01:33,440 quieren dedicar a la venta de carcasas de ordenadores, tienen un presupuesto limitado y 16 00:01:33,440 --> 00:01:39,200 para ello necesitan aumentar su presencia en internet. Lo que quieren y lo que recurren es 17 00:01:39,200 --> 00:01:44,600 a contratar los servicios de un técnico programador para que les elabore un escaparate web con servicios 18 00:01:44,600 --> 00:01:49,280 gratuitos y que de esta forma puedan los clientes ver sus productos y comprar algún artículo. De ahí 19 00:01:49,280 --> 00:01:56,120 nace mi proyecto y es donde entro yo. En cuanto a los objetivos, destacar uno muy fundamental, que 20 00:01:56,120 --> 00:02:03,120 he podido pues implementar este diseño de mi página web y a su vez implementar herramientas 21 00:02:03,120 --> 00:02:08,120 libres para una pequeña empresa de jóvenes emprendedores en este caso. También he de comentar 22 00:02:08,120 --> 00:02:12,960 que ha sido un poco complicado para mí en general porque pues he sido capaz de idear una de las 23 00:02:13,000 --> 00:02:18,640 cosas importantes del mismo, que es la planificación del proyecto. No sabía cómo empezar hasta pues que 24 00:02:18,640 --> 00:02:24,800 poco a poco he ido ideando los objetivos que tengo indicados en el cuadro y así de esta manera pues 25 00:02:24,800 --> 00:02:32,040 llevar uno a uno. Algo también muy importante es que he tenido una parte de inconveniente, pues ha sido 26 00:02:32,040 --> 00:02:37,360 mi falta de experiencia y sobre todo los conocimientos en cuanto a edición de código, porque he de 27 00:02:37,360 --> 00:02:41,320 reconocer que lo que tengo es la base mínima que aprendí en el grado, que me ha servido mucho, pero 28 00:02:41,320 --> 00:02:46,880 aún así he tenido que dedicar gran parte para estudiar, como lo voy a explicar más adelante. Esto me ha 29 00:02:46,880 --> 00:02:51,560 hecho que variara mucho el tiempo porque pues las tareas y la ejecución de pruebas me ha tomado gran 30 00:02:51,560 --> 00:02:57,000 parte del tiempo del proyecto, pero aún así he ido avanzando. Pues en este caso he utilizado este 31 00:02:57,000 --> 00:03:01,440 hosting, me he decidido por Infinity Free, ¿por qué? Es un hosting gratuito, también lo hay de pago, aunque 32 00:03:01,440 --> 00:03:06,000 existen muchos más en el mercado, pero este en concreto me ha llamado la atención pues por sus 33 00:03:06,000 --> 00:03:10,840 características, sus ventajas, que ofrece la versión gratuita. Se pueden alojar hasta tres 34 00:03:10,840 --> 00:03:16,000 dominios en su web, su interfaz intuitiva, su versatilidad, su facilidad y las herramientas que te 35 00:03:16,000 --> 00:03:20,560 proporciona él, como las que me deja usar desde fuera. No he tenido ningún inconveniente ni 36 00:03:20,560 --> 00:03:26,320 problemas con ello. En cuanto a las herramientas y tecnologías que he usado, pues son los íconos 37 00:03:26,320 --> 00:03:32,000 que tenéis en imagen, en pantalla, os explico muy brevemente cada uno de ellos. He usado el editor 38 00:03:32,000 --> 00:03:36,280 de código Visual Studio Codes, uno de los demás destacados en la actualidad, permitiéndome 39 00:03:36,280 --> 00:03:40,960 instalar extensiones para así simplificarme mucho el trabajo. Con Bustra, pues es una biblioteca 40 00:03:40,960 --> 00:03:46,400 multiplataforma que me ha permitido usar sus plantillas para integrarlas en mi diseño de mi 41 00:03:46,400 --> 00:03:51,480 página web. Flexila Client, es una herramienta que he utilizado exterior y con ella me ha permitido 42 00:03:51,480 --> 00:03:56,320 subir mis archivos sin estar en necesidad cada vez que quiera actualizar algo, entrar al dominio. 43 00:03:56,320 --> 00:04:00,560 Simplemente lo he hecho desde afuera, me ha dejado carga los archivos y solo con las credenciales 44 00:04:00,560 --> 00:04:06,000 de Infinity Print, muy fácil. Con LightShop, lo que he hecho es para el tema de las capturas de 45 00:04:06,000 --> 00:04:12,680 pantalla, que he buscado en internet, he cogido los logos de las tiendas y de mis productos, he hecho 46 00:04:12,680 --> 00:04:18,680 las capturas. Esta herramienta muy útil, me ha gustado. Y con Flickr, lo que he hecho que es 47 00:04:18,680 --> 00:04:22,960 un repositorio de imágenes, me ha permitido con esas capturas, con la herramienta anterior, guardarlas 48 00:04:22,960 --> 00:04:28,280 ahí. En la versión gratuita te deja guardar hasta mil imágenes. En la versión de pago, pues infinitas, 49 00:04:28,280 --> 00:04:33,000 también muy completas. Simplemente para poder sacar esa imagen, lo que he hecho es tomar su URL, 50 00:04:33,000 --> 00:04:38,120 que hay varios métodos, y me la ha llevado a mi base de datos. Con la herramienta MySQL Workbench, 51 00:04:38,120 --> 00:04:43,200 también la he usado de forma exterior, que me ha facilitado mucho editar la parte del script de la 52 00:04:43,200 --> 00:04:48,640 base de datos y posteriormente me la ha llevado al servidor de base de datos de Infinity Print, 53 00:04:48,640 --> 00:04:54,320 que es PHP My Admin. Simplemente la he copiado tal cual y me la ha importado sin problemas, 54 00:04:54,320 --> 00:05:01,280 me la ha dejado ejecutar. Y con Paypal lo que he hecho es usar uno de sus botones para simular 55 00:05:01,280 --> 00:05:07,080 el tema de la pasarela de pago. Los pasos que he seguido, pues una vez he creado mi dominio, 56 00:05:07,080 --> 00:05:14,520 que en mi página se ha llamado pccasecrafters, con el subdominio que te asigna lo que es 57 00:05:14,520 --> 00:05:22,120 infinityfree.com. Una vez que he instalado Visual Studio Code, está la interfaz gráfica inicial, 58 00:05:22,120 --> 00:05:29,160 es una herramienta muy fácil de usar y tiene muchísimas, muchísimas extensiones que te 59 00:05:29,160 --> 00:05:35,800 recomienda y al mismo tiempo te indica. O sea, me ha parecido algo tan completo para usar desde 60 00:05:35,800 --> 00:05:39,880 mis conocimientos. Las herramientas que están en el lateral izquierdo son las que he usado 61 00:05:39,880 --> 00:05:46,520 para realizar mi proyecto, nada más. Esta es la interfaz gráfica tal cual. Y en la siguiente 62 00:05:46,520 --> 00:05:51,120 imagen vemos que una vez yo he instalado mi Visual Studio Code, lo que he hecho es hacer una prueba. 63 00:05:52,120 --> 00:05:57,400 Inicialmente he creado mi carpeta, donde voy a alojar todo el contenido de mi proyecto. Pues se 64 00:05:57,400 --> 00:06:02,160 puede abrir perfectamente desde el menú file o del ícono o arrastrarla. Y en ella voy a integrar, 65 00:06:02,160 --> 00:06:07,640 pues todos mis archivos. Iré creando carpetas uno a uno, etcétera. Inicialmente he creado un 66 00:06:07,640 --> 00:06:13,160 índice PHP para probar que lo que he creado en mi dominio, pues funcione a modo de prueba para 67 00:06:13,160 --> 00:06:17,520 saber y para poder avanzar, claro. Y con la parte de Flex y la client, lo que he hecho es subir ese 68 00:06:17,520 --> 00:06:24,000 archivo para comprobar que efectivamente me permite subir este archivo sin ningún contratiempo. Y 69 00:06:24,000 --> 00:06:28,600 de ello, pues esta es la imagen de lo que me ha resultado una vez abierto en un navegador. Veo 70 00:06:28,600 --> 00:06:34,800 que funciona perfectamente. Continúo con mis objetivos. Aquí lo que hago es que, como he 71 00:06:34,800 --> 00:06:39,120 mencionado, con la herramienta MySQL y WordPress, lo que he hecho es crear mi script. Aunque las 72 00:06:39,120 --> 00:06:44,160 tablas que estáis viendo, esta fue mi parte inicial. Es cierto que no la he llevado a cabo 73 00:06:44,160 --> 00:06:48,880 al 100%. En la tabla de categorías no he podido aplicar algún filtro. Me ha faltado un poco más 74 00:06:48,880 --> 00:06:53,840 de tiempo. Las otras tres sí las he implementado. Con alguna variación a medida que iba avanzando el 75 00:06:53,840 --> 00:06:58,360 proyecto, pues tenía que hacer cambios. Pero también es cierto que no tenía que estar tocando lo que 76 00:06:58,360 --> 00:07:03,200 era MySQL y WordPress. Una vez ejecutado ese script, lo que yo ya hacía en Infinity Free y PHP 77 00:07:03,200 --> 00:07:08,080 MyAdmin, simplemente era modificar las tablas. Como ya tenía la RAM, ya tenía mi base metida, pues 78 00:07:08,080 --> 00:07:17,160 se me facilitaba mucho. Y aquí una vez ya elaborado ese código anterior, lo que hago es 79 00:07:19,520 --> 00:07:25,560 importo desde, o cojo, mejor dicho, una plantilla de Bustra para llevarla a mi escaparate web para 80 00:07:25,560 --> 00:07:32,360 incorporarla. A ver cómo me quedaría inicialmente implementando esta herramienta para ver. Digo, voy 81 00:07:32,360 --> 00:07:37,560 a mirar a ver cómo se visualiza en un navegador, si me gusta, si utilizando estas plantillas puedo 82 00:07:37,560 --> 00:07:42,480 generar mi página web o tengo que utilizar otro método. Inicialmente sí, cuando he visto que me 83 00:07:42,480 --> 00:07:48,600 salía algo de lo que yo quería, pues he cogido su código y me lo he importado a mi carpeta del 84 00:07:48,600 --> 00:07:53,040 proyecto y a mi documento index.php. Y gracias a un enlace, pues también he seguido unas 85 00:07:53,040 --> 00:07:59,560 recomendaciones para modificar unas etiquetas para que ese código se me cargue todo lo necesario de 86 00:07:59,560 --> 00:08:03,640 esa página de Bustra, se me cargue en línea. También se puede llevar el proyecto, descargarlo 87 00:08:03,640 --> 00:08:07,960 en los ficheros. Yo lo he usado en este caso en línea, que al tener internet no tenía ninguna 88 00:08:07,960 --> 00:08:13,880 dificultad. Y esta sería la visualización en pantalla una vez abierta esa plantilla incorporada 89 00:08:13,880 --> 00:08:19,160 en mi página web. Digo, inicialmente la veo y digo, pues empezar a hacer modificaciones, a incorporar 90 00:08:19,160 --> 00:08:25,400 mis cosas, cómo quedaría. En la siguiente imagen observamos, pues con esta herramienta Flickr, 91 00:08:25,400 --> 00:08:29,400 como le he mencionado, lo que he hecho es subir a ese repositorio de imágenes todas mis capturas 92 00:08:29,400 --> 00:08:34,840 que había realizado. Las he incorporado en la galería. Es una herramienta muy fácil también de usar. 93 00:08:34,840 --> 00:08:40,440 Ya lo he comentado, mil imágenes gratis. Y tan solo tocando o cogiendo, perdón, a su URL a través de tres 94 00:08:40,440 --> 00:08:45,040 métodos que tiene, pues se extrae de ella y me la llevo a la base de datos. Y aquí he guardado todas 95 00:08:45,040 --> 00:08:50,640 mis imágenes. Aquí tengo que hacer un gran inciso, sobre todo porque llegado a este punto ya empezaba 96 00:08:50,640 --> 00:08:56,280 a tocar o a necesitar el tema de código. He tenido que hacer un parón casi de un par de semanas y 97 00:08:56,280 --> 00:09:01,480 dedicar tiempo a aprender las bases mínimas de programación. Por lo menos a ver cómo funcionaba, 98 00:09:01,480 --> 00:09:06,400 porque me encontraba con golpes y no sabía para qué era una cosa. Practicaba y he dicho, pues tengo 99 00:09:06,400 --> 00:09:13,560 que parar para poder avanzar. He utilizado esta herramienta que yo la desconocía, pero súper, 100 00:09:13,560 --> 00:09:19,200 súper importante en mi caso, porque al tener unas bases tan mínimas te enseña desde cero. Paso a paso 101 00:09:19,200 --> 00:09:23,480 me he visualizado todos sus vídeos para poder practicar pseudocódigo y de esta manera pues 102 00:09:23,480 --> 00:09:29,000 entender cómo funcionan los bucles, los arreglos, las variables, etcétera. Y yo así poder usar toda 103 00:09:29,000 --> 00:09:34,640 esa información, sobre todo en PHP, para poderla pintar esa información en todos mis documentos, 104 00:09:34,640 --> 00:09:40,560 en mi página web. Pues después de hacer el inciso y haber tomado el tiempo y de estudiar lo que es 105 00:09:40,560 --> 00:09:46,960 los conocimientos de pseudocódigo con PCI, ya cojo, hago pruebas, repaso, etcétera, y prosigo a hacer 106 00:09:46,960 --> 00:09:55,680 el tema del código, lo que es conectar la base de datos con PHP. Y lo que hago aquí, gracias al 107 00:09:55,680 --> 00:10:01,000 vídeo que está en el final de la imagen, me ha ayudado bastante porque he podido seguir muchos 108 00:10:01,000 --> 00:10:06,360 pasos y guiarme para conectar la base de datos. Lo que hago es coger las credenciales que me dan 109 00:10:06,360 --> 00:10:12,040 Infinity Pre, pues mi usuario, mi nombre, mi password, la base de datos y el puerto. Hago 110 00:10:12,040 --> 00:10:18,360 la conexión, además, perdona, cojo los datos que me da Infinity Pre, los almaceno en unas variables, creo 111 00:10:18,360 --> 00:10:23,680 la conexión, evalúo la condición de que si no hay ningún error con la conexión de base de datos, y en 112 00:10:23,680 --> 00:10:28,640 la parte final del código también he tenido que usar un cambio de codificación porque todas las 113 00:10:28,640 --> 00:10:33,480 pruebas que realizaba me salían errores como las señas y las tildes. Y era con la codificación de 114 00:10:33,480 --> 00:10:38,680 caracteres que tiene PHP. Con este código que, gracias a este vídeo, perfecto, me ha funcionado. 115 00:10:39,680 --> 00:10:45,240 Pues una vez que tengo conectada la base de datos, lo que hago es crear y ejecutar una consulta a 116 00:10:45,240 --> 00:10:51,280 la base de datos, en este caso a la tabla stock. Una vez cuando tengo este resultado, pues evalúo 117 00:10:51,280 --> 00:10:57,120 una condición de ese resultado y conecto, pinto la información, dónde está el div, la parte del div 118 00:10:57,120 --> 00:11:02,160 que me ha generado la plantilla de Bustra con su información. Yo la he adaptado a mi información y 119 00:11:02,160 --> 00:11:06,640 lo que he metido, pues el tema de las variables que he asignado con la variable row, he metido 120 00:11:07,120 --> 00:11:13,480 mi imagen, mi descripción, mi precio, mi ID de mis productos, para posteriormente yo abrir una web, 121 00:11:13,480 --> 00:11:19,200 abrirlo en un navegador y comprobar cómo se vería. Y este sería mi resultado de cómo se vería una 122 00:11:19,200 --> 00:11:23,800 vez introduciendo todos estos datos en mi plantilla. Y digo, pues bueno, partiendo de aquí, 123 00:11:23,800 --> 00:11:32,520 genial. Estos son tres cajas que se ve, pero hacia abajo he metido mucho más contenido. Pues una vez 124 00:11:33,240 --> 00:11:39,840 que he hecho la primera, pues lo que hago es hacer una segunda página. Hago de la misma, 125 00:11:39,840 --> 00:11:44,680 perdón, del mismo modo que la página anterior, lo que hago es pinto una etiqueta en el menú para 126 00:11:44,680 --> 00:11:51,560 meterlo en mi índice PHP y que este me lleve a la página de tiendas. Perdón, aquí se me había 127 00:11:51,560 --> 00:11:55,640 pasado la, se me ha quedado la diapositiva, esta imagen, perdón, aquí una vez que he hecho igual 128 00:11:55,640 --> 00:11:59,960 con la anterior, lo que hago es en este hago, en el menú meto una etiqueta para que me lleve a 129 00:11:59,960 --> 00:12:04,240 esta página. Y en esta diferencia del anterior, lo que hago simplemente que le añado un botón de 130 00:12:04,240 --> 00:12:08,800 web de tiendas que me llevará pues a toda la información de cada tienda. Este tiene su imagen, 131 00:12:08,800 --> 00:12:15,520 su nombre, su dirección y su teléfono. Y de igual forma que las anteriores, hago con el formulario. 132 00:12:15,520 --> 00:12:20,200 Importo un formulario desde Boostra, el inicial no me ha gustado mucho, lo he modificado y este 133 00:12:20,200 --> 00:12:25,280 es el que a mí me ha gustado, las cajas que ves de formulario y de carrito. Para ello tengo que 134 00:12:25,280 --> 00:12:29,440 hacer un inciso, para toda esta información que pueda recoger en el formulario y sobre todo en 135 00:12:29,440 --> 00:12:35,600 el carrito, tengo que hacer una parte importante y explicar un poco qué es este punto de sesión de 136 00:12:35,600 --> 00:12:41,400 PHP. Pues esto técnicamente complicado, yo lo explicaré de una forma más resumida que es como 137 00:12:41,400 --> 00:12:46,560 imaginar una nube que está en el servidor de PHP y lo que hace es guardar la información que yo le 138 00:12:46,560 --> 00:12:52,160 pido, que yo quiero. Por ejemplo, pues como una RAI, como una caja con huecos y para qué, pues lo 139 00:12:52,160 --> 00:12:56,600 que me almacena es por ejemplo, lo que yo quiero en este caso que me almacenen las ideas de mis 140 00:12:56,600 --> 00:13:01,120 productos, para qué, pues maras adelante, cuando yo lo requiera mediante la sesión start que es de 141 00:13:01,120 --> 00:13:06,440 PHP, los pueda llamar y así usarlos en tres de los siguientes archivos que he hecho, que es en este 142 00:13:06,440 --> 00:13:12,480 caso, por ejemplo, el código, la función de agregar el carrito, de borrar el carrito y de ver el 143 00:13:12,480 --> 00:13:18,200 carrito. Con esto que hago ahora teniendo estos archivos editados, lo que hago es necesitar una 144 00:13:18,200 --> 00:13:24,080 acción. ¿Qué tengo que hacer para que el usuario, por ejemplo, me llame a uno de estos archivos? Pues 145 00:13:24,080 --> 00:13:28,960 simplemente cuando haga el clic en agregar, añadir al carrito en una de las imágenes, el 146 00:13:28,960 --> 00:13:33,400 producto que él quiera, es la acción que me realizará con esos archivos. ¿Y cómo ejecuto 147 00:13:33,400 --> 00:13:39,040 estos mismos? Pues mediante este código y ayuda de estas dos URLs, que me han ayudado muchísimo de 148 00:13:39,040 --> 00:13:46,080 W3school y de Startoverflow, me ha ayudado a entender de cómo funciona gran parte. Hay líneas 149 00:13:46,080 --> 00:13:51,600 que me cuesta todavía, pero en general lo que entiendo es que hace, que me hace llamadas HTTP a 150 00:13:51,600 --> 00:13:57,120 mis productos, a mis archivos, perdona, y la función send, que es de envío, pues envía mi información a 151 00:13:57,120 --> 00:14:02,120 mis ficheros, ¿como cuál? Pues, por ejemplo, como el ID de mi producto que almaceno en cada tarjetito, en 152 00:14:02,120 --> 00:14:08,880 cada caja del producto. Una vez ejecutado los scripts anteriores, esa información la recupero 153 00:14:08,880 --> 00:14:14,920 para que se me cargue, en este caso con estos scripts, en la función, perdona, hago que se me cargue 154 00:14:14,920 --> 00:14:19,280 toda esa información anterior en la parte del carrito, que es este, todo este código que hace 155 00:14:19,280 --> 00:14:26,280 que me llame y se me cargue ahí. Destaco en la parte del formulario que lo que hace esta parte 156 00:14:26,280 --> 00:14:32,840 de código JS, que también me la genera Boostra, es validar la información dentro de una de las etiquetas 157 00:14:32,840 --> 00:14:38,160 del contenedor de la plantilla, perdona, de las etiquetas DEEP, es el contenedor de una de la plantilla 158 00:14:38,160 --> 00:14:43,440 generada del formulario, lo que hace es validar esa información, la etiqueta class, require, requerido, 159 00:14:43,440 --> 00:14:47,560 obligatorio, que cuando se introduzca la información, ese botón lo que hace es validar que esa 160 00:14:47,560 --> 00:14:53,000 información sea correcta. Por ejemplo, pues si se introduce un dato erróneo, te la va a pintar en 161 00:14:53,000 --> 00:14:58,120 forma de color rojo y te saldrá un texto que te dirá por favor introduzca el dato correcto y se 162 00:14:58,120 --> 00:15:04,240 puede proseguir. Pues una vez que se da a comprobar y continuar, pasamos a la 163 00:15:04,240 --> 00:15:11,200 pasarela de pago. Otro punto enorme, hago un breve resumen, he tenido muchos problemas con mi cuenta 164 00:15:11,200 --> 00:15:16,440 personal, he tenido que usar una cuenta familiar, el tema de los botones no sé si los ha actualizado 165 00:15:16,440 --> 00:15:22,120 Paypal, no te deja general en sí el precio del producto que tienes, he tenido que poner un precio 166 00:15:22,120 --> 00:15:27,560 simulativo, 0.01 céntimo, también al realizar las pruebas pues tenía que pagar, con lo cual pues 167 00:15:27,560 --> 00:15:32,560 bueno, he cogido la parte del código, lo que he hecho con la parte de sesión de PHP es coger los 168 00:15:32,560 --> 00:15:39,600 datos que están almacenados en el formulario para llevármelos a la sesión, poderlos guardar ahí. 169 00:15:39,760 --> 00:15:47,200 En este caso la parte de por, que es el botón que he extraído el código de Paypal y en otro botón 170 00:15:47,200 --> 00:15:51,840 también que he simulado, que ambos hacen lo mismo, sea por Paypal o el botón que yo he generado, se puede 171 00:15:51,840 --> 00:15:58,160 comprar perfectamente, uno paga y otro no paga. Pues una vez ejecutado y pasado por la pasarela 172 00:15:58,160 --> 00:16:02,920 de pago, lo que hago es ejecutar la compra, que se hace aquí, que una vez guardado los datos que había 173 00:16:03,040 --> 00:16:09,960 que tenía en el formulario, lo que hago con esta parte de sesión es recuperar esos datos, los he 174 00:16:09,960 --> 00:16:14,240 guardado en una nueva interior y aquí lo recupero, ¿para qué? Para poder actualizar la tabla de 175 00:16:14,240 --> 00:16:20,280 ordes, que se saque el producto y en la base de datos pues se pueda implementar a qué cliente 176 00:16:20,280 --> 00:16:26,760 se ha pedido ese producto y luego pues actualizar la tabla de stock para descontar el producto. Uno 177 00:16:26,760 --> 00:16:31,600 me actualiza los datos y en otra me descuenta. Y en esta última pues ha sido, he añadido las 178 00:16:31,920 --> 00:16:38,560 bibliografías en los enlaces más importantes, aunque he detallado mucho más en el PDF, pero 179 00:16:38,560 --> 00:16:43,440 estas son las que me han parecido más importantes y creo que con esto pues ya he terminado alguna 180 00:16:43,440 --> 00:16:49,120 pregunta, puedo pasar a hacer una prueba, si hay alguna pregunta o paso a hacer rápidamente una 181 00:16:49,120 --> 00:16:53,240 simulación de que funciona la aplicación. Vale, vamos a hacer una simulación. 182 00:16:53,240 --> 00:17:02,360 Perdona, que había silenciado el micrófono porque hay mucho ruido por aquí a veces. Vamos a ver la 183 00:17:02,360 --> 00:17:13,400 simulación. Vale, pues en este caso tenemos, tengo la página de Infinity Free, mi dominio, 184 00:17:13,400 --> 00:17:18,680 vamos a ver la base de datos para ver que cuando haga la compra se descuente el producto. Me voy 185 00:17:18,680 --> 00:17:28,160 a mi base de datos que es phpMyAdmin. Esta es mi base de datos. Voy a ver mi tabla de stock en este 186 00:17:28,160 --> 00:17:33,600 caso. Vamos a coger los tres primeros productos, por ejemplo, en este momento tengo 100 de cantidad 187 00:17:33,600 --> 00:17:41,400 el primero, 140 el segundo y 80 el tercero. Me voy a mi página, a mi página web. Vamos a ver el 188 00:17:41,400 --> 00:17:47,320 carrito que esté vacío en este caso. Perfecto, esta sería toda mi página web. Vamos a comprar tres 189 00:17:47,320 --> 00:17:53,520 productos, hacer una simulación, añado uno, añado dos y añado tres. Vamos a ver que se haya cargado en el 190 00:17:53,520 --> 00:17:59,680 carrito. Perfectamente, veo que está uno, dos y tres. Nos vamos al carrito, compruebo de que se 191 00:17:59,680 --> 00:18:05,360 ha cargado mi información. Los datos de envío pues los he tenido predeterminados para no tardar 192 00:18:05,360 --> 00:18:11,000 mucho. Le damos a comprobar y continuar y perfectamente aquí. Si yo le doy a comprar en el 193 00:18:11,000 --> 00:18:15,600 primer botón de PayPal se me va a generar la compra sin ningún problema. Si yo la doy en este segundo 194 00:18:15,600 --> 00:18:20,800 que es mi botón que he generado, me va a salir compra efectuada con éxito. Muy bien, pues ahora nos 195 00:18:20,800 --> 00:18:26,640 vamos a ver si nos ha actualizado la base de datos. Y aquí como se puede comprobar nos ha reducido la 196 00:18:26,640 --> 00:18:35,520 cantidad de productos de 99, 139 y 79. Y esto es todo. Muy bien, fenomenal. 197 00:18:38,880 --> 00:18:41,280 Como preguntas, ¿tendría... 198 00:18:46,320 --> 00:18:54,160 ¿Quieres destacar la utilidad de alguna de las herramientas que has probado? Después de haberlas 199 00:18:54,160 --> 00:18:58,960 usado, ¿hay alguna que te haya resultado especialmente sorprendente o útil? 200 00:18:58,960 --> 00:19:07,200 Dos, la de Visual Studio Code porque lo desconocía. O sea, los editores normales, de hecho los básicos que he usado en el grado. 201 00:19:07,200 --> 00:19:13,240 Pero es que esta yo no tenía conocimiento. Me vi bastantes tutoriales y me ha parecido una herramienta tan 202 00:19:13,240 --> 00:19:23,120 completa porque pueden navegar o pueden convivir, mejor dicho, en diferentes lenguajes. Tiene muchísima 203 00:19:23,120 --> 00:19:33,160 autoayuda. No necesitas tanto de, me explico, de las extensiones que te ayudan. Pues en este caso, por ejemplo, 204 00:19:33,160 --> 00:19:40,880 PHP no he tenido que tener XAMPP, por ejemplo, descargado. Simplemente la parte del servidor Visual Studio ya me da más 205 00:19:40,920 --> 00:19:47,240 extensión. Y son cosas que te va quitando y que dices, hola, pues si ya tengo esto, esto es una ayuda. Y obviamente, bueno, 206 00:19:47,240 --> 00:19:54,920 aparte del hosting, que es una herramienta también completa, también es cierto destacar que no te deja, en este caso tuve 207 00:19:54,920 --> 00:20:02,560 también inconvenientes porque intentaba abrir o intenté abrir el servidor desde el Visual Studio Code y no me cargaba la 208 00:20:02,560 --> 00:20:07,440 página. Con lo cual, había que abrirlo desde dentro de Infinity Premium. Obviamente, entiendo yo que al ser una versión 209 00:20:07,440 --> 00:20:13,160 gratuita tiene sus limitaciones. Pero por ejemplo, usando herramientas desde afuera, pues también. Pero yo en este caso me 210 00:20:13,160 --> 00:20:20,560 quedaría con Visual Studio Code y aparte, pues una de las plantillas que hay de bibliotecas multiplataforma, pues con 211 00:20:20,560 --> 00:20:28,040 Bustra. Hay muchas también, pero esta, pues aparte de que aunque te genere el código, también te da pautas, te explica cómo 212 00:20:28,040 --> 00:20:33,640 puedes modificar las clases. Pero con todas me quedo con Visual Studio Code. La verdad que me ha parecido una herramienta 213 00:20:33,640 --> 00:20:44,040 muy completa. Muy bien, ya puedes dejar de compartir pantalla. Voy a detener la grabación.