Universidad de Puerto Rico

Departamento de Ingeniería INEL/ICOM

Mayagüez, Puerto Rico

Skeeball: Guía de Estudiantes

Edna E. Rivera Sepúlveda

Josué Albarrán Butera

Pedro Rivera Gómez

Mentora: Prof. Nayda Santiago

Este manual es dedicado a todas esas personas quienes nos han ayudado

en el proceso de esta investigación y que sin duda alguna fueron crucial

para el desarrollo de la misma.

2|Page
Tabla de Contenido

Sinopsis ......................................................................................................................................................... 4
Objetivos ....................................................................................................................................................... 5
Introducción .................................................................................................................................................. 6
Conceptos Básicos......................................................................................................................................... 7
A. Componentes: ................................................................................................................................... 7
B. Funcionamiento del tablero de circuitos: ......................................................................................... 9
Materiales ................................................................................................................................................... 11
A. Cuerpo:............................................................................................................................................ 11
B. Circuito Eléctrico: ............................................................................................................................ 11
Esquemático y Diagrama de Bloque ........................................................................................................... 11
A. Esquemático:................................................................................................................................... 12
B. Diagrama de Bloque:....................................................................................................................... 13
Metodología ................................................................................................................................................ 14
A. Configuración de la Caja: ................................................................................................................ 14
B. Configuración del Circuito Eléctrico: ............................................................................................... 21
C. Configuración del Código: ............................................................................................................... 26
Galería ......................................................................................................................................................... 30
Glosario ....................................................................................................................................................... 32
Referencias.................................................................................................................................................. 33

3|Page
Sinopsis
Dado que estamos viviendo en una sociedad en donde todo gira en torno a la tecnología
la demanda laboral por expertos en estas áreas está aumentando. A la misma vez que aumenta la
demanda por profesionales en las áreas de tecnología, disminuye la cantidad de estudiantes que
decide elegir una carrera en las áreas de ciencia, tecnología, ingeniería y matemáticas (STEM).
Por consiguiente, es una tarea esencial el aumentar la cantidad de estudiantes que eligen una
carrera profesional en alguna de las áreas antes mencionadas para poder resolver este problema
[1]. Como una posible solución para esto el grupo de investigación “Embedded” ha diseñado un
programa de alcance para aumentar el interés de estudiantes de escuelas superior en las áreas de
ciencia, tecnología, ingeniería y matemáticas. El mismo se llevará a cabo utilizando juegos de
carnaval como método de aprendizaje interactivo. Ha sido comprobado que al realizar
actividades prácticas e interactivas es uno de los métodos más efectivos para exponer estudiantes
a oportunidades en las áreas de ciencia, tecnología, ingeniería y matemáticas. En este manual se
discutirá el proceso adecuado para la configuración y diseño del juego skeeball.

4|Page
Objetivos
● Aumentar el conocimiento e interés en ingeniería eléctrica y computadoras (ECE) en
estudiantes de escuela superior mediante la construcción de juegos interactivos.
● Lograr que los estudiantes puedan completar el juego en el periodo establecido utilizando
el manual de instrucciones.
● Por medio de un plan de evaluación, identificar y medir el conocimiento e interés
adquirido mediante la actividad.
● Demostrar principios y conceptos básicos de sistemas integrados, circuitos, programación
y electrónica.

5|Page
Introducción
A través de los años la necesidad de avances tecnológicos ha aumentado
exponencialmente; por lo cual, se urge una mayor cantidad de profesionales enfocados en las
áreas de ciencia, tecnología, ingeniería y matemáticas (STEM). El grupo de investigación
“Embedded Research Group” de la Universidad de Puerto Rico Recinto de Mayagüez se propone
diseñar e implementar un programa de alcance que pueda incrementar la cantidad de estudiantes
que escogen ser profesionales en las áreas ya mencionadas. Se plantea como solución recurrir a
juegos de carnaval comunes donde los estudiantes puedan aprender los conceptos básicos de
programación, ensamblaje de circuitos y sistemas integrados mientras juegan. De esta manera,
podemos captar su atención con mayor facilidad. El grupo se subdivide en diferentes tipos de
juegos por lo cual éste módulo en específico se enfoca en el juego de skeeball.
Skeeball es un juego que consiste en rodar una bola por una rampa con el propósito de
que caiga en unas aperturas en específicas. Estas aperturas tienen una puntuación definida con
fin de obtener la mayor cantidad de puntos posibles dentro del límite de tiempo establecido. El
juego se originó en el 1909 por J. Dickenson Estes como un regalo de cumpleaños para su hijo
de ocho años y lo llamo “Box Ball”. En su modelo original tenía tres aperturas y se utilizaban
bolas de metal. Sin embargo, a través de los años se fue modificando hasta lo que conocemos
hoy en día. El modelo que diseñaremos es uno con cinco aperturas y utilizando bolas de tenis de
mesa. Se usarán materiales fáciles de adquirir, reciclables, eco-amigables y de bajo costo para
beneficios de los estudiantes.

