Desarrollo de Software
Desarrollo de Software
DE
SOFTWARE
2024
Nombre__________________________________
Plantel ___________ Grupo ___ Turno ________
COLEGIO DE BACHILLERES DE TABASCO
MTRO. ERASMO MARTÍNEZ RODRÍGUEZ
Director General
EDICIÓN. 2023-2024B.
Revisado por.
MTRO. ALLAN LÓPEZ GALLEGOS
Este material fue elaborado bajo la coordinación y supervisión de la Dirección académica del Colegio de Bachilleres de
Tabasco y el contenido del mismo es gratuito, sin fines de lucro y con la responsabilidad de su buen uso para fines
educativos www.cobatab.edu.mx
Mover a la derecha
Apretar botón
Fundamentación.
Teniendo como referencia el actual desarrollo económico, político, tecnológico y cultural
de México, la Dirección General del Bachillerato dio inicio a la Actualización de Programas
de Estudio integrando elementos tales como los aprendizajes claves, contenidos específicos
y aprendizajes esperados que atienden al Nuevo Modelo Educativo para la Educación
Obligatoria. Además de conservar el enfoque basado en competencias, hacen énfasis en el
desarrollo de habilidades socioemocionales y abordan temas transversales tomando en
cuenta lo estipulado en las políticas educativas vigentes. Considerando lo anterior, dicha
actualización tiene como fundamento el Programa Sectorial de Educación 2013 – 2018, el
cual señala que la Educación Media Superior debe ser fortalecida para contribuir al
desarrollo de México a través de la formación de hombres y mujeres en las competencias
que se requieren para el progreso democrático, social y económico del país, mismos que
son esenciales para construir una nación próspera y socialmente incluyente basada en el i
conocimiento. Esto se retoma específicamente del objetivo 2, estrategia 2.1., en la línea de
acción 2.1.4., que a la letra indica: “Revisar el modelo educativo, apoyar la revisión y
renovación curricular, las prácticas pedagógicas y los materiales educativos para mejorar el
aprendizaje”.
buscando responder a los diferentes contextos existentes en el país, así como a la formación
de una ciudadanía socialmente útil, para que el estudiantado cuente con la opción de iniciar
una ruta laboral que le promueva una proyección hacia las diferentes modalidades
laborales.
Aunado a ello, en virtud de que la Educación Media Superior debe favorecer la convivencia,
el respeto a los derechos humanos y la responsabilidad social, el cuidado de las personas,
el entendimiento del entorno, la protección del medio ambiente, la puesta en práctica de
habilidades productivas para el desarrollo integral de los seres humanos, la actualización
del presente programa de estudios, incluye temas transversales que según Figueroa de
Katra (2005)[2], enriquecen la labor formativa de manera tal que conectan y articulan los
saberes de los distintos sectores de aprendizaje que dotan de sentido a los conocimientos
disciplinares, con los temas y contextos sociales, culturales y éticos presentes en su entorno;
buscan mirar toda la experiencia escolar como una oportunidad para que los aprendizajes
integren sus dimensiones cognitivas y formativas, favoreciendo de esta forma una
ii educación incluyente y con equidad.
Mover a la derecha
Apretar botón
En ese sentido, el rol docente dentro del proceso de enseñanza – aprendizaje, tiene un
papel fundamental, como lo establece el acuerdo Secretarial 447, ya que el profesorado iii
que imparte el componente de formación profesional, es quien facilita el proceso educativo
al diseñar actividades significativas que promueven el desarrollo de las competencias
(conocimientos, habilidades y actitudes); propicia un ambiente de aprendizaje que favorece
el conocimiento social, la colaboración, la toma responsable de decisiones y la
perseverancia a través del desarrollo de habilidades socioemocionales del estudiantado,
tañes como la confianza, seguridad, autoestima, entre otras, propone estrategias
disciplinares y transversales en donde el objetivo no es la formación de técnicas en
diferentes actividades productivas, sino la promoción de las diferentes competencias
profesionales básicas que permitan a la población estudiantil del Bachillerato General tener
alternativas para iniciar una ruta a su integración laboral, favoreciendo el uso de
herramientas tecnológicas de la información y la comunicación; así como el diseño de
instrumentos de evaluación que atiendan al enfoque por competencias.
Es por ello que la Dirección General del Bachillerato a través del Trabajo Colegiado busca
promover una mejor formación docente a partir de la creación de redes de gestión escolar,
analizar los indicadores del logro académico del estudiantado, generar técnicas exitosas de
trabajo en el aula, compartir experiencias de manera asertiva, exponer problemáticas
comunes que presenta el estudiantado respetando la diversidad de opiniones y mejorar la
práctica pedagógica, donde es responsabilidad del profesorado; realizar secuencias
didácticas innovadoras a partir del análisis de los programas de estudio, promoviendo el
desarrollo de habilidades socioemocionales y el abordaje de temas transversales de manera
interdisciplinar; rediseñar las estrategias de evaluación y generar materiales didácticos.
iv Enfoque de la Capacitación.
Mover a la derecha
Apretar botón
Ubicación de la Capacitación
vi
Mapa de la Capacitación
Submódulo 1
Programación
móvil y juegos
48 horas
6 créditos
Submódulo 2
Programación en
robótica
64 horas
Mover a la derecha
Apretar botón
Instrumentos de evaluación
viii
Con el fin de que estudiantado muestre el saber hacer que
subyace en una competencia, los aprendizajes esperados
permiten establecer una estrategia de evaluación, por lo
tanto, contienen elementos observables que deben ser
considerados en la evaluación tales como:
Mover a la derecha
Apretar botón
Los trabajos que se pueden integrar en un portafolio y que pueden ser evaluados a través
de rúbricas son: ensayos, videos, series de problemas resueltos, trabajos artísticos, trabajos
colectivos, comentarios a lecturas realizadas, autorreflexiones, reportes de laboratorio,
hojas de trabajo, guiones, entre otros, los cuales deben responder a una lógica de
planeación o proyecto. ix
Con base en lo anterior, los programas de estudio de la Dirección General del bachillerato
al incluir elementos que enriquecen la labor formativa tales como la transversalidad, las
habilidades socioemocionales y la interdisciplinariedad trabajadas de manera colegiada y
permanente en el aula, consideran a la evaluación formativa como eje central al promover
una reflexión sobre el progreso del desarrollo de competencias del estudiantado. Para ello,
es necesario que el personal docente brinde un acompañamiento continuo con el propósito
de mejorar, corregir o reajustar el logro del desempeño del bachiller, sin esperar la
conclusión del semestre para presentar una evaluación final.
Mover a la derecha
Apretar botón
Se expresa y comunica
4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la
utilización de medios, códigos y herramientas apropiados
4.1. Expresa ideas y conceptos mediante representaciones lingüísticas, CG4.1.
matemáticas o gráficas.
4.2. Aplica distintas estrategias comunciativas según quienes sean sus CG4.2.
interlocutores, el contexto en el que se encuentra y los objetivos que
persigue.
4.3. Identifica las ideas clave en un texto o discurso oral e interfiere CG4.3.
conclusiones a partir de ellas.
4.4. Se comunica en una segunda lengua en situaciones cotidianas CG4.4.
4.5. Maneja las tecnologías de la información y la comunicación para obtener CG4.5.
información y expresar ideas
Piensa crítica y reflexivamente xi
5. Desarrolla innovaciones y propone soluciones a problemas a aprtir de métodos
establecidos
5.1. Sigue instrucciones y procedimientos de manera reflexiva, CG5.1.
comprendiendo como cada uno de sus pasos contribuye al alcance de
un objetivo
5.2. Ordena información de acuerdo a categorías, jerarquías y relaciones CG5.2.
5.3. Identifica los sistemas y reglas o principios medulares que subyacen a CG5.3.
una serie de fenómenos
5.4. Construye hipótesis y diseña y aplica modelos para probar su validez CG5.4.
5.5. Sintetiza evidencias obtenidas mediante la experimentación para CG5.5.
producir conclusiones y formular nuevas preguntas
5.6. Utiliza las tecnologías de la información y comunciación para procesar e CG5.6.
interpretar información
6. Sustenta una postura personal sobre temas de interés y relevancia
general, considerando otros puntos de vista de manera crítica y reflexiva
6.1. Elige las fuentes de información más relevantes para un propósito CG6.1.
específico y discrimina entre ellas de acuerdo a su relevancia y
confiabilidad
6.2. Evalúa argumentos y opiniones e identifica prejuicios y falacias CG6.2.
6.3. Reconoce los propios prejuicios, modifica sus puntos de vista al conocer CG6.3.
nuevas evidencias, e integra nuevos conocimientos y perspectivas al
acervo con el que cuenta
6.4. Estrcutura ideas y argumentos de manera clara, coherente y sintética CG6.4.
Mover a la derecha
Apretar botón
Mover a la derecha
Apretar botón
Temario
Submódulo I. Programación Móvil y Juegos
Robótica.
Definición.
Tipos.
Fases.
Diseño de robot.
Mecánica.
Eléctrica
Electrónica.
SIMBOLOGÍA
Icono Descripción
Mover a la derecha
Apretar botón
Icono Descripción
Mover a la derecha
Apretar botón
Competencias
Genéricas Profesionales
CG5. Desarrolla innovaciones y propone soluciones a problemas
a partir de métodos establecidos.
5.2. Ordena información de acuerdo a categorías,
jerarquías y relaciones. CPBDS7. Recomienda soluciones mediante software de
5.6. Utiliza las tecnologías de la información y aplicación, para aplicaciones móviles y juegos, relacionándose
comunicación para procesar e interpretar información. con sus semejantes de forma colaborativa, mostrando
CG8. Participa y colabora de manera efectiva en equipos disposición al trabajo métodico y organizado en diferentes
diversos. contextos.
8.1. Propone maneras de solucionar un problema o
desarrollar un proyecto en equipo, definiendo un curso de
acción con pasos específicos.
DOSIFICACIÓN PROGRAMÁTICA
Capacitación: Desarrollo de Software
Módulo IV: Aplicaciones Móviles
Submódulo I. Programación Móvil y Juegos Clave: B6MJ
Submódulo II. Diseño y Programación en Robótica Clave: B6DP
Semestre: 6to. Turno: Matutino/Vespertino Periodo: 2023 – 2024B
Introducción a la 05 – 09
APERTURA 1
min móvil y juegos. febrero 6 de febrero
2024
150 Software de
min desarrollo de
aplicaciones
móviles.
Mover a la derecha
Apretar botón
Diseño y
desarrollo de
26 de
aplicaciones
febrero
350 móviles
4 – 01 de
min
marzo
Diseño y 27 de febrero.
DESARROLLO 2024
SUBMÓDULO I. PROGRAMACIÓN MÓVIL Y JUEGOS
desarrollo de Suspensión de
juegos. labores.
04 – 08
Diseño y
350 de
desarrollo de 5
min marzo
juegos.
2024
Funcionalidad de
aplicaciones
móviles y juegos 11 – 15 3
350 en: de
6
min • Navegadores marzo
de Internet. 2024
• Teléfonos
celulares.
CIERRE
Funcionalidad de
aplicaciones
móviles y juegos 18 – 22
350 en: de
7
min • Navegadores marzo
de Internet. 2024 18 de marzo.
• Teléfonos Suspensión de
celulares. labores.
Criterios de Evaluación
Situación didáctica:
Aplicando Mi Capacidad Creativa 30%
Actividades: 30%
Actividad 1. Gamificación de programación. 5%
Actividad 2. Identifica tu entorno desarrollador. 5%
Actividad 3. Fases de una app. 5%
Actividad 4. Timeline evolución de los videojuegos. 5%
Actividad 5. Creación de un videojuego. 5%
Actividad 6. Diferencias y similitudes. 5%
4 Prácticas:
Práctica 1. Proponiendo mi App. 10%
20%
Examen: 10%
Construye-t: 10%
Mover a la derecha
Apretar botón
Situación Didáctica
APLICANDO MI CAPACIDAD CREATIVA
Desarrollar una aplicación móvil con temática sostenible en equipos de 5
integrantes donde presenta hábitos o actividades de prevención,
Propósito: reducción, reciclado y reutilización de los desechos en el hogar utilizando
5
el software de programación propuesto, para socializarlo en plenaria.
Las afectaciones climáticas en nuestro planeta han ido incrementando,
sufriendo los estragos como las inundaciones y altas temperaturas en
nuestro estado. Una situación alarmante que se ha percatado son los
desechos electrónicos, ocasionando un mayor índice de contaminación.
DSW_SUB1_ED
Evaluación Diagnóstica
Instrucciones: Lee cuidadosamente los siguientes cuestionamientos y
selecciona en base a tus conocimientos la respuesta que consideres correcta
1. ¿Es el arte de conjugar la lógica con la creatividad que es proceso por el cual se limpia, codifica,
traza y protege el código fuente de programas computacionales, en otras palabras, es indicarle
a la computadora lo que tiene que hacer?
A) Programación C) Informática
B) Internet D) Diseño Digital
2. ¿Se puede definir como un aparato de pequeño tamaño, con algunas capacidades de
procesamiento, con conexión permanente o intermitente a una red, con memoria limitada, que
6 ha sido diseñado específicamente para una función, pero que puede llevar a cabo otras
funciones más generales?
A) Control Remonto C) Consolas de videojuegos
B) Dispositivo Móvil D) Monitores
6. ¿Este lenguaje de programación es uno de los más utilizados en el sector por profesionales. Es
un lenguaje popular en los títulos AAA, se utiliza en videojuegos para PlayStation y Xbox, y en
juegos independientes?
A) Objetive-C C) C++
B) Python D) Lua
Mover a la derecha
Apretar botón
10. Implica encastrar piezas pre diseñadas (como en un rompecabezas) de forma tal que se genere
una lista de pasos o acciones a seguir para solucionar un problema planteado o creado por el
7
mismo usuario..
A) Programación Web C) Programación Funcional
B) Programación por Bloques D) Programación de Base de Datos
12. Es la versión inicial de la idea de un producto o servicio, nos permite probar, evaluar y validar
si la idea que tenemos en mente cumple los objetivos en el diseño de una app móvil.
A) Administrador de archivos C) Wireframing
B) Programa de aplicación D) Prototipado
13. Es la parte de desarrollo y escritura de código de una app, lo que no se ve. Para darle forma, y
que realice en un primer momento una o varias de las acciones requeridas, es necesario saber
programar.
A) Prototipado C) Frontend
B) Wireframing D) Backend
15. El resultado de esta etapa es una idea de aplicación, que tiene en cuenta las necesidades y
problemas de los usuarios. La idea responde a una investigación preliminar y a la posterior
comprobación de la viabilidad del concepto.
A) Desarrollo C) Publicación
B) Conceptualización D) Diseño
16. Este proceso se realiza normalmente sobre redes TCP/IP. Esto nos permite jugar contra otros
jugadores situados en nuestra propia red local o en Internet.
A) Comunicación C) Visualización
B) Sonido D) Entrada
17. En esta etapa es necesario definir los aspectos fundamentales que conformarán el videojuego.
A) Concepción C) Planeación
B) Diseño D) Producción
8 18. En esta fase se detallan todos los elementos que compondrán el juego, dando una idea clara a
todos los miembros del grupo desarrollador acerca de cómo son.
A) Concepción C) Planificación
B) Diseño D) Producción
19. Aquí se llevan a cabo todas las tareas especificadas en la fase de planificación, teniendo como
guía fundamental el documento de diseño. Esto incluye entre otras cosas la codificación del
programa, la creación de sprites, tiles y modelos 3D, la grabación de sonidos, voces y música,
la creación de herramientas para acelerar el proceso de desarrollo, entre otras.
A) Concepción C) Producción
B) Diseño D) Planeación
20. Con este software se pueden crear historias interactivas, juegos, animaciones, música,
videojuegos y producciones artísticas.
A) Laragon C) Mit App Inventor
B) Dev C++ D) Scratch
Mover a la derecha
Apretar botón
PROGRAMACIÓN
En el mundo de la computación, la programación es el arte de conjugar la lógica
con la creatividad que es proceso por el cual se limpia, codifica, traza y protege el
9
código fuente de programas computacionales, en otras palabras, es indicarle a la
computadora lo que tiene que hacer.
Detrás de todos los programas informáticos que conocemos y usamos de manera cotidiana para
facilitarnos diversas actividades de nuestro día con día, existe todo un proceso para poderlos crear.
Este proceso es conocido como programación, conozcamos un poco más sobre lo que conlleva este
proceso.
Por medio de la programación se establecen los pasos a seguir para la creación del código
fuente de los diversos programas informáticos.
Este código le indicara al programa informático que tiene que hacer y cómo realizarlo.
Medita en esto
DSW_SUB1_V1
https://youtu.be/MEuZICEDLJo
10 cuales han permitido poder evolucionar en todos nuestros ámbitos, como son: productividad
laboral, personal, económico, entre otros.
Mover a la derecha
Apretar botón
Programación Móvil es desarrollar aplicaciones para aparatos como celulares, smartphones, PDA's,
PocketPC's y dispositivos con recursos limitados. Hay que ser claros con la diferencia entre
Programación Móvil y Programación Embebida, que son cosas parecidas (recursos limitados) pero
distintas en esencia. Sistemas Operativos para móviles están Symbian, Palm OS y Windows Mobile;
iOS de Apple, Blackberry OS de RIM, Android de Google, entre otras.
Mover a la derecha
Apretar botón
Debido a las limitadas capacidades y altos costos de las computadoras de aquella época, un
programador se encargaba del desarrollo de todo el videojuego; hoy, gracias a la tecnología actual
y las altas expectativas del consumidor, hacen que sea muy difícil
que un único programador produzca un videojuego, es por
eso que se invierten fuertes sumas de dinero en el proyecto
además de un personal de 2 hasta equipos enteros divididos
que se encargan de un acción en concreto, como el diseño de
personajes, sonido, ambientación, entre otros.
Hoy en día existen guías o patrones que puede seguir el programador y desarrollar el videojuego
hasta su etapa final, generalmente hace es el siguiente proceso: 13
Concepción de la
idea del videojuego
Considéralo
DSW_SUB1_V2
Diseño
Planificación
Pre Producción
Producción
Pruebas
Mantenimiento https://www.youtube.com/watch?v=DFau2pCHrnU
La industria del entretenimiento demanda especialistas en estas disciplinas para satisfacer las
expectativas de los gamers del mundo. Los programadores se encargan de hacer posibles las
interacciones del personaje con su entorno a partir de las órdenes del jugador y traducir estas
órdenes en acciones que se muestren en la pantalla. Para ello, primero el programador prepara
unos prototipos para ver cómo se va ejecutar un juego determinado.
Existen miles de lenguajes de programación. Para elegir uno, tenemos que saber en qué plataforma
se jugará el videojuego, por ejemplo, si será para PlayStation o para IOS o para XBOX. También hay
que tener en cuenta qué software vamos a utilizar para programarlo. Entre los lenguajes de
programación más utilizados está el llamado lenguaje C, para juegos más sencillos; o versiones algo
más avanzadas como el C# (C Sharp) o el
C++ (C Plus Plus).
El lenguaje con el que están programados los videojuegos es un elemento fundamental para
garantizar una experiencia de juego fluida. Parece que cuando jugamos a un videojuego solo nos
fijamos en la parte visual, en su estética, porque es lo más espectacular, pero detrás de esa estética
hay un arduo trabajo de programación que permite su funcionamiento.
Dependiendo del tipo de videojuego que quieras desarrollar, existen diferentes lenguajes de
programación. En función del grado de interactividad y el dispositivo que se vaya a utilizar para jugar
y la rapidez de respuesta que queramos conseguir, deberemos elegir uno u otro. Además, podemos
emplear varios lenguajes si el grado de complejidad del diseño es alto, para que todas las capas del
juego funcionen correctamente. Te explicamos algunos de los lenguajes de programación de
videojuegos más usados, para diferentes niveles y usos.
Mover a la derecha
Apretar botón
A continuación, algunos de los mejores lenguajes de programación para que desarrolles videojuegos
interesantes y de la máxima calidad.
C++ Este lenguaje de programación es uno de los más utilizados en el sector por
Medita en esto
DSW_SUB1_V3
https://youtu.be/udrcro45Jo4
Apertura _ Introducción a la
programación móvil y juegos
Mover a la derecha
Apretar botón
BIBLIOGRAFÍA
https://dmd.unadmexico.mx/contenidos/DCEIT/BLOQUE2/DS/08/DPMO/U0/descargables/DPMO
_Informacion_general.pdf
Alvarado, I. (2020, 11 abril). Principales características de los tipos de aplicaciones móviles. Cero
Ideas. https://ceroideas.es/principales-caracteristicas-de-los-tipos-de-aplicaciones-moviles/
http://www.itcg.edu.mx/pdf/ISIC/7/Programacion%20Movil.pdf 17
DSW_SUB1_ACT1
18 institucional
(Microsoft) o
con tu cuenta
personal
(Gmail,
Microsoft).
3. Una dentro del espacio, da clic en “Crear genially” y elige la opción de “Gamificación”.
Mover a la derecha
Apretar botón
19
Medita en esto
DSW_SUB1_V3
20
https://youtu.be/dKqeaEsXwB8?si=HhYu3-Ghone_rtqt
https://es.educaplay.com/recursos-educativos/11183117-
introduccion_a_la_programacion_movil.html
Mover a la derecha
Apretar botón
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 1
Actividad 1: “Gamificación de Programación”
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
Fecha
Producto: Quiz gamificado
Submódulo 1: Programación Móvil y Juegos Periodo: 2023 – 2024B
VALOR OBSERVACIONES
21
OBTENIDO Y/O
CRITERIO INDICADORES PONDERACIÓN CALIF
SUGERENCIAS DE
SÍ NO
MEJORA
Las preguntas están redactadas
1 1
de forma clara y entendible.
Presenta 5 reactivos relacionados
2 2
a la programación móvil.
Presenta 5 reactivos relacionados
3 2
a la programación de juegos.
Emplea un diseño atractivo,
4 utilizando correctamente las 1
herramientas del software.
5 No presenta faltas de ortografía. 1
El quiz indica cuando una
6 pregunta respondida es correcta 2
o incorrecta.
Entrega el enlace de la
7 1
gamificación en tiempo y forma.
CALIFICACIÓN
M4_SUB1_NATIVO_PWA
22
Mover a la derecha
Apretar botón
23
Mover a la derecha
Apretar botón
Con todo esto, es preciso concluir que cualquier usuario con conocimientos básicos/medios en
informática o cómputo puede adentrarse en el mundo de la programación. En gran medida esto se
logra gracias a los entornos de desarrollo de lo que podemos echar mano en estos momentos. Estos
intentan facilitarnos las cosas en la medida de lo posible a la hora de escribir código, ya sea para
dispositivos móviles o para aplicaciones más de equipos de sobremesa.
A continuación, veamos los entornos y lenguajes más utilizados para desarrollar aplicaciones
móviles. Claro está que, para lograr objetivos más avanzados o profesionales, tendremos que ir
ganando experiencia, algo que no se logra más que con el tiempo y el esfuerzo. 25
Al contrario de lo que pueda parecer, cualquiera puede crear sus
propios programas sin problemas para estas plataformas. No es
necesario tener un hardware especial para crear aplicaciones, y
tampoco pagas costosas licencias. Si vamos a usar IDEs de
programación gratuitos para crear los programas, lo único que
tendremos que pagar son las cuotas de las tiendas de aplicaciones. En Google es un pago único de
20-25 euros, mientras que en Apple son 100 euros al año, vendas o no.
Java es uno de los lenguajes de programación más populares. Al ser un lenguaje multiplataforma,
es muy sencillo crear aplicaciones para una determinada plataforma y, con unos pocos cambios (o
con ninguno), hacerlo funcionar en otros sistemas operativos. El problema de este lenguaje es que
funciona a través de la máquina virtual de Java, lo que a menudo se traduce en problemas de
rendimiento.
26
Además de Java, Android tiene otros lenguajes de programación muy populares. Kotlin, por
ejemplo, es un lenguaje de programación inspirado en Java creado por Google para incitar a los
usuarios a crear apps escritas en este lenguaje. Las ventajas de este es que es más sencillo que Java
y ofrece un mejor rendimiento. Por desgracia, no es tan popular como esperaba Google.
Por supuesto, también podemos usar los lenguajes de programación web para crear todo tipo de
aplicaciones para móviles. Lenguajes como HTML5 o CSS3 nos ayudarán a dar forma a nuestras
aplicaciones. Estos lenguajes son los utilizados para crear las PWA, apps que están ganando una
gran popularidad últimamente y que tendrán gran importancia en el futuro.
Mover a la derecha
Apretar botón
Igual que ocurre en Android, hay muchos programas que nos ayudan a programar y dar forma a las
apps para iOS que estemos creando. Sin embargo, la mayoría de ellas deben pasar a través de
XCode, el compilador de Apple para las apps de iOS, el cual solo está disponible para macOS.
Hacer programas fomenta el desarrollo del pensamiento crítico, analítico y lógico. Promueve
la creatividad al resolver problemas y potencia habilidades, convirtiendo problemas complejos en
otros más sencillos. Por estas razones, muchos especialistas y educadores consideran de
importancia su inclusión en las escuelas.
28
La programación por bloques implica encastrar piezas pre
diseñadas (como en un rompecabezas) de forma tal que se
genere una lista de pasos o acciones a seguir para solucionar un
problema planteado o creado por el mismo usuario. Es una
manera práctica y visual de programar en entornos gráficos.
Mover a la derecha
Apretar botón
MIT APPINVENTOR
Para ello, debes abrir tu navegador preferido; de preferencia utiliza Google Chrome para hacer uso
29
de las extensiones y datos que Google tiene con tu cuenta.
Escribe la URL: https://appinventor.mit.edu/
Después de ingresar
Puede aparecer en inglés,
pero puedes usar la
herramienta para traducir o
elegir en la lista desplegable
del idioma.
Seguidamente, elige o escribe tu cuenta Una vez hecho login, debes leer y aceptar los
de correo electrónico de GMAIL términos y condiciones para poder utilizar la
PWA y sincronizar tus dispositivos.
Recuerda que en caso de que te aparezca en inglés, puedes usar la herramienta del traductor:
30
Ahora puedes elegir entre los tutoriales de las aplicaciones de ejemplo o iniciar un PROYECTO en
blanco. Los tutoriales corresponden a:
1. Ver el tutorial de una aplicación móvil que tiene una imagen en un botón y hace vibrar el
teléfono además de escuchar un audio.
2. Ver el tutorial de una aplicación móvil que tiene un cuadro de texto de bienvenida y
reproduce el texto en un audio.
3. Ver el tutorial de una aplicación móvil que traduce de inglés a español.
Mover a la derecha
Apretar botón
« En el móvil »
Debes buscar en PlayStore Google Play MIT AI2 Companion
O puedes buscarla como MIT App Inventor
La aplicación sirve
para poder
visualizar las
acciones,
31
multimedia e
interacciones que
el programador
integra en el
proyecto de la
aplicación móvil.
BIBLIOGRAFÍA
Velasco, R. (2021, 10 agosto). ¿Quieres hacer apps para móviles? Estos son los lenguajes que debes
conocer. SoftZone. https://www.softzone.es/programas/lenguajes/programar-apps-moviles/
Claudia, A., & Claudia, A. (2018). Educación Primaria: 6 Herramientas de Programación por bloques.
Educación Primaria. https://blogedprimaria.blogspot.com/2018/01/programacion-por-
bloques.html
Mover a la derecha
Apretar botón
DSW_SUB1_ACT2
Medios
Dibujo y animación
Maps
Conectividad
CONCLUSIÓN:
Utilización de Mit app Inventor
Menciona qué es una aplicación web progresiva.
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 2
Actividad 2: “Identifica Tu Entorno Desarrollador”
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
Fecha
Producto: Interfaz del entorno
Submódulo 1: Programación Móvil y Juegos Periodo: 2023 – 2024B
34 VALOR
OBTENIDO
OBSERVACIONES
Y/O
CRITERIO INDICADORES PONDERACIÓN CALIF
SUGERENCIAS DE
SÍ NO
MEJORA
Presenta sus datos para
1 1
identificarse.
Identifica los 6 elementos de la
2 2
interfaz.
Presenta los 12 bloques de la
3 2
paleta de herramientas.
Presenta la ilustración de la
4 1
interfaz.
5 No presenta faltas ortográficas. 1
Elabora una conclusión personal
6 2
y entendible.
7 Entrega en tiempo y forma. 1
CALIFICACIÓN
Mover a la derecha
Apretar botón
En caso de que no tengas una idea, puedes encontrar primero un problema que pueda solucionarse
con una app para después diseñar cómo resolverlo con una aplicación.
Una vez que hayas identificado el tipo de aplicación que deseas diseñar, el otro aspecto
que igual se debe considerar es el presupuesto con el que vas a contar para desarrollarla. Porque
de este depende que puedas adquirir de todas las funciones que deseas, o solo de algunas.
36 los datos, verán si es viable desarrollar todo lo propuesto, y comenzarán a diseñar las primeras
pantallas y bocetos de la aplicación; como la interfaz que debe contener las principales funciones,
estructura y acceso al menú u opciones para interactuar en la aplicación.
Wireframing
Es una de las fases iniciales en la creación de un producto
digital y consiste en el diseño de la estructura que tendrá
cada una de las pantallas o interfaces de ese producto.
Es decir, es el boceto de cómo serán cada una de las
pantallas de una web o app. Pero uno sin colores, logos
o tipografías. Porque lo que importa en el Wireframing
no es el aspecto visual, sino cuál es el orden, qué tipo de
contenido irá en cada bloque y a dónde lleva cada botón.
Mover a la derecha
Apretar botón
Por lo que en este punto toca desarrollar el boceto y sus partes. Para ello, es habitual utilizar
distintas herramientas y utilidades de creación de prototipos, que serán de gran ayuda para el
diseño de nuestra app. Con ellas puedes colocar datos y gráficos en el punto en el que quieres que
aparezcan, insertar botones, y ver cómo responderían al navegar por ellos.
Según lo definido por MicroServices, “el desarrollo de aplicaciones móviles son los
procedimientos y procesos establecidos que intervienen cuando se crea software para pequeños
dispositivos informáticos inalámbricos, como tabletas y teléfonos inteligentes. Al igual que el
desarrollo de aplicaciones web, los procesos de desarrollo de aplicaciones móviles tienen sus raíces
en el desarrollo de software tradicional.”
Mover a la derecha
Apretar botón
1. CONCEPTUALIZACIÓN
El resultado de esta etapa es una idea de aplicación, que tiene en cuenta las necesidades y
problemas de los usuarios. La idea responde a una investigación preliminar y a la posterior
comprobación de la viabilidad del concepto.
Ideación
Investigación
Formalización de la idea
2. DEFINICIÓN
En esta fase del proceso se describe con detalle a los usuarios para quienes se diseñará la aplicación,
usando metodologías como «Personas» y «Viaje del usuario». También aquí se sientan las bases de
la funcionalidad, lo cual determinará el alcance del proyecto y la complejidad de diseño y desarrollo
39
de la app.
Definición de usuarios
Definición funcional
3. DISEÑO
En la etapa de diseño se llevan a un plano tangible los conceptos y definiciones anteriores, primero
en forma de wireframes, que permiten crear los primeros prototipos para ser probados con
usuarios, y posteriormente, en un diseño visual acabado que será provisto al desarrollador, en forma
de archivos separados y pantallas modelo, para la programación del código.
Wireframes
Prototipos
Test con usuarios
Diseño visual
4. DESARROLLO
El programador se encarga de dar vida a los diseños y crear la estructura sobre la cual se apoyará el
funcionamiento de la aplicación. Una vez que existe la versión inicial, dedica gran parte del tiempo
a corregir errores funcionales para asegurar el correcto desempeño de la app y la prepara para su
aprobación en las tiendas.
Programación del código
Corrección de bugs
5. PUBLICACIÓN
La aplicación es finalmente puesta a disposición de los usuarios en las tiendas digitales. Luego de
este paso trascendental se realiza un seguimiento a través de analíticas, estadísticas y comentarios
de usuarios, para evaluar el comportamiento y desempeño de la app, corregir errores, realizar
mejoras y actualizarla en futuras versiones.
Lanzamiento
Seguimiento
Actualización
La app ya sería funcional, pero hay que comprobar que todos sus elementos funcionan
correctamente. En esta fase debe anotarse todo lo que no funciona o puede mejorar, y mejorarlo
en el código de la app.
40
La popularidad exponencial de los teléfonos inteligentes y tabletas ha llevado al aumento de la
creación de software en línea con el desarrollo de aplicaciones móviles. Los dos sistemas operativos
líderes, iOS y Android, han marcado el ritmo en la estandarización de los diferentes tipos de
desarrollo de aplicaciones móviles para programadores.
Aplicaciones Nativas
Las aplicaciones nativas están diseñadas para plataformas de dispositivos específicos, ya sea
Android o iOS. Se descargan o instalan a través de una tienda de aplicaciones y se accede a través
de un ícono en el dispositivo. Las aplicaciones nativas están diseñadas para aprovechar al máximo
las características del dispositivo como el GPS, la cámara y las listas de contactos, entre otros.
Cuando usted piensa en una aplicación móvil, la primera que le viene a la mente es probablemente
una aplicación nativa. Ejemplos:
Aplicaciones de redes sociales: Facebook, Twitter, Pinterest
Juegos: Pokémon Go, Candy Crush
Programas de navegación: Waze
Mover a la derecha
Apretar botón
Basándose en las tecnologías web universales y estandarizadas, como HTML5, JavaScript y CSS, las
aplicaciones web se implementan como un sitio web que simplemente se ve y se siente como
aplicaciones nativas. Funcionan y se ejecutan en un navegador escrito típicamente en HTML5.
Estas aplicaciones sólo aprovechan las funciones de GPS y cámara de un dispositivo.
Ejemplos: AliExpress, OLX y Twitter Lite.
Aplicaciones híbridas
Aplicaciones Aplicaciones
Aplicaciones Web
Nativas Híbridas
C++ HTML
Lenguajes de Una
C# CSS
combinación
Programación Java JavaScript
de lenguajes
Python PHP
El uso de componentes UX FRAMEWORKS
creados con un lenguaje propio
Objective C
IDE / ENTORNO DE nos ata a un framework concreto, Ionic
Swift
React Native y Nativescript React Native
DESARROLLO Eclipse
utilizan componentes de UX Laragon /
Kotlin
nativos para intentar mejorar el Laravel
rendimiento. Angular
BIBLIOGRAFÍA
K. (2020, 24 octubre). ¿Cuál es el proceso de diseño y desarrollo de apps? Kubo - Agencia digital de
desarrollo de aplicaciones móviles, Colombia. https://kubo.co/2018/11/19/desarrollo-de-apps-
moviles/
42 García, M. (2021, 30 agosto). Diseño de aplicaciones: así se crea una app desde cero. ESDESIGN.
https://www.esdesignbarcelona.com/actualidad/diseno-web/diseno-de-aplicaciones-asi-se-crea-
una-app-desde-cero
Unir, V. (2021, 7 enero). Qué es wireframing y qué características tienen estos prototipos. UNIR.
https://www.unir.net/ingenieria/revista/que-es-wireframing/
Batanero, A. S. M. Y. (2021, 29 julio). VERSUS: Apps híbridas VS Apps Nativas. Paradigma Digital.
https://www.paradigmadigital.com/dev/versus-apps-hibridas-vs-apps-nativas/
P. (2020b, marzo 6). Apps híbridas, 7 frameworks para crearlas. Presupuesto APP.
https://presupuestoapp.com/descubre-7-frameworks-para-crear-apps-hibridas/
Mover a la derecha
Apretar botón
DSW_SUB1_ACT3
43
44
Manos a la obra
https://www.youtube.com/watch?v=_CMPVKlw9PU&t=4s
Mover a la derecha
Apretar botón
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 3
Actividad 3: Fases de una App
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
CRITERIO INDICADORES
VALOR
OBTENIDO
PONDERACIÓN CALIF
OBSERVACIONES
Y/O 45
SUGERENCIAS DE
SÍ NO
MEJORA
Presenta las 5 fases del
1 2
desarrollado de una app.
Se aprecia el conocimiento y
3 2
dominio del tema.
Muestra dominio en el uso de las
4 tecnologías de la Información y de 2
la comunión.
CALIFICACIÓN
Manos a la obra
https://youtu.be/-vkgGJvIG80
Mover a la derecha
Apretar botón
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 4
Práctica 1: Proponiendo mi App
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
CRITERIO INDICADORES
VALOR
OBTENIDO
PONDERACIÓN CALIF
OBSERVACIONES
Y/O 47
SUGERENCIAS DE
SÍ NO
MEJORA
La app propuesta una
1 2
conceptualización correcta.
Expresan correctamente la
2 2
definición de la app propuesta.
Se aprecia el conocimiento y
4 2
dominio del tema.
Muestra dominio en el uso de las
5 tecnologías de la Información y 1
de la comunión.
1
6 Entrega en tiempo y forma.
CALIFICACIÓN
Una vez dentro, cambiaremos el nombre de la pantalla Screen1 por Dibujar (en la propiedad Título
del componente Screen1).
ATENCIÓN
Es importante siempre
utilizar nombres
descriptivos para los objetos
que vamos creando. Al
principio, cuando nuestras
aplicaciones son pequeñas, es fácil recordar cada objeto, pero a medida que los programas van
haciéndose más complejos es fundamental saber para qué sirve cada objeto, cada variable, y sólo
podremos hacerlo si le hemos dado un nombre que describe qué es o para qué sirve.
Mover a la derecha
Apretar botón
Como queremos que los botones queden en una misma línea horizontal,
vamos a recolocarlos en la pantalla añadiendo un componente
DisposiciónHorizontal. Lo arrastramos desde el cajón hasta el Visor. Este
objeto aparecerá en el Visor como un cuadro vacío.
50 para que se extienda hasta los bordes izquierdo y derecho del Visor. En cuanto a su altura, mejor
experimentar con diferentes tamaños hasta que ocupe el espacio que queremos.
Ahora vamos a definir el comportamiento del programa, a decir cómo tiene que funcionar. Vamos
entonces al editor de bloques.
Mover a la derecha
Apretar botón
Nosotros vamos a utilizar el sistema de Descartes para referirnos a un punto cualquiera dentro de
nuestro Lienzo1. Siempre que toquemos con el dedo dentro del lienzo, el bloque mostaza guardará
cuál es el valor de la coordenada x y la coordenada y del punto que estamos tocando, porque seguro
que lo necesitaremos. App Inventor utiliza el sistema cartesiano para
determinar la posición de un punto determinado dentro de un lienzo. La x
aumenta desde la izquierda a la derecha, y la y lo hace desde arriba hacia abajo.
Al dejar quieto el puntero del ratón sobre el icono de la x del bloque mostaza nos saldrá una
ventanita en la que aparecerá un pequeño bloque tomarx de color naranja. Tenemos que arrastrarlo
hasta encajarlo con el hueco superior del bloque morado llamar.Lienzo1.DibujarCírculo.
Nos falta definir la r. ¿Qué es? Indica el tamaño del círculo que vamos a dibujar, su radio (de ahí la
r). Para definir el tamaño, el radio, abrir el cajón (Bloque) Matemáticas de la zona de bloques y
52 arrastrar el bloque azul que indicar el valor 0 (cero) hasta el hueco r de nuestro bloque morado.
Ahora podemostocar dentro del lienzo, en la pantalla del móvil o el emulador, para ver cómo se
dibujan pequeños círculos. Pero para que los círculos sean rojos, verdes o azules en lugar de negros,
hay que decirle al móvil que lo haga creando nuevos bloques. Una pista: hay que utilizar un bloque
mostaza del objeto botón_rojo. Ya hemos usado este tipo de bloque mostaza en el programa del
gato.
Utilizaremos el bloque cuando.boton_rojo.Clic. Lo arrastramos hasta el editor de bloques.
¿Qué tiene que ocurrir cuando hagamos clic sobre el botón rojo? Tiene que cambiarse a rojo el color
del pincel que usamos en el lienzo. ¿Dónde tendremos que definir eso? Una pista: el color del pincel
es una característica del Lienzo1.
Mover a la derecha
Apretar botón
Así que tendremos que buscar la manera de hacerlo usando algún bloque del cajón del objeto
Lienzo. Otra pista: es un bloque de color verde oscuro.
Falta indicar que queremos que sea el color rojo. Para ello escogeremos el pequeño bloque que
identifica a este color de entre los colores que hay en el cajón Colores de la Paleta de App Inventor.
53
Haremos lo mismo con los botones para color verde y color azul. Lo mejor es hacerlo duplicando el
bloque mostaza que hemos creado para el color rojo. Una vez hecho, en el nuevo bloque mostaza,
podemos desplegar la lista del nombre
de los botones y elegir el del color verde.
Entonces sólo tendremos que cambiar el
bloque rojo por el verde, y listo. Lo
mismo con el botón para el azul.
Cuando probemos el resultado se nos “ensuciará” el lienzo enseguida, así que hay que poner un
botón para dejar el lienzo en blanco de nuevo. ¿Cómo se hará? Varias pistas:
Crear DisposiciónHorizontal1 debajo del lienzo.
Meter dentro un nuevo botón y llamarlo Limpiar.
Cambiar el texto del botón por “Limpiar”.
Poner los bloques para que al hacer clic sobre Limpiar se limpie el lienzo.
Podemos usar estos dos tipos de bloques, por ejemplo, para dibujar un círculo por cada punto donde
Más apropiado puede ser entonces utilizar este otro bloque morado, que se basa en dibujar líneas,
y no círculos. Para dibujar una línea hace falta especificar el punto inicial de la línea y el punto final.
Por ello para usar este bloque hay que indicarle dos coordenadas x y dos y. El primer (x1, y1) define
el punto inicial de la línea, y el segundo par (x2, y2) define el punto final de la misma. Al hacer clic
sobre el lienzo, sin levantar el dedo, el programa guardará en su memoria el valor de la x e y del
punto que hemos tocado (determinado por XPrevio e YPrevio). Según vayamos deslizando el dedo
el programa irá detectando el cambio de posición y dibujará una línea desde ese punto guardado
hasta el punto de que estamos tocando actualmente (determinado por XActual e YActual). Esto se
repetirá todo el tiempo, muy rápidamente, mientras sigamos arrastrando el dedo por la pantalla. Se
dibujarán por lo tanto muchas líneas muy cortas, una detrás de la otra, dando la sensación de ser
una única línea continua.
Mover a la derecha
Apretar botón
Tenemos que definir el valor mínimo y máximo que podrá tomar el deslizador, y el valor que tendrá
inicialmente (PosiciónDelPulgar). También es conveniente especificar la anchura del Slider para que
se ajuste al espacio restante (Ajustar al contenedor).
Si dejamos momentáneamente el puntero del ratón sobre la casilla posiciónDelPulgar del bloque
mostaza, se mostrará un desplegable que nos permitirá elegir el bloque que define el valor de esa
variable (tomar), o definir un nuevo valor para ella (poner).
Mover a la derecha
Apretar botón
Elegiremos en este caso el bloque tomar, y lo combinaremos con el bloque verde del objeto Lienzo
que define el ancho de línea de dibujo, para indicar al programa que cambie el ancho de la línea
cada vez que arrastremos el puntero
del deslizador Tamaño_pincel a una
nueva posición.
Igual que ocurre con los bloques de color naranja tomar y poner que aparecen dentro de algunos
bloques mostaza, y que sirven para poner o tomar un valor (en este caso para posiciónDelPulgar),
en muchos componentes existen bloques de color verde, que nos permiten tomar o poner valores
a sus propiedades.
57
Por ejemplo, el siguiente bloque nos permite poner, asignar, definir el valor del ancho de línea del
componente Lienzo1. La propiedad AnchoDeLínea de Lienzo1 tendrá entonces el valor del bloque
que encajemos a la derecha del bloque verde oscuro.
Y este otro sirve para tomar el valor actual del ancho de línea del componente Lienzo1. Es decir,
cuando encajemos este bloque verde claro a la derecha de un bloque verde oscuro, éste tomará el
valor de la propiedad AnchoDeLínea de Lienzo1.
Este bloque es diferente a los vistos hasta ahora, porque no puede ser encajado directamente
58 debajo de otro bloque, o dentro de un bloque color mostaza. El bloque tiene que ser encajado a
otro por su izquierda. Esto se debe a que es un bloque que devuelve un valor, como acabamos de
ver al final del apartado anterior, con el bloque de color verde claro Lienzo1.AnchoDeLínea. En este
caso el bloque violeta devuelve un texto, que contiene el nombre del archivo donde se ha
almacenado el dibujo dentro de la memoria del dispositivo.
Mover a la derecha
Apretar botón
Cada vez que se pulse el botón Guardar, el dibujo quedará almacenado con un nombre que se
asignará automáticamente, en función del día y la hora. Este nombre aparecerá en el texto de la
etiqueta Nombre_archivo cada vez que hagamos clic en el botón Guardar.
Por ejemplo…
Poner un sello con tu nombre cuando
pulses un botón.
Tomar una foto existente en la
memoria del dispositivo y usarla como
fondo del lienzo, etc.
Cada vez que juegas a tu videojuego preferido, dentro del ordenador están
ocurriendo muchas cosas. Se hace patente que un factor importante en un
juego es que se mueva con soltura y a buena velocidad. Todos los elementos
del juego parecen funcionar de forma independiente, como con vida propia y
a la vez. Sin embargo, esto es sólo una apariencia, ya que dentro del programa
se van sucediendo las diferentes fases de ejecución de forma secuencial y ordenada.
Mover a la derecha
Apretar botón
Entrada.
61
Un videojuego necesita comunicarse con el jugador a través de un dispositivo de entrada, como
un Joystick o un teclado. La programación del sistema de Entrada/Salida puede parecer a priori algo
fácil de implementar, y de hecho lo es. Sin embargo, si no queremos ver como nuestro estupendo
juego se hace poco “jugable” para el jugador hay que cuidar mucho este aspecto. Una mala
respuesta del juego ante una pulsación del teclado puede hacer frustrante la experiencia de juego
para el jugador. Otro factor importante es el soporte de una variedad de dispositivos de entrada.
Algunos jugadores preferirán usar el teclado al ratón y viceversa. Si además queremos que nuestro
juego tenga un toque profesional, hay que dar la posibilidad al jugador de que defina las teclas con
las que quiere jugar, además de dar soporte a los diferentes tipos de teclados internacionales.
Visualización.
La misión de esta capa es la de convertir el estado interno del juego en una salida gráfica. Ya
sea en 2D o 3D, la calidad gráfica es un factor importantísimo. Normalmente, el programador trabaja
con unos gráficos creados por él mismo, y cuya calidad dependerá de los dotes artísticos de éste. En
una siguiente fase, un artista gráfico crea y sustituye estas imágenes por las definitivas. Uno de los
elementos principales de un buen juego es un buen motor gráfico, capaz de mover una gran
cantidad de Sprites (personajes u objetos) en un juego 2D o una gran cantidad de polígonos
(triángulos) en el caso de un juego en 3D.
En el diseño del motor gráfico, siempre hay que llegar a un compromiso entre la compatibilidad
y el rendimiento. Hay tarjetas gráficas en el mercado con unas capacidades casi sobrenaturales,
pero que no son estándar, sin embargo, tampoco podemos dar la espalda a los jugadores
“profesionales” que equipan sus ordenadores con la última aceleradora 3D del mercado.
Sonido.
Comunicaciones.
Cada vez más, los juegos en red van ganando en adeptos. La comunicación se realiza
normalmente sobre redes TCP/IP. Esto nos permite jugar contra otros jugadores situados en nuestra
propia red local o en Internet. La comunicación entre máquinas se lleva a cabo
mediante la programación de sockets. Afortunadamente SDL nos provee de
herramientas muy potentes para este tipo de comunicación, aunque esto
es algo que queda fuera del alcance de este libro.
Tanto si utilizas Windows, Linux o cualquier otro sistema operativo, SDL te va a ahorrar un
montón de trabajo y de dolores de cabeza. SDL es el acrónimo de Simple DirectMedia Layer. Al igual
que DirectX en Windows, SDL nos ofrece una completa API para el desarrollo de juegos, demos y
todo tipo de aplicaciones multimedia con independencia del sistema operativo y la plataforma.
Mover a la derecha
Apretar botón
Game loop.
El “game loop” o bucle de juego es el encargado de “dirigir” en cada momento que tarea se 63
está realizando. En la figura podemos ver un ejemplo de game loop. Es sólo
un ejemplo, y aunque más o menos todos son similares, no tienen por qué
tener exactamente la misma estructura. Analicemos el ejemplo. Lo primero
que hacemos es leer los dispositivos de entrada para ver si el jugador ha
realizado alguna acción. Si hubo alguna acción por parte del jugador, el
siguiente paso es procesarla, esto es, actualizar su posición, disparar, etc...
dependiendo de que acción sea. En el siguiente paso realizamos la lógica de
juego, es decir, todo aquello que forma parte de la acción del juego y que
no queda bajo control del jugador, por ejemplo, el movimiento de los
enemigos, cálculo de trayectoria de sus disparos, comprobamos colisiones
entre la nave enemiga y la del jugador, etc... Fuera de la lógica del juego
quedan otras tareas que realizamos en la siguiente fase, como son
actualizar el scroll de fondo (si lo hubiera), activar sonidos (si fuera
necesario), realizar trabajos de sincronización, etc. Ya por último nos resta
volcar todo a la pantalla y mostrar el siguiente frame. Esta fase es llamada
“fase de render”.
Normalmente, el game loop tendrá un
aspecto similar a lo siguiente:
64
Mover a la derecha
Apretar botón
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 5
Actividad 4: Timeline: Evolución de los Videojuegos
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
CRITERIO INDICADORES
VALOR
OBTENIDO
PONDERACIÓN CALIF
OBSERVACIONES
Y/O 65
SUGERENCIAS DE
SÍ NO
MEJORA
Demuestra organización en los
1 2
elementos presentados.
Se aprecia el conocimiento y
3 2
dominio del tema.
Muestra dominio en el uso de las
4 tecnologías de la Información y de 2
la comunión.
CALIFICACIÓN
Diseño de Videojuegos
Muchas veces nos hemos preguntado como desarrollaremos un videojuego, o que
pasos debemos seguir para desarrollarlo, esta propuesta pretende de una forma muy
flexible explicarte algunas de las partes más importantes a tener en
cuenta en el desarrollo de un videojuego.
66 siguientes procesos.
Mover a la derecha
Apretar botón
Historia
Forma en que se desenvolverán los personajes del juego y la historia del mundo representado
avanza. No todos los juegos tienen historia.
67
Arte Conceptual
Se establece el aspecto general del juego. En esta etapa un grupo de
artistas se encargan de visualizar o conceptualizar personajes,
escenarios, criaturas, objetos, etc. Estos artistas se basan en las
ideas originales de los creadores y luego entregan una serie de
propuestas impresas o digitales de cómo lucirá el juego.
Sonido
Detallada descripción de todos los elementos sonoros que el juego necesita
para su realización. Voces, sonidos ambientales, efectos sonoros y música.
Mecánica de juego
Es la especificación del
funcionamiento general del juego. Es
dependiente del género y señala la forma en
que los diferentes entes virtuales interactuarán
dentro del juego, es decir, las reglas que rigen
éste.
Diseño de programación
Describe la manera en que el videojuego
será implementado en una máquina real (un PC, consola, teléfono móvil, etc) mediante un cierto
lenguaje de programación y siguiendo una determinada metodología. Generalmente en esta fase
En esta fase se identifican las tareas necesarias para la ejecución del videojuego
y se reparten entre los distintos componentes del equipo desarrollador.
También se fijan plazos para la ejecución de dichas tareas y reuniones
clave, con la ayuda de herramientas de diagramación de actividades
LO BUENO
SALE DE TI MISMO como GANTT y PERT.
Mover a la derecha
Apretar botón
Aquí se llevan a cabo todas las tareas especificadas en la fase de planificación, teniendo
como guía fundamental el documento de diseño. Esto incluye entre otras cosas la codificación
del programa, la creación de sprites, tiles y modelos 3D, la grabación de sonidos, voces y
música, la creación de herramientas para acelerar el proceso de desarrollo, entre otras.
Programación
La mayoría de los juegos se
programan utilizando el lenguaje C++
dado que es un lenguaje de alto nivel
que permite un rápido acceso a los 69
componentes de hardware de una
computadora o consola de juegos
que lo hace más accesible.
Ilustración
Los juegos 2D deben ser ilustrados por artistas experimentados, quienes trabajan tomando
en consideración las limitaciones técnicas del hardware sobre el cual correrá el juego, esto incluye:
Cantidad de colores disponibles, tamaño de los sprites, resolución final de los sprites y formatos a
utilizar. Los artistas 2D también son los encargados de elaborar las animaciones del juego.
Se muestra el proceso de diseño 2D e ilustración de un personaje para un videojuego.
Interfaz
Es la forma en que se verán
los elementos GUI y HUD,
mediante los cuales el usuario
interactuará con el juego. La
Interfaz no es un elemento rígido
dentro, ni para ningún juego, esta cambia de un juego a otro según su temática, la misma se crea
siempre de una forma tal que el espectador pueda identificarse rápidamente con ella.
Modelado y animación 3D
Los artistas utilizan herramientas comerciales de modelado y animación tridimensional como
Autodesk 3D Studio Max, Autodesk Maya, Autodesk Softimage XSI, Blender, etc. Pero además usan
herramientas desarrolladas internamente que facilitan algunas de las funciones más comunes del
proceso de creación de juegos.
70
Diseño de sonido
Los ingenieros de sonido se encargan de crear sonidos para cada objeto o personaje del juego.
Pueden crear sonidos desde cero o utilizar sonidos del ambiente y modificarlos según sus
necesidades.
Al igual que el software convencional, los videojuegos deben pasar por una etapa donde se
corrigen los errores inherentes al proceso de programación y a diferencia de este, los videojuegos
requieren un refinamiento de su característica fundamental, la de producir diversión de manera
interactiva (jugabilidad). Generalmente esta etapa se lleva a cabo en dos fases:
Pruebas Alpha: Se llevan a cabo por un pequeño grupo de personas, que con anterioridad
estén involucradas en el desarrollo, lo que puede incluir artistas, programadores,
coordinadores, etc. El propósito es corregir los defectos más graves y mejorar
características de jugabilidad no contempladas en el documento de diseño.
Mover a la derecha
Apretar botón
Pruebas Beta: Estas pruebas se llevan a cabo por un equipo externo de jugadores, bien sea
que sean contratados para la ocasión o que sean un grupo componente del proyecto (grupo
QA). De estas pruebas el videojuego debe salir con la menor cantidad posible de defectos
menores y ningún defecto medio o crítico.
71
BIBLIOGRAFÍA
How to make a Video Game - Getting Started. (2017, 22 enero). [Vídeo]. YouTube.
https://www.youtube.com/watch?v=j48LtUkZRjU&list=PLPV2KyIb3jR53Jce9hP7G5xC4O9AgnOuL
Serrano, A. G. (2014). Programacion de videojuegos con sdl en windows y linux [Libro electrónico].
Ediversitas Multimedia, S.L.
72
https://youtu.be/GXg6DORVZ3c
Después de haber realizado la lectura anterior y de haber visto el video que se encuentra
en el código QR de esta actividad, debes elaborar una infografía en la que representes las
distintas etapas que se deben seguir para el desarrollo de un videojuego. Recuerda utilizar
imágenes que permitan identificar con mayor facilidad cada uno de los procesos.
Una vez concluida la infografía debes anexar una pequeña reflexión a modo de conclusión
en la que menciones la importancia del tema en relación con los temas de estudio de la
materia.
Mover a la derecha
Apretar botón
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 6
Actividad 5: Creación de un Videojuego
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
CRITERIO INDICADORES
VALOR
OBTENIDO
PONDERACIÓN CALIF
OBSERVACIONES
Y/O 73
SUGERENCIAS DE
SÍ NO
MEJORA
Presenta las 5 etapas en el
1 2
desarrollado de videojuegos.
Se aprecia el conocimiento y
3 2
dominio del tema.
Muestra dominio en el uso de las
4 tecnologías de la Información y de 2
la comunión.
CALIFICACIÓN
Detrás de cada videojuego está el código que lo ejecuta. Los lenguajes para programar
videojuegos son una parte integral del desarrollo de este tipo de software.
Los distintos códigos que se emplean para el diseño y desarrollo de
videojuegos son responsables de cómo experimentamos e interactuamos con ellos.
Un código bien escrito puede proporcionar una experiencia de juego fluida. Conocer bien qué
lenguajes se usan para programar videojuegos es el primer paso para especializarte en su creación.
En este sentido, cada lenguaje de programación que se emplea en videojuegos tiene unos objetivos
concretos y se usa por un motivo. Y es que, los distintos códigos tienen una sintaxis diferente y son
más eficientes para realizar ciertas tareas.
Mover a la derecha
Apretar botón
La Web rápidamente se ha convertido en una plataforma viable no solo para crear impresionantes
juegos de alta calidad, sino también para distribuirlos.
Ventajas
Como un desarrollador de juegos, de forma individual o como un gran
estudio de juegos, es importante apuntar a la Web como tu próximo proyecto de juego.
El alcance de la Web es enorme; está en todas partes. Los juegos construidos con HTML5
funcionan en smartphones, tablets, PCs y Smart TVs.
Se mejoran la comercialización y la detección. No estás limitado a promocionar tu aplicación
en la tienda de aplicaciones de otro. En su lugar, puedes anunciar y promover tu juego en
toda la Web, así como en otros medios, aprovechando la inherente capacidad de enlace y
capacidad de compartir de la Web para llegar a nuevos clientes.
Tienes control en lo más importante: Pagos. Usted no tiene que
entregar más del 30% de sus ingresos a otros sólo porque su juego está en
su ecosistema. En su lugar, cargue lo que
quiera y utilice cualquier servicio de
procesamiento de pagos que le guste.
Una vez más con más control, puedes actualizar tu juego cuando quieras.
No hay que esperar sin aliento para la aprobación, mientras que alguien oculto
dentro de otra empresa decide si tu solución de
error crítico se enviará hoy o mañana.
¡Controla tus análisis! En lugar de confiar en otra
persona para tomar todas las decisiones sobre qué
analítica necesita, puede recoger su propia o elegir la tercera parte que más le guste
para recopilar información sobre sus ventas y el alcance de su juego.
Consigues manejar tu relación con el cliente más de cerca. No es necesario tener
comentarios de clientes filtrados a través de los mecanismos limitados de una tienda de
aplicaciones. Involucrarse con sus clientes de la manera que desee, sin un intermediario.
76 Tus jugadores pueden jugar su juego en cualquier lugar, en cualquier momento. Debido a
que la Web es omnipresente, tus clientes pueden comprobar el estado de tu juego en sus
teléfonos, tabletas, computadoras portátiles domésticas, sus escritorios de trabajo o
cualquier otro dispositivo.
También, al contrario, un proyecto puede ser muy complejo y necesitar de varios lenguajes de
programación para que todas las capas del juego funcionen como está previsto en el documento de
diseño.
Como ves, los factores son variables y, al final, depende de qué tipo
de juego, para que plataforma y cuán complejo quieras que sea tu
videojuego. Vamos a ver ahora, en detalle, algunos de los lenguajes
para programar videojuegos más empleados en la actualidad.
Mover a la derecha
Apretar botón
PRIMER PASO
Lo primero que hay que hacer es elegir con qué herramienta se hará, ya 77
que dependiendo de la herramienta se utilizará un lenguaje de
programación u otro. Puedes escoger entre utilizar un motor de
videojuegos que te permite publicar el juego en diferentes plataformas o
directamente elegir el framework necesario para la plataforma donde quieras publicarlo. La
principal diferencia es que el motor de videojuegos te hace la tarea de creación más fácil, ya que
llevan integrados un motor de físicas, detección de colisiones y muchas otras funcionalidades.
Si se elige el motor de videojuegos, la tarea será más difícil, ya que hay unos cuantos: Unity3D,
Unreal Engine, Godott etc. y se ha de escoger uno que se adapte a nuestras necesidades. A
continuación, se muestra un poco de información sobre cada uno:
Unity 3D: Es un motor de videojuegos donde se programa con C #, es muy potente y al mismo
tiempo tiene una muy buena curva de
aprendizaje, ya que hay una gran comunidad
detrás y muchos tutoriales a disposición de todos.
Además, se puede exportar a casi todas las
plataformas existentes y te da la posibilidad
de hacer juegos tanto con 3D como en 2D. Otra ventaja es que es gratuito si ganas menos de
100.000 $ al año.
Si quieres hacerlo con el framework tienes que escoger la plataforma donde quieres publicar tu
juego. En el caso de Android, lo puedes hacer con Android Studio y programar con Java o Kotler, si
prefieres publicarlo en iOS lo tienes que hacer con Xcode y programarlo con Swift.
Mover a la derecha
Apretar botón
Decidir qué modelos usar, si 3D o sprites (dibujos en el caso de un juego 2D) puede suponer un
problema, ya que crearlos uno mismo y que queden bien puede ser más complicado que programar
el juego entero. Pero gracias a muchos artistas caritativos que cuelgan sus creaciones en Internet
de manera gratuita, se ha conseguido que no sean necesarias grandes habilidades artísticas para
crear un juego estéticamente bonito. Podemos encontrar estos recursos en lugares como Itch,
Kenney, Opengameart o PolyGoogle entre otros. Si en cambio, lo quieres crear tú, tienes disponibles
programas gratuitos como Blender para hacer modelos 3D o Krita para hacer sprites.
Una vez creado el juego se publicará en la tienda de aplicaciones, si lo queremos publicar en Google
Play, se debe pagar 25 US y ya podrás publicar todas las aplicaciones que quieras. Si quieres 79
publicarlo en la App Store, se debe pagar 99 US al año. Si se quiere publicar en Android aparte de
Google Play hay otras tiendas de aplicaciones disponibles, aunque Google Play sea el oficial, en
países como China o la India utilizan otras tiendas como la tienda de aplicaciones de Tencent (en el
caso de China).
Una vez colgada la aplicación en la tienda de aplicaciones, nuestro objetivo será hacer que los
usuarios la descubran, tenemos que dar una razón al usuario para descargar tu aplicación y no otro.
Para lograr esto, utilizaremos ASO (App store optimization), sirve para mejorar el posicionamiento
de nuestro juego dentro de la tienda de aplicaciones. No hay una única manera de hacer ASO,
simplemente es seguir unas pautas que te ayudarán subir en el ranking de aplicaciones. Pautas como
por ejemplo cómo escribir la descripción de la aplicación, de cómo diseñar el icono, etc.
Se debe considerar que el crear videojuegos suele tener finalidad económica. De acuerdo con
SuperData, en 2020, las ganancias de la industria aumentaron en un 12% con respecto al año
anterior; alcanzando los 139.000 mil millones de dólares globalmente. De este total, los juegos
móviles tomaron la delantera, generando más de 73.8 mil millones de dólares americanos, mientras
que, por su parte, los juegos para PC dejaron solo $33.1 mil millones de dólares en ganancias, y el
sector de las consolas $19.7 mil millones.
Tomando en cuenta las lecturas previas, elabora un podcast en el que identifiques los diversos
elementos necesarios para poder realizar un juego Web y un juego móvil.
Debes identificar las similitudes y diferencias, así como las ventajas y desventajas.
https://youtu.be/4cWlc1KFIjQ
Mover a la derecha
Apretar botón
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 7
Actividad 6: Diferencias y Similitudes
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
CRITERIO INDICADORES
VALOR
OBTENIDO
PONDERACIÓN CALIF
OBSERVACIONES
Y/O 81
SUGERENCIAS DE
SÍ NO
MEJORA
Se presenta y menciona sus datos
1 2
esenciales.
Identifica los elementos
2 necesarios para la creación de 2
videojuegos en el móvil.
Identifica los elementos
3 necesarios para la creación de 2
videojuegos en la web.
Identifica las diferencias en el
4 2
desarrollo de videojuegos.
Muestra dominio en el uso de las
5 tecnologías de la Información y 1
de la comunión.
1
6 Entrega en tiempo y forma.
CALIFICACIÓN
Mover a la derecha
Apretar botón
SCRATCH
Para ello, debes abrir tu navegador preferido; de preferencia utiliza Google Chrome para hacer uso
de las extensiones y datos que Google tiene con tu cuenta.
Escribe la URL: https://scratch.mit.edu/
Después de ingresar
Puede aparecer en inglés,
pero puedes usar la
herramienta para traducir o
elegir en la lista desplegable
83
del idioma.
Únete a Scratch
2) Después de tener tu usuario, ahora es
necesario dar tu fecha de nacimiento.
4) Casi para terminar, debemos proporcionar un correo electrónico al cual vincular la cuenta:
84 5) Ahora
(recuerda
realizamos
que te
la
puede
comprobación
pedir que
compruebes otras ilustraciones, presta
atención a lo que te solicita).
Usuario
Correo electrónico
Para concluir es necesario confirmar el correo que te llegó a tu bandeja en el correo electrónico.
Mover a la derecha
Apretar botón
MENSAJE DE CONFIRMACIÓN
85
BIBLIOGRAFÍA
Introduccion para desarrollo de juegos para la Web - Desarrollo de Videojuegos | MDN. (2014, 16
octubre). Introducción Para Desarrollo de Juegos Para La Web - Desarrollo de Videojuegos.
https://developer.mozilla.org/es/docs/Games/Introduction
Desarrollar juegos móviles - “From Zero to Hero”. (2020, 30 octubre). inLab FIB.
https://inlab.fib.upc.edu/es/blog/desarrollar-juegos-moviles-zero-hero
86
Volk. (2021, 6 mayo). Videojuegos móviles: Una evolución en la industria gamer –.
https://www.volkgames.com/videojuegos-moviles-una-evolucion-en-la-industria-gamer/
Mover a la derecha
Apretar botón
Mover a la derecha
Apretar botón
Comunicación: Una comunicación efectiva requiere, hoy en día, algo más que saber leer y
escribir textos. Scratch implica a los jóvenes en la elección, manipulación e
integración de distintos elementos multimedia para
expresar su creatividad y para poner en práctica su
capacidad de persuasión. Cuando los alumnos crean
un proyecto, tienen una audiencia en mente y
necesitan pensar en cómo responderá otra
gente ante sus proyectos. Como los proyectos de
Scratch son muy fáciles de revisar y cambiar, los
estudiantes pueden modificar sus proyectos
Manejo de TIC: Es habitual referirse a las personas jóvenes como “nativos digitales” debido
a su aparente fluidez con las TIC. Pero, aunque interactúan con los medios digitales todo el
tiempo, pocos son capaces de crear sus propios juegos, animaciones o simulaciones. Es
como si pudieran “leer” pero no “escribir”. La competencia digital requiere no solamente
tener habilidad para chatear, navegar o interactuar sino también la habilidad de
diseñar, crear e inventar con los nuevos medios. Al trabajar en los proyectos
de Scratch, los alumnos aprenden a crear, seleccionar y gestionar múltiples
elementos multimedia, incluyendo texto, imágenes, animaciones y
grabaciones de audio. A medida que los estudiantes ganan experiencia en
multimedia, se vuelven más receptivos y críticos en los medios de
comunicación que les rodean.
Life Long Learning (Aprendizaje a largo plazo): Con el uso de Scratch, el alumno es
quien dirige su aprendizaje. De esa forma, se desarrolla la competencia de aprender a
aprender y los estudiantes, al conseguir sus objetivos se percatan de que realmente son
capaces de aumentar sus conocimientos por sí mismos, sin depender de instrucción
externa.
¿Estás list@
para iniciar?
Mover a la derecha
Apretar botón
2.- En el fondo principal debes agregar los siguientes bloques para que se pueda realizar la
interacción.
Revisa la práctica
https://scratch.mit.edu/projects/629245836/
Mover a la derecha
Apretar botón
2.- Los disfraces pueden verse al hacer doble clic en el objeto, en la pestaña disfraces. Debemos
tener en cuenta que es
recomendable colocar un
nombre específico y fácil de
identificar a cada disfraz
que vayamos a utilizar.
4.- Una vez agregado los elementos gráficos y de sonido, solo debemos agregar los bloques que
hagan funcionar nuestra práctica, estos son agregados dentro del objeto que cambiará de disfraz.
94
Revisa la práctica
https://scratch.mit.edu/projects/629255224/
Mover a la derecha
Apretar botón
2.- Una vez que se tienen los elementos gráficos solo debemos agregar los siguientes bloques dentro
del objeto.
96
Revisa la práctica
https://scratch.mit.edu/projects/628116027/
Mover a la derecha
Apretar botón
97
3.- Debemos
colocar como
visible la variable
y el cronómetro
para que
aparezcan en la
pantalla del juego.
98 debemos agregar
dentro del objeto
que se moverá el
código en bloque
correspondiente.
Revisa la práctica
https://scratch.mit.edu/projects/629263363/
Mover a la derecha
Apretar botón
Manos a la obra
https://scratch.mit.edu/projects/633337640/editor
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 8
Práctica 2: Vamo a Juga
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
VALOR OBSERVACIONES
OBTENIDO Y/O
CRITERIO INDICADORES PONDERACIÓN CALIF
SUGERENCIAS DE
100 SÍ NO
MEJORA
El videojuego demuestra la
1 2
conceptualización y el diseño.
Se aprecia el conocimiento y
4 2
dominio del tema.
Muestra dominio en el uso de las
5 tecnologías de la Información y 1
de la comunión.
CALIFICACIÓN
Mover a la derecha
Apretar botón
Propósito:
Desarrollar una aplicación móvil con
temática sostenible en equipos de 5
integrantes donde presenta habitos o
actividades de prevención, reducción,
reciclado y reutilización de los desechos
en el hogar utilizando el software de
programación propuesto, para
socializarlo en plenaria.
Instrucciones: Con los conocimientos que has adquirido a lo largo del submódulo, es momento de 101
diseñar en equipo, una aplicación móvil en la que se hace conciencia en el cuidado de los recursos
naturales, la sociedad y la sostenibilidad.
Comienza
con el
¿Qué debemos hacer? Principio
También, recuerda que tienes las prácticas guiadas que te apoyarán en el uso de herramientas
sencillas para el desarrollo de la aplicación móvil.
30 25 15 5
Hace uso Hace uso Hace uso Hace uso correcto
correcto de correcto de al correcto de al de al menos 1
botones, Sitio menos 3 menos 2 elementos en la
web, sonidos y elementos en la elementos en la programación de
Fase de
20% accesibilidad. programación programación la aplicación
Producción
de la aplicación de la aplicación móvil.
móvil. móvil.
20
15 10 5
Mover a la derecha
Apretar botón
CRITERIOS
INDICADORES %
EXCELENTE BUENO SUFICIENTE INSUFICIENTE
Muestra la Muestra la Muestra la Muestra la
programación programación programación programación de
de los objetos, de los objetos y de los objetos a la aplicación
sonidos, las acciones a través de los móvil sin
acciones a través de los bloques de bloques.
Programación de través de los bloques de código.
20%
Bloques bloques de código.
código.
20 15 10 5
Los estudiantes Los estudiantes Los estudiantes Solo exponen la
103
exponen los exponen los exponen los aplicación móvil
detalles de su detalles de su detalles de su pero no
aplicación móvil aplicación móvil aplicación móvil describen los
Presentación y y muestran los y muestran sin mostrar los detalles en la
20%
exposición elementos en su algunos elementos en programación de
programación. elementos en su su la aplicación
programación. programación. móvil.
20 15 10 5
Todos y cada La mayoría de Pocos La construcción
uno de los los integrantes miembros del de la aplicación
miembros del del equipo han equipo han móvil ha sido
equipo han participado y participado y realizada por un
Todo el equipo ha participado y colaborado en la colaborado en solo miembro del
participado en la colaborado en la creación de la la creación de la equipo y los
10%
creación de la creación de la aplicación aplicación demás observan.
aplicación móvil aplicación móvil. móvil.
móvil.
10 8 5 3
Total 100% /100 /83 /50 /23
104
Mover a la derecha
Apretar botón
105
Propósito del Submódulo
Aprendizajes Esperados
Justifica los conocimientos adquiridos, aportando ideas creativas en la solución de
problemas del entorno, para el diseño y desarrollo de diversos tipos de robot,
afrontando los retos y asumiendo la frustración como parte del proceso.
Competencias
Genéricas Profesionales
CG5. Desarrolla innovaciones y propone soluciones a problemas
a partir de métodos establecidos.
5.2. Ordena información de acuerdo a categorías,
jerarquías y relaciones.
CPBDS8. Selecciona propuestas de robótica básica, a través de
5.6. Utiliza las tecnologías de la información y
sus fundamentos, arquitectura y anatomía, en cualquier ámbito,
comunicación para procesar e interpretar información.
afrontando restos y asumiendo la frustración como parte de un
CG8. Participa y colabora de manera efectiva en equipos proceso.
diversos.
8.1. Propone maneras de solucionar un problema o
desarrollar un proyecto en equipo, definiendo un curso de
acción con pasos específicos.
DOSIFICACIÓN PROGRAMÁTICA
Capacitación: Desarrollo de Software
Módulo IV: Aplicaciones Móviles
Submódulo II. Diseño y Programación en Robótica Clave: B6DP
Semestre: 6to. Turno: Matutino/Vespertino Periodo: 2023 – 2024B
Submódulo Momento Tiempo
Conocimientos Semana
Fecha
Observaciones
(minutos) inicio
50 Encuadre
min Evaluación
Diagnóstica
08 – 12
50 Revisión de
APERTURA min
8 de abril
portafolios.
2024
Robótica.
250 Definición.
min Fases
SUBMÓDULO II. DISEÑO Y PROGRAMACIÓN EN ROBÓTICA
350 15 – 19
106 min
Fases.
Tipos
9 de abril
2024
Aplicación de
lección Construye-t
Lección 9.1.
Transformar los
30 fracasos en
Construye-t
min 22 – 26 aprendizajes.
10 de abril
Diseño de robot.
320 2024
Mecánica.
min
25 de abril.
DESARROLLO
1ra reunión de
academias.
29 de
abril – 01 de mayo.
350 Eléctrica.
11 03 de Suspensión de
min Electrónica.
mayo labores.
2024
250
Min Software 06 – 10
para de
12
programación mayo
100 de robot. 2024 Evaluación
min extraordinaria
Intrasemestral
Mover a la derecha
Apretar botón
13 – 17
350 Diseño y desarrollo
13 de mayo
min de robot
2024
15 de mayo.
DESARROLLO
Suspensión de
labores.
350
min 20 – 24
Diseño y desarrollo
14 de mayo
SUBMÓDULO II. DISEÑO Y PROGRAMACIÓN EN ROBÓTICA
de robot
2024
27 – 31
350 Evaluación del
15 de mayo
min proyecto
2024
107
03 – 07
350 Evaluación del
16 de junio
min proyecto
2024
Revisión de
portafolios.
10 – 14 14 de junio.
350 ENTREGA
17 de junio 2da reunión de
min PROYECTO
2024 academias.
17 – 21
CIERRE 350 Reforzamiento Reforzamiento
18 de junio
Min académico. académico.
2024
24 – 28
Evaluación Final. 19 de junio
2024
01 – 05
Evaluación Final. 20 de julio
2024
08 – 12 Evaluación
21 de julio Extraordinaria
2024 Intersemestral.
15 – 19 Jornada de
22 de julio capacitación y
2024 trabajos colegiados.
Totales 5600 min
Criterios de Evaluación
Situación didáctica:
Automatizando Mi Creatividad 30%
Actividades: 20%
Actividad 1. Pon a prueba tus conocimientos. 5%
Actividad 2. Que no se te pase un paso. 5%
Actividad 3. Cuestionándome. 5%
Actividad 4. Anatomía del robot. 5%
Prácticas: 30%
Práctica 1. Hola mundo en Arduino. 5%
Práctica 2. ¿Qué me hace falta? 5%
Práctica 3. Semáforo. 10%
108 Práctica 4. Cableado de mi dron. 10%
Examen: 10%
Construye-t: 10%
¡Ánimo pue!
¡Aquí vamo!
Mover a la derecha
Apretar botón
Situación Didáctica
AUTOMATIZANDO MI CREATIVIDAD
cognitivo Menciona los tipos de robots y ¿Qué formas pueden tomar los robots?
¿Qué aplicaciones en tu contexto puedes darle a la robótica?
DSW_SUB2_ED
Evaluación Diagnóstica
Instrucciones: Lee cuidadosamente los siguientes cuestionamientos y selecciona
en base a tus conocimientos la respuesta que consideres correcta.
2. C++, Java, Python, TinkerCad son algunos de los lenguajes de programación que usan ( )
para la…
A) Programación de B) Programación c) Programación D) Programación
Base de Datos de Robot de aplicaciones Web
3. Ciencia que reúne diferentes campos tecnológicos, con el objetivo de diseñar ( )
Mover a la derecha
Apretar botón
11. Esta composición se encarga del diseño de la interconexión de un robot por medio de ( )
componentes electrónicos:
A) Mecánica B) Eléctrica c) Electromecánica D) Programación
12. Se utiliza más a menudo en la investigación de la robótica para asegurar que los algori ( )
tmos de control avanzado funcionan correctamente antes de pasarlos a un robot real
14. Herramienta dentro de Arduino IDE, o Bitbloq, plataforma Web, que son entornos ( )
diseñados para hacer programación gráfica en lugar de escrita.
A) Visual Studio Code B) ArduBlock C) Estructuras de D) Entorno de
control Desarrollo
Integrado
15. Es una aplicación web gratuita y fácil de usar que proporciona a la nueva generación de ( )
diseñadores e ingenieros las habilidades básicas para la innovación: diseño 3D,
electrónica y codificación.
INTRODUCCIÓN A LA ROBÓTICA
Crees que el término robótica es reciente, pues no. El origen de la robótica se remonta a miles de
años atrás, esto sucedió cuando la robótica no era reconocida como ciencia y los robots eran
considerados como autómatas (Objeto mecánico que realiza una función una vez que se activa).
112 Por ejemplo, los antiguos egipcios unieron brazos mecánicos a las estatuas de sus dioses; los griegos
construyeron estatuas que operaban con sistemas hidráulicos, los cuales eran utilizados para
fascinar a los adoradores de los templos.
El concepto de “robot” no es de ahora, fue usada por primera vez en el año 1921, por el escritor
checo Karel Capek. Su origen proviene de la palabra esclava robota, que se refiere al trabajo
realizado de manera forzada. George Devol, fue quién inventó
la Robótica Industrial, y patentó en 1948 un manipulador
programable. Además, junto a Joseph F. Engelberger,
fundó Unimation, la primera empresa de robótica de la
historia.
Mover a la derecha
Apretar botón
Hoy en día si miramos a nuestro alrededor vemos muchos objetos mecánicos que realizan
actividades para las cuales fueron diseñadas, permitiendo al ser humano resolver de manera rápida
las necesidades que se les presenta. Viendo esto de lo básico, pero si exploramos otras áreas de
investigación y conocimiento, estos avances tecnológicos han permitido desarrollar robots que
realicen procesos automatizados a grandes escalas, indagar más allá de nuestro mundo, entre
algunos ejemplos. La robótica ha estado en los grandes sucesos de la humanidad, contribuyendo
en la obtención de nuevo conocimiento, así como apoyando en tareas difíciles para el hombre.
Programación de un Robot
Ahora sí para el proceso de programación de un robot consiste en introducir en su sistema de control
las instrucciones necesarias para que desempeñe las tareas para las que ha sido diseñado. Existen
varios procedimientos de programación de robots.
Programación guiada o directa
El operario interviene guiando
manualmente al robot, y hace que este
vaya describiendo los movimientos y trace
las trayectorias necesarias para cumplir su
función.
En muchas ocasiones se utiliza un sistema de guiado en forma de joystick para mover las
articulaciones del robot. Es un tipo de programación sencilla, pero con el inconveniente de que no
tiene en cuenta las variaciones del entorno.
Programación textual o indirecta
En este caso no es necesaria la presencia del robot para realizar el
Este tipo de programación permite realizar operaciones más complejas y con mayor grado de
precisión. Además, presenta la ventaja de que es posible establecer relaciones entre el robot y su
entorno. Para ello basta con introducir en el programa los datos procedentes de los sensores de
forma que el robot actúe en consonancia con los mismos, tal y como ocurre en los denominados
«robots inteligentes».
A su vez, la programación textual puede ser de dos tipos: explícita y especificativa.
La programación textual explícita se corresponde con los llamados lenguajes estructurados.
Consiste en programar de forma secuenciada y estructurada el conjunto de acciones que
debe realizar el robot para llevar a cabo la tarea encomendada. En dichas instrucciones
pueden introducirse también las características del medio.
La programación textual especificativa está más en consonancia con los lenguajes de
programación orientados a objetos. En este caso, el programa gira en torno a los
elementos manipulados por el robot y las acciones que ha de realizar con ellos, teniendo en
cuenta el ámbito en el que se desarrollan dichas acciones.
Mover a la derecha
Apretar botón
La mayoría de los robots industriales se programan guiando un robot de un punto a otro a través
de las fases de una operación, con cada punto almacenado en el sistema de control del robot.
Hay numerosos lenguajes de programación disponibles, por ejemplo, C/C++, Java, Fortran, Python,
etc. El lenguaje más popular en robótica es probablemente C/C++ (C++ es un sucesor del lenguaje C
orientado a objetos).
ROS es más bien un middleware, algo así como un «framework» de menor nivel basado
en un sistema operativo existente. El principal sistema operativo soportado por ROS
116 es Ubuntu. Tienes que instalar ROS en tu sistema operativo para poder usarlo.
Se trata de un sistema flexible para programar el software de los robots. Es una colección de
herramientas, bibliotecas y protocolos que tienen como objetivo simplificar la tarea de crear un
comportamiento robótico complejo y robusto en una amplia variedad de plataformas robóticas.
En consecuencia, ROS se diseñó desde cero para fomentar la colaboración en el desarrollo de
software de robótica.
Los subprogramas que se escriben (nodos) pueden ser escritos en cualquier idioma.
Así, una aplicación puede tener un nodo escrito en Python comunicándose con un
nodo escrito en C++.
Checa dato
https://youtu.be/BGOuv4gCk_Y
Mover a la derecha
Apretar botón
BIBLIOGRAFÍA
A. (2022, 4 enero). Cómo funciona la Robótica Industrial. aula21 | Formación para la Industria.
https://www.cursosaula21.com/como-funciona-la-robotica-
industrial/#:%7E:text=Hay%20numerosos%20lenguajes%20de%20programaci%C3%B3n,lenguaje%
20C%20orientado%20a%20objetos).
Technology Bit Perú. (2017, 28 noviembre). Historia de la Robotica - Cursos y Talleres de Robótica
en Lima. Talleres Robotica Educativa en Lima.
https://www.roboticaeducativa.pe/2017/10/20/historia-de-la-
robotica/#:%7E:text=Su%20origen%20proviene%20de%20la,de%20rob%C3%B3tica%20de%20la%
20historia.
DSW_SUB2_ACT1
118
funciones o tareas complejas, manipular objetos y realizar automáticamente operaciones,
incluyendo diferentes tipos de movimientos, en respuesta a su entorno.
Banco de respuesta:
Mover a la derecha
Apretar botón
Una vez completadas las afirmaciones anteriores, desarrolla una presentación interactiva
donde presentas al menos dos aplicaciones o programas diseñados al aprendizaje de
robótica. Considera los siguientes puntos para tu presentación:
Introducción a la robótica.
Programación de robots
1er aplicación o programa diseñado para aprender robótica:
A. Nombre de la aplicación o programa.
B. Características o descripción.
C. Lenguaje utilizado o programación utilizada.
2da aplicación o programa diseñado para aprender robótica: 119
A. Nombre de la aplicación o programa.
B. Características o descripción.
C. Lenguaje utilizado o programación utilizada.
Consulta la web
https://www.bejob.com/10-aplicaciones-para-ensenar-programacion-robotica-en-colegios/
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 1
Actividad 1: “Pon A Prueba Tus Conocimientos”
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
Fecha
Producto: Presentación Electrónica
Submódulo 2: Diseño y Programación en Periodo: 2023 – 2024B
Robótica
Nombre del docente Firma del docente
120 VALOR
OBTENIDO
OBSERVACIONES
Y/O
CRITERIO INDICADORES PONDERACIÓN CALIF
SUGERENCIAS DE
SÍ NO
MEJORA
Presenta sus datos para
1 1
identificarse.
CALIFICACIÓN
Mover a la derecha
Apretar botón
La palabra robot se encuentra emparentada con la palabra gótica arbi, que quiere decir herencia y,
también, con la palabra gótica arbaiths, que quiere decir trabajo, faena, pena, apuro. Una palabra
alemana afín es arbeit, que quiere decir trabajo. El equivalente en eslavo antiguo es rabota; en 121
checo y en polaco, robota quiere decir servidumbre, trabajo forzado.
Así,́ la palabra robot significa "trabajo forzado" y tiene connotaciones de esclavitud.
Una de las definiciones más aceptadas considera a los robots como dispositivos mecánicos
capaces de realizar tareas que podrían ser desempeñadas o no por seres humanos. Bajo
esta definición, por ejemplo, está claro que las maquinas que intervienen en una cadena de
ensamblaje de carros son robots. Como se puede apreciar, la inteligencia no es requisito para que
una maquina o dispositivo sea clasificado como robot.
Pero en esta definición, también son robots las máquinas de siglos pasados construidas con madera
o hierro, al igual que las maquinas inteligentes que surgieron en Japón, Estados Unidos y Europa a
inicio de los 90's. A estos últimos se les conceden capacidades perceptivas (vista, oído y tacto,
principalmente) reducidas en comparación con la capacidad de percepción de los seres vivos, pero
Un carro no es capaz de ir de Tabasco a la Ciudad de México sin conductor. ¿Será entonces un robot?
Según el diccionario, un carro es una máquina, y aunque no sea capaz de realizar tal viaje por sí
mismo, gracias a su sistema informático, electrónico y mecánico, sí es considerado como robot.
Mover a la derecha
Apretar botón
La palabra robótica fue acuñada por primera vez en el año 1921 por el
escritor checo Karel Capek popularizado por el escritor ruso-americano de
ciencia ficción Isaac Asimov de quién se deben las 3 leyes de la robótica:
Segunda ley: “Un robot debe obedecer las órdenes dadas por los seres
humanos, excepto si estas órdenes entran en conflicto con la primera ley.”
123
Tercera ley: “Un robot debe proteger su propia existencia en la medida
que su protección no entre en conflicto con la primera y segunda ley.”
El Parlamento ha decidido regular nuestro futuro y para ello propone seis leyes que normalicen la
convivencia con los robots. Todavía no son definitivas, ya que está normativa tiene que pasar por el
filtro de la Comisión Europea, pero su principal objetivo es reducir el impacto que supondrán la
implantación en la sociedad de estas máquinas, ya que uno de los mayores efectos será la pérdida
de trabajo.
Mover a la derecha
Apretar botón
Seis son las primeras normas que se imponen a los robots. Pero, probablemente, no serán las
últimas. Una nueva era de convivencia con la robótica ha comenzado, obligándonos a todos a
adaptarnos a este nuevo entorno que se nos presenta. Renovarse o morir. No hay más.
Con todo esto, podemos considerar a la robótica como la ciencia y tecnología para
diseñar y construir máquinas capaces de imitar tareas
humanas llegando a recrear inteligencia. Hoy en día es una ciencia
interdisciplinaria porque conjuga conocimientos de la ingeniería
mecánica, ingeniería eléctrica, electrónica, ciencias de la
computación, llegando hasta áreas como la biología.
126 control.
Mover a la derecha
Apretar botón
127
a) Androides
b) Móviles
c) Industriales
Los robots industriales están destinados a realizar de forma
automática determinados procesos de fabricación o
manipulación. Algunos de ellos son electrodomésticos capaces de
realizar varias operaciones distintas de forma simultánea o
consecutiva, sin necesidad de intervención humana.
La Asociación Japonesa de Robótica Industrial (JIRA): Los robots son "dispositivos capaces de
moverse de modo flexible análogo al que poseen los organismos vivos, con o sin funciones
intelectuales, permitiendo operaciones en respuesta a las órdenes humanas".
d) Médicos
e) Teleoperadores
Los teleoperadores se controlan remotamente por un operador humano. Cuando pueden ser
considerados robots se les llama "telerobots". Cualquiera que
sea su clase, los teleoperadores son generalmente muy
sofisticados y extremadamente útiles en entornos peligrosos
tales como residuos químicos y desactivación de bombas.
Mover a la derecha
Apretar botón
f) Híbridos
Es un organismo cibernético en forma de un robot controlado por una
computadora consistente en elementos biológicos y electrónicos. Los elementos
biológicos son neuronas de roedor unidas a un chip de computadora.
5. Prueba: en base al diseño, se construye el modelo haciendo uso del kit de robótica para
darle movimiento. Verificar visualmente que el modelo implementado funciona.
Comprobar que su funcionamiento cumple con un conjunto de especificaciones.
Mover a la derecha
Apretar botón
BIBLIOGRAFÍA
Technology Bit Perú. (2017, 28 noviembre). Historia de la Robotica - Cursos y Talleres de Robótica
en Lima. Talleres Robotica Educativa en Lima.
https://www.roboticaeducativa.pe/2017/10/20/historia-de-la-
robotica/#:%7E:text=Su%20origen%20proviene%20de%20la,de%20rob%C3%B3tica%20de%20la%
20historia.
M., A. (2020, 20 abril). TinkerCAD: ¡Te contamos todo lo que necesitas saber! 3Dnatives.
https://www.3dnatives.com/es/tinkercad-software-200420202/#!
"Robótica". Autor: Equipo editorial, Etecé. De: Argentina. Para: Concepto.de. Disponible en:
https://concepto.de/robotica/. Última edición: 3 de agosto de 2020. Consultado: 31 de enero de
2022
DSW_SUB2_ACT2
132
Mover a la derecha
Apretar botón
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 2
Actividad 2: “Que No Se Te Pase Un Paso”
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
Fecha
Producto: Propuesta de robot
Submódulo 2: Diseño y Programación en Periodo: 2023 – 2024B
Robótica
Nombre del docente Firma del docente
133
VALOR OBSERVACIONES
OBTENIDO Y/O
CRITERIO INDICADORES PONDERACIÓN CALIF
SUGERENCIAS DE
SÍ NO
MEJORA
Presenta sus datos para
1 1
identificarse.
CALIFICACIÓN
134
Mover a la derecha
Apretar botón
135
136
Mover a la derecha
Apretar botón
Un robot comprende una estructura física integrada por diferentes partes y subsistemas
relacionados, de tal forma que ocasionan el movimiento y funcionamiento del robot, de acuerdo
con los diferentes algoritmos empleados.
La morfología del robot corresponde a la forma física que presenta el robot con sus
actuadores, efectores finales y sensores que son colocados sobre el robot, inclusive la carcasa que
cubre a todo el robot, si este tiene una.
Un actuador es un elemento del robot
que genera la fuerza necesaria para que
se muevan sus efectores. Un efector es
Mover a la derecha
Apretar botón
Los actuadores hidráulicos obtienen su energía de un fluido a presión, generalmente algún tipo de
aceite mineral. Los actuadores hidráulicos se clasifican en tres grandes grupos: cilindros hidráulicos,
motores y válvulas hidráulicos. La principal ventaja de estos actuadores es su relación
potencia/peso.
Los actuadores eléctricos transforman la energía eléctrica en energía mecánica rotacional. Podemos
encontrar tres grandes grupos de actuadores eléctricos: motores de corriente continua, motores de
corriente alterna y motores de paso a paso.
140 Básicamente, cualquier objeto electrónico que hayas visto o conoces, tiene alguna pieza en
movimiento. Por ejemplo: impresoras, coches de juguete, cepillos de dientes eléctricos, etc.; todos,
contienen motores. Los hay de muchos tipos, pero principalmente encontrarás tres tipos de
motores:
Motores DC (corriente continua): Si necesitas que algo gire, pero sin precisión, este es tu motor.
Para encontrar un motor DC en la vida real, busca el ventilador que se encuentra dentro
de tu ordenador. También puedes encontrar uno muy pequeño en tu teléfono móvil.
El motor DC es el que hace que tu teléfono vibre, haciendo girar un bloque de metal cuyo peso está
distribuido de manera no uniforme.
Mover a la derecha
Apretar botón
Motores paso a paso: Los motores paso a paso se pueden encontrar en cualquier objeto electrónico
donde prima la precisión, como escáneres e impresoras. Un motor paso a paso puede,
a diferencia del motor DC, ser muy preciso tanto en posición como en velocidad. La
rotación completa de los motores paso a paso se divide en pasos equitativos y puedes
controlar la parada del motor en cada uno de estos pasos. Los pasos se miden en grados,
normalmente 1.8, 3.6 o 7.2. Cuanto más pequeños sean los pasos, más preciso será. Esto hace que
sea muy útil cuando se necesita un posicionamiento repetido. Sin embargo, el motor paso a paso
nunca será muy rápido. Un motor paso a paso tiene 4 o más cables. Por lo general, necesitas más
de 5 voltios para alimentar un motor paso a paso.
DSW_SUB2_ACT3
Actividad 3. Cuestionándome
Instrucciones: Después de haber analizado la lectura 3. “La Mecánica del
Robot”; elabora un cuestionario de mínimo 5 preguntas, evitando preguntas
de respuestas abiertas. para desarrollar de manera digital, una vez
elaborado tu propuesta de cuestionario; procede a elaborarlo utilizando una
aplicación web.
Mover a la derecha
Apretar botón
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 3
Actividad 3: “Cuestionándome”
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
Fecha
Producto: Cuestionario digital y respuestas
Submódulo 2: Diseño y Programación en Periodo: 2023 – 2024B
Robótica
Nombre del docente Firma del docente
143
VALOR OBSERVACIONES
OBTENIDO Y/O
CRITERIO INDICADORES PONDERACIÓN CALIF
SUGERENCIAS DE
SÍ NO
MEJORA
Presenta sus datos para
1 1
identificarse.
CALIFICACIÓN
Propuesta 1
144
https://youtu.be/lxAwXLXDvXM
Propuesta 2
https://youtu.be/v44WFPTk75c
Mover a la derecha
Apretar botón
Otra de las etapas para el diseño de la interconexión de un robot por medio de componentes
electrónicos, en la que se incluye diversos elementos de electrónica como diseño de circuitos,
realización de cálculos de voltajes, potencias, resistencias, circuitos, etc. Aunque el tema es amplio 145
y extenso, para nuestra materia nos enfocaremos en únicamente algunos componentes de
electrónica básicos.
Los circuitos, como toda materia, están compuestos por átomos. Los átomos se
componen de partículas subatómicas:
Protones (con carga eléctrica positiva)
Neutrones (sin carga)
Electrones (con carga negativa)
Conductores: materiales que ofrecen muy poca resistencia, donde los electrones pueden
moverse fácilmente. Ejemplos: plata, cobre, oro y aluminio.
Aislantes: materiales que presentan alta resistencia y restringen el flujo de electrones.
Ejemplos: goma, papel, vidrio, madera y plástico. El alambre de oro sirve como un excelente
conductor.
Muchos componentes, tales como los elementos de calefacción y las resistencias, tienen un valor
146 de resistencia fijo. Estos valores se imprimen a menudo en las placas de identificación de los
componentes o en los manuales de referencia.
Mover a la derecha
Apretar botón
De forma similar a los seres vivos, los sensores facilitan la información necesaria para que los robots
interpreten el mundo real. Todo robot debe tener al menos un sensor con el
que interactuar. La mayoría de los sistemas robóticos incluyen al menos
sensores de obstáculos (bumpers) y algún sensor de guiado por infrarrojos o
ultrasonidos. Los sensores avanzados, además de detectar algo, son capaces
de reportar una medida de lo detectado, como puede ser un sensor de temperatura,
o un medidor de distancias ultrasónico por ejemplo (Robótica, 2021).
Un robot por su propia definición, debe ser una máquina capaz de relacionarse
con el entorno que le rodea e interactuar con el mismo para tomar decisiones. Los seres humanos
dispones de un sistema sensorial que nos permite interrelacionarnos con lo que nos rodea.
De la misma manera, los robots precisan de dicho sistema sensorial para adaptar sus movimientos
y las acciones a realizar en función de los estímulos o respuestas que reciba de todo aquello que le
rodea. Para conseguir esto, se utilizan diversos tipos de sensores que permiten dotar al robot de
información precisa y al momento del entorno que le rodea.
Un sensor es un dispositivo diseñado para percibir información externa de una magnitud física o
química y transformarla en un valor electrónico que sea posible introducir al circuito de control de
un microcontrolador, como puede ser Arduino, de modo que el robot sea capaz de cuantificarla y
reaccionar en consecuencia en base a su programación.
148
Un sensor consta de algún elemento sensible a una magnitud física o química,
como por ejemplo la intensidad o color de la luz, la temperatura, la
presión, el magnetismo, la humedad,… y debe ser capaz, por su propias
características, o por medio de dispositivos intermedios, de transformar esa
magnitud física en un cambio eléctrico que se pueda alimentar en un circuito que la utilice
directamente, o sino en una etapa previa que la condicione (amplificando, filtrando, etc.), para que
finalmente se pueda utilizar para el control de un robot.
Sensores de luz: Dentro de los sensores de luz, existen una amplia gama de dispositivos con
diferentes funciones, estamos hablando de fotodiodos, fotorresistores e incluso
cámaras de video. Su función es determinar la cantidad de luz existente en el entorno
del robot con el fin de actuar en función de los valores obtenidos.
Mover a la derecha
Apretar botón
Sensores de sonido: Mediante estos sensores, los robots reaccionarán al sonido. Dentro de esta
gama de sensores se engloban micrófonos y captadores piezoeléctricos. Estos sensores, además de
usarse para captar sonido, se pueden usar también para medir distancias, al
emitir el robot un sonido y medir el tiempo de rebote de dicho sonido en el
obstáculo. 149
Sensores de temperatura y humedad: Los sensores de temperatura se pueden utilizar
para diferentes aplicaciones en robótica. La más básica para activar dispositivos ante
cambios de temperatura. Existen diferentes tipos de sensores de temperatura como son
termistores, pirosensores o termorresistencias. En función del uso que se vaya a dar, se usarán de
un tipo u otro. De la misma forma existen sensores de
humedad que suelen ser capacitivos o resistivos para detectar
cambios de humedad en el ambiente.
Además de todos estos sensores que hemos comentado, podemos encontrar muchos más como de
magnetismo, de ubicación geográfica, de gravedad o de presión y fuerza. El abanico es muy amplio.
Lo que debemos tener claro es que un robot sin sensores es de muy poca utilidad a no ser que tenga
una función muy específica que no requiera de sensores (Yañez, 2018).
BIBLIOGRAFÍA
150 Tecnologías Creativas Castilla. (Mayo de 2020). Creative Technologies Castilla. Obtenido de Arduino
Verkstad Education: http://ctc-dev.verkstad.cc/es/course-literature/tipos-demotores/
Mover a la derecha
Apretar botón
DSW_SUB2_ACT4
Después de realizar la lectura, comienza elaborando una infografía en la que representes los
elementos que componen la fase eléctrica de la robótica.
Te sugerimos realizar una investigación más detallada sobre algunos otros elementos que pueden
incluirse.
151
Continúa en el diseño de tu presentación electrónica y considera los componentes necesarios para
que el robot funcione para el contenido de tu presentación electrónica.
Utiliza herramientas tecnológicas como Genially, Canva, PowerPoint, Prezi, Sway, KeyNote. Y una
vez terminada, presenta tu trabajo ante tus compañeros.
Una vez realizada la infografía procede a entregarla a tu docente el cual elegirá algunos trabajos
para presentarlos en el aula.
Considera esto:
https://youtu.be/QUasLDg0D0o
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 4
Actividad 4: “Anatomía del Robot”
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
Fecha
Producto: Presentación electrónica
Submódulo 2: Diseño y Programación en Periodo: 2023 – 2024B
Robótica
Nombre del docente Firma del docente
152 VALOR
OBTENIDO
OBSERVACIONES
Y/O
CRITERIO INDICADORES PONDERACIÓN CALIF
SUGERENCIAS DE
SÍ NO
MEJORA
Presenta sus datos para
1 1
identificarse.
CALIFICACIÓN
Mover a la derecha
Apretar botón
Propuesta 1
153
https://youtu.be/ybFy-zyLYco
Propuesta 2
https://youtu.be/P2r9U4wkjcc
En la robótica hay un peso muy importante porque se desea dotar de comportamientos inteligentes
a máquinas fabricadas por el ser humano para la realización de labores difíciles o repetitivas.
Algunos ejemplos son la producción en cadena, el ensamblado de piezas o la exploración en
entornos peligrosos. Las acciones llamadas funciones primitivas al ser combinadas en forma
adecuada en una secuencia que permita resolver problemas más complejos.
Mover a la derecha
Apretar botón
Ultima aplicación gratuita diseñada para el ladrillo EV3 de LEGO Minsdstorm, que permite crear
programas para robots
MINDSTORMS directamente
desde dispositivos con iOS y
Android Tablet o PC.
Mover a la derecha
Apretar botón
ROBO PRO proporciona todos los elementos clave de un lenguaje de programación moderno, por
ejemplo: las matrices, las funciones, objetos, eventos asíncronos y procesamiento paralelo. Que lo
convierten en una herramienta útil. Los programas se traducen directamente en lenguaje máquina
para la ejecución de máxima eficacia.
Comparándolo con la plataforma anterior, basado como se ha dicho en LabView, se trata de una
programación a más bajo nivel que la anterior, lo que significa que si bien en el anterior modelo
para programar una acción compleja, marcha y parada de un motor, sólo es necesario emplear una
caja, aquí es necesario crear una función más compleja que debe realizar todas las tareas
correctamente, y que por tanto se acerca, salvando las diferencias, más a un lenguaje escrito con
órdenes realizadas con líneas de texto.
158
El entorno de desarrollo integrado también llamado IDE
(sigla en inglés de Integrated Development
Environment), es un programa informático compuesto
por un conjunto de herramientas de programación.
Puede dedicarse en exclusiva a un solo lenguaje de
programación o bien puede utilizarse para varios
lenguajes.
Mover a la derecha
Apretar botón
El entorno Arduino IDE exige del programador un conocimiento previo avanzado para poder obtener
resultados satisfactorios, C++ es un lenguaje de programación de propósito general asociado al
sistema operativo UNIX, se trata de lenguaje de medio nivel que trata con objetos básicos como
caracteres, números, etc… también con bits y direcciones de memoria, posee una gran portabilidad
y se utiliza para la programación de sistemas: construcción de intérpretes, compiladores, editores
de texto, etc. Se abre así un inmenso abanico de posibilidades con resultados que pueden alcanzar
niveles profesionales. 159
ArduBlock, herramienta dentro
de Arduino IDE, o Bitbloq,
plataforma Web, son entornos
diseñados para hacer
programación gráfica en lugar de
escrita. Se trata por tanto de
herramientas complementarias,
que simplifican el trabajo
convirtiendo un diagrama de
flujo totalmente gráfico, en un
programa de C++ listo para compilar con Arduino, son en definitiva una puerta de entrada perfecta
para los más jóvenes programadores en el mundo de la programación de robots.
Por tanto, las plataformas para Arduino serán objeto de estudio en futuros artículos al dar cabida
en ellas los distintos niveles de conocimiento, desde el más básico, realizado con bloques
funcionales y diagramas de flujo, hasta otro mucho más
complejo donde será necesario contar con conocimientos
previos para realizar programas escritos en C++.
AUTODESK TINKERCAD
Es una colección online que incluye herramientas de software de Autodesk que permite a los
principiantes crear modelos 3D. Este software CAD se basa en una geometría sólida constructiva
160 (CSG), que permite a los usuarios crear modelos complejos mediante la
combinación de objetos más simples. Como resultado, este software de modelado
3D es fácil de usar y actualmente es disfrutado por muchos, particularmente
maestros, niños, aficionados y diseñadores. ¡Además, es gratis!
Mover a la derecha
Apretar botón
Además, el software permite agregar circuitos electrónicos a los diseños 3D para crear objetos con
luz y movimiento. El resultado final incluso se puede simular en el software para verificar cómo
responderán los componentes en la vida real. Otra capacidad de TinkerCAD es transformar un
diseño 3D en modelos de ladrillo construibles, similar a la creación de legos. Finalmente, para
aquellos que aman Minecraft, también incluye la capacidad de crear diseños compatibles con la
aplicación.
BIBLIOGRAFÍA
15 Apps para aprender programación y robótica en casa de forma divertida. (2021, 5 agosto). Sapos
y Princesas. https://saposyprincesas.elmundo.es/ocio-en-casa/apps-videojuegos/apps-para-
aprender-programacion-y-robotica-en-casa/
Programe y controle robots fácilmente con el software Robot Control de igus®. (2022). igus.
https://www.igus.com.mx/info/robot-software
162 M., A. (2020, 20 abril). TinkerCAD: ¡Te contamos todo lo que necesitas saber! 3Dnatives.
https://www.3dnatives.com/es/tinkercad-software-200420202/#!
Merino, M. (2020, 12 octubre). Seis aplicaciones gratuitas para aprender robótica y programación.
Genbeta. https://www.genbeta.com/desarrollo/seis-aplicaciones-gratuitas-para-aprender-
robotica-programacion
A. (2022, 4 enero). Cómo funciona la Robótica Industrial. aula21 | Formación para la Industria.
https://www.cursosaula21.com/como-funciona-la-robotica-
industrial/#:%7E:text=Para%20programar%20el%20robot%2C%20el,los%20puntos%20a%20toda%20ve
locidad.
Mover a la derecha
Apretar botón
TinkerCAD
Para ello, debes abrir tu navegador preferido; de preferencia utiliza Google Chrome para hacer uso
de las extensiones y datos que Google tiene con tu cuenta.
163
Escribe la URL: https://www.tinkercad.com/
Elegimos Empezar a
usa…
Después de ingresar
Seguidamente, elige o
escribe tu cuenta de correo
electrónico de GMAIL
Inmediatamente te
dará la bienvenida.
Mover a la derecha
Apretar botón
MENÚ DE AYUDA
CUENTA
MENÚ DE
CONTENIDO
165
2) En el menú de
componentes da clic a la
opción “Arduino” y
selecciona la “Placa de
pruebas”, arrastra la placa
virtual hacia el área de
trabajo.
Mover a la derecha
Apretar botón
3) Selecciona con un clic los cables (negros y rojos) y elimínalos con el botón eliminar que se
encuentra en la parte superior del área de trabajo.
167
4) Ahora conectamos un cable negativo que va
de la tierra de la placa Arduino (GND) a la zona
de alimentación del bus del protoboard, línea
negativa y lo cambiamos a color negro como
se muestra en la imagen:
168 continuación:
Mover a la derecha
Apretar botón
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 5
Práctica 1: “Hola mundo en Arduino”
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
Fecha
Producto: Práctica en documento o presentación
Submódulo 2: Diseño y Programación en Periodo: 2023 – 2024B
Robótica
Nombre del docente Firma del docente
VALOR OBSERVACIONES
CALIFICACIÓN
Mover a la derecha
Apretar botón
Elegimos Circuitos.
Y finalmente usaremos el
proyecto Wiring Components
(Componentes de cableado)
172
OBJETIVO:
Descubrir los componentes eléctricos o electrónicos que faltan para que el circuito funcione e Iniciar
la simulación. Además, describe que componentes mecánicos, eléctricos y electrónicos contiene el
proyecto y presenten el esquema de conexión.
Puedes utilizar la
extensión del traductor
del navegador
Mover a la derecha
Apretar botón
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 6
Práctica 2: “¿Qué me falta?”
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
Fecha
Producto: Práctica en documento o presentación
Submódulo 2: Diseño y Programación en Periodo: 2023 – 2024B
Robótica
Nombre del docente Firma del docente
173
VALOR OBSERVACIONES
OBTENIDO Y/O
CRITERIO INDICADORES PONDERACIÓN CALIF
SUGERENCIAS DE
SÍ NO
MEJORA
Presenta sus datos para
1 1
identificarse.
Presenta ilustraciones del diseño del
2 del circuito terminado y 2
funcionando.
Demuestra el esquema de conexión
3 2
e identifica sus elementos.
Muestra organización y considera
4 1
las opiniones de sus compañeros.
CALIFICACIÓN
Práctica 3. Semáforo
Instrucciones: Organizados en equipos de máximo 5 integrantes, consideren lo estudiado
hasta este momento y el material audiovisual propuesto a continuación para elaborar un
semáforo programado en TinkerCAD. Una vez concluida la práctica, busca el esquema de
conexión y deberás realizar una presentación de todo lo realizado ante el grupo.
PRÁCTICA 3. “SEMÁFORO”
Mover a la derecha
Apretar botón
Procedemos a colocar los leds en la Placa de prueba pequeña, seleccionamos el ícono del LED
También, modifica el
valor de la resistencia,
Por defecto está en 1 kΩ
Verás que los colores de la (kilo Ohm); por 500 Ω
resistencia cambiarán de
acuerdo con el valor asignado
Usaremos la
herramienta cable
Aquí debes
considerar que los
pines de la placa de
Arduino están
enumerados y esos
índices servirán para
la programación.
Mover a la derecha
Apretar botón
Comenzamos dando
clic en el botón
Código para
visualizar los
bloques:
177
Toma los bloques como
se muestra a
continuación y modifica
los datos del tiempo:
Considera que 1
segundo son 1000
milisegundos.
Aparecerá éste mensaje
Damos clic en Continuar
Continuamos dando clic en el menú desplegable
Bloques, para
elegir Texto:
// C++ code
//
int counter; Debe quedar de
esta manera
void setup()
{
pinMode(11, OUTPUT);
void loop()
{
digitalWrite(11, HIGH);
delay(50000); // Wait for 50000 millisecond(s)
digitalWrite(11, LOW); ¡Puedes
for (counter = 0; counter < 5; ++counter) { hacerlo mi
digitalWrite(12, HIGH);
esforzad@!
Mover a la derecha
Apretar botón
179
El led verde
estará encendido
50 segundos
El led amarillo
estará encendido
25 segundos
La práctica se
guarda de
manera
automática
180
Semáforo con TinkerCAD Circuits
https://youtu.be/zIJpr6NFxrE
Responde las preguntas de conclusión:
¿Consideras que la robótica te permite observar el funcionamiento de la tecnología en tu contexto?
¿Qué se te dificultó al realizar la práctica?
¿Qué consideras debes mejorar para desarrollar tus habilidades en la robótica?
¿Cómo aplicas lo aprendido en tu vida cotidiana, académica o laboral?
Mover a la derecha
Apretar botón
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 7
Práctica 3: “Semáforo”
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
Fecha
Producto: Práctica en documento o presentación
Submódulo 2: Diseño y Programación en Periodo: 2023 – 2024B
Robótica
Nombre del docente Firma del docente
181
VALOR OBSERVACIONES
OBTENIDO Y/O
CRITERIO INDICADORES PONDERACIÓN CALIF
SUGERENCIAS DE
SÍ NO
MEJORA
Presenta sus datos para
1 1
identificarse.
CALIFICACIÓN
Tinkercad. Simulador. (2018, 11 mayo). Código 21.
https://codigo21.educacion.navarra.es/recursos/tinkercad-simulador/
182
Componentes. Propósito
Diseña el circuito presentado, elijan los componentes
1 placa de pruebas.
que se les describen y programen el circuito para
Arduino Uno R3.
hacerlo funcionar con el simulador.
4 motores DC.
2 transistores NPN (BJT).
Describan qué hace, elaboren una presentación de
3 diodos.
sus resultados y presenten sus conclusiones ante el
2 resistencias de 1 kΩ.
grupo.
Cables: rojo, negro.
Mover a la derecha
Apretar botón
Código.
183
CONCLUSIÓN:
¿Cuáles son los componentes mecánicos, eléctricos y electrónicos que identificas en el circuito?
¿Qué aprendiste?
¿Cómo puedes aplicarlo en tu vida cotidiana y profesional?
¿Hay algo que consideras se puede mejorar?
INSTRUMENTO DE EVALUACIÓN
LISTA DE COTEJO 8
Práctica 4: “Cableado de mi dron”
DATOS GENERALES
Nombre(s) del alumno(s) Matrícula(s)
Fecha
Producto: Práctica en documento o presentación
Submódulo 2: Diseño y Programación en Periodo: 2023 – 2024B
Robótica
Nombre del docente Firma del docente
184 VALOR
OBTENIDO
OBSERVACIONES
Y/O
CRITERIO INDICADORES PONDERACIÓN CALIF
SUGERENCIAS DE
SÍ NO
MEJORA
Presenta sus datos para
1 1
identificarse.
Presenta ilustraciones del diseño del
2 del circuito terminado y 2
funcionando.
Demuestra el esquema de conexión
3 2
e identifica sus elementos.
Muestra organización y considera
4 1
las opiniones de sus compañeros.
CALIFICACIÓN
Mover a la derecha
Apretar botón
AUTOMATIZANDO MI CREATIVIDAD
Propósito:
Algunas propuestas para programar en la simulación del robot que realice una tarea específica:
Sistemas de riego.
Brazo para Incubadora.
Medición de humedad.
Separa por monedas (alcancía inteligente)
186 Controlador de iluminación (lámpara)
Alarma de los electrodomésticos
Dispensador de agua
Ventilador inteligente. (de acuerdo con la temperatura aumenta la velocidad)
Detector de incendio con alarma.
Considera
https://youtu.be/m207F-6i8UI
Mover a la derecha
Apretar botón
30 25 15 5
El prototipo El prototipo El prototipo Solamente
considera la considera considera al presenta un
parte eléctrica, solamente dos menos una de prototipo de
electrónica y de las 3 partes las 3 partes de robot sin
Fase de
20% mecánica. de la robótica. la robótica. considerar el
Producción
fundamento de la
robótica.
20 15 10 5
CRITERIOS
INDICADORES %
EXCELENTE BUENO SUFICIENTE INSUFICIENTE
Muestra la Muestra la Muestra la Muestra la
programación programación programación programación del
de los circuitos, de los circuitos y de los circuitos robot sin
placas, los a través de los bloques.
componentes componentes bloques de
Programación de
20% eléctricos a eléctricos a código.
Bloques
través de los través de los
bloques de bloques de
código. código.
20 15 10 5
Los estudiantes Los estudiantes Los estudiantes Solo exponen el
exponen los exponen los exponen los prototipo de
detalles de su detalles de su detalles de su robot, pero no
prototipo de prototipo de prototipo de describen los
robot y robot y robot sin detalles en la
188
Presentación y
20% muestran los muestran mostrar los programación
exposición
elementos en su algunos elementos en del robot.
programación. elementos en su su
programación. programación.
20 15 10 5
Todos y cada La mayoría de Pocos La construcción
uno de los los integrantes miembros del del prototipo de
miembros del del equipo han equipo han robot ha sido
equipo han participado y participado y realizada por un
Todo el equipo ha
participado y colaborado en la colaborado en solo miembro del
participado en la
colaborado en la creación del la creación del equipo y los
creación del 10%
creación del prototipo de prototipo de demás observan.
prototipo de
prototipo de robot. robot.
robot
robot.
10 8 5 3
Total 100% /100 /83 /50 /23
Mover a la derecha
Apretar botón
Anexos
189
190