SlideShare ist ein Scribd-Unternehmen logo
1 von 6
Downloaden Sie, um offline zu lesen
電子工程系應 用 電 子 組
電 腦 遊 戲 設 計 組
使用Web伺服器
吳錫修
November 20, 2015
shapethefuture
電子工程系
應 用 電 子 組
電 腦 遊 戲 設 計 組
 Arduino Yún內建網頁伺服器,而且可以從網頁中使用JavaScript來
控制Arduino接腳
 Arduino Yún Web根目錄
 Micro SD之arduinowww目錄
 只要將自製網頁檔案放置於在Arduino專案目錄之www子目錄中,
在上傳程式檔到Arduino Yún時,Arduino IDE會自動在Micro SD
Web根目錄下建立⼀個和專案名稱⼀樣的子目錄,並將網頁上傳
Arduino Yún's built-in webserver
2
shapethefuture
電子工程系
應 用 電 子 組
電 腦 遊 戲 設 計 組
 在Arduino Yún專案目錄下建立www子目錄
 建立網頁相關檔案
 arduinoyun.jpg
 yun.html
<html>
<head>
<title>Arduino Yún</title>
</head>
<body align="center">
<h1>南開科大電子工程系</h1>
<img src="arduinoyun.jpg">
</body>
</html>
Arduino Yún Web專案 1/2
3
shapethefuture
電子工程系
應 用 電 子 組
電 腦 遊 戲 設 計 組
 將網頁相關檔案複製到www目錄下
Arduino Yún Web專案 2/2
4
shapethefuture
電子工程系
應 用 電 子 組
電 腦 遊 戲 設 計 組
 開啟瀏覽器連接sswuyun.local/sd/Blink/
測試Arduino Yún Web專案 1/2
5
shapethefuture
電子工程系
應 用 電 子 組
電 腦 遊 戲 設 計 組
 開啟瀏覽器連接sswuyun.local/sd/Blink/yun.html
測試Arduino Yún Web專案 2/2
6

Weitere ähnliche Inhalte

Was ist angesagt?

Arduino Yún使用sd card儲存監測資料
Arduino Yún使用sd card儲存監測資料Arduino Yún使用sd card儲存監測資料
Arduino Yún使用sd card儲存監測資料吳錫修 (ShyiShiou Wu)
 
Arduino Yun Mini簡介
Arduino Yun Mini簡介Arduino Yun Mini簡介
Arduino Yun Mini簡介Wei-Tsung Su
 
Arduino mqtt client introduction
Arduino mqtt client introductionArduino mqtt client introduction
Arduino mqtt client introduction承翰 蔡
 
Webduino introduction
Webduino introductionWebduino introduction
Webduino introduction承翰 蔡
 
Arduino Yun 物聯網 Lesson 1
Arduino Yun 物聯網 Lesson 1Arduino Yun 物聯網 Lesson 1
Arduino Yun 物聯網 Lesson 1CAVEDU Education
 
Arduino應用系統設計 - 系統開發工具
Arduino應用系統設計 - 系統開發工具Arduino應用系統設計 - 系統開發工具
Arduino應用系統設計 - 系統開發工具吳錫修 (ShyiShiou Wu)
 
Web + Arduino 實在有夠潮 ( 課程簡報 )
Web + Arduino 實在有夠潮 ( 課程簡報 ) Web + Arduino 實在有夠潮 ( 課程簡報 )
Web + Arduino 實在有夠潮 ( 課程簡報 ) Web Arduino
 
建立PHP & MySQL應用程式開發環境 - XAMPP安裝與測試
建立PHP & MySQL應用程式開發環境 - XAMPP安裝與測試建立PHP & MySQL應用程式開發環境 - XAMPP安裝與測試
建立PHP & MySQL應用程式開發環境 - XAMPP安裝與測試吳錫修 (ShyiShiou Wu)
 
Arduino在農業、氣象與工業上的應用
Arduino在農業、氣象與工業上的應用Arduino在農業、氣象與工業上的應用
Arduino在農業、氣象與工業上的應用Victor Sue
 
