Curso Programación AJAX: Ejercicio demostración

Ejemplo de ejercicio. Creación de una Factura online utilizando AJAX

Actividad propuesta

Descripción del ejercicio: Factura de compra

Utilizando la misma "base de datos" del ejercicio 2.1 (con productos para los cuales teníamos su código, descripción y precio) realizar una aplicación web que permita confeccionar una factura.
Para ello, habremos de tener un formulario con dos campos: código de producto y cantidad, más un botón "enviar".
Una vez que se hayan rellenado estos campos, al pulsar el botón "enviar", se debe añadir una nueva línea de factura en la parte inferior en la que tendremos las siguientes columnas:

1. Código
2. Cantidad
3. Descripción
4. Precio Unitario
5. Precio Total.

Debajo de las líneas de factura, tendremos:

• un campo denominado Subtotal que representará la suma de todos los datos de la columna "Precio total"
• otro campo IVA que será el 18% del campo Subtotal
• un campo Total que representará el Subtotal más el IVA.

Consideraciones:

• Cada vez que se introduzca el código de un producto, se incluirá la línea en la factura y se actualizarán los campos Subtotal, IVA y TOTAL
• Se permite introducir el mismo código varias veces
• Si al pulsar enviar no se ha introducido una cantidad o esta es negativa, se considerará que la cantidad es 1
  

Los datos solicitados al servidor deben recibirse en formato JSON.

Mejoras opcionales:

• Incluir un botón denominado "Ayuda" que, al pulsarlo, muestre todos los productos disponibles en la base de datos en una nueva ventana. Esta información debe ser devuelta por el servidor en formato HTML.
• Incluir formato CSS adecuado para que la presentación en pantalla al usuario resulte agradable; como por ejemplo, el que se sugiere en la siguiente captura de pantalla:
  

Posible resultado (captura de pantalla)

Metodología de los Ejercicios

¿En qué consisten los ejercicios?

Son actividades en las que el alumno busca soluciones a cuestiones prácticas habituales, relacionadas con el contenido del curso.

Pueden consistir en realizar una tarea y explicar los pasos seguidos; enviar una captura de pantalla con el resultado; elaborar una respuesta razonada sobre una determinada cuestión o caso práctico.

Las respuestas del alumno y las soluciones o comentarios del tutor se intercambian a través de la plataforma online.

¿Qué tipo de ejercicios hay?

• Autocorregibles: el alumno tras enviar su solución, recibe automáticamente una respuesta elaborada por el tutor que confrontará con la solución que el ha buscado.
• Evaluables: el tutor corrige y comenta al alumno cualquier aspecto relevante sobre la respuesta que ha enviado, orientándole en caso de que necesite ayuda para encontrar la solución.

¿Cuál es el objetivo?

A través de los ejercicios el alumno investiga, prueba y propone soluciones. Ese proceso le facilita descubrir si hay cuestiones que no ha comprendido o necesita aclarar, enriqueciendo y haciendo más efectivo su aprendizaje.

Los ejercicios incentivan la comunicación del alumno con el tutor, motivándole a preguntar sobre las dudas que le surgen al tratar de resolverlos. Este es uno de los valores añadidos de la formación online, ya que el alumno recibe un asesoramiento personalizado de acuerdo a su nivel y experiencia.