3Unidad

Y estudiaremos:

En esta unidad aprenderemos a:

085_126_APLIC WEB_03.indd 85 10/2/10 08:28:45

1. Introducción a la gestión de archivos web

1.1. Almacenamiento en la red

-

-

--

-

-

1.2. Almacenamiento de archivos multimedia

-

1.3. Una primera aproximación: el espacio de almacenamientode Gmail

-

-

86

Disponibilidad.

-

Integridad. --

--

VocabularioA

¿Sabías que.. .?

085_126_APLIC WEB_03.indd 86 10/2/10 08:28:45

87

Gspace

FUSE (Filesystem in Userspace).

Vocabulario A

Instalación y uso de Gspace Duración: Difi cultad

Objetivos:

Desarrollo:

1. Instalación de Gspace

http://www.getgspace.com/esdown load.html

Caso práct ico 1

Fig. 3.1. Descarga de Gspace.

Fig. 3.2. Instalación del plugin Gspace.

(Continúa)Fig. 3.3. Reinicio de Firefox.

Instalar ahora

085_126_APLIC WEB_03.indd 87 10/2/10 08:28:51

88

Caso práct ico 1 (Continuación)

2. Uso de Gspace

Fig. 3.4. Acceso a Gspace.

Fig. 3.5. Interfaz de Gspace.

a) Manage Accounts.

b) Preferences. c) Inbox.

Fig. 3.6. Barra principal de Gspace.

a b c d e

(Continúa)

085_126_APLIC WEB_03.indd 88 10/2/10 08:28:56

89

Caso práct ico 1(Continuación)

d) File Transfer Mode.

e) FAQ y tutorial.

Fig. 3.7. Editor de preferencias de Gspace.

Add

Fig. 3.8. Adición de una cuenta de Gspace.

Fig. 3.9. Acceso a la cuenta de Gspace.

Fig. 3.10. Flechas para la transferencia de datos.

Fig. 3.11. Buzón de Gmail tras subir archivos con Gspace.

1.Caso práctico 1

2.

Act iv idades

085_126_APLIC WEB_03.indd 89 10/2/10 08:29:03

90

2. Servicios de almacenamiento y distribución de archivos en línea

-

2.1. Generalidades

2.2. MegaUpload

-

Características

Tipo de acceso

Acceso gratuito Acceso de pago

Usuarios no registrados

Usuariosregistrados Premium

Tabla 3.1. Características de los tipos de acceso a MegaUpload.

-

¿Sabías que.. .?

SMR_WEB_3A_redes _p2p.pdf

-

CD y CEO

085_126_APLIC WEB_03.indd 90 10/2/10 08:29:04

91

Caso práct ico 2

Objetivo:

Desarrollo:

1.(www.megaupload.com)

Registrar

Creación de una cuenta gratuita en MegaUpload Duración: Difi cultad:

Fig. 3.12. Registro de MegaUpload.

Fig. 3.13.

2.

3. Regístrese

Fig. 3.14. Opciones de la cuentade MegaUpload.

085_126_APLIC WEB_03.indd 91 10/2/10 08:29:09

92

Fig. 3.15. Carga de un archivo simple.

Fig. 3.16. Multicargador.

Caso práct ico 3

Objetivo:

Desarrollo:

1. Descarga

Herramien-tas Mega

Mega Manager.

2. Instalación y confi guración

Integrarmás tarde.

Carga y descarga de archivos en MegaUpload Duración: Difi cultad:con Mega Manager para Windows

Fig. 3.17. Herramientas de MegaUpload.

Fig. 3.18. Botón de descarga de Mega Manager. Figs. 3.19 y 3.20. Entrada en Mega Manager.

(Continúa)

085_126_APLIC WEB_03.indd 92 10/2/10 08:29:15

93

Caso práct ico 3(Continuación)

3. Carga de archivos

Cargar

4. Descarga de archivos

Fig. 3.22. Selección de archivos.

Fig. 3.23. Archivo añadido a la cola de Mega Manager.

Fig. 3.24. Archivo cargado en MegaUpload.

Fig. 3.25. Descarga de archivos mediante Mega Manager.

3.

4.

5.

Act iv idades

Fig. 3.21. Carga de archivos en Mega Manager.

085_126_APLIC WEB_03.indd 93 10/2/10 08:29:26

94

3. Servicios de almacenamiento web---

3.1. Generalidades de los servicios de almacenamiento web

