Educaacion Proyecto döntő - Video Y TV Interactiva: 6 lépés

2024 Szerző: John Day | [email protected]. Utoljára módosítva: 2024-01-30 09:43

A termék multimédiás interaktív rendszere, multimédiás audiovizuális és elemi szoftverek és hardverparaméterek a manipulációhoz, teniendo en cuenta que su propósito es enseñar a los estudiantes mediante las formas de aprendizaje concept, metodológico y funcional, el folyamat de captura de imagen, audio y video, explicando todas sus komponentes. A rendszer alapja és karakterisztikái interaktív videók kategóriákba Learning, por lo tanto, contará con mecánicas que assessmentarán el aprendizaje que el usuario ha adquirido.

Anyagok

- 1 érzékelő RFID RC522

- 1 Potenciómetro

- 1 Ardunio Mega

Az RFID lektor és az elengedhetetlen funkciók nélkülözhetetlenek a modellek prototipo funcional, ya que será el controlador que engedélyező al usuario interactuar con el system. El lector tendrá como función leer las etiquetas para seleccionar la respuesta en cada pregunta y el potenciómetro será el encargado de navegar dentro las opciones.

Szoftver

- Arduino IDE.

- Adobe Illustrator (opcionális)

- Feldolgozás

1. lépés: Oktatóvideó

Inicialmente se identifaron los temas a tratar dentro del vídeo; en nuestro caso Captura (kép, videó és sonido), extrayendo de diferentes fuentes confiables la información más importante acerca de estos temas, teniendo en cuenta la parte conceptual, metodológica y funcional de cada uno, ya que esta información sera el contenido de los vídeos.

Después de tener identifado los temas a tratar y la información que se desplegará en eldevideo Educativo, Procedimos a realizar las diferentes compositeses de devideo, imagen, texto y audio, por medio de un software editor de devideo, en nuestro caso Adobe Premiere, para mint az utolsó termék, a végső el cual es elde de decoativo que se le brindara al usuario al momento de interactuar con el modelo prototipo funcional.

Este vídeo oktatási sera la primer interfaz del usuario, ya que gracias a este vídeo el usuario tendrá la informationción necesaria para responder a las diferentes preguntas; garantizando así el aprendizaje y evaluación, fogalmi, módszertani és fogalmi.

2. lépés: Interfaz De Usuario

Közepesen egy szoftver a vektortól, az Adobe Illustrator legmodernebb verziójában, de desarrolló todos los elemos que komponens nuestra interfaz de usuario.

Se realizaron los fondos para cada interfaz de usuario del modelo prototipo funcional; además se diagramo todas las opciones necesarias con las cuales va a interactuar el usuario, principmente las opciones de respuesta, las cuales se desarrolló un recuadro con cada opción and color differenciador a las demás.

3. lépés: Conexión De Los Componentes

Empezaremos realizando la conexión del RFID-RC522, para lo cual se debe tener en cuenta la ubicación de los pines MOSI, MISO y SCK és el Arduino Mega. Los pines SDA és RST pueden és ubicados a cualquier pin digital, de per serben specifikus enos codigo posteriormente.

A folytonosság a mostrara las conexiones que se realizaron para RFID:

• SDA = D9
• RST = D8
• MOSI = D51
• MISO = D50
• SCK = D52

Elhatározott komponensek és potenciálok, para de cé dejamos un enlace que explica como se realiza la conexión de uno de forma detallada. Luis Llamas Potenciometro

4. lépés: Programación - Arduino

Ahora empezaremos a programción. El código complete lo puedes descargar cuando quieras.

Inicialmente debemos añadir las librerías que vamos a usar:

#befoglalni

Ahora para la lactura del RFID és a potenciomentro se configuraran los parámetros y se utiliza un método que facilitita la lectura del RFID:

#define RST_PIN 8 // RST

#define SS_PIN 9 // SDA MFRC522 RFID (SS_PIN, RST_PIN); // Változók globales String ID = ""; boolean feltételezés = hamis; const int analógPin = A0; int érték; // variable que almacena la lectura analógica raw int pos;

int cont = 0;

int caso;

int casoviejo = 0; void setup () {Serial.begin (9600); SPI.begin (); RFID. PCD_Init (); } // Metodo para comparar los tags for RFID

