DESCRIPCIÓN DE ACTIVIDADES

No.: 1 Nombre: ¿Por qué Bases de Tipo: Introductoria Duración:

Datos?
Objetivo(s): Identificar en qué situaciones Objeto: Video animado Herramienta(s):
es conveniente usar una BD y explicar con Adobe Animate CC,
ejemplos el concepto de BD. Illustrator, HTML5, CSS
Descripción:
Se presenta un escenario en el que primero aparece la estructura física de un banco, poco a poco
se irán enumerando los elementos de los que se debe tener registro en el mismo, el nombre de
sus empleados, sus salarios, datos personales, se hará referencia a que se maneja una información
similar, más la información de los contratos que tiene cada cliente (prestamos, seguros, cuentas de
débito… y los movimientos que cada uno implica, como consecuencia se hará referencia a la
cantidad de clientes y personal que tiene el banco y después a que tiene sucursales locales,
nacionales e incluso internacionales. Todo esto irá acompañado de ilustraciones y audio
representativo con el fin de atrapar la atención del usuario. Al final de la actividad, aparece en
pantalla la pregunta “¿Cómo crees que deba almacenarse toda esta información?”, debajo del texto
se mostrarán 3 botones ilustrados como se describe a continuación:

a) Hojas de Cálculo. Si esta opción es seleccionada, se mostrará el siguiente texto a manera de

retroalimentación: “Usar hojas de cálculo es una buena opción si vamos a almacenar una
cantidad pequeña de información, pero para grandes volúmenes la mejor opción es crear
una BD.”
b) Base de Datos. Si el usuario elige la opción correcta, se le felicitará de la siguiente forma:
“Felicitaciones, usar una BD es la mejor opción porque nos permite manejar grandes
cantidades de información”.
c) Archivos de papel. “Pese a que en muchos lugares se maneja la información de esta forma y
que hay datos que necesitan conservarse en papel, para grandes volúmenes de información,
la mejor opción es crear una BD.”

No.: 2 Nombre: Primero… lo primero Tipo: Intermedia Duración:

Objetivo(s): Objeto: Video tutorial Herramienta(s):
Crear una BD en PhPMyAdmin en el Adobe Animate CC,
entorno de WAMP Server. HTML5, CSS
Descripción:
Se mostrará al estudiante un video en el que se explicará cómo hacer uso de “PhPMyAdmin” para
crear una Base de datos.
Se mostrará al usuario la interfaz de phpMyAdmin para que identifique las secciones que se van a
utilizar para la creación de una base de datos. Para ello, se localiza el botón en la parte superior
de la página que dice “Base de datos”, se da un clic derecho para que mande a otra pantalla en
la cual se mostrará el titulo Base de datos, debajo mostrará un mensaje que dice Crear base de
datos y bajo de ese mensaje hay un ‘texbox’ en el cual se debe escribir el nombre deseado para
la base de datos, posteriormente revisar que el recuadro siguiente diga Cotejamiento y si es así
dar clic en el botón crear y para finalizar, si la base de datos se creó con éxito se mostrará un
cuadro de diálogo el cual indicará que la base de datos se creó correctamente.
- Se mostrará la interfaz de Wamp server y los botones a utilizar
- Se mostrará el botón que se va a utilizar para la creación de la Base de Datos
- Se colocará el nombre de la base de datos
- Para finalizar se da clic en el botón finalizar

No.: 3 Nombre: Ahora sí, ¡a crear Tipo: Intermedia Duración:

tablas!
Objetivo(s): Objeto: Video tutorial Herramienta(s):
Crear tablas en PhPMyAdmin en el entorno Adobe Animate CC,
de WAMP Server. HTML5, CSS
Descripción:
Se mostrará al estudiante un video en el que se explicará cómo hacer uso de “PhPMyAdmin”
para crear tablas de una Base de datos.
Una vez creada la base de datos, se mostrará el nombre que se colocó en la parte izquierda de
la pantalla, le damos clic derecho para acceder a la base de datos. Para crear una tabla se
tienen dos opciones:
1. En la parte izquierda de la pantalla hay un botón que dice Crear tabla, al seleccionarlo se
muestran los campos a llenar (nombre, columnas) y en la parte de abajo se muestran el
llenado de las columnas (nombre, tipo de dato y tamaño) y para finalizar clic en guardar.
2. En la parte derecha se muestra Crear tabla y abajo se muestran los campos de nombre y
el número de columnas, una vez llenado lo campos damos clic en continuar,
posteriormente se muestran los campos del llenado de las columnas (nombre, tipo de dato
y tamaño) y para finalizar se da clic en guardar

