1

°

• Emplear las herramientas tecnológicas para procesar datos e informar resultados.

• Emplear la tecnología en el desarrollo de estrategias para resolver problemas en el mundo real.• Uso de las herramientas de productividad para colaborar en la construcción de modelos ampliados

por la tecnología en el tratamiento de cantidades considerables de información relacionadas entre

ella.

Décimo

Informática

2 meses

Enero – Marzo 2017

Cúcuta

Concienciación

Lógico

TITULO DEL PROYECTO Programación Móvil con App Inventor.

OBJETIVO DEL PROYECTO Desarrollar la capacidad de concienciación mediante la practicidad de los conocimientos básicos sobre Programación Móvil con App Inventor.

RESULTADOS ESPERADOS DEL PROYECTO Carpeta en donde se encuentran programas desarrollados por los estudiantes en donde se aplican los conceptos básicos de programación móvil con App Inventor.

COMPETENCIAS A DESARROLLAR ACTIVIDADES Y TAREASHITOS O EVENTOS

INTELECTUALES PSICOMOTRICES VOLITIVAS AFECTIVAS ESPIRITUALES

Emplear las herramientas tecnológicas

para procesar datos e informar

resultados.

Identifica los comandos de

programación básicos necesarios

para la correcta realización de

programas en App inventor.

Maneja correctamente los

comandos básicos necesarios

para la correcta realización de

App inventor.

Realiza las prácticas

planeadas en clase

adecuadamente

siguiendo los parámetros

establecidos por el

docente.

Emite juicios valorativos

en las actividades de

socialización y foros

acerca de las

características de

programación en App

Inventor

Colabora de forma

activa y respetuosa con

el grupo de estudiantes

y con el docente en las

prácticas y en la

ejecución del proyecto.

Puesta en común acerca de los

resultados obtenidos durante el

desarrollo del proyecto. Revisión

periódica cada semana.

Emplear la tecnología en el desarrollo de

estrategias para resolver problemas en el

mundo real.

Identifica los procesos básicos de

programación necesarios para la

correcta realización de programas

en dispositivos móviles.

Reconoce y manipula

adecuadamente eventos,

métodos y propiedades

objetos a utilizar en la

proyección de soluciones

móviles en App Inventor

Recolecta la información

necesaria y pertinente

para la elaboración del

proyecto de

“Programando con App

inventor”

De acuerdo a lo

expresado en los

momentos pedagógicos y

socializaciones emprende

los procesos de diseño

necesarios en la

elaboración de

programas en App

Inventor.

Es objetivo al

momento de auto

evaluarse sobre el

desarrollo alcanzado

en el proyecto.

Evaluación del proyecto

verificando que se cumplan los

requisitos formulados por el

docente y que la información

obtenida sea veraz.

Uso de las herramientas de productividad

para colaborar en la construcción de

modelos ampliados por la tecnología, par

a la preparación de publicaciones y para

producir otros trabajos creativos.

Elabora informes proponiendo

una solución móvil de acuerdo

con los procedimientos avalados

para su construcción y puesta en

Marcha

Reconoce diagramas de

bloques y simuladores en el

desarrollo de aplicaciones

móviles

Crea soluciones móviles

con App inventor que

resuelvan situaciones

problemáticas

específicas.

Publicación de los resultados

obtenidos en informe magnético

en la Web del colegio Ebenezer

ACTIVIDADES Y TAREAS

MESES (2)

SEMANAS (8)

1 2 3 4 5 6 7 8

Diagnóstico

Evaluación inicial

Actividades intelectuales.

Actividades Psicomotoras

Actividades Volitivas.

Actividades afectivas.

Actividades espirituales

Evaluación final del Proyecto

Retroalimentación.

Posee la capacidad de

concienciación, en el

diseño de programas

sencillos a través de la

programación móvil en

App inventor

Demuestra habilidad en la

investigación de las etapas

del desarrollo de un

programa sencillo en App

inventor”.

Demuestra responsabilidad

en el desarrollo de la

capacidad de concienciación,

a través del estudio y la

realización de las actividades

programadas referentes a la

programación móvil en App

inventor.

Demuestra interés en el

desarrollo de la capacidad de

concienciación, dándole

importancia y seriedad al

tema de programación móvil

en App Inventor

Participa y coopera con suscompañeros/as en trabajosgrupales, actividades y en lasolución de conflictos que sepresenten en diferentessituaciones referentes aldesarrollo de la capacidad deconcienciación sobreprogramación móvil en AppInventor.