int CompararTags (karakterlánc -azonosító) {

int caso = 0; if (ID. egyenlő ("43 27 97 10")) {caso = 1; } if (ID.equals ("124 192 204 194")) {caso = 2; } if (ID. egyenlő ("30 44 244 229")) {caso = 3; } return caso;

}

bájt ActualUID [4];

Karakterlánc leerRFID (MFRC522 rfid) {String ID0; Karakterlánc ID1; Karakterlánc ID2; Karakterlánc ID3; Karakterlánc -azonosító; // Enviamos serialemente su UID for (byte i = 0; i <rfid.uid.size; i ++) {ActualUID = rfid.uid.uidByte ; if (i == 0) {ID0 = Karakterlánc (ActualUID ); } if (i == 1) {ID1 = Karakterlánc (ActualUID ); } if (i == 2) {ID2 = Karakterlánc (ActualUID ); } if (i == 3) {ID3 = Karakterlánc (ActualUID ); }} ID = ID0 + "" + ID1 + "" + ID2 + "" + ID3; visszatérési azonosító; }

Como se desea enviar un dato según el TAG que se pase por el sensor, se realiza un método que los compara

Finalmente, debemos enviar los datos por el serial A Processing, para lo cual armamos un String que tienen toda la información separado cada uno por una ",", ya que en Processing realizaremos un Split () que allowirá separar los datos y utilizarlos según la Conveniencia. Ademas debemos recibir un valor de Processing con la finalidad de reiniciar los valores que se envían.

void loop () {

érték = analogRead (analogPin); // realizar la lectura analógica raw pos = map (érték, 0, 1023, 0, 100); // se escribe write para enviar INTs // Serial.write(pos); // recibe los datos de Feldolgozás if (Serial.available ()) {// Ha az adatok olvashatók, int val = Serial.read (); caso = val; } if (RFID. PICC_IsNewCardPresent ()) {// Seleccionamos una tarjeta if (RFID. PICC_ReadCardSerial ()) {ID = leerRFID (RFID); //Serial.println(ID); caso = CompararTags (azonosító); // si el caso que se lee es igual al anterior que se leyo, no va a imprimir. if (! (casoviejo == caso)) {switch (caso) {case 1: //Serial.println(caso); casoviejo = caso; szünet; 2. eset: //Serial.println(caso); casoviejo = caso; szünet; 3. eset: //Serial.println(caso); casoviejo = caso; szünet; }}}}

String potenciometro = (String) pos;

String casoRFID = (String) caso; Karakterlánc todo = potenciometro+","+casoRFID+","+"00"; Soros.println (todo); késleltetés (500); }

5. lépés: Programación - Feldolgozás

Debido a que el código es extenso, se explicara los puntos mas importantes a tener en cuenta en la elaboración del system. Sin embargo podrás descargar el código complete cuando quieras.

Elsődleges importálási feltételek:

import feldolgozás.sorozat.*;

import feldolgozás.video.*;

Después se deben crear las imágenes y los vídeos, para que estos puedan ser visualizados.

Film myMovie ;

PImage fondo_IMAGEN; PImage concept1, concept2, concept3, concept4, muestra; PImage opcion1, opcion2, opcion3; PImage opcmet1, opcmet2, opcmet3; PImage opc1_1, opc1_2, opc2_1, opc2_2, opc3_1, opc3_2; PImage funcional1, funcional2, funcional3;

en el setup () debemos especificar los nombres de los archivos, los cuales deben estar dentro de una carpeta llamada data ubicada en la misma carpeta del proyecto. Ademas especificamos el tipo de letra a usar y el puerto serial por el cual recibirá los datos que envié el Arduino.

myMovie = új film [2];

méret (640, 360); frameRate (60); f = createFont ("Arial", 18, igaz); String portName = "COM4"; // módosítsa a 0 -t 1 -re vagy 2 -re stb., hogy megfeleljen a portjának myPort = new Serial (this, portName, 9600); myMovie [0] = új film (ez, "video2.mp4"); fondo_IMAGEN = loadImage ("Interfaces_2_Fondo_Imagen.png"); concept1 = loadImage ("Interfaces_2_1 ° - B.png"); concept2 = loadImage ("Interfaces_2_1 ° - G.png"); concept3 = loadImage ("Interfaces_2_1 ° - R.png"); muestra = loadImage ("Interfaces_2_1 ° - RGB.png"); opcion1 = loadImage ("img_Imagen-Metodología-05.png"); opcion2 = loadImage ("img_Imagen-Metodología-06.png"); opcion3 = loadImage ("img_Imagen-Metodología-07.png"); opc1_1 = loadImage ("img_Imagen-Funcional-08.png"); opc1_2 = loadImage ("img_Imagen-Funcional-09.png"); opc2_1 = loadImage ("img_Imagen-Funcional-10.png"); opc2_2 = loadImage ("img_Imagen-Funcional-11.png"); opc3_1 = loadImage ("img_Imagen-Funcional-13.png"); opc3_2 = loadImage ("img_Imagen-Funcional-15.png"); funcional1 = loadImage ("funcional1.png"); funcional2 = loadImage ("funcional2.png"); funcional3 = loadImage ("funcional3.png"); myMovie [0].play ();

Las siguientes lineas de código están dentro del método Draw ().

Primero se reciben los datos del serial y realizamos el Split () que permite separar cada uno de los datos que se reciben.

if (myMovie [0].time () == myMovie [0].duration ()) {video = igaz;

} else {video = false; } while (myPort.available ()> 0) {String val = myPort.readString (); Karakterlánc vitézség = val; // separa los valores que recoje el serial. int nums = int (osztott (valor, ',')); pote = nums [0]; caso = nums [1]; println (pote+","+caso); }

Se tiene un switch case, para cada escena del system, por lo tanto se reproducirá un método en el momento en el momento en que la variable "cambioEscena" cambie.

ha (! videó) {

kép (myMovie [0], 0, 0, 640, 360); } else {háttér (255); kapcsoló (cambioEscena) {eset 0: törés; 1. eset: escena1 (); szünet; 2. eset: escena2 (); szünet; 3. eset: escena3 (); szünet; }

Los cambios de escenas se realizan en función a cuando el mouse es presionado, por lo tanto se utiliza el método mousePressed () para realizar este cambio. También se utiliza este método para almacenar las respuestas que el usuario da al system y posteriormente verificarlas y guardarlas en un documento Txt.

void mousePressed () {

// dimenciones del boton siguente escena 1 if (cambioEscena == 1) {if (mouseX> Sx && mouseX Sy && mouseY Sx2 && mouseX Sy2 && mouseY xx && mouseX yy && mouseY 450 && mouseX 100 && mouseY <100+30) { // ALMACENA LA RESPUESTA DEL PARAMETRO! if (parametroOpc1 == 1) {respuesta_1_3 = 1; } if (parametroOpc1 == 2) {respuesta_1_3 = 2; } if (parametroOpc2 == 1) {respuesta_2_3 = 1; } if (parametroOpc2 == 2) {respuesta_2_3 = 2; } if (parametroOpc3 == 1) {respuesta_3_3 = 1; } if (parametroOpc3 == 2) {respuesta_3_3 = 2; } myPort.write (0); println (respuesta_1_3+","+respuesta_2_3+","+respuesta_3_3); }

if (mouseX> xx && mouseX yy && mouseY finx && mouseX finy && mouseY <finy+Sh2) {guardarRespuestas (); kijárat(); }}}

El método utilizado para almacenar respuestas es el siguiente:

void guardarRespuestas () {

String ResConceptual = "Incorrecto"; String ResMetodlo = "Incorrecto"; String ResFuncio = "Incorrecto"; if (respuesta_1 == 2) {ResConceptual = "Correcto"; } if (y == 210 && y2 == 140 && y3 == 70) {ResMetodlo = "Correcto"; } if (escena2y == 140 && escena2y2 == 210 && escena2y3 == 70 && respuesta_1_3 == 1 && respuesta_2_3 == 2 && respuesta_3_3 == 2) {ResFuncio = "Correcto"; } String Respuestas = "Respuesta concept:"+ResConceptual+"Respuesta metodologica:"+ResMetodlo+"Respuesta funcional:"+ResFuncio; String list = split (Respuestas, ''); // Írja a karakterláncokat egy fájlba, mindegyiket külön sorba saveStrings ("RESPUESTAS.txt", lista); }

6. lépés: Ejecución

Végső cuando se ejecuta el program iniciara con unvideo explicativo. Después se utilizara el potencimetro para variar las respuestas que se desean dar y los tags y el sensor RFID para seleccionar los pasos en la interfaz de la segunda y tercera pregunta.