Autenticación de usuarios

1.- Para comenzar necesitamos crear tres archivos php, los nombraremos de la siguiente forma:

2.- El archivo acceso.php debe contener el siguiente formulario:

HTML

3.- El archivo exito.php debe tener el siguiente mensaje:

4.- El archivo error.php debe tener el siguiente mensaje:

5.- Validamos el formulario del archivo acceso.php:

6.- Presionando el botón enviar activamos el siguiente comportamiento de servidor desde el panel de opciones: 

7.- Visualizaremos el siguiente formulario para la configuración, ingresar los siguientes valores:

Obtener entrada de formulario: Como ya teníamos un formulario creado en esta página el comportamiento utiliza este formulario para configurar el comportamiento.

Campo nombre de usuario: Es el input usuario del formulario.

Campo contraseña: Es el input de contraseña del formulario.

Validar utilizando conexión: Seleccionamos la conexión configurada anteriormente.

Tabla: Tabla de usuarios.

Columna nombre de usuario: Columna de la tabla de usuario correspondiente al usuario.

Columna contraseña: Columna de la tabla de usuario correspondiente a la contraseña.

Si la conexión es correcta, ir a: Si la conexión es correcta re direccionaremos al archivo exito.php.

Si falla la conexión, ir a: Si la conexión es incorrecta re direccionaremos al archivo error.php.

Restringir acceso por: Corresponde a los parámetros de sessión.

8.- En el panel de comportamientos visualizaremos el comportamiento creado:

9.- Presionar F12 y probar en el navegador.

Crear Tabla MySQL

Para realizar una autenticación de usuario validando la información ingresada desde un formulario con una tabla de una base de datos debemos seguir los siguientes pasos:

1.- Seleccionamos la siguiente base de datos:

2.- Ingresar la siguiente información:

OBS: Name es el nombre de la tabla y Number of columns es el número de columnas o campos.

3.- Presionar la siguiente opción:

4.- Ingresar las siguientes descripciones y dejar RUT como clave primaria:

5.- Presionar la siguiente opción:

6.- Se visualizará la estructura creada por nosotros en la siguiente vista:

7.- Presionar la siguiente opción para agregar un registro:

8.- Insertar los siguientes datos y presionar “GO”:

9.- Se visualizará el siguiente mensaje:

10.- Presionaremos la siguiente opción para ver los resultados:

11.- Resultados:

Creación de usuario BD

Para poder conectarnos a la base de datos desde Dreamweaver debemos crear una cuenta de usuario con los privilegios necesarios para acceder, los siguientes son los pasos:

1.- Desde el panel de las bases de datos presionaremos sobre la base de datos ”base_curso”:

2.- Presionar la siguiente opción:

3.- Presionar la siguiente opción:

4.- En la primera parte del formulario ingresar la siguiente información:

OBS: La clave debe ser “admin”.

5.- En la segunda parte seleccionar la siguiente información:

6.- En la tercera parte seleccionar la siguiente información:

7.- Presionar la siguiente opción:

8.- Si la creación es exitosa visualizaremos el siguiente mensaje:

9.- Presionaremos la siguiente opción:

10.- Visualizaremos la siguiente información con los registros de usuarios de la base de datos y entre ellos el usuario “admin” que hemos creado:

Creación de BD MySQL

Para crear una base de datos debemos realizar los siguientes pasos:

1.- Abrir panel de control de XAMPP:

2.- Iniciar los servicios Apache y MySQL:

3.- Presionar la siguiente opción del servicio MySQL:

4.- Se visualizará la siguiente interfaz de administración de la base de datos:

5.- Presionaremos la siguiente opción:

6.- En el siguiente formulario ingresamos los siguientes datos para crear la base de datos y presionamos la opción “crear”:

7.- Se visualizará el siguiente mensaje y visualizaremos la base creada al lado izquierdo:

Configuración de Servidor de prueba

Una vez instalado XAMPP en nuestro ordenador podremos configurar un servidor de pruebas en Dreamweaver, con esto podremos probar nuestros desarrollos con PHP, se deben seguir los siguientes pasos:

1.- Vamos a la opción Administrar sitios:

2.- Seleccionamos nuestro sitio y presionamos editar:

3.- Visualizaremos la ventana de configuración:

4.- Seleccionamos la opción “Servidores”:

5.- Presionamos la siguiente opción para agregar un servidor:

6.- Debemos ingresar las siguientes opciones:

7.- Presionamos “Guardar” y visualizaremos nuestro servidor configurado:

8.- Para finalizar presionamos “Guardar”  y  “Listo”.

9.- Para probar debemos crear un archivo PHP y ejecutar desde Dreamweaver con F12.

Intalación de XAMPP

XAMPP es un servidor independiente de plataforma, software libre, que consiste principalmente en la base de datos MySQL, el servidor web Apache y los intérpretes para lenguajes de script: PHP y Perl. El nombre proviene del acrónimo de X (para cualquiera de los diferentes sistemas operativos), Apache, MySQL, PHP, Perl.

Para descargas ir al siguiente presione aquí, para instalar seguir las siguientes opciones:

1.- Ejecutar el archivo descargado, doble clic:

2.- Presionar “SI” a la advertencia de seguridad del antivirus:

3.- Presionar “Next”:

4.- Seleccionar todo y presionar “Next”:

5.- Presionar “Next”:

6.- No seleccionar “Learn More…” y presionar “Next”:

7.- Presionar “Next”:

8.- Se inicia la instalación:

9.- Presionar “Finish”:

10.- Se iniciara el panel de control, la siguiente es su interfaz principal:

11.- Arrancamos los servicios de Apache y MySQL:

12.- Accedemos al siguiente link:

http://localhost/

13.- Se visualizará la siguiente interfaz de bienvenida donde seleccionaremos el idioma “Español”

14.- Se visualizará la siguiente interfaz de trabajo del XAMPP.