Diferencia entre revisiones de «Usuario:ManuelRomero/ProgramacionWeb/ProgramacionWeb/A S C/ejercicios»

De WikiEducator
Saltar a: navegación, buscar
(→‎Ejercicio 1 : Control de accesos)
(→‎Ejercicio 3 : Array en variable de sesión)
 
(15 revisiones intermedias por el mismo usuario no mostrado)
Línea 48: Línea 48:
 
*Cada página simplemente contredrá un texto en h1  
 
*Cada página simplemente contredrá un texto en h1  
 
}}
 
}}
−
===Cookies===
+
==Cookies==
 +
===[[Usuario:ManuelRomero/ProgramacionWeb/Cookies/ejercicios/ejercicio0|Ejercicio 0 : Establecer idioma ]]===
 +
<br />
 +
{{MRM_Actividad|Title=Establecer idioma|
 +
*Establecemos un idioma y se adapta '''''un saludo'''' a ese idioma
 +
*El idioma se quedará guardado en una cooki, por lo que futuras conexiones de ese servidor se realizarán en el último idioma seleccionado
 +
*Los idiomas serán frances, inglés y español
 +
*Solo se adaptará el saludo, tomando los siguientes valores:
 +
<source lang=php>
 +
switch ($idioma){
 +
    case "es":
 +
        $saludo="Hola. bienvenido a este sitio web";
 +
        break;
 +
    case "fr":
 +
        $saludo="Bonjour. bienvenue sur ce site";
 +
        break;
 +
    case "en":
 +
        $saludo="Hello. welcome to this website";
 +
        break;
 +
}
 +
</source>
 +
  Podré borrar la cookie, eliminándose la misma en el cliente y  estableciendo la página en el idioma por defecto
 +
 
 +
}}
 +
<br />
 
===[[Usuario:ManuelRomero/ProgramacionWeb/Cookies/ejercicios/ejercicio1|Ejercicio 1 : Control de accesos ]]===
 
===[[Usuario:ManuelRomero/ProgramacionWeb/Cookies/ejercicios/ejercicio1|Ejercicio 1 : Control de accesos ]]===
 
<br />
 
<br />
 
{{MRM_Actividad|Title=Controlando accesos|
 
{{MRM_Actividad|Title=Controlando accesos|
−
*Solo queremos permitir tres intentos de acceso
+
*Tenemos una página con formulario para acceder.
 
*El usuario puede intentar acceder hasta tres veces seguidas a un sitio web de forma incorrecta
 
*El usuario puede intentar acceder hasta tres veces seguidas a un sitio web de forma incorrecta
 
*Para acceder ha de insertar igual password que usuario (mismo valor)
 
*Para acceder ha de insertar igual password que usuario (mismo valor)
Línea 58: Línea 82:
 
*Si lleva 3 accesos incorrectos, mostraremos un mensaje de que el acceso ha sido bloqueado y dejaremos un botón para reiniciar los intentos.
 
*Si lleva 3 accesos incorrectos, mostraremos un mensaje de que el acceso ha sido bloqueado y dejaremos un botón para reiniciar los intentos.
 
*Una vez que acceda de forma correcta, volverá a tener hasta 3 intentos para la próxima vez que acceda
 
*Una vez que acceda de forma correcta, volverá a tener hasta 3 intentos para la próxima vez que acceda
−
*Se mantiene el bloqueo durante 5 minutos.
+
*Se mantiene el bloqueo durante 1 minuto.
 +
*Durante el tiempo de bloqueo si intento acceder me dice que estoy bloqueado y el tiempo que me quda de bloque en segundos
 
}}
 
}}
 +
<br />
  
−
===Sesiones===
+
===[[Usuario:ManuelRomero/ProgramacionWeb/Cookies/ejercicios/ejercicio2|Ejercicio 2 : Monitorizar accesos por usuario ]]===
−
====Localiza variables de sesión====
+
<br />
 +
{{MRM_Actividad|Title=Horas de acceso por usuario|
 +
*Realiza una aplicación con un formulario con un único input que sea nombre
 +
*Cada vez que introduzca un nombre la aplicación almacenará con una cookie la hora a la que ese usuario accedió a la aplicacioń y su nombre
 +
*Además visualizará todos los accesos de ese usuario  indicando las horas a las que lo hizo y un listado con el resto de usuarios que se conectando indicando el total de accesos de cada usuario (no la hora).
 +
}}
 +
