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:

---

---

31 de Marzo Eliminar Datos

Hoy aprendimos otra función que utilizaremos en muchas de nuestras paginas, y esta es la que se refiere a la eliminación de registros de la BD. Para este utilizamos dos SCRIPT php una en el cual se realiza una consulta a la BD, y los resultado se presentan en una tabla como la siguiente.

La [X] es un vinculo que nos lleva a la pagina del SCRIPT donde se ejecuta la sentencia de Eliminar, Esto se logra como ya se menciono madando una variable con el campo que identifica de manera unica a cada registro (en este ejemplo NumControl), y se recupera esta mediante el metodo $_GET.

El SCRIPT uno es el siguiente:

Este ultimo solo se encarga de eliminar y mandarnos un mensaje informandonos de la accion que se a llevado a cabo

30 de Marzo Insertar Datos

Uno de los SCRIPT que más utilizaremos sin dudas, es el de guardar, y el día de hoy nos mostro el profesor un ejemplo de manera general y nosotros nos encargamos de adaptarlo a nuestro prototipo, aunque aun no lo hemos integrado completamente pues existen algunas pequeñas dudas.

El SCRIPT en cuestio es el siguiente:


   <?php //Sirve para guardar la solicitud una vez capturado los datos

if(isset($_POST['$usuario']))

{

$usuario = $_POST["usuario"];

$contraseña = $_POST["contraseña"];

$email = $_POST["email"];

$telefono = $_POST["telefono"];

$ncontrol = $_POST["numcontrol"];

$nombre = $_POST["nombre"];

$paterno = $_POST["paterno"];

$materno = $_POST["materno"];

$motivos = $_POST["motivos"];



$db = mysql_connect("localhost","root","");

mysql_select_db("satme");

$sql= "INSERT INTO usuario(Usuario,Password,Email,Telefono)

VALUES('$usuario','$contraseña','$email','$telefono')";

mysql_query($sql);

}

?>


Y se aplica al mismo tiempo una consulta en la misma pagina para poder elegir las carreras (fin. 6)


<?php

  $db = mysql_connect("localhost","root","");

  mysql_select_db("satme");

  $sql = "SELECT * FROM carrera WHERE      ClaveTrabajo='27DIT0001H'";

  $rs  = mysql_query($sql);

  echo "Carrera Solicitada:";

  echo "<select name='carrerasolicitada'>";

  while($ca = mysql_fetch_object($rs))

{

    echo "<option>" . $ca->IdCarrera ." ".$ca->NombreCarrera . "</option>";

}

  echo "</select>";

?>


---

---

Despues de probar en el Manejador de BD las consultas, el dia de hoy con la ayuda del profesor, ya empezamos a aplicar algunas de estas consultas en el prototipo. Aqui mostramos un ejemplo usado en la pagina donde el analista podra ver las solicitudes que aun no se les ha asignado una fecha de entrevista.

---

---

La consulta usada para generar esta pagina es el siguiente:

"SELECT solicitud.Folio,solicitud.Asunto,alumno.NumControl,
alumno.NombreAlumno,alumno.Paterno,alumno.Materno
FROM alumno
INNER JOIN solicitud
ON solicitud.IdUsuario = alumno.IdUsuario
ORDER BY solicitud.Folio";

Cosultas de tablas #1

Despues de tener un DER más consistente ahora la tarea es realizar las consultas a la base de datos, y comprobar que esta responda a como se espera. Aqui una de las cosultas que sera utilizada mucho en la ventana de los adminsitradores a la hora de asignar fechas de entrevistas a las solicitudes pedientes.

SELECT solicitud.Folio,solicitud.Asunto,alumno.NumControl,
alumno.NombreAlumno,alumno.Paterno,alumno.Materno
FROM alumno
INNER JOIN solicitud
ON solicitud.IdUsuario = alumno.IdUsuario ORDER BY solicitud.Folio

---

---

Esta otra se usara a la hora de mostrar la pantalla inicial cuando los solicitantes entren al sistema a revisar el estado de su solicitud.

SELECT
alumno.NumControl,
alumno.NombreAlumno,
alumno.Paterno,
alumno.Materno
FROM
alumno
WHERE
alumno.IdUsuario = 1

---

---

Modificaciones al Prototipo

Modificación Tablas

Después de un revisión a las tablas por parte de profesor, se añadió una tablas, esto a que se separo de la tabla "Carrera" el atributo "Plan de estudios", y esto genero una nueva tabla llamada "Plan de Estudio", todo debido a que una carrera puede tener mas de un plan de estudios en diferentes instituciones.

