電子・電気科(電子・電気 専門学校)

テクノロジーで社会を豊かにする。



蒲田 八王子 2年制 テクノロジー技術者をめざす人のための就職・資格・業界情報ブログ 電子・電気科(電子系)blog

オープンキャンパス・体験入学

IoT実習_C言語スケッチにHTMLを組み込む

2022年06月29日 IoT実習_C言語スケッチにHTMLを組み込む

スマホから、ESP32ウェブサーバーに接続されたLEDを制御するために、[ON] [OFF]ボタンがあると分かりやすいですよね。
そこで、[ON] [OFF]ボタンをHTMLで作成し、サーバースケッチに組み込みます。
スマホからウェブサーバーを呼び出すと、ウエブサーバーからのレスポンスとして、スマホに[ON] [OFF]ボタンが表示されます。
スマホ上の[ON] [OFF]ボタンをタップすると、ESP32に接続されたLEDが点いたり消えたりします。

◆スマホ上の[ON] [OFF]ボタン
IMG_5065
IMG_5069
1年生の時に学習したHTMLとCSSの知識が役に立ちましたね!
IoT は、マイコンの制御プログラムの他に、Webプログラムやネットワークの知識が必要になります。
電子工学の他に、さらに情報技術?
大変です•••!

蒲田校
横山

★電子・電気科の「OC+体験入学」は
       をクリック!
cover_01




n-41175501 at 14:20 | この記事のURL | |