Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 15 vistas

    Práctica 5 - App Reproductor

    Cargado por

    ツGabrielYt

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Práctica 5 - App Reproductor

    Cargado por

    ツGabrielYt
    15 vistas11 páginas

    Título original

    Práctica 5_ App Reproductor

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    15 vistas11 páginas

    Práctica 5 - App Reproductor

    Cargado por

    ツGabrielYt

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 11

    Reproductor de MP3.

    Práctica Guiada 6: App Reproductor MP3.


    Instrucciones:
    Para trabajar con MIT App Inventor 2 deberás contar con el servicio de Internet.
    1. Iniciamos la interfaz de MIT AppInventor desde el link:
    http://appinventor.mit.edu/

    2. Haz click en Create Apps!

    3. Te solicitara una cuenta con la cual deberás accesar, utiliza la cuenta de tu correo
    institucional: xxxxxx@cecyteh.edu.mx
    4. Al ingresar te aparece la interfaz de desarrollo y una ventana de Bienvenida.

    5. Seleccionamos la opción Crear un nuevo proyecto.


    6. Establecemos el nombre del proyecto, AppReproductorMP3 y tus iniciales EVH,
    AppReproductorMP3-EVH.

    7. Debemos crear una carpeta que contenga los siguientes elementos que vamos a
    necesitar en el reproductor: (bajarlos de internet)
    a. 7 canciones en formato MP3. (cambia los nombres de las canciones a
    nombres cortos)
    b. 8 Imágenes GIF. (cambia los nombres de las canciones a nombres cortos)
    c. Imágenes de los botones Play, Pause y Stop, en formato PNG.
    8. Trabajamos con el menú principal, podrá contener las disposiciones
    Horizontales, Tabulación o Verticales que así lo dispongas, para estructurar
    mejor la aplicación.

    Primera Disposición Horizontal con las siguientes


    propiedades.

    Segunda Disposición Vertical con las siguientes propiedades:


    Tercera Disposición Horizontal con las siguientes
    propiedades:

    quedando de la siguiente forma…

    9. Trabajamos la Primera Disposición Horizontal,


    e insertamos una imagen…
    seleccionamos un archivo.GIF
    10. Trabajamos la segunda Disposición Vertical e
    insertamos una Barra Deslizadora y una Etiqueta.

    Cambiamos las siguientes


    propiedades:

    Cambiamos las
    siguientes propiedades: Texto:
    VOLUMEN, Estilo Negrita y
    Cursiva.

    11. Aplicamos una imagen GIF de Fondo a


    Screen1.

    Seleccionamos Screen1…

    Seleccionamos…
    subir archivo y la imagen…

    12. Insertamos los botones con los nombres de


    las canciones.

    Se insertaron los botones en 2


    Disposiciones Horizontales.…

    13. Inserta los Botones de Acerca de…. y Salir


    en una disposición Horizontal…
    Personaliza los
    botones aplicando diferentes características y propiedades. Tu imaginación es el límite.

    14. Insertamos los reproductores para cada canción…

    15. Creamos los Screen´S para cada Canción, que deberán contener una imagen de
    la canción y los botones de Play, Pause, Stop y Regresar.
    Utiliza las disposiciones que necesitas para darle una mejor presentación. A
    continuación se muestran unos ejemplos…
    Una vez terminado los diseños nos disponemos a programar los Bloques para el
    Menú principal y cada Screen de cada Canción…

    16. Cambiamos los nombres de cada Botón, de la


    siguiente forma… btn_Cancion.
    B L O Q U E S.
    17. Vamos a programar el Menú principal para el acceso a cada canción y el control
    de volúmenes…

    Screen1…y
    establecemos los enlaces a cada Screen correspondiente, como se muestra…

    18. Programamos el Bloque de la Primer Cancion, ejemplo Don't Speak


    Aplicamos la misma programación para cada Screen, no te olvides de cambiar los
    nombres de los botones de Play, Pause y Stop.

    También podría gustarte