Aquí presentamos el nuevo esquema de distribución de las tablas, ahora que se ha definido un DER más consistente se procede ala comparación con el prototipo y como es de esperarse se están haciendo las modificaciones necesarias.

---

---

Vistas Y Consultas (Diferencias)

A simple vista, una consulta y una vista pareciera no tener diferencia alguna salvo por el nombre, pero en realidad internamente poseen grandes diferencias.

Primero que nada hay que aclarar que a las vistas y consultas, no se las llama tablas, mas bien son cursores, producen una salida en formato de Tabla que después de utilizarse es eliminado, a diferencia de las tablas que permanecen en el disco, solo se crean de manera temporal, aunque de ser necesario se pueden convertir en tablas (solo las consultas permiten esto).

Algunas de las diferencias entre vistas y consultas son las siguientes.

Consultas	Vistas
Pueden enviar sus resultados a un cursor especifico, guardar sus resultados en una tabla de manera permanente	Las vistas no pueden hacer esto, son un cursor predefinido y siempre se visualizan en una ventana examinar.
Los resultados ofrecidos son de solo lectura y por lo tanto no permiten modificaciones	Se pueden modificar de manera directa en la ventana examinar, y sus modificaciones se van automáticamente a las tablas de entrada.
Se pueden guardan en archivos independientes	No tienen archivos propios, si no que residen en la misma base de datos

Diagrama ER y avance #3 Diccionario

Después de un fin de semana relajado, el día de hoy, el equipo OSEAS tiene un esquema ER preliminar de la BD SATME, se logro una vez que se completo en un 90% el diccionario, aun quedan algunas dudas, pues hay datos que al parecer no son necesarios en el diccionario, pero esperamos resolver las dudas con la ayuda del profesor, y de una vez poder tener un esquema final, que se adapte a todos los requerimientos del sistema. Aquí dejamos una imagen del DER de SATME.

---

---

Como se mencionaba se agregaron más datos al diccionario, después de hacer una segunda revisión a los documentos proporcionados por el profesor, ademas, de tomar las ideas de los demás equipos que se encuentran participando en el proyecto "Movilidad". Sin más preámbulo dejamos el enlace.

VER AQUI

Avance BD 18/Marzo

Debido a retrasos previos a la creación del diccionario de datos, solo se presentaron 4 tablas, y las restantes se encuentran en fase de normalización. En esta ocasión estamos utilizando por primera vez el NAVICAT, un software de gestión de BD, muy amigable para el MySQL, facilita muchas cosas, y permite un manejo mas simple de las reglas de integridad referencial. Muy recomendado ;).

---

---

Las tablas presentes aun esta sujetas a algunos cambios, los cuales se encuentran actualmente en revisión por parte del equipo OSEAS, "Trabajando...." :D

Avances del diccionario de Datos #3 17/Marzo

Ya se han comparado el prototipo, el diccionario y la documentación, y aquí presentamos el último avance del diccionario de datos, esperemos haber cubierto todos los requisitos del sistema, y es un hecho que si no, se agregaran o modificarán los datos necesarios

Ver Aqui

Avances del proyecto 17/Marzo

Después de estar alejados de actividades sobre el prototipo, el día de hoy se comparo con el diccionario de datos, y nos dimos por enterado que muchos de estos datos no estaban reflejados en el prototipo y he aquí algunas de las modificaciones al prototipo. La principal, fue agregar algunos campos para poder enviar información de su registros a los usuarios, como fue el Teléfono y el E-Mail. Ademas de que en una primera versión del prototipo el alumno se identificaba con su número de solicitud, pero, se llego al acuerdo de que sería un dato algunas veces difícil de recordar, así que le dimos la posibilidad a los Usuario de elegir un nombre de usuario que les resultara fácil a ellos.

---

---

Otra de las modificaciones significativas fue al registro de Revalidación

---

---

ahora nos centramos en comparar los tres elementos con los que contamos, el diccionario de datos, el prototipo y los documentos proporcionados por el profesor, y lograr que todos coincidan.

Tarea 2.-Normalización

VER AQUI

Avances del diccionario de Datos #2

Guiado en el avance de los demás equipos del proyecto de "transito y movilidad estudiantil" se presenta el segundo avance del Diccionario de Datos. en breve se analizara junto al prototipo y se mejorara si es necesario

Ver Aqui

NO sabíamos como iniciar el diccionario, pero por fin hemos iniciado, esperemos que se pueda completar a lo largo del día. En un inicio teníamos muchas dudas, pero poco a poco con la ayuda del maestro se resolvieron, y nos hemos dado cuenta que algunos datos no estaban considerados en el prototipo.