Webduino 新功能介紹體驗
Webduino 新功能介紹體驗Webduino 新功能介紹體驗
Webduino 新功能介紹體驗Web Arduino
 
20200726-SINICA-自造生態監測系統工作坊
20200726-SINICA-自造生態監測系統工作坊20200726-SINICA-自造生態監測系統工作坊
20200726-SINICA-自造生態監測系統工作坊Victor Sue
 
低功率感測器設計 田間感測器 X 水下盒子
低功率感測器設計 田間感測器 X 水下盒子低功率感測器設計 田間感測器 X 水下盒子
低功率感測器設計 田間感測器 X 水下盒子Victor Sue
 
瞻營全電子_六足機器人(二)
瞻營全電子_六足機器人(二)瞻營全電子_六足機器人(二)
瞻營全電子_六足機器人(二)CAVEDU Education
 
Arduino Yun 物聯網 Lesson 3
Arduino Yun 物聯網 Lesson 3Arduino Yun 物聯網 Lesson 3
Arduino Yun 物聯網 Lesson 3CAVEDU Education
 

Was ist angesagt? (20)

設定Arduino Yún WiFi連線
設定Arduino Yún WiFi連線設定Arduino Yún WiFi連線
設定Arduino Yún WiFi連線
 
Arduino Yún使用sd card儲存監測資料
Arduino Yún使用sd card儲存監測資料Arduino Yún使用sd card儲存監測資料
Arduino Yún使用sd card儲存監測資料
 
Arduino Yun Mini簡介
Arduino Yun Mini簡介Arduino Yun Mini簡介
Arduino Yun Mini簡介
 
Arduino mqtt client introduction
Arduino mqtt client introductionArduino mqtt client introduction
Arduino mqtt client introduction
 
Webduino introduction
Webduino introductionWebduino introduction
Webduino introduction
 
Arduino Yun 物聯網 Lesson 1
Arduino Yun 物聯網 Lesson 1Arduino Yun 物聯網 Lesson 1
Arduino Yun 物聯網 Lesson 1
 
Arduino應用系統設計 - 系統開發工具
Arduino應用系統設計 - 系統開發工具Arduino應用系統設計 - 系統開發工具
Arduino應用系統設計 - 系統開發工具
 
Arduino程式開發工具
Arduino程式開發工具Arduino程式開發工具
Arduino程式開發工具
 
Web + Arduino 實在有夠潮 ( 課程簡報 )
Web + Arduino 實在有夠潮 ( 課程簡報 ) Web + Arduino 實在有夠潮 ( 課程簡報 )
Web + Arduino 實在有夠潮 ( 課程簡報 )
 
Python與Ardinio整合應用
Python與Ardinio整合應用Python與Ardinio整合應用
Python與Ardinio整合應用
 
建立PHP & MySQL應用程式開發環境 - XAMPP安裝與測試
建立PHP & MySQL應用程式開發環境 - XAMPP安裝與測試建立PHP & MySQL應用程式開發環境 - XAMPP安裝與測試
建立PHP & MySQL應用程式開發環境 - XAMPP安裝與測試
 
IDE for micro:bit
IDE for micro:bitIDE for micro:bit
IDE for micro:bit
 
Arduino在農業、氣象與工業上的應用
Arduino在農業、氣象與工業上的應用Arduino在農業、氣象與工業上的應用
Arduino在農業、氣象與工業上的應用
 
Webduino 新功能介紹體驗
Webduino 新功能介紹體驗Webduino 新功能介紹體驗
Webduino 新功能介紹體驗
 
20200726-SINICA-自造生態監測系統工作坊
20200726-SINICA-自造生態監測系統工作坊20200726-SINICA-自造生態監測系統工作坊
20200726-SINICA-自造生態監測系統工作坊
 
低功率感測器設計 田間感測器 X 水下盒子
低功率感測器設計 田間感測器 X 水下盒子低功率感測器設計 田間感測器 X 水下盒子
低功率感測器設計 田間感測器 X 水下盒子
 
