El documento proporciona guías para diseñar una interfaz de usuario para una aplicación orientada a objetos. Explica que se debe usar la tabla de objetos de interfaz de usuario y el diagrama de interfaz como guías al crear los controles de la interfaz. Además, ofrece recomendaciones como mantener un margen consistente, agrupar controles relacionados, usar fuentes sencillas y limitar el número de colores. Finalmente, incluye preguntas de repaso sobre propiedades comunes de los controles.
2. Planeando una Aplicación OOED
Para crear aplicación OOED (object oriented
event drived) se requiere seguir el siguiente
proceso
Planear la aplicación
Construir la interfase de usuario
Codificar la aplicación
Probar y revisar la aplicación
Ensamblar la documentación
2
Mtl Lourdes Cahuich
3. Construir la interfase de usuario
Debe usar la tabla TOE y el diagrama de
interfase de usuario como guías para crear la
interfase, lo cual involucra colocar los
controles apropiados en la forma y establecer
las propiedades aplicables a estos controles
Recuerde que una propiedad controla la
apariencia y comportamiento de los objetos
incluidos en la interfase
3
Mtl Lourdes Cahuich
4. Guías de diseño para interfases gráficas
Mantenga un margen consistente de dos o
tres puntos desde el borde de la ventana
Ponga los controles relacionados en puntos
sucesivos, los controles no relacionados
pueden estar separados entre dos y cuatro
puntos
Los botones de comando deben tener la
misma altura, aunque el ancho puede variar
4
Mtl Lourdes Cahuich
5. Guías de diseño para interfases gráficas
El ojo humano es atraído a las imágenes
antes que al texto, por lo que incluya gráficas
solamente si es absolutamente necesario
hacerlo
Si solo usa gráficas por razones estéticas
manténgalas pequeñas y en un lugar que no
distraiga al usuario
5
Mtl Lourdes Cahuich
6. Guías de diseño para interfases gráficas
Seleccione el tamaño y estilo de fuente apropiado
Use fuentes de 8, 10 o 12 puntos para los
elementos en la interfase
Limite el número de tamaños de fuentes usados a
uno o dos
Use la fuente sans serif para el texto en una
interfase
Evite usar itálicas y subrayado debido a que ambos
hacen el texto difícil de leer
6
Mtl Lourdes Cahuich
7. Guías de diseño para interfases gráficas
El ojo humano es atraído por el color antes que al
blanco o el negro, construya la interfase usando al
principio blanco negro y gris, posteriormente
agregue el color solo si tiene una buena razón para
hacerlo
Puede usar blanco o gris ligero para el fondo de una
aplicación y negro para el texto, el texto oscuro
sobre un fondo claro es más fácil de leer
Limite el número de colores usados a tres, sin incluir
blanco, negro y gris
Nunca use el color como la única forma de
identificar un elemento en la interfase
7
Mtl Lourdes Cahuich
8. Propiedades más comunes en los controles
Para establecer el orden “tab” en los
controles
Use la propiedad “TabIndex” del control, el
número que representa es el orden en el que el
control recibirá el foco
Para anclar o liberar los controles en la forma
De clic derecho en un área vacía de la forma y
entonces seleccione “Lock Controls” en el menú
emergente.
8
Mtl Lourdes Cahuich
9. Propiedades más comunes en los controles
Para asignar una llave de acceso a un
control
En la propiedad “Caption” del control, escriba un
ampersand (&) antes de la letra que quiere que
sea la llave de acceso. Esta letra aparecera
subrayada en el texto del control
Permitir acceso mediante el teclado a un text
box
Asignar una llave de acceso al control en la
etiqueta que lo identifica
9
Mtl Lourdes Cahuich
10. Propiedades más comunes en los controles
Acceder a un control que tiene una llave de
acceso
Presione y mantenga presionado la tecla “Alt”
mientras oprime la tecla de llave de acceso del
control
Para controlar el borde alrededor de una
etiqueta
Modifique la propiedad “BorderStyle” a 1 si quiere
un borde o a 0 si no quiere borde (default)
10
Mtl Lourdes Cahuich
11. Propiedades más comunes en los controles
Para ver a través de un control Label
Establezca la propiedad “BackStyle” a 0 para
hacerla transparente o a 1 para hacerla opaca
(default)
Para ver a un control plano o tridimensional
Establezca la propiedad “Appeareance” ya sea 0
para que se vea plano o 1 para que se vea
tridimensional (default)
11
Mtl Lourdes Cahuich
12. Preguntas de repaso
Primeras 10 preguntas del libro de texto
Mtl Lourdes Cahuich 12
13. Preguntas de repaso
1.- La propiedad ________ determina el orden
en el que el control recibe el foco cuando se
usa el tabulador
OrderTab
1.
SetOrder
2.
TabIndex
3.
TabOrder
4.
TabStop
5.
13
Mtl Lourdes Cahuich
14. Preguntas de repaso
2.- Cuando se ubican controles en una forma,
se debe mantener la consistencia en el
margen de ____ puntos desde el borde de
la ventana
Uno o dos
1.
Dos o tres
2.
Dos a cinco
3.
Tres a diez
4.
Diez a veinte
5.
14
Mtl Lourdes Cahuich
15. Preguntas de repaso
3.- Si los botones de comando están centrados
al fondo de la pantalla, entonces cada botón
debe tener ________
La misma altura
1.
El mismo ancho
2.
La misma altura y el mismo ancho
3.
15
Mtl Lourdes Cahuich
16. Preguntas de repaso
4.- Si los botones de comando están apilados
ya sea en la esquina superior derecha o
inferior derecha de la pantalla, cada botón
debe estar _____
A la misma altura
1.
Con el mismo ancho
2.
Con la misma altura y el mismo ancho
3.
16
Mtl Lourdes Cahuich
17. Preguntas de repaso
5.- El ojo humano es atraído por _______
El blanco y negro antes que el color
1.
El color antes que el blanco y negro
2.
Gráficas antes que texto
3.
Texto antes que gráficas
4.
Opciones 2 y 3
5.
17
Mtl Lourdes Cahuich
18. Preguntas de repaso
6.- Cuando se construye una interfase, siempre
se debe usar ________
Texto oscuro en fondo oscuro
1.
Texto oscuro en fondo claro
2.
Texto claro en fondo oscuro
3.
Texto claro en fondo claro
4.
Ya sea b o c
5.
18
Mtl Lourdes Cahuich
19. Preguntas de repaso
7.- Usar ya sea fuentes de _______ para los
elementos en la interfase
6,8 o 10 puntos
1.
8, 10 o 12 puntos
2.
10, 12 o 14 puntos
3.
12, 14 o 16 puntos
4.
19
Mtl Lourdes Cahuich
20. Preguntas de repaso
8.- Limita el número de tamaño de fuentes
usadas en una interfase a ______
Una o dos
1.
Dos o tres
2.
Tres o cuatro
3.
20
Mtl Lourdes Cahuich
21. Preguntas de repaso
9.- Usa la fuente _______ para el texto dentro
de una interfase
Sans serif
1.
serif
2.
21
Mtl Lourdes Cahuich
22. Preguntas de repaso
10.- Limita el número de tipos de fuentes en
una interfase a ________
Una
1.
Dos
2.
Tres
3.
Cuatro
4.
22
Mtl Lourdes Cahuich