Ejemplo de CSS

El uso de CSS, es de gran importancia en el desarrollo de pagas web, pues permite, un mejor control sobre el estilo y posicionamiento de los elementos en la pagina. Ademas de que permiten una homogeneidad en el estilo de todo el sitio. Ahora mostramos algunas de las pantallas en un antes de después de usar CSS.

Sin CSS	Con CSS

---

---

---

Revisión de proyecto Viernes 8

La clase de hoy fue para revisar los avances en el proyecto, previo a la primera exposición de casos de uso la próxima semana, solo mostramos la pagina de "registro de cambio de carreras".

En base a las observaciones del profesor, se cambio el diseño de la BD, se eliminaron algunas tablas, y otras se modificaron.

La tabla de usuarios tenia en un principio como clave primara compuesta por "IdUsuario" e "Email", y era un campo auntoincrementable, y como era de esperarse generaba usuarios repetidos, por eso se elimino este campo, y en su lugar se agrego una llave foránea basada en "NumControl" de la tabla alumnos, quedando como PK en la tabla de Usuarios el campo "Email".

Las tablas de "SolicitudCambio", "SolcitudEquivalencia", "SolicitudRevalidacion", "SolicitudTraslado", "SolicitudConvalidacion" desaparecieron de la BD. En su lugar solo se dejo la tabla "Solicitud". Ahora como era de esperarse la BD a pasado de 15 tablas a solo 12. Y se a generado un nuevo DER.

El DER anterior era este:

Cambio Carerra Terminada y codigo de Editar

En dia de hoy, el profesor nos proprociono otro codigo, es esta ocación para editar, registro, y consistio basicamente en 3 archivos, el primero se reutilizo el codigo generado para eliminar registros y en su lugar solo se agrego otro fragmento.

La primera pagina genera algo como esto:



Cuando nos ubicamos en la parte de la [E], esta nos madara automaticamente a otra pagina, donde se generara un formulario con los datos del registro que deseamos editar.



Los codigos usados son los siguientes:


Y esa fue la actividad de hoy.

Con respento al prototipo, a estas alturas podemos decir que tenemos una pagina en un 90% terminada, y es que ya guarda correctamente en las 4 tablas involucardas en el proceso, pero faltan algunos mejoras para hacer más dinamica la pagina, que de acuerdo a las investigaciones realizadas, haremos uso de JavaScript, para tales fines. ahora la pagina ha queda de la siguiente manera.

El código usado para guardar correctamente desde la pagina en la BD es el siguiente.

Examen y avances en CAMBIO DE CARRERA

El dia de hoy, anque ya estabamos enterados, fue el examen, no estubo nada dificil, en realidad solo fue una actividad sencilla, que consistia en modificar alguna de las tablas de la BD, basicamente agregar un campo, y desde luego aplicar los Códigos que ya habiamos visto y guardar en la BD, algo sencillo, pero, para algunos de los compañeros se les complico un poco.

Por otra parte, nos hemos centrado en terminar la pagina de el registro de cambio de carrera, se ha insertado dos partes de codigo PHP, el primero se encuentra en donde se seleciona la carrera actual, en un principio estos datos los predifiniamos desde HTML, ahora gracias a este codigo se genera apartir de la BD.



No hemos podido escribir el codigo en el blog, asu que lo mostramos la imagen, pulsen en ella para verla en un tamaño mas comodo.

Modificaciones al diccionario

El dia de hoy, despues de un analisis a la tabla de usuarios, el equipo OSEAS realizo una modificacion, se elimino el campo de usuarios, y en su lugar se utilizara el campo Email, para que los usuarios de identifiquen en el sistema, esto con el fin de optimizar un poco la base de datos, ademas, usando el E-MAIL de cada usuario nos aseguramos de indentificar cada registro y ademas le brindamos la posibilidad de que pueda recordar como identificarse en el sistema.

El dia de hoy no hubo clases, pero, seguimos trabajando en adaptar el prototipo a las nuevas especificicones de la BD. Ahora la pantalla de Inicio de sesión a cambiado un poco.

---

---

Ademas, aunque no nos encontramos en la parte de validación, ya nos encontramos investigando sobre el tema, para adelantarnos y estar bien informados cuando llegue el momento de checar estos aspectos. De momento aun no hemos podido adaptar el codigo de insertar al prototipo, aunque gracias a la ayuda de los compañeros de los equipos participantes, estamos a unos pasos de lograr hacerlo, esperemos que el dia de hoy quede listo.

01 de Abril //Vistas en Navicat

En la clase de hoy, el profe hizo mucho enfasis en el uso de vistas, y la verdad es que son de mucha ayuda, pues facilitan las consultas a las BD, com oya menionamos en publicaciones anteriores, las vistas son tablas virtuales, y pueden agrupar mas de una tabla.

El diseño de vistas desde navicat es muy intuitivo y fácil, pues todo se hace conn solo arrastrar tablas y indicar las relaciones con el puntero, y se muestra un DER de las relaciones utilizadas para crear las vistas

---

---

El codigo SQL generado para esta vistas es el siguiente:

select `usuario`.`Usuario` AS `Usuario`,`usuario`.`Email` AS `Email`,`usuario`.`Telefono` AS `Telefono`,`alumno`.`NumControl` AS `NumControl`,`alumno`.`NombreAlumno` AS `NombreAlumno`,`alumno`.`Paterno` AS `Paterno`,`alumno`.`Materno` AS `Materno`,`solicitud`.`Folio` AS `Folio`,`solicitud`.`Asunto` AS `Asunto`,`solicitudtraslado`.`IdCarrera` AS `IdCarrera`,`usuario`.`Password` AS `Password`,`solicitud`.`Ciclo` AS `Ciclo`,`solicitudtraslado`.`ClaveTrabajo` AS `ClaveTrabajo`,`carrera`.`NombreCarrera` AS `NombreCarrera`,`escuela`.`NombreEscuela` AS `NombreEscuela`,`escuela`.`Ubicacion` AS `Ubicacion` from (((((`usuario` join `alumno` on((`usuario`.`IdUsuario` = `alumno`.`IdUsuario`))) join `solicitud` on((`solicitud`.`IdUsuario` = `usuario`.`IdUsuario`))) join `solicitudtraslado` on(((`solicitudtraslado`.`Folio` = `solicitud`.`Folio`) and (`solicitudtraslado`.`Ciclo` = `solicitud`.`Ciclo`)))) join `carrera` on((`solicitudtraslado`.`IdCarrera` = `carrera`.`IdCarrera`))) join `escuela` on((`solicitudtraslado`.`ClaveTrabajo` = `escuela`.`ClaveTrabajo`)))

Y la vista genrada es la siguientes:

---

---