Desarrolla las actividades intelectuales, psicomotrices, volitivas, afectivas y espirituales de la capacidad de concienciación en el nivel investigativo.• Consulta a tu profesor las inquietudes encontradas.Maneja adecuadamente las herramientas electrónicas en el aula de clase.

Para la presentación de los trabajos escritos debes tener en cuenta lo siguiente:

Presentarlos en las fechas estipuladas para ello. Realizarlo en computador.Tener en cuenta la utilización de las normas actuales de presentación de trabajos.

Soy competente en la utilización de los conceptos básicos de la herramienta AppIventor, sobre el manejo de comandos, controles y de la interfaz del Editor, operando con habilidad los bloques de programación y los recursos tecnológicos necesarios para tal fin

En este periodo se tratara el tema Programación móvil utilizando la herramienta informática AppInventor donde seenmarca dentro de un enfoque pedagógico característico que consiste en la aplicación de diferentes técnicas didácticasactivas (Exposición, demostración, talleres, foros de discusión, método de preguntas, proyectos, estudios de caso,aprendizaje basado en problemas, socialización, entre otras), para conseguir los resultados de aprendizaje que les lleve aser competentes en el área requerida.

Ingresa al classroom y resuelve la actividad planteada.

Ingresa al classroom y resuelve la actividad planteada

Ingresa al classroom y resuelve la actividad planteada.

Realizar según las indicaciones del

docente

Ingresa al classroom y resuelve la actividad planteada.

Ingresa al classroom y resuelve la actividad planteada.

Intellectual Training

App inventor es un framework creado inicialmente por el MIT(Instituto tecnológico de Massachusetts) y fue adquirido por google,para que cualquier persona con interés pueda crear su propiaaplicación móvil, ya sea para su empresa, para su casa o por otrosintereses.

Para crear una aplicación con app inventor hay que realizar dos pasos:

• El diseño de la aplicación, en la que se seleccionan los componentes para su

aplicación.

• El editor de bloques, donde irás escogiendo los bloques que te sean

necesarios según la aplicación que tengas pensadacrear.

Tu aplicación aparecerá paso a paso en la pantalla del teléfono, a medida que

añadas piezas a la misma podrás probar tu trabajo.

Cuando hayas terminado, puedes empaquetar la aplicación y producir una

aplicación independiente para instalar. Si no tienes un teléfono Android,

puedes construir tus aplicaciones utilizando el emulador de Android, el

software se ejecuta en tu computadora y emula el sistema operativo del

teléfono.

Insatalación App Inventor.

3.2.1 Requisitos:

• Macintosh (con procesador Intel): Mac OS X 10.5, 10.6

• Windows: Windows XP, Windows Vista, Windows 7,8

• GNU / Linux: Ubuntu 8 +, Debian 5 +

3.2.2. Navegador.

Mozilla Firefox 3.6 o superior

Nota: Si está usando Firefox con el NoScript extensión, tendrás que girar la

extensión de. Vea la nota en la página de resolución de problemas.

• Apple Safari 5.0 o superior

• Google Chrome 4.0 o superior

• Microsoft Internet Explorer 7 o superior

3.2.3 Comprobar la configuración de Java:

En este paso es necesario actualizar la máquina virtual de java del equipo a la última versión, así que te recomiendo descargar el componente e instalarlo, a continuación se presenta el link de descarga.

http://java.com/es/download/

3.2.4 Instalar librerías de app inventor.

Para que app inventor funcione correctamente en su equipo es necesario

instalar las librerías correctas y actualizadas desde su sitio web oficial, a

continuación se provee el link de descarga.

http://appinventor.mit.edu/explore/install-app-inventor-software.html

Nota: elija el sistema operativo donde desarrollara aplicaciones y además

sigas las instrucciones propuestas por la web oficial de descarga.

3.2.5 Configurar su teléfono Android:

En esta sección, nos aseguraremos de que su teléfono está listo para su uso

con la aplicación de Inventor. Esto implica la comprobación de algunas

opciones de configuración y asegurarse de que está establecido de la manera

correcta, a continuación, conectar el teléfono al ordenador con un cable USB.

Si usted tiene una máquina con Windows, entonces es posible

que tenga que instalar un controlador para el teléfono.

Insatalación App Inventor.

Como usar App Inventor.

