Proyecto Final Educación Superior Estructurado

Proyecto Final AGENDA ESCOLAR

INTEGRANTES: GUZMÁN BARRERA ERICKROMERO HERNÁNDEZ ISAACVENTURA SÁNCHEZ ANDRE MICHEL

'CON NUESTRA APP DE AGENDA ESCOLAR, ORGANIZAR TUS TAREAS, CLASES Y ACTIVIDADES NUNCA HABÍA SIDO TAN FÁCIL Y EFICIENTE'

Índice

01. Resumen

02. Introducción

03. Objetivos

04. Hipótesis

05. Delimitaciones

06. Metodología

07. Metas a futuro

08. Desarrollo

09. Justificación

10. Bibliografía

11. Figuras y tablas

12. Anexos

01

Resumen

La aplicación móvil de Agenda Escolar está diseñada para ayudar a estudiantes, padres y profesores a gestionar las actividades académicas de manera eficiente. Permite organizar tareas, exámenes, horarios de clases y eventos escolares en un solo lugar, facilitando la planificación y el seguimiento del progreso académico.

02

Introducción

Es útil para el alumnado de todas las edades (primaria a universidad) a la hora de ayudarle a organizar sus tareas de una forma metódica, mejorando también su capacidad de planificación. Permite organizar deberes y exámenes, listar los recordatorios de las tareas importantes en el calendario, crear horarios personalizados e, incluso, apuntar las calificaciones que se obtienen de las asignaturas.

03

Objetivos

La agenda digital completa y fácil de usar que permita a los usuarios gestionar sus tareas, eventos y compromisos de manera eficiente y eficaz. La aplicación debe ofrecer una interfaz intuitiva y funciones avanzadas que se adapten a las necesidades de los usuarios modernos..

Generales

Específicos

• Permitir la creación y gestión de tareas y eventos: Las tareas deben poder asignarse a categorías, establecerse prioridades y completarse. Los eventos deben poder programarse con fechas y horas específicas, agregarse a calendarios y recibir notificaciones.
• Ofrecer funciones de recordatorio y notificación: Las notificaciones deben ser personalizables y enviarse a través de diferentes canales, como correo electrónico, mensajes de texto o notificaciones push.
• Ofrecer funciones de búsqueda y filtrado: La aplicación debe permitir a los usuarios buscar y filtrar tareas y eventos por diferentes criterios, como fecha, hora, categoría y prioridad. Esto ayudará a los usuarios a encontrar rápidamente la información que necesitan.

El uso de una aplicación móvil de Agenda Escolar mejorará significativamente la organización y gestión del tiempo de los estudiantes, resultando en un aumento en el rendimiento académico y una reducción en el estrés relacionado con la gestión de tareas escolares.

04

Hipótesis

¿Cómo impacta el uso de una aplicación móvil de Agenda Escolar en la organización, gestión del tiempo y rendimiento académico de los estudiantes, así como en la comunicación entre estudiantes, padres y profesores?

Hipótesis 1

La integración de notificaciones push y recordatorios en tiempo real reducirá el número de tareas y exámenes olvidados por los estudiantes

Hipótesis 2

La funcionalidad de seguimiento del progreso académico proporcionará a los estudiantes y padres una visión clara del rendimiento escolar.

Hipótesis 3

La facilidad de comunicación entre estudiantes, padres y profesores a través de la aplicación mejorará la colaboración y la participación en las actividades escolares.

Hipótesis 4

La disponibilidad de un calendario unificado de eventos escolares reducirá los conflictos de programación y mejorará la asistencia a actividades extracurriculares

05

DELIMITACIONES

-Gestión de tareas y eventos: La aplicación se centrará en la gestión de tareas y eventos, y no incluirá otras funciones, como gestión de contactos o notas. -Usuarios individuales: La aplicación estará diseñada para usuarios individuales y no para equipos o empresas. -Plataformas móviles: La aplicación se desarrollará para plataformas móviles populares, como Android e iOS.

06

Metodología

-Desarrollo y Despliegue de la Aplicación: Implementar y distribuir la aplicación entre un grupo de estudiantes, padres y profesores en una escuela piloto.-Recopilación de Datos:--Antes del Uso de la Aplicación: Recopilar datos de referencia sobre el rendimiento académico, cumplimiento de tareas, niveles de estrés, y participación en eventos escolares.--Durante el Uso de la Aplicación: Monitorizar el uso de la aplicación y registrar métricas clave como la frecuencia de notificaciones, el uso del calendario y la interacción en la comunicación.

Trabajo de campo

¿Sabías que Genially permite compartir tu creación directamente, sin necesidad de descargas? Listo para que el alumnado pueda visualizarlo en cualquier dispositivo y aprender en cualquier lugar.

07

METAS A FUTURO

-Ayudar a los estudiantes a visualizar y planificar sus actividades diarias, semanales y mensuales. -Al tener una visión clara de sus responsabilidades, los estudiantes pueden distribuir mejor su carga de trabajo, evitando la procrastinación y el agobio de último minuto. -Enseñar a los estudiantes a priorizar tareas y a manejar su tiempo de manera eficiente.

