OBJETIVO: El proyecto de sistema de matrícula de alumnos tiene como objetivo automatizar y simplificar el proceso de inscripción y matrícula en una institución educativa. A través de una plataforma en línea, los estudiantes y el personal administrativo podrán completar la información necesaria para inscribirse en los cursos deseados. El sistema mejora la eficiencia, reduce la carga administrativa y garantiza una matrícula oportuna. INTRODUCCIÓN El sistema de matrícula de alumnos es una solución que automatiza y simplifica el proceso de inscripción en instituciones educativas. A través de una plataforma en línea, los estudiantes pueden seleccionar sus cursos de manera eficiente. Esto agiliza el proceso, evita complicaciones y retrasos, y mejora la experiencia tanto para los estudiantes como para el personal administrativo. INTERFAZ DE USUARIO Para el dieño se utilizo CSS junto con FXML en una aplicación JavaFX. Lo que permitió separar la estructura y el diseño de la interfaz del código, esto lo que hace es facilitar su mantenimiento. Para ello comenzamos creando un proyecto JavaFX (FXML Application) en NetBeans Desarrollamos nuestra interfaz de usuario con Scenebuilder: • Utilizamos la paleta en el lado izquierdo para arrastrar y soltar componentes de la interfaz en el lienzo. • Luego, editamos propiedades, aplicando estilos CSS y para establecer los controladores de eventos utilizamos el panel Inspector en el lado derecho. StackPane y AnchorPane son dos contenedores de diseño para organizar y posicionar componentes de la interfaz de usuario. FontAwesomeIcon es una biblioteca de iconos que proporciona iconos vectoriales de alta calidad. Label es un componente de la interfaz de usuario que muestra texto. Button y TextField los usamos para el registro de sesión con el usuario y así obtenemos los datos de entrada. El PasswordField está diseñado específicamente para ocultar los caracteres ingresados por el usuario. Css Usamos un conjunto de estilos CSS para aplicar a diferentes elementos de una interfaz de usuario. Estos estilos definen colores de fondo, bordes, tamaños de fuente y otros aspectos visuales. Luego que ya tenemos la interfaz de usuario vamos a iniciar y mostrar la interfaz de usuario de la aplicación, agregando la funcionalidad de arrastrar y soltar la ventana de la aplicación. El método `start()` carga un archivo FXML que define la interfaz de usuario. Se crea una escena a partir de este archivo y se muestra en el escenario de la aplicación. Se implementa la funcionalidad de arrastrar y soltar la ventana utilizando eventos del ratón, guardando la posición inicial y actualizando la posición del escenario mientras se arrastra el ratón. El estilo de la ventana se establece como transparente para eliminar el marco y se muestra el escenario. Después del inicio de sesión, se seguirán los mismos pasos para crear el panel de control del usuario. Usamos los siguientes para crear la interfaz: Ajustar a una posición específica, puede ser anclado a unAnchorPane permitiendo posicionar y anclar componentes en relación con los bordes del panel. Dentro del contenedor usamos Label para la parte superior una línea y agregamos los botones que se están mostrando. Para la parte de los íconos se usa FontAwesomeIcon el cual es una librería que se explico anteriormente.Podemos utilizar estos iconos para mejorar la apariencia y la experiencia del usuario. Css En general , esto se usó para: • • Colores de fondo: Se utilizan varios colores de fondo para diferentes elementos. Los ejemplos incluyen blanco (#fff), gris claro (#efefef), rosa claro (#fb3d63), púrpura claro (#960eea), azul claro (#1593e7), fondo blanco degradado (#f1e3fb) y degradados de púrpura a verde (#bd49dd y #2ca772). Colores de borde: Los elementos como el contenedor principal, los botones de cerrar y minimizar y los campos de texto utilizan el color de borde negro (#000). • Efectos de sombra: Se aplica un efecto de sombra a los elementos de la clase con un color de sombra de rgba(0,0,0,0.4).shadow. • Tipografía: Los tamaños de fuente, los colores del texto y las fuentes específicas (Arial, Tahoma) se especifican para elementos de texto específicos, como botones y campos de texto. • Anclas y alineación: Dentro de un formulario, se pueden establecer anclas y alineaciones para los botones de navegación, como alinear el texto a la izquierda y ajustar la posición de los elementos en relación con los bordes. • Tamaños y espacios: Para lograr el diseño deseado de la interfaz de usuario, se establecen los tamaños de los elementos, los márgenes y los rellenos. GESTIÓN DE USUARIOS Para la gestión de usuarios se utilizó una base de datos hecha en SQL, la cual se utiliza en el programa XAMPP, seejecuta un servidor web con todos los componentes necesarios para alojar y ejecutar sitios web. XAMPP es básicamente un acrónimo : X: cualquier sistema operativo (Windows, Linux, macOS, etc.). A: Apache, que es el servidor web utilizado para alojar y servir sitios web. M: MySQL, que es el sistema de gestión de bases de datos utilizados P: PHP es un lenguaje de programación ampliamente utilizado en el desarrollo de aplicaciones web interactivas y dinámicas. P: Perl es conocido por su capacidad para manipular texto y realizar tareas de procesamiento de datos. En resumen, XAMPP es una solución completa y lista para usar que permite configurar un entorno de servidor web local. Una vez instalado, proporciona un servidor Apache con soporte para PHP y Perl, así como acceso a una base de datos MySQL.( Esto facilita el desarrollo, prueba y depuración de sitios web y aplicaciones sin depender de un servidor en vivo.) **Te la sabes* BASE DE DATOS La base de datos sirve para almacenar y organizar la información relevante sobre los alumnos, sus cursos, horarios, calificaciones y cualquier otro dato necesario para administrar el proceso de matrícula. • Almacenamiento centralizado: La base de datos permite tener todos los datos relacionados con los alumnos en un solo lugar • Acceso frecuente y simultáneo de usuarios: Varios usuarios pueden acceder a la base de datos al mismo tiempo • Consultas y búsquedas: La base de datos permite realizar consultas y búsquedas rápidas y precisas • Actualización y modificación de datos: se nos permite añadir, modificar o eliminar registros de manera segura y consistente • Generación de informes y estadísticas: Con la base de datos, es posible generar informes y estadísticas sobre diferentes aspectos del sistema de matrícula • Seguridad de los datos: se puede implementar medidas de seguridad para proteger la información de los alumnos. Se nos muestra una implementación para establecer una conexión con una base de datos MySQL. Se importan las clases necesarias para interactuar con la base de datos y se define la clase `database`. El método `connectDb()` establece la conexión y devuelve un objeto `Connection`. Dentro del método `connectDb()`, se utiliza un bloque try-catch para manejar excepciones. Se carga el controlador JDBC específico de MySQL utilizando `Class.forName()`. Luego, se utiliza `DriverManager.getConnection()` para establecer la conexión con la base de datos MySQL, proporcionando la URL de conexión, el nombre de usuario y la contraseña. Utilizando este código en conjunto con otros componentes del sistema, se puede llamar a la función `connectDb()` para obtener una conexión válida con la base de datos MySQL llamada "studentdata" en el servidor local. Esto permitirá realizar diversas operaciones de lectura y escritura en la base de datos, como agregar, eliminar o consultar información relacionada con los estudiantes.