<br />
 +
 
 +
===[[Usuario:ManuelRomero/ProgramacionWeb/Cookies/ejercicios/ejercicio3|Ejercicio 3 : Secciones de un periódico ]]===
 +
<br />
 +
{{MRM_Actividad|Title = Secciones de un periódico|
 +
*Crea una pagina que simule ser la de un periódico. La misma debe permitir configurar que tipo de titular deseamos que aparezca al visitarla, pudiendo ser:
 +
#Noticia política.
 +
#Noticia económica.
 +
#Noticia deportiva.
 +
*Mediante tres objetos de tipo radio, permitir seleccionar que titular debe mostrar el periódico.
 +
*Almacenar en una cookie el tipo de titutar que desea ver el cliente.
 +
*La primera vez que visita el sitio deben aparecer los tres titulares.
 +
}}
 +
<br />
 +
===[[Usuario:ManuelRomero/ProgramacionWeb/Cookies/ejercicios/ejercicio4|Ejercicio 4 : Establecer preferencias ]]===
 +
<br />
 +
{{MRM_Actividad|Title= Establecer preferencias|
 +
Mostramos un menú con una serie de preferencias para el usuario según el menú que vemos en la imagen siguiente
 +
[[Archivo:preferencias.png]]
 +
*El idioma puede haber hasta 3
 +
*En perfil  público (si/no)
 +
*Zona horaria (GMT-2 GMT-1 GMT GMT+1 GMT+2)
 +
*Una vez establecidos, las podremos visualizar o bien borrar
 +
}}
 +
 
 +
==Sesiones==
 +
===Localiza variables de sesión===
 
<br />
 
<br />
 
{{MRM_Actividad|Title=Variables de sesión|
 
{{MRM_Actividad|Title=Variables de sesión|
Línea 68: Línea 126:
 
*coméntalas con tus palabras en dicho fichero}}
 
*coméntalas con tus palabras en dicho fichero}}
 
<br />
 
<br />
−
===[[Usuario:ManuelRomero/ProgramacionWeb/ProgramacionWeb/A_S_C/ejercicios/ejercicio1|Ejercicio 1 : Cuenta visitas]]===
+
 
 +
===[[Usuario:ManuelRomero/ProgramacionWeb/Sesiones/ejercicios/ejercicio1|Ejercicio 1 : Cuenta visitas]]===
 
<br />
 
<br />
−
{{Actividad|Title=Ejercicio 1 Cuenta visitas|
+
{{MRM_Actividad|Title=Ejercicio 1 Cuenta visitas|
 
;Haz un programa que te cuente cuantas visitas recibe la página
 
;Haz un programa que te cuente cuantas visitas recibe la página
 
*Puedes poner un botón submit para recargar la página.
 
*Puedes poner un botón submit para recargar la página.
Línea 77: Línea 136:
 
}}
 
}}
  
−
 
+
===[[Usuario:ManuelRomero/ProgramacionWeb/Sesiones/ejercicios/ejercicio2|Ejercicio 2 : Visitas en la misma sesión con fecha ]]===
−
===[[Usuario:ManuelRomero/ProgramacionWeb/ProgramacionWeb/A_S_C/ejercicios/ejercicio2|Ejercicio 2 : Visitas con fecha ]]===
+
−
 
+
 
<br />
 
<br />
 
{{MRM_Actividad|Title= Ejercicio 2: Fechas de cada visita|
 
{{MRM_Actividad|Title= Ejercicio 2: Fechas de cada visita|
 
*Modifica el programa anterior para almacenar el momento en el cual se produjo cada visita
 
*Modifica el programa anterior para almacenar el momento en el cual se produjo cada visita
 
*Anota hora, minuto y segundo
 
*Anota hora, minuto y segundo
−
*Visualiza todas las conexiones y el momento en el que se produjeron
+
*Visualiza todas las conexiones en la sesción actual y el momento en el que se produjeron
 +
*Añade un botón para borrar las variables de sesión
 +
*Realiza la visualización en orden inverso a como se han producido (primero la última, etc..)
 
}}
 
}}
 +
