UMPSA STEM Lab: Dashboard Development – Program Synopsis
This module goes beyond traditional activities to integrate dashboard development. Building on earlier exercises involving Raspberry Pi for digital making and sensor control – Raspberry Pi IOT , the module introduces students to creating interactive and visually appealing dashboards using Python and Streamlit.
By learning how to design and deploy dashboards, students are able to transform data into actionable insights, fostering creativity and problem-solving skills. This module highlights the potential of dashboards as versatile tools for displaying and interacting with data, especially in STEM-focused projects.
Bridging Digital Making and Dashboards
Earlier modules focused on digital making with Raspberry Pi, where students controlled sensors and engaged in hands-on programming. This practical experience focuses on understanding data collection and manipulation. The next logical step was to showcase this data meaningfully—enter dashboard development.
While third-party platforms like Blynk or Adafruit IO offer straightforward solutions for creating dashboards, their limitations in customization and scalability inspired us to introduce Streamlit. This open-source Python framework allows students to design dashboards with unmatched flexibility and creativity.
Activities in the Dashboard Development Module
- Adding Text
Students learned how to add headings, subheadings, and descriptive text to their dashboards. This simple yet essential step helped them understand how to create user-friendly interfaces. -
- Data Hunt
Data is the backbone of any dashboard. Students explored various data sources, including:- Local files (e.g., CSVs)
- URLs and APIs for real-time data
- Google Sheets for collaborative data storage
These activities taught students how to retrieve, clean, and prepare data for visualization.
- Layout Design
Through hands-on exercises, students experimented with Streamlit’s layout tools, such as columns, containers, and sidebars. This activity emphasized the importance of designing intuitive dashboards. - Exploring Input Widgets
Students implemented interactive elements like sliders, checkboxes, and buttons to allow users to customize their experience. They discovered how these widgets make dashboards more dynamic and engaging. - Data Visualization
Using libraries like Plotly, students transformed raw data into compelling visualizations. From bar charts to interactive maps, they learned to communicate information effectively. - Deployment
In the final activity, students deployed their dashboards to Streamlit Cloud. This step not only showcased their projects but also reinforced their understanding of deployment pipelines and collaboration tools like GitHub.
Creative Potential with Streamlit
Streamlit’s ability to integrate seamlessly with Python makes it a good platform for fostering creativity. Students are no longer confined to pre-built templates, as they can create dashboards tailored to specific needs, whether it’s monitoring environmental sensors, visualizing IoT data, or developing educational tools.
For instance, a student could design a dashboard that tracks temperature and humidity data collected from Raspberry Pi sensors. The dashboard could display real-time graphs, provide historical comparisons, and even allow users to set alerts—all features that Blynk or Adafruit might limit due to platform constraints.
Expanding Horizons in STEM Education
This dashboard module aligns with the broader goal of empowering students to think critically and creatively in the digital age. By mastering tools like Streamlit, students can transition from passive consumers of technology to active creators, capable of solving real-world problems.
Dashboard development is more than just a technical skill – it’s a gateway to exploring how data shapes decisions in diverse fields, from agriculture to healthcare. Combined with their experience in digital making, students are well-equipped to lead the way in the era of IoT and data-driven solutions.
The integration of Streamlit in our educational modules bridges the gap between data collection and presentation, offering students the tools to develop bespoke dashboards. Unlike third-party platforms, Streamlit encourages limitless creativity, making it the ideal choice for empowering the next generation of innovators.
BTE1522 DRE2213 – Week 9 Dashboard Design
This week we ventured beyond traditional activities to integrate dashboard development. Building on earlier exercises involving Raspberry Pi for digital making and sensor control (Week 5 – 8), this module introduces students to creating interactive and visually appealing dashboards using Python and Streamlit.
By learning how to design and deploy dashboards, students are able to transform data into actionable insights, fostering creativity and problem-solving skills. This module highlights the potential of dashboards as versatile tools for displaying and interacting with data, especially in STEM-focused projects.
Bridging Digital Making and Dashboards
Earlier modules focused on digital making with Raspberry Pi, where students controlled sensors and engaged in hands-on programming. This practical experience focuses on understanding data collection and manipulation. The next logical step was to showcase this data meaningfully—enter dashboard development.
While third-party platforms like Blynk or Adafruit IO offer straightforward solutions for creating dashboards, their limitations in customization and scalability inspired us to introduce Streamlit. This open-source Python framework allows students to design dashboards with unmatched flexibility and creativity.
Activities in the Dashboard Development Module
- Adding Text
Students learned how to add headings, subheadings, and descriptive text to their dashboards. This simple yet essential step helped them understand how to create user-friendly interfaces. - Data Hunt
Data is the backbone of any dashboard. Students explored various data sources, including:- Local files (e.g., CSVs)
- URLs and APIs for real-time data
- Google Sheets for collaborative data storage
These activities taught students how to retrieve, clean, and prepare data for visualization.
- Layout Design
Through hands-on exercises, students experimented with Streamlit’s layout tools, such as columns, containers, and sidebars. This activity emphasized the importance of designing intuitive dashboards. - Exploring Input Widgets
Students implemented interactive elements like sliders, checkboxes, and buttons to allow users to customize their experience. They discovered how these widgets make dashboards more dynamic and engaging. - Data Visualization
Using libraries like Plotly, students transformed raw data into compelling visualizations. From bar charts to interactive maps, they learned to communicate information effectively. - Deployment
In the final activity, students deployed their dashboards to Streamlit Cloud. This step not only showcased their projects but also reinforced their understanding of deployment pipelines and collaboration tools like GitHub.
Creative Potential with Streamlit
Streamlit’s ability to integrate seamlessly with Python makes it a good platform for fostering creativity. Students are no longer confined to pre-built templates, as they can create dashboards tailored to specific needs, whether it’s monitoring environmental sensors, visualizing IoT data, or developing educational tools.
For instance, a student could design a dashboard that tracks temperature and humidity data collected from Raspberry Pi sensors. The dashboard could display real-time graphs, provide historical comparisons, and even allow users to set alerts—all features that Blynk or Adafruit might limit due to platform constraints.
Expanding Horizons in STEM Education
This dashboard module aligns with the broader goal of empowering students to think critically and creatively in the digital age. By mastering tools like Streamlit, students can transition from passive consumers of technology to active creators, capable of solving real-world problems.
Dashboard development is more than just a technical skill – it’s a gateway to exploring how data shapes decisions in diverse fields, from agriculture to healthcare. Combined with their experience in digital making, students are well-equipped to lead the way in the era of IoT and data-driven solutions.
The integration of Streamlit in our educational modules bridges the gap between data collection and presentation, offering students the tools to develop bespoke dashboards. Unlike third-party platforms, Streamlit encourages limitless creativity, making it the ideal choice for empowering the next generation of innovators.
As you continue to explore these capabilities, take note on the impact of these creations can have—not just in the classroom but also in the communities and beyond. Through dashboard development, you’re not just learning coding; but also learning to turn ideas into impactful realities.
AI In School 2024/4 – SK Tanah Putih
AI In School 2024/3 – SK Indera Shahbandar
BTE1522 DRE2213 – Week 10 – Project
Submission Requirement
- Python Code
- Submit the Python code with clear comments explaining the project you have made.
- Report
-
- Include a report that consists of
- A README file with instructions on how the system works.
- An overview of the circuit construction (diagram/block diagram)
- Flowcharts or pseudocode to explain your work.
- Include a report that consists of
-
- 3-Minute Video
-
-
-
- Record a 3-minute video demonstrating your project.
- Explain the circuit, functions and how the system work.
- Upload the video to YouTube and provide the link.
-
-
-
BTE1522 DRE2213 – Week 9 Rasp Pi – Camera Module and Dashboard Design
Today’s class focused on integrating a camera module with the Raspberry Pi, providing students hands-on experience in capturing images, recording videos, and setting up real-time video streaming. This session was a step forward in understanding how Raspberry Pi can be used for imaging and streaming applications, which is essential for more advanced projects like surveillance systems and AI-based object detection.
Arduino Programming 2024/12 – KV Kajang
UMPSA STEM Lab Arduino Programming can be found here.
Throughout the course, 10 participants from Kolej Vokasional Kajang were introduced to the concepts of programming loops, conditional statements, and sequential execution. Activities include controlling multiple LEDs, understanding the concept of digital output, using a photoresistor to expand their understanding of sensor interfacing, integrating analog sensors with Arduino and controlling digital outputs based on sensor readings. Towards the end, participants visualize data and messages using an OLED display.
Thank you Pn Rahayu, Ts Adam and Mr for coordinating the communication between UMPSA STEM Lab and the participants.
Day 3 -Dec 8th
Day 2 -Dec 6th
Day 1 – Dec 2nd
Pre-Viva PhD Students
BTE1522 DRE2213 – Week 8 Rasp Pi – GPIOs, Sensors, and Data Management
Today’s class introduced students to the versatile capabilities of the Raspberry Pi 4 as a single-board computer (SBC). The activities were structured in two sessions to progressively explore its features, bridging concepts from physical computing to data management.
Session 1: Getting Started with GPIOs and Programming Tools
The session began with an overview of the Raspberry Pi 4, highlighting the differences between an SBC and a microcontroller. While microcontrollers like the Raspberry Pi Pico are designed for running simple, specific tasks, SBCs like the Raspberry Pi 4 function as compact computers capable of multitasking, running a full Linux operating system, and supporting a wide range of applications.
Students set up their Raspberry Pi 4 devices, delving into the Linux-based desktop environment. They explored built-in programming tools such as Thonny IDE and Geany, experimenting with writing and running Python scripts.
Key activities included:
-
- Printing “Hello, World!” to the terminal as a warm-up to Python programming.
- Controlling LEDs: Students learned to light up an LED and control its state (on/off) using the GPIO pins.
- Keyboard-Controlled LEDs: Building on the basics, students wrote scripts to control an LED’s behavior using their computer keyboards, bridging hardware interaction and software logic.
Session 2: Playing with Sensors and Managing Data
The second session focused on the BME280 sensor, an I2C component capable of measuring temperature, pressure, and humidity. Students connected the sensor to the Raspberry Pi, read data from it, and explored ways to handle this information.
The main objectives included:
-
- Understanding how to communicate with I2C devices using Python libraries.
- Writing sensor data to a simple text file (.txt) as a database. This exercise demonstrated basic data logging, an essential concept in IoT and data-driven projects.
Crafting the Learning Journey
This week’s exercises were designed to expose students to the diverse features of the Raspberry Pi 4, an exposure in both hardware and software aspects. By the end of the session, students gained hands-on experience in programming, sensor integration, and data management.
Next week, students will build on these concepts by designing a real-time dashboard using Python, incorporating the skills acquired in today’s class to visualize and interact with data. Stay tuned as we continue our journey into the world of Raspberry Pi and digital making!