1. La paleta: contiene todos los elementos que podemos insertar en nuestraaplicación. Hay elementos gráficos como cuadros de texto, botones, lienzode dibujo (Canvas) y elementos que no se ven en la pantalla del móvil, comobase de datos (TinyDB), acelerómetro, cámara de vídeo, etc.

2. Viewer: El visor de la pantalla, simula la apariencia visual que tendrá laaplicación en el móvil. Para añadir un elemento a la pantalla hay quearrastrarlo desde la paleta y soltarlo en el visor. Los elementos que notengan visibilidad hay que arrastrarlos también al viewer y automáticamentese desplazarán debajo de él bajo el epígrafe “Non-visible components”

3. Components muestra la lista de los componentes que se han colocado en elproyecto. Cualquier componente que haya sido arrastrado y soltado desde lapaleta al visor aparecerá ahí. Si se quiere borrar alguno es en la lista decomponentes donde está el botón que permite borrarlo.

4. Media muestra las distintas imágenes y sonidos que estarán disponibles parael proyecto. Cualquier archivo de imagen o audio que se quiera usar en laaplicación hay que insertarlo usando este apartado para que esté disponible

5. Properties: cada vez que en el Viewer se seleccione un componente, enProperties aparecerán todos los detalles que se puedan cambiar de esecomponente. Por ejemplo, al hacer clic sobre un componente TextBox sepodrá cambiar en Properties su color, texto, fuente, etc. Para aquellos quehayan usado antes entornos de desarrollo del tipo de Visual Studio enWindows o Gambas en Linux le será muy familiar esta forma de trabajar.

En App Inventor los proyectos se guardan “en la nube”, es decir, en losservidores del MIT. Por tanto, se puede abrir nuestros proyectos desdecualquier ordenador con conexión a Internet sin que tengamos que llevar losarchivos de un lado a otro. En cualquier caso, esta misma interfaz dá lasopciones para descargar el archivo del proyecto si se quiere. se abre laventana del diseñador en la que se construye, mediante el ratón, sinnecesidad de usar ningún lenguaje de programación.

Elementos de Programación en App inventor.

• SENTENCIAS:

Al programar necesitamos a menudo decirle al ordenadorque haga algo. En App Inventor existen numerosos bloquesque son sentencias de programación. Se distinguenrápidamente porque expresan una acción a realizar con unverbo en imperativo.

Los más habituales son call, set y def (abreviatura de define). Además, losbloques que son sentencias sólo están disponibles en dos colores: azul paramodificar variables o propiedades de un objeto y naranja para llamar afunciones. En la imagen siguiente se ven algunos ejemplos de las sentenciaspara dividir un texto en partes, convertirlo a mayúsculas, cambiar la altura,texto o visibilidad de un recuadro de texto o definir una variable.

• Condiciones

Con frecuencia necesitamos realizar distintas acciones enfunción de que ocurra o no algo. En App Inventor paracondicionar nuestro programa tenemos las estructuras if-then, if-then-else ,while y choose:

En todos estos bloques se puede ver como tenemos en la parte superior unespacio para encajar el test o pregunta que se hace el programa para decidirpor donde continuar su flujo.Las tres primeras estructuras son habituales enla mayoría de los lenguajes, la última, choose, es prácticamente igual a if-then-else con la diferencia de que permite devolver una variable en función de quese cumpla o no el test.

Elementos de Programación en App inventor.

• Bucles

Un bucle provoca la ejecución repetida de variassentencias. En App inventor disponemos de losbucleswhile, for rangey foreach.

El primero ejecutará el bloque de sentencias que se encajen en el apartadodomientras se cumpla la condición que refleje el test. for range es el típico bucle“for” de otros lenguajes de programación y, como tal, tiene las opciones deelegir el nombre de la variable que itera, su comienzo, fin y el tamaño de lossaltos de iteración. Finalmente, foreach es un iterador sobre los elementos deuna lista.

• Variables

Disponemos de las herramientas para definir y cambiar variables. El tipopuede ser numérico o un texto y “se declara” al asignarle un valor por primeravez.

En el gráfico anterior se ve como se declara una variable llamada“total_alumnos” y se le da un valor numérico de 30. Además se ven dosbloques muy importante en App Inventor. Su lenguaje cuenta con unaestructura de datos llamada list (lista) que es similar a los Arrays de otroslenguajes de programación. Se ve el bloque con el que se define la lista“alumnos” (se define vacía al no añadirle ningún item) y también se ve elbloque en el que se le añaden dos elementos a la lista alumnos. En esteejemplo se le añade el texto que contienen los cuadros de texto “TextBox1” y“TextBox2”.

