Multimedia Multimedia BuilderBuilder

Software de AutoríaSoftware de Autoría

Integración de ContenidosIntegración de Contenidos

Multimedia Builder¿Que es Multimedia Builder?

Es un sistema de Autoría Multimedia basado en el sistema operativo Windows, que permite la creación de: Cd con Auto arranque Software Multimedia Presentaciones Reproductores MP3

Multimedia Builder¿Que es Multimedia Builder?

MMB Permite la creación de pequeñas aplicaciones que pueden ejecutarse en forma independiente (ejecutables)

MMB acepta diversos tipos de contenidos para el desarrollo multimedia: Imágenes de tipo mapa de bits Animaciones Textos Sonidos Video

Multimedia BuilderFormatos soportados por MMB

• Imágenes: JPEG, GIF, PNG, TIFF, BMP, PCX

• Sonidos: MP3, OGG, WAV, WMA, Midi, ASF

• Video: AVI, MPEG, MOV, DAT

• Animaciones: SWF, AniGIF

• Documentos: TXT, HTML

Multimedia BuilderDiseño de Interface • MMB funciona de manera integrada con la

herramienta de diseño grafico Real Draw Pro, la cual se puede utilizar para el diseño de la apariencia grafica de cada pantalla.

• Real Draw Pro, permite la creación de botones con múltiples estados, los cuales se pueden importar a MMB conservando sus propiedades.

Integración de Integración de ContenidosContenidos

Multimedia Builder

Multimedia BuilderPaso 1: Guardar Proyecto• MMB utiliza la extensión .mbd para el archivo donde se almacena toda la información del proyecto.

• Se debe almacenar con frecuencia los cambios que se generan a medida que se avanza en el desarrollo multimedia

• Es recomendable ubicar todos los contenidos que se insertaran en el multimedia, en un directorio claramente identificado

Multimedia BuilderPaso 2: Configuración de Proyecto• El botón para acceder a la configuración

(settings) se ubica en la barra superior del programa:

1

2

Multimedia BuilderPaso 2: Configuración de ProyectoSe deben configurar las opciones que definirán las características de cada una de las ventanas del proyecto:• Tamaño de Ventana • Tipo y Titulo de Ventana • Color o imagen de fondo de las Ventana• Imagen que se usara como mascara• Paleta de colores

Multimedia BuilderEjercicio 01:Configure un Nuevo Proyecto en MMB, definiendo una ventana no estándar, utilice una imagen como fondo del multimedia, defina una tamaño de ventana de 800x600 pix.

Configure MMB para que intente cambiar la resolución de pantalla a 800x600 en caso de ser necesario

Multimedia BuilderTrabajo con PaginasLas Paginas son los elementos contenedores de los contenidos que se desarrollaran en el multimedia.

Cada pagina insertada se muestra en la parte inferior del área de trabajo de MMB

Multimedia BuilderTrabajo con PaginasLas Paginas poseen las siguientes propiedades:• Etiqueta• Cursor por Defecto• Fondo (Color o imagen)• Sonido de fondo (CD Audio o formato digital)• Transición de la pagina• Script

Multimedia BuilderTrabajo con PaginasMMB en la zona inferior de trabajo, muestra una barra que permite diversas operaciones que se pueden aplicar a las paginas: Insertar paginas Eliminar paginas Modificar el orden dentro del esquema Depurar los scripts añadidos Modificar las propiedades de pagina Probar la pagina actual

Multimedia BuilderPaginas y Capas Maestras Son un mecanismo que se utiliza para colocar objetos comunes en todas las paginas del proyecto.

Multimedia BuilderPagina Maestra• La Pagina Maestra aparece como una capa con orden de apilamiento inferior.

• Todos los objetos que se inserten en una pagina que utilice pagina maestra, se ubicaran por encima de la misma.

Multimedia BuilderPagina Maestra• Generalmente se utiliza este tipo de pagina, cuando deseamos colocar sobre la misma objetos estáticos, como diseños de fondo

Multimedia BuilderCapa Maestra de Orden Superior• La capa Maestra, aparece como una capa con orden de apilamiento superior

• Todos los objetos que se inserten en una pagina que utilice capa maestra, se ubicaran por detrás de la misma.

Multimedia BuilderCapa Maestra de Orden Superior• Generalmente, se utilizan para colocar sobre todas las paginas, objetos activos como menus desplegables, botones, ventanas, etc.

Multimedia BuilderTrabajar con Capa y Pagina Maestra Para añadir objetos a la capa o pagina maestra:• Se debe presionar el botón que corresponde

a la opción deseada( Master Page o Master Top Layer)

• Debemos asegurarnos que el botón esta presionado.

• Insertamos los objetos estáticos o dinámicos según sea el caso

• Los objetos insertados deberán visualizarse en todas las paginas del proyecto

Multimedia BuilderCompartir Fondo en Pagina Maestra MMB nos permite utilizar un diseño de fondo diseñado en otra aplicación y compartirlo con todas las paginas por medio de una pagina maestra

Para insertar un diseño de fondo, debemos tener cuidado en que posea las mismas dimensiones de nuestras paginas (800x600)

Algunas de las aplicaciones que podemos utilizar para el diseño de fondos son: Real Draw Pro, Fireworks, Photoshop, ….

Multimedia BuilderCompartir Fondo en Pagina Maestra Para insertar un fondo maestro, debemos:

3. Oprimir el botón de pagina maestra

4. Presionar el botón de Propiedades de pagina

5. En el cuadro de dialogo de las propiedades de pagina maestra, seleccionamos la imagen de fondo que deseamos utilizar

Multimedia BuilderCompartir Fondo en Pagina Maestra Para compartir el fondo maestro con todas las paginas del proyecto, en Propiedades de pagina seleccionamos las opción del Background “From Master Page”

