085 126 aplic web 03 - amazon web servicesspain-s3-mhe-prod.s3-website-eu-west-1.amazonaws.com/...ef...
TRANSCRIPT
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(
(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¤t=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