Modificaciones del código del pasapalabra

 -Cambios en el HTML

Enlace al CSS y enlace al Javascript

Introducción de una imagen (no está descargada, sino referenciada)

-Cambios en el CSS

Cambios en el color de fondo (de azul a morado) cambio en el  color del botón de jugar (a azul, del mismo tono que el fondo de las letras del pasapalabra)

Cambios en la disposición de las frases con respecto a la web (antes estaban al borde, ahora están en el centro)

-Cambios en Javascript

Cambio del tiempo que da el programa (antes daba 50 segundos, y ahora da 300).

Cambio en el texto de las alertas al acertar o fallar la palabra (antes ponía texto sin sentido y ahora pone correcto e incorrecto).

Cambio en las preguntas y respuestas del pasapalabra (antes aparecían otras preguntas y respuestas, ahora todas, o la mayoría de preguntas tienen algo que ver con la asignatura de biología y, en concreto, la mayoría con el sistema inmune)

He sacado todos los códigos (HTML, CSS y Javascript) de está pagina web.

Sesión 3 de Android Studio

 He creado un nuevo proyecto en Android Studio que he llamado sumador. Para esto he creado un documento sin documento incluido.

El documento aparece así:

Tras esto nos iremos a la pestaña project, desplegaremos la carpeta app, luego la carpeta res, luego la carpeta layout y ahí nos encontraremos los archivos que modificaremos (en concreto fragment_first.xml)

Abriremos el archivo fragment_first.xml

Ahora le daremos a palette y a component tree para desplegar los menús.

Incluiremos los siguientes elementos desde la paleta

Cada textview se corresponde con el mensaje fijo que pondremos en el programa (número 1 y número 2). Cada editext se corresponde con uno de los números que se modificarán (el primero con el primer número del usuario, el segundo con el segundo y el tercero con el resultado que obtendremos). El botón se encargara de realizar la operación de cálculo, es decir, cuando se pulse el botón se mostrará el resultado.

Desplegamos la pestaña attributes:

Desde attributes variaré el nombre y el id de cada objeto

Además cambiaré el color del texto y el tamaño desde la misma pestaña.

Nota: Tras acabar de hacer y tratar de emular el proyecto con botón incluido, el proyecto no iba, por lo que a partir de aquí continuaremos con un documento básico desde el punto por el que nos quedamos.

En la pestaña main activity, escribiremos el siguiente código:

 Importante: Habrá que cambiar las palabras redondeadas por la id de los elementos editText y por el textView que hayamos asignado al valor del resultado. (También en el paréntesis R.id.Sumando1) (Por ejemplo, en mi caso mi primer editText tiene la id Sumando1, por lo que este ocupará el lugar  indicado en Sumando1).

Lo siguiente que haremos será darle a los atributos del botón y buscar en all attributes la característica onClick, y seleccionar suma.

Aquí dejo un video con el resultado final

Android Studio (instalación)

 1) Ir a la página web oficial (puesta en la imagen)

2) Darle a descargar y aceptar los términos de licencia

3) Abrir el instalador

4) Una vez que hayamos aceptado los cambios en las características nos saldrá esto:

Le daremos a next en todo lo posible

5) Elegimos donde se producirá la instalación

6) Esperamos a que se instale

7) Le damos a next

8) Le damos a finish

9) Darle a no importar archivos (porque no tenemos) y darle a next en todo lo posible

10) Elegir el modo estándar y el color de fondo que más guste

11) Darle a next en todo lo posible

12)Aceptar los acuerdos de licencia y darle a finish

13) Esperar a que se instale

14) Permitir los cambios en el dispositivo y darle a finish

15) Ya has conseguido instalar Android Studio

En este enlace dejo como instalarlo en dispositivos que no son windows

Reto 1

 Para elaborar un diagrama de flujo, utilizaremos la aplicación PSeint, que se puede descargar a través de el siguiente enlace.

Tras esto, abriremos el instalador y lo ejecutaremos, de manera que, aceptando los términos de licencia, nos permita abrir la aplicación.

