Diferencia entre revisiones de «Usuario:ManuelRomero/NewPHP/B2T1/formularios/practica»

De WikiEducator
Saltar a: navegación, buscar
Línea 22: Línea 22:
  
 
[[imagen:musica_estructura_directorios1.png|center|300px]]
 
[[imagen:musica_estructura_directorios1.png|center|300px]]
−
*Vemos un directorio descargas con dos subdirectorios '''uploads''' '''downloads'''
+
*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
+
*Dentro de cada ''subdirectorio'' tenemos un ''directorio'' por cada tipo de ficheros que queremos almacenar.
−
*El funcionamiento es el siguiente.
+
*El funcionamiento es el siguiente:
 
#Cuando un usuario sube un fichero, éste es almacenado en su carpeta correspondiente en el directorio '''''uploads'''''.
 
#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,  
 
#Cuando el usuario es admin, se mostrará todos los ficheros de la carpeta uploads,  
 
#Cada fichero tiene un checkbox, que nos permite seleccionarlo
 
#Cada fichero tiene un checkbox, que nos permite seleccionarlo
−
#Al presionar publicar, los ficheros seleccionados '''''se moverán''''' a la carpeta correspondiente (musica, imagenes, ....) de la carpeta downloads.
+
#Al presionar publicar, los ficheros seleccionados '''''se moverán''''' a la carpeta correspondiente (música, imagenes, ....) de la carpeta downloads.
 
*Mostramos el funcionamiento con imágenes,
 
*Mostramos el funcionamiento con imágenes,
 
;usuario no admin
 
;usuario no admin
Línea 37: Línea 37:
 
[[imagen:casos_uso_2a.png]]
 
[[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
+
*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)
 
(Mostrar imágenes o pdf, o reproducir música)
 
[[Imagen:caso_uso_3.png]]  
 
[[Imagen:caso_uso_3.png]]  
  
  
−
 
+
*El fichero debe de estar limitado en el cliente y en el servidor con un tamaño máximo de 10 Megas y  en el servidor los ficheros de un peso inferior a 10K serán descartados.
−
 
+
−
 
+
−
 
+
−
 
+
−
*La primera imagen es de la pantalla index.php
+
−
<br />[[imagen:indexDescargas.png]]<br />
+
−
*El resto de imágenes es de la segunda ventana '''''descarga.php'''''
+
−
'''''index.php''''' (Especificaciones de la práctica)
+
−
 
+
−
*1.--La aplicación requiere que el usuario se identifique con nombre y password
+
−
*2.-En esa primera pantalla (no es lo normal), tendrá también la opción de subir un fichero.
+
−
*4.-El fichero debe de estar limitado en el cliente y en el servidor con un tamaño máximo de 10 Megas y  en el servidor los ficheros de un peso inferior a 10K serán descartados.
+
−
'''''descarga.php'''''(Especificaciones de la práctica)
+
−
*Los ficheros que un usuario sube, irán a las siguientes carpetas
+
−
<br />1.- ficheros de tipo imagen  ./upload/imagenes El type del fichero tiene la palabra '''''image'''''.
+
−
<br />2.- ficheros de tipo musica o sonido  ./upload/musica El type del fichero tiene la palabra '''''audio'''''.
+
−
<br />3.- ficheros de otro tipo  ./upload/otros El type del fichero no tendrá las palabras anteriores (image, audio),
+
−
*Si el usuario es  '''''admin''''' y password '''''admin''''' tendrá la  funcionalidad de administrar los ficheros subidos, según se especifica.
+
−
*Administrar los ficheros subidos consiste en  visualizar una lista de los ficheros subidos con un '''checkbox''' cada fichero como se muestra en la imagen
+
−
<br />
+
−
[[imagen:administrarFicheros.png]]
+
−
<br />
+
−
*Sobre los ficheros en los cuales se seleccionen  serán publicados para que cualquier usuario los pueda ver
+
−
*Para ello serán copiados respectivamente a
+
−
<br />1.- de  ./upload/imagenes a ./download/imagenes
+
−
<br />2.- de  ./upload/musica a ./download/musica
+
−
<br />3.- de  ./upload/otros a ./download/otros
+
−
*El usuario no admin solo verá los ficheros que estén en la carpeta de download, los cuales podrá como ya hemos dicho hacer un click sobre ellos, y el navegador ya usará la acción correspondiente (visualizarlos o reproducirlos)
+
−
 
+
−
*Para ello simplemente usar el elemento
+
−
<source lang=html5>
+
−
<a href =./dowload/imagenes/nombre.png>nombre de la imagen </a>
+
−
</source>
+
−
*Esto sería lo que vería un usuario no admin
+
−
<br />
+
−
[[Imagen:usarFicheros.png]]
+
−
<br />
+
−
Esto sería lo que vería un usuario admin (tendría la opción de administrar o publicar y la de visualizar ficheros publicados (los que están en carpeta download))
+
−
<br />
+
−
[[Imagen:portalDescargas1.png]]
+
−
<br />
+
−
*Si vemos en la imagen anterior tenemos seleccionados dos ficheros de música () y uno de imagen ()
+
−
*Después de clickear en publicar vemos como esos ficheros ya no están en la opción de administrar, pero sí que se ven en la sección pública (Se han copiado de la carpeta upload/* a la carpeta download/*
+
−
<br />
+
−
[[Imagen:portalDescargas2.png]]
+
−
<br />
+
−
 
+
−
 
+
 
}}
 
}}

Revisión de 23:28 27 nov 2017




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
  • La aplicación tendrá dos páginas php:
index.php
Musica index1.png
  • En ella el usuario aporta datos y selecciona un fichero para subir
descarga.php
  • En ella veremos los ficheros que se han subido agrupados por tipos
Musica descarga1.png
  • Si el usuario no se identifica, se mostrará un mensaje y volveremos a pedir datos como se muestra en la imagen siguiente
Musica index2.png
  • Si el usuario puede no seleccionar ningún fichero, la aplicación accederá a descargas.php


  • Hay dos tipos de usuario
  1. administrador (usuario admin password admin)
  2. resto de usuario (cualquier otro usuario y passowrd)
  • La aplicación tendrá la siguiente estructura de directorios
Musica estructura directorios1.png
  • 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 es el siguiente:
  1. Cuando un usuario sube un fichero, éste es almacenado en su carpeta correspondiente en el directorio uploads.
  2. Cuando el usuario es admin, se mostrará todos los ficheros de la carpeta uploads,
  3. Cada fichero tiene un checkbox, que nos permite seleccionarlo
  4. Al presionar publicar, los ficheros seleccionados se moverán a la carpeta correspondiente (música, imagenes, ....) de la carpeta downloads.
  • Mostramos el funcionamiento con imágenes,
usuario no admin
Caso uso 11.png
usuario admin

Casos uso 22.png

  • Una vez que presionamos publicar podemos ver como al entrar ya tenemos los ficheros publicados

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) Caso uso 3.png


  • El fichero debe de estar limitado en el cliente y en el servidor con un tamaño máximo de 10 Megas y en el servidor los ficheros de un peso inferior a 10K serán descartados.




Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/NewPHP/B2T1/formularios/practica&oldid=22537»