6|Page
Conceptos Básicos
A. Componentes:

Componente Descripción Figura

Pantalla de 7 segmentos que nos

permite mostrar números decimales.
Pantalla de 7
En nuestro caso se utilizará para
segmentos
mostrar el tiempo y puntuación al
usuario.

Estos son sensores de luz que

detectan un largo de onda específico
Sensores infrarrojos en el espectro infrarojo. Con esto se
puede detectar la presencia de un
objeto en proximidad.

El Arduino UNO R3 es un
microcontrolador, o en otras palabras
un circuito integrado programable y
capáz de ejecutar órdenes grabadas
Arduino UNO R3
en su memoria. En palabras simples,
es el cerebro del juego que se
encarga de tomar todas las decisiones
referentes a la puntuación y tiempo.

Botón con un mecanísmo simple de

pulso y que permite alguna máquina
Botón de pulso continuar llevando a cabo un
proceso. En nuestro caso nos permite
comenzar el juego.

7|Page
 Cable utilizada para conectar el
Arduino UNO R3 a la computadora
Cable USB tipo A/B para poderlo programar. Este
usualmente está incluido con el
Arduino UNO R3.

El resistor es un componente
eléctrico de dos terminales, positivo
Resistor (+) y negativo (-), que es utilizado
para reducir el flujo de corriente o
dividir voltages.

Estos cables nos permiten unir los

componentes electronicos como el
Cables
boton, microcontrolador, pantallas de
Macho/Macho
7 segmentos y resistor al tablero de
circuitos.

Estos cables nos permiten unir los

componentes electronicos como el
Cables
boton, microcontrolador, pantallas de
Macho/Hembra
7 segmentos y resistor al tablero de
circuitos.

Tablero que se utiliza para realizar

prototipos eléctronicos. Nos permite
Tablero de circuitos
conectar varios componentes
eléctricos en un solo lugar.

Tabla 1: Lista de componentes eléctricos

8|Page
B. Funcionamiento del tablero de circuitos:

El tablero de circuítos, como

se muestra en la ilustración 1, es
utilizado para conectar múltiples
componentes eléctricos en un solo
lugar. Este funciona como la imagen
lo ilustra, las columnas A, B, C, D y
E estan interconectadas
horizontalmente. Sin embargo, los
carriles de alimentación de ambos
lados estan interconectados
verticalmente. Esto significa que el
carríl entero se comporta como un
solo nodo y cualquier componente
que se conecte en ese carríl estara
conectado al resto de los
componentes en el carríl. De la
misma manera ocurre en las
columnas A, B, C, D y E pero esta
vez horizontalmente.
En la siguiente página se
muestran ejemplos de como se deben
conectar los componentes en el
tablero y como no se deben conectar.
Ilustración 1: Tablero de circuitos

9|Page
Ejemplos de como se deben conectar los componentes en el tablero de circuitos:

Como SI se deben conectar Como NO se deben conectar

Tabla 2: Lista de componentes eléctricos

10 | P a g e
Materiales
A. Cuerpo:

Para el cuerpo todos los materiales necesarios se sugiere que sean reciclables y fácil de
conseguir. Si es este el caso, lo único que se necesita es cartón, cartulina, madera, pega
caliente y cinta adhesiva. En el ejemplo que se demuestra en las fotos y se describe en la
metodología se utilizan materiales de mejor calidad, pero para una versión más
económica solo hay que sustituir los materiales mencionados.

B. Circuito Eléctrico:

Tabla 3: Lista de componentes eléctricos

Esquemático y Diagrama de Bloque

11 | P a g e
A. Esquemático:

Un esquemático consiste de una representación de los elementos existentes en un

sistema utilizando símbolos de los elementos o componentes en lugar de imágenes
realisticas de ellos. Esto nos facilíta a la hora de montar un circuíto ya que es una
herramienta simple y se puede replicar en vida real. Esta herramienta visual es utilizada
en muchos campos y no sólo en electrónica. Por ejemplo, imagínese un esquemático de
las carreteras de una ciudad o mapa de transito. Utiliza componentes abstractos y
símbolos para identificar las vías, interecciones y carreteras. En la siguiente ilustración se
muestra el esquemático que se utilizó para construir el juego Skeeball.

