• Author / Uploaded
• RodrigoAguileraTapia

• Categories
• Programación de computadoras
• Software
• Ingeniería Informática
• Tecnologías de la información
• Gestión de tecnología de la información

Citation preview

Diseño de Formularios Rodrigo Aguilera Tapia Programación HTML II Instituto IACC 18 de junio 2018

Desarrollo

INSTRUCCIONES: Imagínese que usted pertenece al departamento de informática de una compañía de análisis de mercado denominada MERANA, y en la que fue asignado a un nuevo proyecto donde requieren realizar una encuesta online para valorar la calidad del servicio recibido por los usuarios del Metro. Para ello se le requirió que creara un formulario donde se le solicitarán los siguientes datos a cada uno de los encuestados: RUT: para evitar que una misma persona llene la encuesta varias veces, se deberá incluir un campo para colocar el RUT del usuario. Este campo deberá 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 su 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 deberá permitir al usuario seleccionar entre nunca, con poca frecuencia, regularmente y todo el tiempo.

Horario en el que usa el servicio regularmente: este campo deberá permitir al usuario seleccionar entre horario punta, horario medio y horario valle.

Líneas de Metro que normalmente utiliza: este campo deberá 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 deberá 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.

Codigo creado en Notepad++

Encuesta Online

Rut



Edad



Genero: Hombre Mujer

Frecuencia del servicio Nunca Con poca frecuencia Regularmente Todo el tiempo



Horario del servicio Horario Punta Horario Medio Horario Valle



Lineas del Metro a Utilizar

Linea1 Linea2 Linea3 Linea4 Linea5 Linea6

Calidad del servicio Malo Deficiente Regular Bueno Excelente



Observaciones Personales


Comentarios sobre el servicio

Print de Pantalla

Bibliografía Contenido de la semana 1

http://www.forosdelweb.com/f4/acentos-codigo-html-481545/ https://developer.mozilla.org/es/docs/Learn/HTML/Forms/Validacion_formulario_datos https://developer.mozilla.org/es/docs/Learn/HTML/Forms/Your_first_HTML_form http://www.htmlquick.com/es/reference/tags/input-number.html https://lenguajehtml.com/p/html/formularios/validaciones-html5