Multimedia Builder

  • Published on
    05-Jul-2015

  • View
    8.504

  • Download
    1

Embed Size (px)

DESCRIPTION

Taller sobre el desarrollo de MDC con Multimedia Builder

Transcript

<ul><li> 1. Multimedia Builder Software de Autora Integracin de Contenidos</li></ul> <p> 2. Multimedia Builder </p> <ul><li>Que es Multimedia Builder? </li></ul> <ul><li>Es un sistema de Autora Multimedia basado en el sistema operativo Windows, que permite la creacin de: </li></ul> <ul><li><ul><li>Cd con Auto arranque </li></ul></li></ul> <ul><li><ul><li>Software Multimedia </li></ul></li></ul> <ul><li><ul><li>Presentaciones </li></ul></li></ul> <ul><li><ul><li>Reproductores MP3 </li></ul></li></ul> <p> 3. Multimedia Builder </p> <ul><li>Que es Multimedia Builder? </li></ul> <ul><li>MMB Permite la creacin de pequeas aplicaciones que pueden ejecutarse en forma independiente (ejecutables) </li></ul> <ul><li>MMB acepta diversos tipos de contenidos para el desarrollo multimedia: </li></ul> <ul><li><ul><li>Imgenes de tipo mapa de bits </li></ul></li></ul> <ul><li><ul><li>Animaciones</li></ul></li></ul> <ul><li><ul><li>Textos</li></ul></li></ul> <ul><li><ul><li>Sonidos </li></ul></li></ul> <ul><li><ul><li>Video </li></ul></li></ul> <p> 4. Multimedia Builder </p> <ul><li>Formatos soportados por MMB </li></ul> <ul><li>Imgenes:JPEG, GIF, PNG, TIFF, BMP, PCX </li></ul> <ul><li>Sonidos:MP3, OGG, WAV, WMA, Midi, ASF </li></ul> <ul><li>Video:AVI, MPEG, MOV, DAT </li></ul> <ul><li>Animaciones:SWF, AniGIF </li></ul> <ul><li>Documentos:TXT, HTML </li></ul> <p> 5. Multimedia Builder </p> <ul><li>Diseo de Interface</li></ul> <ul><li>MMB funciona de manera integrada con la herramienta de diseo graficoReal Draw Pro , la cual se puede utilizar para el diseo de la apariencia grafica de cada pantalla. </li></ul> <ul><li>Real Draw Pro , permite la creacin de botones con mltiples estados, los cuales se pueden importar a MMB conservando sus propiedades. </li></ul> <p> 6. Integracin de Contenidos Multimedia Builder 7. Multimedia Builder </p> <ul><li>Paso 1:Guardar Proyecto </li></ul> <ul><li>MMB utiliza la extensin.mbdpara el archivo donde se almacena toda la informacin del proyecto. </li></ul> <ul><li>Se debe almacenar con frecuencia los cambios que se generan a medida que se avanza en el desarrollo multimedia </li></ul> <ul><li>Es recomendable ubicar todos los contenidos que se insertaran en el multimedia, en un directorio claramente identificado </li></ul> <p> 8. Multimedia Builder </p> <ul><li>Paso 2:Configuracin de Proyecto </li></ul> <ul><li>El botn para acceder a la configuracin ( settings ) se ubica en la barra superior del programa: </li></ul> <p>1 2 9. Multimedia Builder </p> <ul><li>Paso 2:Configuracin de Proyecto </li></ul> <ul><li>Se deben configurar las opciones que definirn las caractersticas de cada una de las ventanas del proyecto: </li></ul> <ul><li>Tamao de Ventana</li></ul> <ul><li>Tipo y Titulo deVentana</li></ul> <ul><li>Color o imagen de fondo de las Ventana </li></ul> <ul><li>Imagen que se usara como mascara </li></ul> <ul><li>Paleta de colores </li></ul> <p> 10. Multimedia Builder Ejercicio 01: Configure un Nuevo Proyecto en MMB, definiendo una ventana no estndar, utilice una imagen como fondo del multimedia, defina una tamao de ventana de 800x600 pix. Configure MMB para que intente cambiar la resolucin de pantalla a 800x600 en caso de ser necesario 11. Multimedia Builder Trabajo con Paginas Las Paginasson 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 12. Multimedia Builder </p> <ul><li>Trabajo con Paginas </li></ul> <ul><li>Las Paginasposeen las siguientes propiedades: </li></ul> <ul><li>Etiqueta </li></ul> <ul><li>Cursor por Defecto </li></ul> <ul><li>Fondo (Color o imagen) </li></ul> <ul><li>Sonido de fondo (CD Audio o formato digital) </li></ul> <ul><li>Transicin de la pagina </li></ul> <ul><li>Script </li></ul> <p> 13. Multimedia Builder </p> <ul><li>Trabajo con Paginas </li></ul> <ul><li>MMB enla zona inferior de trabajo, muestra una barra que permite diversas operaciones que se pueden aplicara las paginas: </li></ul> <ul><li>Insertar paginas </li></ul> <ul><li>Eliminar paginas </li></ul> <ul><li>Modificar el orden dentro del esquema</li></ul> <ul><li>Depurar los scripts aadidos </li></ul> <ul><li>Modificar las propiedades de pagina </li></ul> <ul><li>Probar la pagina actual </li></ul> <p> 14. Multimedia Builder Paginas y Capas MaestrasSon un mecanismo que se utiliza para colocar objetos comunes en todas las paginas del proyecto. 15. Multimedia Builder </p> <ul><li>Pagina Maestra </li></ul> <ul><li>La Pagina Maestra aparece como una capa con orden de apilamiento inferior. </li></ul> <ul><li>Todos los objetos que se inserten en una pagina que utilice pagina maestra, se ubicaran por encima de la misma. </li></ul> <p> 16. Multimedia Builder </p> <ul><li>Pagina Maestra </li></ul> <ul><li>Generalmente se utiliza este tipo de pagina, cuando deseamos colocar sobre la misma objetos estticos, como diseos de fondo</li></ul> <p> 17. Multimedia Builder </p> <ul><li>Capa Maestra de Orden Superior </li></ul> <ul><li>La capa Maestra, aparece como una capa con orden de apilamiento superior </li></ul> <ul><li>Todos los objetos que se inserten en una pagina que utilice capa maestra, se ubicaran por detrs de la misma. </li></ul> <p> 18. Multimedia Builder </p> <ul><li>Capa Maestra de Orden Superior </li></ul> <ul><li>Generalmente, se utilizan para colocar sobre todas las paginas, objetos activos como menus desplegables, botones, ventanas, etc. </li></ul> <p> 19. Multimedia Builder </p> <ul><li>Trabajar con Capa y Pagina Maestra</li></ul> <ul><li>Para aadir objetos a la capa o pagina maestra: </li></ul> <ul><li>Se debe presionar el botn que corresponde a la opcin deseada(Master Page o Master Top Layer) </li></ul> <ul><li>Debemos asegurarnos que el botn esta presionado. </li></ul> <ul><li>Insertamos los objetos estticos o dinmicos segn sea el caso </li></ul> <ul><li>Los objetos insertados debern visualizarse en todas las paginas del proyecto </li></ul> <p> 20. Multimedia Builder Compartir Fondo en Pagina MaestraMMB nos permite utilizar un diseo de fondo diseado en otra aplicacin y compartirlo con todas las paginas por medio de una pagina maestra Para insertar un diseo de fondo, debemos tener cuidado en que posea las mismas dimensiones de nuestras paginas (800x600) Algunas de las aplicaciones que podemos utilizar para el diseo de fondos son: Real Draw Pro, Fireworks, Photoshop, . 21. Multimedia Builder </p> <ul><li>Compartir Fondo en Pagina Maestra</li></ul> <ul><li>Para insertar un fondo maestro, debemos: </li></ul> <ul><li>Oprimir el botn de pagina maestra </li></ul> <ul><li>Presionar el botn de Propiedades de pagina </li></ul> <ul><li>En el cuadro de dialogo de las propiedades de pagina maestra, seleccionamos la imagen de fondo que deseamos utilizar </li></ul> <p> 22. Multimedia Builder Compartir Fondo en Pagina MaestraPara compartir el fondo maestro con todas las paginas del proyecto, en Propiedades de pagina seleccionamos las opcin del BackgroundFrom Master Page 23. Multimedia Builder Transiciones de PaginaMMB permite seleccionar entre diversas opciones predefinidas de transicin para las paginas. 24. Multimedia Builder Seleccin de Cursor por defecto Esta opcin permite seleccionar el cursor por defecto que se visualizara en la pagina. MMB presenta un grupo de cursores comunes en Windows, pero tambin permite la insercin de cursores estticos y animados definidos por el usuario. 25. Multimedia Builder Insercin de sonido de fondo MMB nos permite insertar un sonido de fondo,que puede reproducirse al cargarse la pagina. 26. Multimedia Builder Previsualizar el trabajo realizado MMB permite laprevisualizacin del proyectoo de la pagina trabajada, segn lo requiera el usuario: Para previsualizar el proyecto utilizamos el botn ubicado en la parte superior de la aplicacin Paraprevisualizar la pagina actual , oprimimos el botn ubicado en la barra inferior de MMB 27. Multimedia Builder Trabajo con Imgenes Para insertar imgenes en MMB, se debe oprimir el botn correspondiente ubicado en la barra Al oprimir el botnBitmap , MMB despliega una ventana de exploracin, donde el usuario selecciona la imagen que desea insertar 28. Multimedia Builder </p> <ul><li>Trabajo con Figuras Geomtricas </li></ul> <ul><li>MMB posee herramientas para la creacin de figuras geomtricas bsicas: </li></ul> <ul><li>Rectngulo con relleno </li></ul> <ul><li>Circulo </li></ul> <ul><li>Lneas </li></ul> <p> 29. Multimedia Builder Trabajo con Figuras Geomtricas Para aadir la figura, solo debemos hacer click sobre el botn correspondiente e insertarlaEn el caso de los rectngulos y crculos, podemos modificar las propiedades de relleno y trazo, tambin podemos aadir acciones a cada objeto 30. Multimedia Builder Trabajo con Figuras Geomtricas En las lneas se pueden modificar el posicionamiento de los puntos extremos que conforman el trazo (X1, Y1, X2, Y2) y el color de lnea. Adems tenemos la posibilidad de ocultar el trazo y bloquear su posicin en la pagina. 31. Multimedia Builder Trabajo con Objetos Cada vez que aadimos un objeto, de forma automtica se aade 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 32. Multimedia Builder Trabajo con Objetos MMB posee una herramienta de edicin que nos permite modificar las dimensiones y posicin de los objetos insertados en la pagina. Esta herramienta se llamaDimensionsy se ubica en la barra superior del MMB En esta ventana de dialogo podemos modificar la posicin del Objeto con respecto alos mrgenes superiore izquierdo. Tambin se pueden modificar la anchura y altura del objeto seleccionado. 33. Multimedia Builder </p> <ul><li>Ejercicio Propuesto </li></ul> <ul><li>Disear un multimedia de tres paginas que utilice un fondo de 800x600pix. Compartir este fondo como pagina maestra </li></ul> <ul><li>Utilizando Pagina maestra comparta un rectngulo y una circunferencia, en las tres paginas </li></ul> <ul><li>Aadir transiciones a todas las paginas </li></ul> <ul><li>Aadir un sonido de fondo a cada pagina</li></ul> <ul><li>Utilizar un cursor personalizado para cada pagina </li></ul> <p> 34. Multimedia Builder </p> <ul><li>Trabajo con Textos </li></ul> <ul><li>MMB posee tres herramientas para el trabajo con textos: </li></ul> <ul><li>Texto simple(Textos de pocas palabras) </li></ul> <ul><li>Cuadros de textos(textos extensos) </li></ul> <ul><li>Cuadros de textos editables(ingreso de datos) </li></ul> <p> 35. Multimedia Builder </p> <ul><li>Trabajo con Texto Sencillo (Text) </li></ul> <ul><li>Generalmente se utiliza para texto de muy pocas lneas. </li></ul> <ul><li>El texto introducido con esta herramienta puede formatearse, seleccionando el tipo de fuente, tamao y estilo. </li></ul> <ul><li>MMB nos da la opcin de utilizarlo como botn, aadindole acciones que dependen de los eventos de cursor (estado normal, cursor encima, click) </li></ul> <p> 36. Multimedia Builder Etiqueta Acciones Opciones de Fuente 37. Multimedia Builder </p> <ul><li>Trabajo con Cuadros de Textos </li></ul> <ul><li>Esta herramienta nos permite aadir textos extensos dentro de un cuadro con barras de desplazamiento </li></ul> <ul><li>Podemos cargar archivos de textos producidos en un editor y en formato txt </li></ul> <ul><li>Se puede formatear, modificando las caractersticas de la fuente, la alineacin y el colordel texto </li></ul> <ul><li>MMB posee una herramienta de correccin ortogrfica </li></ul> <p> 38. Multimedia Builder Trabajo con Cuadros de Textos Formateo Cargar TXT CorrectorOrtogrfico 39. Multimedia Builder </p> <ul><li>Cuadros de Ingreso de datos </li></ul> <ul><li>MMB utiliza estos objetos para permitir al usuario insertar datos a la aplicacin. </li></ul> <ul><li>Los datos introducidos son almacenados en una variable que se define en la ventana de propiedades del objeto. </li></ul> <ul><li>El objeto permite definir un valor por defecto para la variable. </li></ul> <ul><li>Se puede aadir un texto alterno (Tool Tip Text) para indicarle al usuario el valor que debe introducir </li></ul> <ul><li>Es posible formatear el texto que se introducir en la caja definiendo las caractersticas de la fuente a utilizar. </li></ul> <p> 40. Multimedia Builder Cuadros de Ingreso de datos Texto por Defecto Texto Alternativo Variable 41. Multimedia Builder </p> <ul><li>Ejercicio Propuesto </li></ul> <ul><li>Agregue texto a las paginas desarrolladas en el ejercicio anterior, utilice texto simple para colocar algunos ttulos y subttulos </li></ul> <ul><li>Utilice cuadros de textos para aadir prrafos extensos de contenido. </li></ul> <p> 42. Multimedia Builder </p> <ul><li>Botones </li></ul> <ul><li>Existen dos tipos botones insertables en las paginas de MMB: </li></ul> <ul><li>Botones de Texto:MMB los inserta segn un diseo predefinido, el usuario puede modificar el color de fondo del boton y las caracteriticas del texto. </li></ul> <ul><li>Botones de Bitmap:Permiten el trabajo con botones multiestados diseados y exportados en otras aplicaciones. </li></ul> <p> 43. Multimedia Builder Botones de Texto Acciones Textos Estilo 44. Multimedia Builder Botones de Bitmap Acciones Imagenes Vista Previa 45. FIN PRESENTACION Multimedia Builder</p>