Ilustración 2: Esquemático del Sistema

12 | P a g e
B. Diagrama de Bloque:

En el caso del diagrama de bloque, este consiste de representar algún sistema por
medio de bloques y conectado con líneas. Esta simple herramienta nos permite visualizar
el sistema e identificar el límite o “boundary” del sistema al mostrarnos las entradas y
salidas del mismo. En la siguiente ilustración se muestra el diagrama de bloque que se
utilizó para construir el juego Skeeball.

Ilustración 3: Diagrama de bloque del sistema

13 | P a g e
Metodología
A. Configuración de la Caja:

A continuación se muestra el ensamblaje paso a paso, las dimensiones del mismo dependen de
cuán grande el usuario quiera su juego o el espacio disponible. Los instructores proveerán las
dimensiones específicas para los estudiantes antes del taller.

14 | P a g e
Pas Descripción Ilustración
o

En este paso se tiene la base del juego con

1 las dimensiones que le dará el instructor
durante la actividad.

Luego de tener la base del juego, se corta

una pieza de la forma en que se muestra en
2 la figura con las dimensiones especificacas
por el instructor. Esta pieza forma una de
las paredes del juego.

15 | P a g e
 Con pega caliente adjunta la pieza #2 y #3
a los extremos largos de la pieza número
3
uno. De tal manera que las piezas parezcan
una rampa como se ilustra.

Agrega ahora la pieza número cuatro al

4 extremo alto de la pieza echa en el paso
anterior.

16 | P a g e
 Para que las esferas puedan regresar a su
origen y el jugador pueda recogerlas, se
coloca la tabla número cinco de tal manera
que su inclinación es parecida a la de la
5 pieza número dos/tres. Pero por dentro de
la caja conectando la figura uno con la
cuatro. Esta tiene que ser removible y dado
a esto se coloca utilizando velcro en sus
extremos.

De manera similar con cinta adhesiva doble

cara se pega la pieza número seis. Esta
conecta en un extremo con la pieza número
cinco y va cruzada hasta el otro extremo de
la tabla sobre la figura uno. No se lleva
6 completamente hasta el otro extremo dado
a que se deja un espacio para que la esfera
pueda cruzar con facilidad. El propósito de
esto es guiar las esferas una vez tiradas
hasta la canasta donde el jugador estará
esperando.

17 | P a g e
 Pega la pieza número siete para tapar el
interior del juego y poder darle soporte.
7 Note que la altura de esta pieza es menor
que la pieza #2 y #3 ya que luego se pondrá
la rampa a un cierto grado de inclinación.

Coloca la pieza número ocho en forma

paralela con la pieza número uno y
conectando con la parte plana de las piezas
dos/tres. Esta será por donde las esferas
8
rodaran. Se debe tener en mente que esta
pieza debe tener una inclinación pequeña
para que la bola obtenga una mayor
elevación cuando es tirada.

18 | P a g e
 Para poder trabajar en el interior de la caja
se tiene que pegar dos pedazos de madera
que van a trabajar como rieles para sujetar
la pieza número nueve en posición. Estos
9 pedazos de madera se adjuntaran a los
extremos interiores de las piezas dos y tres
mientras con velcro se anexa a la pieza
número ocho. De esta manera se puede
remover completamente.

Con tela o utilizando el mismo material del

“D-Board” se debe hacer algún tipo de
10 canasta para recoger las bolas con mayor
facilidad, pero esto es opcional al igual que
alguna otra decoración.

19 | P a g e
 Para evitar que las bolas se salgan de la
11 tabla de juego se debe rodear la caja con
acrílico o cartulina.

Tabla 3: Explicación paso a paso

20 | P a g e
B. Configuración del Circuito Eléctrico:

1. Para el inicio del juego, necesitamos un botón con el objetivo que la partida no
comience hasta que el botón sea presionado. Para lograr esto, es necesario que el
microcontrolador haga lecturas al botón, por lo que se procederá a conectar el botón a
+5V en un extremo, mientras que el otro se conecta a un resistor “Pull Up” (El valor
de este resistor debe ser de unos 220 Ohmios). El extremo restante del resistor debe
estar conectado a GND y al pin digital #7. A continuación se muestran imágenes de la
conexión y la caja.

Ilustración 4: Conexión del circuíto

21 | P a g e
 Ilustración 5: Conexión en la caja

2. Una vez instalado el botón, se procede a la instalación de los sensores infrarrojos

“Break Beam” los que detectarán cuando el balón pase a través de un agujero. Estos
sensores constan de dos piezas tal como se muestra a continuación.