<br />
  
 +
===[[Usuario:ManuelRomero/ProgramacionWeb/Sesiones/ejercicios/ejercicio3|Ejercicio 3 : Array en variable de sesión]]===
 
<br />
 
<br />
 +
{{MRM_Actividad|Title=Ejercicio 1 Juego de dados|
 +
*Vamos a establecer un juego de tirar dados
 +
*El usuario tirará los dados hasta 10 veces.
 +
*En cada  jugada tira dos veces los dados
 +
*Gana si saca dos números iguales o la suma de los números  es menor que 5
 +
*Al final de las 10' jugadas nos muestra todas las jugadas y las veces que ha ganado
 +
}}
 +
<br />
 +
 +
===[[Usuario:ManuelRomero/ProgramacionWeb/Sesiones/ejercicios/ejercicio4|Ejercicio 4 : Registro de un sitio web]]===
 +
<br />
 +
{{MRM_Actividad|Title=Ejercicio 4 Registro|
 +
*Creamos un sitio web que tenga un formulario para registrarse
 +
*Además podemos mostrar un texto y una imagen.
 +
*El sitio web tendrá 4 páginas: index.php publicidad.php administracion.php contabilidad.php
 +
*Tanto index como publicidad son sitios a los que se puede acceder sin estar logueado
 +
*A administración y contabilidad, solo se puede acceder estando logueado
 +
*Un logueo será válido si tiene valor el usuario y password, diferente a un valor vacío
 +
*Cuando se está logueado se visualizará el nombre y un botón de desloguear
 +
 +
}}
 +
<!--
  
 
{{MRM_Actividad|Title= Control de acceso con autentificación|
 
{{MRM_Actividad|Title= Control de acceso con autentificación|
Línea 212: Línea 295:
 
}}
 
}}
  
−
===Coockies de secciones===
 
−
<br />
 
