1
00:00:10,160 --> 00:00:19,039
Pues buenos días. Hoy día 20 de enero a las 7 y 20 estamos convocados a través de

2
00:00:19,039 --> 00:00:23,239
la Jefatura de Departamento para la defensa del módulo profesional del proyecto de ciclo

3
00:00:23,239 --> 00:00:28,539
formativo de grado superior de ASIR. Te informo que esta defensa está siendo grabada y que

4
00:00:28,539 --> 00:00:33,600
esta grabación se usará en el entorno cerrado de EducaMadrid con fines educativos y solo

5
00:00:33,600 --> 00:00:38,859
estará a disposición de los profesores evaluadores en el aula virtual para llevar a cabo la evaluación

6
00:00:38,859 --> 00:00:44,299
y calificación de la defensa del proyecto. En el aula virtual de proyectos habéis sido

7
00:00:44,299 --> 00:00:49,520
informados de los criterios y rúbrica de calificación. El orden de la presentación

8
00:00:49,520 --> 00:00:55,880
del proyecto es el siguiente. Quince minutos máximo para defender el proyecto, quince

9
00:00:55,880 --> 00:01:04,840
minutos máximo para preguntas por parte del tribunal y decir que el proyecto es a nombre

10
00:01:04,840 --> 00:01:08,219
de Menji Martín Fernández y el proyecto se llama El Cabo a Vela.

11
00:01:09,540 --> 00:01:12,400
Y dicho esto, tu tiempo de exposición comienza a partir de este momento.

12
00:01:12,579 --> 00:01:13,519
Adelante y mucha suerte.

13
00:01:14,480 --> 00:01:15,340
Muchas gracias.

14
00:01:16,200 --> 00:01:23,379
Buenas tardes, pues voy a comenzar mi exposición del proyecto que he realizado

15
00:01:23,379 --> 00:01:31,239
de un plugin para un sistema de reservas para la empresa El Cabo a Vela.

16
00:01:31,239 --> 00:02:00,239
El Cabo Abela es una empresa ubicada en el Cabo de Gata y se dedica principalmente a actividades relacionadas con el mar, tanto excursiones en velero, en lancha, buceo, excursiones privadas, es decir, que tienen un catálogo de servicios que van ampliando habitualmente.

17
00:02:01,239 --> 00:02:23,740
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, 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,

18
00:02:23,740 --> 00:02:31,659
un presupuesto inicial, ya que al utilizar un tipo de metodología basada en Agile, Scrum,

19
00:02:32,020 --> 00:02:37,800
es posible que durante el desarrollo se puedan realizar cambios, es un tipo de metodología flexible.

20
00:02:38,599 --> 00:02:46,840
Después también veremos cuál ha sido la planificación, un pequeño adelanto de lo que es el diseño visual,

21
00:02:46,840 --> 00:02:55,840
especialmente en dispositivos móviles, que es el tipo de dispositivo por el que mayoritariamente acceden los usuarios

22
00:02:55,840 --> 00:03:00,759
al realizar sus reservas. Y finalmente tendremos un resumen.

23
00:03:06,150 --> 00:03:14,729
Esta es la web del cabo Avela y dentro de su web actualmente el sistema de reservas,

24
00:03:14,729 --> 00:03:22,069
reservas, lo voy a poner para que se vea, es el que se está viendo en pantalla a través de un

25
00:03:22,069 --> 00:03:33,460
formulario de reservas. El proyecto surge por la necesidad de optimizar el sistema de gestión de

26
00:03:33,460 --> 00:03:39,840
reservas que acabo de enseñar, que es a través de un formulario que se envía directamente y hay

27
00:03:39,840 --> 00:04:07,860
¿A qué contestar? La empresa, como os he comentado, está situada en San José, en Almería, donde las oportunidades de desarrollo, pues la verdad que están bastante limitadas. 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.

28
00:04:07,860 --> 00:04:18,779
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.

29
00:04:18,779 --> 00:04:40,879
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.

30
00:04:40,879 --> 00:04:58,540
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.

31
00:04:58,540 --> 00:05:23,920
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.

32
00:05:23,920 --> 00:05:45,920
Las rutas, incluso ahora mismo se está utilizando una variante premium. Los precios que hay actualmente, no en la opció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.

33
00:05:45,920 --> 00:06:15,899
¿Cuáles son los objetivos a la hora del plugin?

34
00:06:15,920 --> 00:06:36,819
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.

35
00:06:36,819 --> 00:07:02,819
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.

36
00:07:02,819 --> 00:07:17,819
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.

37
00:07:17,819 --> 00:07:40,800
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. Hay cuatro fases principales, la fase de planificación, la fase de diseño, la fase de desarrollo y la fase de pruebas.

38
00:07:40,800 --> 00:08:02,060
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 de Gran, 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.

39
00:08:02,060 --> 00:08:22,540
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 bases y como se puede ver, se pueden realizar sprint, darlos como completados, asignar las tareas a personas.

40
00:08:22,540 --> 00:08:39,240
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.

41
00:08:39,240 --> 00:08:50,500
Asociado a las diferentes fases y a todas las tareas y funcionalidades que se van a necesitar, se ha establecido un presupuesto inicial.

