{"id":268,"date":"2023-05-10T05:23:50","date_gmt":"2023-05-10T05:23:50","guid":{"rendered":"https:\/\/pacohunterdev.com\/blog\/?p=268"},"modified":"2023-05-10T05:23:50","modified_gmt":"2023-05-10T05:23:50","slug":"sistema-para-administracion-de-adeudos-escolares","status":"publish","type":"post","link":"https:\/\/pacohunterdev.com\/blog\/2023\/05\/10\/sistema-para-administracion-de-adeudos-escolares\/","title":{"rendered":"Sistema para administraci\u00f3n de adeudos escolares"},"content":{"rendered":"\n

En esta ocasi\u00f3n te presentar\u00e9 un peque\u00f1o sistema para llevar el control de adeudos en un sal\u00f3n de clases. Se me ocurri\u00f3 hacer este sistema despu\u00e9s de escuchar que en el sal\u00f3n de mi sobrino llevan el control de los pagos. Quiero mencionarte que lo hice seg\u00fan a c\u00f3mo imagino que hacen los pagos y esas cosas.<\/p>\n\n\n\n

Si gustas ver la demostraci\u00f3n puedes ver este v\u00eddeo <\/a>y el c\u00f3digo est\u00e1 por aqu\u00ed<\/a>. Para el desarrollo us\u00e9 Codeigniter 3, Materialize css y JavaScript.<\/p>\n\n\n\n

Inicio<\/h2>\n\n\n\n

En la p\u00e1gina de inicio aparecen los totales generales de: ALUMNOS, BAJAS, PAGOS. Adem\u00e1s de los totales de alumnos activos, bajas y pagos de cada grupo que se encuentren registrados adem\u00e1s de unas peque\u00f1as gr\u00e1ficas.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Alumnos<\/h2>\n\n\n\n

En este apartado lo primero que se puede hacer es ver los grados y grupos que est\u00e1n registrados. En el modal que se abre se pueden ver o agregar nuevos grados o grupos.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Los alumnos se pueden filtrar por nombre, apellido o por grado y grupo<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Con el Floating Action Button (creo que as\u00ed se llama, el boton que est\u00e1 flotando en la parte derecha) aparecen las opciones de ver los alumnos dados de baja (se muestran todos) y agregar un nuevo alumno. Cabe se\u00f1alar que el alumno se registrar\u00e1 en el grado y grupo que est\u00e9n seleccionados.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

En la tabla de alumnos, en primer lugar, si la fila del alumno est\u00e1 en color gris indica que el alumno est\u00e1 dado de baja, en este caso solo se podr\u00e1n ver los pagos que el alumno realiz\u00f3.<\/p>\n\n\n\n

En las opciones que aparecen adem\u00e1s de la de editar y dar de baja, est\u00e1 la de administrar lo pagos, esto despliega un modal en el que aparecen las cuotas que est\u00e1n asignadas al grupo al que pertenece el alumno.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

En el modal aparecen las cuotas pagadas\/ pendientes y el total pagado\/ pendiente.<\/p>\n\n\n\n

Para marcar una cuota como pagada basta con marcar el check de la cuota, al hacerlo ya no se podr\u00e1 desmarcar.<\/p>\n\n\n\n

Las filas que aparecen en rojo indican que la cuota ya se pas\u00f3 la fecha de vencimiento y en verde que ya ha sido pagada.<\/p>\n<\/div>\n<\/div>\n\n\n\n

Cuotas<\/h2>\n\n\n\n

Aqu\u00ed se pueden registrar las cuotas que ser\u00e1n asignadas a los grupos. Uno cuota puede ser asignada a uno o varios grupos. En la pantalla principal se observan el n\u00famero de cuotas asignadas a cada grupo as\u00ed como la tabla de todas las cuotas que est\u00e1n registradas, estas pueden filtrase por grado y grupo para ver solo las que pertenecen a 1\u00b0 A por ejemplo.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n

Para agregar la nueva cuota se pulsa el bot\u00f3n que tiene el +.<\/p>\n\n\n\n

Se coloca la informaci\u00f3n. La cuota puede ser asignada a uno o varios grupos, para esto us\u00e9 el componente de chips-autocomplete de Materialize.<\/p>\n<\/div>\n<\/div>\n\n\n\n

Pagos<\/h2>\n\n\n\n

En esta secci\u00f3n aparecen los pagos que se realizan. en la tabla se muestra el alumno, grupo al que pertenece, la cuota y pago. El bot\u00f3n de mostrar pagos muestra todos los pagos realizados por el alumno en cuesti\u00f3n.<\/p>\n\n\n\n

En la parte izquierda hay informaci\u00f3n de los pagos por cuota y los pagos por grupos.<\/p>\n\n\n\n

Se pude filtrar la informaci\u00f3n por grupo o por rangos de fechas seleccionadas.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Configuraci\u00f3n<\/h2>\n\n\n\n

Por \u00faltimo, en esta parte se modifica el nombre de usuario, correo y contrase\u00f1a empleadas en el inicio de sesi\u00f3n. Ah para el inicio de sesi\u00f3n se coloca el usuario y contrase\u00f1a. Adem\u00e1s, en el inicio de sesi\u00f3n al fin agregu\u00e9 la opci\u00f3n de olvid\u00e9 mi contrase\u00f1a<\/em><\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Conclusi\u00f3n<\/h2>\n\n\n\n

Cuando estaba en la universidad me dejaron realizar un peque\u00f1o sistema con CI, en aquellos a\u00f1os us\u00e9 Materialize por primera vez y me gust\u00f3 pues el dise\u00f1o de material design me parec\u00eda bastante bonito. Al realizar este ejercicio record\u00e9 aquellos a\u00f1os, adem\u00e1s se me hizo f\u00e1cil el empleo de estos frameworks. Por otro lado, para el cliente opt\u00e9 por no utilizar ning\u00fan framework (bueno tal vez solo un poco de JQuery para inicializar los componentes de Materialize) dado que es la primera vez que empleo puro Javascript para hacer las peticiones e interactuar con el DOM (o como se diga). S\u00e9 que hay errores y cosas que se pueden hacer de mejor manera, pero fue el primer sistema que realizo de esta manera. Al final de cuentas me gust\u00f3 el resultado y lo m\u00e1s importante es que funciona.<\/p>\n\n\n\n

C\u00f3digo<\/h2>\n\n\n\n

El c\u00f3digo lo encuentras en GitHub<\/a>, al descargarlo dentro de application<\/strong> se encuentran las vistas, modelos y controladores de CI, en la carpeta de assets <\/strong>est\u00e1n todos los archivos de js y css necesarios. Tambi\u00e9n va la base de datos de ejemplo llamada adeudos_salon<\/strong> lista para ser importada en una bd con el mismo nombre. Te recomiendo guardar los archivos en una carpeta llamada adeudos-salon<\/strong>, si cambias el nombre de la carpeta o la base de datos, se deben modificar los siguientes archivos<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Si quieres cambiar el nombre de la base de datos, modif\u00edcalo en application\/config\/database.php<\/p>\n\n\n\n

Si cambias el nombre de la carpeta<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En application\/config\/config.php cambia adeudos-salon por el nombre deseado y<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

En assets\/js\/peticiones.js cambia en RUTA_GLOBAL donde dice adeudos-salon por el nuevo nombre.<\/p>\n\n\n\n

Para acceder al sistema se coloca http:\/\/localhost\/adeudos-salon\/index.php\/usuario\/login <\/p>\n\n\n\n

Creo que eso es todo, ah el usuario que va en la base de datos es paco_hunter_dev<\/strong> y la contrase\u00f1a PacoHunterDev,<\/strong> igual ya va la opci\u00f3n de cambiar la contrase\u00f1a en el login.<\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

En esta ocasi\u00f3n te presentar\u00e9 un peque\u00f1o sistema para llevar el control de adeudos en un sal\u00f3n de clases. Se me ocurri\u00f3 hacer este sistema despu\u00e9s de escuchar que en el sal\u00f3n de mi sobrino llevan el control de los pagos. Quiero mencionarte que lo hice seg\u00fan a c\u00f3mo imagino que hacen los pagos y esas cosas. Si gustas ver la demostraci\u00f3n puedes ver este v\u00eddeo y el c\u00f3digo est\u00e1 por aqu\u00ed. Para el desarrollo us\u00e9 Codeigniter 3, Materialize css y JavaScript. Inicio En la p\u00e1gina de inicio aparecen los totales generales de: ALUMNOS, BAJAS, PAGOS. Adem\u00e1s de los totales...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,15,14,1],"tags":[26,23,27,12,11],"class_list":["post-268","post","type-post","status-publish","format-standard","hentry","category-javascript","category-mysql","category-php","category-uncategorized","tag-codeigniter","tag-javascript","tag-materializecss","tag-mysql","tag-php"],"_links":{"self":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/comments?post=268"}],"version-history":[{"count":5,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/268\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/posts\/268\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/media?parent=268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/categories?post=268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pacohunterdev.com\/blog\/wp-json\/wp\/v2\/tags?post=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}