描述

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

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

此圖表上顯示的數(shù)據(jù)可從Rapid API網(wǎng)站的冠狀病毒地圖部分免費(fèi)獲得。可以使用 Rest WebService 進(jìn)行連接，也可以在設(shè)備內(nèi)下載 JSON 數(shù)據(jù)和包。此代碼是使用TotalCross SDK編寫(xiě)的，用于開(kāi)發(fā)、構(gòu)建應(yīng)用程序并將其打包到嵌入式設(shè)備，如下圖所示。

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

要訪(fǎng)問(wèn)冠狀病毒數(shù)據(jù)，請(qǐng)?jiān)L問(wèn) Rapid API 網(wǎng)站。在冠狀病毒地圖上，獲取URL請(qǐng)求數(shù)據(jù)；最新的報(bào)告菜單有代碼片段。該項(xiàng)目基本上有兩個(gè)主要類(lèi)，CoronaChart和CoronaChartApp；它還有運(yùn)行類(lèi) RunCoronaChartApplication。數(shù)據(jù)離線(xiàn)時(shí)使用JSON文件，設(shè)備可以直接讀取信息；此文件已保存在資源文件夾中。

CoronaChart 類(lèi)負(fù)責(zé)在圖表上構(gòu)建數(shù)據(jù)。CoronaChartApp 類(lèi)是加載主 UI 的主窗口。它連接到 Web 服務(wù)并在圖表中運(yùn)行確認(rèn)、恢復(fù)和死亡的動(dòng)畫(huà)。

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 并從站點(diǎn)獲取信息。它返回將在 fillData 上處理的 JSON 對(duì)象。必須使用 Rapid API 密鑰更改 secretKey 字符串才能使連接正常工作。

每次點(diǎn)擊開(kāi)始按鈕時(shí)，它都會(huì)連接到 Web 服務(wù)，下載所有信息并將其繪制在圖表上。也可以在資源文件夾中加載文件request.json 。Vm TotalCross 類(lèi)具有操作文件的方法，因此我們可以打開(kāi)帶有電暈信息的 JSON 文件。該文件將被加載到應(yīng)用程序上，將這些數(shù)據(jù)解析為字符串并解析為 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 將被讀取并分離為確認(rèn)列表、恢復(fù)列表和死亡列表。加載構(gòu)建包時(shí)，文件 request.json 在設(shè)備上自動(dòng)可用。除了我們圖表上的信息外，還有其他信息可能對(duì)未來(lái)的工作有用，例如活躍病例、危急、測(cè)試、死亡率和康復(fù)率。

?

項(xiàng)目中存在的大多數(shù)其他方法都涉及圖表中數(shù)據(jù)的組裝和動(dòng)畫(huà)；可以在可供使用的代碼中研究它們。其余的代碼片段是關(guān)于屏幕的組裝，主類(lèi)從 MainWindow 類(lèi)擴(kuò)展，其覆蓋方法如 InitUI，它將構(gòu)造屏幕上的所有元素，如背景顏色、按鈕、復(fù)選框及其監(jiān)聽(tīng)器方法。

關(guān)于技術(shù)

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

按照這些步驟，您可以快速構(gòu)建您的冠狀病毒圖表并在嵌入式設(shè)備上運(yùn)行它。您可以根據(jù)需要將相同的知識(shí)應(yīng)用于不同的數(shù)據(jù)庫(kù)并創(chuàng)建自己的圖表。