Práctica de laboratorio: cree un diagrama de secuencia para

el proyecto
• Topología

• Objetivos
• Use WebSequenceDiagrams para describir el proceso
• Guarde, exporte, imprima y comparta el diagrama

• Aspectos básicos/situación

WebSequenceDiagrams es un sitio web que permite a los usuarios diagramar interacciones entre
objetos. En esta práctica de laboratorio, creará un diagrama de secuencia que describirá el proceso
de utilizar RedBoard y Raspberry PI para registrar los eventos de amanecer y atardecer con IFTTT
en el calendario de Google.

• Recursos necesarios
• PC con acceso a Internet
• Conexión basada en Ethernet a Internet con DHCP y sin filtro de tráfico

• Use WebSequenceDiagrams para describir el proceso

• Registre una cuenta de usuario gratuita en WebSequenceDiagrams

Si actualmente no tiene una cuenta de usuario en WebSequenceDiagrams, vaya a

https://www.websequencediagrams.com/ para registrarse gratis.

• Título del diagrama

• Con el menú Más en la esquina superior derecha, haga clic en Nuevo para comenzar un nuevo
diagrama.

• Nombre el proyecto con la palabra clave título en la primera línea del área de texto en el
diagrama nuevo.

Titule Registrar Amanecer y Atardecer en el calendario de Google con

IFTTT
• Organice los objetos en el diagrama

• Coloque los objetos necesarios para registrar el amanecer y el atardecer en el diagrama

ingresando las siguientes líneas de texto. Los objetos se crean interpretando varios caracteres
especiales en el texto. Por ejemplo, la secuencia ‘->’ crea una relación entre dos objetos y ‘:’
brinda una descripción de la relación.

PhotoResistor->RedBoard:Connects To
RedBoard->RaspberryPi:Connects To
RaspberryPi->IFTTT:Connects To
IFTTT->GoogleCalendar:Connects To

Nota: los nombres de los objetos detectan entre mayúscula y minúscula.

• Deslice el área gris para aumentar o disminuir el diagrama.

• Haga clic en varias flechas en el diagrama para resaltar el código asociado.

• Agregue descripciones adicionales para las conexiones entre los objetos físicos en el diagrama.

RaspberryPi->RedBoard: 5V USB
RaspberryPi->RedBoard: Flashes Firmware
RedBoard->PhotoResistor: 3V

• Registre eventos en un bucle

• Cree un diagrama de bucle que describa el proceso de muestra de la fotorresistencia cada

segundo con la palabra clave bucle.

Bucle Repetir cada segundo

PhotoResistor->RedBoard: Analog Light/Dark A0
note right of RedBoard: Considers Analog Value
RedBoard->RaspberryPi: Converts Analog Value to Digital
end

• Mueva el cursor sobre la declaración final para colocar más códigos dentro del bucle.

• Añada las acciones que Raspberry Pi e IFTTT adoptarán si la fotorresistencia cambia de oscura
a iluminada o viceversa.

Optar por oscura a iluminada

RaspberryPi->IFTTT: Sunrise is Here!
IFTTT->GoogleCalendar: Sunrise is Here!
end
Optar por iluminada a oscura
RaspberryPi->IFTTT: Sunset is Here!
IFTTT->GoogleCalendar: Sunset is Here!
 end

Nota: se requiere el espaciado correcto para que el diagrama se represente correctamente.

• Examine el diagrama completado

• Guarde, exporte, imprima y comparta el diagrama

• Guardar el diagrama

• Con el menú Más en la esquina superior derecha, haga clic en Guardar como para guardar el
diagrama.

• Designe el diagrama apropiadamente y haga clic en Guardar.

• Guardar una imagen del diagrama

Con el menú Más, haga clic en Exportar para que el diagrama se represente como una imagen.

Nota: solo la imagen .png está disponible con el servicio gratuito.

• Imprimir el diagrama

Con el menú Más, haga clic en Imprimir para dirigir el diagrama a la impresora o guardarlo como
PDF.

• Compartir el diagrama

Haga clic en el botón Compartir para crear un enlace estático al diagrama.

https://www.websequencediagrams.com/cgi-bin/cdraw?
lz=dGl0bGUgUmVnaXN0cmFyIEFtYW5lY2VyIHkgQXRhcmQABwVlbiBlbCBjYWxlb
mRhcmlvIGRlIEdvb2dsZSBjb24gSUZUVFQKCgpQaG90b1Jlc2lzdG9yLT5SZWRCb
2FyZDpDb25uZWN0cyBUbwoADQgtPlJhc3BiZXJyeVBpABQOAA4KLT4AVgUANA
0AaAUtPgB5BkMAgQwHAFYNADQOAH0JIDVWIFVTQgAGGEZsYXNoZXMgRmlyb
XdhcmUAgR8LAIFLDTogM1YKCmxvb3AgUmVwZWF0IEV2ZXJ5IFNlY29uZAogICA
gAIFwGCBBbmFsb2cgTGlndGgvRGFyayBBMAAtBW5vdGUgcmlnaHQgb2YgAIEp
CkNvbnNpZGVycwAzCFZhbHVlAGAFAIIzFiBDb252ZXJ0ACMOIHRvIERpZ2l0YWw
AgRwFZQCBIgdvcHQgRGFya190b19MaWdodACBOgUAWQUAgnMSIFN1bnJpc2
UgaXMgSGVyZSEAJAkAgn0WABoWAG8MAG4FAIEXBWFyawBbIHNldABOLAAeE
WVuZAplbmQK&s=default

• Reflexión

• ¿Cuál es el propósito de la diagramación de las interacciones de IoT?

La mayoría de la gente entiende los diagramas más fácilmente que la electrónica y los códigos.
Crear un diagrama también puede ayudar a las personas a detectar fallas en la lógica.