PinToo像拼圖一樣設計APP

建議使用 Chorme、Edge 等瀏覽器打開本頁面

顯示的解析度不低於1920 * 1080,以獲得更好的顯示效果。

This image for Image Layouts addon

PinToo開發測試說明

 

PinToo開發測試為協助開發者,測試IDE界面設計、瀏覽系統管理功能,修改結果不能保存。可在此處下方點選按鈕進入到系統中進行檢視。

  • 使用者名稱:pintoo
  • 密碼:demo

登錄系統后打開PinToo登錄界面,登錄界面預設的使用者名稱為ADMIN,預設密碼為空。点击登录按钮可直接登录主页。所有專案均以圖示的形式呈現,點選對應的圖示即可進入到相應的說明界面中。

為保持最佳的體驗,在程式執行后,將程式顯示頁面最大化,之後在主頁上按住滑鼠下移下拉重新整理主頁面。由於平臺的限制,PC端無法實現PinToo的全部功能,建議在Android終端上安裝PinToo程式進行詳細體驗。

PinToo開發測試

檢視模組開發界面
● 使用開發測試登錄
● 點選左上角菜單欄,選擇界面設定
● 選擇要檢視的模板,點選設計按鈕。
● 開啟對應的模組設計界面,在界面中可檢視模組的窗體配置資訊。

詳情請檢視PinToo快速上手

PinToo範例明細

網路聊天室

網路聊天室

連線至FastWeb的IsoBean,實現網路聊天室功能。使用RestAPI WebSocket。

show 01 show 03

SVG組態

SVG組態

使用SVG圖示的方法,來展示組態頁面的相關互動顯示與操作。

show 01 show 03

RestAPI讀取溫濕度

RestAPI讀取溫濕度

使用RestAPI通訊協議,讀取連線至ESP8266的溫濕度感測器。

show 01 show 03

RestAPI控制LED燈

RestAPI控制LED燈

使用RestAPI通訊協議,控制連線至ESP8266的LED燈。

show 01 show 03

地圖及定位

地圖及定位

通過PinToo實現地圖檢視與地圖定位等相關功能,檢視地圖的相關資訊。

show 01 show 03

文字轉語音

文字轉語音

通過PinToo實現訊飛的文字轉語音,用各種語音實現播報功能。

show 01 show 03

語音轉文字

語音轉文字

通過PinToo實現訊飛的語音轉文字,實現語音識別功能。

show 01 show 03

二維碼產生與二維碼掃瞄

二維碼產生與二維碼掃瞄

通過PinToo實現對二維碼的掃瞄識別,根據內容產生對應的二維碼。

show 01 show 03

手寫板簽名

手寫板簽名

通過PinToo實現手寫板收集簽名圖片資訊來實現簽名的功能。

show 01 show 03

窗體相互傳值

窗體相互傳值

通過PinToo實現各個窗體之間數據傳遞以及窗體切換,實現窗體的相關功能。

show 01 show 03

阿里簡訊發送

阿里簡訊發送

通過向阿里簡訊平臺發送簡訊下發指令,實現簡訊的相關功能。

show 01 show 03

自定HTTP Client客戶端

自定HTTP Client客戶端

通過PinToo實現HTTP服務的搭建,訪問HTTP埠獲取數據。

show 01 show 03

自定HTTP Server伺服器

自定HTTP Server伺服器

通過PinToo實現HTTP服務的搭建,訪問HTTP埠獲取數據。

show 01 show 03

Flying網路列印

Flying網路列印

通過連線至Flying列印伺服器,向列印伺服器發送列印的數據資訊實現列印。

show 01 show 03

TARS數據存取

TARS數據存取

通過與TARS的連線,在移動裝置上實現對數據庫的增刪改查等相關功能。

show 01 show 03

圖表展示

圖表展示

通過數據展示的方式分析圖表顯示的內容。實現圖表展示的相關功能。

show 01 show 03
  • PinToo範例選擇說明

PinToo除了上述的模板外,其餘的模板選擇方式如下:

登錄至PinToo主頁界面中,顯示的內容示例如下,如需要進入對應模組,點選對應模組的圖示。

pintootutoral01

PinToo中實現的模板主要有以下三種類型:

  • 物聯網控制:該分類下的示例需配合相關硬體進行使用,不能獨立啟動。
  • 媒體功能:該分類下的示例不需要結合硬體使用,其中部分示例需要連線Internet后才可使用。
  • 數據通訊:該分類下的示例需要結合數據庫連線,需為其配置帳套連線,無法單獨使用。

在進入示例前會有彈窗出現,對專案的內容進行說明,點選進入示例進入到對應的示例中。

pintootutoral02

在示例體驗結束后,點選左上角的關閉按鈕關閉目前頁的編輯,返回至上一個頁面。

pintootutoral03