1
00:00:05,809 --> 00:00:16,750
Bueno, pues buenos días. Hoy día 20 de enero a las 7 y 20 estamos convocados a través de

2
00:00:16,750 --> 00:00:20,969
Javatura de Departamento para la defensa del módulo profesional del proyecto de ciclo

3
00:00:20,969 --> 00:00:26,250
formativo de grado superior de ASIR. Te informo que esta defensa está siendo grabada y que

4
00:00:26,250 --> 00:00:31,329
esta grabación se usará en el entorno cerrado de Duca Madrid con fines educativos y solo

5
00:00:31,329 --> 00:00:36,570
estará a disposición de los profesores evaluadores en el aula virtual para llevar a cabo la evaluación

6
00:00:36,570 --> 00:00:42,009
y calificación de la defensa del proyecto. En el aula virtual de proyectos habéis sido

7
00:00:42,009 --> 00:00:47,229
informados de los criterios y rúbrica de calificación. El orden de la presentación

8
00:00:47,229 --> 00:00:53,609
del proyecto es el siguiente. Quince minutos máximo para defender el proyecto, quince

9
00:00:53,609 --> 00:01:02,549
minutos máximo para preguntas por parte del tribunal y decir que el proyecto es a nombre

10
00:01:02,549 --> 00:01:08,670
de Menji Martín Fernández y el proyecto se llama El Cabo a la Vela. Dicho esto, tu tiempo

11
00:01:08,670 --> 00:01:11,250
de exposición comienza a partir de este momento. Adelante y mucha suerte.

12
00:01:12,189 --> 00:01:21,109
Muchas gracias. Buenas tardes. Voy a comenzar mi exposición del proyecto que he realizado

13
00:01:21,109 --> 00:01:28,950
de un plugin para un sistema de reservas para la empresa El Cabo a Vela.

14
00:01:29,349 --> 00:01:36,209
El Cabo a Vela es una empresa ubicada en el Cabo de Gata

15
00:01:36,209 --> 00:01:42,969
y se dedica principalmente a actividades relacionadas con el mar,

16
00:01:42,969 --> 00:01:58,689
tanto excursiones en velero, en lancha, buceo, excursiones privadas, es decir, que tienen un catálogo de servicios que van ampliando habitualmente.

17
00:01:58,689 --> 00:02:09,930
En la presentación que voy a hacer ahora, primero vamos a tener un apartado de introducción, veremos cuáles son los objetivos para el desarrollo de este plugin,

18
00:02:09,930 --> 00:02:21,449
la metodología que se va a utilizar, veremos un diagrama donde se recoge la planificación de las diferentes fases en las que se ha dividido el proyecto,

19
00:02:22,030 --> 00:02:33,610
un presupuesto inicial, ya que al utilizar un tipo de metodología basada en Agile Scrum es posible que durante el desarrollo se puedan realizar cambios,

20
00:02:33,610 --> 00:02:54,930
Es un tipo de metodología flexible. Después también veremos cuál ha sido la planificación. Un pequeño adelanto de lo que es el diseño visual, especialmente en dispositivos móviles, que es el tipo de dispositivo por el que mayoritariamente acceden los usuarios al realizar sus reservas.

21
00:02:54,930 --> 00:03:22,139
Y finalmente tendremos un resumen. Esta es la web del cabo Abela y dentro de su web actualmente el sistema de reservas, lo voy a poner para que se vea, es el que se está viendo en pantalla a través de un formulario de reservas.

22
00:03:24,509 --> 00:03:32,590
El proyecto surge por la necesidad de optimizar el sistema de gestión de reservas que acabo de enseñar,

23
00:03:32,689 --> 00:03:39,169
que es a través de un formulario que se envía directamente y hay que contestar.

24
00:03:39,169 --> 00:03:49,069
La empresa, como os he comentado, está situada en San José, en Almería, donde las oportunidades de desarrollo están bastante limitadas.

25
00:03:49,069 --> 00:04:05,590
Debido a que el sistema de reservas actual se realiza manualmente a través de correos electrónicos y contactos, existe un alto riesgo de pérdida de información, de malos entendidos, faltas de comunicaciones.

