1.

PLANTEAMIENTO

PLAN DE ACCIÓN

¿Qué quiero realizar?

Crear una página que registre los datos de personas que desean guardar su
información.

¿A quién va dirigido?

El sitio web muestra cómo se puede resguardar los datos personales en la en

una página web, así no tener complicaciones para perder su información.

¿Cómo lo haré?

Realizar una página web con su base de datos y su servidor, la información

registrada, el usuario y contraseña de acceso, estarán encriptada para
asegurar y garantizar su resguardo inclusive en la base de datos.

Diagramación
2. SUSTENTACIÓN TÉCNICA

En este proceso se realizó una aplicación web, se utilizaron una página

HTML, un Servidor XAMPP y una base de datos MySQL.

HTML: se realizó un diseño de la pagina sobre el registro de datos como se

visualiza en las figuras posteriores, donde tiene usuario y contraseña y un
botón llamado registro, donde primero se dará click en registro y
posteriormente desplegará a una pantalla con los campos vacíos para
llenarlos y posterior a eso el botón registrar, donde automáticamente los
datos se registrarán en la base de datos.

Base de Datos: se eligió la base de MySQL porque tiene un mejor manejo

de manipulación de la interfaz para crear base de datos, la base de datos se
llama Parcial, con la tabla usuario y sus campos id, nombre, apellido, CUI,
Nit y edad. El cual se alojarán los datos que están ingresados desde la
pagina web en la siguiente figura se visualiza lo siguiente y de la misma
forma vemos que nos muestra los datos ya registrados en la base de datos
e encriptados también.
XAMPP: es una herramienta muy práctica que nos permite instalar el entorno
MySQL, Apache y PHP siendo este un servidor muy fácil de utilizar.

3. FUNCIONALIDAD:
 Creación de Carpeta de mi proyecto.

Como primer paso inicializamos con una carpeta para empezar hacer nuestro
proyecto la carpeta llamada login2 y seguidamente las carpetas llamadas
Bootstrap y js, bd, img, php

Carpeta Scripts.php

Esta Carpeta lleva código donde va a llevar todas nuestras dependencias, eso
quiere decir que toda la configuración de las carpetas de Bootstrap y js y se le
agrega una línea de código llamada jQuery esto servirá para manipular las
imagnes, textos, enlaces y muchas cosas mas que se necesitarán en ella.

Index.php

Creamos la carpeta llamada index.php que me servirá para el login de html

Esta línea de código es la parte donde nos mostrará la parte interfaz de la
página html en la línea de código input va ser de tipo texto, y agregamos una
clase de tipo from-contro-sm (sm-small el que nos va a ajustar nuestro campo
vacío o recuadro de usuario y pasword) > donde esta línea de código nos va a
controlar la interfaz de de usuario que no se nos haga grande el recuadro y lo
reajuste a su tamaño pequeño.

Registro.php:

En esta parte del código es la parte donde vamos a ver el interfaz de registro

Vemos que estamos etiquetándolo con label y de tipos de texto para mostrar
todos los campos.

Realizamos una estructura para el botón click para que haga su función en
registrar los datos desde la página web y después validamos todos los campos
para cuando dejemos un campo vacío nos mostrará una alerta que debemos
de rellenar los campos vacíos

La cadena de datos se concatena, para luego realizar la realizar el Ajax que

nos permitirá actualizar el contenido de la pagina con el tipo de POST donde
enviará la información a la base de datos indicando con el url donde estará el
registro de datos.
 Login.php:

Realizamos nuestra conexión hacia la base de datos con el código require_once

“conexión.php”; pero antes iniciamos sesión a la página de login.php con
sesión.start(); y también le agregamos una variable conexión que le pasamos
como parámetro conexión, también encriptamos nuestra contraseña con Sha1
que es una función nativa de hash que nos devuelve 32 caracteres de
hexadecimal.