Giter Club home page Giter Club logo

gana's Introduction

Gana

Proyecto final de PHP (4to trimestre)

Pagina con el fin de evaluar temas de php como

  • Manejo de AJAX
  • Sentencias a la base de datos
  • Login Manejando Variables de $_SESSION.
  • Manejo de archivos en texto plano usando Fopen
  • Uso de Toastr para generar alertas
  • Uso de procedimientos almacenados y vistas
  • Consumo de API (Recaptcha)

Funcionalidad de Consultar Envio

Tiene funcionalidad y el Recaptcha v2 esta vinculado con mi cuenta de Google, se usa 2 Api Key (Lado Server, Lado Cliente). Para mas información. Imagen del consultar

En caso de existir un envio, se mostrara la siguiente ventana modal. Imagen del consultar 1

En caso de no existir un envio, se mostrara la siguiente alerta. Imagen del consultar

En caso de que el reCAPTCHA expire o falle al momento de chequearlo, se mostrara la siguiente alerta. Imagen del consultar

Notas Rapidas

  • El proyecto usa como Framework de Diseño Material Design for Bootstrap.
  • Cuenta con arquitectura en 2 capas Vista / Controlador.
  • Al guardar los tiquetes tiene el siguiente orden
    • Tiquetes 📁
      • Entregas 📁
      • Giros 📁

Login con sus respectivas validaciones Imagen del login

Una vez validado el login lo llevara a esta vista, en la cual se cargan todos los empleados registrados en la taquilla a la que accedio Imagen del selectPerfil

Vista general usando diseño de dashboard y AJAX para cargar contenido Imagen del home

Funcionalidad Hacer Envio

Parte 1

Esta es la vista general, el input cuenta con busqueda en tiempo real al detectar que hay mas de 6 caracteres Imagen de hacerEnvio Parte 1

En caso de no existir el sistema mostrara su respectivo error. Imagen de hacerEnvio Error 1

Parte 2

Si el usuario existe, proseguira habilitando el campo de DNI RECEPTOR Imagen de hacerEnvio Parte 2

En caso de no existir el sistema mostrara su respectivo error. Imagen de hacerEnvio Error 2

Parte 3

Una vez presionado "ENVIAR GIRO" el sistema abrira otra pestaña con el ticket en formato txt(Alli el empleado usara CTRL + P para imprimirlo) y la pestaña anterior se redireccionara al Home. Imagen de TicketGiro

Funcionalidad Buscar Envio

Basico

Una vez ingresado el DNI RECEPTOR el sistema cargara todos los giros que se pueden reclamar en esa taquilla. Imagen de buscarEnvio

Detalles

En caso de Existir envios para el usuario, pero no se puedan reclamar en esa taquilla se mostrara el siguiente aviso. Imagen de hacerEnvio Alerta 1

En caso de No existir envios para el usuario se mostrara el siguiente aviso. Imagen de hacerEnvio Alerta 2

Funcionalidad Añadir Usuario

Añade con sus respectivas validaciones Imagen del añadirUsuario En caso de existir el sistema mostrara el siguiente error Imagen del añadirUsuario

gana's People

Contributors

amonbe8080 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.