26
00:04:05,590 --> 00:04:16,490
Por lo que las principales motivaciones a la hora de desarrollar este plugin han sido optimizar la gestión de las reservas, reduciendo el tiempo y los errores humanos.

27
00:04:16,490 --> 00:04:38,589
Además, aprovechar la experiencia personal que tiene la empresa para aportar mejoras a su propio sistema y a nivel personal, pues poder desarrollar habilidades de implementación de plugins en WordPress, que actualmente es un tipo de servicio que se demanda bastante y que a mí personalmente también me lo han demandado.

28
00:04:38,589 --> 00:04:56,269
Pues, sin más, vamos con las características principales de la actividad. Se divide actualmente en excursiones en velero y excursiones en lancha rápida con las principales características que se está viendo en la pantalla.

29
00:04:56,269 --> 00:05:21,629
El periodo de actividad, la capacidad máxima y mínima de cada una de las embarcaciones, los horarios que se tienen de ida y de vuelta en cada una de las embarcaciones, sus fechas, además si los usuarios van a ser flexibles o no, estamos con un tiempo limitado y solo podemos viajar ese día y los tipos de experiencias que hay asociados en cada una.

30
00:05:21,629 --> 00:05:43,629
Las rutas, incluso ahora mismo se está utilizando una variante premium. Los precios que hay actualmente, no en la acción premium, sino en cualquiera de las rutas actuales, hay para adultos y para infantil. Además, los infantiles no deben ir en ningún momento solos, tienen que ir acompañados de algún adulto.

31
00:05:43,629 --> 00:06:13,610
¿Cuáles son los objetivos a la hora del plugin?

32
00:06:13,629 --> 00:06:34,529
Gestionar disponibilidad y notificaciones automáticas. ¿Cómo lo vamos a realizar? ¿Qué tipo de metodología se utiliza para el desarrollo del plugin de reservas? Como he comentado antes, un tipo de metodología basado en Agile, en la filosofía Agile, que es totalmente flexible.

33
00:06:34,529 --> 00:07:00,529
Vamos a utilizar Scrum, en la pantalla se está viendo un pequeño gráfico de este tipo de metodología y vamos a dividir cada una de las diferentes fases que va a tener nuestro proyecto en diferentes sprints, como unas dos semanas de duración y estos sprints, cada uno de estos tienen siempre los mismos pasos,

34
00:07:00,529 --> 00:07:15,550
En los cuales principalmente se evalúa lo que se ha hecho en el trabajo anterior, lo que se va a hacer en el siguiente, así como las funciones o las tareas que todavía quedan pendientes de resolver.

35
00:07:15,550 --> 00:07:29,449
Para ello se ha establecido en un diagrama de gran las diferentes tareas que se tienen que realizar para lograr los objetivos de cada una de las fases

36
00:07:29,449 --> 00:07:38,529
Hay cuatro fases principales, la fase de planificación, la fase de diseño, la fase de desarrollo y la fase de pruebas

37
00:07:38,529 --> 00:07:59,790
En el diagrama que se está viendo a continuación, que pertenece a una hoja de Excel, se ha desarrollado lo que sería el diagrama, pero además se ha utilizado la aplicación Jira para hacer toda la planificación completa, así como para poder desarrollar la metodología Scrum.

38
00:07:59,790 --> 00:08:20,269
Voy a poner una pequeña pantallazo de lo que sería Jira. Esto es la aplicación que se está utilizando. Aquí están las diferentes fases y como se puede ver, se pueden realizar sprint, darlos como completados, asignar las tareas a personas.

39
00:08:20,269 --> 00:08:36,950
Es una aplicación muy completa que, además de que junto con el diagrama de gran visualmente nos ayuda a planificar, también nos ayuda a colaborar y que cada persona tenga claro cuáles son las tareas que tiene que realizar en cada una de las fases.

40
00:08:36,950 --> 00:08:48,309
Asociado a las diferentes fases y a todas las tareas y funcionalidades que se van a necesitar, se ha establecido un presupuesto inicial.