−
{{MRM_Actividad|
 
−
*Crea una pagina que simule ser la de un periódico. La misma debe permitir configurar que tipo de titular deseamos que aparezca al visitarla, pudiendo ser:
 
−
#Noticia política.
 
−
#Noticia económica.
 
−
#Noticia deportiva.
 
−
*Mediante tres objetos de tipo radio, permitir seleccionar que titular debe mostrar el periódico.
 
−
*Almacenar en una cookie el tipo de titutar que desea ver el cliente.
 
−
*La primera vez que visita el sitio deben aparecer los tres titulares.
 
−
<!--
 
−
{{Plegable|hide|Posible código |
 
−
<source lang=php>
 
−
<!DOCTYPE html>
 
−
<!--
 
−
To change this license header, choose License Headers in Project Properties.
 
−
To change this template file, choose Tools | Templates
 
−
and open the template in the editor.
 
−
-->
 
−
<html>
 
−
    <head>
 
−
        <meta charset="UTF-8">
 
−
        <title></title>
 
−
        <link rel=stylesheet href="estilo.css"  type = text/css />
 
−
    </head>
 
−
    <body>
 
−
        <?php
 
−
        //Primero leo la cookie por si existe
 
−
        $opcion = $_COOKIE['seccion'];
 
−
 
−
        //Si he dado borrar cookie, la borro y anulo el valor de la variable
 
−
        //que contiene la cookie para la ejecución acutal
 
−
        if (isset($_POST['borrar'])) {
 
−
            setcookie('seccion', $opcion, time() - 1);
 
−
            $opcion = null;
 
−
        }
 
−
 
−
        //Si he dado enviar es para guardar la cookie
 
−
        //La leo del input radio y me guardo ese  valor
 
−
        //en una variable para el script actual
 
−
        if (isset($_POST['enviar'])) {
 
−
            $opcion = $_POST['seccion'];
 
−
            setcookie('seccion', $opcion, time() + 3600);
 
−
        }
 
−
 
−
        //Si no hay cookie muestro los radio, si no no los muestro
 
−
        //(Decisión personal...)
 
−
        if ($opcion == null) {
 
−
            ?>
 
−
            <h3>Si quieres especifica tu sección favorita y solo verás esa</h3>
 
−
            <form action ="." method="POST">
 
−
                <input type="radio" name="seccion" value="noticias">Noticias<br />
 
−
                <input type="radio" name="seccion" value="deporte">Deporte<br />
 
−
                <input type="radio" name="seccion" value="economia">Economía<br />
 
−
                <input type="submit" value="Recordar" name="enviar">
 
−
                <hr /><br /><br />
 
−
            </form>
 
−
            <?php
 
−
            //Si sí que hay cookie y no muestro las opciones de radio
 
−
            //Muestro un botón para borrar cookie
 
−
        } else {
 
−
            ?>
 
−
            <h1> En tu última selección de sección seleccionaste <strong><?php echo $opcion ?> </strong> </h1>
 
−
            <form action='.' method='POST'><input type='submit' value='Borrar Cookie' name='borrar'>
 
−
                <hr /><br /><br />
 
−
            </form>
 
−
            <?php
 
−
        }
 
−
 
−
        //En cada caso mostraré esta sección del supuesto periódico
 
−
        //Si es la sección de la cookie (en cuyo caso solo mostraré esta)
 
−
        //O si no hay cookie las voy a mostar todas, y por lo tanto también esta ...
 
−
        if (($opcion == 'noticias') || ($opcion == null)):
 
−
            ?>
 
−
            <div id = "secciones">
 
−
                <h2>Noticias</h2>
 
−
                <p>
 
−
                    La realidad virtual, además de verse y oírse, ahora puede tocarse.
 
−
                    Un grupo de estudiantes del London’s Royal College of Art han creado
 
−
                    un traje que permite sentirla a través del tacto.
 
−
                    Utiliza solenoides, dispositivos que producen
 
−
                    campos magnéticos a partir de corrientes eléctricas.
 
−
                    En este caso crean los campos a partir de diferentes sonidos,
 
−
                    cuyas vibraciones se sienten en la piel.
 
−
                    Las distintas frecuencias y ondas sonoras provocan sensaciones variadas.
 
−
                </p>
 
−
            </div>
 
−
            <?php
 
−
        endif;
 
−
        if (($opcion == 'economia') || ($opcion == null)):
 
−
            ?>
 
−
            <div id = "secciones">
 
−
                <h2>Economía</h2>
 
−
                <p>
 
−
                    La actividad económica española, medida por el producto interior bruto
 
−
                    (PIB), se multiplicó por 50 entre 1850 y 2015,
 
−
                    lo que supone una tasa acumulativa anual del 2, 4%.
 
−
                    Pero, ¿en qué medida afectó a las condiciones de vida de la población?
 
−
                    Dado que la población se triplicó, el PIB real por habitante
 
−
                    aumentó alrededor de 16 veces,
 
−
                    creciendo anualmente, en promedio, al 1, 7%, pero mostrando un ritmo
 
−
                    desigual.
 
−
                    Así, entre 1850 y 1950, el PIB per cápita creció al 0, 7%,
 
−
                    duplicando su nivel inicial.
 
−
                </p>
 
−
            </div>
 
−
            <?php
 
−
        endif;
 
−
        if (($opcion == 'deporte') || ($opcion == null)):
 
−
            ?>
 
−
            <div id = "secciones">
 
−
                <h2>Deporte</h2>
 
−
                <p>
 
−
                    El español Rafael Nadal derrotó al canadiense Milos Raonic,
 
−
                    tercer favorito, por 6-4, 7-6 (7) y 6-4 en dos horas y 44 minutos,
 
−
                    para marcar su victoria 50 en el Abierto de Australia y alcanzar por
 
−
                    quinta vez las semifinales.
 
−
                    El campeón de 2009 y finalista en 2012 y 2014,
 
−
                    se enfrentará por un puesto para la final contra el búlgaro
 
−
                    Grigor Dimitrov, que derrotó antes al belga David Goffin,
 
−
                    por 6-3, 6-2 y 6-4, en dos horas y 13 minutos.
 
−
                    Será la 24 semifinal de Rafael Nadal en el Grand Slam,
 
−
                </p>
 
−
            </div>
 
−
        <?php endif; ?>
 
−
    </body>
 
−
</html>
 
−
</source>
 
−
}}
 
−
{{Plegable|hide|Css para el ejercicio|
 
−
<source lang=css>
 
−
#secciones{
 
−
    border: 0.25em solid;
 
−
    align : center;
 
−
    left: 10%;
 
−
    background-color: #eee;
 
−
    font-size: 1.1em;
 
−
}
 
−
</source>}}
 
−
}}
 