Elementos de Programación en App inventor.

• Eventos

Es indispensable que los programas que sean capaces de responder a la interacción del usuario con el interfaz. Es ahí donde toman su importancia losbloques de App Inventor, para ejecutar acciones en respuesta a los eventos que se produzcan en el teléfono o el tablet.

En la imagen se pueden ver algunos de estoseventos.

De esta selección se aprecia que con AppInventor no sólo se dispone de objetos que sepueden colocar en la pantalla como un botón oimagen, sino también de otros muchos objetosque nos dan acceso a las funcionalidades quetienen los teléfonos y tablets Android.

Tenemos acceso a Internet, Bluetooth, hacerllamadas, enviar y recibir mensajes, lascoordenadasde posiciónGPS, etc.También se puede apreciar como todos loseventos tienen la estructura “When eventodo”, y son de color verde. Tienen este colorporque son parte de la sección “My blocks” en elentorno de desarrollo. “My blocks” es donde seleen o manipulan las propiedades de los distintoselementos que hayan sido colocadosmanualmente en el entorno de diseño: botones,brújula,

Elementos de Programación en App inventor.

• Componentes.

Se puede observar los componentes visuales y no visuales que podremos añadir a nuestra aplicación con tan solo arrastrar y soltar: A

continuación mostramos la lista de componentes disponibles en la paleta (Palette) agrupados por tipo. Hay que mencionar que dicha lista puede

variar pues Google App Inventor es una versión Beta y será susceptible de modificaciones futuras añadiendo nuevos componentes y mejorando

los actuales:

1. Desarrollar la actividad planteadaen el classroom de Google. 1. Desarrollar la actividad planteada en

el classroom de Google.

1. Desarrollar la actividad planteadaen el classroom de Google.

1. Desarrollar la actividad planteadaen el Classroom de Google. 1. Desarrollar la actividad planteada

en el classroom de Google.

Teniendo en cuenta los siguientes criterios deevaluación de: (S) Siempre, (F) frecuentemente,(CN) Casi nunca y (N) Nunca, marca con una Xla columna que corresponde a tu criterio, segúnlo aprendido:

ASPECTO DESCRIPCIÓN S F C N

Intelectual Identifico los conceptos sobre sentencias bucles variables

eventos y componentes que permiten diseñar programas

sencillos a través de la programación móvil en App

inventor

Psicomotor Poseo habilidad desarrollando programas para dispositivos móviles a través de la herramienta App inventor”.

Volitivo Manifiesto voluntad mediante el cumplimiento en la

entrega de trabajos sobre el tema “Programacion en

dispositivosmóviles”

Afectivo Participo con entusiasmo en el desarrollo de las

actividades académicas sobre el tema “programación en

dispositivos móviles.

Persisto en mis actividades a pesar de encontrar

dificultades.

Espiritual Respeto la manera de pensar de mis compañeros/as y sus

herramientas de trabajo

Colaboro con compañeros/as que tienen dificultad en el

tema programación en dispositivos móviles.

Padre de familia, favor diligenciar el siguiente cuadro para conocer su opinión respecto a los aspectos mostrados por su hijo/adurante el desarrollo del tema, en el periodo. Su opinión es muy importante para nosotros, pues nos ayuda a fortalecer el proceso deformación de los estudiantes.

Aspectos internos Aspectos externosFORTALEZAS OPORTUNIDADES

DEBILIDADES AMENAZAS

http://appinventor.mit.edu/https://groups.google.com/d/msg/app-inventor-announcements/jTfW1d2OMxo/t55dux2btvYJhttp://scratch.mit.edu/http://dl.google.com/dl/appinventor/installers/linux/appinventor-setup_1.1_all.debhttp://dl.google.com/dl/appinventor/installers/linux/appinventor-setup_1.1.tar.gzhttp://gigaom.com/mobile/hands-on-with-googles-android-app-inventor/http://www.appinventorblocks.com/appinventor-tutorials-tipshttp://notes.hfoss.org/index.php/AppInventor:Advanced_Tutorialshttps://sites.google.com/a/usfca.edu/cs107/homehttps://sites.google.com/site/appinventoreduhttp://beta.appinventor.mit.edu/learn/reference/other/testing.htmlhttp://beta.appinventor.mit.edu/learn/reference/