41
00:08:49,750 --> 00:09:04,889
Como se puede ver, este presupuesto inicial tiene un coste final de uno menor a 5.000 euros, casi rondando los 5.000 euros.

42
00:09:04,889 --> 00:09:30,690
Y está dividido en las diferentes opciones. La planificación se ha hecho, como venía comentando, en cuatro grandes bloques, planificación, diseño, desarrollo y pruebas. Y una vez superadas todas estas fases, llegaríamos a lo que sería la fase de lanzamiento, donde las anteriores fases estarían completamente superadas.

43
00:09:30,690 --> 00:09:48,649
Se apunta también un pequeño diagrama de flujo de lo que sería el frontend para el usuario final, los diferentes caminos que podría utilizar y las respuestas que le damos como aplicación.

44
00:09:48,649 --> 00:10:11,129
Todo esto se va a ver mejor en la parte de diseño, donde se ha tenido un especial énfasis en una línea visual donde el mar sea la inspiración, donde se tenga principalmente en cuenta el teléfono móvil, ya que es donde más reserva la gente,

45
00:10:11,129 --> 00:10:20,470
que sea rápido y sencillo, una reserva en tres pasos y una interfaz intuitiva y fácil para todos los tipos de usuario.

46
00:10:23,129 --> 00:10:35,429
Basándonos en el flujo que anteriormente se ha visto, tenemos aquí una serie de prototipos, de diseños de la interfaz front-end para el usuario y para la gestión de las reservas.

47
00:10:35,429 --> 00:10:46,409
una interfaz sencilla, con desplegables, con letras grandes, sin distracciones

48
00:10:46,409 --> 00:10:53,590
y resaltando aquellos elementos donde queremos que el usuario tenga la atención.

49
00:10:53,830 --> 00:11:01,629
Se está viendo diferentes pantallas ahora mismo de lo que es el prototipo de la versión móvil

50
00:11:01,629 --> 00:11:11,679
para el sistema de reservas y ahora mismo estoy viendo el sistema de reservas en la versión de escritorio.

51
00:11:11,679 --> 00:11:17,960
Está pensado, como he comentado, para que sea un sistema fácil y ágil en tres sencillos pasos,

52
00:11:18,559 --> 00:11:26,000
con ayudas visuales en todo momento para que ningún usuario, del nivel que sea, se sienta perdido.

53
00:11:26,000 --> 00:11:29,539
¿Cómo conseguimos

54
00:11:29,539 --> 00:11:31,940
llegar

55
00:11:31,940 --> 00:11:34,120
de la idea a la práctica?

56
00:11:34,600 --> 00:11:36,320
Este plugin, ¿cómo lo conseguimos?

57
00:11:36,379 --> 00:11:38,179
Lo vamos a implementar en el sitio

58
00:11:38,179 --> 00:11:40,039
WordPress que ya tiene la empresa

59
00:11:40,039 --> 00:11:42,039
Vamos a utilizar

60
00:11:42,039 --> 00:11:44,159
tecnologías PHP, HTML

61
00:11:44,159 --> 00:11:46,019
CSS, Javascript

62
00:11:46,019 --> 00:11:48,200
y dentro de Javascript pues también

63
00:11:48,200 --> 00:11:49,480
ActiveX

64
00:11:49,480 --> 00:11:52,299
y cualquier otra

65
00:11:52,299 --> 00:11:54,340
tecnología asociada que nos permita

66
00:11:54,340 --> 00:12:01,500
recuperar datos sin tener que recargar la página, vamos a utilizar una interfaz responsiva y amigable

67
00:12:01,500 --> 00:12:10,840
para usuarios y también la parte del pack para administradores y vamos a crear una base de datos

68
00:12:10,840 --> 00:12:18,059
segura y estable con tablas donde tendremos información de las reservas, de los usuarios,

69
00:12:18,059 --> 00:12:21,659
de la disponibilidad de las diferentes embarcaciones.

70
00:12:22,460 --> 00:12:30,059
En resumen, el plugin de reservas actualiza y mejora la experiencia del cliente,