LinkIt 7697 IoT tutorial
LinkIt 7697 IoT tutorialLinkIt 7697 IoT tutorial
LinkIt 7697 IoT tutorial
 
瞻營全電子_六足機器人(二)
瞻營全電子_六足機器人(二)瞻營全電子_六足機器人(二)
瞻營全電子_六足機器人(二)
 
Arduino Yun 物聯網 Lesson 3
Arduino Yun 物聯網 Lesson 3Arduino Yun 物聯網 Lesson 3
Arduino Yun 物聯網 Lesson 3
 
Android ADK
Android ADKAndroid ADK
Android ADK
 

Andere mochten auch

Arduino Yun 物聯網 Lesson 2
Arduino Yun 物聯網 Lesson 2Arduino Yun 物聯網 Lesson 2
Arduino Yun 物聯網 Lesson 2CAVEDU Education
 
Arduino Yún使用Http restful api控制io
Arduino Yún使用Http restful api控制ioArduino Yún使用Http restful api控制io
Arduino Yún使用Http restful api控制io吳錫修 (ShyiShiou Wu)
 
物聯網教學與上海深圳maker行
物聯網教學與上海深圳maker行物聯網教學與上海深圳maker行
物聯網教學與上海深圳maker行CAVEDU Education
 
Unity遊戲程式設計(04) 2D運動與碰撞處理I
Unity遊戲程式設計(04) 2D運動與碰撞處理IUnity遊戲程式設計(04) 2D運動與碰撞處理I
Unity遊戲程式設計(04) 2D運動與碰撞處理I吳錫修 (ShyiShiou Wu)
 
Unity遊戲程式設計(09) 3D物件與光源設定
Unity遊戲程式設計(09) 3D物件與光源設定Unity遊戲程式設計(09) 3D物件與光源設定
Unity遊戲程式設計(09) 3D物件與光源設定吳錫修 (ShyiShiou Wu)
 
Unity遊戲程式設計(03) 2D動畫製作及應用
Unity遊戲程式設計(03) 2D動畫製作及應用Unity遊戲程式設計(03) 2D動畫製作及應用
Unity遊戲程式設計(03) 2D動畫製作及應用吳錫修 (ShyiShiou Wu)
 

Andere mochten auch (20)

Arduino Yun 物聯網 Lesson 2
Arduino Yun 物聯網 Lesson 2Arduino Yun 物聯網 Lesson 2
Arduino Yun 物聯網 Lesson 2
 
Arduino Yún使用Http restful api控制io
Arduino Yún使用Http restful api控制ioArduino Yún使用Http restful api控制io
Arduino Yún使用Http restful api控制io
 
物聯網教學與上海深圳maker行
物聯網教學與上海深圳maker行物聯網教學與上海深圳maker行
物聯網教學與上海深圳maker行
 
Arduino Yún使用Temboo服務
Arduino Yún使用Temboo服務Arduino Yún使用Temboo服務
Arduino Yún使用Temboo服務
 
Unity遊戲程式設計(04) 2D運動與碰撞處理I
Unity遊戲程式設計(04) 2D運動與碰撞處理IUnity遊戲程式設計(04) 2D運動與碰撞處理I
Unity遊戲程式設計(04) 2D運動與碰撞處理I
 
Unity遊戲程式設計(09) 3D物件與光源設定
Unity遊戲程式設計(09) 3D物件與光源設定Unity遊戲程式設計(09) 3D物件與光源設定
Unity遊戲程式設計(09) 3D物件與光源設定
 
mBot 教學7 聲光控制應用
mBot 教學7 聲光控制應用mBot 教學7 聲光控制應用
mBot 教學7 聲光控制應用
 
mBot 教學5 超音波感測應用
mBot 教學5 超音波感測應用mBot 教學5 超音波感測應用
mBot 教學5 超音波感測應用
 
mBot 教學6 光感測器與LED應用
mBot 教學6 光感測器與LED應用mBot 教學6 光感測器與LED應用
mBot 教學6 光感測器與LED應用
 
Construct 2的Particles物件
Construct 2的Particles物件Construct 2的Particles物件
Construct 2的Particles物件
 
