Está en la página 1de 37

Aplicaciones web, entorno personal de

enseanza-aprendizaje
Tema: Disco duro virtual
CEFIRE
Disco duro virtual




Materiales elaborados por Jos Infante Prieto
para el Servicio de Formacin del Profesorado de la
Conselleria de Educacin de la Comunidad Valenciana








Autor: Jos Infante Prieto 06_Disco_duro_virtual 1 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Conocimientos previos

Habr que usar Internet con fluided y contar con una cuenta de correo electrnico de tipo webmail,
preferiblemente de GMail.
Para las prcticas, se necesitar contar con una segunda cuenta de correo electrnico para usarla como un
compaero ficticio con el que compartir objetos; a no ser que se disponga de la direccin de correo de
algn compaero del curso con el que poder interactuar.
Pre-conocimiento
Autor: Jos Infante Prieto 06_Disco_duro_virtual . de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Objetivos


Saber utilizar herramientas web de almacenamiento de archivos con el fin de poder disponer de dicha informacin
desde cualquier conexin a Internet. Adems, se podrn enlazar estos archivos desde pginas webs y blogs.

Objetivos
Autor: Jos Infante Prieto 06_Disco_duro_virtual 3 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Contenidos
Almacenamiento en Internet. 1.
Disco duro virtual SkyDrive.
Crear una carpeta. 1.
Subir archivos. 2.
Compartir carpetas. 3.
2.
Disco duro virtual Box.
Acceso y registro. 1.
Gestin de carpetas y archivos. 2.
Compartir carpetas. 3.
3.
Biblioteca de documentos de Mestre a Casa.
Crear carpetas y subir ficheros. 1.
Hacer pblicos archivos y carpetas. 2.
Acceso pblico y mediante enlaces. 3.
4.
Pegar cdigo.
Pegar cdigo en un widget. 1.
Pegar cdigo en un blog. 2.
5.


Autor: Jos Infante Prieto 06_Disco_duro_virtual / de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Criterios de evaluacin
A continuacin, se detallan las actividades que se deben entregar correctamente para lograr la calificacin "Satisfactorio"
en el tema:
Actividades obligatorias:
El tema propone tres actividades, pero slo ser obligatorio entregar una de ellas, para homogeneizar las
entregas ser la de "Box".
Actividades voluntarias:
Una de las no elegidas como obligatoria, "SkyDrive" o "Biblioteca de documentos de Mestre a Casa", o una
prctica similar sobre algn otro disco duro virtual conocido por el alumno.
Autor: Jos Infante Prieto 06_Disco_duro_virtual 0 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
1. Almacenamiento en Internet
Por fin podemos guardar nuestros archivos en Internet para tenerlos disponibles cuando queramos y donde queramos. Y,
en muchos casos, con soluciones gratuitas y suficientes.



