Preguntas de Repaso y Preguntas Capitulo 12

 

UNIVERSIDAD NACIONAL DEL CALLAO

FACULTAD DE INGENIERIA INDUSTRIAL Y DE SISTEMAS ESCUELA PROFECIONAL DE INGENIERIA DE SISTEMAS

CURSO: DISEÑO DE SISTEMAS DE INFORMACIÓN DOCENTE: RAMIREZ VELIZ, JUAN FRANCISCO DESARROLLO DE PREGUNTAS DE REPASO Y PROBLEMAS – CAPITULO 12 INTEGRANTES: MENDIZABAL VENTO, HILER EMANUEL GARCIA ACHA, ALEX EMMANUEL ORELLANA VALENZUELA, JARED DANIEL RIVADENEYRA USURIN JOSEPH NILTON

Callao 2021

 

PREGUNTAS DE REPASO 1. ¿Cuá ¿Cuáles les son los o objeti bjetivos vos de dise diseño ño para los fformul ormularios arios de en entrada trada en pa papel, pel, las pantallas de entrada o los formularios para llenar en web? -

Efe Efect ctivi ividad dad:: Quier Quiere e deci decirr que los fform ormula ulario rioss de ent entrad rada, a, las panta pantalla llass de entrada y los formularios para contestar en la web, cumplen propósitos específicos en el sistema de información.

-

Pre Precis cisión ión:: Se ref refier iere e al di diseñ seño o que ga garan rantiz tiza a que se ccont ontest estará ará de m mane anera ra apropiada.

-

Facil Facilidad idad d de e uso uso:: Sig Signific nifica a que los fformul ormularios arios y las panta pantallas llas son son se sencill ncillos os y no requiere tiempo adicional para descifrarlos.

-

Consi Consistenc stencia: ia: impli implica ca todos los formu formularios larios de e entrad ntrada, a, independient independientemente emente de que sean pestañas de entrada o formularios para contestar en la web, agrupan

-

los datos de forma semejante de una aplicación a otra. Sim Simpli plicid cidad: ad: Se rrefi efiere ere a ma mante ntener ner lilimpi mpios os es estos tos m mism ismos os di diseñ seños os con con el propósito de atraer la atención del usuario.

-

Atr Atract activo ivo pa para ra el usu usuari ario: o: Imp Implic lica a que los us usuar uarios ios disfr disfruta utarán rán al us usar ar los formularios de entrada gracias a lo interesante de su diseño.

2. Menci Mencione one los cuatro lineam lineamientos ientos p para ara el di diseño seño de b buenos uenos fo formula rmularios. rios. -

Ha Haga ga ffor ormu mula lari rios os ffác ácililes es d de e res respo pond nder er..

-

Ten Tenga ga en cu cuent enta a de que llos os fo formu rmular larios ios cu cumpl mplen en el propó propósit sito o para e ell cual cual se han diseñado.

-

Dis Diseñe eñe fform ormula ulario rioss par para a gara garanti ntizar zar qu que e se co conte nteste sten n con pr preci ecisió sión. n.

-

Man Manten tenga ga a atra tracti ctivos vos los for formul mulari arios, os, par para a el usu usuari ario. o.

3. ¿Qu ¿Qué é es el flflujo ujo ap aprop ropiad iado o de un for formul mulari ario? o? -

Los fform ormula ulario rioss deb deben en de flfluir uir d de e izq izquie uierda rda a der derech echa a y de arr arriba iba hacia hacia a abaj bajo. o. Un flujo carente de lógica, requiere de tiempo adicional y frustrante. Un formulario que requiere ir directamente al fondo y regresar al principio para contestarlo, refleja un flujo pobre para su desarrollo.

4. ¿Cuá ¿Cuáles les sson on las siete secc secciones iones de un buen fformula ormulario? rio? -

Encabezado

-

Iden Identi tifficac icació ión nya accces ceso

-

Instrucciones

 

-

Cuerpo

-

Firm Firma a y vver erif ifiicac cacione ioness

-

Totales

-

comentarios

5. Menci Mencione one lo loss cuat cuatro ro tip tipos os de lleyend eyendas as para usar en form formulario ularios. s. -

Las lleye eyenda ndass con llíne íneas, as, p pued ueden en col coloca ocarse rse a la iizqu zquier ierda da con e espa spacio cioss en blanco y en la misma línea, o pueden disponerse debajo de la línea en la cual se ingresarán los datos.

-

Las lleye eyenda ndass den dentro tro d de e un re recua cuadro dro e en n lig ligar ar de u una na línea línea,, pueden pueden pone ponerse rse dentro, arriba o debajo del recuadro.

-