-Sirve como una herramienta de comunicación, permitiendo a los padres estar informados sobre las actividades y responsabilidades de sus hijos. -Llevar un seguimiento del progreso académico y la evolución en la gestión de tareas.

08

Desarrollo

1. Diseño del formato: - Calendario anual**: Incluir un calendario con todas las fechas importantes del año escolar, como vacaciones, exámenes y eventos especiales. - Planificación semanal y diaria: Espacios destinados para que los estudiantes anoten tareas, exámenes y actividades diarias. - Secciones adicionales: Apartados para notas, recordatorios, objetivos a corto y largo plazo, y metas personales.

08. Desarollo

2. Digitalización y accesibilidad:

- Versión impresa y digital: Ofrecer tanto una agenda física como una digital, accesible desde dispositivos móviles y computadoras. -Sincronización con otras herramientas: Integrar la agenda digital con otras plataformas educativas utilizadas por la institución.

08. Desarollo

3. Capacitación y uso:

- Talleres y sesiones informativas: Capacitar a estudiantes y docentes sobre el uso efectivo de la agenda.

- Implementación progresiva: Introducir la agenda de manera gradual, permitiendo a los usuarios adaptarse al nuevo sistema.

04. Desarollo

4. Evaluación y retroalimentación:

- Encuestas y entrevistas: Recoger feedback de estudiantes, padres y docentes para identificar áreas de mejora. - Revisión anual: Revisar y actualizar el contenido y el formato de la agenda según las necesidades detectadas y las sugerencias recibidas.

JUSTIFICACIÓN

La implementación de una agenda escolar es fundamental en el contexto educativo moderno, dado que promueve una organización eficiente del tiempo y las actividades tanto para estudiantes como para docentes. Una agenda escolar facilita la planificación de tareas, exámenes y eventos, contribuyendo a una mejor gestión del tiempo y reduciendo el estrés asociado a la acumulación de actividades. Además, fomenta la responsabilidad y la autonomía en los estudiantes, habilidades cruciales para su desarrollo académico y personal.

INTERFAZ

Manejo e intercambio de datos

MANEJO DE ACCESO A DATOS

geolocalización

GPS

Visual

Google drive

Voz

Iniciar sesión

Táctil

Audio

Controles básicos

1.- ELEGIR ALMACENAMIENTO DE DATOS ADECUADO

1.-Datos del Usuario-Información de registro (nombre, correo electrónico, etc.)Preferencias y configuración de la aplicación2.-Datos de Tareas y Eventos-Información sobre tareas, eventos y recordatorios-Ubicaciones asociadas (coordenadas GPS)Estado de las tareas (completadas, pendientes, etc.)3.-Datos de Comunicación-Mensajes entre usuarios (estudiantes, padres, profesores)4.-Datos de Notificaciones-Recordatorios y alertas programadas

2. DEFINIR LA ESTRUCTURA DE DATOS

TABLA DE USUARIO

ID (identificador único)NombreCorreo electrónico (único)Contraseña (encriptada)Token de autenticación

TABLA DE TAREAS

ID (identificador único)TítuloDescripciónFecha de vencimientoEstado (completada o pendiente)ID de usuario (clave foránea para asociar con el usuario correspondiente)

TABLA DE EVENTOS

ID (identificador único)TítuloDescripciónFecha y hora del eventoUbicaciónID de usuario (clave foránea para asociar con el usuario correspondiente)

TABLA DE MENSAJES

ID (identificador único)Contenido del mensajeFecha y hora del mensajeID del remitente ID del destinatario

Paleta de colores de tonos tierra: • Esta paleta de colores es natural y acogedora, lo que la hace perfecta para estudiantes que buscan crear un ambiente de estudio cómodo.

Paleta de colores multicolor: • Esta paleta de colores es divertida y creativa, lo que la hace perfecta para estudiantes que expresan su personalidad a través de sus pertenencias.

3.- APLICAR PRINCIPIOS DE DISEÑO DE DATOS

Al crear tu cuenta, aceptas los Términos de servicio y la Política de privacidad

Opciones de Personalización: • Permitir que otros usuarios vean mi información: (sí/no) • Permitir que otros usuarios me envíen mensajes: (sí/no) • Compartir mi agenda con otros usuarios: (sí/no) Privacidad: • La información que proporciones en este registro de usuario se utilizará únicamente para fines educativos. • No compartiremos tu información personal con terceros sin tu consentimiento. • Tienes derecho a acceder, modificar y eliminar tu información personal en cualquier momento.

Información Personal: • Nombre Completo: • Fecha de Nacimiento: (dd/mm/aaaa) • Grado: • Grupo: • Institución Educativa: • Teléfono: • Correo electrónico: Información de Acceso: • Usuario: • Contraseña: (debe ser segura y fácil de recordar) • Pregunta de seguridad: • Respuesta de seguridad:

3.- ENCUESTA

11

TABLA DE FRECUENCIA

11

GRÁFICA

DISEÑO DE NUESTRA APLICACIÓN

DISEÑO DE NUESTRA APLICACIÓN

