Uso del CSS en el prototipo

¿Qué es CSS?

Su definición Hojas de Estilo en Cascada (por su traducción en inglés) que nos sirve para ver un documento en nuestra web. De esta forma ofrece una gran variedad de estilos y maneras de manipular y facilitar a los desarrolladores el control total sobre estilo y formato de sus sitios webs.

¿Cómo funciona?

CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML.

y con la explicacion sobre el css, les mostrare como teniamos el prototipo antes y el despues de usar css.

Anteriormente teniamos una web sencilla con el cual solo teniamos agregado un contenedor muy sencillo, y con la utilizacion del css, pudimos dar otrta vistosidad a la web en la cual el contenedor, una parte superior y alos costados para centrarlo correctamente

ANTES INDEX

AHORA INDEX

ANTES REGISTRO

AHORA REGISTRO

AQUI CUANDO EL USUARIO O ALUMNO YA INGRESA

ANTES SE MOSTRAVA ESTO CAUNDO EL ALUMNO INGRESAVA

AHORA CUANDO SE ACCEDIO

Y EL CODIGO DE LA ULTIMA MOSTRANDO LA UTILIZXACION DEL CSS

Sesiones funcionando

Como en la publicacion anterior les comente de las sesiones, y que esa seria la solucion a la pequña duda q tenia. ahora les mostrare el codigo que utilize para poder validar los usaurios y asi porder ingresar correctamente con su usuario y password.

en el siguiente codigo, se muestra las sesiones y se ve de primer plano la conexion ala base de datos, luego tenemos las variables que utilizaremos y el metodo POST, luego tenemos el query en este caso sera un SELECT y la tabla que deseamos y los campos que deseamos validar, en mi caso fue, Usuario y Password, y por ultimo el fetch_object para que usemos la llave primaria de esa tabla (IdUsuario)

aqui teneos la ventana para que el usuario ingrese, y si el usuario accede muy bien suusuario y contraseña podra ingresar ...
aqui temos la pantalla donde se muestra que el usuario logro acceder y se muestran algunos datos de este.

Revision del Proyecto Viernes

El dia de hoy el profesor reviso los avances del prototipo, en el cual ya deveria tener implentado los cadigos php que el nos proporciono. como son, modificar,borrar,editar,guardar, y que el prototipo ensi este siendo actualizado y funcional, y que este sea lo mas real posible, el pequño problema que tuvimos fue que el prototipo aun no valida si el usuario pone un dato mal.

El profesor nos explico que al decir que sea lo mas real posible, pensemos que el usuario puede cometer cualquier error y el prototipo deve estar preparado para enfrentar esas situaciones, asi que ASM estara trabajando para lograr ese objetivo..

--Repaso de la semana--archivos para modificar

ahora les mostraremos los codigos que se hicieron en la clase del miercoles, los cuales nos sirve para modificar un dato de una tabla..

en una tabla que ya tuviesemos creada le creariamos una nueva fila para crear la opcion de modificar en esta ocasion el profesor manejo el link y utilizamos [E] para saber que esa seria la opcion editar o modificar.

este es el codigo que proporciono el profesor para hacer el archivo editar.php o modificar.php como vemos este crea las tablas, y los campos de texto, para que asi nosotros podamos ingresar los datos que qerramos modificar. y este a su vez contiene o llama al archivo actualizar.php

actualizar.php es aqui donde se crea el sql UPDATE para la tabla que queremos modificar y el campo expecifico

por ultimo tenemos la ventana de modificar, es aqui donde nosotros podemos cambiar nuestros datos y guardarlos nuevamente

--Repaso de la semana- lo que paso en el examen..

el martes 5 de abril 2011, el profesor nos aplico una pequeña evaluación, el objetivo fue saber aplicar los códigos php para la evaluación y así saber si realmente los estamos aplicando..

En el examen lo que me toco realizar fue lo siguiente: realizar un campo de texto el cual llamaríamos "comentario" y en este podría ingresarse un texto algo grande y guardarlo en la base de datos.

aqui tenemos las imagenes de lo que hice..

como primer paso fue agregar a un formulario un "textare" y en el prototipo quedo de la siguiente forma..

el codigo que emple fue el siguiente..

en este se crea el formulario para el usuario,, y solo le añadió el "textarea" para hacer los comentarios

el codigo php para guardarlo, solo sufrio la modificacion de crear la variable para guardar el comentario con; $Comentario y el nombre de este, que era "textarea" y esataremos enviado la informacion por el metodo GET.