mBot組裝與測試
mBot組裝與測試mBot組裝與測試
mBot組裝與測試
 
Unity遊戲程式設計(03) 2D動畫製作及應用
Unity遊戲程式設計(03) 2D動畫製作及應用Unity遊戲程式設計(03) 2D動畫製作及應用
Unity遊戲程式設計(03) 2D動畫製作及應用
 
mBot藍牙控制
mBot藍牙控制mBot藍牙控制
mBot藍牙控制
 
Construct 2基本操作
Construct 2基本操作Construct 2基本操作
Construct 2基本操作
 
Arduino AMA中級認證術科實作 all
Arduino AMA中級認證術科實作 allArduino AMA中級認證術科實作 all
Arduino AMA中級認證術科實作 all
 
Unity遊戲程式設計(01) Unity簡介
Unity遊戲程式設計(01) Unity簡介Unity遊戲程式設計(01) Unity簡介
Unity遊戲程式設計(01) Unity簡介
 
mBot 教學3 開發mBot應用程式
mBot 教學3 開發mBot應用程式mBot 教學3 開發mBot應用程式
mBot 教學3 開發mBot應用程式
 
mBot 教學8 巡跡控制應用
mBot 教學8 巡跡控制應用mBot 教學8 巡跡控制應用
mBot 教學8 巡跡控制應用
 
mBot 教學4 移動控制
mBot 教學4 移動控制mBot 教學4 移動控制
mBot 教學4 移動控制
 
mBot 教學1 組裝與測試
mBot 教學1 組裝與測試mBot 教學1 組裝與測試
mBot 教學1 組裝與測試
 

Ähnlich wie 使用Arduino Yún內建Web伺服器

20141212 html5 及微軟跨平台佈局 long
20141212 html5 及微軟跨平台佈局   long20141212 html5 及微軟跨平台佈局   long
20141212 html5 及微軟跨平台佈局 longMeng-Ru (Raymond) Tsai
 
Node.js 進攻桌面開發
Node.js 進攻桌面開發Node.js 進攻桌面開發
Node.js 進攻桌面開發Fred Chien
 
以HTML5和COIMOTION打造跨平台App
以HTML5和COIMOTION打造跨平台App以HTML5和COIMOTION打造跨平台App
以HTML5和COIMOTION打造跨平台AppBen Lue
 
Study4 love.2016.2.20.ionic
Study4 love.2016.2.20.ionicStudy4 love.2016.2.20.ionic
Study4 love.2016.2.20.ionicKyle Shen
 
打造維基實驗基地 - mediawiki快速架站
打造維基實驗基地 - mediawiki快速架站打造維基實驗基地 - mediawiki快速架站
打造維基實驗基地 - mediawiki快速架站Shoichi Chou
 
Processing / Android / Arduino
Processing / Android / ArduinoProcessing / Android / Arduino
Processing / Android / ArduinoCAVEDU Education
 
程式人雜誌 -- 2013 年 2 月號
程式人雜誌 -- 2013 年 2 月號程式人雜誌 -- 2013 年 2 月號
程式人雜誌 -- 2013 年 2 月號鍾誠 陳鍾誠
 
51 cto下载 android应用程序开发宝典
51 cto下载 android应用程序开发宝典51 cto下载 android应用程序开发宝典
51 cto下载 android应用程序开发宝典sys520084
 
0714 MOSUT-arduino硬體平台與應用領域介紹
0714 MOSUT-arduino硬體平台與應用領域介紹0714 MOSUT-arduino硬體平台與應用領域介紹
0714 MOSUT-arduino硬體平台與應用領域介紹Marcus Pek
 
常用开发工具介绍
常用开发工具介绍常用开发工具介绍
常用开发工具介绍haozes
 
rebar erlang 2
rebar erlang 2rebar erlang 2
rebar erlang 2致远 郑
 

Ähnlich wie 使用Arduino Yún內建Web伺服器 (11)

20141212 html5 及微軟跨平台佈局 long
20141212 html5 及微軟跨平台佈局   long20141212 html5 及微軟跨平台佈局   long
20141212 html5 及微軟跨平台佈局 long
 