</div> <div class="next">&#10095;</div> <div class="moodle-logo">Moodle</div> </div> <div class="weekdays"> <div>Dom</div> <div>Lun</div> <div>Mar</div> <div>Mié</div> <div>Jue</div> <div>Vie</div> <div>Sáb</div> </div> <div class="days"> <!-- Días generados por JavaScript --> </div> </div></div><script src="script.js"></script>

CÓDIGO

<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Calendario Escolar</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="container"> <div class="calendar"> <div class="month"> <div class="prev">&#10094;</div> <div class="current-month"> Julio 2024

.moodle-logo { position: absolute; top: 10px; left: 10px; font-size: 16px; color: #fff; } .weekdays { display: flex; justify-content: space-around; background: #f4f4f4; border-bottom: 1px solid #ddd; } .weekdays div { width: calc(100% / 7); padding: 5px; /* Reduce el padding */ text-align: center; font-size: 12px; /* Reduce el tamaño de la fuente */ }

.calendar { display: flex; flex-direction: column; } .month { position: relative; /* Necesario para posicionar el logo de Moodle */ display: flex; justify-content: center; /* Centrar el mes y año */ align-items: center; padding: 10px 20px; background: #3b5998; color: #fff; } .prev, .next { cursor: pointer; }

CÓDIGO

<!DOCTYPE html> <body { font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f4f4f4; } .container { max-width: 600px; margin: 20px; background: #fff; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; }

function renderCalendar() { monthElement.textContent = `${monthNames[currentMonth]} ${currentYear}`; const firstDay = new Date(currentYear, currentMonth, 1).getDay(); const lastDate = new Date(currentYear, currentMonth + 1, 0).getDate(); daysElement.innerHTML = ''; for (let i = 0; i < firstDay; i++) { const emptyDiv = document.createElement('div'); daysElement.appendChild(emptyDiv); } for (let i = 1; i <= lastDate; i++) { const dayDiv = document.createElement('div'); dayDiv.textContent = i; const dayOfWeek = new Date(currentYear, currentMonth, i).getDay(); dayDiv.title = `${i} de ${monthNames[currentMonth]} de ${currentYear} - ${dayNames[dayOfWeek]}`; if (i === new Date().getDate() && currentMonth === new Date().getMonth() && currentYear === new Date().getFullYear()) { dayDiv.classList.add('today'); } daysElement.appendChild(dayDiv); } }

CÓDIGO

document.addEventListener('DOMContentLoaded', () => { const monthNames = ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"]; const dayNames = ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"]; let currentMonth = new Date().getMonth(); let currentYear = new Date().getFullYear(); const monthElement = document.querySelector('.current-month'); const daysElement = document.querySelector('.days'); const prevButton = document.querySelector('.prev'); const nextButton = document.querySelector('.next');

¡MUCHAS GRACIAS POR SU ATENCIÓN!

Permite a los usuarios interactuar con la aplicación mediante comandos de voz.

Presenta información de manera gráfica y clara, utilizando elementos como calendarios, listas y gráficos

GEOLOCALIZACIÓN

1.-Solicitud de Permisos-Al iniciar la aplicación por primera vez o al intentar acceder a funcionalidades de geolocalización, solicitar permisos de ubicación al usuario.-Explicar claramente por qué se necesitan estos permisos y cómo se usarán los datos.2.-Obtención de la Ubicación-Utilizar las APIs de geolocalización del sistema operativo para obtener la ubicación actual del usuario.-Actualizar la ubicación en intervalos regulares si es necesario para la funcionalidad de la aplicación.

Utiliza sonidos y notificaciones auditivas para alertar a los usuarios sobre eventos importantes.

Permite a los usuarios interactuar con la aplicación mediante toques, gestos y deslizamientos.

4.-Inicio de Sesión Fallido-Mostrar un mensaje de error específico y permitir al usuario intentar nuevamente o restablecer su contraseña.5.-Política de Contraseñas Fuertes-Requerir contraseñas que incluyan una combinación de letras, números y caracteres especiales.-Implementar verificación de fuerza de contraseña en el cliente y en el servidor.6.-Restablecimiento de Contraseña-Proceso seguro para restablecer la contraseña utilizando el correo electrónico del usuario.-Enviar un enlace de restablecimiento de contraseña con un token de un solo uso y tiempo limitado.

INICIAR SESIÓN

1.-Pantalla de Bienvenida-La pantalla inicial de la aplicación muestra opciones para iniciar sesión o registrarse.-Botones: "Iniciar Sesión" y "Registrarse".2.-Pantalla de Inicio de Sesión-Campos de Entrada: "Correo Electrónico" y "Contraseña".-Botones: "Iniciar Sesión", "Olvidé mi Contraseña" y "Iniciar Sesión con Google/Facebook" (opcional).3.-Inicio de Sesión Exitoso-Almacenamiento seguro del token de autenticación en el dispositivo.-Redirección a la pantalla principal de la aplicación, mostrando el calendario y las tareas del usuario.

1.-Registro de Usuario2.-Inicio de Sesión3.-Sincronización de Tareas y Eventos4.-Notificaciones5.-Actualización de Perfil6.-Comunicación entre Usuarios (estudiantes, padres, profesores)