Want to make creations as awesome as this one?

More creations to inspire you

SEVEN WONDERS INFOGRAPHIC

Horizontal infographics

7 CONTINENTS

Horizontal infographics

A2 - ABENTEUER AUTOBAHN

Horizontal infographics

STEVE JOBS

Horizontal infographics

OSCAR WILDE

Horizontal infographics

TEN WAYS TO SAVE WATER

Horizontal infographics

NORMANDY 1944

Horizontal infographics

Transcript

INNOVACIÓN DE APLICACIONES

Conceptos básicos de programación en App Inventor

Evolución de la telefonia movil

plataformas de desarrollos de Apps

Aplicaciones

Conceptos básicos de programación en App Inventor

App Inventor maneja una programación orientada a eventos a partir del uso de bloques, es un paradigma de programación en el que la estructura y la ejecución de los programas van determinados por las acciones o sucesos que ocurren en el sistema y que son definidos por el usuario o por el propio sistema. Estos eventos permiten al usuario o usuarios realizar un conjunto de acciones lógicas para un determinado programa.

Conociendo el Entorno de Mit App Invento

Conociendo el Entorno de Mit App Invento

Manejo de Pantallas, Propiedades del proyecto y Publicar en Galería

Editor de Bloques

Barra de herramientas principal

Visor

Componentes

Editor de Diseñador/Bloques

Paleta de componentes

Barra de herramientas principal

Esta opción sirve para comenzar a crear un nuevo proyecto o cargar un proyecto guardado previamente. Usando las opciones de menú aquí, también se puede cambiar el nombre (Guardar proyecto como) de un proyecto. En esta opción de menú se localiza la opción Punto de control, que es una variante de la opción Guardar proyecto y puede ser muy útil durante el trabajo de desarrollo. Durante el desarrollo, es posible que deba decidir entre varias soluciones diferentes. Antes de una solución específica, puede poner una especie de marcador (punto de control) y guardar el estado actual del proyecto. Si luego decide que otra solución sería mejor, puede volver a una etapa anterior seleccionando el punto de control y luego iniciando una solución alternativa a partir de ahí. También se encuentra la opción Mis proyectos, donde se pueden visualizar una lista de todas las aplicaciones que están almacenadas en la nube

Opción de menú Proyectos

Use esta opción para conectar sudispositivo a App Inventor o iniciar el emulador de App Inventor.Mediante conexión inalámbrica a Internet y un dispositivo Android®, se puede iniciar hacer una prueba sin descargar ningún software en su computadora. Para que esta opción funcione, deberá instalar la aplicación MIT AI2 Companion en su dispositivo. En esta guía, solo se cubrirá la conexión vía WiFi. Mediante el uso del escáner QR de su dispositivo.

Opción de menú Conectar

Esta opción es usada para empaquetar la aplicación y ser distribuida o alojada en los servidores web de la plataforma de MIT App Inventor.

Opción de menú Generar.

Paleta de componentes

Componentes visibles. Estos son componentes que el usuario puede ver en su dispositivo cuando se inicia la aplicación. Ejemplos de estos componentes son Botón, Texto, Etiqueta, Lienzo, etc.

componentes del sensor como LocationSensor para determinar la ubicación de los dispositivos o enviar mensajes de texto para enviar / recibir mensajes SMS, etcétera

La paleta incluye componentes de la interfaz de usuario. Los componentes son las piezas de su aplicación que realizan acciones. Los componentes se agrupan en categorías. Hay dos tipos de componentes (visibles y no visibles)

Componentes visibles

Componentes visibles

paleta

Paleta de compC) Visoronentes

Son componentes que se utilizan para organizar a los componentes de la aplicación..

Contiene componentes que se pueden usar para la animación..

Para presentar información en forma de gráfico..

Contiene componentes para la detección de anomalías. Además, contiene un componente de ciencia de datos para aplicar diferentes modelos de regresión..

Incluye componentes para comunicarse con los sensores de Android®..

Son los componentes para trabajar con mapas (de modo parecido a “Google Maps”). En estos mapas podemos incluir el resto de componentes que aparecen en este bloque: marcadores, círculos,….

Contiene componentes no visibles como por ejemplo la cámara, videocámara, grabadora de sonido, Texto a Voz..

Contiene componente visibles con los que el usuario puede interactuar, como Botón, Etiqueta, Imagen, Cuadro de texto.

Interfaz de usuario

Dibujo y animación

Gráficos

Mapas

Sensores

Ciencia de datos

Medios

Disposición

Paleta de componentes

Componentes para leer/escribir archivos desde/hacia el dispositivo.

Componentes para poder gestionar los componentes de un robot “LEGO” desde el dispositivo móvil..

Se pueden agregar componentes “aix” con utilidades desarrolladas por terceros..