Multimedia BuilderTransiciones de Pagina MMB permite seleccionar entre diversas opciones predefinidas de transición para las paginas.

Multimedia BuilderSelección de Cursor por defectoEsta opción permite seleccionar el cursor por defecto que se visualizara en la pagina. MMB presenta un grupo de cursores comunes en Windows, pero también permite la inserción de cursores estáticos y animados definidos por el usuario.

Multimedia BuilderInserción de sonido de fondoMMB nos permite insertar un sonido de fondo,que puede reproducirse al cargarse la pagina.

Multimedia BuilderPrevisualizar el trabajo realizadoMMB permite la previsualización del proyecto o de la pagina trabajada, según lo requiera el usuario:

Para previsualizar el proyecto utilizamos el botón ubicado en la parte superior de la aplicación

Para previsualizar la pagina actual, oprimimos el botón ubicado en la barra inferior de MMB

Multimedia BuilderTrabajo con ImágenesPara insertar imágenes en MMB, se debe oprimir el botón correspondiente ubicado en la barra

Al oprimir el botón Bitmap, MMB despliega una ventana de exploración, donde el usuario selecciona la imagen que desea insertar

Multimedia BuilderTrabajo con Figuras GeométricasMMB posee herramientas para la creación de figuras geométricas básicas:• Rectángulo con relleno• Circulo• Líneas

Multimedia BuilderTrabajo con Figuras GeométricasPara añadir la figura, solo debemos hacer click sobre el botón correspondiente e insertarla

En el caso de los rectángulos y círculos, podemos modificar las propiedades de relleno y trazo, también podemos añadir acciones a cada objeto

Multimedia BuilderTrabajo con Figuras GeométricasEn las líneas se pueden modificar el posicionamiento de los puntos extremos que conforman el trazo (X1, Y1, X2, Y2) y el color de línea. Además tenemos la posibilidad de ocultar el trazo y bloquear su posición en la pagina.

Multimedia BuilderTrabajo con ObjetosCada vez que añadimos un objeto, de forma automática se añade una referencia del mismo en la ventana Objetos del MMB. En esta ventana podemos agrupar, ocultar y/o modificar las propiedades de cualquier objeto insertado en la pagina

Multimedia BuilderTrabajo con ObjetosMMB posee una herramienta de edición que nos permite modificar las dimensiones y posición de los objetos insertados en la pagina.

Esta herramienta se llama “Dimensions” y se ubica en la barra superior del MMB

En esta ventana de dialogo podemos modificar la posición del Objeto con respecto a los márgenes superior e izquierdo. También se pueden modificar la anchura y altura del objeto seleccionado.

Multimedia BuilderEjercicio Propuesto• Diseñar un multimedia de tres paginas que utilice un fondo

de 800x600pix. Compartir este fondo como pagina maestra

• Utilizando Pagina maestra comparta un rectángulo y una circunferencia, en las tres paginas

• Añadir transiciones a todas las paginas• Añadir un sonido de fondo a cada pagina • Utilizar un cursor personalizado para cada pagina

Multimedia BuilderTrabajo con TextosMMB posee tres herramientas para el trabajo con textos:• Texto simple (Textos de pocas palabras)• Cuadros de textos (textos extensos)• Cuadros de textos editables (ingreso de datos)

Multimedia BuilderTrabajo con Texto Sencillo (Text)• Generalmente se utiliza para texto de muy pocas líneas.• El texto introducido con esta herramienta puede

formatearse, seleccionando el tipo de fuente, tamaño y estilo.

• MMB nos da la opción de utilizarlo como botón, añadiéndole acciones que dependen de los eventos de cursor (estado normal, cursor encima, click)

Multimedia Builder

Etiqueta

Acciones

Opciones de Fuente

Multimedia BuilderTrabajo con Cuadros de Textos• Esta herramienta nos permite añadir textos extensos

dentro de un cuadro con barras de desplazamiento• Podemos cargar archivos de textos producidos en un

editor y en formato txt• Se puede formatear, modificando las características de la

fuente, la alineación y el color del texto• MMB posee una herramienta de corrección ortográfica

Multimedia BuilderTrabajo con Cuadros de Textos

Formateo

Cargar TXTCorrector

Ortográfico

Multimedia BuilderCuadros de Ingreso de datos• MMB utiliza estos objetos para permitir al usuario insertar

datos a la aplicación.• Los datos introducidos son almacenados en una variable

que se define en la ventana de propiedades del objeto.• El objeto permite definir un valor por defecto para la

variable.• Se puede añadir un texto alterno (Tool Tip Text) para

indicarle al usuario el valor que debe introducir• Es posible formatear el texto que se introducirá en la caja

definiendo las características de la fuente a utilizar.

Multimedia BuilderCuadros de Ingreso de datos

Texto por Defecto

Texto Alternativo

Variable

Multimedia BuilderEjercicio Propuesto• Agregue texto a las paginas desarrolladas en el ejercicio

anterior, utilice texto simple para colocar algunos títulos y subtítulos

• Utilice cuadros de textos para añadir párrafos extensos de contenido.

Multimedia BuilderBotonesExisten dos tipos botones insertables en las paginas de MMB:

• Botones de Texto: MMB los inserta según un diseño predefinido, el usuario puede modificar el color de fondo del boton y las caracteriticas del texto.

• Botones de Bitmap: Permiten el trabajo con botones multiestados diseñados y exportados en otras aplicaciones.

Multimedia BuilderBotones de Texto

Acciones

Textos

Estilo

Multimedia BuilderBotones de Bitmap

Acciones

Imagenes Vista Previa

FIN PRESENTACIONFIN PRESENTACION

Multimedia Builder