Node.js 進攻桌面開發
Node.js 進攻桌面開發Node.js 進攻桌面開發
Node.js 進攻桌面開發
 
以HTML5和COIMOTION打造跨平台App
以HTML5和COIMOTION打造跨平台App以HTML5和COIMOTION打造跨平台App
以HTML5和COIMOTION打造跨平台App
 
Study4 love.2016.2.20.ionic
Study4 love.2016.2.20.ionicStudy4 love.2016.2.20.ionic
Study4 love.2016.2.20.ionic
 
打造維基實驗基地 - mediawiki快速架站
打造維基實驗基地 - mediawiki快速架站打造維基實驗基地 - mediawiki快速架站
打造維基實驗基地 - mediawiki快速架站
 
Processing / Android / Arduino
Processing / Android / ArduinoProcessing / Android / Arduino
Processing / Android / Arduino
 
程式人雜誌 -- 2013 年 2 月號
程式人雜誌 -- 2013 年 2 月號程式人雜誌 -- 2013 年 2 月號
程式人雜誌 -- 2013 年 2 月號
 
51 cto下载 android应用程序开发宝典
51 cto下载 android应用程序开发宝典51 cto下载 android应用程序开发宝典
51 cto下载 android应用程序开发宝典
 
0714 MOSUT-arduino硬體平台與應用領域介紹
0714 MOSUT-arduino硬體平台與應用領域介紹0714 MOSUT-arduino硬體平台與應用領域介紹
0714 MOSUT-arduino硬體平台與應用領域介紹
 
常用开发工具介绍
常用开发工具介绍常用开发工具介绍
常用开发工具介绍
 
rebar erlang 2
rebar erlang 2rebar erlang 2
rebar erlang 2
 

Mehr von 吳錫修 (ShyiShiou Wu)

Unity遊戲程式設計 - 2D Platformer遊戲
Unity遊戲程式設計 - 2D Platformer遊戲Unity遊戲程式設計 - 2D Platformer遊戲
Unity遊戲程式設計 - 2D Platformer遊戲吳錫修 (ShyiShiou Wu)
 
Unity遊戲程式設計 - 2D移動與碰撞處理II
Unity遊戲程式設計 - 2D移動與碰撞處理IIUnity遊戲程式設計 - 2D移動與碰撞處理II
Unity遊戲程式設計 - 2D移動與碰撞處理II吳錫修 (ShyiShiou Wu)
 
Unity遊戲程式設計 - 2D運動與碰撞處理I
Unity遊戲程式設計 - 2D運動與碰撞處理IUnity遊戲程式設計 - 2D運動與碰撞處理I
Unity遊戲程式設計 - 2D運動與碰撞處理I吳錫修 (ShyiShiou Wu)
 
Unity遊戲設計- 2D動畫製作及應用
Unity遊戲設計-  2D動畫製作及應用Unity遊戲設計-  2D動畫製作及應用
Unity遊戲設計- 2D動畫製作及應用吳錫修 (ShyiShiou Wu)
 

Mehr von 吳錫修 (ShyiShiou Wu) (20)

Vuforia AR影片程式設計
Vuforia AR影片程式設計Vuforia AR影片程式設計
Vuforia AR影片程式設計
 
micro:bit亮度感測應用
micro:bit亮度感測應用micro:bit亮度感測應用
micro:bit亮度感測應用
 
Vuforia AR 同時追踨多張辨識圖
Vuforia AR同時追踨多張辨識圖Vuforia AR同時追踨多張辨識圖
Vuforia AR 同時追踨多張辨識圖
 
micro:bit開關控制應用
micro:bit開關控制應用micro:bit開關控制應用
micro:bit開關控制應用
 
Vuforia AR 應用程式設計入門
Vuforia AR應用程式設計入門Vuforia AR應用程式設計入門
Vuforia AR 應用程式設計入門
 
Vuforia AR 應用程式準備作業
Vuforia AR應用程式準備作業Vuforia AR應用程式準備作業
Vuforia AR 應用程式準備作業
 
