Skip to content

title: WiFi vs BLE Communication Topology description: Type: diagram sim-id: wifi-vs-ble-topology
Library: Mermaid
Status: Specified Create a side-by-side Mermaid graph showing two network topologies: Left subgraph "WiFi (via router)": Browser -- HTTP --> Router -- Wi... image: /sims/wifi-vs-ble-topology/wifi-vs-ble-topology.png og:image: /sims/wifi-vs-ble-topology/wifi-vs-ble-topology.png twitter:image: /sims/wifi-vs-ble-topology/wifi-vs-ble-topology.png social: cards: false status: implemented library: Mermaid bloom_level: TBD


WiFi vs BLE Communication Topology

Run the WiFi vs BLE Communication Topology MicroSim Fullscreen

About this MicroSim

Type: diagram sim-id: wifi-vs-ble-topology
Library: Mermaid
Status: Specified Create a side-by-side Mermaid graph showing two network topologies: Left subgraph "WiFi (via router)": Browser -- HTTP --> Router -- Wi...

Bloom's Taxonomy level: TBD

You can embed this MicroSim in your own course page with the following iframe:

1
<iframe src="https://dmccreary.github.io/stem-robots/sims/wifi-vs-ble-topology/main.html" width="100%" height="380" scrolling="no"></iframe>

Lesson Plan

Learning objective: Type: diagram sim-id: wifi-vs-ble-topology
Library: Mermaid
Status: Specified Create a side-by-side Mermaid graph showing two network topologies: Left subgraph "WiFi (via router)": Browser -- HTTP --> Router -- Wi...

Suggested use (5-15 minutes):

  1. Predict first. Before touching the controls, ask students to predict what they expect to see.
  2. Explore. Have students interact with every control and observe how the display responds.
  3. Explain. Ask students to describe, in their own words, the relationship the MicroSim demonstrates.

Discussion questions:

  • What changed on screen when you interacted with the MicroSim, and why?
  • How does this idea show up when you program the real robot?

References

Specification

The full specification below is extracted from Chapter 12: Bluetooth Low Energy Fundamentals.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
Type: diagram
**sim-id:** wifi-vs-ble-topology<br/>
**Library:** Mermaid<br/>
**Status:** Specified

Create a side-by-side Mermaid graph showing two network topologies:

Left subgraph "WiFi (via router)":
Browser -- HTTP --> Router -- WiFi --> Robot A
Robot B -- WiFi --> Router

Right subgraph "BLE (direct)":
Robot A (Central) -- BLE --> Robot B (Peripheral)

Use different node shapes: diamonds for routers, rectangles for robots/browsers.

Every node and connection has a click directive opening an infobox: Router infobox explains "single point of failure — if the router goes down, all robots lose contact." BLE connection infobox explains "direct peer link — works even without a network."

Canvas: 700 × 300 px. Responsive on window resize.