−
-->
 
  
 
{{MRM_Actividad|Title=Realiza el ejercicio de la siguiente referencia|
 
{{MRM_Actividad|Title=Realiza el ejercicio de la siguiente referencia|
 
  http://www.mclibre.org/consultar/php/ejercicios/cookies/cookies.html
 
  http://www.mclibre.org/consultar/php/ejercicios/cookies/cookies.html
 
}}
 
}}
 +
-->

Última revisión de 08:31 17 mar 2022




Autentificación

Ejercicio 1 : Fichero .htaccess



Icon activity.jpg
Ficheros de usuarios
  • crea un fichero llamado misUsuarios y añade 3 usuarios maria/maria nieves/nieves sara/sara. Se indica usuario/password
  • Posteriormente visualiza el contenido del fichero
  • Observa cómo la pass aparece cifrada
Modo de actuación

1.- Primero nos ubicamos en el directorio donde queramos añadir o crear el fichero 

cd /home/MiUsuario
MiUsuario es vuestro propio directorio

2.-Ahora creamos un directorio para guardar esta información y nos movemos en él 

mkdir usuarios
cd usuarios

3.-Una vez correctamente ubicados generamos el fichero de las password con la herramienta htpasswd 

La primera vez con opción -c para crear el fichero
 htpasswd -c misUsuarios maria
 htpasswd  misUsuarios nieves
 htpasswd misUsuarios nieves

5.- Crea una página index.html que contenga un texto 4.- Crea un fichero .haccess en el directorio y especifica la directivas necesarias para que al acceder a la página index.html te solicite credenciales




Ejercicio 2 : Acceder a su contenido



Icon activity.jpg
Accediendo con php a la autentificación
  • Modifica la página restringida para ver el usuario y password así como el método usado de autentifiación
  • El código que habría que añadir:





Ejercicio 3 : Accesos Restringidos



Icon activity.jpg
Ejercicio 3: Accesos restringidos
  • Utilizando la autentificción de usuario y pass en el servidor y ficheros .htaccess,
  • Crea un fichero de contraseñas llamado misUsuarios con por ejemplo 5 usuarios (alicia, sara, jorge, paula, manolo)
  • Crea un fichero de grupos con por 1 grupo (grupo_familia) al que pertenecerán sara, alicia y paula)
  • Crea un sencillo sitio web que me redirija a 4 páginas:
  1. Información General : Tendrá acceso todo el mundo
  2. Información restringida: Sólo tenrán acceso los usuarios creados en el fichero misUsuarios
  3. Información Sara : Tendrá acceso solo el usuario sara
  4. Información de grupo : Tendrá acceso los usuarios 3 usuarios de los 5 creados (sara alicia y paula).
  • Cada página simplemente contredrá un texto en h1



Cookies

Ejercicio 0 : Establecer idioma



Icon activity.jpg
Establecer idioma
  • Establecemos un idioma y se adapta un saludo' a ese idioma
  • El idioma se quedará guardado en una cooki, por lo que futuras conexiones de ese servidor se realizarán en el último idioma seleccionado
  • Los idiomas serán frances, inglés y español
  • Solo se adaptará el saludo, tomando los siguientes valores: 
switch ($idioma){
    case "es":
        $saludo="Hola. bienvenido a este sitio web";
        break;
    case "fr":
        $saludo="Bonjour. bienvenue sur ce site";
        break;
    case "en":
        $saludo="Hello. welcome to this website";
        break;
}
 Podré borrar la cookie, eliminándose la misma en el cliente y  estableciendo la página en el idioma por defecto




Ejercicio 1 : Control de accesos



Icon activity.jpg
Controlando accesos
  • Tenemos una página con formulario para acceder.
  • El usuario puede intentar acceder hasta tres veces seguidas a un sitio web de forma incorrecta
  • Para acceder ha de insertar igual password que usuario (mismo valor)
  • Para controlar los acceso anotaremos en cookies los intentos que lleva (Claramente es un ejercicio forzado, no podría ser en un caso real)
  • Si lleva 3 accesos incorrectos, mostraremos un mensaje de que el acceso ha sido bloqueado y dejaremos un botón para reiniciar los intentos.
  • Una vez que acceda de forma correcta, volverá a tener hasta 3 intentos para la próxima vez que acceda
  • Se mantiene el bloqueo durante 1 minuto.
  • Durante el tiempo de bloqueo si intento acceder me dice que estoy bloqueado y el tiempo que me quda de bloque en segundos




