1
00:00:00,740 --> 00:00:03,780
Buenas tardes, la actividad que os presentamos involucra al Departamento de Informática

2
00:00:03,780 --> 00:00:06,980
y concretamente a dos grupos del primer curso de los Títulos Formativos de Grado Superior

3
00:00:06,980 --> 00:00:09,720
de Desarrollo de Aplicaciones Web y Desarrollo de Aplicaciones Multiplataforma.

4
00:00:10,099 --> 00:00:13,380
Se coordinan ambos cursos por los dos profesores al cargo que diseñamos el proyecto.

5
00:00:13,759 --> 00:00:16,260
La idea es simple, mediante un esquema de aprendizaje basado en proyectos

6
00:00:16,260 --> 00:00:18,740
se simula una coordinación de un equipo profesional de desarrollo web

7
00:00:18,740 --> 00:00:21,960
y un equipo de potenciales clientes que consumen el producto que proporcionan los primeros.

8
00:00:22,500 --> 00:00:25,000
En el aula virtual los alumnos tienen acceso a todo el contenido desarrollado

9
00:00:25,000 --> 00:00:27,199
para la resolución de esta tarea.

10
00:00:27,199 --> 00:00:32,259
Como veis, existe una parte donde se indican los resultados de aprendizaje que se van a alcanzar con este proyecto.

11
00:00:32,640 --> 00:00:37,679
Además, un enlace de la secuenciación de la actividad didáctica del proyecto que os explicaré más adelante.

12
00:00:38,479 --> 00:00:44,620
También se encuentra un enlace a las normas de etiqueta que deben de seguir todos los alumnos durante el desarrollo del mismo.

13
00:00:45,439 --> 00:00:52,340
Bajo la anterior premisa, se diseñó una actividad mediante la cual los miembros de cada rol interactúan en una serie de reuniones

14
00:00:52,340 --> 00:00:55,280
donde los clientes manifiestan sus necesidades basadas en aspectos reales

15
00:00:55,280 --> 00:01:00,260
y los desarrolladores de software analizan, orientan a los clientes y recaban información bajo las normas de la etiqueta.

16
00:01:00,800 --> 00:01:04,060
En una fase previa, al comienzo del proyecto, los webmasters lanzan tres preguntas clave.

17
00:01:04,219 --> 00:01:07,400
¿Qué pretendemos? ¿Qué sabemos antes de comenzar? Y una driving question, es decir,

18
00:01:07,480 --> 00:01:10,939
¿qué necesidades tecnológicas tienen los clientes que puedan ser satisfechas por los desarrolladores?

19
00:01:11,460 --> 00:01:14,079
El objetivo de esta fase previa no es más que motivar a los estudiantes.

20
00:01:14,540 --> 00:01:17,480
El resto de fases quedan reflejadas claramente en la infografía que se muestra en pantalla.

21
00:01:18,000 --> 00:01:23,180
Una fase inicial en la que los clientes informan de sus necesidades a los desarrolladores y esto recaba la información.

22
00:01:23,840 --> 00:01:27,500
Una segunda fase, donde los desarrolladores crean una propuesta de diseño mediante brainstorming,

23
00:01:27,620 --> 00:01:29,860
realizan la propuesta a los clientes y se marcan las fechas de entrega.

24
00:01:30,400 --> 00:01:34,980
En la tercera fase, donde los desarrolladores trabajan en grupos,

25
00:01:35,140 --> 00:01:37,740
unos se encargan del HTML, otros del CSS y otros del Javascript.

26
00:01:38,320 --> 00:01:41,719
En la fase cuarta, tanto clientes como desarrolladores se reúnen para revisar el progreso.

27
00:01:41,860 --> 00:01:45,600
Por contra, los desarrolladores deben ajustar el sitio web a las sugerencias de los clientes.

28
00:01:45,600 --> 00:01:51,320
Y en la fase cinco, se prueba el software en busca de fallos, para que su funcionamiento sea correcto.

29
00:01:52,160 --> 00:01:59,080
Por último, se realiza una presentación del sitio web final, se discuten los desafíos enfrentados, las soluciones implementadas y los aprendizajes adquiridos.

30
00:01:59,400 --> 00:02:01,920
Se realiza una co-evaluación mediante una rúplica colaborativa.

31
00:02:02,460 --> 00:02:05,880
Para terminar, os mostramos algunos de los proyectos web llevados a cabo por nuestros estudiantes.

32
00:02:06,280 --> 00:02:12,920
Esta en concreto es una página web diseñada para expertos en tecnología, donde en esta página se muestran un montón de productos.

33
00:02:13,319 --> 00:02:17,020
Como veis, el diseño está muy claro, es muy intuitivo, el pie de página está muy bien desarrollado.

34
00:02:17,480 --> 00:02:22,540
El segundo proyecto que os presentamos es una tienda online en el cual destacamos el menú de navegación

35
00:02:22,540 --> 00:02:27,080
que tiene en la parte izquierda, en los buscadores y el menú que aparece en la parte derecha.

36
00:02:27,240 --> 00:02:31,560
Todas las imágenes son interactivas y el diseño de la página es muy atractivo.

37
00:02:31,939 --> 00:02:32,680
Muchas gracias por todo.