71
00:12:30,259 --> 00:12:33,279
incrementa la eficiencia administrativa y reduce los errores.

72
00:12:33,720 --> 00:12:38,879
Además, el plan de ambiente es escalable y adaptable a las necesidades futuras del negocio

73
00:12:38,879 --> 00:12:44,720
y facilita la integración con otras herramientas de marketing y análisis.

74
00:12:44,720 --> 00:13:13,659
Una vez que hemos hecho una presentación de lo que va a ser el proyecto y de lo que es el proyecto del desarrollo del plugin, vamos a ver algunas de las partes activas dedicadas al front y lo voy a abrir, ahí está, en Google Chrome.

75
00:13:13,659 --> 00:13:27,059
Como comentaba antes, un sistema de reservas sencillo y adaptable a todos los usuarios en tres sencillos pasos, indicado en todo momento.

76
00:13:27,059 --> 00:13:41,840
Paso 1, con iconos en los laterales para que nadie se sienta perdido. En primer lugar, hay que seleccionar el tipo de excursión que vamos a realizar, lancha rápida, navegar en velero o experiencia personalizada.

77
00:13:41,840 --> 00:14:06,779
Las lanchas y las excursiones también en velero nos permiten seleccionar la ruta de Poniente, la de Levante o una ruta de Norte. Después desplegaríamos aquí el calendario con la disponibilidad de la excursión seleccionada y la ruta seleccionada.

78
00:14:06,779 --> 00:14:28,200
He dejado el hueco, como se está viendo, es un prototipo para el calendario, de que el cliente marque que sus flechas son flexibles. Igualmente, aquí se desplegarían las opciones para adultos y para infantil, para aumentar o disminuir las plazas de adulto o infantil, aplicándose las restricciones correspondientes.

79
00:14:28,200 --> 00:14:52,279
Una vez que se haya llenado el primer paso, pasaríamos al siguiente paso. En este segundo paso, en la parte superior, ya estamos viendo un resumen de lo que es la reserva que quiere hacer el cliente con la fecha seleccionada, el tipo de embarcación, el tipo de ruta, la hora de salida y el número de personas tanto en infantil como en adulto.

80
00:14:52,279 --> 00:15:17,279
El siguiente paso es añadir los datos correspondientes, nombre y también el email obligatorio. El móvil es opcional. Hay que aceptar la política de privacidad y en este momento aparecería, como se está viendo aquí, un pequeño aviso de lo que va a ser la reserva, el importe total de la reserva.

81
00:15:17,279 --> 00:15:23,940
reserva. Vamos a darle a siguiente. Veo que tengo que rellenar los campos correspondientes. Voy a

82
00:15:23,940 --> 00:15:37,929
poner aquí. Y, finalmente, en el tercero de los pasos, un pequeño resumen de las opciones que ha

83
00:15:37,929 --> 00:15:46,070
elegido la persona que está haciendo la reserva. Con la opción de quitar, ¿vale? Mis flechas son

84
00:15:46,070 --> 00:16:09,970
Se le informa de que el equipo snorkel está incluido, desglose completo de los datos, despliegue de la política de cancelación, anulación y reservas y finalmente tiene que seleccionar el método de pago. Seleccionaría el método de pago y ya diría a lo que sería la ventana de pagar que conectaría con la pasarela de pago.

85
00:16:09,970 --> 00:16:32,169
Las siguientes pantallas que aparecerían, en este caso es que estaría procesando el pago. Si el pago está correcto, aparecería pago correcto, confirmación de pago y los detalles de la confirmación de pago procedentes de la entidad bancaria.

86
00:16:32,169 --> 00:17:00,049
Si tenemos un error, pago erróneo. Y una vez que hayamos pagado la reserva, tenemos la confirmación de la reserva, tendríamos el localizador de la reserva, todos nuestros datos de la reserva, la confirmación de que se le ha enviado un email y la posibilidad de imprimir la reserva o de salir.

87
00:17:00,049 --> 00:17:15,210
Además de esta parte que se está viendo del front office, evidentemente necesitamos la parte del back office para que el administrador controle las reservas,