Una Unass ley leyend endas as co con n cas casill illas as hor horizo izonta ntales les sson on me mejor jores es qu que e una le leyen yenda da co con n líneas, esto puede suceder cuando la información que se requiere es rutinaria y constante.

-

Las lleye eyenda ndass de ta tabla bla sson on ad adecu ecuada adass en el ccuer uerpo po del del for formul mulari ario o don donde de se requieren detalles.

6. ¿Qué es un fformul ormulario ario espe especiali cializado? zado? ¿Cu ¿Cuáles áles son a algunas lgunas de desvent sventajas ajas de us usar ar formularios especializados? -

El tér términ mino o “For “Formul mulari ario o espe especia cializ lizado ado”” tamb también ién pu puede ede re refer ferirs irse e tan só sólo lo a la manera en que el autor prepara los formularios. Entre los ejemplos de formularios especializados, están los formularios de múltiples partes que se usan para crear triplicados instantáneos de los datos, los formularios continuos que corren por la impresora sin intervención del usuario, y los formularios perforados que tienen un talón desprendible sirve como registro.

7. Menci Mencione one los cuatro lineam lineamientos ientos p para ara el bu buen en dise diseño ño de pant pantallas allas.. -

Ma Mant nten ener er la senc sencilille lezz d de e lla ap pan anta talllla. a.

-

Man Manten tener er ccons onsist istent ente e lla a pr prese esenta ntació ción n de la pan pantal talla. la.

-

Facil Facilitar itar el m movimi ovimiento ento del usuari usuario o en entre tre llas as p pantal antallas las y pagin paginas as despleg desplegadas. adas.

-

Crea Crearr p pan anta tallllas as at atra ract ctiv ivas as..

8. ¿Cuá ¿Cuáles les son llas as tre tress secc secciones iones ú útiles tiles p para ara sim simplifi plificar car una p pantal antalla? la? -

La p part arte e super superior ior pre presen senta ta u una na sec secció ción ne enca ncabez bezado ado..

-

La sec secció ción n medi media a se con conoce oce ccomo omo ccuer uerpo po de la p pant antall alla. a. El cu cuerp erpo o se puede puede usar para la entrada de datos y se organiza de izquierda a derecha y de arriba abajo.

 

-

La te terce rcera ra se secci cción ón de lla a pan pantal talla la co corre rrespo sponde nde a llos os co comen mentar tarios ios e instrucciones.

9. ¿Cuá ¿Cuáles les sson on las venta ventajas jas d de e usar venta ventanas nas e en n pant pantalla? alla? -

Lle Llenar nar p parc arcial ial o tot totalm alment ente e la pa panta ntalla lla ccon on nu nueva eva info informa rmació ción. n.

-

Min Minimi imizar zar o ma maxim ximiza izarr el ta tamañ maño o de las vvent entana anass confor conforme me se nece necesit sita. a.

-

Hac Hacer er ve venta ntanas nas di dispo sponib nibles les qu que e fac facili iliten ten ca captu ptura ra rápida rápida y ccorr orrect ecta. a. Pro Produc ducir ir aut automá omátic ticame amente nte un una a nuev nueva a vent ventana ana si el ccódi ódigo go dado es inco incorre rrecto cto..

-

Per Permit mitir ir a los us usuar uarios ios su suspe spende nderr la capt captura ura de da datos tos y revis revisar ar otr otro o arc archiv hivo. o.

-

Obt Obtene enerr det detall alles es so sobre bre ccómo ómo d debe ebe ccont ontinu inuar ar la ccapt aptura ura de de datos. datos.

10. ¿Cuáles son las desventajas de usar ventanas en pantalla? -

Per Permit miten en q que ue e ell us usuar uario io ccomp ompliq lique ue u una na p pant antall alla a si simpl mple. e.

-

Si se inc incluy luyen en dem demasi asiada adass opera operacio ciones nes de vvent entana anas, s, el di diseñ señado adorr puede puede estar estar invitando a la creación de una pantalla de apariencia caótica que pueda dar como resultado que un usuario se sienta perdido y frustrado por todo el amontonamiento de información.

11. Menciones dos formas en que sse e puede mantener la consistencia en las pantallas. pantallas. -

Las pa panta ntalla llass se pue pueden den ma mante ntener ner co consi nsiste stente ntess al coloca colocarr informac información ión en la misma área cada vez que se accede una nueva pantalla.

-

Tam Tambié bién, n, la inf inform ormaci ación ón rel relaci aciona onada da lóg lógica icamen mente te se deb debe e agru agrupar par de forma forma consistente: el nombre y la dirección van juntos, no el nombre y el código postal. Aunque la pantalla debe tener un movimiento natural de un área a otra, la información no se debe pasar de un grupo a otro.