No.: 4 Nombre: Relacionemos Tipo: Intermedia Duración:

Objetivo(s): Objeto: Video tutorial Herramienta(s):
Relacionar tablas en PhPMyAdmin en el Adobe Animate CC,
entorno WAMP Server. HTML5, CSS
Descripción:
Se mostrará al estudiante un video en el que se explicará cómo hacer uso de “PhPMyAdmin” para
relacionar tablas de una Base de datos.
Para relacionar una o más tablas entre sí, es necesario tener llaves primarias o índices, para ello
una vez creadas las tablas, se debe seleccionar una tabla y se seleccionar el botón que dice
estructura. Para colocar una llave primario o índices hay dos formas:
1. Seleccionando la fila con el atributo en donde se encuentra su identificador de la tabla y en
la parte de abajo se selecciona ya sea Primaria, Único o índice; según sea el caso
2. Igual seleccionas la fila con el atributo a cambiar y en la parte donde dice Navegar los
valores distintos, damos clic en el triángulo que tiene a un lado y seleccionamos agregar clave
primaria, agregar índice único o agregar índice
Una vez teniendo las claves primarias o los índices en la parte de debajo de los atributos,
localizamos el icono que dice Vista de relaciones, lo seleccionamos y la única casilla q está
disponible es en donde tenemos la llave primaria o única, seleccionamos con que tabla se va a
relacionar y le damos clic en el botón de guardar. De esa forma creamos relaciones entre tablas.

No.: 5 Nombre: ¿Cómo creo una BD? Tipo: Autoevaluación Duración:

Objetivo(s): Objeto: Cuestionario Herramienta(s):
Brindar al estudiante una forma de evaluar interactivo Adobe Animate CC,
lo que aprendió sobre la creación de una HTML5, CSS
BD y reforzar dicho conocimiento.
Descripción:
Se presentará un breve cuestionario de opción múltiple sobre la creación de una BD, del que el
estudiante podrá obtener su puntuación (no calificación) con una retroalimentación. Esta
retroalimentación contendrá ligas a los temas del OA en los que se encuentren debilidades e
incluso a otros OA si se trata de la parte teórica.

No.: 6 Nombre: ¿Cómo se crean las Tipo: Autoevaluación Duración:

tablas?
Objetivo(s): Objeto: Cuestionario Herramienta(s):
Brindar al estudiante una forma de evaluar interactivo Adobe Animate CC,
lo que aprendió sobre la creación de tablas HTML5, CSS
y reforzar dicho conocimiento.
Descripción:
Se presentará un breve cuestionario de opción múltiple sobre la creación de tablas, del que el
estudiante podrá obtener su puntuación (no calificación) con una retroalimentación. Esta
retroalimentación contendrá ligas a los temas del OA en los que se encuentren debilidades e
incluso a otros OA si se trata de la parte teórica.

No.: 7 Nombre: ¿Cómo relaciono? Tipo: Autoevaluación Duración:

Objetivo(s): Objeto: Cuestionario Herramienta(s):
Brindar al estudiante una forma de evaluar interactivo Adobe Animate CC,
lo que aprendió sobre la creación de HTML5, CSS
relaciones y reforzar dicho conocimiento.
Descripción:
Se presentará un breve cuestionario de opción múltiple sobre la creación de relaciones, del que
el estudiante podrá obtener su puntuación (no calificación) con una retroalimentación. Esta
retroalimentación contendrá ligas a los temas del OA en los que se encuentren debilidades e
incluso a otros OA si se trata de la parte teórica.
No.: Nombre: Cada quién con su cada Tipo: Autoevaluación Duración:
8 cual
Objetivo(s): Objeto: Cuestionario Herramienta(s):
interactivo Adobe Animate CC,
HTML5, CSS
Descripción:
Se mostrarán una serie de iconos (PhpMyAdmin) fundamentales para los temas que se abarcan
(creación de BD, la creación de tablas y relaciones entre tablas) y se pedirá al usuario que los
relacione con su utilidad.

No.: Nombre: Creando mi propia BD Tipo: Autoevaluación Duración:

