Diferencia entre revisiones de «Usuario:ManuelRomero/php/dwes/B2T1/ficheros/practica»

De WikiEducator
Saltar a: navegación, buscar
(Especificación como lista de requisitos)
Línea 36: Línea 36:
 
#RF10 Se sube un fichero sin acceder.
 
#RF10 Se sube un fichero sin acceder.
 
#RF11 Se sube un fichero y se  acceder.
 
#RF11 Se sube un fichero y se  acceder.
 
 
<!--
 
====RF 1 : Interfaz de index.php ====
 
;index.php<br />
 
[[Archivo:RF1AppArchivos.png|center|400px]]
 
Descripción de la interfaz
 
[[imagen:musica_index1.png|center]]
 
*En ella el usuario aporta datos y selecciona un fichero para subir
 
{{Plegable|hide|Index.php (posible solución|
 
<!DOCTYPE html>
 
<source lang =php>
 
<html>
 
    <head>
 
        <meta charset="UTF-8">
 
        <title></title>
 
        <link href="./css/estilo.css" rel="stylesheet" type="text/css">
 
 
    </head>
 
    <body>
 
 
        <fieldset class="caja_centrada">
 
            <div class="error"></div>
 
            <legend style="font-size:20px;font-style: oblique;background:aliceblue ">Subida de ficheros</legend>
 
            <form action="descarga.php" method="POST" enctype="multipart/form-data">
 
                <br/>
 
                Usuario&nbsp&nbsp&nbsp <input type="text" name="name" value="admin">
 
                <br>
 
                Password <input type="text" name="pass" value="admin">
 
                <br/>
 
                <br/>
 
                <!-- MAX_FILE_SIZE debe preceder al campo de entrada del fichero -->
 
                <!--    <input type="hidden" name="MAX_FILE_SIZE" value=1024 />-->
 
                <div style="float:right">
 
                    <input type="file" name="fichero"><br>
 
                </div>
 
                <br>
 
                <br>
 
                <input type="submit" value="subirFichero" name="enviar">
 
 
            </form>
 
        </fieldset>
 
 
    </body>
 
</html>
 
</source>
 
}}
 
{{Plegable|hide|Css para los estilos|
 
<source lang=css>
 
/*
 
    Created on : 16-oct-2017, 10:05:06
 
    Author    : manuel
 
*/
 
 
.legend2{
 
    font-style: oblique;
 
    background: bisque;
 
    font-size: 1.7em
 
}
 
 
.fieldset1{
 
    width:60%;
 
    background: blanchedalmond;
 
    margin-left: 20%
 
}
 
.fieldset2{
 
    width:90%;
 
}
 
 
.error{
 
    float:right;
 
    color:red;
 
    font-size:12px;
 
    font-style: oblique
 
}
 
.caja_centrada{
 
    width:30%;
 
    margin-left:30%;
 
    margin-top:10%;
 
    background: blanchedalmond
 
}
 
 
.ficheros{
 
    width:50%;
 
    margin-left:10%;
 
    margin-top:2%;
 
    background: blanchedalmond
 
}
 
 
legend{
 
    font-size: 2em;
 
    color: brown;
 
    background: burlywood
 
}
 
 
h1{
 
   
 
    color:darkred;
 
    font-style: inherit;
 
    font-size:3em;
 
    text-align: center
 
}
 
h2{
 
    margin-left: 25%;
 
    color:darkblue;
 
    font-style: italic;
 
 
 
}
 
h3{
 
    color:darkblue;
 
    font-style: italic;
 
    text-align: center
 
}
 
 
input[type="submit"]:active {
 
    color: darkred;
 
 
}input[type="submit"]{
 
 
 
    text-align: right;
 
    font-size: 20px;
 
}
 
</source>
 
}}
 
====RF 2:Verificar datos de usuario====
 
;index.php<br />
 
*Si el usuario no aporta alguno de los datos obligatorios
 
# Usuario
 
# Password
 
*El Fichero a subir es opcional ya que un usuario se puede conectar para ver ficheros subidos
 
*Entonces se vuelve  a cargar la página informando del error
 
[[Archivo:RF2AppArchivos.png|center|400px]]
 
;Posible solución:
 
*Esta parte la implementamos en descargas.php
 
*El motivo es porque si la autentificación ha ido bien, así ya tengo el posible fichero que he de subir
 
 
{{Plegable|hide|descargas.php|
 
<source lang=php>
 
<?php
 
 
//Inicilizo variables
 
$name = $_POST['name'];
 
$pass = $_POST['pass'];
 
$admin = false;
 
 
 
//Verifico condiciones
 
if (empty($name)||empty($pass)) {
 
    header("Location:index.php?msj='Debe registrarse con nombre y password'");
 
    exit();
 
}
 
 
?>
 
 
 
 
<!doctype html>
 
<html lang="en">
 
    <head>
 
        <meta charset="UTF-8">
 
        <title>Descargas ficheros</title>
 
    </head>
 
    <body>
 
      <h1>Estoy en descargas registrado</h1>
 
    </body>
 
</html>
 
</source>
 
 
}}
 
 
====RNF1: Estructura de directorios====
 
*Crear la estructura de directorios para subir los ficheros tanto descargas como publicaciones
 
*La aplicación tendrá la siguiente estructura de directorios:
 
[[imagen:musica_estructura_directorios1.png|center|300px]]
 
*Vemos un directorio ''descargas'' con dos subdirectorios: '''uploads''' y  '''downloads''',
 
*Dentro de cada ''subdirectorio'' tenemos un ''directorio'' por cada tipo de ficheros que queremos almacenar.
 
*El funcionamiento será el siguiente:
 
#Cuando un usuario sube un fichero, éste es almacenado en su carpeta correspondiente en el directorio '''''uploads'''''.
 
#Cuando el usuario es admin, se mostrará todos los ficheros de la carpeta uploads,
 
#Cada fichero tiene un checkbox, que nos permite seleccionarlo
 
#Al presionar publicar, los ficheros seleccionados '''''se moverán''''' a la carpeta correspondiente (música, imagenes, ....) de la carpeta downloads.
 
{{Plegable|hide|Acciones crear ficheros|
 
*Ubicados en /var/www/descargas (nombre del proyecto
 
<source lang=php>
 
mkdir downloads
 
mkdir uploads
 
cd downloads
 
mkdir musica
 
mkdir imagenes
 
mkdir pdf
 
mkdir otros
 
cd ..
 
cd uploads
 
mkdir musica
 
mkdir imagenes
 
mkdir pdf
 
mkdir otros
 
cd ..
 
sudo chwon alumno:www-data * -R
 
</source>
 
}}
 
====RF3: Subir ficheros seleccionados a download ====
 
;descarga.php:
 
*Cuando un usuario a especificado un fichero se subirá al subdirectorio correspondiente dentro de '''''download'''''
 
[[Archivo:RF3AppArchivos.png|center|400px]]
 
;Vamos a tener un fichero de funciones para implementar estas acciones
 
{{Plegable|hide|subir ficheros|
 
<source lang=php>
 
$fichero = $_FILES['fichero'];
 
if (isset($fichero))
 
  $subida = subir_ficheros();
 
</source>
 
 
}}
 
{{Plegable|hide|funciones.php|
 
<source lang=php>
 
 
/**
 
*
 
* @param type $fichero fichero a subir (array asociativo).
 
* @description copia el fichero que se ha subido a la especificación establecida
 
* @return boolean Si se ha subido o no correctamente.
 
*/
 
function subir_ficheros($fichero) {
 
}
 
 
 
</source>
 
 
}}
 
 
====RF 4 Visualizar ficheros públicos (upload)====
 
#RF4 Un usuario no admin podrá ver ficherso subidos a '''''upload'''''
 
;usuario no admin
 
[[imagen:caso_uso_11.png|center]]
 
{{Ple}}
 
====RF 5 Admin visualiza todo por separadfo====
 
#RF5 Un usuario admin verá los ficheros de download y de upload
 
;usuario admin
 
[[imagen:casos_uso_22.png]]
 
====RF 6 Admin puede seleccionar ficheros subidos para publicar====
 
#RF6 Los ficheros  de download tendrá una selección para poderlos publicar
 
*Ver imagen anterior
 
====RF 7 Publicar: copiar de download a upoload====
 
#RF7 Los ficheros seleccionados se pubicarán: pasarán de download a upload
 
*Una vez que presionamos '''''publicar''''' podemos ver como al entrar ya tenemos los ficheros publicados
 
[[imagen:casos_uso_2a.png]]
 
 
*Los ficheros descargados estarán sensibles a hacer un '''''click''''' sobre ellos, de forma que el navegador intente abrirlos si puede.
 
(Mostrar imágenes o pdf, o reproducir música)
 
[[Imagen:caso_uso_3.png]]
 
====RF 8 Crear log con las acciones realizadas====
 
#RF8 Hay un fichero log que traceará todas las acciones según texto del enunciado
 
-->
 

Revisión de 21:24 29 oct 2018




Icon activity.jpg

Gestión de música e imágenes

  • Vamos a hacer un sitio web para subir canciones, imágenes, ficheros pdf, y otros, y poderlas ver/reproducir
Descripción
  • La aplicación tendrá dos páginas php:
  1. index.php
  2. descargas.php
  • Äl acceder a la app el usuario se identificará y especificará un fichero para subir
  • Hay dos tipos de usuarios :
  1. Adminsitrador (admin/admin)
  2. Resto de usuarios (Cualquier usuario y password)
  • Llevaremos un ficheros de log donde anotaremos fecha (H:i:s D:m:y) usuario (user y pass) y fichero que se ha subido
  • Existen dos conceptos de ficheros
  1. Ficheros subidos: Cualquiera puede subirlos, pero no se verán como publicados
  2. Ficheros publicados: Aquellos ficheros subidos que la administradora podrá publicar (Solo admin)
  • La aplicación en su inicio nos dará opción a realizar 3 acciónes según podemos ver en la imagen

Ficheros accion index.png

  • Los usuarios no admin podrán subir ficheros y ver ficheros publicados
  • La usuaria admin podrá hacer lo del usuario no admin y ademas verá todos los ficheros subidos para poder publicarlos.
Ejecútalo
http://manuel.infenlaces.com/dwes_2017/musica/




Especificación como lista de requisitos

  1. RF1 El usuario visualiza la interfaz del index.php.
  2. RF2 El usuario no aporta alguno de los datos.
  3. RNF1 Se crea la estructura de ficheros para descargas y publicaciones.
  4. RF3 Se sube el fichero a download.
  5. RF4 Un usuario no admin podrá ver ficherso subidos a upload
  6. RF5 Un usuario admin verá los ficheros de download y de upload
  7. RF6 Los ficheros de download tendrá una selección para poderlos publicar
  8. RF7 Los ficheros seleccionados se pubicarán: pasarán de download a upload
  9. RF8 Hay un fichero log que traceará todas las acciones según texto del enunciado

Los accesos pueden ser de tres tipos

  1. RF9 Se accede sin subir nada. (se visualizarán los ficheros según usuario)
  2. RF10 Se sube un fichero sin acceder.
  3. RF11 Se sube un fichero y se acceder.