colegio de boyacÁ se cr - 04€¦ · en el siguiente pantallazo se mostrará el apartado central...

8
COLEGIO DE BOYACÁ SE CR - 04 SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0 SECCIÓN FRANCISCO DE PAULA SANTANDER Guía N° 2. Tecnología: Aplicaciones Móviles 01/11/2013 Página 1 de 1 GRADO: Undécimo Tiempo. 2 horas NOMBRE DE DOCENTES: Rosa Elena Arévalo, Angie López EXPLORACION DEL TEMA Aplicaciones Móviles: El desarrollo de aplicaciones móviles es similar al desarrollo de aplicaciones web, y tiene sus raíces en el desarrollo de software más tradicional. Una diferencia fundamental, sin embargo, es que las aplicaciones (apps) móviles a menudo se escriben específicamente para aprovechar las características únicas que ofrece un dispositivo móvil en particular. APRENDIZAJES EVIDENCIAS Solución de problemas con tecnología Solución de problemas con tecnología Las aplicaciones móviles son desarrolladas para ayudar a solucionar una necesidad u problema específico que se presente. Utiliza herramientas informáticas para organizar, procesar y enviar información. Se explica la programación para dispositivos móviles y programas que ayudan a desarrollar app para móviles. El estudiante crea usuario en AppInventor. Toma nota de la clase y de las evidencias de la actividad, realiza la edición en Microsoft Word. MATERIAL DE APOYO META: Guías, Word, videos, software de simulación, blog de la docente, correo electrónico, entre otros. Los estudiantes desarrollarán comprensión acerca del tema de aplicaciones móviles y conocerán un programa en el cual pueden desarrollar programación para dispositivos móviles. APLICACIONES MÓVILES 1. Teniendo en cuenta lo anterios se puede observar que la programación de aplicaciones móviles se puede desarrollar en diferentes lenguajes de programación, pero para este tema de desarrollo de aplicaciones móviles se a tomado el programa APP INVENTOR el cual es un programa donde se puede desarrollar lenguaje de programación para móviles acontinuación se comienza explicando ¿Cómo es el programa,?¿ En que consiste ?¿Que caracteristicass tiene? entre otras. Programación para aplicaciones móviles. El desarrollo de aplicaciones móviles es similar al desarrollo de aplicaciones web, y tiene sus raíces en el desarrollo de software más tradicional. Una diferencia fundamental, sin embargo, es que las aplicaciones (apps) móviles a menudo se escriben específicamente para aprovechar las características únicas que ofrece un dispositivo móvil en particular. Por ejemplo, una aplicación para juegos podría escribirse para aprovechar el acelerómetro del iPhone.

Upload: others

Post on 14-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: COLEGIO DE BOYACÁ SE CR - 04€¦ · En el siguiente pantallazo se mostrará el apartado central donde se muestra el Viewer. El cuál es el visor principal a donde se van arrastrando

COLEGIO DE BOYACÁ SE – CR - 04 SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0

SECCIÓN FRANCISCO DE PAULA SANTANDER Guía N° 2. Tecnología: Aplicaciones Móviles

01/11/2013

Página 1 de 1

GRADO: Undécimo

Tiempo. 2 horas

NOMBRE DE DOCENTES:

Rosa Elena Arévalo, Angie López

EXPLORACION DEL TEMA

Aplicaciones Móviles: El desarrollo de aplicaciones móviles es similar al desarrollo de aplicaciones web, y tiene

sus raíces en el desarrollo de software más tradicional. Una diferencia fundamental, sin embargo, es que las aplicaciones (apps) móviles a menudo se escriben específicamente para aprovechar las características únicas que

ofrece un dispositivo móvil en particular.

APRENDIZAJES EVIDENCIAS

Solución de problemas con tecnología

Solución de problemas con tecnología

Las aplicaciones móviles son desarrolladas

para ayudar a solucionar una necesidad u problema específico que se presente.

Utiliza herramientas informáticas para

organizar, procesar y enviar información.

Se explica la programación para dispositivos móviles y

programas que ayudan a desarrollar app para móviles. El

estudiante crea usuario en AppInventor. Toma nota de la clase y de las evidencias de la actividad, realiza

