賞你一個停車場
最近半年，打勞工貔閣在曆經鋼與火的淬煉後，終于獲得富婆青睐，拿到了一片停車場收租養老。
問題來了，作為一個“包租公”，如何管理好自己的一畝三分地，不用事必躬親。這時候就要發揮自己的物聯網思維，對停車場進行物聯網的改造。
阿裡雲IoT事業部推出了智能停車方案，結合了邊緣計算能力，能實作大範圍的傳感器關聯。接下來将示範如何利用阿裡雲IoT Studio全新推出的移動可視化開發工具，快速的搭建停車場管理應用，實作停車統計，車位顯示，費用預計等功能。
能動動手指就搞定，“我不想努力了！”
點選連結前往IoT Studio體驗！技術架構
首先要對整個停車場進行數字空間的資料模組化。
由于這是一個非常簡單的模型（阿裡雲物聯網有标準解決方案，請檢視連結
https://help.aliyun.com/document_detail/169250），我們就處理停車位是否占用，占用時間，以及基本的溫濕度資料即可。
首先打開我們的公共執行個體，建立一個産品叫“停車場網關”的産品，協定選擇“邊緣網關”。
在邊緣網關下建立“地磁傳感器”和“溫濕度傳感器”産品。
可以看到具體參數如下。
然後建立4個停車場網關裝置，分别對應4個停車區域。以及對應車位數量的各傳感器。
這裡用一個網關，一個溫濕度傳感器加20個地磁為例子。為Gateway001添加1個DHT子裝置和20個地磁子裝置。
邊緣裝置接入部分可以參考說明文檔。
https://help.aliyun.com/document_detail/103247在物聯網平台完成邊緣裝置的接入之後，我們可以在IoT Studio建立一個“停車場”項目用來管理所有資源。為了友善說明，這裡建立一個空白項目。
将産品與相關裝置從物聯網平台進行關聯，注意要在同一個執行個體裡。
這樣就結束資料模組化與裝置接入的部分。接下來就是移動應用的開發了！
移動可視化開發
在11月，千呼萬喚始出來的IoT Studio新版移動工作台正式對外開放。與之前的移動工作台相比，新版加強了對資料源與元件互動的支援，使用體驗與Web工作台進行了拉齊。并且支援移動端不同分辨率的容器式布局。
為了更好的示範整個搭建過程，我們從一個空白應用的模闆開始。這個停車場案例已經作為頁面模闆上架，各位使用者在實際使用時點選添加頁面即可直接使用。
首先通過IoT Studio首頁進入移動工作台入口。
點選建立移動應用，與web應用的過程一樣。
進入移動工作台，整體的布局與Web工作台類似，但有幾個差別。
第一，移動工作台使用的是容器式布局，需要先拖入容器元件（橫向分欄/縱向分欄）才能放置功能元件。這是為了适配各種移動端。
容器有分橫向和縱向，橫向最小顆粒度是頁面的1/12，縱向可以無限延伸。彼此之間可以嵌套。
第二，這種容器布局有“元件樹”進行統一管理，可以點選頂部導航欄icon進行檢視。
好了，接下來開始布局。首先我們定義好整體的主題色為橙色，是以頂部導航先配成橙色。
然後将背景調整為一個停車場的圖檔。
接下來先布置布局，我們需要完成首行兩個卡片和下部的五個卡片清單。
将布局樣式調節到合适的比例。
關聯資料源部分與Web工作台類似。由于資料源種類多樣，這裡不統一示範。
另一個卡片嫌棄重新布局複雜？直接右鍵“複制”“粘貼”就可以啦！
接下來我們做各樓層停車場的示範卡片。先大概劃分布局。
然後往容器元件裡填寫内容。
然後複制3個卡片。對文案稍作修改。
設定一個點選圖檔跳轉停車片區詳情頁的路由。
然後編輯下一個頁面。也是同樣的做法，不過清單處使用了“重複卡片”。
最後再配置一下登入頁的樣式。注意需要先在項目内開通賬号系統。
移動應用規定釋出之前需要先綁定域名。
然後回到編輯器裡，點選釋出。
釋出應用成功！這樣就可以遠端完成停車場的管理了！
正當我走向人生巅峰的時候 ——
突然感到肩膀被拍了一下，睜開眼發現老闆慈祥的面龐 ——
“這個周的圖畫完了嗎？”
（圖檔來自網絡）
歡迎使用IoT Studio！
這裡介紹的是一個簡單版的停車解決方案實作過程。IoT Studio新上線了移動可視化開發工具，補充了大量的元件與模闆，也支援更複雜的雲端資料關聯。
歡迎大家使用IoT Studio完成您的物聯網業務應用開發！感興趣的同學可以掃碼入群進行交流。