Informática
Bases de datos

Tu Instituto Online
   


 
Nivel Básico Base: Diseño de formularios
Duración aproximada: 1 sesión
   
Objetivos Objetivos
  • Modificar el diseño de formularios.
  • Modificar propiedades sencillas de campos.
  • Conocer y utilizar formatos sencillos para mostrar los campos.
  • Conocer algunos controles de los formularios.
   
Fuentes de información Fuentes de información
   
Contenidos
Contenidos
 

1. Diseño de un formulario

El asistente de formularios crea un diseño por defecto, según lo que hemos ido eligiendo en los sucesivos pasos. Lógicamente, este diseño no tiene porqué adaptarse a nuestros gustos o necesidades, por lo que Base permite cambiar el diseño en cuanto a tamaño, posición, color, etc.

Una vez creado el formulario nos pueden surgir multitud de ideas para mejorarlo; podemos añadir más campos, cambiar el fondo, el tamaño y la posición de los campos, el estilo de los caracteres que se muestran y un sinfín de características más. En esta unidad aprenderemos a modificar las propiedades de los elementos del formulario con el fin de adaptarlo a las necesidades de los usuarios.

1.1. Modo diseño de formularios

Para poder modificar los atributos de los campos y el diseño gráfico, debemos entrar en el modo de diseño de formularios, haciendo clic en el icono Editar de la barra de herramientas. Ahora entramos en modo Diseño de formularios, por lo que no podemos manipular información de la base de datos, sólo podemos modificar el aspecto visual del formulario.

   
Ojo

Podemos pasar del modo diseño al modo edición de datos y viceversa, haciendo clic en el icono Modo de diseño.

  
Ejercicios
Ejercicio
 

Formulario FLIBRO: Diseño

  • Abre la base de datos "biblioteca".
  • Haz clic en el botón Formularios de la barra de base de datos.
  • Selecciona el formulario FLIBRO.
  • Selecciona el icono Editar de la barra de herramientas. Ahora entramos en modo Diseño de formularios.

  • Vamos a modificar las propiedades de algunos campos.

Campo "Observaciones"

  • Haz doble clic sobre el campo Observaciones. Al hacer doble clic se mostrará una ventana con un conjunto de propiedades que podremos modificar.
  • Cambia la propiedad Alineación vert al valor "Superior".

  • Guarda los cambios del diseño del formulario haciendo clic en el icono Guardar.
  • Cierra el formulario.
  • Haz doble clic sobre el formulario FLIBRO y comprueba que las observaciones se visualizan correctamente:

Campo "ID"

Ahora vamos a cambiar las propiedades del campo ID para que no se pueda modificar ya que el ID es clave primaria.

  • Selecciona el formulario FLIBRO.
  • Abre el formulario en modo diseño.
  • Haz doble clic sobre el campo ID. Se mostrará una ventana de propiedades. Cambia la propiedad Activado al valor "No" y la propiedad Alineación al valor "Derecha".

  • Guarda los cambios del diseño del formulario haciendo clic en el icono Guardar.
  • Cambia a modo edición de datos. Haz clic en el icono correspondiente.
  • Comprueba que no podemos editar el valor del campo ID (se verá en un color gris claro) y que el texto se alinea a la derecha:

   
Contenidos
Contenidos
 

2. Controles de un formulario

El control más habitual de un formulario es el Campo de texto, o lo que es lo mismo, una etiqueta y un recuadro a la derecha para introducir o editar la información del campo. Pero esta no es la única forma de mostrar los datos en un formulario, existen diferentes posibilidades dependiendo del tipo de datos y de la forma que deseemos representarlo. Todos ellos los encontramos en la barra lateral:

Para ver más controles, haremos clic en el icono de las flechas negras y en Más controles :

3. Campos con formato