Existen componentes de uso experimental como FirebaseDB, entre otros..

Componentes para acceder a la web u otras aplicaciones..

Incluye componentes para enviar mensajes de texto y Twitter.

Social

LEGO MINDSTORMS®

Experimental

Extensión

Conectividad

Almacenamiento

El Visor representa la pantalla del dispositivo, y se utiliza para diseñar la interfaz de usuario de las aplicaciones y cómo se presentará en el dispositivo. Los componentes se pueden colocar, desde la paleta, en el Visor. Si el componente es un componente visible, se colocará en el Visor y será visible para el usuario. Sin embargo, si el componente no es visible, se colocará justo debajo del Visor

Visor

Los componentes pueden arrastrarse desde la paleta de componentes y colocarse en el visor. Una vez colocados en el visor, se mostrarán en la sección Componentes. Esta sección también mostrará la organización (orden, relación padre-hijo) de los componentes. Desde esta sección, se puede seleccionar, eliminar o renombrar un componente.

Componentes

Los componentes tienen propiedades. Las propiedades contienen información sobre el componente seleccionado. El estado inicial de estas propiedades se configura en la sección Propiedades. Sin embargo, la mayoría de estas propiedades también se pueden establecer dinámicamente durante la ejecución del programa.

Propiedades

MIT App Inventor permite que las aplicaciones pueden contener muchas pantallas. Los botones en esta sección permiten agregar, eliminar y cambiar entre pantallas, junto a estos botones se encuentra Propiedades del Proyecto el cual muestra información adicional del proyecto en cuestión, Publicar en Galería permite enviar un proyecto a la Galería.

Manejo de Pantallas, Propiedades del proyecto y Publicar en Galería

Esta sección muestra dos botones en la parte superior derecha. Estos permiten alternar entre el Editor de Diseñador y el Editor de Bloques.

Editor de Diseñador/Bloques

En esta área se seleccionan visualmente los componentes y se realiza el diseño de las pantallas de las aplicaciones. Cada tipo de componente tendrá un conjunto de propiedades predefinidas y controladores de eventos que se presentan en forma de bloques

Editor de Diseñador

Es en donde se programa la lógica de las aplicaciones y su comportamiento. En este editor, se visualizan los componentes que se agregaron en el editor de diseñador. El editor de bloques le proporciona una interfaz de arrastrar y soltar para programar el comportamiento de la aplicación al juntar bloques similares a rompecabezas, para esto cuenta con la sección Bloques y Visor.

Editor de Bloques

Una aplicación es un programa de software diseñado específicamente para ejecutar una tarea o conjunto de tareas concretas en dispositivos electrónicos, como teléfonos inteligentes, tabletas, computadoras o incluso dispositivos integrados en sistemas más complejos, como relojes inteligentes o automóviles. Estas aplicaciones están desarrolladas para ofrecer una solución eficiente y enfocada a necesidades específicas del usuario, facilitando la interacción directa con las funcionalidades del dispositivo.Las aplicaciones pueden ser móviles, de escritorio o basadas en la web, y su diseño está orientado a proporcionar una interfaz gráfica de usuario (UI) intuitiva y accesible, optimizando la experiencia de uso. Además, suelen funcionar en un entorno operativo específico, como Android, iOS, Windows o macOS, aunque algunas aplicaciones multiplataforma están diseñadas para operar en varios sistemas.Las aplicaciones pueden estar orientadas a funciones que van desde el entretenimiento, la productividad y la comunicación, hasta la educación, el comercio o la gestión de datos. La mayoría de las aplicaciones se distribuyen a través de tiendas oficiales como Google Play o la App Store, aunque también pueden instalarse de forma independiente en algunos casos.Además, muchas aplicaciones requieren conectividad a internet para funcionar de manera óptima, ya que dependen de la transferencia de datos, la sincronización en la nube o la interacción con otros usuarios y servicios en línea. Sin embargo, también existen aplicaciones que pueden operar sin conexión, almacenando los datos de forma local en el dispositivo.

CARACTERISTICAS

Aplicaciones

Aplicaciones

Cada aplicación está desarrollada para funcionar en un sistema operativo específico, como Android, iOS, Windows o macOS. Algunas son multiplataforma, funcionando en varios sistemas..

La mayoría de las aplicaciones se distribuyen a través de tiendas oficiales como Google Play, App Store, o tiendas especializadas para aplicaciones de escritorio..

Las aplicaciones están diseñadas para ser usadas de manera fácil y rápida, reduciendo los pasos necesarios para completar una tarea. Su enfoque es la interacción directa y eficiente..

Muchas aplicaciones requieren conexión a internet para sincronizar datos, ofrecer servicios en la nube o interactuar con otros usuarios, aunque algunas funcionan sin conexión almacenando información localmente.

