Este proyecto consiste en una página web de una compañía de seguros que brinda a los ciudadanos todo tipo de seguros, otorgando la facilidad de comprarlos en línea a través de su tarjeta de crédito.
Los usuarios que pueden interactuar con la página y realizar su pago en línea al adquirir un seguro que ofrecemos, son personas mayores de 18 años que posean una tarjeta de crédito. Los objetivos de esta página es la facilidad de realizar el pago en línea, sin necesidad de ir a un establecimiento de la compañía, de esa forma el cobro de su inscripción será descontado de la tarjeta de crédito con la que se registra.
Los seguros son importantes porque son herramientas que nos protegen de posibles imprevistos como: la pérdida de bienes, pérdida del trabajo, desastres naturales, accidentes, robos, entre otros. Las personas se pueden asegurar para proteger a sus empresas y/o a sus familias de las consecuencias económicas a través de la página web, realizando el pago online.
- Inicialmente se creó un boceto a mano de una página web de una sola página, teniendo esta 2 secciones: Al lado izquierdo una imágen de una tarjeta de crédito y debajo unos campos para que el usuario escriba sus datos escenciales, seguido del espacio para que el usuario coloque su número de tarjeta y pueda ver si es válida o no.
Mis compañeras propusieron cambiar el diseño de la página y considerar colocar publicidad de la empresa al ingresar al sitio web para que el usuario se anime a adquirir el seguro, es por ello que se planteó tener 2 páginas. En la primera página se agregó una barra de navegación y un anuncio propio para adquirir un seguro de vida. Cuando el usuario da click en la opción "COMPRAR", se redirige a la vista de pago, donde aparece un ícono de tarjeta de crédito y debajo campos para que el usuario ingrese sus datos.
El desarrollo del proyecto fue en base a pequeños proyectos que me permitan llegar al proyecto final. Los cuales son:
"validar" que el input sea numérico Crea una interfaz simple con 1 caja de texto y un botón. Si escribo algo en la caja de texto 1 y le doy click al botón, quiero que valide que sea sólo números y que no esté vacío.<
"validar" si la tarjeta de crédito es válida Cuando de clic en el botón, debe indicarnos si la tarjeta es válida o no.
"mostrar" sólo los últimos 4 números Cuando de clic en el botón, sólo deben ser visibles los últimos 4 número, es decir, debe ocultar los otros números (ej: si escribo 12304589, debe salir después ####4589).