9
Objetivo(s): Objeto: Documentos Herramienta(s):
pdf Word
Descripción:
Se exhorta al estudiante a implementar su propia BD, se le brindarán 3 descripciones de BD y
capturas del resultado de las operaciones que se pidan en la descripción.

No.: Nombre: Armando una BD Tipo: Final Duración:

10
Objetivo(s): Objeto: Rompecabezas Herramienta(s):
HTML5, CSS, Javascript
Descripción:
Se presentan al estudiante “piezas” de una flecha como si fuera rompecabezas, las cuáles
contienen pasos para crear una BD.

No.: Nombre: Encontrando respuestas Tipo: Final Duración:

11
Objetivo(s): Objeto: Crucigrama

Descripción:
 Se hará un crucigrama con la serie de pasos para relacionar las tablas de una BD, de forma que
las respuestas del mismo completen las pistas.

STORYBOARDS

No. 1 Nombre: ¿Por qué Bases de Datos? Tipo: Introductoria Duración total:
Escena: 1 Escena: 2

Audio Audio (Narrativa): - Audio (Fondo): Audio (Narrativa): -

(Fondo): Música( título) ¿Alguna vez has
Música( título) pensado en toda la
información que
almacenan los
bancos?... Aquí te va el
tip…
Descripción: Descripción:
Abre el video una ilustración de un banco en una Se ilustran algunos de los servicios que ofrece un
ciudad, con la que se pretende dar una imagen banco y de los cuales normalmente se guarda un
general de lugares en donde se puede registro y la narrativa invita a darse una idea de
implementar una BD para después hacer énfasis ello.
en una de ellas.

Escena: 3 Duración: Escena: 4 Duración:

 Movimientos de
los clientes

Audio Audio (Narrativa): - Un banco Audio (Fondo): Audio (Narrativa): Y

(Fondo): debe saber quiénes trabajan en Música( título) un banco tiene varias
Música( título) el, que edad tienen, su núm. De personas trabajando en
teléfono, etc el
Descripción: Descripción:
Se enfatiza la escena 2 en un fragmento que Continuación de la escena 2.
representa a personal del banco, recopilando
información de clientes del mismo.
La narrativa proporciona ejemplos de datos que
son almacenados.

Escena: 5 Escena: 6

Audio Audio (Narrativa): -Pero Audio (Fondo): Música( Audio (Narrativa): -

(Fondo): también se necesita la título) Además de que
Música( título) información de sus clientes. debe haber registro
de las acciones que
realiza un cliente y
de una sola sucursal,
es mucha
información.
Descripción:
En pantalla se enfatiza a uno de los clientes
mientras que la narrativa añade la información de
estos a los datos que se deben almacenar.
Escena: 7
¿Cuál es la mejor forma de almacenar toda
esta información?
Base de Datos Archivo (papel) Hoja de
cálculo
Audio Audio (Narrativa): -¿Cuál es la
(Fondo): mejor forma de almacenar toda
Música( título) esta información?
Descripción:
Para confirmar que haya quedado claro que en
casos en los que se requiere almacenar mucha
información lo más conveniente es usar una BD,
se lanza la pregunta de la narrativa y se
proporcionan al estudiante 3 botones para
seleccionar la respuesta que le parezca
conveniente.
Escena: 7.2
Pese a que en muchos lugares se maneja la
información de esta forma y que hay datos
que necesitan conservarse en papel, para
grandes volúmenes de información, la mejor
opción es crear una BD.
Audio Audio (Fondo): Música(
(Fondo): título)
Música( título)
Descripción:
Si el usuario elige una opción incorrecta, se le
retroalimentará según corresponda.
Descripción:
Se muestra un conjunto de clientes del banco
para remarcar la referencia de la narrativa a que
un solo cliente puede tener diversos tipos de
relaciones con el banco y que todo debe estar
registrado.
Escena: 7.1
Felicitaciones, usar una BD es la mejor opción
porque nos permite manejar grandes
cantidades de información.
Audio (Fondo): Audio (Narrativa): -
Música( título)
Descripción:
Si el usuario elige la opción correcta, se le
felicitará como aparece en pantalla.
Escena: 7.3
Usar hojas de cálculo es una buena opción si
vamos a almacenar una cantidad pequeña de
información, pero para grandes volúmenes la
mejor opción es crear una BD.
Audio (Fondo): Audio (Narrativa): -
Música( título)
Descripción:
Si el usuario elige una opción incorrecta, se le
retroalimentará según corresponda.