Las apps tienen interfaces visuales intuitivas y fáciles de usar, que permiten la interacción directa con el usuario, mejorando la experiencia de navegación..

Las apps suelen requerir permisos para acceder a ciertas funciones del dispositivo, como la cámara, ubicación o contactos. Es importante que cuenten con políticas claras de seguridad y manejo de datos..

Las apps se actualizan regularmente para corregir errores, mejorar el rendimiento, añadir nuevas funcionalidades o garantizar la seguridad.

Las aplicaciones están diseñadas para cumplir una tarea o conjunto de tareas concretas, como enviar mensajes, gestionar finanzas, jugar o editar fotos.

Funcionalidad Específica

Distribución en Tiendas de Aplicaciones

Interacción y Usabilidad

Seguridad y Privacidad

Interfaz de Usuario (UI)

Conectividad a Internet

Actualizaciones Frecuentes

Plataforma y Compatibilidad

Evolución de la telefonia movil

1era. generacion

2da. generacion

5ta. generacion

3era. generacion

4ta. generacion

1era. generacion

La primera generación (1G) marca el inicio de la telefonía móvil comercial. Esta tecnología era completamente analógica, lo que significa que las llamadas se transmitían como señales de radio continuas. Los dispositivos 1G eran masivos, pesados y muy limitados en cuanto a su funcionalidad. Solo permitían realizar llamadas de voz y la calidad era baja, con interferencias frecuentes, y el alcance de las torres de transmisión era limitado. Además, la seguridad era casi inexistente, ya que las llamadas podían ser interceptadas fácilmente.Velocidad de transmisión: 2.4 Kbps.Tecnología clave: Sistemas analógicos como AMPS (Advanced Mobile Phone System).Características principales: Teléfonos grandes, sin mensajería de texto, sin acceso a datos, y solo funcionalidad de llamadas de voz.Inconvenientes: Mala calidad de sonido, baja cobertura, poca seguridad y poca duración de la batería.

2da. generacion

La segunda generación (2G) fue la transición hacia la tecnología digital. Con 2G llegaron las redes GSM (Global System for Mobile Communications), que introdujeron una mayor eficiencia y seguridad. La señal digital permitió la codificación y compresión de voz, mejorando la calidad de las llamadas. Además, el SMS (mensajería de texto) fue una de las mayores innovaciones de esta generación, ya que permitió la comunicación por texto por primera vez.Otra ventaja de 2G fue la cifrado de las llamadas, mejorando la seguridad frente a escuchas ilegales. Sin embargo, la transferencia de datos era aún limitada, aunque surgieron algunos primeros intentos con tecnologías como GPRS (General Packet Radio Service) y EDGE (Enhanced Data Rates for GSM Evolution), que proporcionaban datos móviles básicos.Velocidad de transmisión: 64 Kbps (GPRS) y hasta 384 Kbps (EDGE).Tecnología clave: GSM, GPRS, EDGE.Características principales: Llamadas de voz más claras, mensajes de texto (SMS) y datos limitados (servicios como correos electrónicos y navegación web básica).Innovaciones: SMS, MMS (mensajes multimedia), tonos de llamada personalizados.

3era. generacion

La tercera generación (3G) fue una revolución en términos de la capacidad de transmisión de datos. Con 3G, los teléfonos móviles dejaron de ser solo dispositivos de voz y texto y pasaron a convertirse en verdaderas herramientas de conectividad a Internet. Esta generación permitió la navegación web, la videollamada, el uso de aplicaciones más complejas y la introducción de servicios como streaming de música y videos (aunque de calidad básica debido a las velocidades de descarga).3G utilizó tecnologías como UMTS (Universal Mobile Telecommunications System) y HSPA (High Speed Packet Access), las cuales permitieron el acceso a Internet móvil con velocidades suficientes para descargar archivos pequeños y navegar de forma eficiente.Velocidad de transmisión: Entre 200 Kbps y 2 Mbps.Tecnología clave: UMTS, HSPA.Características principales: Llamadas de voz, SMS, navegación por Internet, correos electrónicos, videollamadas y streaming básico.Innovaciones: Videollamadas, servicios de localización GPS, acceso a aplicaciones móviles.