Una vez abierta, nos aparecerá lo siguiente:

Tras esto, escribiremos el famoso "Hola Mundo" con el comando escribir  y poniendo  el mensaje entre comillas.

Dándole al botón verde, obtendremos la ejecución del código

Dándole al botón de la derecha, obtendremos el diagrama de flujo

Día Internacional de Internet Más Segura 2023

 https://www.incibe.es/sid

Una forma de comprobar si nuestra cuenta de correo o teléfono han podido ser vulnerados, es usar la herramienta de este enlace https://haveibeenpwned.com/

Otra forma de mejorar la seguridad de nuestros dispositivos, es utilizar la doble autenticación de las aplicaciones.

¿Cómo realizar la doble autenticación en WhatsApp? 

En WhatsApp, abre Ajustes o Configuración.

Toca Cuenta > Verificación en dos pasos > Activar.

Ingresa un PIN de seis dígitos y confírmalo.

Proporciona una dirección de correo electrónico a la que tengas acceso o toca Omitir si no quieres añadir esta dirección. Te recomendamos añadir una dirección de correo electrónico ya que esta te permite restablecer la verificación en dos pasos y ayuda a proteger tu cuenta.

Toca Siguiente.

Confirma la dirección de correo electrónico y toca Guardar u OK.

https://faq.whatsapp.com/1920866721452534/

Servidor Web

¿Qué es un servidor Web?

Un servidor web es un software que forma parte del servidor(entendiendo en este caso servidor como el conjunto de software que permite colgar archivos en la World Wide Web) y tiene como misión principal devolver información (páginas) cuando recibe peticiones por parte de los usuarios.

En otras palabras, es el software que permite que los usuarios que quieren ver una página web en su navegador puedan hacerlo.

El servidor Web que nosotros vamos a utilizar es XAMPP, que pertenece a HTTP Apache. Este servidor web local es un software abierto multiplataforma creado por Apache Friends que permite la creación y prueba de páginas web u otros elementos de programación. Las ventajas que aporta XAMPP frente a otros servidores son el que venga preparado de fábrica para ser usado, lo fácil e intuitivo (usable) que es el software (en comparación con otros servidores) y el ser multiplataforma (vale para windows, linux...)

Este es el proceso para instalar un servidor Web (en concreto con XAMPP):

1) Buscar en el navegador XAMPP (si se quiere para descargar)

2) Pinchar en el enlace https://www.apachefriends.org/es/download.html

3) Descargar la versión adecuada para tu PC

4) Hacer click derecho en el instalador y ejecutar como administrador

5) Permitir cambios en el dispositivo por el ejecutable (no se puede sacar captura de esta pantalla)

6) Seguir los distintos pasos del instalador

                                      

                                      

7) Esperar a que se instale XAMPP

                                     

8) Permitir acceso (ya que la aplicación modificará los servicios del ordenador)      

                                       

9) Darle a finish para completar la instalación

Funcionamiento del servidor

 Crear una carpeta en xampp-htdocs (esta incluirá lo que se muestre en la página web, porque variaremos la ruta del servidor)

Variar la ruta del servidor:

-Iniciar xampp, darle a config, darle a la primera opción [Apache (httpd.conf)] y buscar (con ctrl+b) DocumentRoot. Cambiar la dirección de htdocs por la de la carpeta.

Iniciar el apache y buscar en el navegador /localhost (o la IP 127.0.0.1) para encontrar el servidor web.

Usaremos Notepad++ para  editar en lenguaje html.

Una vez tengamos lo que queremos poner en la página, lo guardaremos en la carpeta creada . Editaremos el nombre del archivo y lo cambiaremos como Index, para que sea lo primero que salga una vez iniciemos nuestro servidor (poniendo /localhost). De esta manera saldrá ese archivo como página principal.

Si no tenemos el archivo nombrado como Index saldrá así:

Si el archivo está nombrado como Index saldrá así: