Ejemplos de IAW - 2º ASIR

Implantación de Aplicaciones web

Enlace

Descripción

Ver código (GitHub)

01-introduccion

Contador simple en PHP. Suma 1 a variables para mostrarlas en algunos títulos de la misma.

Ver código

02-formulario

Validación de formulario enviado en PHP. Ofrece al usuario información detallada sobre los errores que ha cometido a la hora de introducir la información.

Ver código

03-piramide

Permite, utilizando PHP, generar una pirámide con caracteres variables y de altitud también  variable. El color de cada carácter es aleatorio. Al recargar la página, recoge por GET las variables enviadas en el formulario inicial mediante POST y vuelve a generar la pirámide.

Ver código

04-NomenclaturaASIR

Página en PHP de uso interno que permite generar los nombres de los archivos del curso en base a una nomenclatura definida.

Ver código

05-JS-HelloWorld

Página que, con JavaScript hace saltar unmolesto aviso cada vez que un botón es pulsado.

Además, cuenta las veces que ha sido pulsado y lo muestra en el aviso del navegador.

Ver código

06-JS-HelloWorld-editHTML

Variación del ejemplo anterior, pero esta vez en lugar de saltar un aviso edita el innerHTML de un <p> para mostrar la cuenta.

Ver código

07-JS-Fibonacci

Utilizando JavaScript, calcula y muestra la sucesión de Fibonacci, mostrando a su vez ante qué iteración de la sucesión estamos.

Ver código

08-JS-AddElements

Utilizando JavaScript, crea una especie de lista de la compra. Permite introducir un producto y la cantidad deseada, para añadirlos a una lista no ordenada como elementos de esta.

Ver código

09-HelloWorld-Cookies

Un conjunto de 3 páginas en PHP, en las que se va contando, utilizando cookies del navegador, las veces que se ha visitado cada una de las 3 páginas. Además, se utilizan las directivasinclude() para evitar la repetición de código.

Ver código

10-Sesiones

Página en PHP sin valor ninguno, más allá de una primera aproximación a las sesiones en PHP.

Ver código

11-auth

Páginas en PHP que, utilizando las sesiones, dispone de una área pública y una privada accesible mediante un login (La contraseña es1234).

Ver código

12-sesiones-color

Página en PHP que, utilizando las sesiones, dispone de una página que permite cambiar el color de fondo de la misma. También dispone de otras dos páginas de ejemplo en las que también es cambiado el color de fondo.

Ver código

13-Juego-numeros

Página en PHP que pide al usuario adivinar un número calculado y almacenado en una variable de sesión. Con cada intento, muestra el mensaje correspondiente. También permite reiniciar el juego con un botón.

Ver código

14-DB-Ciclistas

Página en PHP conectada a una base de datos. En primera instancia, muestra una lista de participantes en una competición de ciclismo. Al hacer clic en cada uno de estos,lleva a una página de detalles sobre el corredor elegido por el usuario.

Ver código

15-JS-Calculadora

Página que, utilizando JavaScript, ejecuta la operación seleccionada (pulsando unos botones) sobre dos operandos introducidos por el usuario.

Ver código

16-JS-Marcador-telefono

Página que, utilizando JavaScript, simula un marcador telefónico. Según se pulsa el botón, concatena el número seleccionado a los ya existentes y los va separando de 3 en 3. No es responsive en mobile.  

Ver código

17-JS-Calculadora-Binario

Página que, utilizando JavaScript, convierte un número en base binaria a base decimal El número en binario se introduce pulsando 2 botones y se va separando de 4 en 4 para facilitar la visualización. Contiene botón de calcular y de resetear.

Ver código

18-Hola-Cansino

Página en PHP que muestra una cadena de texto las veces introducidas, cambiando el color en cada una de las veces.

Ver código

19-Parametros-GET

Página en PHP que emula un selector de frutas. En la misma página, mediante parámetros GET muestra un selector o bien la fruta seleccionada.

Ver código

20-Parametros-GET-cookies

Página en PHP, variación de la anterior. Además de mostrar el selector o la confirmación, muestra una tabla con la cuenta de las veces que cada fruta ha sido pulsada. Hace uso de cookies y la funcióninclude().

Ver código

21-sesiones-carrito

Página en PHP que simula un carrito de la compra. Añade a una tabla unos elementos y la cantidad de estos, datos introducidos mediante un formulario enviado por POST.

Ver código

22-nickname

Página en PHP que muestra un texto en la página inicial, así como una imagen y un nombre para el usuario. Se da la posibilidad en otra página de “iniciar la sesión”, indicando el nombre y la foto deseada. Los cambios perduran entre visitas y páginas gracias a la sesión.

Ver código

23-DB-Clientes

Página web en PHP conectada a una base de datos. En primera instancia, muestra una lista de los clientes. Según la edad del cliente muestra una imagen distinta. Haciendo clic sobre el nombre, se accede a los detalles de este.  

Ver código

24-DB-Clientes-Search

Página web en PHP, similar a la anterior. Permite buscar en los detalles que contiene la base de datos, ordenar los resultados y restablecer la vista.

Ver código

25-Adivina-primos

Página web en PHP que invita al usuario a adivinar un número primo por encima de 1000.

Ver código

26-Adivina-primos-enhanced

Página web en PHP que invita al usuario a adivinar un número primo por encima de 1000. Además, lleva la cuenta de los intentos y la lista de números introducidos. También evita que se puedan repetir números ya acertados.

Ver código

27-EX-JS-Buscaminas

Ejercicio en JavaScript, realizado para el examen de la asignatura. Se debía “pintar” un buscaminas en la página, de tanto ancho por alto como el valor introducido en un formulario. Los cuadros deben ser verdes o rojos, con una “O” o una “X”, respectivamente. Además, la posibilidad de que aparezca un verde es más alta que la posibilidad de que se pinte una celda de color rojo.

Ver código

28-EX-JS-CalculadoraPropina

Ejercicio en JavaScript, realizado para el examen de la asignatura. Según el importe introducido y la valoración de la atención recibida (Malo, Bueno, Excelente) calcula la propina en base a unos porcentajes definidos. Pinta en la página el resultado.

Ver código

29-EX-Espacio-Privado

Ejercicio en PHP, realizado para el examen de la asignatura. Permite la autenticación utilizando una contraseña (31337), ver tres páginas privadas. Además, tiene otra página para cerrar la sesión. Todo el proceso se realiza mediante sesiones.

Ver código

30-EX-BD-Foro

Ejercicio en PHP, realizado para el examen de la asignatura. Trabaja con una base de datos, simulando un foro. En primera instancia, lista los temas. Haciendo clic en el tema deseado, muestra los mensajes de este.

Ver código

Todo el contenido de este sitio web está disponible en este repositorio de Github.

Esta obra se publica bajo la licencia Creative Commons BY 4.0 Internacional.

Autor: Pablo González Troyano