12. Menciones tres formas para ffacilitar acilitar el movimiento entre llas as páginas de visualización. -

Des Despla plazam zamien iento to ut utili ilizan zando do las ffech echas as de llas as tec teclas las d de e PgD PgDn n (Av Pá Pág. g. y Re Pág)

-

Ve Vent ntan anas as e eme merg rgen ente tess se sens nsib ible less al ccon onte text xto o

-

Dialogo en pantalla

13. Mencione cuatro elementos de diseño de interfaz gráfica. Describa e un lado de cada elemento cuándo sería apropiado incorporarlo en un diseño de pantalla o en un formulario para llenar en web. -

Cua Cuadros dros d de e tex texto: to: D Dond onde e un rec rectán tángul gulo o repr represe esenta nta u un n cuadro cuadro de te texto xto,, se us usar ar para delinear la entrada de datos y los campos de pantalla.

 

-

Bot Botone oness de op opció ción: n: Es u un n cir circul culo o y se us usar ar pa para ra selec seleccio ciones nes o opci pcione oness excluyentes. Solo se puede elegir una de varias opciones.

-

Cua Cuadros dros d de e lis lista ta y cu cuadr adros os de lilista sta de despl splega egable ble:: Es un cuadr cuadro o que tiene tiene vvari arias as opciones que se podrían seleccionar con el mouse.

-

Un bo botón tón d de e com comand ando: o: E Este ste d dese esempe mpeña ña un una a acc acción ión cuan cuando do el usua usuario rio llo o

selecciona con el mouse. 14. ¿Cuándo se deben us usar ar las casillas de verificación? -

Se ut utiliz ilizan an par para a ma marcar rcar una o más opcio opciones nes ((es es d decir, ecir, en fformat ormato o exclusiv exclusiva). a). Una notación alternativa es utilizar un botón cuadrado con una marca de verificación (✓) para indicar que se seleccionó esa opción. Cabe mencionar que por lo general el texto (o leyenda) de la casilla de verificación se coloca a la derecha del cuadro. Si hay más de una casilla de verificación, las etiquetas deben tener cierto orden, ya sea alfabético o que el elemento que se marque con más frecuencia aparezca primero en una lista.

15. ¿Cuándo se deben usar los botones de opc opción? ión? - Est Estos os bo boton tones es se u usan san pa para ra se selec leccio ciones nes ex exclu cluyen yentes tes,, o en cas casos os don donde de se puede elegir una de varias opciones. 16. ¿Cuáles son las dos fo formas rmas distintas en que se util utilizan izan los valores de un formulario? -

Se u util tiliza izan n lo loss da datos tos par para a ac actua tualiz lizar ar ssu u ba base se d de e da datos tos..

-

Se pu puede eden n uti utiliz lizar ar den dentro tro d de e la pá págin gina a web C Cálc álculo ulos, s, m medi ediant ante e el uso uso de JavaScript en el navegador,

17. ¿Para qué se utilizan los campos ocultos en un formulario web? -

Est Estos os ca campo mposs ocu oculto ltoss se ut utili ilizan zan pa para ra al almac macena enarr valore valoress que se se enví envían an de un formulario web a un servidor. Generalmente se requiere incluir estos valores en un segundo formulario cuando se requieren formularios múltiples para capturar  todos los datos de una transacción.

-

Alg Alguna unass vece vecess se uti utiliz lizan an para re reten tener er inf inform ormaci ación ón sob sobre re el tip tipo o de nave navegad gador or que se utiliza para localiza un registro para el cliente o sección de exploración.

18. Menci Mencione one cuatro tip tipos os de eventos -

Cambiar un valor 

-

Enfocar el campo

-

Carga rgar la página web

-

Limpiar campos

 

19. ¿Qué son las págin páginas as web dinámic dinámicas? as? -

Son aq aquel uellas las p pági áginas nas w web, eb, en llas as qu que e la inf inform ormaci ación ón pre presen sentad tada, a, se gener genera aa partir de una petición del usuario de la página.

20. ¿Qué son las páginas web tridimensionales? - Est Estas as pá págin ginas as we web b se usa usan n par para a mos mostra trarr inform informaci ación ón de ma maner nera a tempor temporal al de un bloque de información de ayuda, un calendario de fechas donde se puede hacer clic, para ayudar en los campos para la introducción de fechas. 21. ¿Cómo se mejora Ajax una pági página na web que cambia en base a las acciones de los usuarios? -

El Aj Ajax ax titiene ene lla a ven ventaj taja a de ha hacer cer q que ue la p pági ágina na web web funcio funciones nes ccon on mu mucha cha mayor rapidez y proporciona a los usuarios una mejor experiencia visual.