Ilustración 6: Sensores infrarojos

3. Para instalar el sensor se procede a hacer las conexiones de 5V y GND de ambas

piezas, mientras que el receptor se conecta al pin digital #8 tal y como se muestra en
la siguiente imagen.

22 | P a g e
 Ilustración 7: Conexión de los sensores

4. Repita el paso #3 para el resto de los sensores.

Ilustración 8: Conexión del restante de los sensores

23 | P a g e
5. A continuación, se instalarán las pantallas de 7 segmentos. Se utilizarán dos pantallas,
siendo la primera para marcar la puntuación y la otra para marcar el tiempo restante.
A continuación, la imagen muestra la pantalla y la conexión que debe tener la misma.

Ilustración 9: Pantalla con sus respectivas conexiones

6. Es importante verificar que una de las dos pantallas tenga una soldadura en la
resistencia A0 en la parte posterior tal como se muestra en la siguiente imagen. De no
tenerla, seguir las instrucciones mostradas en la foto.

Ilustración 10: Vista desde la parte de atrás de la pantalla

24 | P a g e
7. La conexión de las pantallas se da por medio de IIC. Para la misma se conectan los
primeros dos pines (IO y 5V) a la salida de 5V del microcontrolador, mientras que el
GND se conecta a negativo. Los 2 pines restantes son para la comunicación IIC y se
procederá a conectar a los pines análogos A4 y A5 tal como muestra la siguiente
imagen.

Ilustración 11: Conexión de las pantallas al Arduino

25 | P a g e
C. Configuración del Código:

1. Descargue e instale el Arduino IDE de la siguiente página:

● https://www.arduino.cc/en/Main/Software

2. Conecte la tarjeta Arduino UNO a la computadora por medio del cable USB
estandar AB.

3. Verifique que el programa esté utilizando la tarjeta Arduino UNO y no otra. Vaya
a Tools -> Board y verifique que “Arduino/Genuino UNO” esté seleccionada.

4. Crea un nuevo archivo donde va a estar el código del juego. Vaya a File -> New,
luego grábelo en File -> Save as.. y póngale un nombre.

5. Descargue y añada las siguientes librerías a la carpeta “Libraries” en My

Documents -> Arduino:

● AdafruitGFXLibrary: https://github.com/adafruit/Adafruit-GFX-Library
● RGBMatrixPanel: https://github.com/adafruit/RGB-matrix-Panel

6. Copie el siguiente código en su nuevo archivo:

// Añadiendo las librerias existentes al código

#include <Wire.h>
#include "Adafruit_LEDBackpack.h"
#include "Adafruit_GFX.h"

// Asignando los pines

int PB = 7;

int s1 = 8;
int s2 = 9;
int s3 = 10;

26 | P a g e
int s4 = 11;
int s5 = 12;

// Creando una nueva instancia de las clases encontradas en las librerias

Adafruit_7segment scoreDisplay = Adafruit_7segment();
Adafruit_7segment timerDisplay = Adafruit_7segment();

void setup() {

// Asignando los modos iniciales de los pines

pinMode(PB, INPUT);
pinMode(s1, INPUT_PULLUP);
pinMode(s2, INPUT_PULLUP);
pinMode(s3, INPUT_PULLUP);
pinMode(s4, INPUT_PULLUP);
pinMode(s5, INPUT_PULLUP);

// Asignando y configurando la comunicación por medio de IIC

scoreDisplay.begin(0x70);
timerDisplay.begin(0x71);
}