La cuarta generación (4G) marcó un cambio significativo en términos de velocidad y capacidad de datos. Las redes 4G, y especialmente la versión LTE (Long-Term Evolution), proporcionaron una velocidad de conexión mucho mayor que 3G, lo que permitió el streaming de videos en alta definición, juegos en línea, videollamadas de alta calidad y una mejor experiencia en general para las aplicaciones.Con 4G, los smartphones se convirtieron en verdaderos dispositivos multimedia, capaces de manejar aplicaciones avanzadas, redes sociales, y más. Esta generación transformó completamente la manera en que usamos Internet móvil, pasando de simples funciones de comunicación a un uso completo del ecosistema digital, incluyendo servicios en la nube y aplicaciones empresariales.Velocidad de transmisión: 100 Mbps hasta 1 Gbps.Tecnología clave: LTE, WiMAX.Características principales: Conectividad de alta velocidad para streaming de video, videollamadas HD, aplicaciones avanzadas, redes sociales y juegos en línea.Innovaciones: Streaming en HD, videollamadas sin interrupciones, aplicaciones de uso intensivo de datos (Netflix, Spotify), conectividad en la nube.

4ta. generacion

La quinta generación (5G) está en pleno desarrollo y promete ser mucho más rápida que 4G, con velocidades hasta 100 veces superiores y una latencia ultra baja. Esto no solo mejorará la experiencia de usuario en tareas cotidianas como el streaming o la navegación, sino que habilitará el uso de nuevas tecnologías emergentes como la realidad aumentada (AR), realidad virtual (VR), el Internet de las Cosas (IoT) y los vehículos autónomos.5G también tiene el potencial de conectar millones de dispositivos de forma simultánea, lo cual es crucial para ciudades inteligentes, fábricas automatizadas y el desarrollo de tecnologías futuras. La baja latencia de 5G es clave para aplicaciones en tiempo real, como la cirugía remota, los juegos en la nube y la transmisión de contenido 4K y 8K.Velocidad de transmisión: Hasta 10 Gbps.Tecnología clave: 5G NR (New Radio), mmWave.Características principales: Conexión ultra rápida, baja latencia, capacidad de conectar millones de dispositivos, mejor soporte para IoT, aplicaciones en tiempo real.Innovaciones: Realidad aumentada y virtual en tiempo real, autos autónomos, hogares y ciudades inteligentes, aplicaciones industriales avanzadas.

5ta. generacion

Las plataformas de desarrollo de aplicaciones son entornos digitales que permiten a los desarrolladores crear, probar y desplegar aplicaciones de manera eficiente. Estas plataformas proporcionan herramientas como editores de código, bibliotecas, y frameworks que facilitan el proceso de desarrollo, permitiendo a los programadores enfocarse en la funcionalidad y el diseño de las aplicaciones. Además, ofrecen recursos para integrar diversas tecnologías, optimizar el rendimiento y hacer que las aplicaciones sean compatibles con diferentes dispositivos o sistemas operativos. El objetivo de estas plataformas es simplificar y acelerar la creación de aplicaciones, mejorando la experiencia tanto para los desarrolladores como para los usuarios finales.

plataformas de desarrollos de Apps

plataformas nativas

plataformas multiplataforma o híbridas

Las plataformas nativas son entornos de desarrollo diseñados específicamente para crear aplicaciones que funcionan directamente en un sistema operativo particular, como iOS o Android. Estas plataformas permiten aprovechar al máximo las características y capacidades del dispositivo, como el acceso directo a la cámara, GPS, sensores, y otros componentes de hardware.En una plataforma nativa, los desarrolladores usan lenguajes de programación específicos del sistema operativo (por ejemplo, Swift para iOS y Kotlin para Android) y herramientas de desarrollo como Xcode o Android Studio. Esto garantiza un rendimiento superior y una experiencia de usuario más fluida, ya que las aplicaciones están completamente integradas con el ecosistema del dispositivo.El principal beneficio de las plataformas nativas es su capacidad para ofrecer máximo rendimiento, gráficos de alta calidad y una integración completa con las funcionalidades del dispositivo. Sin embargo, desarrollar de forma nativa puede ser más costoso y llevar más tiempo, ya que se necesita crear aplicaciones separadas para cada sistema operativo.

plataformas nativas

Las plataformas multiplataforma o híbridas permiten desarrollar una sola aplicación que funciona en varios sistemas operativos, como iOS y Android, utilizando una base de código común. Esto ahorra tiempo y costos, ya que no es necesario crear aplicaciones separadas para cada plataforma. Estas plataformas utilizan frameworks que permiten escribir el código una vez y luego adaptarlo para diferentes dispositivos.Algunos ejemplos populares de estas plataformas son React Native, Flutter, y Xamarin. Estas tecnologías permiten a los desarrolladores crear aplicaciones que pueden tener una apariencia y funcionamiento similares a las aplicaciones nativas, pero con menos esfuerzo de desarrollo. Aunque el rendimiento a veces puede ser ligeramente inferior al de las aplicaciones nativas, las plataformas híbridas han mejorado mucho en los últimos años, ofreciendo una experiencia bastante cercana a la de las aplicaciones nativas.

plataformas multiplataforma o híbridas