-

3.2. Dropbox--

Versiones

-

085_126_APLIC WEB_03.indd 94 10/2/10 08:29:26

95

debhttp://linux.getdropbox.com/ubuntu jaunty main

deb-srchttp://linux.getdropbox.com/ubuntu jaunty main

http://linux.getdropbox.com/ubuntu intrepid maindeb-srchttp://linux.getdropbox.com/ubuntu intrepid main

http://www.getdropbox.com/downloading?os=lnx

Caso práct ico 4

Instalación de Dropbox en GNU/Linux Duración: Difi cultad:

Objetivo:

Desarrollo:

1. www.getdropbox.com

nautilus-dropbox_0.6.1_i386_ubuntu_8.10.deb.

2.

$ killall nautilus

3.

Fig. 3.26. Descarga de Dropbox.

Fig. 3.27. Pantalla inicial de la instalación de Dropbox para Nautilus.

Fig. 3.28. Listado de archivos incluidos durante la instalación de Dropbox.

(Continúa)

Claves y consejos

085_126_APLIC WEB_03.indd 95 10/2/10 08:29:35

96

4.

5.

Caso práct ico 4 (Continuación)

Fig. 3.30. Fin de la instalación de Dropbox para Nautilus.

Fig. 3.31. Instalación del daemon de Dropbox.

Fig. 3.32. Creación de una cuenta nueva.Fig. 3.33. Ejemplos de confi guración de una cuenta nueva en GNU/Linux y Windows.

(Continúa)

Fig. 3.29. Proceso de instalación en Windows.

http://www.getdropbox.com/downloading

Impor tante

085_126_APLIC WEB_03.indd 96 10/2/10 08:29:53

97

Caso práct ico 4(Continuación)

6.

7.

Figs. 3.36-3.40. Presentación de Dropbox.

Fig. 3.34. Selección del tamaño de almace na miento.

Fig. 3.35. Selección del tamaño de al mace na miento en versiones más re cien tes.

085_126_APLIC WEB_03.indd 97 10/2/10 08:30:12

98

Funcionamiento de Dropbox e intercambio de archivos

Mis Documentos Home

DropboxPhotos Public

Objetivos:

Desarrollo:1. Acceso a Dropbox

www.getdrop box.com www.getdropbox.com/login

Caso práct ico 5

Administración web de Dropbox Duración: Difi cultad:

Figs. 3.41 y 3.42. Acceso a Dropbox.

Fig. 3.43. Página de inicio de Dropbox. (Continúa)

085_126_APLIC WEB_03.indd 98 10/2/10 08:30:18

99

Caso práct ico 5(Continuación)

Barra principal.

Share:Account:Install:

:

Pestañas de archivos y eventos recientes.Home Files

Recent Events,

Ventana principal de la pestaña de Archivos.

Invitar a los amigos a Dropbox.

(Continúa)

2. Gestión de archivos

FilesHome

Choose fi les.

(Add more fi les).

Start Upload

Fig. 3.44. Proceso de carga de un archivo a Dropbox mediante la interfaz web.

Fig. 3.45. Archivos cargados en Dropbox.

Fig. 3.46. Creación de una nueva carpeta.

085_126_APLIC WEB_03.indd 99 10/2/10 08:30:22

100

Caso práct ico 5 (Continuación)

Revisions:Download fi le:Move:Rename:Copy fi le to:Delete:

Share this folder:Download folder:

Restore fi les:Move:Rename:Copy Folder to:Delete:

Fig. 3.47. Opciones de archivo.

Fig. 3.48. Opciones de carpeta.

Fig. 3.49. Opciones de la carpeta .

Descargar la carpeta en zip Recuperar archivosPhotos, Gallery view,

Public

Fig. 3.50. Opciones de la carpeta .

Fig. 3.51. Obtención del link de descarga a través de la carpeta .

085_126_APLIC WEB_03.indd 100 10/2/10 08:30:28

101

Caso práct ico 6

Objetivo:

Desarrollo:Public

Mis do-cumentos

1. Home > Files,Share this folder.

Compartiendo archivos y carpetas Duración: Difi cultad:

Fig. 3.52. Compartir una carpeta.

2.

Add custom message.

Fig. 3.53. Invitación para que los usuarios colaboren con nuestros recursos compartidos.

