App Inventor Primeros Pasos

Buenas a todos, vamos a explicar que tenemos dentro de la plataforma que ya vimos en la entrada anterior.
Al acceder ala web http://appinventor.mit.edu/ esta es la pantalla inicial que nos aparece.
Debemos acceder a INVENT, como bien marca la imagen.




Una vez accedemos se nos presenta la siguiente página.
Seleccionamos nuevo e introducimos el nombre de nuestro proyecto

Esta es la siguiente página que se nos presenta, vamos a analizar los elementos básicos para poder movernos  por la aplicación, dejaremos algunos de lado, para no meter demasiada información, los restantes se irán viendo a medida que vallan haciendo falta!

1. Aquí podemos seleccionar nuestro proyecto o crear uno nuevo.
2. Nos logeamos/ deslogeamos.
3. Guardamos nuestro proyecto.
4. Abrimos el editor de bloque(vemos más adelante que és.)
5. “Palette”: Muestra la paleta o librería de componentes que vas a poder utilizar para construir las aplicaciones. Dentro de esta sección puedes encontrar diez categorías. Nosotros estaremos un tiempo con la básica.
6. “Viewer”, que es la representación de la pantalla del teléfono, lo que veas aquí, es lo que verás en la pantalla del teléfono. La forma de construir el diseño consiste en ir arrastrando componentes desde “Palette” a “Viewer”.
7. “Components”. En esta sección puedes ver todos los componentes que tienes en la pantalla, aquí es donde puedes cambiar el nombre a los componentes o eliminar los que tengas en “Viewer”.
8. “Properties”. En esta sección puedes configurar las propiedades de los componentes de la pantalla. Por ejemplo, cambiar los parámetros como el color de los textos, el tamaño y la forma de los botones o el fondo de pantalla, entre otras muchas opciones.
9. La opción "básic" dentro de nuestra "Palette" será la que empezemos a utilizar.

Con el número 4, el editor de bloques.Haciendo click en el, aceptamos la descarga y nos abrirá el editor para empezar a programar.

1. Guardamos el proyecto
2. Haciendo click en new emulator a brimos un telefono virtual con el que podemos ir probando nuetra aplicación.
3. Aqui podemos conectar la aplicación en construcción por medio de Wifi, al emulador creado, resetear la conexiones etc.
4. Damos ZOOM o quitamos a nuestra pantalla
5. Menú de bloques con las herramientas necesarias para definir cómo se comporta la aplicación.

1. My Blocks, donde encontrarás todos los elementos que has arrastrado previamente en la Web de AppInventor. Si te fijas en la columna Components, verás que aparecen los mismos elementos que en la columna My Blocks del Editor de Bloques.

Esto es todo para la primera entrada, en la siguiente ponderemos en practica lo que hemos visto para crear y ver como se desarrolla una aplicación sencilla.

Impress! Edita presentaciones de diapositivas gratis.

Impress de la suite de openoffice.org es un programa de lectura y edición de presentaciones de diapositivas. Similar a Power Point, de Microsoft, pero a diferencia de que Impress es completamente gratuito.

Dónde puedo conseguirlo?

Sólo tendremos que descargar rápido y fácil la suite. Descarguen aquí http://www.openoffice.org/es/descargar/

Cómo vamos a aprender a utilizarlo?

Bien, el programa es sorpredentemente entendible, aún así, dejo para que descarguen un .pdf con un manual sencillo y completo sobre el programa.
Descarga aqui manual Impress (6 cap.) http://suministrosrios.es/

Además propondré unos ejercicios guiados desde "0", así no tendrán ningún problema en hacerse pronto con el control. También incluyo la solución de como debe de quedar terminado los pequeños ejercicios.

Bien, voy a poner los ejercicios que propuse, si hay algún problema dejen comentario.

Ejercicio 1. Conceptos Básicos.

Descarga aquí: http://suministrosrios.es/2.html

Ejercicio 2. Manejo de objetos en Impress: Texto y tablas.
Descarga aquí: http://suministrosrios.es/2.html

Ejercicio 3. Manejo de objetos en Impress: Texto y tablas II.
Descarga aquí: http://suministrosrios.es/2.html

Ejercicio 4. Manejo de objetos en Impress II: Objetos gráficos.
Descarga aquí: http://suministrosrios.es/2.html

Ejercicio 5. Manejo de objetos en Impress II: Objetos gráficos II.
Descarga aquí: http://suministrosrios.es/2.html

Ejercicio 6. Expansión multimedia.
Descarga aquí: http://suministrosrios.es/2.html

Ejercicio 7. Expansión multimedia II.
Descarga aquí: http://suministrosrios.es/2.html

Estos son todos los ejercicios a realizar, como dije, son ejercicios guiados con la solución de como debe quedar cada trabajo, así que no tiene sentido dejar aquí unas imágenes de como tienen que quedar.

Las tareas no son redactadas por mí, pero si estoy en proceso de terminarlas, así que contestaré cualquier duda que tengáis por comentarios con mucho gusto. El autor de ellas viene reflejado en los documentos.

Edito: Cualquier link de descarga roto dejenlo en comentarios, en menos de 24 horas seran resubidos. Gracias.

App Inventor, Que es?, dónde?, como?, que necesito?

Que es?

Básicamente es un software para crear aplicaciones.
App inventor es una framework creado inicialmente por el MIT (Instituto tecnológico deMassachusetts) y fué cogido por google para que cualquier persona con interés pueda crearse su propia aplicación movil, ya sea para su empresa, para su casa o por otros interéses.

Dónde, cómo y que necesito para empezar a crear aplicaciones para android

1. accedemos a esta web http://appinventor.mit.edu/

Hacemos click en:

Este es el taller web que vamos a utilizar para la creción de aplicaciones, en breve pongo la primera entrada para App Inventor. Podeis ir "trasteando la web" para iros familiarizando.

Crea fácil un Blog con google!

Antes de empezar con el tutorial,  no esta mal de hacer una pequeña introducción de como hacer este blog con el que voy a ir publicando el manual. Aquí tenéis pasos fáciles para crear un blog, con esto conseguiréis publicar una mejora de mi tutorial, por ejemplo.jeje

-Bien, el primer requisito es tener una cuenta google de gmail. (pincha aqui) si no la tienes aún.

-Después visitataremos la página de Blogger.com, para proceder a la construcción de nuestro espacio.

http://www.blogger.com/home

-Como veis, sale reflejado el mio, y además puedo agregar nuevo nuevo blog.

-Añadimos el título, la plantilla que vamos a seguir y la dirección.

-El siguiente paso es bastante intuitivo, si hay algún problema podéis dejarlo en comentarios, aqui nos toca configurar nuestro blog a nuestro estilo, añadirle gadget, ajustar zona horaria, configurar en definitiva todo el tema visual. Incluso podemos añadir Addsense, esa publicidad de google que nos paga por cada click de los visitantes.