Aplicaciones web

218 Pages·2013·17.59 MB·Spanish

A
p Ciclo
l Formativo
i
c Grado
a
Aplicaciones web
c Medio
i
o
n
«La base de tu futuro»
e
s

Ésta es la filosofía del proyecto editorial de McGraw-Hill para Ciclos W
Ciclo Formativos, una etapa decisiva en la formación de profesionales.
e
Formativo
b
Grado El proyecto para el módulo Aplicaciones web, incluido en el nuevo ciclo
formativo Técnico en Sistemas Microinformáticos y Redes, y que está estructu-
Medio
rado en dos niveles de uso, para el alumno y para el profesor, ha sido
desarrollado según tres principios básicos:
• Una metodología basada en la práctica y en la adecuación Aplicaciones web
de contenidos y procedimientos a la realidad profesional.
• Unos materiales desarrollados para conseguir las destrezas,
habilidades y resultados de aprendizaje que necesitarás para
conseguir tu título y desenvolverte en el mercado laboral.
Raül V. Lerma-Blasco
• Una presentación de los contenidos clara y atractiva, con
variedad de recursos gráficos y multimedia que facilitarán tu José Alfredo Murcia Andrés
aprendizaje. Elvira Mifsud Talón
R
Materiales del proyecto . V
. Le
rm
Para el alumno Para el profesor a-B
la
sc
C EO del a lumno Genu íCaE dOid dáeclt icparofesor o J. A
www.mhe.es/cf/informatica . M
u
Confiamos en que esta obra sea una herramienta útil y eficaz, y que rcia
contribuya a tu formación como profesional. E
. M
ifsu
d
Grado
Medio
ISBN: 978-84-481-8392-9
www.mhe.es/cf/informatica
Aplicaciones web
Raül V. Lerma-Blasco (coord.)
José Alfredo Murcia Andrés
Elvira Mifsud Talón
Revisor técnico
Marcos Villagordo Castejón
Prólogo de
Yolanda Ruiz Hervás
MADRID - BARCELONA - BOGOTÁ - BUENOS AIRES - CARACAS - GUATEMALA
MÉXICO - NUEVA YORK - PANAMÁ - SAN JUAN - SANTIAGO - SÃO PAULO
AUCKLAND - HAMBURGO - LONDRES - MILÁN - MONTREAL - NUEVA DELHI - PARÍS
SAN FRANCISCO - SIDNEY - SINGAPUR - ST. LOUIS - TOKIO - TORONTO
APLICACIONES WEB · Ciclo Formativo Grado Medio
No está permitida la reproducción total o parcial de este libro, ni su tratamiento
informático, ni la transmisión de ninguna forma o por cualquier medio, ya
sea electrónico, mecánico, por fotocopia, por registro u otros métodos, sin el
permiso previo y por escrito de los titulares del Copyright.
Si necesita fotocopiar o escanear algún fragmento de esta obra, diríjase a
CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org).
Nota: Este libro se atiene al artículo 32 del derecho de cita de la Ley de
Propiedad Intelectual de 1996 (RDLeg 1/1996 de 12 de abril)
Derechos reservados © 2013, respecto a la primera edición en español, por:
McGraw-Hill/Interamericana de España, S.L.
Edificio Valrealty, 1.a planta
Basauri, 17
28023 Aravaca (Madrid)
ISBN: 978-84-481-8570-1
Obra original: Aplicaciones web © 2013,
respecto a la segunda edición en español, por McGraw-Hill Interamericana de España, S.L.
ISBN edición original: 978-84-481-8392-9
© Raül V. Lerma-Blasco
© José Alfredo Murcia Andrés
© Elvira Mifsud Talón
Autores del material complementario: Raül V. Lerma-Blasco, José A. Murcia Andrés,
Elvira Mifsud Talón, Marcos Villagordo Castejón
Revisión técnica: Marcos Villagordo Castejón
Equipo editorial: Ariadna Allés, Paloma Sánchez, Silvia García
Diseño de cubierta: rload.es
Diseño interior: dfrente.es
Fotografías: 123RF
Ilustraciones: Mª Carmen Fuente Canalda
Composición: Espacio y Punto, S.A.
Prólogo
El mundo está cada vez más interconectado. Seguramente a ti, nativo digital, no
te sorprende, porque has tenido la gran suerte de crecer en la era de Internet.
Pero, si miras la evolución de las nuevas tecnologías bajo su perspectiva histó-
rica, te darás cuenta de que lo que ahora te parece natural no siempre fue así.
Ahora, las empresas desarrollan sus negocios a través de la Red, apoyándose
en sus comunidades de usuarios en redes sociales, con los que, por primera vez,
puede mantener un diálogo directo y fluido. Los trabajadores nos movemos en
un entorno digital aprovechándonos de todas sus ventajas, como la deslocaliza-
ción de proyectos, la gestión on-line y en tiempo real que permite el teletrabajo.
El portátil, la tablet y el smartphone protagonizan nuestras vidas dentro de la
Internet móvil. Tenemos eso que llamamos Identidad Digital, que no es más
que nuestro yo en un entorno digital, cuya correcta gestión y cuidado puede
significar el asegurarnos un próspero futuro.
Pero hay más: hasta lo más cotidiano, como hacer la compra, realizar una
transferencia bancaria o simplemente quedar con los amig@s, lo hemos trasla-
dado a un mundo que se va construyendo día a día y que evoluciona a pasos
de gigante.
Asistimos a la vida real contada al segundo gracias a las nuevas tecnologías.
Y hasta las relaciones personales tienen, en muchos casos, su origen en la Red.
Ocio, negocio, trabajo, relaciones… Nada se escapa a un entorno virtual cada
vez más interconectado, cada vez más digital y cada vez más interactivo.
Lo que hace unos años veíamos como ficción en el cine ahora se ha convertido
en realidad. Una realidad que nace al margen de fronteras nacionales, juris-
dicciones, creencias o ideales, y que a su vez lo aglutina todo. Una realidad
que necesita seguir creciendo de forma saludable y que demanda talento,
savia nueva que entienda de verdad cuál es el camino a seguir.
Y es en este contexto donde entras tú, porque probablemente mañana serás uno
de los grandes profesionales especializados en la Red, capaz de facilitarnos a
los miles de millones de internautas y a las empresas o gobiernos nuevas herra-
mientas, nuevos modos de relacionarnos y nuevos modelos de negocio.
Este libro que tienes en tus manos te abre el camino a un mundo espectacular
donde lo importante no es el pasado, ni siquiera el presente, sino el futuro: un
futuro todavía más digital, que seguirá cambiando el rumbo de la humanidad.
Y tú eres, sin duda, uno de sus principales protagonistas.
Yolanda Ruiz Hervás
Directora de Marketing y Social Media, ESET NOD32 España
Directora de formación en Social Media Marketing, Agencia EnRedesSociales
Presentación
El libro que presentamos es el resultado de un apasionante trabajo por explicar
algunas de las más importantes innovaciones que están surgiendo en Internet
en estos momentos, siendo la actualización de nuestro anterior libro, publicado
en 2010. Está destinado al alumnado del Ciclo Formativo de Grado Medio de
Sistemas Microinformáticos y Redes (SMR), cuyo currículo oficial fue aprobado
el 14 de diciembre de 2007 en el Real Decreto 1691/2007, y fue publicado
en el BOE, con fecha 17 de enero de 2008, englobado dentro del catálogo
de títulos de la familia profesional de Informática y Comunicaciones confeccio-
nados por el Instituto Nacional de las Cualificaciones (INCUAL).
Este ciclo es la actualización del anterior título de Explotación de Sistemas
Informáticos (ESI), y las competencias asociadas a su perfil profesional están
orientadas a aspectos técnicos como la instalación, configuración y manteni-
miento de redes locales, servicios de red, aplicaciones web, etc. La creación
de dicho perfil profesional complementa los ya existentes de la familia de Infor-
mática y Comunicaciones y cubre las expectativas formativas, en el ámbito de
las Tecnologías de la Información y Comunicación (TIC), de un amplio grupo
de alumnos.
Este texto se presenta con el objetivo de ayudar al alumno del Ciclo Formativo
de SMR, durante su proceso de aprendizaje, en aspectos relacionados con la
instalación, el mantenimiento y la explotación de los servicios de Red, y de esa
forma facilitar su inserción en el mundo laboral en unas condiciones óptimas
desde el punto de vista profesional. Este es, por lo tanto, un libro de referencia
para el alumno del Ciclo de SMR, en particular y, en general, para cualquier
persona que requiera la adquisición de conocimientos en este ámbito.
El libro es una guía que facilita al profesor el desarrollo curricular del módulo
de «Aplicaciones web». Su estructura, contenidos, secuenciación y objetivos
siguen las pautas indicadas en las especificaciones de este módulo, incluido en
el primer o segundo curso del título de Técnico en Sistemas Microinformáticos y
Redes, dependiendo de la Comunidad Autónoma en que se estudie.
El libro consta de cuatro unidades didácticas, más otras dos unidades transver-
sales que desarrollan un proyecto unificador de las anteriores que está dividido
en dos partes para poder realizarlos al final de cada evaluación, en las que se
estudian las principales aplicaciones web (englobadas dentro del concepto de
social media, anteriormente denominado Web 2.0), como son las aplicaciones
web de escritorio y blogs, las aplicaciones web ofimáticas y herramientas cola-
borativas (como wikis y grupos de trabajo), los sistemas gestores de contenidos
(CMS), centrándonos en WordPress, por su gran flexibilidad y aceptación por
parte de los nativos digitales, las aplicaciones de almacenamiento web y mul-
timedia en Internet y los entornos virtuales de aprendizaje (EVA), centrándonos
en la nueva versión 2 de Moodle, por su gran versatilidad y aceptación por
parte de las empresas y las instituciones educativas.
Todos ellos, tratados con un enfoque eminentemente práctico y, en la medida
de lo posible, desde una óptica empresarial, trabajando con sistemas libres de
fuente abierta (como la Fundación Mozilla, que desarrolla el navegador Fire-
fox) y/o servicios gratuitos de empresas de Internet, como Google, Microsoft,
Yahoo!, etc.
Sin olvidar las apps que se han ido creando estos últimos años desde la apari-
ción del iPhone para todo tipo de smartphones y tabletas, dentro del desarrollo
frenético para estar siempre conectados con la Internet móvil que forma parte
de la vida de los nativos digitales.
Cada unidad dispone de un esquema-resumen con los conceptos más importan-
tes, junto con una prueba de autoevaluación, con preguntas de tipo test y un con-
junto de actividades al final de la unidad, llamado «Comprueba tu aprendizaje»,
que ayudará al alumnado a repasar la unidad de forma secuencial, incidiendo
en los puntos de mayor interés o relevancia de cada unidad didáctica.
El alumnado dispone de acceso vía web al Centro de Enseñanza On-line
(CEO), donde encontrará información práctica que pueden utilizar para afian-
zar e incluso ampliar conocimientos y autoevaluarse, así como todos los recur-
sos didácticos necesarios para el desarrollo del módulo «Aplicaciones web».
Queremos agradecer a la editorial McGraw-Hill la oportunidad que nos ha
brindado por segunda vez consecutiva, al confiar en nosotros para llevar a
cabo este proyecto docente, que ahora actualizamos, así como a todas las
personas que lo han hecho posible y nos han ayudado a lo largo de este tiem-
po a mejorarlo. Como Yolanda Ruiz Hervás, que ha escrito el prólogo. O a los
compañeros de los centros: INS Nicolau Copèrnic de Terrassa (Barcelona), el
CPIFP Los enlaces y el CPIFP Corona de Aragón de Zaragoza, el IES Politècnic
de Palma de Mallorca y el IES Sant Vicent Ferrer de Algemesí (Valencia) que
han participado durante los años 2011-2012 en un Proyecto de Innovación del
Ministerio de Educación denominado «Paquete integrado de herramientas in-
formáticas para la gestión de centros de FP» (softpack-fp), cuya documentación
está abierta en la Wiki: http://softpack-fp.wikispaces.com.
Por último, dedicamos el libro a nuestros alumnos, amigos, compañeros profe-
sores de Informática — especialmente, a los de nuestros centros en Valencia:
IES Sant Vicent Ferrer de Algemesí , IES Jaume II el Just de Tabernes de la Vall-
digna y el IES Abastos (anteriormente denominado IFP Manuel Sánchez Ayuso)
de Valencia—, personal interno o externo, a la editorial que ha colaborado
en su elaboración, sin olvidarnos de nuestro amigo y compañero Raúl Juncos
Castillo, que no ha podido colaborar en esta edición, pero esperamos que en
las próximas podamos volver a contar con sus inestimables conocimientos y,
en especial, a nuestros familiares (Lourdes, Arantxa y Luis) por su paciencia
y comprensión durante la fresca primavera, caluroso verano y lluvioso otoño
de 2012.
Los autores
[email protected]
Índice
Unidad 1. Aplicaciones web sociales ................... 7 Unidad 4. Almacenamiento web y multimedia ..... 121
1. La web social ............................................ 8
1. El almacenamiento en la nube .................... 122
2. La social media ......................................... 16
2. Servicios de almacenamiento
3. Diseño web .............................................. 22
y distribución de archivos ........................... 123
4. Google Apps para trabajo colaborativo ...... 42
3. Servicios de disco duro virtual .................... 130
5. Integración de aplicaciones web en
el escritorio............................................... 58 4. Servicios de almacenamiento multimedia ..... 146
Unidad 2. Sistemas gestores de contenidos .......... 69
Unidad 5. Entornos virtuales de aprendizaje ........ 163
1.¿Qué es un sistema de gestión de contenidos? .. 70
1. Entornos virtuales de aprendizaje (EVA) ....... 164
2. Sistema gestor de contenidos WordPress ...... 72
2. Características básicas de los sistemas
3. Estructura del CMS WordPress .................... 75
e-learning ................................................. 166
4. Ajustes básicos de configuración y
aspecto de WordPress ............................... 76 3. Moodle .................................................... 168
5. Usuarios de WordPress .............................. 78
4. Gestión de usuarios del EVA Moodle ........... 176
6. Organización de los contenidos .................. 80
5. La administración del sistema
7. Gestión de Menús ..................................... 82
e-learning ................................................. 179
8. Gestión de contenidos ............................... 84
6. La gestión de cursos en el sistema
9. Gestor de la página de inicio ..................... 91
e-learning ................................................. 182
10. Otros componentes de WordPress ............... 92
11. Gestión de temas ...................................... 93 7. Los módulos en sistemas de e-learning:
12. Gestión de plugins .................................... 97 tipos y configuración ................................. 190
13. Sindicación .............................................. 102 8. Mecanismos básicos de seguridad .............. 194
14. WordPress como blog ................................ 103
9. El procedimiento de actualización ............... 196
15. Copia y restauración del portal ................... 104
16. Actualización de WordPress ....................... 108
Unidad 6. Proyecto Emprende II .......................... 201
17. SEO y seguridad en WordPress .................. 109
1. ¿Cómo ha ido? ......................................... 202
Unidad 3. Proyecto Emprende I ........................... 113 2. Y en nuestra empresa ................................ 203
1. Oportunidades de futuro ............................ 114
3. Manos a la obra ....................................... 203
2. Nuestra empresa, sí, nuestra ...................... 116
4. Moodle .................................................... 208
3. Parte admininstrativa ................................. 117
4. Parte técnica ............................................. 117
5. ¿Cómo empezamos? Plan de trabajo ........... 118 Anexo: glosario .................................................. 209
66
1
Unidad
Aplicaciones web sociales
En esta unidad aprenderemos a:
• Identificar diferentes aplicaciones
web sociales y de escritorio.
• Gestionar nuestras cuentas de
usuario e identidad web.
• Crear documentos con HTML y CSS
e integrarlos en plataformas web.
• Instalar aplicaciones para
proporcionar acceso web a
diferentes tipos de servicios,
como el correo electrónico.
• Configurar las aplicaciones
para integrarlas con un servidor
de correo.
• Utilizar aplicaciones de
calendario web.
Y estudiaremos: • Reconocer las prestaciones
específicas de las
• Qué son las aplicaciones web aplicaciones instaladas
sociales y de escritorio. (citas, tareas,
entre otras).
• Qué es y cómo crear nuestra
identidad digital.
• Cómo crear documentos
mediante HTML y CSS.
• Cómo crear sitios web sencillos.
• Qué es y cómo se usa el correo web.
• Qué es y cómo se usa
el calendario web.
• Cómo integrar aplicaciones
web con nuestro escritorio.
• Qué es un webOS y cómo
se instala, se usa
y administra.
1
Aplicaciones web sociales
1. La web social
Vocabulario
¿Internet ha muerto? Esto es lo que afirman algunos gurúes o profetas del ciberespacio,
Arpanet. Según la Wikipedia mientras que otros indican que se ha socializado. Según ellos se ha humanizado utilizan-
son las siglas en inglés de do la inteligencia ambiental tanto en nuestros mundos virtuales en la Red (que se han ido
Advanced Research Projects fusionando con nuestras vidas físicas) como con la utilización de dispositivos móviles.
Agency Network, es decir, la Red
de la Agencia de Proyectos de Los denominados nativos digitales como tú (nacidos a partir de las últimas décadas del
Investigación Avanzados: http:// siglo XX) ya no podéis vivir sin estar conectados entre vosotros, con las cosas o estas
es.wikipedia.org/wiki/ARPANET. entre ellas. Los blogs, tuits o muros de vuestros amigos requieren de vuestra atención en
Inteligencia Ambiental o AmI. tiempo real (la información se quiere consumir en el mismo momento en que se genera
Según la Wikipedia, es una desde cualquier sitio de manera ubicua, a veces, incluso geolocalizados).
«visión donde los humanos están
Esto mismo quieren las empresas actuales: aprender, conocer, analizar y conversar con
rodeados de tecnología de com-
putación y red empotrada de sus clientes prosumidores para venderles sus productos, según sus necesidades propues-
manera no intrusa en su entor- tas por ellos mismos o por influencers que generan ingentes cantidades de información
no». de varios petabytes que van a obligar a generar metadatos sobre los mismos que permi-
tan darles una relación semántica que ayude para catalogarlos mejor y tratarlos como
Internet de las cosas. Según
grandes almacenes de datos (en inglés data warehouse) o nuevos sistemas llamados
la Wikipedia, se refiere a una
red de objetos cotidianos inter- big data que permitan que se extraiga conocimiento de ellos o incluso de la Internet
conectados entre sí: http:// profunda o invisible.
es.wikipedia.org/wiki/Internet_
de_las_Cosas.
Internet profunda o invisible.
Según la Wikipedia, es todo
el contenido de Internet que no
forma parte del Internet super-
ficial, es decir, de las pági-
nas indexadas por las redes
de los motores de búsqueda de Fig. 1.1. Evolución de la red Internet hasta el Internet de las cosas.
Internet: http://es.wikipedia.org/ Fuente: http://www.fundacionbankinter.org/es/publications/social-technologies.
wiki/Internet_profunda.
Pero seguro que nadie se imagina que todo este mundo de aplicaciones web surgió de
Prosumidores. Son consumido-
una guerra fría, la misma que llevó al hombre a la Luna en 1969. E hizo que el 29 de
res que opinan on-line sobre su
octubre de ese mismo año se conectaran los dos primeros ordenadores de los cuatro
experiencia de consumo.
que participaron en el nacimiento de Arpanet, que fue la red precursora, hasta 1989,
Influencers. Son gente famosa
de la Internet que hoy conocemos y que no para de evolucionar. Siendo la Web, sin
o popular que por su reputa-
duda, el servicio por excelencia, aunque cada vez más con la Internet móvil se tienda a
ción son capaces de mover a
la utilización de aplicaciones web específicas llamadas apps para hacer cosas más con-
millones de personas en la Red,
cretas dentro de las plataformas web. Las múltiples herramientas que toda organización,
afectando en ocasiones a la
reputación corporativa de las empresa o usuario dispone para publicar cualquier tipo de contenido, ya sea de forma
empresas. individual o colectiva (blogs, wikis, etc.), contribuyen a la construcción de un espacio de
comunicación cada vez más abierto y democratizado.
Empresa Google Apple RIM Microsoft
Servicios en la nube

Sistemas operativos
móviles
Motorola (propiedad de
Smartphones y tablets
Google) y otros como Propios: iPhone y iPad Propios: BlackBerry Nokia y otros
(hardware móvil)
Samsung o HTC
Tabla 1.1. Principales plataformas móviles.
8
1
Aplicaciones web sociales
1.1. Internet, la Web y sus aplicaciones
Actividades
Internet surgió en 1989, cuando Tim Berners-Lee y Robert Cailiau desarrollaron un siste-
ma basado en hipertextos (HTTP + HTML = WEB) para facilitar el acceso a la informa- 1. ¿Dónde surgió Arpanet?
ción del CERN (Organización Europea para la Investigación Nuclear). Se organizaba ¿De dónde eran los cua-
mediante una red de enlaces o hipervínculos entre diversos documentos que podían tro ordenadores que se
visualizarse con la ayuda de una aplicación específica: el navegador. interconectaron en ellos
en 1969?
Por tanto, la Web 1.0 se concibió como una colección de documentos estáticos enlaza-
dos para su consulta o descarga, donde los usuarios no podían interactuar con ellos, 2. ¿Sabes cuántos gigabytes
teniendo que hacer un consumo pull, es decir, se iba a por el recurso siendo la actuali- son un petabyte? Haz una
zación unidireccional. A medida que el sistema se hizo popular, aumentaron sus pres- tabla con la escala desde
taciones. De manera progresiva, se desarrollaron métodos que permitiesen la creación un byte hasta un peta-
de páginas con contenidos dinámicos, que dio lugar a la Web 1.5 en 1997, de modo byte (PB) o mejor hasta un
que estos se generasen en función de los parámetros de la petición. Aparecieron así los yottabyte (YB).
CGI, aplicaciones escritas en algún lenguaje de programación que se ejecutaban en el
3. ¿Cuántos compañeros de
servidor, y que podían recibir parámetros de los clientes. Pese a su gran utilidad, ten-
tu clase son nativos digi-
dían a sobrecargar el servidor, de ahí que surgiesen sistemas de ejecución de módulos
tales? ¿En qué año empe-
más integrados en el servidor y lenguajes de programación interpretados que permitían
zaron a utilizar servicios
incluir código en las páginas HTML. No tardaron en aparecer diversas arquitecturas y
web? ¿Cuántos móviles
lenguajes de programación, tanto en la parte del cliente con lenguajes de script como
tiene cada uno? ¿Con
Javascript o VBscript u objetos incrustados en la página como los applets realizados en
conexión wifi o con tarifa
Java. O en la parte del servidor, con lenguajes como PHP, ASP o JSP, que permitían
de datos 3G/4G? ¿Cuál
el desarrollo de páginas web totalmente dinámicas e interactivas con acceso a SGBD.
es su plataforma móvil?
Estas tecnologías dieron paso en 2003 a las aplicaciones Web 2.0, donde los usuarios Elabora una tabla estadís-
empiezan a colaborar entre ellos, el consumo pasa a poder ser push, es decir, con tica con todos los datos
tecnologías RSS: al usuario ahora le llegan los nuevos contenidos sin tener que ir a obtenidos.
buscarlos e incluso la actualización del contenido pasa a ser bidireccional. Los recursos
son más fáciles de producir y consumir. Accediendo a través de la Red mediante un na-
vegador u otras aplicaciones específicas. Estas generan de manera dinámica una serie
de páginas con tecnología AJAX que interpretará y representará el cliente.
Web 1.0 Web 1.5 Web 2.0 Social media Web semántica
El C/P es el Prosumidor
estática dinámica colaborativa social inteligente
1989 – 1997 1997 – 2003 2003 – 2008 2008 – Actual En un futuro cercano
Tabla 1.2. Evolución de la Web.
La evolución de la Web ha llevado a la aparición en 2008 de una nueva etapa llamada
Vocabulario
social media, de la mano de las redes sociales y un afán por socializar más aún las
ganas de compartir de la Web 2.0, siendo en esta cuando la Internet móvil ha facilitado Computación en la nube. Según
tener cualquier servicio en los diferentes dispositivos móviles que existen actualmente. la Wikipedia, es un paradigma
que permite ofrecer servicios de
Lo próximo que nos viene en pocos años, si no ha llegado ya, es la web semántica que computación a través de Internet.
nos permita diferenciar lo que buscamos dependiendo del contexto en el que nos mova-
http://es.wikipedia.org/wiki/
mos, gracias a la inclusión de metadatos que conviertan la información en conocimiento, Computaci%C3%B3n_en_la_
facilitándonos aún más si cabe la interacción con las cosas o máquinas que tengamos nube.
a nuestro alrededor.
9