URL: https://gestionxls.webcindario.com/calendar/
Descripción
Permite generar un código HTML para insertar un calendario en su web (con registro de eventos).
Pasos
1) Crear el código del calendario
- Ingresar a la página https://gestionxls.webcindario.com/calendar/
- En la sección 'Crear un calendario' (debajo a la izquierda) ingresar la contraseña que se utilizará para el acceso al panel de control (y futuras ediciones) y pulsar el botón 'Crear'.
(imagen 1)
- En pantalla aparecerá el id del calendario (superior izq) y sobre la columna derecha dos textbox con los códigos para copiar:
-- a) Código HTML que incluye un iframe y el link al calendario.
-- b) Un código CSS (con estilos para el iframe).
-- Ambos códigos son sugeridos, puede editarlos a gusto.
(imagen 2)
Nota: si desea ingresar eventos, en la parte inferior primero deben seleccionar el año para que se carge el formulario vacío (comentado en el paso 3).
2) Insertar el código en la web
- En esta prueba he creado un HTML con ambos códigos (iframe + CSS) y lo guardé en el escritorio; al ejecutarlo ya se carga el calendario (pero todavía no tiene eventos para mostrar).
(imagen 3)
3) Crear/editar/eliminar eventos
- Ingresar al panel de control (colocar el id del calendario y el password anteriormente ingresados) y pulsar el botón 'Ingresar'.
(imagen 4)
- Seleccionar el año que va a editar (selector en la parte inferior).
(imagen 5)
- Se cargará el formulario con los eventos que tenga registrados más 10 líneas vacías para nuevos eventos.
(imagen 6)
- Edite a gusto (columnas para mes, día y evento).
- Si desea quitar un evento de la lista, deje la fila vacía (o usela para incluir otro evento).
- Pulse 'Aplicar' para guardar los cambios.
Nota 1: mientras edita un pequeño código JavaScript validará el mes y día de cada evento (con base en el año que está editando) marcando la celda en un tono rojizo si hay alguna inconsistencia (aún así podrá enviar el formulario).
Nota 2: el orden cronológico en que ingresa los eventos sólo importa a Ud. (el script los detecta sin necesidad de ordenarlos).
- Antes de guardar los cambios en el servidor, el script validará los datos; los registros completos serán agregados sin más, los que presenten error (mes y/o día no válido y/o evento vacío) se devolverán luego en una tabla. Los eventos validados y aceptados ya quedan incluidos en el registro.
- Apenas guardados, los cambios se reflejarán en el calendario; los eventos se mostrarán en Negrita.
(imagen 7)
4) Cerrar sesión
- Pulse el botón 'Salir'.
Limitaciones
- Estilo del calendario: al tratarse de un iframe, debe ser completado desde el servidor con estilos (esto significa que todos lo verán igual y puede que no quede acorde a su web), y el JavaScript necesario (utiliza AJAX para actualizarse).
- Actualmente hay 2 años para editar eventos (2.011 y 2.012).
- Eventos diarios: de momento, sólo mostrará un evento/día (el control del texto del evento no tiene limitación de caracteres, así que puede ingresar todo en uno).
- Se puede navegar por el formulario mes a mes.
- Browsers: aún no hice pruebas exhaustivas, ni de estilos ni de JavaScript (desarrollado en Chrome).
- Performance: funcionamiento según las condiciones del servicio de Webcindario y Php instalado y configurado.
- El servidcio se presta 'tal cual', sin garantías de mi parte; lo usa si gusta, sino, no está obligado.
- Mantenimiento: intentaré la corrección (y mejoras) de bugs según disponibilidad.
- Probado en webs, desconozco aplicabilidad en foros/blogs (supongo que sí se puede incluir).
Seguridad
- Debe tener presente el id del calendario y la contraseña incluida al crearlo (no poder enviar un mail no hay forma de recuperarla, por otro lado, se guarda codificada con MD5).
- El almanaque quedará a la vista de la gente (y bots), así que no incluya eventos que puedan afectar la sensibiidad; aún así el creador es responsable del contenido.
Novedades: 03/Nov/11
Seguridad
- Captcha: he incorporado un captcha de 2 dígitos (solo para login o crear nuevo calendario).
(imagen 8)
- Cambio de password: ahora, desde el panel de control se puede cambiar la contraseña del
calendario. Para ello es necesario ingresarla 2 veces y pulsar el botón 'Actualizar'.
(imagen 9)
Código del iframe
- Ahora se puede obtener el código en cualquier sesión (anteriormente no); para ello con solo
pulsar en el párrafo se mostrará un TEXTAREA con el código del iframe y su estilo.
(imagen 10)
Estilos personalizados
- Puede editar los estilos; existen 3 alternativas, 2 son personalizadas, una por defecto:
- Personalizadas: pulse en el párrafo, se mostrará un TEXTAREA, aquí inicialmente
aparecerá el estilo por defecto (actual) y puede optar por.
-- editarlo.
-- ingresar una URL de una hoja de estilos personalizada (debe comenzar con 'http://').
- Pulse el botón 'Actualizar', los cambios se reflejarán al refrescar la pantalla (CTRL+F5).
- Default: si borra estos estilos (o cualquier otro error de servidor) se cargarán los estilos
por defecto (que son los actuales).
(imagen 11)
Editor de eventos
- Al cargar los eventos, ahora indica la cantidad de ellos.
- El script detecta el año actual y ya no lo incluye en el selector de año (no podrá seleccionar
2 veces consecutivas el mismo año).