void loop() {
int score = 0;

// Utilizado para escribir la puntuación inicial a la pantalla

scoreDisplay.print(score, DEC);
scoreDisplay.writeDisplay();

// Utilizado para escribir el tiempo inicial a la pantalla

timerDisplay.print(30, DEC);
timerDisplay.writeDisplay();

while(digitalRead(PB) == LOW){
// Verificando si el boton ha sido presionado...
}
// El boton ha sido presionado...

// Ciclo del tiempo

for(int timer = 30; timer >= 0; timer--){
// Ciclo de cotejos por segundo
// Este ciclo verificará una interrupción en el sensor 20 veces cada
// segundo
for(int i = 0; i < 20; i++){

// Condición para una interrupcion en el sensor 1

// Coteja si ha ocurrido una interrupción en este sensor
if(digitalRead(s1) == LOW){

27 | P a g e
 score += 10;
scoreDisplay.print(score, DEC);
scoreDisplay.writeDisplay(); // Escribe en pantalla la puntuación
}

// Condición para una interrupcion en el sensor 2

// Coteja si ha ocurrido una interrupción en este sensor
else if(digitalRead(s2) == LOW){
score += 25;
scoreDisplay.print(score, DEC);
scoreDisplay.writeDisplay(); // Escribe en pantalla la puntuación
}

// Condición para una interrupcion en el sensor 3

// Coteja si ha ocurrido una interrupción en este sensor
else if(digitalRead(s3) == LOW){
score += 50;
scoreDisplay.print(score, DEC);
scoreDisplay.writeDisplay(); // Escribe en pantalla la puntuación
}

// Condición para una interrupcion en el sensor 4

// Coteja si ha ocurrido una interrupción en este sensor
else if(digitalRead(s4) == LOW){
score += 100;
scoreDisplay.print(score, DEC);
scoreDisplay.writeDisplay(); // Escribe en pantalla la puntuación
}

// Condición para una interrupcion en el sensor 5

// Coteja si ha ocurrido una interrupción en este sensor
else if(digitalRead(s5) == LOW){
score += 100;
scoreDisplay.print(score, DEC);
scoreDisplay.writeDisplay(); // Escribe en pantalla la puntuación
}

// Esto introduce un retraso de 1 segundo en el ciclo del tiempo

// Como este ciclo se ejecuta 20 veces cada 1 vez del ciclo del
tiempo
// 20 * 50ms = 1000ms = 1s
delay(50);
}

// Escribe en pantalla el tiempo correspondiente

timerDisplay.print(timer, DEC);
timerDisplay.writeDisplay();
}

28 | P a g e
 // Escribe en pantalla la puntuación por 5 segundos y luego vuelve a comenzar
scoreDisplay.print(score, DEC);
scoreDisplay.writeDisplay();
delay(5000);
}

7. Vuelva a grabarlo en File -> Save.

8. Presione Sketch -> Verify / Compile o CTRL+R para verificar y compilar el

código.

*Nota: Esta série de pasos asumen que el usuario ya ha completado la configuración

del circuito eléctrico.

29 | P a g e
Galería

Ilustración 12: Representación gráfica en dibujo

Ilustración 13: Diseño en tres dimensiones en AutoCAD

30 | P a g e
 Ilustración 14: Primer prototipo

Ilustración 15: Versión final del juego

31 | P a g e
Glosario
Circuito integrado que incluye las unidades funcionales
C
de una computadora. En otras palabras, una
Circuitos computadora en un circuito integrado, 16, 19
Red electrónica que contiene al menos una trayectoria
cerrada, 5 O
Ohmios
D
Unidad de resistencia eléctrica. Mide la oposición que
D-Board encuentra la corriente eléctrica para recorrer una
Material eco-amigable hecho de carton utilizado para trayectoria, 16
montar el juego, 11, 15
Diagrama de Bloque P
Representación gráfica de las interfaces a la que el
sistema se comunica, 9 Programación
Proceso de diseñar, codificar, depurar y mantener el
código de programas computacionales, 5
E
Electrónica R
Estudio y aplicación del flujo de electrónes u otras
partículas cargadas eléctricamente, 5 Resistor
Esquemático Componente eléctrico pasivo de dos terminales
Representación o forma de documentación visual del (positivo y negativo) que implementa resistencia
diseño de algún sistema, 8 eléctrica en un circuito, 16

I S
IDE Sistemas integrados
Acrónimo en ingles para entorno de desarrollo Es un sistema de computadora de propósito especial
integrado y es un programa que contiene las diseñado para llevar a cabo una función específica, 5
funciones y herramientas básicas para el Skeeball
programador, 20 Juego que consiste en rodar una bola por una rampa
IIC con el propósito de que caiga en unas aperturas en
Método o protocolo de comunicación bidireccional específicas, 6
utilizado en sistemas embebidos, 19 Soldadura
Proceso de unión entre metales por la aplicación de
calor, 19
M
STEM
Microcontrolador Acrónimo en inglés para designar áreas de la ciencia,
tecnología, ingeniería y matemáticas., 5

32 | P a g e
Referencias
[1] Morana, L., J. Bombardier, C. Ippolito, and R. Wyndrum. "Future STEM Careers Begin in the Primary
Grades." (2012). IEEE Xplore. Web. 6 Apr. 2015.

[2] Yilmaz, Muhittin, Jianhong Ren, Sheryl Custer, and Joyce Coleman. "Hands-On Summer Camp to
Attract K–12 Students to Engineering Fields." IEEE Trans. Educ. IEEE Transactions on Education 53.1
(2010): 144-51. IEEE Xplore. Web. Accessed 4 Sep. 2016

33 | P a g e