Diferencia entre revisiones de «MIT App Inventor»
(corregido ortografía) (Etiquetas: nuestro-nuestra, revisar proyecto, Edición visual) |
|||
| Línea 30: | Línea 30: | ||
<div align="justify"> | <div align="justify"> | ||
| − | '''MIT App Inventor''' | + | '''MIT App Inventor'''. Plataforma de desarrollo de aplicaciones móviles para [[Android]] del [[Instituto Tecnológico de Massachusetts (MIT)]]. Herramienta web de desarrollo en el mundo de la programación. Permite la realización de aplicaciones muy simples, y también muy elaboradas, que se ejecutarán en los dispositivos móviles con sistema operativo Android. [[App Inventor]] es un lenguaje de programación basado en bloques como piezas de un juego de construcción, y orientado a eventos. |
| − | |||
| − | |||
| − | |||
==Características== | ==Características== | ||
| − | + | *Código fuente abierto. | |
| − | + | *Se puede descargar fácilmente, modificar y crear su propia versión. | |
| − | Las aplicaciones desarrolladas pertenecen al creador. | + | *Las aplicaciones desarrolladas pertenecen al creador. |
| − | Permite el desarrollo del Pensamiento Computacional. | + | *Licencia por crear con MIT App Inventor gratis. |
| − | El editor de bloques de la plataforma está basado en Blockly de [[JavaScript]] para crear un lenguaje visual | + | *Permite el desarrollo del Pensamiento Computacional. |
| + | *El editor de bloques de la plataforma está basado en Blockly de [[JavaScript]] para crear un lenguaje visual. | ||
== Funcionamiento == | == Funcionamiento == | ||
| − | Mediante un editor de bloques | + | Mediante un editor de bloques se define el comportamiento de la app ante los posibles eventos que puedan ocurrir en la misma. |
| − | En cualquier momento | + | En cualquier momento se puede probar el trabajo que se va realizando mediante un software acompañante, [[MIT AI2]] Companion. Al finalizar el desarrollo ya se puede publicar en Internet, descargar el código, compartirla, entre otras tareas. Para el trabajo con Mit App Inventor existen los dos modos tanto [[online]] como offline, el que necesita conexión a la red de redes para su uso necesitará una cuenta de Google (GMAIL). Mientras que, para su uso offline se necesitará un software que monte un server local para poder trabajar en webs sin conexión, con nombre [[AI2U]]. |
| − | Al finalizar el desarrollo | ||
| − | Para el trabajo con Mit App Inventor existen los dos modos tanto [[online]] como offline, el que necesita conexión a la red de redes para su uso necesitará una cuenta de Google (GMAIL). | ||
| − | Mientras que para su uso offline necesitará un software que | ||
==Instalación y modo offline == | ==Instalación y modo offline == | ||
| − | Determinar qué versión de Windows dispone | + | Determinar qué versión de Windows dispone el equipo: 32 o 64 bits. Para ello se debe ir al [[Panel de Control]] y hacer clic en Sistema. Descargar última versión de AI2Ultimate del repositorio oficial de SourceForge; usar la versión PORTABLE de 32bits o 64bits según sea. Descomprimir el ZIP y la carpeta AIU2, se debe copiar en la Raíz de Un Disco del ordenador, ej. Raíz de Disco C o Raíz de Disco D, hacer clic en el ejecutable AI2U.exe. Ejecutar All AI2U Server si se desea desarrollar y poder generar APKs. |
| − | Descargar última versión de AI2Ultimate del repositorio oficial de SourceForge; | + | Para acceder al servidor, se debe hacer clic en All AI2U Server, esperar unos segundos y luego Start Invent o directamente la barra de direcciones del navegador escribir: <nowiki>http://localhost:8888</nowiki> |
| − | Descomprimir el ZIP y la carpeta AIU2 se debe copiar en la Raíz de Un Disco | ||
| − | Para acceder | ||
==Opciones de creación y edición== | ==Opciones de creación y edición== | ||
| − | '''Proyectos''': crear, editar, guardar, exportar, importar | + | *'''Proyectos''': crear, editar, guardar, exportar, importar proyectos. |
| + | |||
| + | *'''Conectar''': probar el funcionamiento de la App, ya sea en el emulador propio de MIT App Inventor o bien en un dispositivo móvil. Con esta opción se puede ir haciendo pruebas a medida que se va programando la App. | ||
| + | |||
| + | *'''Generar''': cuando se tiene la App definitiva, puede exportarse al PC o bien al móvil directamente mediante la tecnología QR, para de este modo hacer un uso real de lo que se ha creado. | ||
| − | ''' | + | *'''Ayuda''': acceso a todo tipo de información propia de App Inventor, desde tutoriales hasta foros de la comunidad. |
| − | ''' | + | *'''Mis proyectos''': acceso a la librería en la que se almacenan todos los proyectos que se tienen guardados en el perfil. |
| − | ''' | + | *'''Galería''': acceso a las aplicaciones compartidas en la comunidad, tutoriales y demás documentos compartidos por otros usuarios de la comunidad de MITApp Inventor. |
| − | ''' | + | *'''Guía''': acceso a documentación de soporte oficial que ayudará con dudas que se puedan plantear. |
| − | ''' | + | *'''Idioma''': se puede cambiar el idioma de la interfaz web. |
| − | ''' | + | *'''Ventanas''': esta pestaña da la opción de cambiar la ventana del programa con la cual se quiere trabajar en un momento concreto, ya que una app puede disponer de varias ventanas. |
| − | |||
| − | ''' | + | *'''Añadir ventanas''': Esta opción permite añadir nuevas ventanas a la app que se está desarrollando. |
| − | ''' | + | *'''Eliminar ventanas''': Esta opción permite eliminar las ventanas del proyecto. |
| − | |||
| − | '''Diseñador''': permite acceder a la ventana de diseño para colocar los objetos que forman la interfaz de | + | *'''Diseñador''': permite acceder a la ventana de diseño para colocar los objetos que forman la interfaz de la App y hacer la composición del aspecto, los botones y el resto de elementos que tendrá. |
| − | + | [[Imagen:Eje Diceño.png|thumbnail|120px|Ejemplo de diseño de la APP]] | |
| − | [[Imagen:Eje Diceño.png|thumbnail|120px| | ||
===Programación en bloques=== | ===Programación en bloques=== | ||
[[Imagen:Eje Bloque 2.png|120px|thumbnail|Bloque]] | [[Imagen:Eje Bloque 2.png|120px|thumbnail|Bloque]] | ||
| − | '''Bloques''': Permite añadir instrucciones en forma de bloques a los elementos que se han agregado en el apartado de Diseñador. | + | *'''Bloques''': Permite añadir instrucciones en forma de bloques a los elementos que se han agregado en el apartado de Diseñador. |
| + | |||
| + | *'''Interfaz de usuario''': todos los elementos interactivos que se pueden agregar a una ''app'', como por ejemplo botones, checkboxes (cuadros de selección), barras de desplazamiento, imágenes, listas, desplegables, campos de texto. | ||
| − | ''' | + | *'''Disposición''': permite añadir capas “no visibles” con el fin de organizar los elementos dentro de la pantalla. Pueden ser dispuestos de manera vertical, horizontal, dentro de tabla. |
| − | ''' | + | *'''Medios''': para añadir reproductores de música y video hasta galerías de imágenes. Este apartado contiene Funciones interactivas predeterminadas, es decir, listas para ser agregadas y utilizadas. |
| − | ''' | + | *'''Dibujo y animación''': una serie de objetos visuales e interactivos con los cuales podrás dibujar, interactuar entre objetos. |
| − | |||
| − | '''Sensores''': | + | *'''Sensores''': para agregar a la app funcionalidades que un dispositivo móvil incorpora hoy en día de manera habitual, tales como; acelerómetro, giroscopio, podómetro, brújula. |
| − | '''Social''': una app también puede incorporar herramientas clásicas como; SMS, e-mail, navegador web y redes sociales, agenda de contactos. | + | *'''Social''': una app también puede incorporar herramientas clásicas como; SMS, e-mail, navegador web y redes sociales, agenda de contactos. |
| − | '''Almacenamiento''': como en todo tipo de programación, el hecho de reutilizar datos que | + | *'''Almacenamiento''': como en todo tipo de programación, el hecho de reutilizar datos que se obtienen o que se encuentran almacenados es muy habitual y necesario. Con este apartado se puede generar la base de datos para incluirla en la app y utilizar archivos con información necesaria para el buen funcionamiento de la App. |
| − | '''Conectividad''': otra gran característica de las apps móviles es la capacidad de comunicarse con otros dispositivos del entorno mediante tecnologías inalámbricas como Bluetooth ya incorporadas en los terminales. | + | *'''Conectividad''': otra gran característica de las apps móviles es la capacidad de comunicarse con otros dispositivos del entorno mediante tecnologías inalámbricas como Bluetooth ya incorporadas en los terminales. |
| − | '''Visor''': este apartado del entorno muestra lo que se verá en la App una vez | + | *'''Visor''': este apartado del entorno muestra lo que se verá en la App una vez sea instalada en un dispositivo. |
| − | '''Propiedades''': al igual que cada vez que se añade un elemento al Visor, éste se añade a una lista dentro del apartado Componentes de manera automática, también se va a generar la sección Propiedades donde se van a poder modificar ciertos parámetros del componente del visor seleccionado | + | *'''Propiedades''': al igual que cada vez que se añade un elemento al Visor, éste se añade a una lista dentro del apartado Componentes de manera automática, también se va a generar la sección Propiedades donde se van a poder modificar ciertos parámetros del componente del visor seleccionado. |
==Fuentes== | ==Fuentes== | ||
*Guía de cursos y programas de clases de MIT App Inventor de los Joven Club de Computación y Electrónica. | *Guía de cursos y programas de clases de MIT App Inventor de los Joven Club de Computación y Electrónica. | ||
| − | *https://tecnolikeplus.com/utilidades/cree-su-propia-aplicacion-con-mit-app-inventor/ | + | *MIT App Inventor. [https://tecnolikeplus.com/utilidades/cree-su-propia-aplicacion-con-mit-app-inventor/ APP] |
| − | *http://kio4.com/appinventor/ | + | *MIT App Inventor. [http://kio4.com/appinventor/ Appinventor] |
==Enlaces externos== | ==Enlaces externos== | ||
Revisión del 20:37 16 abr 2022
| ||||||||||||
MIT App Inventor. Plataforma de desarrollo de aplicaciones móviles para Android del Instituto Tecnológico de Massachusetts (MIT). Herramienta web de desarrollo en el mundo de la programación. Permite la realización de aplicaciones muy simples, y también muy elaboradas, que se ejecutarán en los dispositivos móviles con sistema operativo Android. App Inventor es un lenguaje de programación basado en bloques como piezas de un juego de construcción, y orientado a eventos.
Sumario
Características
- Código fuente abierto.
- Se puede descargar fácilmente, modificar y crear su propia versión.
- Las aplicaciones desarrolladas pertenecen al creador.
- Licencia por crear con MIT App Inventor gratis.
- Permite el desarrollo del Pensamiento Computacional.
- El editor de bloques de la plataforma está basado en Blockly de JavaScript para crear un lenguaje visual.
Funcionamiento
Mediante un editor de bloques se define el comportamiento de la app ante los posibles eventos que puedan ocurrir en la misma. En cualquier momento se puede probar el trabajo que se va realizando mediante un software acompañante, MIT AI2 Companion. Al finalizar el desarrollo ya se puede publicar en Internet, descargar el código, compartirla, entre otras tareas. Para el trabajo con Mit App Inventor existen los dos modos tanto online como offline, el que necesita conexión a la red de redes para su uso necesitará una cuenta de Google (GMAIL). Mientras que, para su uso offline se necesitará un software que monte un server local para poder trabajar en webs sin conexión, con nombre AI2U.
Instalación y modo offline
Determinar qué versión de Windows dispone el equipo: 32 o 64 bits. Para ello se debe ir al Panel de Control y hacer clic en Sistema. Descargar última versión de AI2Ultimate del repositorio oficial de SourceForge; usar la versión PORTABLE de 32bits o 64bits según sea. Descomprimir el ZIP y la carpeta AIU2, se debe copiar en la Raíz de Un Disco del ordenador, ej. Raíz de Disco C o Raíz de Disco D, hacer clic en el ejecutable AI2U.exe. Ejecutar All AI2U Server si se desea desarrollar y poder generar APKs. Para acceder al servidor, se debe hacer clic en All AI2U Server, esperar unos segundos y luego Start Invent o directamente la barra de direcciones del navegador escribir: http://localhost:8888
Opciones de creación y edición
- Proyectos: crear, editar, guardar, exportar, importar proyectos.
- Conectar: probar el funcionamiento de la App, ya sea en el emulador propio de MIT App Inventor o bien en un dispositivo móvil. Con esta opción se puede ir haciendo pruebas a medida que se va programando la App.
- Generar: cuando se tiene la App definitiva, puede exportarse al PC o bien al móvil directamente mediante la tecnología QR, para de este modo hacer un uso real de lo que se ha creado.
- Ayuda: acceso a todo tipo de información propia de App Inventor, desde tutoriales hasta foros de la comunidad.
- Mis proyectos: acceso a la librería en la que se almacenan todos los proyectos que se tienen guardados en el perfil.
- Galería: acceso a las aplicaciones compartidas en la comunidad, tutoriales y demás documentos compartidos por otros usuarios de la comunidad de MITApp Inventor.
- Guía: acceso a documentación de soporte oficial que ayudará con dudas que se puedan plantear.
- Idioma: se puede cambiar el idioma de la interfaz web.
- Ventanas: esta pestaña da la opción de cambiar la ventana del programa con la cual se quiere trabajar en un momento concreto, ya que una app puede disponer de varias ventanas.
- Añadir ventanas: Esta opción permite añadir nuevas ventanas a la app que se está desarrollando.
- Eliminar ventanas: Esta opción permite eliminar las ventanas del proyecto.
- Diseñador: permite acceder a la ventana de diseño para colocar los objetos que forman la interfaz de la App y hacer la composición del aspecto, los botones y el resto de elementos que tendrá.
Programación en bloques
- Bloques: Permite añadir instrucciones en forma de bloques a los elementos que se han agregado en el apartado de Diseñador.
- Interfaz de usuario: todos los elementos interactivos que se pueden agregar a una app, como por ejemplo botones, checkboxes (cuadros de selección), barras de desplazamiento, imágenes, listas, desplegables, campos de texto.
- Disposición: permite añadir capas “no visibles” con el fin de organizar los elementos dentro de la pantalla. Pueden ser dispuestos de manera vertical, horizontal, dentro de tabla.
- Medios: para añadir reproductores de música y video hasta galerías de imágenes. Este apartado contiene Funciones interactivas predeterminadas, es decir, listas para ser agregadas y utilizadas.
- Dibujo y animación: una serie de objetos visuales e interactivos con los cuales podrás dibujar, interactuar entre objetos.
- Sensores: para agregar a la app funcionalidades que un dispositivo móvil incorpora hoy en día de manera habitual, tales como; acelerómetro, giroscopio, podómetro, brújula.
- Social: una app también puede incorporar herramientas clásicas como; SMS, e-mail, navegador web y redes sociales, agenda de contactos.
- Almacenamiento: como en todo tipo de programación, el hecho de reutilizar datos que se obtienen o que se encuentran almacenados es muy habitual y necesario. Con este apartado se puede generar la base de datos para incluirla en la app y utilizar archivos con información necesaria para el buen funcionamiento de la App.
- Conectividad: otra gran característica de las apps móviles es la capacidad de comunicarse con otros dispositivos del entorno mediante tecnologías inalámbricas como Bluetooth ya incorporadas en los terminales.
- Visor: este apartado del entorno muestra lo que se verá en la App una vez sea instalada en un dispositivo.
- Propiedades: al igual que cada vez que se añade un elemento al Visor, éste se añade a una lista dentro del apartado Componentes de manera automática, también se va a generar la sección Propiedades donde se van a poder modificar ciertos parámetros del componente del visor seleccionado.
Fuentes
- Guía de cursos y programas de clases de MIT App Inventor de los Joven Club de Computación y Electrónica.
- MIT App Inventor. APP
- MIT App Inventor. Appinventor
