描述

冠狀病毒在全球范圍內增長了很多，并且出現了許多公共數據集以提供有關病毒傳播的實時和歷史信息，但是您如何在自己的嵌入式設備中將所有這些信息繪制在圖表上呢？

在本文中，我們展示了如何從頭開始構建圖表的圖形用戶界面 (GUI)，連接到冠狀病毒信息的 REST 數據庫，以及如何在嵌入式設備上運行它。收集的數據將繪制在代表全球病毒演變的折線圖上，我們將使用Toradex Colibri 模塊和NXP iMX6ULL 執行所有測試，無需 GPU。

此圖表上顯示的數據可從Rapid API網站的冠狀病毒地圖部分免費獲得。可以使用 Rest WebService 進行連接，也可以在設備內下載 JSON 數據和包。此代碼是使用TotalCross SDK編寫的，用于開發、構建應用程序并將其打包到嵌入式設備，如下圖所示。

Colibri iMX6ULL 是一款具有 Wi-Fi 和藍牙功能的 Toradex 計算機模塊，基于 NXP i.MX 6ULL?? 應用處理器，具有適用于各種物聯網和嵌入式設備的 Arm Cortex-A7 內核。這個強大的工具與 Totalcross SDK 一起使用，可以開發廣泛的應用程序。所有這些示例代碼都可以在GitHub 上免費獲得，您只需將開發環境配置為 TotalCross。在這里，我們有一個簡單的教程，它還提供了有關部署和運行項目的信息。

要訪問冠狀病毒數據，請訪問 Rapid API 網站。在冠狀病毒地圖上，獲取URL請求數據；最新的報告菜單有代碼片段。該項目基本上有兩個主要類，CoronaChart和CoronaChartApp；它還有運行類 RunCoronaChartApplication。數據離線時使用JSON文件，設備可以直接讀取信息；此文件已保存在資源文件夾中。

CoronaChart 類負責在圖表上構建數據。CoronaChartApp 類是加載主 UI 的主窗口。它連接到 Web 服務并在圖表中運行確認、恢復和死亡的動畫。

private void fillData() {
[...]
if (offlineCheck.isChecked())
response =
getCoronavirusData("https://coronavirus-map.p.rapidapi.com/v1/summary/latest", HttpStream.GET);
else
response = new JSONObject(new String(Vm.getFile("request.json")));
JSONObject data = response.getJSONObject("data");
dates = data.names();
array = data.toJSONArray(dates);
for (int i = 0; i < array.length(); i++) {
date = dates.getString(i);
item = array.getJSONObject(i);
MyDate myDate = new MyDate(Integer.parseInt(Convert.remove(date, "-")));
confirmedList.add(new Data(myDate, item.getInt("total_cases")));,>
recoveredList.add(new Data(myDate, item.getInt("recovered")));,>
deathsList.add(new Data(myDate, item.getInt("deaths")));,>
}
[...]
}

最重要的方法是 fillData()，它用于從 Rapid API 以 JSON 格式加載信息。getCoronavirusData() 使用 Http Stream 連接到 API 并從站點獲取信息。它返回將在 fillData 上處理的 JSON 對象。必須使用 Rapid API 密鑰更改 secretKey 字符串才能使連接正常工作。

每次點擊開始按鈕時，它都會連接到 Web 服務，下載所有信息并將其繪制在圖表上。也可以在資源文件夾中加載文件request.json 。Vm TotalCross 類具有操作文件的方法，因此我們可以打開帶有電暈信息的 JSON 文件。該文件將被加載到應用程序上，將這些數據解析為字符串并解析為 JSONObject。

JSONObject getCoronavirusData(final String url, String httpType) {
[...]
HttpStream.Options o = new HttpStream.Options();
o.readTimeOut = 5000;
o.socketFactory = new SSLSocketFactory();
o.requestHeaders.put("x-rapidapi-host", "coronavirus-map.p.rapidapi.com");
o.requestHeaders.put("x-rapidapi-key", secretKey);
HttpStream hs = new HttpStream(new
URI("https://coronavirus-map.p.rapidapi.com/v1/spots/summary"), o);
ByteArrayStream bas = new ByteArrayStream(4096);
bas.readFully(hs, 10, 4096);
hs.close();
String string = new String(bas.getBuffer(), 0, bas.available());
request = string;
[…]
}

此 JSONObject 將被讀取并分離為確認列表、恢復列表和死亡列表。加載構建包時，文件 request.json 在設備上自動可用。除了我們圖表上的信息外，還有其他信息可能對未來的工作有用，例如活躍病例、危急、測試、死亡率和康復率。

?

項目中存在的大多數其他方法都涉及圖表中數據的組裝和動畫；可以在可供使用的代碼中研究它們。其余的代碼片段是關于屏幕的組裝，主類從 MainWindow 類擴展，其覆蓋方法如 InitUI，它將構造屏幕上的所有元素，如背景顏色、按鈕、復選框及其監聽器方法。

關于技術

該項目中使用的TotalCross 技術提供了一個占用空間小的應用程序（甚至使用 Java），非常適合這種設備。TotalCross 不使用 JVM（Java 虛擬機），但由其自己的開源虛擬機 TCVM 支持。這使其能夠保證使用此框架開發的應用程序的幾乎本機性能。此外，它使我們能夠用很少的命令創建出色的 UI，即使對于低端 MPU 也是如此。

按照這些步驟，您可以快速構建您的冠狀病毒圖表并在嵌入式設備上運行它。您可以根據需要將相同的知識應用于不同的數據庫并創建自己的圖表。