DSA Scratch Pad for Easier Teleconferencing

You’ve been there before: you have keyboard and mouse control on someone else’s computer, and you want to copy some text and send it to yourself. You find a chat client, and you instant message the notes to yourself. After the call, you open up the chat client, copy the notes, and paste them somewhere else. But they’re different. Timestamps and usernames have been added. Text has been auto-corrected. Straight quotes are now curly. Scripts and commands no longer work.

This video shows you how to create a scratch pad that takes advantage of DSA’s lightweight data storage to continually save notes to the server. You just open a browser, type a URL, and you can start pasting and typing notes with confidence. Follow along as we use DGLux5 to create this friendly, basic user interface.

Topics covered in this video:

  • Introduction—0:00 to 2:22
  • Storing data on DSA server—2:23 to 3:13
  • Uploading assets—3:13 to 3:47
  • Creating layout and panels—3:47 to 9:06
  • Creating a repeater that reflects current user note list—9:07 to 21:08
  • Creating note panel selection behavior—21:08 to 24:54
  • Creating dynamic titles for both panels—24:54 to 29:01
  • Adding an HTML editor widget that loads and sets data values—29:06 to 35:15
  • Creating UI elements that add, delete, and rename notes—35:15 to 51:01
  • Important UI and logic cleanup, for selection changes and edge cases—51:02 to 55:56
  • Dialog for user name entry—55:56 to 1:00:53
  • Final demonstration—1:00:53 to end

Visit this link to download additional materials to help with this project:

  • Assets ZIP
  • Project DG5
  • HTML Editor project ZIP

To use an icon font instead of individual SVGs, follow the steps here.

For a list of supported date formats, go here.

Additional materials to help with this project:

  • ZIP file of assets: download
  • Project DG5 file: download
  • HTML Editor project ZIP: download

Distributed Services Architecture (DSA) is is an open-source platform that facilitates communication among devices, logic, and applications in the IoT. You can download it here.

DGLux5 is a drag-and-drop, rapid development platform especially for data-driven applications and the Internet of Things. DGLux5 licenses are free for students and educators.

Join the conversation

Share your thoughts in the Google Plus community and on Slack.

More videos

Find more DGLux5 tutorials at this link:

See More Video Tutorials