En el sql para insertar en la tabla solo se le mando a llamr como lo asginamos en la BD. aqui vemos que dice"Comentario" y en el VALUE se manda la variable que usamos para almacenar el taxtarea que era $Comentario.

aqui podemos ver la estructura de esa tabla alumnos de la BD y el campo que se le agreo "Comentario" lo cree de tipo mediumtex para que almacenara un texto grande

ya como ultimo paso hacemos el registro llenando el formulario y en campo de texto escribí lo siguiente: esto fue la prueba del examen.. y funciona correctamente.. "creado por: Miguel de Jesus"

como resultado final tenemos que el registro se obtuvo satisfactoriamente y los datos se almacenaron el la tabla.. y el comentario también se guardo completo

mejorando el prototipo

con el avance del prototipo, me surgió una pequeña duda, de como hacer que un usuario ingrese con su usuario y contraseña, y el usuario pueda realizar sus tramites correspondientes. La cuestion de la duda es como hacer que el usuario ya no tenga que escribir datos demas en la solicitud que desea realizar. por ejemplo

el alumno se registra (nombre,apellidopaterno,apellidomaterno,usuario,contraseña,etc)

y para que el momento de guardar en la base de datos, el usuario yano llene esos datos por que ya tiene un registro previamente de estos datos, y lo que haria seria solo llenar los datos faltantes, para resolver esta duda busque formas de como ingresar o acceder o validar un usuario, y me llevo a una cosa "sesiones con php"

y aqui un poco sobre lo que encontre de las sesiones con php y para que funcionan.

Las sesiones, en aplicaciones web realizadas con PHP y en el desarrollo de páginas web en general, nos sirven para almacenar información que se memorizará durante toda la visita de un usuario a una página web. Dicho de otra forma, un usuario puede ver varias páginas durante su paso por un sitio web y con sesiones podemos almacenar variables que podremos acceder en cualquiera de esas páginas.

Digamos que las sesiones son una manera de guardar información, específica para cada usuario, durante toda su visita. Cada usuario que entra en un sitio abre una sesión, que es independiente de la sesión de otros usuarios. En la sesión de un usuario podemos almacenar todo tipo de datos.

con este dato importante se me aclararon las dudas y estoy seguro que es la solucion de la duda que tenia, ahora estaremos adaptando al prototipo las sesiones php.

aplicacion para guardar registro

Ahora les mostramos los avances en nuestro prototipo.. en esta ocasión se muestra que el prototipo ya puede guardar registro a nuestra base de datos, mediante un formulario que el usuario tiene que rellenar debidamente..

aquí tenemos el código php para guardar los datos en la BD

aquí tenemos la implementación en nuestro prototipo donde se muestra el formulario que se deve llenar para que posteriormente pueda ingresar el usuario a realizar su tramite correspondiente

y como muestra el resultado... la base de datos guardo correctamente los datos del usuario

--Repaso de la semana--

Ahora les mostraremos avances de nuestro prototipo.. en este se implemento el codigo php. para mostrar los registros (datos almacenados) de la BD.. pero esto solo lo puede realizar el administrador de nuestro protipo.

Esta son las imagenes..

Aqui el administrador ingreso y pude elegir entre las opciones para ver los registros de la BD

Aqui el administrador esta consultando la BD y la tabla de Carreras
y aqui la consulta de las solicitudes

--Repaso de la semana--

En esta semana el profesor nos proporcioo el codigo para ingresar ala base de datos... y en esta ocasion el codigo php para eliminar un registro de la base de datos

ahora mostrare el codigo que empleamos..

y aqui mostramos algunos de los datos de la BD.. en este caso se procedera a borrar el usuario llamdo mayra..

ahora ejecutando el codigo en nuestro servidor queda de la siguiente manera..

y aqui le muestro el que se borro de la base de datos.. y que yano aparece en la BD

--Repaso de la semana--

En esta semana el profesor nos proporciona muchas material para empezarlo aplicar a nuestros prototipos.

Uno de los ejemplos que vimos en esta semana fue, constultas..

mediante php se creo un archivo el cual nos permitiria ver usuarios de la BD de y asi poder ingresar a ella.. seleccionando el usuario. aqui tenemos las imagenes del codigo..

y como resultado.. en nuestro servidor empleamos el codigo php. y se obtuvo los sigueintes resultados...

De esta forma se pudo acceder ala base de datos mediante el codigo php.