la edición en Microsoft Word.

MATERIAL DE APOYO META:

Guías, Word, videos, software de simulación, blog de la docente, correo electrónico, entre

otros.

Los estudiantes desarrollarán comprensión acerca del tema de aplicaciones móviles y conocerán un programa en el cual pueden

desarrollar programación para dispositivos móviles.

APLICACIONES MÓVILES

1. Teniendo en cuenta lo anterios se puede observar que la programación de aplicaciones móviles

se puede desarrollar en diferentes lenguajes de programación, pero para este tema de desarrollo de aplicaciones móviles se a tomado el programa APP INVENTOR el cual es un programa donde se puede desarrollar lenguaje de programación para móviles acontinuación se comienza explicando ¿Cómo es el programa,?¿ En que consiste ?¿Que caracteristicass tiene? entre otras.

Programación para aplicaciones móviles.

El desarrollo de aplicaciones móviles es similar al desarrollo de

aplicaciones web, y tiene sus raíces en el desarrollo de software

más tradicional. Una diferencia fundamental, sin embargo, es

que las aplicaciones (apps) móviles a menudo se escriben

específicamente para aprovechar las características únicas que

ofrece un dispositivo móvil en particular. Por ejemplo, una

aplicación para juegos podría escribirse para aprovechar el

acelerómetro del iPhone.

Page 2: COLEGIO DE BOYACÁ SE CR - 04€¦ · En el siguiente pantallazo se mostrará el apartado central donde se muestra el Viewer. El cuál es el visor principal a donde se van arrastrando

COLEGIO DE BOYACÁ SE – CR - 04 SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0

SECCIÓN FRANCISCO DE PAULA SANTANDER Guía N° 2. Tecnología: Aplicaciones Móviles

01/11/2013

Página 1 de 1

2. Reconocimiento del programa App inventor.

3. Como todos los programas que se desarrollan este no es la ecepcion tambien presenta algunas ventajas y

desventajas a la hora de desarrollar aplicaciones en el.

Page 3: COLEGIO DE BOYACÁ SE CR - 04€¦ · En el siguiente pantallazo se mostrará el apartado central donde se muestra el Viewer. El cuál es el visor principal a donde se van arrastrando

COLEGIO DE BOYACÁ SE – CR - 04 SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0

SECCIÓN FRANCISCO DE PAULA SANTANDER Guía N° 2. Tecnología: Aplicaciones Móviles

01/11/2013

Página 1 de 1

4. La idea del de programar en esta herramienta App Inventor es que los estudiantes construyan sus propias aplicaciones y que en el camino aprendan algo mas no solo el uso de la herramienta Android App Inventor.

Ampliar la información sobre la plataforma APP INVEMTOR, revisando el siguiente link: https://www.tuappinvetorandroid.com/aprender/

Desarrollo de la práctica Virtual reconociendo el programa App Inventor.

1. Ingrese a la página: https://appinventor.mit.edu/

Es un software en línea completamente gratuito. Hacer clic en créate apps.

2. Regístrese con un correo electrónico. O ingrese en iniciar sesión, si ya tiene cuenta

INGRESAR

Page 4: COLEGIO DE BOYACÁ SE CR - 04€¦ · En el siguiente pantallazo se mostrará el apartado central donde se muestra el Viewer. El cuál es el visor principal a donde se van arrastrando

COLEGIO DE BOYACÁ SE – CR - 04 SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0

SECCIÓN FRANCISCO DE PAULA SANTANDER Guía N° 2. Tecnología: Aplicaciones Móviles

01/11/2013

Página 1 de 1

3. Luego de ingresar el correo saldrá otra ventana para permitir utilizar el correo de Gmail con app inventar

CLIC EN PERMITIR y también aceptar los términos del servicio en la siguiente pantalla que sale.

4, se iniciará en página principal de app inventor. Dirá que se debe realizar una encuesta y se debe oprimir en

más tarde.

5. Lo primero que se hará es crear un proyecto el cual se denominara prueba. Para crear el nuevo proyecto

hay que hacer clic en Start new proyect.

6. Automática mente ya aparecerá creado. Hacer clic sobre el nombre para que despliegue la ventana.

