Trabajo: Desarrollo web avanzado

Actividades[pic 1]

Trabajo: Desarrollo web avanzado

Memoria

El proyecto fue escogido con el propósito de que se pueda ampliar a futuro y sea de utilidad para las personas que quieran controlar la cantidad de ahorros que tienen, ya que muchas personas no guardan su dinero en cuentas de ahorro, o si lo tienen. No tienen forma de controlar cuánto dinero le destinan a cierto tipo de ahorro.

El proyecto no solo tendrá como alcance ahorrar, también tendrá un apartado donde se tendrá control de los gastos que uno tiene a diario, semanal y mensualmente. Con base en esto se generarán informes. Funcionalidades e información que es mucho más sencillo y práctico usándolo con base de datos.

Para el desarrollo del proyecto se desarrollaron las siguientes actividades:

1. Instalación Software: Se instala Visual Studio Code, Bootstrap y XAMPP.
2. Diseño básico del front: Se trabajó en HTML, CSS  y Bootstrap. Nunca he trabajado con páginas web, por lo tanto, empecé a indagar en la mejor forma para hacer el diseño de mi página web. Dónde encontré que Bootstrap nos ofrece funcionalidades/clases que nos facilitan un diseño amigable con el usuario.
3. Creación de funciones: Con el lenguaje PHP se crearon las funciones más importantes para el desarrollo de las funcionalidades básicas de la aplicación web.
4. Integración PHP y HTML.

1. Se crean input ocultos donde invocamos funciones de php y almacenamos resultados.
2. Se ajustan las funciones del punto 3 para hacer uso de POST y usar la información que se captura en el front.

1. Complementar funciones: Se complementa las funciones y se crean unas nuevas funciones que surgieron con la integración de PHP y HTML.
2. Detalles diseño de front: Se ajustan algunos detalles en el diseño del front para que luciera mejor visualmente.

Nota: En cada uno de los anteriores puntos, se aclara que se estuvo documentando la lógica que se iba empleando.

Resultado Final página web:

Para realizar depósitos es obligatorio, que se ingrese el nombre de la persona que va a realizar el ahorro.

[pic 2]

Tener en cuenta que inicialmente no consulta el ahorro actual que tiene el usuario, ya que se piensa implementar cuando se conecte a base de datos.

Funciones implementadas:

//la idea a futuro es consultar el nombre en una base de datos y si existe traerá el nombre e información actual del ahorro que tenga el usuario.

//En el momento la función que cumple esta función es solo mostrar en pantalla el nombre del usuario que va a registrar sus ahorros.

function consultarUsuario()

{

    $nombreUsuario = "No hay un usuario para estos ahorros";

    if (isset($_POST["nombreUsuario"])) {

        $nombreUsuario = $_POST['nombreUsuario'];

    }

    //print($nombreUsuario);

    return $nombreUsuario;

}

//La Función se encarga de totalizar los ahorros que el usuario ha ido depositando

function valoresAhorros($nombreUsuario)

{

    $valor1 = 0;

    $valor2 = 0;

    $ahorro = 0;

    $flag = 0;

    $caja1 = $_POST['cajaAhorro1'];

    $caja2 = $_POST['cajaAhorro2'];

    //Se valida que se haya ingresado un usuario, de lo contrario no empieza a depositar el dinero.

    if ($nombreUsuario <> "") {

        if (isset($_POST["grabar"])) {

            //Bandera para validar que si se 

            while ($flag == 0) {

                //print(trim(strlen($caja1)));

                //print(trim(strlen($caja2)));

                //Si la caja de texto del Ahorro 1 donde se ingresa el valor a ahorrar está vacío, lo setea con 0

                if (trim(strlen($caja1)) == 0) {

                    $caja1 = "0";

                }

                //Si la caja de texto del Ahorro 2 donde se ingresa el valor a ahorrar está vacío, lo setea con 0

...