Formularios Básicos

Eduardo Andrés Flores Sepúlveda

Programación HTML II

Instituto IACC

11 de Noviembre de 2019
INSTRUCCIONES: Imagínese que usted pertenece al departamento de informática de una

compañía de análisis de mercado llamada MERANA, y que fue asignado a un nuevo proyecto

donde requieren realizar una encuesta online para indagar respecto de la calidad del servicio

recibido por los usuarios del Metro.

Para ello, se le solicita que diseñe la estructura general del formulario que será utilizado para tal

efecto. Concretamente deberá generar un documento donde se indiquen qué tipos de elementos

serían adecuados para cada información requerida como parte de la encuesta, incluyendo una

fundamentación del por qué se realizó la elección propuesta en su informe de entrega.

Los campos que se deberían contemplar en dicho formulario serían:

 RUT: para evitar que una misma persona llene la encuesta más de una vez se debe incluir

un campo para colocar el RUT del usuario. Este campo debe ser validado para confirmar

que tiene el formato correcto. Para asegurar la confidencialidad de la información, dicho

campo no será almacenado junto con el resto de la encuesta, sino que solo será utilizado

para la validación.

 Edad: este campo deberá aceptar solo números entre 10 y 120, por lo que se deberán

hacer las validaciones y limitaciones correspondientes.

 Género: servirá para identificar si la persona que realizó la encuesta es hombre o mujer,

para que de esta forma se pueda hacer un mejor análisis de los datos recopilados.

 Frecuencia con la que usa el servicio: este campo debe permitir al usuario seleccionar

entre nunca, con poca frecuencia, regularmente y todo el tiempo.

 Horario en el que usa el servicio regularmente: este campo debe permitir al usuario

seleccionar entre horario punta, horario medio y horario valle.

 Líneas de Metro que normalmente utiliza: este campo debe permitir al usuario

seleccionar entre las diferentes líneas de Metro, posibilitando a su vez seleccionar varias

líneas simultáneamente en caso de que acostumbre utilizar más de una.

 Calidad general del servicio: este campo debe permitir al usuario seleccionar entre malo,

deficiente, regular, bueno y excelente.

 Observaciones personales: este campo permitirá al usuario colocar un breve comentario

de no más de 200 letras sobre su apreciación respecto del servicio.

Es importante destacar que el documento resultante que deberá generar como entrega de esta

primera actividad de la semana 1 no es el código del formulario, sino las directivas generales

que deberán ser utilizadas para la creación del mismo y en las cuales se debe detallar:

 Estructura general del formulario, incluyendo la distribución de los campos en el mismo

y el método de envío de los datos al servidor más adecuado, considerando el tipo de datos

que debe ser enviado.

 Detalle del tipo de elementos que deberán ser utilizados para solicitar cada uno de los

datos requeridos (cuadros de texto, botones de radio, casillas de verificación, etc.).

 Detallar el mecanismo que deberá ser utilizado para realizar la validación de cada uno de

los datos requeridos.

 Desarrollo

La compañía MERANA, plantea la siguiente estructura general del formulario para realizar una

encuesta de la calidad de servicio para los usuarios del Metro.

Dicha encuesta divisará los siguientes campos:

 RUT: con el objetivo de identificar a las personas que llenen esta encuesta, y de esta

manera no complete la encuesta más de una vez. Por lo que, debe incluir un campo para

ser llenado con el RUT del usuario. Campo que se debe validar y confirmar que tiene el

formato correcto. Este campo no será almacenad junto con el resto de la encuesta, se

resguardara la información de manera confidencial, su uso será solo para la validación.

 Edad: campo que solo aceptará números entre 10 y 120, para lo cual, se harán las

validaciones y limitaciones correspondientes.

 Género: campo que nos servirá para identificar si la persona que completó la encuesta es

hombre o mujer, lo que nos permitirá realizar un mejor análisis estadístico de los datos

recopilados.

 Frecuencia con la que usa el servicio: campo que permitirá al usuario contar con 4

respuestas, podrán seleccionar entre nunca, con poca frecuencia, regularmente y todo el

tiempo.

 Horario en el que usa el servicio regularmente: campo que le permitirá al usuario, contar

con tres respuestas, podrán seleccionar entre; horario punta, horario medio y horario valle.

 Líneas de Metro que normalmente utiliza: campo que le permitirá al usuario seleccionar

entre las diferentes líneas de Metro, pudiendo a su vez seleccionar varias líneas

simultáneamente en caso de que, utilice más una habitualmente.

  Calidad general del servicio: campo que le permitirá al usuario seleccionar entre cuatro

respuestas, podrán seleccionar entre malo, deficiente, regular, bueno y excelente.

 Observaciones personales: campo que le permitirá al usuario, plasmar un breve

comentario de hasta 200 caracteres, su opinión respecto del servicio.

Para lo planteado y debido al tipo de trabajo se utilizará el método Post, para el envío del

formulario. Además se realiza un detalle de las diferencias entre método Get y Post:

 El método Post, nos permite enviar los datos vía HTTP POST.

 En cambio el método Get, nos permite enviar los datos mediante los parámetros de URL.

 Además el método Get, tiene una limitación para el envío de información de unos 2000

caracteres.

 También toda la información enviada con el método Get está visible en la URL, la cual se

puede compartir en redes sociales, email, añadirla a marcadores, etc.

 Y al contrario lo enviado con el método Post, es invisible para el usuario.

 Además el método Post, no tiene límite de envío de información y nos permite enviar

ficheros.

Por lo tanto, el método Post sería la mejor opción cuando necesitamos enviar información

confidencial, ficheros o abundante información, que el método Get no nos permitiría enviar, por

su gran cantidad de caracteres.

 Bibliografía

- IACC 2019. Formularios I. Programación HTML II. Contenidos de la Semana 1.