HACER CLICK

Page 5: COLEGIO DE BOYACÁ SE CR - 04€¦ · En el siguiente pantallazo se mostrará el apartado central donde se muestra el Viewer. El cuál es el visor principal a donde se van arrastrando

COLEGIO DE BOYACÁ SE – CR - 04 SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0

SECCIÓN FRANCISCO DE PAULA SANTANDER Guía N° 2. Tecnología: Aplicaciones Móviles

01/11/2013

Página 1 de 1

7. A continuación, se explica en que se compone la aplicación de App Inventor.

En primer lugar, en la parte de la izquierda se tiene la paleta de bloques que se van a ir utilizando.

8. Luego se tiene en el siguiente bloque en la parte de abajo se llama el hayout se despliega y se ve más

información. Esta sirve para la orientación de los bloques como el programador lo desee si a la izquierda

o derecha u horizontal y vertical como se desea se selecciona.

Orientación de los

bloques de

programación.

Page 6: COLEGIO DE BOYACÁ SE CR - 04€¦ · En el siguiente pantallazo se mostrará el apartado central donde se muestra el Viewer. El cuál es el visor principal a donde se van arrastrando

COLEGIO DE BOYACÁ SE – CR - 04 SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0

SECCIÓN FRANCISCO DE PAULA SANTANDER Guía N° 2. Tecnología: Aplicaciones Móviles

01/11/2013

Página 1 de 1

9. La siguiente es media, nos muestra todo lo que tiene que ver con multimedia y las herramientas que se

pueden utilizar.

10. La siguiente se muestra Connectivity. Se usa para programar la a diferentes herramientas como las que

se muestran al desplegar la ventana.

11. En el siguiente pantallazo se mostrará el apartado central donde se muestra el Viewer. El cuál es el visor

principal a donde se van arrastrando todos los componentes que están en la parte de bloques.

Herramientas

multimedia.

Page 7: COLEGIO DE BOYACÁ SE CR - 04€¦ · En el siguiente pantallazo se mostrará el apartado central donde se muestra el Viewer. El cuál es el visor principal a donde se van arrastrando

COLEGIO DE BOYACÁ SE – CR - 04 SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0

SECCIÓN FRANCISCO DE PAULA SANTANDER Guía N° 2. Tecnología: Aplicaciones Móviles

01/11/2013

Página 1 de 1

12. Se muestra en la parte central donde se arrastra dos elementos los cuales son button1 y button2 y la parte derecha se muestra los componentes el cual aparece todos los componentes con los que interactúa la

aplicación en este caso está el SCREEM es el componente principal donde se desarrolla toda la

aplicación y luego están los demás componentes que se arrastran de los bloques.

13.

14. En la parte izquierda estan las Propiedades que se le dan a la Viewer las cuales son color ,Iconos,

direcciones, la posicion, titulo de la aplicación, version etc.

Page 8: COLEGIO DE BOYACÁ SE CR - 04€¦ · En el siguiente pantallazo se mostrará el apartado central donde se muestra el Viewer. El cuál es el visor principal a donde se van arrastrando

COLEGIO DE BOYACÁ SE – CR - 04 SISTEMA DE GESTIÓN DE LA CALIDAD VERSIÓN 1.0

SECCIÓN FRANCISCO DE PAULA SANTANDER Guía N° 2. Tecnología: Aplicaciones Móviles

01/11/2013

Página 1 de 1

15. Otro apartado que se muestra en la parte inferior derecha de la pantalla media el cual sirve para ver todas

las imágenes que se suban y se necesite para la aplicación como también sonidos.

10. EJERCICIO

Realizar el reconocimiento de la interfaz de la aplicación paso a paso como se muestra y arrastrar diferentes

elementos del bloque al viewer, ir tomando fotos o de alguna forma tener evidencia de la práctica del taller en una

guía de campo.

Tarea: En grupo o de manera individual realizar la búsqueda de información para la

aplicación, que sea información pertinente de acuerdo a una temática seleccionada, diseñar o crear logotipo según tema.

Revisar ejemplos de apps desarrolladas por compañeros en el 2019: http://www.colboyapps.tech/