42
00:08:52,000 --> 00:09:07,139
Como se puede ver, este presupuesto inicial tiene un coste final de uno menor a 5.000 euros, casi rondando los 5.000 euros.

43
00:09:07,139 --> 00:09:32,980
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.

44
00:09:32,980 --> 00:09:50,940
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.

45
00:09:50,940 --> 00:10:13,399
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,

46
00:10:13,399 --> 00:10:22,759
que sea rápido y sencillo, una reserva en tres pasos y una interfaz intuitiva y fácil para todos los tipos de usuario.

47
00:10:25,409 --> 00:10:37,750
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.

48
00:10:37,750 --> 00:10:48,690
una interfaz sencilla, con desplegables, con letras grandes, sin distracciones

49
00:10:48,690 --> 00:10:55,870
y resaltando aquellos elementos donde queremos que el usuario tenga la atención.

50
00:10:56,110 --> 00:11:03,929
Se está viendo diferentes pantallas ahora mismo de lo que es el prototipo de la versión móvil

51
00:11:03,929 --> 00:11:13,960
para el sistema de reservas y ahora mismo estoy viendo el sistema de reservas en la versión de escritorio.

52
00:11:13,960 --> 00:11:20,240
Está pensado, como he comentado, para que sea un sistema fácil y ágil en tres sencillos pasos,

53
00:11:20,840 --> 00:11:28,279
con ayudas visuales en todo momento para que ningún usuario, del nivel que sea, se sienta perdido.

54
00:11:28,279 --> 00:11:42,309
¿Cómo conseguimos llegar de la idea a la práctica? Este plugin, ¿cómo lo conseguimos? Lo vamos a implementar en el sitio WordPress que ya tiene la empresa.

55
00:11:42,309 --> 00:12:00,470
Vamos a utilizar tecnologías PHP, HTML, CSS, Javascript y dentro de Javascript pues también ActiveX y cualquier otra tecnología asociada que nos permita recuperar datos sin tener que recargar la página.

56
00:12:00,470 --> 00:12:23,950
Vamos a utilizar una interfaz responsiva y amigable para usuarios y también la parte del pack para administradores y vamos a crear una base de datos segura y estable con tablas donde tendremos información de las reservas, de los usuarios, de la disponibilidad de las diferentes embarcaciones.

57
00:12:23,950 --> 00:12:46,970
En resumen, el plugin de reservas actualiza y mejora la experiencia del cliente, incrementa la eficiencia administrativa y reduce los errores. Además, el planteamiento es escalable y adaptable a las necesidades futuras del negocio y facilita la integración con otras herramientas de marketing y análisis.

58
00:12:46,970 --> 00:13:15,950
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.

59
00:13:15,950 --> 00:13:29,330
Como comentaba antes, un sistema de reservas sencillo y adaptable a todos los usuarios en tres sencillos pasos, indicado en todo momento.

60
00:13:29,330 --> 00:13:44,129
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.

61
00:13:44,129 --> 00:13:56,509
Las lanchas rápidas y las excursiones también en velero nos permiten seleccionar la ruta de Poniente, la de Levante o una ruta Tico-Mortelín.

62
00:13:56,950 --> 00:14:09,049
Después desplegaríamos aquí el calendario con la disponibilidad de la excursión seleccionada y la ruta seleccionada.

63
00:14:09,049 --> 00:14:30,490
He dejado el hueco, como se está viendo, ¿vale? 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.

64
00:14:30,490 --> 00:14:54,570
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.

65
00:14:54,570 --> 00:15:20,070
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.

66
00:15:20,070 --> 00:15:46,830
Vamos a darle a siguiente, veo que tengo que rellenar los campos correspondientes, voy a poner aquí y finalmente en el tercero de los pasos un pequeño resumen de las opciones que ha elegido la persona que está haciendo la reserva con la opción de quitar, ¿vale?

67
00:15:46,830 --> 00:15:49,570
mis flechas son flexibles, se le informa

68
00:15:49,570 --> 00:15:51,350
de que el equipo snorkel está

69
00:15:51,350 --> 00:15:53,409
incluido, desglose

70
00:15:53,409 --> 00:15:54,830
completo de los datos

71
00:15:54,830 --> 00:15:57,549
despliegue de la política de cancelación

72
00:15:57,549 --> 00:15:59,610
anulación y reservas y finalmente

73
00:15:59,610 --> 00:16:01,730
tiene que seleccionar el método de pago

74
00:16:01,730 --> 00:16:03,370
seleccionaría el método de pago

75
00:16:03,370 --> 00:16:05,710
y ya diría

76
00:16:05,710 --> 00:16:07,649
a lo que sería

77
00:16:07,649 --> 00:16:09,389
la ventana de pagar

78
00:16:09,389 --> 00:16:11,289
que conectaría con la pasarela

79
00:16:11,289 --> 00:16:13,370
de pago. Las siguientes

80
00:16:13,370 --> 00:16:15,669
pantallas que aparecerían

81
00:16:15,669 --> 00:16:34,450
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.

82
00:16:34,450 --> 00:17:02,320
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.

83
00:17:02,320 --> 00:17:17,500
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,