3. Share folder, Mis documentos(

4. AlumnoSMR2010@gmail.com

(Continúa)Fig. 3.54. Notifi cación personalizada.

085_126_APLIC WEB_03.indd 101 10/2/10 08:30:33

102

Caso práct ico 6 (Continuación)

Fig. 3.55. Bandeja de entrada.

Fig. 3.56. Mensaje de notifi cación de uso compartido de archivos.

Aceptar,

Mis documentos

Fig. 3.57. Acceso a los recursos compartidos.

6.Casos prácticos 3 4

Clase

Public

7. Recent events

Act iv idades

085_126_APLIC WEB_03.indd 102 10/2/10 08:30:36

103

Seguridad en Dropbox

AES.

SSL.

Vocabulario A

Caso práct ico 7

Objetivos:

Control de versiones y recuperación de archivos Duración: Difi cultad:

Desarrollo:

1.

Mis documentos,My Dropbox

2.

3.

Re-visions

Fig. 3.58. Proceso de colaboración.

(Continúa)Fig. 3.59. Revisiones.

Alumno2SMRAlumnoSMR2010

085_126_APLIC WEB_03.indd 103 10/2/10 08:30:38

104

Caso práct ico 7 (Continuación)

Restore

Fig. 3.60.

Fig. 3.61.

current

Show deleted fi les( (Home

> Files)

Undelete:

Purge:

Revisions:

Fig. 3.62. Restauración de un archivo eliminado.

8. Caso práctico 7,

9. Mis documen-tos

Mis documentos

Act iv idades

085_126_APLIC WEB_03.indd 104 10/2/10 08:30:42

105

http://www.es.diino.com/

http://www.es.diino.com/demo start.html

http://www.syncplicity.com/

http://www.syncplicity.com/Video/Default.aspx http://www.syncplicity.com/Tour/InstallSyncplicity.aspx

@

3.3. Otros servicios de almacenamiento web

Diino

Syncplicity

Box.net

Soluciones de Microsoft

Windows Live Skydrive

Fig. 3.63. Interfaz de Diino.

www.box.net

Fig. 3.65. Logo de Box.net.

Web

Fig. 3.64. Logo de Syncplicity.

085_126_APLIC WEB_03.indd 105 10/2/10 08:30:46

106

Windows Live Sync

Windows Live Mesh

Wuala

http://skydrive.live.com/

https://sync.live.com/

https://www.mesh.com/

Web@

Fig. 3.66. Logos de Live y Live Mesh.

Wuala

http://www.wuala.com

Fig. 3.67. Logo de Wuala.

http://zumodrive.com/

http://mozy.com/

http://boxstr.com/

http://www.myotherdrive.com/

http://www.adrive.com/

http://www.humyo.com/

http://www.orbitfi les.com/

10.

Act iv idades

085_126_APLIC WEB_03.indd 106 10/2/10 08:30:48

107

4. Gestión de servicios web multimedia multimedia

aplicaciones multimedia

web 0.0,

4.1. Inicios de la multimedia en la web

web 1.0

applets

Descripción

<BGSOUND src=“url/sonido.ext“>

<EMBED src=“url/sonido.ext“>

<IMG src=“url/imagen.ext“>

<IMG DYNsrc=“url/video.ext“>

<EMBED src=“url/video.ext“>

<APPLET code=”MiApplet.class”>

XXI web 2.0,

Tabla 3.2. Etiquetas multimedia existentes en HTML hasta la versión 4.0.

11.

12.

13.

Act iv idades

Multimedia.

Vocabulario A

SMR_WEB_3B_Histo ria.pdf,

CD y CEO

Fig. 3.68. Primeros sistemas operativos multimedia de fi nales de la década de 1980 y principios de 1990.

Fig. 3.69. Guerra de complementos de animación para aplicaciones RIA.

085_126_APLIC WEB_03.indd 107 10/2/10 08:30:51

108

4.2. Gestores web de audio digital

-

-Vocabulario -

strea-ming,

--

a priori

---

-

Compañía Formatos

Tabla 3.3. Formatos de audio propietarios.

SMR_WEB_3C_Au dio.pdf,

CD y CEO

Podcast. -pod

-cast

Streaming.

Tracker.-

-

VocabularioA

14. - 15. --

Act iv idades

085_126_APLIC WEB_03.indd 108 10/2/10 08:30:52

109

El audio digital en la web 2.0

soundsnap.com fi ndsounds.com,Odeo.com Evoca.com,

GoEar.com, sonowebs.com, out shouts.com, voxopop.com, vixy.net,

MyStrands.com last.fm.

Comunidades podcast Web

http://www.podcastellano.es

http://podcatala.org/

http://podgalego.org/

Fig. 3.70. Portal de recomendaciones musicales MyStrands.com en la web 2.0.

Tabla 3.4. Comunidades de usuarios web 2.0 surgidas a través del podcast en su idioma.

http://www.bbc.co.uk/world service/learningenglish/

http://www.eslpod.com

www.grupovaughan.com

¿Sabías que.. .?

085_126_APLIC WEB_03.indd 109 10/2/10 08:30:53

110

Caso práct ico 8

Instalación del plugin SonoWebs Duración: Difi cultad:en tu WordPress

Objetivo:

Desarrollo:

1. Instalación

http://www.sonowebs.com/wp-plugin.php sonowebs.zip.

CD y CEOwordpress-sonowebs.php

/wp-content/plugins/.Bitnami.org C:\Archivos de programa> BitNami WAMPStack > apps > wordpress > htdocs > wp-content > plugins.

Fig. 3.71. Gestión de plugin desde el panel de administración del WordPress. Arriba, situación antes de activar el plugin de SonoWebs. Abajo, visualización una vez activado el plugin. (Continúa)

sonowebs.zip Caso prác-tico 8.

CD y CEO

085_126_APLIC WEB_03.indd 110 10/2/10 08:30:57

111

Caso práct ico 8(Continuación)

2. Confi guración

Opciones

3. Uso

Fig. 3.72. Confi guración de plugin desde el menú del panel de administración de WordPress.

Fig. 3.73. Vista del blog a nivel de usuario con el post de bienvenida y su plugin de SonoWebs incorporado.

085_126_APLIC WEB_03.indd 111 10/2/10 08:31:01

112

4.3. Gestores web de imagen digital

picnik.com

Fig. 3.74. Interrelación entre fl ickr.com y picnik.com.

photoshop.com.

Fig. 3.75. Galerías web de imágenes donde están disponibles las herramientas de picnik.com.

SMR_WEB_3D_Imagen. pdf,

CD y CEO

¿Sabías que.. .?

16.

Act iv idades

085_126_APLIC WEB_03.indd 112 10/2/10 08:31:05

113

Crear

Acerca de…

Fig. 3.76. Menús para editar imágenes con las herramientas de picnik.com.

Fig. 3.77. Cajas de las herramientas de picnik.com.

ht tp://www.youtube.com/watch?v=kt6xNRj9hbc

¿Sabías que.. .?

085_126_APLIC WEB_03.indd 113 10/2/10 08:31:11

114

Fig. 3.79. Webs de las galerías de imágenes de proyectos de software libre Gallery y Coppermine.

http://localhost

Fig. 3.78. Menús para crear imágenes con las herramientas de Picnik.com.

(http://gallery.menalto.com/) (http://coppermine-ga llery.net/).

085_126_APLIC WEB_03.indd 114 10/2/10 08:31:15

115

Fig. 3.80. Instalación y entrada a los módulos Coppermine y Gallery.

17.

a)CD y CEO

b)

18.

19.

20.

21.

Act iv idades

bitnami-coppermine-1.4.24-0-module-linux-installer.bin bitna-mi-gallery-2.3-1-module-linux-ins-taller.binbitnami-coppermine-1.4.24-0-module-windows-installer.exe bitnami -gallery-2.3-1-module-windows-installer.exe.

CD y CEO

085_126_APLIC WEB_03.indd 115 10/2/10 08:31:18

116

Objetivos:

Desarrollo:

1. http://localhost. Aplicaciones

root root-root

2. Site Ad-min Grupos

Gru-pos

3.

Nuevo grupo

4. Usuarios

Gestión de usuarios en las dos galerías de imágenes Duración: Difi cultad:

Fig. 3.82. Grupos de usuarios de Coppermine y Gallery: valores por defecto en ambos módulos.

Fig. 3.81. Acceso con usuario a Coppermine y Gallery. Arriba, página web de validación del usuario del módulo Coppermine y abajo, de Gallery.

(Continúa)

Caso práct ico 9

085_126_APLIC WEB_03.indd 116 10/2/10 08:31:23

117

(Continuación)

5.

Fig. 3.83. Usuarios de Coppermine y Gallery.

Fig. 3.84. Fotos de PicasaWeb geoposicionadas en Google Maps.

Caso práct ico 9

22.

23.

24.

25.

26.

Act iv idades

085_126_APLIC WEB_03.indd 117 10/2/10 08:31:27

118

Objetivos:

Desarrollo:

1. http://lo-calhost.

Caso práctico 9.

2. Add Al-bum

ÁlbumesNuevo Álbum

Fig. 3.85. Opción para añadir un nuevo álbum tanto en Coppermine como en Gallery.

Caso práct ico 10

(Continúa)

3.

Add item

Añadir fi chero

Gestión de fotografías en las dos galerías de imágenes Duración: Difi cultad:

Fig. 3.86. Opción para añadir fotos en el álbum creado en Coppermine.

085_126_APLIC WEB_03.indd 118 10/2/10 08:31:33

119

4. 5.

cooliris.com,

Fig. 3.88. Vista de álbumes de Coppermine y Gallery.

Caso práct ico 10

Fig. 3.87. Opción para añadir fotos en el álbum creado en Gallery.

(Continuación)

085_126_APLIC WEB_03.indd 119 10/2/10 08:31:39

120

4.4. Gestores web de vídeo digital

MyStrands.tv

object

(http://www.youtube.com/user/uned)http://www.canaluned.com.

Fig. 3.89. Vídeo de YouTube incrustado en el canal musical de The Beatles en MyStrands.tv.

27.

28.

Act iv idades

SMR_WEB_3E_Video. pdf,

CD y CEO

Impor tante

085_126_APLIC WEB_03.indd 120 10/2/10 08:31:42

121

Caso práct ico 11

Incrustar un vídeo de YouTube Duración: Difi cultad:en WordPress

Objetivos:

Desarrollo:1. www.youtube.com.2. Yesterday-The Beatles

+lyrics.3.

Insertar

Fig. 3.90. Opciones de personalización del visor de vídeos.(Continúa)

085_126_APLIC WEB_03.indd 121 10/2/10 08:31:46

122

Caso práct ico 11

4.

5.

Fig. 3.91. Resultado fi nal.

(Continuación)

29.

30.

Photobucket.com.

31.

32.

Act iv idades

085_126_APLIC WEB_03.indd 122 10/2/10 08:31:48

123

La dosis diaria, mobuzz.tv,

(http://www.youtube.com/user/mobuzzES).

Supervillanos

(http://www.telecinco.es/becarios).

ExpressPhotobucket.com.

Fig. 3.92. Aspecto de la opción Remix del portal Photobucket.com que utiliza Adobe Premier Express.

http://www.rtve.es/alacarta

¿Sabías que.. .?

http://www.adobe.com/pro ducts/premiereexpress

Web @

085_126_APLIC WEB_03.indd 123 10/2/10 08:31:50

124

Caso práct ico 12

Crear un vídeo con Adobe Duración: Difi cultad:Premier Express

Objetivos:photobucket.com,

Desarrollo:1. www.photobucket.com.2.3.4. Editar un vídeo.5. Remix, (Add Photos or Video)

6. (Add Text or Stickers)

Fig. 3.93. Selección de los vídeos que se utilizarán.

Fig. 3.94. Insertar texto sobre los vídeos.(Continúa)

085_126_APLIC WEB_03.indd 124 10/2/10 08:31:54

125

Caso práct ico 12

7.(Add a Border)

8. (AddMusic)

9.(Add Transitions),

10. PreviewPublish

11. http://s721.photobucket.com/albums/ww218/smrweb2/?action=view&current=c460cf1c.pbr.

Fig. 3.95. Elegir el marco de los vídeos.

Fig. 3.96. Poner banda sonora.

Fig. 3.97. Colocar transiciones.

(Continuación)

085_126_APLIC WEB_03.indd 125 10/2/10 08:31:59

126

Comprueba tu aprendizaje

Instala servicios de gestión de archivos web, identificando sus aplicaciones y verificando su integridad.

1.

2. ---

3.

4. --

5.-

-

-

6. Mis servicios de alma-cenamiento web favoritos

-

7.

-

8. Almacenamiento web en EyeOS -

-

9. -Almacenamiento multimedia

en EyeOS --

10.

11.

12. -

-

13.

14. -

-

15.

16. -

17. -

18.

-

19. -

085_126_APLIC WEB_03.indd 126 10/2/10 08:31:59