micro:bit LED顯示控制
micro:bit LED顯示控制micro:bit LED顯示控制
micro:bit LED顯示控制
 
Microbit 1 introduction
Microbit 1 introductionMicrobit 1 introduction
Microbit 1 introduction
 
Arduino overview
Arduino overviewArduino overview
Arduino overview
 
使用Makeblock App學習mBot程式設計
使用Makeblock App學習mBot程式設計使用Makeblock App學習mBot程式設計
使用Makeblock App學習mBot程式設計
 
使用M部落App學習mBot程式設計
使用M部落App學習mBot程式設計使用M部落App學習mBot程式設計
使用M部落App學習mBot程式設計
 
nodeMCU IOT教學03 - NodeMCU導論
nodeMCU IOT教學03 - NodeMCU導論nodeMCU IOT教學03 - NodeMCU導論
nodeMCU IOT教學03 - NodeMCU導論
 
nodeMCU IOT教學02 - Lua語言
nodeMCU IOT教學02 - Lua語言nodeMCU IOT教學02 - Lua語言
nodeMCU IOT教學02 - Lua語言
 
Unity遊戲程式設計 - 2D Platformer遊戲
Unity遊戲程式設計 - 2D Platformer遊戲Unity遊戲程式設計 - 2D Platformer遊戲
Unity遊戲程式設計 - 2D Platformer遊戲
 
Unity遊戲程式設計 - 2D移動與碰撞處理II
Unity遊戲程式設計 - 2D移動與碰撞處理IIUnity遊戲程式設計 - 2D移動與碰撞處理II
Unity遊戲程式設計 - 2D移動與碰撞處理II
 
Unity遊戲程式設計 - 2D運動與碰撞處理I
Unity遊戲程式設計 - 2D運動與碰撞處理IUnity遊戲程式設計 - 2D運動與碰撞處理I
Unity遊戲程式設計 - 2D運動與碰撞處理I
 
Python與Ardinio整合應用
Python與Ardinio整合應用Python與Ardinio整合應用
Python與Ardinio整合應用
 
mBlock積木式設計程式
mBlock積木式設計程式mBlock積木式設計程式
mBlock積木式設計程式
 
Arduino程式除錯
Arduino程式除錯Arduino程式除錯
Arduino程式除錯
 
Unity遊戲設計- 2D動畫製作及應用
Unity遊戲設計-  2D動畫製作及應用Unity遊戲設計-  2D動畫製作及應用
Unity遊戲設計- 2D動畫製作及應用
 

使用Arduino Yún內建Web伺服器

  • 1. 電子工程系應 用 電 子 組 電 腦 遊 戲 設 計 組 使用Web伺服器 吳錫修 November 20, 2015
  • 2. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  Arduino Yún內建網頁伺服器,而且可以從網頁中使用JavaScript來 控制Arduino接腳  Arduino Yún Web根目錄  Micro SD之arduinowww目錄  只要將自製網頁檔案放置於在Arduino專案目錄之www子目錄中, 在上傳程式檔到Arduino Yún時,Arduino IDE會自動在Micro SD Web根目錄下建立⼀個和專案名稱⼀樣的子目錄,並將網頁上傳 Arduino Yún's built-in webserver 2
  • 3. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  在Arduino Yún專案目錄下建立www子目錄  建立網頁相關檔案  arduinoyun.jpg  yun.html <html> <head> <title>Arduino Yún</title> </head> <body align="center"> <h1>南開科大電子工程系</h1> <img src="arduinoyun.jpg"> </body> </html> Arduino Yún Web專案 1/2 3
  • 4. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  將網頁相關檔案複製到www目錄下 Arduino Yún Web專案 2/2 4
  • 5. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  開啟瀏覽器連接sswuyun.local/sd/Blink/ 測試Arduino Yún Web專案 1/2 5
  • 6. shapethefuture 電子工程系 應 用 電 子 組 電 腦 遊 戲 設 計 組  開啟瀏覽器連接sswuyun.local/sd/Blink/yun.html 測試Arduino Yún Web專案 2/2 6