Ejercicio 2 : Monitorizar accesos por usuario



Icon activity.jpg
Horas de acceso por usuario
  • Realiza una aplicación con un formulario con un único input que sea nombre
  • Cada vez que introduzca un nombre la aplicación almacenará con una cookie la hora a la que ese usuario accedió a la aplicacioń y su nombre
  • Además visualizará todos los accesos de ese usuario indicando las horas a las que lo hizo y un listado con el resto de usuarios que se conectando indicando el total de accesos de cada usuario (no la hora).




Ejercicio 3 : Secciones de un periódico



Icon activity.jpg
Secciones de un periódico
  • Crea una pagina que simule ser la de un periódico. La misma debe permitir configurar que tipo de titular deseamos que aparezca al visitarla, pudiendo ser:
  1. Noticia política.
  2. Noticia económica.
  3. Noticia deportiva.
  • Mediante tres objetos de tipo radio, permitir seleccionar que titular debe mostrar el periódico.
  • Almacenar en una cookie el tipo de titutar que desea ver el cliente.
  • La primera vez que visita el sitio deben aparecer los tres titulares.




Ejercicio 4 : Establecer preferencias



Icon activity.jpg
Establecer preferencias

Mostramos un menú con una serie de preferencias para el usuario según el menú que vemos en la imagen siguiente Preferencias.png

  • El idioma puede haber hasta 3
  • En perfil público (si/no)
  • Zona horaria (GMT-2 GMT-1 GMT GMT+1 GMT+2)
  • Una vez establecidos, las podremos visualizar o bien borrar




Sesiones

Localiza variables de sesión



Icon activity.jpg
Variables de sesión
  • Localiza y actualiza estas directivas en tu fichero de configuración
  • coméntalas con tus palabras en dicho fichero



Ejercicio 1 : Cuenta visitas



Icon activity.jpg
Ejercicio 1 Cuenta visitas
Haz un programa que te cuente cuantas visitas recibe la página
  • Puedes poner un botón submit para recargar la página.
  • Indica mediane mensaje si accedes haciendo un click, o bien escribiendo la url
  • Contabiliza todos los accesos (por click o escribiendo la url en el navegado).




Ejercicio 2 : Visitas en la misma sesión con fecha



Icon activity.jpg
Ejercicio 2: Fechas de cada visita
  • Modifica el programa anterior para almacenar el momento en el cual se produjo cada visita
  • Anota hora, minuto y segundo
  • Visualiza todas las conexiones en la sesción actual y el momento en el que se produjeron
  • Añade un botón para borrar las variables de sesión
  • Realiza la visualización en orden inverso a como se han producido (primero la última, etc..)




Ejercicio 3 : Array en variable de sesión



Icon activity.jpg
Ejercicio 1 Juego de dados
  • Vamos a establecer un juego de tirar dados
  • El usuario tirará los dados hasta 10 veces.
  • En cada jugada tira dos veces los dados
  • Gana si saca dos números iguales o la suma de los números es menor que 5
  • Al final de las 10' jugadas nos muestra todas las jugadas y las veces que ha ganado




Ejercicio 4 : Registro de un sitio web



Icon activity.jpg
Ejercicio 4 Registro
  • Creamos un sitio web que tenga un formulario para registrarse
  • Además podemos mostrar un texto y una imagen.
  • El sitio web tendrá 4 páginas: index.php publicidad.php administracion.php contabilidad.php
  • Tanto index como publicidad son sitios a los que se puede acceder sin estar logueado
  • A administración y contabilidad, solo se puede acceder estando logueado
  • Un logueo será válido si tiene valor el usuario y password, diferente a un valor vacío
  • Cuando se está logueado se visualizará el nombre y un botón de desloguear




Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/ProgramacionWeb/ProgramacionWeb/A_S_C/ejercicios&oldid=29175»