Autor: Jos Infante Prieto 06_Disco_duro_virtual 6 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Teora
1. Almacenamiento en Internet.
Internet dispone de servicios para almacenar fotos en lbumes, videos, presentaciones, msica. Pero... Qu ocurre
cuando lo que queremos es tener nuestros ficheros disponibles en la red independientemente de su propsito?.
Una opcin puede ser conseguir un espacio Web y, a travs de una cuenta FTP , subir y bajar ficheros. Otra, sobre todo
tras la aparicin de GMail, podra ser enviarnos a nosotros mismos un correo con un archivo adjunto y no borrarlo nunca.
Sin embargo tambin disponemos de esta opcin tal y como suena: un disco duro en Internet, es decir, un disco duro
virtual.
El objetivo de un disco duro virtual es poder manejar un espacio en Internet como si fuese nuestro propio disco duro, con
archivos y carpetas que podamos crear y borrar. Adems, ya que estn en Internet, podemos obtener la URL de cada
archivo para reutilizarla en blogs, cdigos HTML de pginas Web, etc.
En este curso vamos a conocer dos propuestas, SkyDrive de Windows Live (http://skydrive.live.com/) y Box
(http://www.box.net/). Aunque hay muchas ms, como por ejemplo OpenDrive (http://www.opendrive.com/).
Tambin, para ficheros de gran tamao han surgido otros servicios, como MediaFire (http://www.mediafire.com/), que
adems tiene una versin de pago muy potente y barata.



Autor: Jos Infante Prieto 06_Disco_duro_virtual 7 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
2. Disco duro virtual SkyDrive
Servicio con 7 GB de almacenamiento gratuito en Windows Live para cuentas nuevas. Antes ofrecan 25 GB y lo
mantienen para las cuentas que se dieron de alta durante esa etapa.




Autor: Jos Infante Prieto 06_Disco_duro_virtual 1 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Teora
2. Disco duro virtual SkyDrive.
Es una aplicacin online de Windows Live gratuita, donde se nos permite almacenar nuestros archivos en un disco duro
virtual de 7 GB.
Cuando accedemos a su URL, http://skydrive.live.com/ (o http://www.skydrive.com), nos ofrece la posibilidad de
registrarnos, si es la primera vez, o de poner nuestra direccin de correo y contrasea, si ya estbamos registrados.
Inicialmente apareca una breve presentacin en la que se explicaba que podremos tener archivos privados que slo
vemos nosotros, archivos que podemos compartir con usuarios especficos y archivos que podemos hacer pblicos y
que cualquiera podr consultar. Actualmente, pulsando el botn "Mas informacin" podremos saber ms, en diferntes
apartados se nos ofrecen vdeos que describen sus caractersticas.
Si tenemos una cuenta Hotmail o del mismo grupo, podemos iniciar sesin directamente. Pero, para registrarnos,
podemos usar cualquier otra cuenta de correo que tengamos.
Aunque nos proponga crear una cuenta Hotmail, podemos decidir usar otra de nuestras cuentas de correo.
Una vez completado el proceso, habremos entrado y veremos las carpetas iniciales que se crean automticamente para
cualquier usuario, aunque nosotros podamos crear despus otras.
Autor: Jos Infante Prieto 06_Disco_duro_virtual 2 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Crear carpetas y subir archivos.
Nos situamos en la vista principal de SkyDrive y seleccionamos Crear Carpeta



Vemos en el men "Crear" que tambin se nos permite crear algunos tipos de documentos de Office, se crean para la
versin 2007, es decir, por ejemplo para Word son los tipo .docx. Si se desea crear un archivo desde este men,
conviene ir primero a la carpeta donde queremos que quede guardado el fichero y despus crearlo.

Mediante el botn podemos subir archivos a nuestro disco duro virtual. Si hacemos clic sobre una de las
Autor: Jos Infante Prieto 06_Disco_duro_virtual 10 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
carpetas, accederemos a ella. Para subir archivos a una carpeta en concreto deberemos acceder a ella y, una vez dentro,
cargar los archivos.



Compartir carpetas.
Pinchando sobre una carpeta, se muestra su contenido y encontramos la opcin "Compartir".
Al hacer clic en "Compartir" se abre una especie de ventana superpuesta que nos informa de la situacin del fichero en
este aspecto, por ejemplo, "Solo yo".
A la hora de compartir una carpeta podemos seleccionar entre varias opciones:
Invitar a personas (enviar correo electrnico):
Permite compartir con un grupo concreto de personas el contenido de la carpeta. Si pinchamos en "Los
destinatarios slo pueden ver" nos aparecern varias opciones. Por ejemplo, podemos cambiar a "Los
destinatarios pueden editar", con lo que permitiremos que tambin realicen cambios en los archivos. Si
seleccionamos la opcin "Los destinatarios necesitan iniciar sesin con una cuanta Microsoft" les
obligaremos a iniciar sesin en SkyDrive para ver el contenido de la carpeta.
Cuando se comparte la carpeta con un usuario, recibir un correo electrnico con el aviso. Desde ese
mismo correo podr acceder a la carpeta y aceptar la invitacin. Para acceder, se le pedir su direccin y
contrasea, por lo que deber estar registrado en Windows Live SkyDrive.
Autor: Jos Infante Prieto 06_Disco_duro_virtual 11 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Obtener un vnculo:
Permite crear un vnculo para facilitarlo en una web, blog, red social... Podremos elegir si, mediante ese
vnculo, slo se va a poder ver o tambin editar los archivos que contenga la carpeta. Si selecionamos
"Pblico", la carpeta podr ser buscada y localizada aun sin disponer del vnculo.
Al pulsar en "Crear vnculo" nos aparecer para copiarlo. Adems, permitir pulsar el botn correspondiente a una de
Autor: Jos Infante Prieto 06_Disco_duro_virtual 1. de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
cuatro redes sociales para compartirlo en ella.

Para cambiar los permisos de una carpeta que ya hemos compartido utilizaremos el panel de las propiedades, que se
encuentra a la derecha de la ventana, cuando estamos situados dentro de la carpeta. En este caso, haremos clic sobre la
opcin "Compartir".
Gestin de archivos.
SkyDrive nos permite realizar mltiples operaciones sobre los archivos que contiene. El primer paso consistir en marcar
como seleccionado el archivo sobre el que queremos trabajar.
Autor: Jos Infante Prieto 06_Disco_duro_virtual 13 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-

Una vez seleccionado el archivo, observamos que la barra superior se ha completado con una serie de opciones nuevas.
La opcin "Abrir" nos ofrece dos subopciones. Elegiremos "Abrir en Word Web App" para editar el fichero online, tal y
como lo habamos creado.
En "Descargar", nos pregunta en qu carpeta de nuestro disco duro deseamos descargar el fichero. En el caso del
ejemplo, ser un fichero de tipo .docx.
La opcin "Compartir" abre una ventana igual a la vista en el punto anterior. Es decir, se puede compartir un nico archivo
del mismo modo que vimos con la carpeta.
En "Insertar", podemos generar el cdigo para insertar el archivo en una pgina web o un blog.
Mediante la opcin "Administrar" podemos cambiar el nombre, eliminar y mover o copiar el archivo a otra carpeta.

>>> Realiza la Actividad: SkyDrive.


Autor: Jos Infante Prieto 06_Disco_duro_virtual 1/ de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Actividades

PREPARACIN DE LA PRCTICA: como necesitamos disponer de varios ficheros para subirlos a las carpetas
virtuales, un buen recurso lo tenemos en el Banco de imgenes y sonidos del ITE (Instituto de Tecnologas
Educativas, antes CNICE, del MEC): http://recursostic.educacion.es/bancoimagenes/web/.
Regstrate en SkyDrive. 1.
Crea una carpeta personal y sube tres archivos.
Permite el acceso a esta carpeta a un par de compaeros del curso (reales o ficticios, creados por ti
mismo).
1.
Haz que tu carpeta compartida con dos usuarios deje de estarlo. 2.
2.
Crea otra carpeta y sube o crea otros dos archivos.
Permite el acceso a uno de los archivos a un par de compaeros del curso (reales o ficticios,
creados por ti mismo).
1.
3.
OPCIONAL: Haz uso de la opcin "Obtener un vnculo" sobre tu carpeta personal o una imagen que hayas
subido. Cpiate el vnculo para aadirlo en el documento de entrega de la actividad.
4.
Haz una captura en la que se vea tu pantalla de SkyDrive con las carpetas y archivos creados por ti. 5.
Entrega al profesor en un nico fichero, a travs de Moodle, el vnculo del punto 4 (si lo has hecho), la
captura de pantalla realizada y aade los comentarios que consideres oportunos.
6.
SkyDrive
Autor: Jos Infante Prieto 06_Disco_duro_virtual 10 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
3. Disco duro virtual Box
Almacenamiento de ficheros, pensado tambin para la colaboracin entre varios usuarios.



Autor: Jos Infante Prieto 06_Disco_duro_virtual 16 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Teora
3. Disco duro virtual Box.
Ya hemos visto cmo funciona otro disco duro virtual, en la mayora de los casos el funcionamiento es similar. En este
caso, slo mostraremos un poco su estructura, el alumno ya ser capaz de descubrir todos los detalles. Box incorpora
algunas novedades que merece la pena descubrir.
Accedemos a la pgina de Box (http://www.box.net/) y nos registramos. Dentro de las opciones de registro
seleccionaremos la "Personal", que para un usuario nos ofrece 10 GB gratis de almacenamiento y un tamao mximo de
archivo de 250 MB. Nos obliga a poner un nmero de telfono, pero no es necesario recibir nada para completar el
registro, de modo que nos lo podemos inventar.
Tras introducir todos los datos y pulsar en "Continuar" nos avisa de que se nos ha enviado un correo para que activemos la
cuenta. Iremos a ver el correo y haremos clic sobre el enlace propuesto.
Seguramente, estaremos ms cmodos cambiando el idioma al espaol. Lo podemos hacer siguiendo los pasos que se
indican en la imagen y pinchando finalmente en el botn "Save", abajo del todo.
Autor: Jos Infante Prieto 06_Disco_duro_virtual 17 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Nada ms entrar, debemos crear una carpeta ya que aqu no existen carpetas originales por defecto.
Podemos crearla para nosotros o directamente compartida. Para esto ltimo nos pedir las cuentas de correo de los
usuarios a invitar.
Autor: Jos Infante Prieto 06_Disco_duro_virtual 11 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Gestin de carpetas y archivos.
En cualquier momento podemos volver a subir archivos a una carpeta, para ello, nos colocaremos primero en la carpeta y
usaremos el men de "Cargar" que aparece arriba a la izquierda. Tambin, podemos arrastrar los archivos sobre la zona
de la nube. En realidad, hay varios sitios desde donde se nos ofrece subir archivos.
Una vez finalizado el proceso de subida, aparece este aviso:
Podemos observar que dentro de cualquier carpeta podremos crear nuevas carpetas. Si la carpeta es privada, tendr el
icono amarillo normal, pero si es compartida el icono ser azul y acompaado del smbolo de usuarios. Adems, indicar
si nosotros somos el propietario de la carpeta compartida o si nos aparece porque alguien la ha compartido con nosotros.
Autor: Jos Infante Prieto 06_Disco_duro_virtual 12 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Cuando se suben ficheros a una carpeta compartida, ya sea por el propietario o por cualquier otro colaborador, todos los
que la tengan compartida podrn verlos.
A continuacin, vemos un listado de ficheros de una carpeta compartida y aprovechamos para destacar algunos detalles
de Box, de entre la infinidad de posibilidades que ofrece.
Vemos que en cada fichero indica qu usuario realiz el ltimo cambio. En el primero vemos una cadena junto a la
palabra "Compartir", esto indica que ese fichero ya ha sido compartido. En todos podemos ver 1: botn para poner
comentarios a los documentos e indica si ya tiene alguno; 2: botn para abrir un men con muchas otras opciones, que
vemos ms abajo; 3: casilla para seleccionar un archivo, que hace que aparezcan nuevas opciones en la parte superior.
Aqu estn las opciones que aparecen en el submen de la derecha de un archivo.
Autor: Jos Infante Prieto 06_Disco_duro_virtual .0 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Las imgenes tambin se pueden editar y modificar.
El ltimo fichero, de la lista de tres que hemos visto antes, es un marcador Favorito aadido desde el men "Nuevo".
Desde ese men, tambin podemos crear documentos Web.
Si en algn momento deseamos volver al men principal desde una carpeta, bastar con pulsar sobre "Todos los
archivos".

Cuando decidimos compartir una carpeta, los usuarios invitados recibirn un correo para que acepten la invitacin.
Este correo no les llegar si no estn previamente subscritos a Box. En nuestra carpeta aparecern pendientes de
aceptacin, hasta que ellos lo confirmen.

Pulsando sobre "Opciones avanzadas" podemos decidir si tendrn permiso de Edicin, para que puedan hacer
cambios, o de Visualizacin, acceden a la carpeta sin hacer cambios.
Mediante el "Enlace a esta carpeta" podremos darle a alguien un enlace al fichero o colocar el enlace en una web, blog
o escritorio virtual.
Si lo que queremos es "incrustar" el archivo en una web o blog para que se vea all directamente, hay que pasar primero
a visualizar el archivo. Para haremos clic sobre el nombre del fichero.
Autor: Jos Infante Prieto 06_Disco_duro_virtual .1 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Una vez en esta situacin, vemos unas opciones en la esquina superior derecha. Elegimos la primera, que es la de
compartir.
Se nos mostrar el siguiente cuadro de dilogo donde pincharemos sobre "Incrustar". Podemos personalizar un poco el
resultado mediante las dimensiones y el tema. En "Acceso abierto" indicaremos "Abierto", para que pueda verse en una
web o blog publicamente. En esa misma opcin, aparece el enlace "Establecer restricciones", ah podemos marcar la
opcin "Desactivar descarga", para evitar que quien vea el fichero se lo pueda descargar.
Autor: Jos Infante Prieto 06_Disco_duro_virtual .. de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Tanto este cdigo de "incrustar" como el enlace visto anteriormente, podemos usarlos para hacer que una imagen como
sta se pueda ver en un blog o en un escritorio virtual. Podemos ver en el apartado "5. Pegar cdigo" de este mismo tema
cmo hacerlo.

Para descargar un fichero contenido en Box, sobre el que tengamos permiso, basta con hacer clic sobre l y pulsar
"Descargar"
Box ofrece muchas ms opciones, pero las dejaremos para que el alumno las investigue si es de su inters.

>>> Realiza la Actividad: Box.


Autor: Jos Infante Prieto 06_Disco_duro_virtual .3 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Actividades

PREPARACIN DE LA PRCTICA: como necesitamos disponer de varios ficheros para subirlos a las carpetas
virtuales, un buen recurso lo tenemos en el Banco de imgenes y sonidos del ITE (Instituto de Tecnologas
Educativas, antes CNICE, del MEC): http://recursostic.educacion.es/bancoimagenes/web/.
Regstrate en Box. 1.
Crea una carpeta personal 2.
Crea una carpeta para compartir que contendr solo fotos. 3.
Sube tres archivos a cada carpeta. 4.
Invita a un compaero (o a otra cuenta tuya) para compartir con l una carpeta, como editor. 5.
Pdele que suba una foto a tu carpeta y comprueba despus la ficha de las actualizaciones. 6.
Aprovecha la posibilidad de editar imgenes online para modificar alguna. Slvala sobre el mismo fichero
(sin generar uno nuevo).
7.
Haz una o ms capturas de pantalla donde se vea tu configuracin de carpetas. 8.
OPCIONAL: copia el cdigo de incrustar de alguna imagen e insrtalo en tu blog de Mestre a Casa o en tu
escritorio virtual de NetVibes. En el apartado 5 del tema tienes las instrucciones. Si lo haces, toma una
captura de pantalla donde se vea el resultado para incluirla en el documento de la actividad.
9.
Entrega un fichero en Moodle con las capturas de pantalla, precedidas de un comentario que haga
referencia a lo que se debe apreciar en la imagen.
10.
Box
Autor: Jos Infante Prieto 06_Disco_duro_virtual ./ de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
4. Biblioteca de documentos de Mestre a
Casa
El portal educativo de la Comunidad Valenciana, Mestre a Casa, ofrece un sencillo sistema de almacenamiento de
documentos, que tambin podemos configurar como pblico o como privado.



Autor: Jos Infante Prieto 06_Disco_duro_virtual .0 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Teora
4. Biblioteca de documentos de Mestre a Casa.
Para hacer uso de este servicio, lo primero, como siempre, ser registrarnos. Al tratarse de un sistema para docentes de
la Comunidad Valenciana, el proceso de registro requiere de unos pasos a travs del centro educativo en el que se est
destinado.
En este curso, dentro de este mismo tema en Moodle, se ha facilitado un apartado del curso "El portal educativo Mestre a
casa", donde se explica cmo registrarse. Lo primero ser preguntar al Director o al Coordinador TIC del centro si ya se
est registrado. Si no es as, se deber seguir el proceso que hemos comentado.
No pretendemos explicar el funcionamiento completo del Portal Educativo, solo veremos aqu la parte de almacenamiento
y comparticin de documentos, que es lo equivalente a un disco duro virtual.
En el siguiente video se explica, desde el principio, cmo creamos carpetas y subimos ficheros. Adems, veremos cmo
hacer pblicos carpetas y ficheros, cmo accede a ellos un usario annimo cualquiera y cmo podemos obtener un
enlace (la URL) de un fichero para utilizarlo en cualquier otra utilidad o servicio.


La utilidad principal de estos servicion es guardar documentos y poder ofrecer carpetas pblicas. Adems puede que
necesitemos insertar imgenes en un blog, una web o un escritorio virtual, para esto disponemos del llamado "cdigo de
insertar" que mediante una URL nos permite aadirlas.
Para insertar un enlace (URL) mediante cdigo HTML podemos usar dos etiquetas, EMBED o IFRAME. Su sintaxis es
totalmente equivalente aunque IFRAME es ms actual y suele dar menos problemas.
<EMBED WIDTH=626 HEIGHT=443 src="URL_del_fichero"> </EMBED>
<iframe WIDTH=626 HEIGHT=443 src="URL_del_fichero"> </iframe>
Los parmetros width y height indican la anchura y la altura, que tendr el recuadro resultante. El texto URL_del_fichero lo
sustituiremos por el enlace que nos hemos copiado, es decir, algo como "http://mestreacasa.gva.es/c/document_library
/get_file?p_l_id=4700868...70.jpg" en el ejemplo del video.
Por ejemplo, si pegamos la instruccin completa en un gadget "HTML editor" de nuestro escritorio virtual de NetVibes,
podremos ver la imagen. Podemos ver cmo hacer lo en el apartado "5. Pegar cdigo" de este mismo tema.

>> Realizar la Actividad: Biblioteca de documentos de Mestre a Casa.



Autor: Jos Infante Prieto 06_Disco_duro_virtual .6 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Actividades

PREPARACIN DE LA PRCTICA: como necesitamos disponer de varios ficheros para subirlos a las carpetas
virtuales, un buen recurso lo tenemos en el Banco de imgenes y sonidos del ITE (Instituto de Tecnologas
Educativas, antes CNICE, del MEC): http://recursostic.educacion.es/bancoimagenes/web/.
Regstrate en Mestre a Casa, si no ests ya registrado. 1.
Crea una carpeta personal y otra para compartir. 2.
Sube dos documentos a cada una, en la que hagas pblica sube al menos una foto. 3.
Asegrate de haber hecho pblicos la carpeta a compartir y los archivos que contenga. 4.
Cierra tu sesin y accede a tu pgina pblica sin haberte identificado. 5.
Comprueba que puedes ver los documentos pblicos. Haz una captura de pantalla en la que se vean el
listados de tus dos documentos pblicos y la parte con el mensaje de "Bienvenido...".
6.
Copia el enlace de la foto que has hecho pblica. 7.
Construye, por ejemplo en el Bloc de Notas, el cdigo para insertar la foto en un gadget. 8.
Aade a tu escritorio NetVibes un gadget "HTML editor" con tu cdigo. Haz una captura de pantalla en la que
se vea el gadget funcionando correctamente.
9.
Entrega en Moodle un fichero con la URL de tu pgina pblica de Mestre a Casa y con ambas capturas de
pantalla, precedidas de un comentario que haga referencia a lo que se debe apreciar en la imagen.
10.
Biblioteca de documentos de Mestre a Casa
Autor: Jos Infante Prieto 06_Disco_duro_virtual .7 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Ampliar conocimientos


Si deseas aprender ms y mejor sobre Blilioteca de documentos de Mestre a casa, puedes consultar el apartado que
acompaa a este documento en el tema de Moodle. Ha sido extraido del curso "El portal educativo Mestre a casa".



Autor: Jos Infante Prieto 06_Disco_duro_virtual .1 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
5. Pegar cdigo
A continuacon, vamos a ver dos ejemplos de uso del cdigo que podemos obtener de los servicios anteriormente
comentados.

Autor: Jos Infante Prieto 06_Disco_duro_virtual .2 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Pegar cdigo en un widget
Es habitual que los servicios Web 2.0 nos ofrezcan un cdigo para ver una imagen o un documento en otro servicio. Si no
nos ofrecen el cdigo completo, puede que nos ofrezcan un enlace, que tambin nos podr ser til.
El cdigo podemos obtenerlo directamente del servicio desde una opcin que se suele llamar "incrustar" o "insertar", o
podemos haber obtenido el enlace y nos formaremos nosotros ese cdigo.
En el primer caso, nos habremos copiado en el portapapeles (CTRL+C) algo de este estilo:
<iframe src="https://app.box.com/embed_widget/rwihgrj8nl9x
/s/8oiqzud5g0xytqmzj3ts?view=list&sort=name&direction=ASC&theme=blue"
width="330" height="400" frameborder="0" allowfullscreen webkitallowfullscreen
mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
O puede ser algo bastante ms complejo, aunque lo que importar realmente ser el fragmento <iframe...></iframe> o
<embed...></embed>, depende del servicio web del que lo hayamos copiado.
En el segundo caso, escribiremos nosotros la etiqueta IFRAME, rellenaremos el parmetro SRC con nuestro enlace y
ajustaremos el tamao con las etiquetas WITDH (ancho) y HEIGHT (alto). El resto de parmetros no hace falta que los
pongamos si no conocemos su utilidad.

Como ejemplo, vamos a crear la instruccin IFRAME completa, partiendo de un enlace y la vamos a pegar en un gadget
"HTML editor" de nuestro escritorio virtual de NetVibes.
El cdigo que hemos construido es el siguiente (en azul el enlace obtenido y en verde las dimensiones que hemos
decidido):
<iframe WIDTH=300 HEIGHT=200 src="http://mestreacasa.gva.es
/c/document_library/get_file?folderId=500001602150&name=DLFE-
165970.jpg"> </iframe>

El proceso sera el siguiente, vamos a aadir un gadget, buscamos directamente por "html" y lo encontramos fcil. Lo
aadimos directamente a la pestaa deseada.
Entramos en la configuracin del gadget para activar "Expert Mode", ya que no deseamos escribir texto normal, si no que
vamos a pegar el cdigo HTML directamente.
Autor: Jos Infante Prieto 06_Disco_duro_virtual 30 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Luego pasamos el ratn sobre el gadget y aparecer elbotn "Edit", que nos abrir el editor.
Este editor, en realidad es una caja vaca, salvo la frase "Mouse over, then click Edit". Antes, deberamos haber
preparado el cdigo a pegar: copiamos la etiqueta IFRAME que tenemos ms arriba, sustituimos URL_del_fichero por el
enlace que hemos optenido de la imagen y ajustamos el ancho y el alto (en este caso 300 y 200 pxeles). Lo pegamos y
cerramos el editor.
Finalmente, veremos la imagen en el gadget. En esta ocasin, la imagen es ms grande que el espacio que le hemos
dado, por lo que aparecen barras de desplazamiento para poder ver las zonas ocultas.


Autor: Jos Infante Prieto 06_Disco_duro_virtual 31 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Pegar cdigo en un blog
En este caso, pretendemos que se visualice en un blog una imagen o un documento que tenemos en otro servicio Web
2.0.
El cdigo podemos obtenerlo directamente del servicio desde una opcin que se suele llamar "incrustar" o "insertar", o
podemos haber obtenido el enlace y nos formaremos nosotros ese cdigo.
En el primer caso, nos habremos copiado en el portapapeles (CTRL+C) algo de este estilo:
<iframe src="https://app.box.com/embed_widget/rwihgrj8nl9x
/s/8oiqzud5g0xytqmzj3ts?view=list&sort=name&direction=ASC&theme=blue"
width="330" height="400" frameborder="0" allowfullscreen webkitallowfullscreen
mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
O puede ser algo bastante ms complejo, aunque lo que importar realmente ser el fragmento <iframe...></iframe> o
<embed...></embed>, depende del servicio web del que lo hayamos copiado.
En el segundo caso, escribiremos nosotros la etiqueta IFRAME, rellenaremos el parmetro SRC con nuestro enlace y
ajustaremos el tamao con las etiquetas WITDH (ancho) y HEIGHT (alto). El resto de parmetros no hace falta que los
pongamos si no conocemos su utilidad.

Como ejemplo de blog, vamos a usar el de Mestre a Casa, ya que todos los docentes de la comunidad tenemos uno en
nuestra cuenta.
Tras identificarnos en el "Acceso al rea personal", iremos a nuestras "Pginas pblicas".
A continuacin, elegimos "Blog" y pulsamos en "Aadir entrada de blog".
Autor: Jos Infante Prieto 06_Disco_duro_virtual 3. de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Se nos abre el editor, pero en este caso no vamos a escribir normal, sino que deseamos pegar cdigo HTML. Entonces,
ponemos ttulo a nuestra entrada y pasamos el editor a modo de "Fuente HTML".
Pegamos el cdigo, volvemos al modo normal y pulsamos el botn "Guardar".
En ocasiones, tarda un rato en visualizarlo correctamente. A veces, volviendo a entrar en el editor o saliendo del blog,
ayuda a que aparezca antes.
Autor: Jos Infante Prieto 06_Disco_duro_virtual 33 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-



Autor: Jos Infante Prieto 06_Disco_duro_virtual 3/ de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Fuentes de informacin

- Bibliografa
Revista "PC World"
Revista "PC Actual"
- Enlaces
Los utilizados en el tema.
- Otros cursos
"El portal educativo Mestr a casa", del Servidio de Formacin del Profesorado de la Comunidad Valenciana.
Elaborado por Jordi Marco Juan, Francisco Alfonso Hueso Pastor, Rafael Chavarra Bonilla, Manuel Arnau Huerta y
Vctor Prez Cabello.



Autor: Jos Infante Prieto 06_Disco_duro_virtual 30 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Resumen final

En este tema hemos aprendido:
Distintos servicios de almacenamiento de informacin en Internet.
La posibilidad de publicar archivos para que cualquiera se los pueda descargar o consultar, adems de
poder tener otros archivos totalmente privados.
Reflexin del tema
Autor: Jos Infante Prieto 06_Disco_duro_virtual 36 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-
Este artculo est licenciado bajo Creative Commons Attribution-NonCommercial 2.5 License
Formacin del Profesorado - CEFIRE (Autor: Jos Infante Prieto)
Autor: Jos Infante Prieto 06_Disco_duro_virtual 37 de 37
Bajo licencia Creative Coons !"econociiento#$o coercial#Co%& 'ajo isa lic& 3&0! ()tt%:**creativecoons&or+*licenses*',#nc#sa*3&0*es*-

También podría gustarte