DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la...
Transcript of DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la...
![Page 2: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/2.jpg)
Disclaimer
• Este material está basado en un material original de:§ Boni García ([email protected])
DISEÑO DE APLICACIONES WEB
2
![Page 3: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/3.jpg)
Introducción
• Sobre la asignatura:§ Asignatura 3 créditos ECTS
§ Viernes de 17:00 a 19:00
§ Sala Los Verdes
• Profesores:§ Antonio LaTorre ([email protected])
§ Pablo Toharia ([email protected])
§ Jesús Montes ([email protected])
DISEÑO DE APLICACIONES WEB
3
![Page 4: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/4.jpg)
Introducción
• La Web (World Wide Web) es un servicio de distribución de contenidos hipertexto accesibles vía Internet
• Hoy en día, la Web proporciona una infraestructura para todo tipo de aplicaciones y servicios (cloud)
DISEÑO DE APLICACIONES WEB
4
HTTP request
HTTP response
![Page 5: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/5.jpg)
Objetivos
• Adquirir conocimiento para el desarrollo de aplicaciones y servicios web:§ Lado cliente: HTML, CSS, Bootstrap, jQuery
§ Lado servidor: Java, Spring
§ Servicios web: REST
§ Despliegue, escalabilidad y tolerancia a fallos: Vagrant
DISEÑO DE APLICACIONES WEB
5
![Page 6: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/6.jpg)
Temario
• Bloque 0. Presentación de la asignatura (1/2 clase)
• Bloque 1. Introducción a la ingeniería web (1/2 clase)§ 1.1. Introducción a las aplicaciones y servicios web
§ 1.2. Tecnologías de desarrollo de aplicaciones web
• Bloque 2. Parte cliente (frontend) (4 clases)§ 2.1. Tecnologías de frontend: HTML, CSS
§ 2.2. Tecnologías de frontend: Bootstrap, jQuery
DISEÑO DE APLICACIONES WEB
6
![Page 7: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/7.jpg)
Temario
• Bloque 3. Parte servidora (backend) (7 clases)§ 3.1. Spring y Java EE
§ 3.2. Presentación con Spring MVC
§ 3.3. Servicios REST con Spring
§ 3.4. Bases de datos con Spring
§ 3.5. Otros aspectos avanzados de Spring Framework
DISEÑO DE APLICACIONES WEB
7
![Page 8: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/8.jpg)
Temario
• Bloque 4. Despliegue, escalabilidad y tolerancia a fallos (3 clases)§ 4.1. Virtualización y arquitecturas escalables
§ 4.2. Provisión de máquinas virtuales
§ 4.3. Integración con servicios cloud
• Bloque 5. Defensa de prácticas (1 clase)
DISEÑO DE APLICACIONES WEB
8
![Page 9: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/9.jpg)
CalendarioDISEÑO DE APLICACIONES WEB
9
Lunes Martes Miércoles Jueves Viernes Sábado Domingo
1 2 3 4 5Bloques 0 y 1[atorre]
6 7
8 9 10 11 12Bloque 2[ptoharia]
13 14
15 16 17 18 19Bloque 2[ptoharia]
20 21
22 23 24 25 26Bloque 2[ptoharia]
27 28
29
Febrero 2016
![Page 10: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/10.jpg)
CalendarioDISEÑO DE APLICACIONES WEB
10
Lunes Martes Miércoles Jueves Viernes Sábado Domingo
1 2 3 4Bloque 2[ptoharia]
5 6
7 8 9 10 11Bloque 3[jmontes]
12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
Marzo 2016
![Page 11: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/11.jpg)
CalendarioDISEÑO DE APLICACIONES WEB
11
Lunes Martes Miércoles Jueves Viernes Sábado Domingo
1Bloque 3[jmontes]
2 3
4 5 6 7 8Bloque 3[jmontes]
9 10
11 12 13 14 15Bloque 3[jmontes]
16 17
18 19 20 21 22Bloque 3[jmontes]
23 24
25 26 27 28 29Bloque 3[jmontes]
30
Abril 2016
![Page 12: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/12.jpg)
CalendarioDISEÑO DE APLICACIONES WEB
12
Lunes Martes Miércoles Jueves Viernes Sábado Domingo
1
2 3 4 5 6Bloque 3[jmontes]
7 8
9 10 11 12 13Bloque 4[atorre]
14 15
16 17 18 19 20Bloque 4[atorre]
21 22Entrega
23 24 25 26 27Bloque 4[atorre]
28 29
30 31 1 2 3Presentación
Mayo 2016
![Page 13: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/13.jpg)
Evaluación
• No habrá examen escrito
• La nota final consistirá en:§ 100% trabajo práctico� 75% evaluación de la práctica por el profesor� 25% evaluación de la presentación� 34% profesores� 33% evaluación de pares� 33% autoevaluación▫ Nota global + proporción de esfuerzo
DISEÑO DE APLICACIONES WEB
13
![Page 14: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/14.jpg)
Metodología
• Las clases estarán basadas en aprendizaje activo (flipped learning)
• Los ejercicios y la práctica se podrán hacer por parejas (pair programming)
DISEÑO DE APLICACIONES WEB
14
àRecomendación: Asistir a clase
![Page 15: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/15.jpg)
Bibliografía
• Ben Frain. Responsive Web Design with HTML5 and CSS3. Packt 2012.• Casimir Saternos. Client-Server Web Apps with JavaScript
and Java. O’Reilly 2014.• Craig Walls. Spring in Action. 4th edition. Manning 2014.
• Nicholas S. Williams. Java for Web Applications. Wrox Professional 2014.
• Jérôme Louvel, Thierry Templier, Thierry Boileau. Restlet in Action, Developing RESTful web APIs in Java. Manning 2013.
• Pawel Kozlowski, Peter Bacon Darwin. Mastering Web Application Development with AngularJS. Packt 2013.
• Jake Spurlock. Bootstrap. O'Reilly 2013.
DISEÑO DE APLICACIONES WEB
15
![Page 16: DISEÑO DE APLICACIONES WEB Bloque 0: Presentación de la …laurel.datsi.fi.upm.es/_media/docencia/asignaturas/daw/... · 2016-02-05 · Vagrant DISEÑO DE APLICACIONES WEB 5. Temario](https://reader034.fdocuments.net/reader034/viewer/2022042307/5ed3b1737f3dc53cc40cad4a/html5/thumbnails/16.jpg)
¡Aprovecha tu tiempo!DISEÑO DE APLICACIONES WEB
16
Lo único que podemos decidir es qué hacer con el tiempo que se nos ha dado
- Gandalf el gris