22. Mencione las cinco combinaci combinaciones ones más legibles de colores de primer plano y de fondo para usarlas en las pantallas. -

Amarillo sso obre n ne egro

-

Azul sobre blanco

-

Blanco so sobre azul

-

Ve Verd rde eo osc scur uro o ssob obre re blan blanco co

-

Negro sobre a am marillo

23. Defina lo que significa el termi termino no de máscaras cuando se utilizan utilizan en el diseño web. -

Las má másca scaras ras no noss perm permite iten n pers persona onaliz lizar ar la apa aparie rienci ncia a del rep reprod roduct uctor or de medios. Se llaman máscaras, pero son solo patrones divertidos que los usuarios pueden sobreponer a cualquier cosa que estén viendo.

24. ¿Cuáles son las cuatro ssituaciones ituaciones en las que el color puede ser útil para el diseño de pantallas y de formularios para llenar en web? -

El us uso o apro apropia piado do de co color lor en llas as pan pantal tallas las de despl splega egable bles, s, esto esto permit permite e contrastar el color del primer plano y del fondo, resaltar los campos importantes en los formularios, destacar los errores, resaltar la entrada de código especial y poner atención a muchos otros atributos especiales.

-

Se deb deben en us usar ar col colore oress muy ccont ontras rastan tantes tes p para ara de despl splega egarr el color color de pr prime imerr plano y el de fondo para que los usuarios puedan comprender con rapidez lo que se presenta, El color de fondo afectará la percepción del color de primer plano.

 

-

Los m meno enoss leg legibl ibles es so son n roj rojo o sob sobre re ve verde rde y a azul zul ssobr obre e rojo, rojo, Pa Para ra po poner ner combinaciones, el color del primer plano y el del fondo, se deben usar colores brillantes para el primer, y colores menos luminosos para el fondo.

-

Use e ell col color or pa para ra re resal saltar tar llos os ca campo mposs imp import ortant antes es en las las pa panta ntalla llas. s.

25. Mencione los si sietes etes lineamientos de di diseño seño para un formulario de llenado basado en web. - Prop Propor orci cion onar ar inst instru rucc ccio ione ness ccla lara ras. s. -

Dem Demost ostrar rar u una na se secue cuenci ncia a de en entra trada da lógic lógica a para los form formula ulario rios. s.

-

Usa Usarr una vvari arieda edad d de cu cuadr adros os de ttext exto, o, bo boton tones es de coma comando ndo,, menús menús desplegables, casillas de verificación y botones de opción.

-

Pro Propor porcio cionar nar un cu cuadr adro o de tex texto to des desple plegab gable le si no sabe sabe con ex exact actitu itud d cuán cuánto to espacio necesitarán los usuarios para contestar una pregunta.

-

Pre Prepar parar ar dos b boto otones nes b bási ásicos cos en ccada ada fform ormula ulario rio que que se co conte ntesta stará rá en la W Web: eb: Enviar y limpiar contenido.

-

Si el formu formulario lario es llargo argo y los los us usuario uarioss deb deben en d desplaz esplazar ar ex excesiv cesivamente amente,, di divida vida el formulario en varios formularios más sencillos en páginas separadas.

-

Cre Crear ar un una a pant pantall alla a de ret retroa roalim liment entaci ación ón que in indiq dique ue que se se rech rechaza aza e ell env envió ió de un formulario a menos de que los campos obligatorios estén completados correctamente.

PROBLEMAS

11. Sludge’s Auto es un centro de reciclaje de auto partes, incluyendo autos clásicos y antiguos. Rhode Wheeler, el propietario, desea elaborar un sitio Web para que los clientes exploren el catálogo de piezas. Diseñe una página Web con Ajax que se utilice para buscar las piezas. El cliente necesita conocer la marca, modelo y año de un auto, así como la pieza. Si la pieza está en existencia deberán aparecer la descripción, condición de la pieza, precio y costo de envío, con la cantidad disponible para cada pieza, junto con una imagen de la misma. Provea un botón para cada pieza en el que se pueda hacer clic para comprarla.

 

12. Diseñe la página Web Agregar cliente para Sludge’s Auto. Incluya un perfil que permita a Sludge’s enviar al cliente un correo electrónico si cierta pieza está disponible

13. Diseñe la página Comprar en Web para Sludge’s Auto. Suponga que el cliente ya se agregó y que ha iniciado sesión. Muestre cierta información sobre el cliente. Divida la

 

información de la tarjeta de crédito (tipo de tarjeta de crédito, número de tarjeta de crédito, fecha de expiración y el código de seguridad en la parte trasera de la tarjeta) entre dos páginas Web.