Calendario de eventos

Un módulo que puede necesitar una aplicación web es la de un calendario donde sus usuarios puedan administrar eventos.

El objetivo de la aplicación que implementaremos es:

  • Mostrar un calendario donde al usuario se le permita seleccionar una fecha cualquiera y mediante un diálogo ingresar el nombre del evento, una descripción, una fecha y hora de inicio y fin.
  • Permitir modificar y borrar eventos cargados previamente en el calendario.
  • Disponer de otra página que permita administrar eventos predefinidos que luego puedan disponerse mediante drag and drop al calendario general de eventos.

Para el desarrollo de nuestra aplicación para administrar un calendario de eventos nos vamos a valer de las siguientes tecnologías:

  1. PHP (Comunicarse con MySql para recuperar y enviar datos de eventos del calendario, responder a las peticiones del navegador web)

  2. MySql (Almacenamiento de eventos del calendario)

  3. HTML (Estructura de la página web donde se muestra la interfaz del calendario)

  4. CSS (Permitir mostrar los datos en forma legible)

  5. Bootstrap 4 (Librería de CSS que nos facilita implementar la interfaz visual de la aplicación y nos reduce el códico CSS a codificar)

  6. JavaScript (Interactuar con los datos en el navegador web)

  7. FullCalendar (Es un plug-in JavaScript que nos permite administrar un calendario y sus eventos, tiene vistas por mes, semana y día. Se debe agregarle toda la funcionalidad para agregar, borrar y modificar eventos. Debemos también codificar todos los algoritmos de comunicaciones con el servidor web para almacenar y recuperar eventos)

  8. ClockPicker (Es un plug-in JavaScript que nos muestra un reloj para la selección de una hora y minuto determinado)

  9. Moment.js (Es un librería de JavaScript que nos permite dar formato, validar, manipular y mostrar fechas y horas)

  10. JQuery (Acceder al DOM del navegador en forma sencilla)

  11. DataTables (plug-in de jQuery que implementar una interfaz muy rica para interacturar con los datos en el navegador y permite comunicarse con el servidor para recuperar datos)

  12. AJAX (Nos permitirá comunicarnos con el servidor para la recuperación y envío de datos, evitando tener que refrescar la página web)

  13. JSON (Será el formato de datos para enviar y recuperar datos de nuestro servidor)

Retornar