Al igual que vimos con las tablas, este tipo de campos sirven para mostrar información en el formulario aplicando un formato determinado.

   
Ejercicios
Ejercicio
  Aplicar formato campo "Anyo"
  • Selecciona el formulario FLIBRO.
  • Abre el formulario en modo diseño.
  • Pulsa sobre el icono de la barra izquierda llamado Campo formateado . Dibuja un nuevo campo en el formulario al lado del campo “Anyo”.
  • Haz doble clic sobre el nuevo campo. En la pestaña General, en la propiedad Nombre escribe "Anyo formateado".
  • Elige la propiedad Formato.
  • Haz clic en el icono con puntos suspensivos. Elige la categoría Fecha. Hasta ahora nuestro campo “Anyo” estaba predefinido como DD/MM/AA; es decir, dos cifras para el día, dos para el mes y dos para el año.
  • En el campo Formato de código teclea AAAA. Después, pulsa el icono de la derecha Añadir.

  • Comprueba que se ha añadido el nuevo formato:

  • En la propiedad Activado, establece el valor No.

Ahora enlazamos el nuevo campo con un campo de nuestra base de datos.

  • En la pestaña Datos, ve a la propiedad Campo de datos y elige el campo “Anyo”.

  • Guarda los cambios.
  • Cierra la vista diseño y comprueba el resultado en la vista de datos. Ahora tenemos un campo con formato que nos mostrará el año de publicación del libro.
  • Por ejemplo:

Aplicar formato campo "Precio"

  • Selecciona el formulario FLIBRO.
  • Abre el formulario en modo diseño.
  • Haz clic en el icono de Más controles .
  • En la nueva ventana que se muestra, pulsa sobre el icono llamado Campo moneda . Dibuja un nuevo campo en el formulario al lado del campo “Precio”.
  • Haz doble clic sobre el nuevo campo. En la pestaña General, en la propiedad Nombre escribe "Precio formateado".
  • Elige la propiedad Valor predeterminado. Escribe el valor 0.
  • En la pestaña Datos, ve a la propiedad Campo de datos y elige el campo “Precio”.
  • Haz clic en el campo precio antiguo y bórralo (tecla Supr).
  • Pulsa sobre el icono de la barra izquierda llamado Etiqueta . Dibuja una nueva etiqueta en el formulario a la izquierda del nuevo campo “Precio”.
  • Elige la propiedad Etiqueta. Escribe el texto "Precio".
  • Guarda los cambios.
  • Cierra la vista diseño y comprueba el resultado en la vista de datos. Ahora tenemos un campo con formato que nos mostrará el año de publicación del libro.
  • Por ejemplo:

   
Contenidos
Contenidos
 

4. Apariencia de un formulario

Hasta el momento hemos incidido en la parte técnica de la creación y diseño de formularios, sin cuidar excesivamente la interfaz con el usuario. La apariencia es un asunto sumamente importante, pues de su diseño va a depender en gran medida la adaptación, la utilización y la aceptación del uso de un determinado formulario.

En consecuencia, debe aplicarse el principio de ergonomía, de forma que un formulario se adapte a nuestras necesidades y no al contrario.

4.1. Elementos gráficos

Para insertar un elemento gráfico, utilizaremos los iconos de la barra de herramientas Dibujo, ubicada en la parte inferior derecha.

Para ver más funcionalidades, haremos clic en el icono de las flechas negras:

4.1.1. Tipos

              

4.1.2. Dibujar una autoforma

Pasos:

  • Hacer clic en la forma a dibujar.
  • Hacer clic en el punto del formulario donde queramos insertar el dibujo y arrastrar para determinar el tamaño del dibujo.
  • Soltar el botón cuando la forma tenga el tamaño deseado.

4.1.3. Modificar el tamaño de una autoforma

Hacer clic en el elemento gráfico. Con el ratón redimensionar el tamaño.

4.1.4. Modificar el formato de una autoforma (línea, relleno, etc.)

Hacer clic en el elemento gráfico. Utilizar la barra de herramientas o con el botón derecho del ratón modificar la propiedad correspondiente.

4.1.5. Escribir dentro de un dibujo o autoforma

Para escribir texto dentro de una autoforma seguiremos los pasos:

  • Hacer doble clic en la autoforma.
  • Teclear el texto que se desee.
  • Para terminar apretar la tecla Esc.
  • Cuando estamos escribiendo el texto, arriba de la pantalla tenemos una barra de herramientas para modificar el tipo de letra, tamaño, alineación y efectos:

4.1.6. Efecto 3D

Base también permite simular un efecto tridimensional para las autoformas. Para ello seguiremos los siguientes pasos:

  • Seleccionar la forma y hacer clic en el botón Conmutar extrusión.
  • En la barra de herramientas de efectos 3D elegir el que se desee.

4.1.7. Imágenes

Para insertar una imagen iremos al menú Insertar → Imagen o haremos clic en el icono de la barra de herramientas.

   
Ejercicios
Ejercicio
 

Vamos a cambiar la apariencia del diseño del formulario FLIBRO para que la interfaz resulte agradable e intuitiva.

  • Haz clic en el botón Formularios de barra de Base de datos.
  • Selecciona el formulario FLIBRO.
  • Abre el formulario en modo diseño.
  • Puede utilizarse los efectos y colores que se desee.

Desplazar elementos de la pantalla

Vamos a redimensiona los elementos de la pantalla para dejar espacio para los encabezados (imagen y título).

  • Haz clic en el icono Selección, situado en la parte inferior izquierda de la pantalla.

  • Selecciona todos los elementos del formulario mediante el botón izquierdo del ratón.
  • Sitúa el ratón en el borde de la selección y, cuando aparezca una cruz, arrastra todos los elementos hacia la parte inferior de la pantalla, para desplazarlos más abajo.

Insertar imagen y título

  • Inserta un rectángulo redondeado 3D en la parte superior del formulario y colócalo en la parte central. Escribe dentro el texto “BIBLIOTECA”.
  • Descarga del portal la imagen del icono del libro. DESCARGAR
  • Inserta la imagen descargada en la parte superior del formulario. Menú Insertar → Imagen o icono . Colócala a la izquierda del rectángulo con el título.
   
Contenidos
Contenidos
 

5. Rótulos artísticos

La galería Fontwork contiene distintos diseños de rótulos artísticos, que a su vez, podemos modificar. Para insertar un rótulo artístico haremos clic en el icono de la barra de herramientas.

   
Fuentes de información Sugerencias

Para repasar y recordar los rótulos artísticos (Fontwork), puede consultarse la práctica correspondiente en el bloque básico de Writer.

   
Ejercicios
Ejercicio
 

Vamos a añadir un rótulo artístico para la portada del libro.

  • Selecciona el formulario FLIBRO.
  • Abre el formulario en modo diseño.
  • Puede utilizarse los efectos y colores que se desee.
  • Inserta un rótulo artístico con el texto “Portada”.
  • Colócalo justo encima del campo donde se muestra la portada del libro.
  • Por ejemplo:

  • Guarda los cambios.
  • Cierra el formulario.

Cerrar la base de datos

  • Guarda los cambios.
  • Cierra la base de datos "biblioteca".

Subir fichero

  • Sube la base de datos "biblioteca" a la plataforma.
   
 

 

Creditos Créditos
Licencia de Creative Commons

Este documento es de dominio público bajo licencia de Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 España.
TuInstitutoOnline.com M.Donoso, G.García, P.Gargallo, A.Martínez. v. 2.0.2.1.0

No se permite un uso comercial de la obra original ni de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original.

Los reconocimientos se realizan en el apartado Fuentes de información.

Los iconos empleados están protegidos por la licencia LGPL y se han obtenido de:
https://commons.wikimedia.org/wiki/Crystal_Clear
https://www.openclipart.org


Licencia de Creative Commons

Todas las capturas de pantalla tienen copyright y pertenecen a TuInsitutoOnline.com.

TuInstitutoOnline.com permite su uso siempre y cuando se muestren desde el dominio www.tuinstituoonline.com y NO PERMITE enlazar a ellas desde otros lugares.

Además, la estructura diseñada para mostrar el contenido de las unidades es propiedad de TuInstitutoOnline.com.

TuInstitutoOnline.com M.Donoso, G.García, P.Gargallo, A.Martínez. Versión 2021.